[data-plane]{will-change:transform;transform:translate3d(0,calc(var(--scrolled,0) * var(--plane-speed,0) * 1px),0)}[data-plane='1']{--plane-speed:var(--plane-1)}[data-plane='2']{--plane-speed:var(--plane-2)}[data-plane='3']{--plane-speed:var(--plane-3)}[data-plane='4']{--plane-speed:var(--plane-4)}[data-plane='5']{--plane-speed:var(--plane-5)}[data-plane='1']{opacity:.75}[data-plane='2']{opacity:.9}[data-reveal]{--reveal-delay:0ms;transition-delay:var(--reveal-delay)}[data-reveal=rise]{opacity:0;transform:translate3d(0,var(--m-travel),0);transition:opacity var(--m-dur) var(--m-ease),transform var(--m-dur) var(--m-ease);transition-delay:var(--reveal-delay)}[data-reveal=rise][data-in=true]{opacity:1;transform:none}[data-reveal=mask]{display:block;overflow:hidden;clip-path:inset(0 0 -0.35em 0)}[data-reveal=mask]>*{display:block;transform:translate3d(0,105%,0);transition:transform calc(var(--m-dur) * 1.4) var(--m-ease);transition-delay:var(--reveal-delay)}[data-reveal=mask][data-in=true]>*{transform:none}[data-reveal=line]{transform:scaleX(0);transform-origin:left;transition:transform var(--m-dur) var(--ease-cinematic);transition-delay:var(--reveal-delay)}[data-reveal=line][data-in=true]{transform:scaleX(1)}[data-reveal=curtain]{position:relative;overflow:hidden}[data-reveal=curtain]>img,[data-reveal=curtain]>picture{transform:scale(1.08);transition:transform calc(var(--m-dur) * 1.6) var(--ease-organic);transition-delay:var(--reveal-delay)}[data-reveal=curtain]::after{content:'';position:absolute;inset:0;background:var(--bg,var(--c-paper));transform-origin:bottom;transition:transform calc(var(--m-dur) * 1.2) var(--ease-cinematic);transition-delay:var(--reveal-delay)}[data-reveal=curtain][data-in=true]>img,[data-reveal=curtain][data-in=true]>picture{transform:none}[data-reveal=curtain][data-in=true]::after{transform:scaleY(0)}[data-reveal=slide-l],[data-reveal=slide-r]{opacity:0;transition:opacity var(--m-dur) var(--m-ease),transform var(--m-dur) var(--m-ease);transition-delay:var(--reveal-delay)}[data-reveal=slide-l]{transform:translate3d(calc(var(--m-travel) * -1),0,0)}[data-reveal=slide-r]{transform:translate3d(var(--m-travel),0,0)}[data-reveal=slide-l][data-in=true],[data-reveal=slide-r][data-in=true]{opacity:1;transform:none}@media (max-width:52rem){[data-reveal=slide-l],[data-reveal=slide-r]{transform:translate3d(0,var(--m-travel),0)}}[data-reveal=depth]{opacity:0;transform:perspective(1200px) translate3d(0,var(--m-travel),-160px) rotateX(6deg);transition:opacity var(--m-dur) var(--m-ease),transform var(--m-dur) var(--m-ease);transition-delay:var(--reveal-delay)}[data-reveal=depth][data-in=true]{opacity:1;transform:perspective(1200px) translate3d(0,0,0) rotateX(0)}[data-scrub]{will-change:transform}[data-scrub=drift]{transform:translate3d(0,calc((var(--p,.5) - .5) * -40px),0)}[data-scrub=pan]{transform:translate3d(calc((var(--p,.5) - .5) * var(--pan,120px)),0,0)}[data-scrub=zoom]{transform:scale(calc(1 + (var(--p,.5) - .5) * .14))}[data-scrub=tilt]{transform:perspective(1400px) rotateX(calc((.5 - var(--p,.5)) * 9deg));transform-origin:center 120%}[data-scrub=type]{font-variation-settings:'SOFT' calc(var(--p,0) * 60),'WONK' 1,'opsz' calc(20 + var(--p,0) * 124)}[data-scrub=progress]{transform:scaleX(var(--p,0));transform-origin:left}[data-pointer]{transform:translate3d(calc(var(--mx,0) * var(--pointer-x,10px)),calc(var(--my,0) * var(--pointer-y,10px)),0);transition:transform .6s var(--ease-organic)}.tilt{transition:transform var(--d-flow) var(--ease-organic),box-shadow var(--d-flow) var(--ease-organic)}.tilt[data-tilting]{transform:translate3d(calc(var(--tx,0) * 3px),-5px,0);transition-duration:var(--d-base)}.tilt__layer{transition:transform var(--d-flow) var(--ease-organic)}.tilt[data-tilting] .tilt__layer{transform:translate3d(calc(var(--tx,0) * var(--layer-x,8px)),calc(var(--ty,0) * var(--layer-y,8px)),0);transition-duration:var(--d-base)}.bento{display:grid;gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(11rem,auto)}@media (min-width:56rem){.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-5)}}.bento__item{grid-column:span 2}.bento__item[data-mobile=half]{grid-column:span 1}.bento__item{position:relative;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);border-radius:var(--r-lg);border:1px solid var(--c-line);background:color-mix(in oklab,var(--c-paper) 55%,#fff);overflow:hidden;isolation:isolate;transition:border-color var(--d-base) var(--ease-organic),opacity var(--d-base) var(--ease-organic),transform var(--d-flow) var(--ease-organic)}@media (min-width:56rem){.bento__item{grid-column:span 2}.bento__item[data-span='3']{grid-column:span 3}.bento__item[data-span='4']{grid-column:span 4}.bento__item[data-span='6']{grid-column:span 6}.bento__item[data-rows='2']{grid-row:span 2}}@media (hover:hover) and (min-width:56rem){.bento__item:hover{border-color:var(--accent)}}.bento__label{font-family:var(--f-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--c-ink-3);margin:0}.bento__title{font-size:var(--t-md);margin:0}.bento__text{margin:0;font-size:var(--t-sm);color:var(--fg-muted)}.bento__foot{margin-top:auto;display:flex;align-items:baseline;gap:var(--s-3)}.bento__figure{font-family:var(--f-display);font-size:clamp(2.6rem, 6vw, 4.4rem);line-height:.9;letter-spacing:-.04em;font-variation-settings:'SOFT' 0,'WONK' 0,'opsz' 144;font-variant-numeric:tabular-nums;color:var(--accent);margin:0}.bento__more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--d-flow) var(--ease-organic),opacity var(--d-base) var(--ease-organic)}.bento__more>div{overflow:hidden}.bento__item:focus-within .bento__more,.bento__item:hover .bento__more{grid-template-rows:1fr;opacity:1}.bento__item--immersive{padding:0;min-height:16rem}.bento__item--immersive>.bento__inner{position:relative;z-index:1;padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);height:100%}.bento__bg{position:absolute;inset:-8%;z-index:0;transition:transform var(--d-cine) var(--ease-organic)}.bento__item--immersive:hover .bento__bg{transform:scale(1.06)}.bento__item--ink{background:var(--c-ink);color:var(--c-paper);border-color:transparent}.bento__item--ink .bento__label{color:color-mix(in oklab,var(--c-paper) 60%,transparent)}.bento__item--ink .bento__text{color:color-mix(in oklab,var(--c-paper) 78%,transparent)}.bento__item--ink .bento__figure{color:var(--accent)}.bento__item--accent{background:color-mix(in oklab,var(--accent-wash) 70%,#fff);border-color:color-mix(in oklab,var(--accent) 34%,transparent)}a.bento__item{text-decoration:none;color:inherit}a.bento__item:hover{color:inherit}a.bento__item--ink,a.bento__item--ink:hover{color:var(--c-paper)}.bento__item--ink .bento__go{color:#d98a6b}.bento__go{margin-left:auto;color:var(--accent);transition:transform var(--d-base) var(--ease-impact)}a.bento__item:hover .bento__go{transform:translateX(5px)}.seq{display:grid;gap:var(--s-7)}@media (min-width:60rem){.seq{grid-template-columns:0.9fr 1.1fr;gap:var(--s-9);align-items:start}}.seq__aside{position:sticky;top:clamp(6rem,16vh,10rem)}.seq__steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-6)}.seq__step{display:grid;grid-template-columns:3.2rem 1fr;gap:var(--s-4);padding-block:var(--s-5);border-top:1px solid var(--c-line);opacity:.42;transform:translate3d(0,0,0);transition:opacity var(--d-flow) var(--ease-organic),transform var(--d-flow) var(--ease-organic)}.seq__step[data-active]{opacity:1;transform:translate3d(0,-2px,0)}.seq__n{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--accent);margin:0}.seq__step h3{font-size:var(--t-md);margin:0 0 var(--s-2)}.seq__step p{margin:0;color:var(--fg-muted);font-size:var(--t-sm)}.seq__rail{position:relative}.seq__rail::before{content:'';position:absolute;left:1.55rem;top:0;bottom:0;width:1px;background:var(--c-line)}.seq__rail::after{content:'';position:absolute;left:1.55rem;top:0;width:1px;height:100%;background:var(--accent);transform:scaleY(var(--p,0));transform-origin:top}.carry{position:relative;transform:translate3d(calc((var(--p,0) - .5) * -14vw),0,0);white-space:nowrap;will-change:transform}@media (prefers-reduced-motion:reduce){.carry,.tilt,.tilt__layer,[data-plane],[data-pointer],[data-scrub]{transform:none!important;transition:none!important}[data-reveal],[data-reveal]>*{opacity:1!important;transform:none!important;clip-path:none!important}[data-reveal=curtain]::after{display:none}.seq__step{opacity:1;filter:none}}.mesh{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.mesh canvas{display:block;width:100%;height:100%}@media (max-width:48rem){.mesh{opacity:.6}}