.white #portfolio>.hero{display:none}.white #portfolio>#ai{border-top:0}.white #ai .ai-title-stage{padding-top:90px}.white #ai .ai-title-stage h2{font-size:clamp(64px,10.8vw,180px)}

/* A quiet color break immediately after the opening sequence. */
.white #storytelling{background:#f0edf8;border-top:0;border-bottom:0}
.white #storytelling .eyebrow{color:#6c568e}
.white #storytelling .storytelling-intro h2 em{color:#79629f}
.white #storytelling .focus-area{border-color:rgba(102,78,146,.2)}

.white.intro-nav-sticky>.topbar{position:sticky;top:0;z-index:90;transform:translateY(var(--intro-nav-y,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
/* Reality navigation remains black throughout its opening sticky state. */
#site.white>.topbar,#site.white.intro-nav-sticky>.topbar{background:#0b0b0e;color:#fff;border-bottom-color:#29272f;--nav-focus:#be9bff}
#site.white>.topbar .logo,#site.white>.topbar .nav-right>a{color:#fff}
#site.white>.topbar .logo:hover,#site.white>.topbar .logo:focus-visible,#site.white>.topbar .nav-right>a:hover,#site.white>.topbar .nav-right>a:focus-visible{color:#be9bff}
#site.white>.topbar .switch{background:#18171d;border-color:#45404f;box-shadow:none}
#site.white>.topbar .switch button{color:#e1dce8}
#site.white>.topbar .switch button.active{background:#eee8f7;color:#211a2d}
#site.white>.topbar .switch button:not(.active):hover,#site.white>.topbar .switch button:not(.active):focus-visible{color:#be9bff}
/* Neutral Apple-inspired surface for focus areas. */
.white #storytelling{background:#f5f5f7;color:#1d1d1f}
.white #storytelling .eyebrow{color:#6e6e73}
.white #storytelling .storytelling-intro h2 em{color:#79629f}
.white #storytelling .focus-area{border-color:#d2d2d7}