@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-0:#0c0e12;--bg-1:#111318;--bg-2:#191c22;--bg-3:#252a32;--line:#f1e9d81f;--line-strong:#f1e9d83d;--ink:#f3f4f6;--ink-2:#bec2ca;--ink-3:#939ba8;--amber:#e9b66d;--amber-2:#f4cb91;--amber-core:#fff0d8;--amber-deep:#8c4f14;--amber-glow:#ffb24a8c;--smoke:#8fa2b6;--smoke-2:#5e7183;--smoke-deep:#2c3741;--lit-bg:#e9ebef;--lit-bg-2:#f6f7f9;--lit-ink:#171b23;--lit-ink-2:#555e6d;--lit-line:#1d181129;--font-sans:"DM Sans Variable", sans-serif;--font-display:"Outfit Variable", sans-serif;--font-serif:var(--font-display);--text-small:.9375rem;--text-body:clamp(1.0625rem, .98rem + .35vw, 1.2rem);--text-lead:clamp(1.2rem, 1.05rem + .6vw, 1.5rem);--text-h3:clamp(1.5rem, 1.2rem + 1.2vw, 2.2rem);--text-h2:clamp(2.3rem, 1.4rem + 3.6vw, 4.6rem);--text-h1:clamp(2.7rem, 1.5rem + 5.2vw, 5.9rem);--text-xl:clamp(3rem, 1rem + 8vw, 8.5rem);--gutter:clamp(1.25rem, 4vw, 4rem);--measure:62ch;--nav-h:4.5rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--z-scene:0;--z-content:2;--z-nav:10;--z-menu:20;--z-toast:30;--brightness:0}*,:before,:after{box-sizing:border-box}html{background:var(--bg-1);color:var(--ink);font-family:var(--font-sans);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--nav-h);scrollbar-color:#697781 var(--bg-0);scrollbar-width:thin;font-size:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg-1);min-height:100svh;color:var(--ink);font-size:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:400;line-height:1.55;overflow-x:clip}#root{position:relative;overflow-x:clip}.is-restoring-scroll #root{visibility:hidden}img,svg,video,canvas{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:500;line-height:1.02}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3);font-weight:500;line-height:1.12}p{text-wrap:pretty;margin:0}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--amber-2);outline-offset:4px;border-radius:2px}::selection{color:#0c0e12;background:#e9b66d}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--z-toast);background:var(--amber);color:var(--bg-0);transition:transform .2s var(--ease-out);border-radius:999px;padding:.6rem .9rem;font-weight:600;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus-visible{outline-color:var(--ink);transform:translateY(0)}.italic{font-style:normal}.container{width:min(100% - 2 * var(--gutter), 88rem);margin-inline:auto}.btn{--btn-bg:var(--amber);--btn-ink:var(--bg-0);background:var(--btn-bg);min-height:3rem;color:var(--btn-ink);white-space:nowrap;transition:transform .25s var(--ease-out), background-color .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out), box-shadow .35s var(--ease-out);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn:hover{background:var(--amber-2);box-shadow:0 0 0 1px #ffc46659, 0 12px 40px -12px var(--amber-glow)}.btn:active{transform:translateY(1px)scale(.98)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)scale(.98)}}.btn--ghost{--btn-bg:transparent;--btn-ink:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover{box-shadow:none;background:#f1e9d80f;border-color:#f1e9d880}.btn--lit{--btn-bg:var(--lit-ink);--btn-ink:var(--lit-bg-2)}.btn--lit:hover{box-shadow:none;background:#3a3025}.link-arrow{border-bottom:1px solid var(--line-strong);transition:border-color .25s var(--ease-out), color .25s var(--ease-out);align-items:center;gap:.45rem;padding-bottom:.15rem;font-weight:500;text-decoration:none;display:inline-flex}.link-arrow:hover{border-color:var(--amber-2);color:var(--amber-core)}.link-arrow svg{width:.9em;height:.9em;transition:transform .3s var(--ease-out)}.link-arrow:hover svg{transform:translate(2px,-2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4{font-style:normal;line-height:1.06}.contact__title,.studio__where,.wl__caption,.dimmer__label{font-variation-settings:normal;font-style:normal}.nav__wordmark,.site__brand{letter-spacing:-.025em;font-weight:550}.dimmer__label{font-family:var(--font-sans);font-size:1rem}.contact__title{font-weight:500}.site__headline{letter-spacing:-.035em;font-weight:500}.nav{z-index:var(--z-nav);height:var(--nav-h);transition:background-color .4s var(--ease-out);position:fixed;inset:0 0 auto}.nav:before{content:"";-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none;background:linear-gradient(#0c0e12e6 0%,#0c0e12b3 55%,#0c0e1200 100%);position:absolute;inset:0 0 -1.5rem;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.nav--scrolled:before{opacity:1}.nav--on-light:before{background:linear-gradient(#e9ebefeb 0%,#e9ebefbf 55%,#e9ebef00 100%)}.nav--on-light .nav__brand,.nav--on-light .nav__links a,.nav--on-light .nav__toggle{color:var(--lit-ink)}.nav--on-light .nav__links a:hover{color:var(--lit-ink);opacity:.7}.nav--on-light .nav__mark{color:var(--amber-deep);filter:none}.nav--on-light .nav__toggle{border-color:#1d181159}.nav--on-light .nav__toggle-line{background:var(--lit-ink)}.nav--on-light .nav__cta{background:var(--lit-ink);color:var(--lit-bg-2)}.nav__inner{height:100%;width:min(100% - 2 * var(--gutter), 88rem);align-items:center;gap:2rem;margin-inline:auto;display:flex;position:relative}.nav__brand{color:var(--ink);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.nav__mark{width:2.1rem;height:2.1rem;color:var(--amber-2);filter:drop-shadow(0 0 calc(6px + 10px * var(--brightness)) rgba(255, 178, 74, calc(.25 + .5 * var(--brightness))));transition:filter .4s var(--ease-out)}.nav__wordmark{font-family:var(--font-serif);letter-spacing:.005em;font-variation-settings:"opsz" 24;font-size:1.25rem}.nav__links{gap:1.75rem;margin-left:auto;display:none}.nav__links a{color:var(--ink-2);transition:color .2s var(--ease-out);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav__links a:after{content:"";transform-origin:0;height:1px;transition:transform .25s var(--ease-out);background:currentColor;position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(0)}.nav__links a:hover:after,.nav__links a:focus-visible:after{transform:scaleX(1)}.nav__links a:hover{color:var(--ink)}.nav__cta{min-height:2.6rem;padding:.6rem 1.1rem;font-size:.92rem;display:none}.nav__toggle{width:auto;height:2.75rem;color:var(--ink);align-items:center;gap:.7rem;margin-left:auto;padding-inline:.2rem;display:inline-flex;position:relative}.nav__toggle-label{letter-spacing:.01em;font-size:.85rem;font-weight:600}.nav__toggle-icon{width:1.6rem;height:1rem;position:relative}.nav__toggle-line{background:var(--ink);transform-origin:50%;width:1.6rem;height:1px;transition:transform .4s var(--ease-out), width .4s var(--ease-out), top .4s var(--ease-out);position:absolute;right:0}.nav__toggle-line:first-child{top:2px}.nav__toggle-line:last-child{width:1.05rem;top:9px}.nav__toggle[aria-expanded=true] .nav__toggle-line:first-child{top:5px;transform:rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__toggle-line:last-child{width:1.6rem;top:5px;transform:rotate(-45deg)}.nav--open .nav__brand,.nav--open .nav__toggle{color:var(--ink)}.nav--open .nav__mark{color:var(--amber-2)}.nav--open .nav__toggle-line{background:var(--ink)}.menu{z-index:-1;padding:calc(var(--nav-h) + 3.5rem) var(--gutter) 4rem;background:radial-gradient(100% 60% at 90% 100%,#2651588c,#0000 72%),#0c0e12;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0;overflow:hidden}.menu__filament{width:min(88vw,32rem);color:var(--amber-2);opacity:.09;pointer-events:none;position:absolute;bottom:-17vw;right:-24vw}.menu__links{z-index:1;border-top:1px solid #f3f4f633;flex-direction:column;display:flex;position:relative}.menu__links a{font-family:var(--font-serif);color:var(--ink);font-variation-settings:"opsz" 60;border-bottom:1px solid #f3f4f624;justify-content:space-between;align-items:center;gap:1rem;padding-block:.85rem;font-size:clamp(2.35rem,11vw,3.5rem);line-height:1.1;text-decoration:none;display:flex}.menu__links a>svg{width:1.5rem;height:1.5rem;color:var(--amber-2);transition:transform .3s var(--ease-out);flex:none}.menu__links a:hover>svg,.menu__links a:focus-visible>svg{transform:translate(.35rem)}.menu__links .menu__cta{font-family:var(--font-sans);border:0;justify-content:center;align-self:flex-start;margin-top:2rem;padding:.9rem 1.5rem;font-size:1.05rem}.menu__links .menu__cta>svg{display:none}.menu__foot{bottom:2rem;left:var(--gutter);color:var(--ink-3);font-size:var(--text-small);letter-spacing:.01em;position:absolute}@media (width>=900px){.nav__links{display:flex}.nav__cta{display:inline-flex}.nav__toggle{display:none}}.bulb-fallback{pointer-events:none;opacity:calc(.55 + .45 * var(--brightness));mix-blend-mode:screen;display:block;position:absolute;inset:0}.bulb-fallback img{object-fit:fill;width:100%;height:100%}.dimmer{flex-direction:column;gap:.7rem;width:min(100%,19rem);display:flex}.dimmer__label{font-family:var(--font-serif);color:var(--ink);font-variation-settings:"opsz" 24;font-size:1.35rem;font-style:normal;line-height:1}.dimmer__track-wrap{height:2.75rem;position:relative}.dimmer__input{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.dimmer__track{background:var(--line-strong);pointer-events:none;border-radius:2px;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.dimmer__fill{transform-origin:0;transform:scaleX(var(--value));background:linear-gradient(to right, var(--amber-deep), var(--amber-2));box-shadow:0 0 calc(4px + 14px * var(--value)) rgba(255, 178, 74, calc(.35 + .45 * var(--value)));position:absolute;inset:0}.dimmer__thumb{top:50%;left:calc(var(--value) * 100%);background:radial-gradient(circle at 35% 35%, var(--amber-core), var(--amber-2) 55%, var(--amber-deep));width:1.4rem;height:1.4rem;box-shadow:0 0 0 3px #151311e6, 0 0 calc(6px + 34px * var(--value)) rgba(255, 178, 74, calc(.35 + .65 * var(--value)));transition:box-shadow .25s var(--ease-out);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.dimmer__input:hover~.dimmer__track .dimmer__thumb,.dimmer__input:active~.dimmer__track .dimmer__thumb{box-shadow:0 0 0 3px #151311e6, 0 0 calc(10px + 26px * var(--value)) rgba(255, 178, 74, calc(.5 + .5 * var(--value)))}.dimmer__input:focus-visible~.dimmer__track .dimmer__thumb{outline:2px solid var(--ink);outline-offset:4px}.dimmer--lit .dimmer__label{color:var(--lit-ink)}.hero{min-height:100svh;padding-top:var(--nav-h);isolation:isolate;background:#0c0e12;grid-template-rows:1fr auto auto;padding-bottom:clamp(2rem,5vh,4rem);display:grid;position:relative;overflow:visible}.hero__scene{z-index:var(--z-scene);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.hero__scene .bulb-canvas{width:100%!important;height:100%!important}.hero__wash{z-index:var(--z-scene);pointer-events:none;background:radial-gradient(ellipse 70% 60% at 68% 42%, rgba(255, 178, 74, calc(.04 + .12 * var(--brightness))), transparent 70%);position:absolute;inset:0}.hero__content{z-index:var(--z-content);width:min(100% - 2 * var(--gutter), 88rem);align-self:end;max-width:none;margin-inline:auto;padding-top:46svh;position:relative}.hero__content h1{text-shadow:0 2px 40px #0d0c0a99;max-width:11ch}.hero__line{margin-bottom:-.08em;padding-bottom:.08em}.hero__lead{max-width:34rem;font-size:var(--text-lead);color:var(--ink-2);margin-top:1.5rem;line-height:1.45}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.hero__dimmer{z-index:var(--z-content);width:min(100% - 2 * var(--gutter), 88rem);margin-inline:auto;margin-top:2.5rem;position:relative}.hero__cone{transform-origin:top;width:min(140vw,1400px);height:70vh;z-index:var(--z-scene);pointer-events:none;opacity:calc(.12 + .88 * var(--brightness));background:radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 190, 103, calc(.02 + .34 * var(--brightness))), rgba(255, 178, 74, calc(.01 + .08 * var(--brightness))) 45%, transparent 75%);position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}@media (width>=900px){.hero{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:clamp(2.5rem,6vh,5rem)}.hero__content{grid-area:1/1/auto/-1;align-self:center;padding-top:6vh}.hero__content h1{max-width:10ch}.hero__dimmer{grid-area:2/1/auto/-1;justify-content:flex-end;margin-top:0;display:flex}.hero__dimmer .dimmer{width:20rem;margin-right:clamp(0rem,8vw,10rem)}.hero__cone{width:min(70vw,1100px);bottom:0;left:auto;right:-8vw;transform:none}}@media (width>=1400px){.hero__cone{right:2vw}}.hero__content h1{letter-spacing:-.04em;max-width:14ch;font-size:clamp(3rem,6.3vw,6rem);font-weight:500}.hero__wash{background:radial-gradient(ellipse 45% 65% at 75% 45%, rgba(255, 205, 137, calc(.01 + .2 * var(--brightness))), transparent 85%), radial-gradient(ellipse 100% 110% at 72% 40%, rgba(225, 157, 73, calc(.005 + .22 * var(--brightness))) 0%, rgba(225, 157, 73, calc(.07 * var(--brightness))) 55%, transparent 100%);mix-blend-mode:screen}.hero__lead{max-width:32rem;font-size:clamp(1.05rem,1.5vw,1.25rem)}@media (width>=900px){.hero__content h1{width:58%;max-width:14ch}}@media (width<=899px){.hero__content{padding-top:43svh}.hero__content h1{max-width:16ch;font-size:clamp(2.6rem,8.8vw,4.5rem)}.hero__wash{background:radial-gradient(ellipse 65% 36% at 50% 25%, rgba(255, 205, 137, calc(.01 + .2 * var(--brightness))), transparent 85%), radial-gradient(ellipse 120% 85% at 50% 27%, rgba(225, 157, 73, calc(.005 + .22 * var(--brightness))) 0%, rgba(225, 157, 73, calc(.07 * var(--brightness))) 55%, transparent 100%)}.hero__cone{width:100%;height:60%;top:24%;bottom:auto}}.hero__scene,.hero__scene canvas{mix-blend-mode:screen}.work{--ink:#202a32;--ink-2:#4d5b64;--ink-3:#596773;--line-strong:#202a324d;--amber:#91602c;--amber-2:#775025;--amber-core:#775025;color:var(--ink);background:#dfe4e5;padding-top:clamp(4rem,10vh,8rem);padding-bottom:clamp(4rem,8vh,7rem);position:relative}.work__head{width:min(100% - 2 * var(--gutter), 88rem);margin-inline:auto;gap:1.25rem;margin-bottom:clamp(1rem,3vh,2.5rem);display:grid}.work__head h2{max-width:12ch}.work__intro{max-width:40rem;color:var(--ink-2);font-size:var(--text-body)}.project{isolation:isolate;padding-block:clamp(3rem,9vh,7rem);position:relative}.project__light{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 55% at var(--light-x,65%) 45%, #ffffffa6, #ffffff26 45%, transparent 70%);position:absolute;inset:-10% -20%}.project__grid{width:min(100% - 2 * var(--gutter), 88rem);align-items:center;gap:2rem;margin-inline:auto;display:grid}.project__text{z-index:2;position:relative}.project__name{font-size:var(--text-h2);font-variation-settings:"opsz" 96;line-height:1}.project__kind{max-width:28rem;color:var(--ink-2);font-size:var(--text-lead);margin-top:1rem;line-height:1.4}.project__links{flex-wrap:wrap;align-items:center;gap:1.5rem 2rem;margin-top:1.75rem;display:flex}.project__more{min-height:2.75rem;color:var(--ink-2);transition:color .2s var(--ease-out);align-items:center;gap:.6rem;font-weight:500;display:inline-flex}.project__more:hover{color:var(--ink)}.project__more-dot{background:var(--amber);width:.5rem;height:.5rem;box-shadow:none;transition:transform .35s var(--ease-out);border-radius:50%}.project__more[aria-expanded=true] .project__more-dot{background:var(--ink-3);box-shadow:none;transform:scale(.55)}.project__details{overflow:hidden}.project__details-inner{max-width:32rem;color:var(--ink-2);gap:1rem;padding-top:1.5rem;display:grid}.project__observed{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.project__observed li{padding-left:1.1rem;position:relative}.project__observed li:before{content:"";background:var(--amber);width:.45rem;height:1px;position:absolute;top:.68em;left:0}.project__note{font-size:var(--text-small);color:var(--ink-3)}.project__stage{perspective:1600px;perspective-origin:50% 40%;position:relative}.project__surface{transform-style:preserve-3d;will-change:transform;position:relative}.frame{--ink-3:#bcc4cf;background:var(--bg-2);border:1px solid #f1e9d824;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 32px 65px -28px #1c2b3473}.frame__bar{background:#f1e9d80f;border-bottom:1px solid #f1e9d814;align-items:center;gap:.4rem;height:2.1rem;padding:0 .85rem;display:flex}.frame__bar span{background:#f1e9d838;border-radius:50%;width:.55rem;height:.55rem}.frame__bar em{color:var(--ink-3);letter-spacing:.01em;margin-left:.6rem;font-size:.75rem;font-style:normal}.frame__viewport{aspect-ratio:16/10;background:#fff;position:relative;overflow:hidden}.frame__viewport img{will-change:transform;width:100%;height:auto}.frame--phone{background:#0f0e0c;border-width:1px;border-radius:26px;padding:.45rem}.frame--phone .frame__viewport{aspect-ratio:390/780;background:#fff;border-radius:20px}.frame--phone .frame__viewport img{object-fit:cover;object-position:top;width:100%;height:100%}.frame__gloss{pointer-events:none;background:linear-gradient(115deg, rgba(255, 241, 210, calc(.05 + .08 * var(--brightness))) 0%, #fff1d200 38%, #fff1d200 70%, #8fa2b60f 100%);position:absolute;inset:0}.project__surface--phone{z-index:2;width:min(42%,15rem);margin-top:-18%;margin-left:auto;margin-right:4%}.project--c .project__surface--phone{margin-left:4%;margin-right:auto}@media (width>=900px){.work__head{border-bottom:1px solid var(--line-strong);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:4rem;padding-bottom:3rem}.work__intro{justify-self:end;max-width:34rem}.project__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem 2rem}.project--a .project__text{grid-column:1/5}.project--a .project__stage{grid-column:5/13}.project--a .project__surface--phone{width:26%;margin:0;position:absolute;bottom:-12%;right:-1%}.project--a .project__surface--desktop{margin-right:10%}.project--a .project__light{--light-x:68%}.project--b .project__text{grid-area:1/7/auto/13}.project--b .project__stage{grid-area:2/1/auto/12;margin-top:-1rem}.project--b .project__surface--phone{width:22%;margin:0;position:absolute;bottom:-6%;right:-4%}.project--b .project__grid{align-items:start}.project--b .project__light{--light-x:40%}.project--c .project__text{grid-area:1/8/auto/13;align-self:start;padding-top:4%}.project--c .project__stage{grid-area:1/1/auto/8}.project--c .project__surface--desktop{margin-left:14%}.project--c .project__surface--phone{width:32%;margin:0;position:absolute;top:6.1rem;left:0}.project--c .project__light{--light-x:30%}}.wl{color:#f0f5f3;isolation:isolate;background:#193b42;position:relative}.wl:before{content:"";background:linear-gradient(to bottom, var(--bg-1), transparent);opacity:0;height:14rem;position:absolute;inset:0 0 auto}.wl__field{z-index:-1;background:radial-gradient(70% 85% at 90% 30%,#2c5960,#0000 75%),#193b42;position:absolute;inset:0;overflow:hidden}.wl__field>*{opacity:.35;mix-blend-mode:normal;position:absolute;inset:0}.wl__pin{align-items:center;min-height:100svh;padding-block:clamp(4rem,10vh,7rem);display:grid}.wl__grid{width:min(100% - 2 * var(--gutter), 88rem);align-items:center;gap:3rem;margin-inline:auto;display:grid}.wl__text h2{max-width:14ch}.wl__points{color:#c3d6d8;max-width:34rem;font-size:var(--text-body);gap:.9rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}.wl__points li{padding-left:1.6rem;line-height:1.45;position:relative}.wl__points li:before{content:"";background:#a0c0c3;width:.85rem;height:1px;position:absolute;top:.7em;left:0}.wl__stage{perspective:1500px;perspective-origin:50% 45%;padding-bottom:3.5rem;position:relative}.wl__layers{aspect-ratio:4/3;transform-style:preserve-3d;position:relative}.wl__layer{transform-style:preserve-3d;will-change:transform;border-radius:16px;position:absolute;inset:0;overflow:hidden}.wl__layer--front{background:#fff;box-shadow:0 30px 70px -30px #141e324d,0 0 0 1px #1d181114}.wl__layer--back{color:var(--smoke);background:linear-gradient(160deg,#202b35,#141b22);box-shadow:0 30px 70px -30px #141e28b3,0 0 0 1px #8fa2b640}.wl--static .wl__layer--front{transform:translate(-8%,-8%)rotateY(-14deg)}.wl--static .wl__layer--back{transform:translate(8%,8%)rotateY(-14deg)}.site{color:var(--lit-ink);flex-direction:column;gap:6%;padding:5% 6%;display:flex;position:absolute;inset:0}.site__header{justify-content:space-between;align-items:center;display:flex}.site__brand{font-family:var(--font-serif);align-items:center;gap:.5em;font-size:clamp(.9rem,1.6vw,1.25rem);display:inline-flex}.site__brand-mark{background:var(--lit-ink);border-radius:50%;width:1.1em;height:1.1em}.site__nav{gap:.6em;display:flex}.site__nav i{background:#1d181140;border-radius:999px;width:2.2em;height:.45em}.site__hero{flex-direction:column;gap:.6em;display:flex}.site__headline{font-family:var(--font-serif);text-wrap:balance;max-width:12ch;font-size:clamp(1.3rem,3.2vw,2.6rem);line-height:1.05}.site__line{background:#1d18112e;border-radius:999px;height:.5em}.site__button{background:var(--lit-ink);border-radius:999px;width:6em;height:1.7em;margin-top:.4em}.site__cards{grid-template-columns:repeat(3,1fr);gap:4%;height:26%;margin-top:auto;display:grid}.site__cards span{background:linear-gradient(145deg,#e7ebf2,#c6cedb);border-radius:8px}.site__cards span:nth-child(2){background:linear-gradient(145deg,#cbd5df,#9fb0c1)}.site__cards span:nth-child(3){background:linear-gradient(145deg,#b8c5d9,#8a9fbc)}.dev{flex-direction:column;gap:6%;padding:5% 6%;display:flex;position:absolute;inset:0}.dev__grid{background-image:linear-gradient(#8fa2b61f 1px,#0000 1px),linear-gradient(90deg,#8fa2b61f 1px,#0000 1px);background-size:8% 8%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 40%,#0000 85%);mask-image:radial-gradient(at 50% 40%,#000 40%,#0000 85%)}.dev__block{border:1px dashed #8fa2b6b3;border-radius:6px;position:relative}.dev__tag{letter-spacing:.02em;color:var(--smoke);background:#1b242d;padding:0 .4em;font-size:clamp(.6rem,1.1vw,.8rem);position:absolute;top:-.7em;left:.8em}.dev__block--header{height:9%}.dev__block--hero{flex-direction:column;flex:1;gap:.6em;padding:8% 6%;display:flex}.dev__bar{background:#8fa2b659;border-radius:999px;height:.5em}.dev__block--cards{grid-template-columns:repeat(3,1fr);gap:4%;height:26%;padding:4%;display:grid}.dev__block--cards>span:not(.dev__tag){border:1px dashed #8fa2b680;border-radius:4px}.dev__mark{width:clamp(2rem,5vw,3.2rem);color:var(--amber-2);filter:drop-shadow(0 0 10px #ffb24a99);position:absolute;bottom:5%;right:5%}.wl__caption{font-family:var(--font-serif);color:#f0f5f3;font-variation-settings:"opsz" 40;pointer-events:none;font-size:clamp(1.15rem,2vw,1.6rem);font-style:normal;line-height:1.1;position:absolute}.wl__caption--front{bottom:-1.3rem;left:0}.wl__caption--back{text-align:right;top:-2.4rem;right:0}.wl__note{color:#c3d6d8;font-size:.8rem;position:absolute;bottom:-3rem;left:0}@media (width<=1023px){.wl__caption{margin-top:1.2rem;position:static}.wl__caption--back{text-align:left;margin-top:.4rem}.wl__note{margin-top:1rem;position:static}.wl__stage{padding-top:1.5rem;padding-bottom:0}}@media (width>=1024px){.wl__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem}.wl__stage{padding:4rem 3rem 3.5rem}}.wl__caption{font-size:clamp(1rem,1.3vw,1.2rem);font-weight:500}.wl__caption--back{top:-3.8rem}@media (width<=1023px){.wl__caption--back{top:auto}}.studio{--ink:#202a32;--ink-2:#4d5b64;--ink-3:#596773;--line:#202a3229;color:var(--ink);background:#f5f6f3;padding-block:clamp(5rem,14vh,10rem);position:relative}.studio__grid{width:min(100% - 2 * var(--gutter), 88rem);align-items:center;gap:3rem;margin-inline:auto;display:grid}.studio__text h2{max-width:12ch}.studio__lead{max-width:32rem;font-size:var(--text-lead);color:var(--ink-2);margin-top:1.75rem;line-height:1.45}.studio__where{font-family:var(--font-serif);font-size:var(--text-h3);font-variation-settings:"opsz" 40;margin-top:1.5rem}.studio__portrait{background:#25434a;border-radius:16px;width:73.6%;margin:0;overflow:hidden}.studio__portrait img{aspect-ratio:4/5;object-fit:cover;object-position:50% 45%;width:100%;height:auto;display:block}.studio__portrait figcaption{color:#f3f4f6;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.studio__name{font-family:var(--font-serif);font-size:1.5rem;line-height:1.25;display:block}.studio__role{color:#c4d1d3;margin-top:.3rem;font-size:.875rem;display:block}.studio__mark{width:2.75rem;color:var(--amber-2);flex-shrink:0}.studio__facts{gap:1.5rem;margin:0;display:grid}.studio__facts div{border-top:1px solid var(--line);align-content:start;gap:.6rem;padding-top:1.25rem;display:grid}.studio__facts dt{font-size:var(--text-small);color:var(--ink-3)}.studio__facts dd{color:var(--ink);max-width:30rem;margin:0}@media (width>=900px){.studio__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3.5rem clamp(3rem,6vw,6rem)}.studio__portrait{justify-self:start;width:72%;max-width:20.8rem}.studio__facts{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}}.contact{background:radial-gradient(ellipse 60% 70% at 85% 50%, rgba(255, 178, 74, calc(.05 + .12 * var(--brightness))), transparent 70%), var(--bg-0);isolation:isolate;padding-block:clamp(6rem,18vh,12rem) clamp(5rem,12vh,9rem);position:relative;overflow:hidden}.contact__filament{z-index:-1;color:#ffd189;width:min(42vw,38rem);opacity:calc(.7 + .3 * var(--brightness));filter:drop-shadow(0 0 calc(12px + 36px * var(--brightness)) rgba(255, 178, 74, calc(.45 + .5 * var(--brightness))));pointer-events:none;position:absolute;top:50%;right:5vw;transform:translateY(-50%)}.contact__filament svg{width:100%;height:auto}@media (width<=899px){.contact{padding-bottom:78vw}.contact__filament{width:70vw;top:auto;bottom:0;right:5vw;transform:none}}.contact__inner{width:min(100% - 2 * var(--gutter), 88rem);margin-inline:auto}.contact__title{letter-spacing:-.02em;max-width:10ch;font-size:clamp(3rem,6.6vw,6rem);font-style:normal;line-height:.98}.contact__lead{max-width:30rem;font-size:var(--text-lead);color:var(--ink-2);margin-top:1.75rem;line-height:1.45}.contact__email{flex-wrap:wrap;align-items:center;gap:1rem 2rem;max-width:40rem;margin-top:3rem;display:flex}.contact__mail{font-family:var(--font-serif);border-bottom:1px solid var(--line-strong);overflow-wrap:anywhere;font-variation-settings:"opsz" 60;transition:border-color .3s var(--ease-out), color .3s var(--ease-out), text-shadow .3s var(--ease-out);padding-bottom:.1em;font-size:clamp(1.4rem,1rem + 2vw,2.75rem);line-height:1.1;text-decoration:none}.contact__mail:hover{border-color:var(--amber-2);color:var(--amber-core);text-shadow:0 0 24px #ffb24a80}.copy{border:1px solid var(--line-strong);min-height:2.75rem;color:var(--ink);transition:border-color .25s var(--ease-out), background-color .25s var(--ease-out), color .25s var(--ease-out);border-radius:999px;align-items:center;gap:.55rem;padding:.6rem 1.1rem .6rem .9rem;font-size:.95rem;font-weight:500;display:inline-flex}.copy:hover{background:#f1e9d80f;border-color:#f1e9d880}.copy--copied{border-color:var(--amber);color:var(--amber-core);background:#f0a63a24}.copy__icon{background:#f1e9d814;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;display:grid}.copy__icon svg{width:.9rem;height:.9rem}.copy__label{text-align:left;min-width:6.4rem;display:inline-grid}.copy__label>*{grid-area:1/1}.footer{background:var(--bg-0);border-top:1px solid var(--line);font-size:var(--text-small);color:var(--ink-3);padding-block:1.75rem}.footer__inner{width:min(100% - 2 * var(--gutter), 88rem);flex-wrap:wrap;align-items:center;gap:.75rem 2rem;margin-inline:auto;display:flex}.footer__brand{color:var(--ink-2);align-items:center;gap:.6rem;display:inline-flex}.footer__mark{width:1.4rem;height:1.4rem;color:var(--amber)}.footer__tagline{font-family:var(--font-serif);color:var(--ink-2);font-variation-settings:"opsz" 24;margin-left:auto;font-size:1.1rem;font-style:normal}.footer__top{border:1px solid var(--line-strong);width:2.75rem;height:2.75rem;color:var(--ink-2);border-radius:50%;place-items:center;transition:color .2s,border-color .2s;display:grid}.footer__top svg{width:1.2rem;height:1.2rem}.footer__top:hover{color:var(--amber-2);border-color:var(--amber)}.footer__legal{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.footer__legal a{color:var(--ink-2);text-underline-offset:.25em}.footer__legal a:hover{color:var(--amber-2)}@media (width<=600px){.footer__legal{grid-area:3/1/auto/-1}.footer__inner{grid-template-columns:1fr auto;display:grid}.footer__year{grid-area:1/2}.footer__top{grid-area:2/2}.footer__tagline{width:100%;margin-left:0}}