:root{--bar:calc(100lvh - 100svh);--bleed:0px;--scene-bleed:0px;--color-paper:oklch(95.6% .009 80);--color-paper-2:oklch(91.5% .012 80);--color-sheet:oklch(99.2% .004 80);--color-rule:oklch(84% .01 80);--color-neutral:oklch(50% .01 70);--color-ink:oklch(19% .01 60);--color-night:oklch(15.5% .008 60);--color-night-2:oklch(22% .009 60);--color-night-rule:oklch(32% .008 60);--color-night-muted:oklch(72% .008 80);--color-night-ink:oklch(94% .008 80);--color-accent:oklch(66% .2 40);--color-focus:oklch(58% .19 40);--color-shadow:oklch(19% .01 60/.35);--tone-1:oklch(27% .02 60);--tone-2:oklch(80% .035 75);--tone-3:oklch(42% .05 225);--tone-4:oklch(60% .11 40);--pile-far:oklch(86% .014 240);--pile-mid:oklch(68% .02 240);--pile-pop-1:oklch(88% .21 125);--pile-pop-2:oklch(60% .25 305);--pile-pop-3:oklch(52% .25 262);--pile-pop-4:oklch(83% .22 150);--pile-pop-5:oklch(62% .23 25);--font-sans:"Aeonik", "General Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:clamp(1rem, .96rem + .18vw, 1.125rem);--text-lg:clamp(1.2rem, 1.05rem + .6vw, 1.6rem);--text-xl:clamp(1.6rem, 1.25rem + 1.5vw, 2.6rem);--text-display-s:clamp(2.6rem, 1.2rem + 6.2vw, 8.5rem);--text-display:clamp(3.4rem, 22vw, 15rem);--text-statement:clamp(3rem, 15vw, 15rem);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--space-4xl:7rem;--space-5xl:10rem;--pad-x:clamp(1rem, 4vw, 4rem);--grid-gap:clamp(.75rem, 2vw, 2rem);--radius-card:1.125rem;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--z-nav:40;--z-preloader:60}@media (width>=40rem){:root{--text-display:clamp(3.4rem, 14.6vw, 16rem);--text-statement:clamp(3.4rem, 11vw, 15rem)}}@font-face{font-family:Aeonik;src:url(/assets/Aeonik-Regular-CaRp3TZh.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Aeonik;src:url(/assets/Aeonik-Medium-BZ0DT5T2.ttf)format("truetype");font-weight:500;font-display:swap}:root{--ease-out:cubic-bezier(.35, 0, 0, 1)}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-size:var(--text-base);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.5}.foot__address,.drawer__mail,.foot__links,.foot__text,.swatch__value,.type__family,input,textarea{-webkit-user-select:text;user-select:text}h1,h2,h3,p,ul,ol{margin:0}.social-icon{vertical-align:-.06em;fill:currentColor;width:.8em;height:.8em;transition:transform var(--dur-short) var(--ease-out);margin-right:.45em}@media (hover:hover) and (pointer:fine){a:hover>.social-icon{transform:translateY(-.08em)rotate(-8deg)}}html{scrollbar-width:none}::-webkit-scrollbar{display:none}.sbar{z-index:calc(var(--z-nav) + 1);mix-blend-mode:difference;opacity:0;pointer-events:none;width:1rem;height:clamp(5.5rem,16svh,9rem);transition:opacity var(--dur-long) var(--ease-out);position:fixed;top:50%;right:.5rem;translate:0 -50%}.sbar.is-on{opacity:1}.sbar:before,.sbar__thumb{content:"";border-radius:var(--radius-pill);background:#fff;position:absolute;top:0;left:50%;translate:-50%}.sbar:before{opacity:.2;width:3px;height:100%}.sbar__thumb{width:5px;height:20%}ul,ol{padding:0;list-style:none}a{color:inherit}canvas{display:block}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}[tabindex="-1"]:focus{outline:none}.mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-weight:400;line-height:1.4}.w{display:inline-block}.intro__title>span,.work__title{margin:-.15em 0 -.24em;padding:.15em 0 .24em;overflow:hidden}.roll{vertical-align:top;height:1.4em;margin:-.2em 0;display:inline-block;overflow:hidden}.roll__col{flex-direction:column;display:flex}.roll__col>span{height:1.4em;line-height:1.4;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--pad-x);top:var(--space-sm);z-index:var(--z-preloader);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);position:fixed}.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;background:0 0;width:1px;height:1px;padding:0;overflow:hidden}.rule-x{border-top:1px solid var(--color-rule);position:relative}.rule-x:before,.rule-x:after{content:"+";font:400 var(--text-sm) / 1 var(--font-mono);color:var(--color-neutral);position:absolute;top:-.55em}.rule-x:before{left:0}.rule-x:after{right:0}@media (width<=40rem){.foot__links a,.foot__up,.brief__alt a{margin-block:-.875rem;padding-block:.875rem;display:inline-block}.pill,.brief__submit{min-height:44px}}.mtm{width:0;height:0;position:absolute;top:50%;left:50%}.mtm>i{background:currentColor;width:12px;height:14px;position:absolute;top:-7px;left:-6px}.nav__logo{border-radius:var(--radius-pill);width:5rem;height:2.75rem;color:var(--color-ink);transition:background-color var(--dur-long) var(--ease-out), color var(--dur-long) var(--ease-out);display:block;position:relative}.nav__logo .mtm{transform:scale(.26)}.nav__logo{margin-left:-.7125rem}.nav--dark .nav__logo{color:var(--color-night-ink)}.nav{z-index:var(--z-nav);justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--pad-x);pointer-events:none;display:flex;position:fixed;inset:0 0 auto}.nav>*{pointer-events:auto}.nav__actions{gap:var(--space-xs);display:flex;position:relative}.pill{border-radius:var(--radius-pill);background:var(--color-paper-2);height:2.75rem;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);border:0;align-items:center;gap:.6em;padding:0 1.25rem;font-weight:500;text-decoration:none;display:inline-flex}.pill--strong{background:var(--color-ink);color:var(--color-paper)}.pill:active{transform:translateY(1px)}.nav--dark .pill:not(.pill--strong){background:var(--color-night-2);color:var(--color-night-ink)}.nav--dark .pill--strong{background:var(--color-night-ink);color:var(--color-ink)}.menu-button{gap:.7em}.menu-button__text{flex-direction:column;height:1.2em;line-height:1.2;display:flex;overflow:hidden}.menu-button__icon{width:.8em;height:.8em;transition:transform .4s cubic-bezier(.65,.05,0,1)}@media (hover:hover) and (pointer:fine){.menu-button:hover .menu-button__icon{transform:rotate(90deg)}}.drawer{z-index:calc(var(--z-nav) - 1);--menu-pad:clamp(1.25rem, 2vw, 2rem);position:fixed;inset:0}.drawer[hidden]{display:none}@media (width<=30rem){html.menu-covered{background:var(--color-paper)!important}html.menu-covered main{visibility:hidden}}.drawer__overlay{cursor:pointer;background:oklch(15.5% .008 60/.45);position:absolute;inset:0}.drawer__panel{width:min(26rem,100%);height:100%;color:var(--color-ink);margin-left:auto;position:relative}.drawer__bg>span{border-radius:var(--radius-card) 0 0 var(--radius-card);background:var(--color-paper);position:absolute;inset:0}.drawer__bg>span:first-child{background:var(--color-accent)}.drawer__bg>span:nth-child(2){background:var(--color-paper-2)}.drawer__inner{justify-content:space-between;gap:var(--space-3xl);height:100%;padding:calc(var(--menu-pad) * 2 + 2.5rem) 0 var(--menu-pad);flex-direction:column;display:flex;position:relative;overflow:auto}.drawer__list>li{position:relative;overflow:hidden}.drawer__link{padding:.6rem var(--menu-pad);align-items:flex-start;gap:.75em;text-decoration:none;display:flex;position:relative}.drawer__label{--room:.24em;text-transform:uppercase;z-index:1;padding-bottom:var(--room);margin-bottom:calc(var(--room) * -1);letter-spacing:-.03em;font-size:clamp(2.25rem,1.6rem + 2.2vw,3.5rem);line-height:.9;display:block;position:relative;overflow:hidden}.drawer__roll{transition:transform .55s cubic-bezier(.65,.05,0,1);display:block}.drawer__roll:after{content:attr(data-text);left:0;top:calc(100% + var(--room));color:var(--color-paper);position:absolute}.drawer__fill{background:var(--color-ink);transform-origin:50% 100%;transition:transform .55s cubic-bezier(.65,.05,0,1);position:absolute;inset:0;transform:scaleY(0)}.drawer__link:focus-visible{outline-offset:-3px}@media (hover:hover) and (pointer:fine){.drawer__link:hover .drawer__fill{transform:scaleY(1)}.drawer__link:hover .drawer__roll{transform:translateY(calc(-100% - var(--room)));transition-delay:80ms}}.drawer__details{justify-items:start;gap:var(--space-md);padding-inline:var(--menu-pad);display:grid}.drawer__muted{color:var(--color-neutral)}.drawer__mail{font-size:var(--text-lg);text-underline-offset:.34em;text-decoration-thickness:1px}.drawer__socials{gap:var(--space-lg);flex-wrap:wrap;display:flex}.drawer__socials a{text-decoration:none}@media (hover:hover) and (pointer:fine){.drawer__socials a:hover,.drawer__mail:hover{color:var(--color-accent)}}.drawer__link[aria-current]{justify-content:space-between;align-items:center}.drawer__link[aria-current]:after{content:"";z-index:1;background:var(--color-accent);border-radius:50%;flex:none;width:.5rem;height:.5rem;position:relative}@media (width<=40rem){.drawer{--menu-pad:var(--pad-x)}.drawer__panel{width:100%}.drawer__bg>span{border-radius:0}.drawer__bg>span,.drawer__overlay{inset:calc(-1 * var(--bleed)) 0}html.menu-ink .nav__logo{color:var(--color-ink);transition:none}.drawer__inner{gap:var(--space-2xl);padding-bottom:calc(var(--menu-pad) + env(safe-area-inset-bottom))}.drawer__list{padding-inline:var(--menu-pad);margin-block:auto}.drawer__link{justify-content:space-between;align-items:center;padding:.7rem 0}.drawer__label{font-size:clamp(2.5rem,11vw,3.25rem)}.drawer__details{padding-bottom:0}}@media (hover:none){.drawer__link:active .drawer__fill{transition-duration:.2s;transform:scaleY(1)}.drawer__link:active .drawer__roll{transform:translateY(calc(-100% - var(--room)));transition-duration:.2s}}.nav:has(~.drawer:not([hidden])) .pill:not(.pill--strong){background:var(--color-paper-2);color:var(--color-ink)}.nav:has(~.drawer:not([hidden])) .pill--strong{background:var(--color-ink);color:var(--color-paper)}.pill{isolation:isolate;position:relative;overflow:hidden}.pill__fill{z-index:-1;background:var(--color-accent);border-radius:50%;width:.375rem;height:.375rem;margin:-.1875rem -.1875rem 0 0;transition:transform .6s cubic-bezier(.35,0,0,1);position:absolute;top:50%;right:1.25rem;transform:scale(0)}.menu-button .pill__fill{right:1.65rem}.pill__dot{background:currentColor;border-radius:50%;width:.375rem;height:.375rem;transition:transform .35s cubic-bezier(.35,0,0,1)}.pill__label{transition:transform .5s cubic-bezier(.35,0,0,1);display:block}.pill__arrow{opacity:0;width:.85em;height:.85em;margin-top:-.425em;transition:transform .5s cubic-bezier(.35,0,0,1),opacity .3s;position:absolute;top:50%;left:1.1rem;transform:translate(-1.4rem)}.pill__arrow svg,.card__arrow svg{width:100%;height:100%;display:block}.pill{transition:color .35s cubic-bezier(.35, 0, 0, 1), transform var(--dur-micro) var(--ease-out)}@media (hover:hover) and (pointer:fine){.pill:hover{color:var(--color-ink)}.pill:hover .pill__fill{transform:scale(90)}.pill:hover .pill__dot{transform:scale(0)}.pill:hover .pill__arrow{opacity:1;transform:none}.pill:hover .pill__label{transform:translate(.95rem)}}.pill:focus-visible{color:var(--color-ink)}.pill:focus-visible .pill__fill{transform:scale(90)}.pill:focus-visible .pill__dot{transform:scale(0)}.bar-tint{height:1px;z-index:calc(var(--z-preloader) + 1);opacity:0;position:fixed;left:0;right:0}.bar-tint--top{top:0}.bar-tint--bottom{bottom:0}html:has(.preloader) .bar-tint{background:var(--color-night)}.card-cover,.card-veil{z-index:calc(var(--z-nav) - 2);pointer-events:none;position:fixed}.card-cover{contain:strict;background:var(--img,none) center / cover no-repeat, var(--tone);color:var(--color-night-ink);overflow:hidden}.card-cover[data-ink=dark]{color:var(--color-ink)}.card-cover:before{content:attr(data-glyph);letter-spacing:-.04em;opacity:.16;font-size:clamp(8rem,22vw,20rem);line-height:1;position:absolute;bottom:-.2em;right:-.06em}.card-cover__logo{width:calc(clamp(11rem, 22vw, 24rem) * var(--logo-w,1));max-width:86%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-cover__logo[hidden]{display:none}.card-veil{background:var(--color-paper);inset:0}.is-returning .preloader{display:none}.is-returning body:before{content:"";z-index:calc(var(--z-nav) - 2);background:var(--return-img,none) center / cover no-repeat, var(--return-tone);position:fixed;inset:0}.shards{z-index:var(--z-preloader);contain:strict;color:var(--color-night-ink);position:fixed;inset:0;overflow:hidden}.shards__rot{position:absolute;top:50%;left:50%;rotate:-24deg}.shard{background:var(--color-night);will-change:transform;width:150vmax;height:75vmax;position:absolute;left:-75vmax}.shard--accent{background:var(--color-accent)}.shard--top{bottom:0}.shard--bottom{top:0}.shard--top:not(.shard--accent){bottom:-3px}.shard--bottom:not(.shard--accent){top:-3px}.is-shard-in .preloader{display:none}.is-shard-in body:before{content:"";z-index:var(--z-preloader);background:var(--color-night);position:fixed;inset:0}.project{--top:calc(2.75rem + var(--space-md) * 2 + var(--space-md));--bottom:calc(var(--space-3xl) + var(--space-sm))}.panel{gap:var(--space-xl);padding:var(--top) var(--pad-x) var(--space-3xl);display:grid;position:relative}.panel__head{gap:var(--space-xs);align-content:start;display:grid}.panel__title{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:400;line-height:1}.panel__note{color:var(--color-neutral);max-width:60ch}.label{margin-bottom:var(--space-sm);color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.wm{vertical-align:top;margin:-.22em -.06em -.24em;padding:.22em .06em .24em;display:inline-block;overflow:hidden}.pill--back{padding-left:2.7rem}.pill--back .pill__arrow{opacity:1;transform:rotate(180deg)}.pill--back .pill__dot{display:none}.pill--back .pill__fill{margin:-.1875rem 0 0 -.1875rem;left:1.5rem;right:auto}@media (hover:hover) and (pointer:fine){.pill--back:hover .pill__arrow{opacity:1;transform:rotate(180deg)translate(.25em)}.pill--back:hover .pill__label{transform:none}}.nav .project__back{margin-right:auto}@media (width<=33.99rem){.nav__talk{display:none}}.plate{border-radius:var(--radius-card);background:var(--img,none) center / cover no-repeat, var(--tone);color:var(--color-night-ink);margin:0;display:block;position:relative;overflow:hidden}.plate[data-ink=dark]{color:var(--color-ink)}.plate>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.plate__logo{width:clamp(8rem,13vw,12rem);height:auto;position:absolute;top:clamp(1rem,2.5vw,2rem);left:clamp(1rem,2.5vw,2rem)}.plate__logo--mid{width:calc(clamp(11rem, 22vw, 24rem) * var(--logo-w,1));max-width:86%;top:50%;left:50%;transform:translate(-50%,-50%)}.plate:before{content:attr(data-glyph);letter-spacing:-.04em;opacity:.16;font-size:clamp(12rem,34vw,40rem);line-height:1;position:absolute;bottom:-.2em;right:-.06em}.overview__text{align-content:start;gap:var(--space-xl);min-width:0;display:grid}.overview__kicker{color:var(--color-neutral)}.overview__title{letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;min-width:0;font-size:clamp(2.6rem,min(7vw,13svh),8.5rem);font-weight:400;line-height:.92}.overview__body{gap:var(--space-xl);display:grid}.overview__intro{gap:var(--space-sm);max-width:30rem;font-size:var(--text-sm);line-height:1.55;display:grid}.overview__meta{gap:var(--space-xl) var(--space-3xl);font-size:var(--text-sm);grid-template-columns:repeat(2,minmax(0,max-content));display:grid}.overview__meta a{text-decoration:none}.overview__meta a:hover{text-underline-offset:.2em;text-decoration:underline}.overview__cta{align-items:center;gap:var(--space-md) var(--space-xl);flex-wrap:wrap;display:flex}.overview__cta .pill{background:var(--color-paper);box-shadow:0 0 0 1px var(--color-rule)}.overview__hint{color:var(--color-neutral)}.overview__plate{min-height:55svh}.swatches{gap:var(--space-xs);display:grid}.swatch{border-radius:var(--radius-card);overflow:hidden}.swatch__fill{height:100%;min-height:7rem;padding:var(--space-md);gap:var(--space-2xs);color:var(--color-ink);grid-template-rows:auto 1fr auto auto;display:grid;box-shadow:inset 0 0 0 1px oklch(19% .01 60/.08)}.swatch__fill[data-ink=light]{color:var(--color-night-ink)}.swatch__role{opacity:.7}.swatch__name{font-size:var(--text-lg);letter-spacing:-.02em;grid-row:3;line-height:1.1}.swatch__value{opacity:.7;grid-row:4}.type{gap:var(--space-2xl);min-width:0;display:grid}.type__specimen{align-content:start;gap:var(--space-sm);display:grid}.type__mask{padding-bottom:.08em;display:block;overflow:hidden}.type__aa{font-family:var(--p-display), var(--font-sans);font-size:clamp(7rem,30svh,20rem);font-weight:var(--p-weight,500);letter-spacing:-.05em;line-height:.9;display:block}.type__family{font-family:var(--p-display), var(--font-sans);font-size:var(--text-lg);font-weight:var(--p-weight,400)}.type__weights{color:var(--color-neutral)}.type__glyphs{margin-top:var(--space-md);font-family:var(--p-body), var(--font-sans);font-size:var(--text-sm);color:var(--color-neutral);overflow-wrap:anywhere;line-height:1.6}.type__scale{align-content:start;display:grid}.type__row{align-items:baseline;gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--color-rule);grid-template-columns:6.5rem minmax(0,1fr);display:grid}.type__label{color:var(--color-neutral)}.type__sample{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.type__sample--0{font-family:var(--p-display), var(--font-sans);font-weight:var(--p-weight,400);letter-spacing:-.035em;font-size:clamp(2.2rem,min(5vw,9svh),6rem);line-height:1.05}.type__sample--1{font-family:var(--p-display), var(--font-sans);font-weight:var(--p-weight,400);letter-spacing:-.02em;font-size:clamp(1.4rem,min(2.6vw,5svh),2.5rem)}.type__sample--2{font-family:var(--p-body), var(--font-sans);font-size:var(--text-base);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.type__sample--3{font-family:var(--p-body), var(--font-sans);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.board{gap:var(--space-lg);border-radius:var(--radius-card);background:var(--p-bg);color:var(--p-ink);font-family:var(--p-body), var(--font-sans);padding:clamp(1.25rem,3vw,2.5rem);display:grid;box-shadow:inset 0 0 0 1px oklch(19% .01 60/.08)}.board__cell{align-content:start;gap:var(--space-sm);min-width:0;display:grid}.board__label{color:var(--p-muted)}.board__row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.ui-btn,.ui-tag,.ui-input,.ui-toggle{white-space:nowrap;align-items:center;gap:.6em;font-size:.875em;display:inline-flex}.ui-btn{border-radius:var(--p-r,var(--radius-pill));height:3.1em;padding:0 1.4em;font-weight:500}.ui-btn--primary{background:var(--p-accent);color:var(--p-bg)}.ui-btn--ghost{box-shadow:inset 0 0 0 1px var(--p-ink)}.ui-tag{border-radius:var(--p-r,var(--radius-pill));background:var(--p-surface);height:2.3em;padding:0 1em}.ui-tag.is-on{background:var(--p-ink);color:var(--p-bg)}.ui-input{border-radius:var(--p-r,.6rem);background:var(--p-surface);width:min(100%,22em);height:3.1em;color:var(--p-muted);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--p-ink) 14%, transparent);padding:0 1.1em}.ui-input svg{flex:none;width:1.1em;height:1.1em}.ui-toggle__track{border-radius:var(--radius-pill);background:var(--p-accent);width:3.1em;height:1.7em;position:relative}.ui-toggle__track>span{background:var(--p-bg);border-radius:50%;width:1.26em;height:1.26em;position:absolute;top:.22em;right:.22em}.ui-card{gap:var(--space-2xs);border-radius:var(--p-r,.9rem);background:var(--p-surface);width:min(100%,21em);padding:.8em;display:grid}.ui-card__media{aspect-ratio:16/9;margin-bottom:var(--space-xs);border-radius:var(--p-r,.6rem);background:var(--p-muted)}.ui-card__title{font-family:var(--p-display), var(--font-sans);font-size:1.15em;font-weight:var(--p-weight,500);line-height:1.2}.ui-card__meta{color:var(--p-muted);font-size:.8em}.ui-piece{border-radius:var(--p-r,.9rem);width:100%;height:auto;display:block}.screens{gap:var(--space-lg);display:grid}.screen{gap:var(--space-sm);min-width:0;margin:0;display:grid}.screen figcaption{color:var(--color-neutral)}.screen__plate{aspect-ratio:16/10;border-radius:var(--radius-card);background:var(--p-surface);overflow:hidden;box-shadow:inset 0 0 0 1px oklch(19% .01 60/.08)}.screen--phone .screen__plate{aspect-ratio:390/844;background:var(--p-bg)}.screen:nth-child(3) .screen__plate{background:var(--p-ink)}.screen__inner{height:100%;color:var(--p-muted);place-items:center;margin-inline:-10%;display:grid}.screen__name{font-family:var(--p-display), var(--font-sans);letter-spacing:-.03em;text-align:center;padding-inline:14%;font-size:clamp(1.4rem,3vw,3rem)}.screen--phone .screen__name{font-size:clamp(1.1rem,1.8vw,1.8rem)}.screen__plate>:is(img,video){object-fit:cover;object-position:top;width:100%;height:100%;display:block}.screen--phone .screen__plate>:is(img,video){object-fit:contain}.screen__plate:has(>video){position:relative}.screen__plate>img+video{position:absolute;inset:0}.next{align-content:center;gap:var(--space-md);height:100%;text-decoration:none;display:grid}.next__kicker{justify-content:space-between;gap:var(--space-md);color:var(--color-neutral);display:flex}.next__count{color:var(--color-ink);font-variant-numeric:tabular-nums}.next__meta{color:var(--color-neutral)}.next__title{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(3rem,min(8vw,16svh),11rem);line-height:.92;display:block}.next__plate{aspect-ratio:16/10;width:100%;transition:transform var(--dur-long) var(--ease-out)}.next__cta{margin-top:var(--space-sm);justify-self:start}@media (hover:hover) and (pointer:fine){.next__plate:hover{transform:scale(.985)}}.rail{display:none}@media (width>=48rem){html,body{height:100%;overflow:hidden}.project{scrollbar-width:none;overscroll-behavior:contain;position:fixed;inset:0;overflow:auto hidden}.project::-webkit-scrollbar{display:none}.nav .project__back{top:var(--space-md);left:calc(var(--pad-x) + (100vw - 2 * var(--pad-x) - var(--space-4xl)) * .9 / 1.9 + var(--space-4xl));margin:0;position:absolute}.project__track{width:max-content;height:100%;display:flex}.panel{width:100vw;height:100%;padding-bottom:var(--bottom);flex:none;overflow:hidden}.panel+.panel{border-left:1px solid var(--color-rule)}.panel--overview{column-gap:var(--space-4xl);grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.overview__text{height:100%;padding-top:var(--space-md);gap:var(--space-lg);grid-template-rows:auto auto 1fr auto}.overview__body{column-gap:var(--space-3xl);grid-template-columns:minmax(0,24rem) max-content;align-self:center}.overview__meta{row-gap:var(--space-xl);grid-template-columns:max-content}.overview__plate{height:100%;min-height:0}.panel--colour{grid-template-rows:auto minmax(0,1fr)}.swatches{grid-template-columns:1fr 1fr 1fr 1.6fr 1fr;height:100%}.swatch__fill{padding:var(--space-lg)}.panel--type{grid-template-rows:auto minmax(0,1fr)}.type{column-gap:var(--space-4xl);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end}.panel--ui{grid-template-rows:auto minmax(0,1fr)}.board{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;font-size:clamp(1rem,1.25vw,1.4rem)}.board__cell--card{grid-area:1/3/3;align-self:center}.panel--screens{grid-template-rows:auto minmax(0,1fr);width:max-content}.screens{align-items:end;gap:var(--space-2xl);height:100%;display:flex}.screen{grid-template-rows:minmax(0,1fr) auto;height:100%}.screen__plate{aspect-ratio:auto;height:100%}.screen--wide .screen__plate{width:calc((100svh - var(--top) - var(--bottom) - 6rem) * 1.6)}.screen--phone .screen__plate{width:calc((100svh - var(--top) - var(--bottom) - 6rem) * 390 / 844)}.next{column-gap:var(--space-4xl);padding-top:var(--space-md);grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-content:stretch}.next__kicker{grid-row:1}.next__title{grid-row:3}.next__meta{grid-row:4}.next__cta{grid-row:5}.next__plate{aspect-ratio:auto;grid-area:1/2/-1;height:100%;min-height:0}.rail{inset:auto var(--pad-x) var(--space-md);z-index:calc(var(--z-nav) - 2);justify-content:space-between;align-items:center;gap:var(--space-md);height:2.5rem;display:flex;position:fixed}.rail__list{gap:var(--space-2xs) var(--space-lg);flex-wrap:wrap;display:flex}.rail__item{padding:var(--space-2xs) 0;color:var(--color-neutral);font:400 var(--text-xs) / 1.4 var(--font-mono);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:color var(--dur-short) var(--ease-out);background:0 0;border:0}.rail__item:hover,.rail__item[aria-current]{color:var(--color-ink)}.rail__count{color:var(--color-neutral);font-variant-numeric:tabular-nums}.rail__count [data-index]{color:var(--color-ink)}.rail__line{background:var(--color-rule);height:1px;position:absolute;inset:0 0 auto}.rail__line>span{background:var(--color-ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}}@media (width>=48rem) and (height<=44rem){.overview__intro p+p,.overview__kicker{display:none}}@media (width<=40rem){.overview__kicker{white-space:nowrap}.overview__extra{display:none}}@media (width<=47.99rem){.panel+.panel{border-top:1px solid var(--color-rule);padding-top:var(--space-3xl)}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch--accent{order:-1;grid-column:1/-1}.swatch__fill{min-height:9rem}.screens .screen--phone{text-align:center;justify-self:center;width:60%;margin-inline:auto}.next__plate{margin-top:var(--space-md)}.overview__hint{display:none}}.js .panel--overview [data-in],.js .overview__plate,.js .rail{visibility:hidden;opacity:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important}}