.bg{z-index:0;pointer-events:none;background-image:radial-gradient(var(--frost) .8px, transparent .9px);background-position:.625rem .75rem;background-size:2.125rem 2.125rem;position:fixed;inset:0}.bg__col{background:#ffffff05;background:lab(100% 0 0/.018);position:absolute;top:0;bottom:0}.scrim{z-index:5;pointer-events:none;background:linear-gradient(to bottom, var(--bg) 0%, #010101d9 40%, transparent 100%);opacity:0;height:9.375rem;transition:opacity var(--motion-reveal) var(--ease-standard);position:fixed;top:0;left:0;right:0}@supports (color:lab(0% 0 0)){.scrim{background:linear-gradient(to bottom, var(--bg) 0%, lab(.150286% 0 0/.85) 40%, transparent 100%)}}.page{z-index:1;position:relative}.chrome{z-index:10;pointer-events:none;position:fixed;inset:0}.chrome>*{pointer-events:auto}.chrome__title,.chrome__counter{font-size:var(--t-title);line-height:var(--lh-display);letter-spacing:var(--track-display);opacity:0;transition:opacity var(--motion-reveal) var(--ease-out-strong), transform var(--motion-reveal) var(--ease-out-strong);margin:0;font-weight:500;position:absolute;top:.75rem;transform:translateY(-.12em)}.chrome__counter{left:var(--ribbon-l);right:var(--ribbon-r);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.chrome[data-section=projects] .chrome__title,.chrome[data-section=projects] .chrome__counter{opacity:1;transform:none}.counter{display:inline-flex}.counter__slot{vertical-align:top;height:1em;line-height:1;display:inline-block;overflow:hidden}.counter__drum{transition:transform var(--motion-reveal) var(--ease-out-strong);will-change:transform;flex-direction:column;display:flex}.counter__digit{height:1em;line-height:1;display:block}.counter{position:relative}.counter__still{white-space:nowrap;line-height:1;position:absolute;inset:0}.counter:not([data-roll]) .counter__slot,.counter[data-roll] .counter__still{visibility:hidden}.chrome__nav{right:var(--edge);font-size:var(--t-14);flex-direction:column;align-items:flex-end;font-weight:500;line-height:1.75;display:flex;position:absolute;top:1rem}.chrome__nav a{color:var(--fg-2);transition:color var(--motion-fast) var(--ease-standard)}.chrome__nav a[aria-current=true]{color:var(--fg);text-underline-offset:.25rem;text-decoration:underline;text-decoration-thickness:1px}.chrome__list{left:var(--edge);top:var(--list-top);width:calc(var(--ribbon-l) - var(--edge) - 3rem);columns:2;opacity:0;transition:opacity var(--motion-reveal) var(--ease-out-strong), transform var(--motion-reveal) var(--ease-out-strong);column-gap:1.75rem;margin:0;padding:0;list-style:none;position:absolute;transform:translateY(.5rem)}.chrome[data-section=projects] .chrome__list{opacity:1;transform:none}.chrome[data-section=intro] .chrome__list{pointer-events:none}.list__item{break-inside:avoid;font-size:var(--t-14);margin-bottom:.5625rem;font-weight:500;line-height:1.35}.list__item a{color:var(--fg-2);text-underline-offset:.25rem;transition:color var(--motion-fast) var(--ease-standard);gap:.375rem;text-decoration-thickness:1px;display:inline-flex}@media (hover:hover){.list__item a:hover{color:var(--fg);text-shadow:0 0 .75rem color-mix(in srgb, currentColor 45%, transparent)}}.list__item[data-active] a{color:var(--accent);text-decoration:underline}.list__num{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--fg-3)}.chrome__stage{left:var(--edge);aspect-ratio:1;pointer-events:none;width:min(22vw,44vh,21.25rem);position:absolute;top:50vh}.stage,.stage canvas{width:100%;height:100%;display:block}.chrome__foot{left:var(--edge);font-size:var(--t-14);flex-direction:column;font-weight:500;line-height:1.35;display:flex;position:absolute;bottom:1.5rem}.chrome__year{right:var(--edge);font-size:var(--t-13);color:var(--fg-2);position:absolute;bottom:1.5rem}.intro{min-height:100vh;padding:.625rem var(--edge) 0;position:relative}.hero__name{--extra:0px;--collapse:clamp(0, calc(var(--scroll,0) / 540), 1);z-index:2;margin:0 var(--hero-r,0px) 0 0;font-size:var(--t-hero);letter-spacing:calc(var(--track-hero) + var(--extra));white-space:nowrap;color:var(--fg);font-weight:600;line-height:.92;display:flex;position:relative}.hero__c{transform:translateX(calc(var(--dx,0px) * max(var(--in,0), var(--collapse))));will-change:transform;display:inline-block}.intro__label{color:var(--fg-3);flex-direction:column;gap:.5rem;margin:0;display:flex}.intro__dash{background:var(--fg-3);width:1rem;height:1px;display:block}.intro__label{left:var(--edge);position:absolute;top:31vh}.intro__bio{left:calc(var(--edge) + 6.125rem);max-width:21.875rem;font-size:var(--t-16);text-wrap:pretty;margin:0;font-weight:500;line-height:1.28;position:absolute;top:41vh}.stack{z-index:1;left:var(--ribbon-l);pointer-events:none;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.gl{z-index:3;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.media[data-gl] img,.media[data-gl] video{opacity:0}.bar{transform:translateY(calc(var(--scroll,0) * var(--k,0) * -1px));will-change:transform;position:absolute}.bar--lines{background:repeating-linear-gradient(180deg, var(--tin) 0 1px, transparent 1px .1875rem);opacity:.85}.bar--accent{background:repeating-linear-gradient(180deg, var(--accent-fill) 0 .125rem, transparent .125rem .25rem)}.projects{padding:22vh var(--ribbon-r) 26vh var(--ribbon-l);position:relative}.entry{margin-bottom:24vh}.entry__head{color:var(--fg-3);gap:1rem;margin:0 0 .625rem;display:flex}.entry__tagline{max-width:26ch;font-size:var(--t-24);letter-spacing:-.02em;text-wrap:balance;margin:0 0 1.375rem;font-weight:500;line-height:1.2}.media{margin:0 0 var(--ribbon-gap);background:var(--graphite);box-shadow:var(--hairline);position:relative;overflow:hidden}.media img,.media video{object-fit:cover;width:100%;height:100%}.entry__cover{cursor:pointer;display:block}.entry__cover>*{will-change:transform}.media-row{grid-template-columns:repeat(var(--cols,2), 1fr);margin:0 0 var(--ribbon-gap);gap:1.25rem;display:grid}.media-row .media{margin:0}.poster{background:repeating-linear-gradient(180deg, #ffffff09 0 1px, transparent 1px .25rem), var(--graphite);place-items:center;display:grid}@supports (color:lab(0% 0 0)){.poster{background:repeating-linear-gradient(180deg, lab(100% 0 0/.035) 0 1px, transparent 1px .25rem), var(--graphite)}}.poster__num{font-family:var(--mono);color:var(--slate);font-size:clamp(4rem,9vw,8.75rem);font-weight:500;line-height:1}.poster__note{color:var(--fg-3);position:absolute;bottom:.875rem;left:1rem}.entry__text{color:var(--fg-2);grid-template-columns:1.2fr 1fr;gap:2rem;line-height:1.45;display:grid}.entry__role{color:var(--fg);flex-direction:column;gap:.25rem;margin:0 0 .875rem;display:flex}.entry__role .t-caps{color:var(--fg-3)}.tags{flex-wrap:wrap;gap:.375rem;margin:0 0 1.125rem;padding:0;list-style:none;display:flex}.tag{font-size:var(--t-12);color:var(--fg-2);border-radius:var(--r-chip);box-shadow:var(--hairline);padding:.1875rem .4375rem}.entry__links{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;display:flex}.entry__link{color:var(--fg);transition:text-shadow var(--motion-fast) var(--ease-standard);gap:.5rem;font-weight:500;display:inline-flex}.entry__link span{transition:transform var(--motion-control) var(--ease-out-strong)}@media (hover:hover){.entry__link:hover{text-shadow:0 0 .75rem color-mix(in srgb, currentColor 45%, transparent)}.entry__link:hover span{transform:translate(.25rem)}}@media (max-width:1023px){:root{--ribbon-l:var(--edge);--ribbon-r:var(--edge);--t-title:1.75rem;--hero-r:0px}.chrome:before{content:"";background:var(--bg);height:4rem;box-shadow:0 1px 0 var(--border);opacity:0;transition:opacity var(--motion-reveal) var(--ease-standard);position:absolute;top:0;left:0;right:0}.chrome[data-section=projects]:before{opacity:1}.chrome__counter{left:auto;right:var(--edge);gap:.375rem;font-size:1.75rem;top:.875rem}.chrome__list,.chrome__nav{top:auto;bottom:.875rem;left:var(--edge);right:var(--edge);background:color-mix(in oklab, var(--pitch) 82%, transparent);-webkit-backdrop-filter:blur(1.25rem)saturate(1.1);backdrop-filter:blur(1.25rem)saturate(1.1);box-shadow:var(--hairline), var(--gleam);border-radius:var(--r-plate);flex-direction:row;justify-content:space-between;padding:.625rem .875rem}.chrome__foot,.chrome[data-section=intro] .chrome__nav a[aria-current]{text-decoration:none}.intro{min-height:92vh;padding-top:.875rem}.stack{top:52%}.projects{padding-top:12vh;padding-bottom:14vh}.entry{margin-bottom:16vh}}
.case{padding:22vh var(--ribbon-r) 20vh var(--ribbon-l);position:relative}.case>.media,.case__title{font-size:var(--t-44);letter-spacing:var(--track-display);font-weight:500;line-height:var(--lh-head);text-wrap:balance;max-width:22ch;margin:0 0 1.25rem}.case__summary{max-width:56ch;font-size:var(--t-19);color:var(--fg-2);text-wrap:pretty;margin:0;line-height:1.4}.case__meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1.4fr;gap:1.5rem 2rem;margin:0 0 12vh;padding:1.5rem 0;display:grid}.case__link{color:var(--fg);text-underline-offset:.25rem;gap:.375rem;margin-right:1rem;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.case__label{color:var(--fg-3);flex-direction:column;gap:.5rem;margin:0 0 1.5rem;display:flex}.case__lead{max-width:54ch;font-size:var(--t-24);letter-spacing:-.015em;text-wrap:pretty;margin:0;font-weight:500;line-height:1.3}.decision__media .media[data-portrait]{max-width:min(100%,20rem)}.decisions{margin:0;padding:0;list-style:none}.decision{border-top:1px solid var(--border);grid-template-columns:3rem 1fr;gap:.5rem 1rem;padding:1.75rem 0;display:grid}.decision__title{font-size:var(--t-19);letter-spacing:-.01em;margin:0 0 .5rem;font-weight:500}.decision__text{max-width:58ch;color:var(--fg-2);margin:0;line-height:1.5}.decision__media .media{margin:0}.metrics{grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));gap:1.5rem 2rem;margin:0;display:grid}.metric__value{font-family:var(--mono);font-size:var(--t-44);letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.case__gallery .media{margin-bottom:var(--ribbon-gap)}.case__gallery .media:last-child{margin-bottom:0}.demo{margin-bottom:12vh}.demo .case__h{color:var(--lead);margin-bottom:1.25rem}.demo__frame{background:var(--graphite);box-shadow:var(--hairline);border-radius:.375rem;position:relative;overflow:hidden}.demo__frame--desktop{width:min(100%, var(--demo-w,100%));margin-inline:auto}.demo__frame--phone{border-radius:.875rem;width:min(100%,24.375rem)}.demo__frame iframe{transform-origin:0 0;background:#000;border:0;position:absolute;top:0;left:0}.demo__start{background:var(--graphite);cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.demo__start:disabled{cursor:default}.demo__start img{object-fit:cover;object-position:top;opacity:.32;filter:saturate(.5);width:100%;height:100%;transition:opacity var(--motion-reveal) var(--ease-out-strong)}@media (hover:hover){.demo__start:hover img{opacity:.5}}.demo__cta{background:var(--lime);color:var(--obsidian);white-space:nowrap;transition:transform .12s var(--ease-out-strong);border-radius:.375rem;padding:.75rem 1.125rem;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.demo__start:hover:not(:disabled) .demo__cta{transform:translate(-50%,-50%)scale(1.04)}}.demo__start:disabled .demo__cta{background:var(--slate);color:var(--tin)}.demo__bar{color:var(--tin);flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.875rem;display:flex}.demo__bar>span{flex:100%}.demo__link{color:var(--lime);font:inherit;cursor:pointer;text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:var(--slate);text-decoration-color:var(--slate);background:0 0;border:0;padding:0}@media (hover:hover){.demo__link:hover{text-decoration-color:currentColor}}.demo__link{position:relative}.demo__link:after{content:"";height:2.75rem;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}html[data-demo-full] .page,html[data-demo-full] .swap,html[data-demo-full] .ck>.demo{z-index:50}.demo__backdrop{z-index:40;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#000000b8;position:fixed;inset:0}.demo__frame--full{z-index:41;width:auto;height:auto;box-shadow:0 0 0 1px var(--frost), 0 2.5rem 7.5rem #000000b3;border-radius:.375rem;position:fixed;inset:3.5rem 1.5rem 1.5rem}.demo__close{z-index:42;background:var(--lime);color:var(--obsidian);font:inherit;cursor:pointer;border:0;border-radius:.375rem;padding:.5rem .875rem;font-weight:500;position:fixed;top:.875rem;right:1.5rem}.next{border-top:1px solid var(--border);color:var(--fg-3);flex-direction:column;gap:.625rem;padding-top:1.75rem;display:flex}.next__title{font-size:var(--t-32);letter-spacing:var(--track-display);color:var(--fg);font-weight:500;line-height:1.1}.next__arrow{transition:transform var(--motion-control) var(--ease-out-strong);margin-left:.75rem;display:inline-block}@media (hover:hover){.next:hover .next__arrow{transform:translate(.5rem)}}.chrome[data-mode=case] .chrome__title a{color:inherit}@media (hover:hover){.chrome[data-mode=case] .chrome__title a:hover{text-shadow:0 0 1.25rem color-mix(in srgb, currentColor 35%, transparent)}}html[data-leaving] .page{pointer-events:none}@media (max-width:1023px){.case{padding-top:14vh}}.soon{margin-left:var(--rail,17rem);--c:var(--accent);flex-direction:column;min-height:100dvh;display:flex;position:relative}.soon>:not(.field){z-index:1;position:relative}.soon__c{min-height:calc(100dvh - var(--rail-h,0px));padding:var(--inset);text-align:center;color:var(--fg-2);flex:1;place-content:center;justify-items:center;gap:.875rem;display:grid}.soon h1{letter-spacing:-.035em;color:var(--fg);margin:0;font-size:clamp(3rem,9vw,8.75rem);font-weight:600;line-height:1}.soon p{margin:0}.soon .t-caps{color:var(--fg-3)}@media (max-width:899px){.soon{margin-left:0}}