/* Shared refinement layer; the handover homepage retains its original layout. */
.site-header{background:transparent!important;backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){
 html.custom-pointer,html.custom-pointer *{cursor:none!important}
 input,textarea,[contenteditable="true"]{cursor:text!important}
}
.feature-ledger-line{display:inline-block}
.feature-ledger-line.is-revealing{animation:feature-ledger-write .85s steps(22,end) both;animation-delay:var(--ledger-delay,0s)}
@keyframes feature-ledger-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.project-cover__identity,.project-facts{transition:opacity .6s ease-in-out}
.project-cover.is-idle .project-cover__identity,.project-cover.is-idle .project-facts{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.feature-ledger-line.is-revealing{animation:none}.project-cover__identity,.project-facts{transition:none}}
.entropic-pointer{position:fixed;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#fff;mix-blend-mode:difference;z-index:2147483647;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:border-radius .2s ease,transform .2s ease;will-change:left,top}
.entropic-pointer.is-visible{opacity:1}
.entropic-pointer.is-selectable{border-top-left-radius:0;transform:translate(-2px,-2px)}
.site-birds{position:fixed;inset:0;z-index:2000;pointer-events:none;overflow:hidden}
.site-birds video{width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.site-header{position:fixed!important;inset:0 0 auto!important;width:100%;height:80px!important;padding:0 32px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box;z-index:2100!important}
.site-header .brand img{display:block;width:188px;height:auto}
.site-header .main-nav{display:flex!important;align-items:center;gap:6px!important;background:transparent!important;border-radius:0!important;padding:0!important}
.site-header .main-nav a{display:block;font-size:13px!important;line-height:1.3!important;text-decoration:none!important;padding:8px 14px!important;border:0!important;border-radius:24px!important;color:#171815!important;background:transparent;transition:background .2s,color .2s}
.site-header .main-nav a::after{display:none!important}
.site-header .main-nav a[aria-current],.site-header .main-nav a:hover{background:#20221e!important;color:#fff!important}
.page-project-detail .site-header .main-nav{background:rgba(255,255,255,.92)!important;border-radius:30px!important;padding:4px!important}
.home-projects-cta{position:relative;z-index:10;display:flex;justify-content:center;padding:45px 20px 90px}
.home-projects-cta a{display:inline-flex;align-items:center;gap:28px;padding:16px 28px;border-radius:40px;background:#20221e;color:#fff;text-decoration:none;font-size:18px}
@media(max-width:700px){.site-header{height:72px!important;padding:0 16px!important;gap:8px!important}.site-header .brand img{width:125px}.site-header .main-nav{gap:0!important}.site-header .main-nav a{font-size:11px!important;padding:8px!important}}
@media(prefers-reduced-motion:reduce){.entropic-pointer{transition:none}}
/* Quiet project chrome: available immediately, without an entrance animation. */
.page-project-detail .main-nav,.page-project-detail .story-reader__count{display:none!important}
.page-project-detail .site-header,.story-project-nav,.story-reader{opacity:1!important;visibility:visible!important;animation:none!important}
.site-header .brand{view-transition-name:site-logo;display:block;color:#000}
.page-project-detail.project-on-hero .brand{color:#fff}
.story-project-nav{view-transition-name:project-arrows}
.story-reader{view-transition-name:project-reader}
::view-transition-group(site-logo),::view-transition-group(project-arrows),::view-transition-group(project-reader){animation-duration:0s}
::view-transition-old(site-logo),::view-transition-old(project-arrows),::view-transition-old(project-reader){display:none}
::view-transition-new(site-logo),::view-transition-new(project-arrows),::view-transition-new(project-reader){animation:none;mix-blend-mode:normal}
.page-home .site-birds{z-index:1}
.page-home .story-copy,.page-home .icon-stage{position:relative;z-index:5}
.page-home .story-copy{filter:none!important}
.home-wordmark{display:block;width:188px;height:auto;overflow:visible}
.home-wordmark .logo-letter{transform:translateY(0)}
@keyframes logo-arrive{0%{transform:translateY(-90px);opacity:0}48%{transform:translateY(12px);opacity:1}72%{transform:translateY(-6px)}88%{transform:translateY(2px)}100%{transform:translateY(0)}}
.feature-bob-line{display:inline-block;animation:heading-arrive var(--bob-duration,1.5s) cubic-bezier(.22,.65,.3,1) both;animation-delay:var(--bob-delay,0s)}
@keyframes heading-arrive{0%{opacity:0;transform:translateY(var(--bob-lift,-14px))}52%{opacity:1;transform:translateY(var(--bob-settle,3px))}78%{transform:translateY(-1.5px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.home-wordmark{width:125px}}
@media(prefers-reduced-motion:reduce){.home-wordmark .logo-letter,.feature-bob-line{animation:none!important}}
@view-transition{navigation:auto}
::view-transition-group(site-logo){animation-duration:0s}
::view-transition-new(site-logo){animation:none!important;opacity:1;mix-blend-mode:normal}
::view-transition-old(site-logo){display:none}
/* Icon-first project controls, with discoverable labels. */
.page-project-detail .site-header{pointer-events:none}
.page-project-detail .site-header .brand{pointer-events:auto}
.page-project-detail .story-reader__index{position:fixed;top:22px;right:26px;width:40px;height:40px;display:grid;place-items:center}
.story-reader__index svg{width:17px;height:17px}
.story-reader__index span{position:absolute;right:0;top:46px;white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:none}
.story-reader__index:hover span,.story-reader__index:focus-visible span{opacity:1}
.project-cover__invitation{opacity:0;transition:opacity .3s;pointer-events:none}
body:has(.story-next-slide:hover) .project-cover__invitation,body:has(.story-next-slide:focus-visible) .project-cover__invitation{opacity:1}
.project-cover:not(.is-idle) .project-facts{transition-delay:.22s}
.project-cover.is-idle .project-facts{transition-delay:0s}
.page-about .about-intro h1,.page-contact .editorial-heading{font-size:clamp(3rem,8vw,6rem)!important;line-height:.95!important;font-weight:300!important;letter-spacing:-.035em}
.page-about .about-columns h4,.page-contact .contact-details p{font-size:clamp(1rem,2.5vw,1.5rem)!important;line-height:1.35;font-weight:400;text-align:left}
.page-about .about-intro h1.editorial-bob-title,.page-contact .editorial-bob-title{opacity:1;animation:editorial-arrive 1.4s ease-out both!important}
@keyframes editorial-arrive{0%{transform:translateY(-9px)}55%{transform:translateY(2px)}80%{transform:translateY(-1px)}100%{transform:translateY(0)}}
.home-projects-cta a{background:transparent;color:#20221e;border-radius:0;padding:12px 4px;gap:14px;font-size:14px;font-weight:400;animation:projects-float 5s ease-in-out infinite}
.home-projects-cta a:hover{animation-play-state:paused}
@keyframes projects-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
html:active-view-transition-type(main-pages)::view-transition-old(root){animation:main-leave .6s cubic-bezier(.22,.7,.3,1) both}
html:active-view-transition-type(main-pages)::view-transition-new(root){animation:main-enter .6s cubic-bezier(.22,.7,.3,1) both}
@keyframes main-leave{to{transform:translateX(-7vw);opacity:0}}
@keyframes main-enter{from{transform:translateX(7vw);opacity:0}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.home-projects-cta a,.page-about .about-intro h1.editorial-bob-title,.page-contact .editorial-bob-title{animation:none!important}html:active-view-transition-type(main-pages)::view-transition-old(root),html:active-view-transition-type(main-pages)::view-transition-new(root){animation:none!important}}
/* Project content slides underneath persistent controls. */
html.project-switching{scroll-snap-type:none!important;scroll-behavior:auto!important}
html.project-switching body{overflow:hidden}
.project-swipe-old{position:fixed!important;left:0!important;width:100%!important;z-index:12!important;pointer-events:none!important}
.project-swipe-new{position:relative;z-index:13;will-change:transform}
.page-project-detail .story-project-nav a,.page-project-detail .story-reader{z-index:2202}
.project-switch-error{position:fixed;z-index:2400;bottom:85px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:25px;background:#fff;color:#20221e;font-size:13px;max-width:90vw;text-align:center}
.home-projects-cta a{padding:15px 32px;border-radius:40px;background:#20221e;color:white;font-size:16px;min-width:110px;justify-content:center}
.page-home .motion-driven{animation:none!important;will-change:transform}
.page-home .icon-stage.is-hovering .icon{opacity:.85;filter:none}
.page-home .icon-stage .icon.is-hot{opacity:1;filter:none}
.page-home .story-copy h1,.page-home .story-copy h4{transform-origin:center}
/* Named chrome never joins the sideways content transition. */
.site-header{width:100vw!important;border:0!important}
.site-header .main-nav{view-transition-name:site-navigation}
.site-header .main-nav a{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;letter-spacing:normal!important}
::view-transition-group(site-navigation),::view-transition-group(site-background){animation-duration:0s!important}
::view-transition-old(site-navigation),::view-transition-old(site-background){display:none}
::view-transition-new(site-navigation),::view-transition-new(site-background){animation:none!important;opacity:1;mix-blend-mode:normal}
html.internal-navigation .page-home .main-nav{animation:none!important;opacity:1}