/* Desktop option: same principles as mobile — full-height portrait, pinned header with a fading veil,
   line-by-line headline, item-by-item reveals. */
@media screen and (min-width:1101px){
[data-desktop] body{padding-top:0;overflow-x:clip}
[data-desktop] .topbar{position:sticky;top:0;z-index:60;border-bottom-color:transparent}
[data-desktop] .topbar>*{position:relative;z-index:1}
[data-desktop] .topbar::before{content:"";position:absolute;top:0;left:50%;width:100vw;height:150px;transform:translateX(-50%);pointer-events:none;opacity:0;transition:opacity .45s cubic-bezier(.2,.7,.2,1);background:linear-gradient(to bottom,var(--ink) 0,color-mix(in srgb,var(--ink) 92%,transparent) 40%,color-mix(in srgb,var(--ink) 55%,transparent) 70%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 45%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 45%,transparent 100%)}
[data-desktop] .topbar.is-solid::before{opacity:1}
[data-desktop] .scroll-progress{display:block;position:fixed;top:0;left:0;z-index:70;width:100%;height:2px;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
[data-desktop] .topbar:not(.is-solid) .preferences{--paper:#f5f5f5;--muted:#cfcfcf;--line:#ffffff55;--coral:#ff5f6d;color:#f5f5f5}
[data-desktop] .hero{min-height:calc(100svh - 92px);padding:0 0 40px;gap:6rem;grid-template-columns:1.2fr 1fr}
[data-desktop] .hero-text{animation:none}
[data-desktop] .portrait{align-self:stretch;overflow:visible;clip-path:inset(0);height:100svh;margin-top:-92px;margin-right:calc((100vw - min(1240px,100vw - 96px))/-2);animation:none}
[data-desktop] .portrait img{height:100%;object-position:50% 8%;filter:none;transform-origin:50% 30%;transform:scale(calc(1.02 + var(--p,0)*.08));animation:split-in 1.8s cubic-bezier(.2,.7,.2,1) both}
[data-desktop] .portrait::after{content:"";position:absolute;inset:0 0 0 -8px;background:linear-gradient(to bottom,#0a0a0a99 0,#0a0a0a00 16%,#0a0a0a00 70%,#0a0a0ae6 100%),linear-gradient(to right,var(--ink) 0,var(--ink) 16px,transparent 16%);pointer-events:none}
:root[data-theme="light"][data-desktop] .portrait::after{background:linear-gradient(to bottom,#0a0a0a99 0,#0a0a0a00 16%,#0a0a0a00 70%,#0a0a0ae6 100%)}
[data-desktop] .portrait figcaption{position:absolute;z-index:1;left:40px;right:48px;bottom:32px;border-top:2px solid #ff5f6d;color:#e8e8e8}
@keyframes split-in{from{transform:scale(1.06);opacity:.4}}
[data-desktop] .line{display:block;overflow:hidden;padding-bottom:.3em;margin-bottom:-.3em}
[data-desktop] .line>span{display:block;transform:translateY(135%);transition:transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.3s + var(--i,0)*.12s)}
[data-desktop].is-ready .line>span{transform:none}
[data-desktop] .fade-up{opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.3s + var(--i,0)*.12s)}
[data-desktop].is-ready .fade-up{opacity:1;transform:none}
[data-desktop] .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*.09s)}
[data-desktop] .reveal.in{opacity:1;transform:none}
[data-desktop] .career-feature{position:relative;border-top-color:transparent}
[data-desktop] .career-feature::before{content:"";position:absolute;left:0;top:-2px;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1) .15s}
[data-desktop] .career-feature.in::before{transform:scaleX(1)}
}
@media screen and (min-width:1101px) and (prefers-reduced-motion:reduce){[data-desktop] .reveal,[data-desktop] .fade-up,[data-desktop] .line>span{opacity:1!important;transform:none!important}[data-desktop] .portrait img{transform:none!important}}
/* keep the navigation over the text column so it never lands on the portrait (unreadable in the light theme) */
@media screen and (min-width:1101px){[data-desktop] .topbar{grid-template-columns:auto auto 1fr}[data-desktop] .topbar>.nav{justify-content:flex-start;margin-left:1.5rem;gap:1.4rem}[data-desktop] .preferences{justify-self:end}}
@media screen and (min-width:1101px) and (max-width:1279px){[data-desktop] .topbar>.nav{gap:1rem;margin-left:.75rem;font-size:.8125rem}}
/* v7.6: the veil covers only the bar. It hung 58px below it with a 10px blur and smeared the text scrolling underneath (Leadership was never sharp at 1470x780). */
@media screen and (min-width:1101px){[data-desktop] .topbar::before{height:100%;background:color-mix(in srgb,var(--ink) 94%,transparent);-webkit-mask-image:none;mask-image:none;border-bottom:1px solid var(--line)}}