/* V24: unified responsive motion and page-aware navigation. */
nav a[aria-current="page"],nav a[aria-disabled="true"],nav a[aria-current="page"] .nav-word,nav a[aria-disabled="true"] .nav-word{color:#9a9a9a!important;font-weight:400!important;text-decoration:none!important}
nav a[aria-current="page"]:hover,nav a[aria-disabled="true"]:hover{text-decoration:none!important}
.about-chapters>.about-page{padding-bottom:12px!important}
.about-page .about-main{flex:1 1 auto!important}
@media(min-width:701px){.about-page .about-visual{height:min(44dvh,465px)!important;max-height:calc(100dvh - var(--nav-height) - 255px)!important}}
.about-page .about-timeline-wrap{margin-top:10px!important;padding-top:8px!important}
.about-scroll-down{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;margin:12px auto 0;border:1px solid #d8d8d4;border-radius:50%;background:rgba(255,255,255,.65);color:#777;transition:background .2s ease,translate .24s ease;touch-action:manipulation}
.about-scroll-down:hover{background:#eee;translate:0 2px}
@media(max-width:700px){
 .about-page .about-main{flex:none!important}
 #band{overflow:hidden!important;touch-action:none!important}
 #band #track{padding-inline:0!important;gap:11px!important;will-change:transform!important}
 .posters-page .poster-reel,.handdrawing-case .handdrawing-reel,.photography-band .photography-reel{animation:none!important;will-change:transform}
 .tesla-research-band{overflow:hidden!important;touch-action:pan-y!important}
 .tesla-research-reel{width:max-content!important;display:flex!important;transform:translate3d(0,0,0)}
 .about-page .about-timeline-wrap{margin-top:12px!important;padding-top:8px!important}
 .about-scroll-down{margin-top:16px;margin-bottom:4px}
}
@media(prefers-reduced-motion:reduce){.about-scroll-down{transition:none!important}.about-personality .personality-panorama-track{animation-play-state:paused!important}}

/* V25: navigation position is tied one-to-one to scroll distance on every viewport. */
body.portfolio-auto-nav>nav{position:sticky!important;top:0!important;z-index:125!important;background:rgba(250,250,248,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translate3d(0,calc(-1 * var(--portfolio-nav-offset,0px)),0)!important;opacity:1!important;transition:none!important;will-change:transform;pointer-events:var(--portfolio-nav-events,auto)!important}
.airport-case .airport-gallery-track,.bachelor-case .ui-interface-band{scroll-snap-type:none!important;scroll-behavior:auto!important;touch-action:pan-x pan-y!important;overscroll-behavior-x:contain}
.ui-band-actions,.ui-band-arrow{display:none!important}
.orb-click{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;max-width:100%;padding:0 9px 5px 5px;white-space:nowrap;color:#fff;font-family:'AncientCustom','Times New Roman',serif;font-weight:400;font-style:italic;font-size:30px;line-height:1;letter-spacing:-.04em;opacity:0;transition:opacity 220ms ease;pointer-events:none}
.orb.has-click-label .orb-click{opacity:1}
.orb.has-click-label .orb-number,.orb.has-click-label .orb-logo{opacity:0!important}
.orb.is-selecting{opacity:.25!important}
.orb.is-selecting .orb-logo,.orb.is-selecting .orb-number,.orb.is-selecting .orb-click{opacity:0!important}
@media(min-width:701px){
 #app:has(#band)>main{height:calc(100dvh - var(--works-nav-height,var(--nav-height)))!important;min-height:0!important;box-sizing:border-box;overflow:visible!important;padding-bottom:18px}
 #band.marquee-viewport{height:var(--works-fit-height,32dvh)!important;flex:0 0 var(--works-fit-height,32dvh)!important;min-height:0!important;margin-top:auto!important}
 .about-page .about-main{flex:0 1 auto!important}
 .about-page .about-visual{height:min(39dvh,425px)!important;max-height:calc(100dvh - var(--nav-height) - 290px)!important}
 .about-page .about-timeline-wrap{margin-top:14px!important;padding-top:4px!important}
 .about-scroll-down{margin-top:8px!important}
}
@media(min-width:701px) and (max-height:850px){
 #app:has(#band) .intro{padding-top:clamp(14px,3.5dvh,30px)!important}
 #app:has(#band) .metadata{padding-top:clamp(16px,3dvh,28px)!important;padding-bottom:clamp(16px,3dvh,28px)!important}
}
@media(max-width:700px){
 .about-page .about-timeline-wrap{margin-top:2px!important;padding-top:2px!important}
 .about-scroll-down{margin-top:6px!important;margin-bottom:8px!important}
 .about-page .about-main{gap:12px!important}
 .about-page .about-visual{height:clamp(170px,45vw,240px)!important}
}
@media(prefers-reduced-motion:reduce){.orb-click{transition:none}}

body.portfolio-auto-nav{overflow-x:clip}
@media(min-width:701px) and (max-height:600px){#app:has(#band) .intro h1{font-size:clamp(40px,10dvh,60px)!important}#app:has(#band) .metadata{font-size:12px!important;padding-block:12px!important}#app:has(#band) .intro{padding-top:12px!important}}

/* V26: no bottom gutter; the photo edge is the page edge. */
@media(min-width:701px){#app:has(#band)>main{padding-bottom:0!important}#band{margin-bottom:0!important}}
@media(max-width:700px){#app:has(#band) .metadata{order:1!important}#app:has(#band) #band{order:2!important;margin-bottom:0!important}#app:has(#band)>main{padding-bottom:0!important}}
.orb-click{font-size:23px!important;padding:0 7px 3px 4px!important;letter-spacing:-.045em!important}
.about-journey-controls{display:flex;flex-direction:column;justify-content:center;flex:1 0 auto;min-height:150px}
.about-journey-controls .about-timeline-wrap{flex:0 0 auto!important;margin-top:0!important;padding-top:0!important}
.about-journey-controls .about-scroll-down{margin-top:12px!important;margin-bottom:0!important}
@media(max-width:700px){.about-journey-controls{min-height:150px;padding-block:18px}}

.albero-case .next-project-body img{background:#ededed!important}
.orb.is-selecting{opacity:1!important;background:var(--cursor)!important}
#selection-foreground{position:fixed;inset:0;pointer-events:none!important;z-index:1000;overflow:hidden}
#selection-foreground *{pointer-events:none!important;user-select:none!important}

.porsche-concept-disclaimer{font-size:13px;line-height:1.5;color:#888;margin:15px 0 0;max-width:560px}
::selection{color:#fff;background:#0078d4}
::highlight(portfolio-selection){color:#fff;background:#0078d4}