@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/3d51db290a6a25f3-s.0kkodo7okz7sx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/f7054824cbb51795-s.3gwda9lv2grgl.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/74effe3e2193102a-s.p.2ke8r1sltdje0.woff2)format("woff2");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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_ec427584-module__NlSH5W__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_ec427584-module__NlSH5W__variable{--font-grotesque:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.138s14ivx2xer.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.3b2emle-7szv-.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.13rul5q9jl2r0.woff2)format("woff2");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:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.archivo_79d38a00-module__NlmzIG__className{font-family:Archivo,Archivo Fallback;font-style:normal}.archivo_79d38a00-module__NlmzIG__variable{--font-archivo:"Archivo", "Archivo Fallback"}
@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/dcc06fc59088004f-s.2h-zgd4kn5-yf.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/14a4f422adc8017e-s.14w0l550ci3yl.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/294dd5272e5dc576-s.35rs2ho86mq85.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/c0f3072741f3158c-s.2g9n9md5msvg2.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/32ed8f926ffc9cc2-s.26v2fg3gytbt5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/b6a9aad84d41ea38-s.167l7r8dhiyx3.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/30bdb5bb2b173ee1-s.0kfjr62lqeiro.woff2)format("woff2");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:Literata Fallback;src:local(Times New Roman);ascent-override:99.62%;descent-override:26.07%;line-gap-override:0.0%;size-adjust:118.15%}.literata_d337144b-module__GKK4sG__className{font-family:Literata,Literata Fallback;font-style:normal}.literata_d337144b-module__GKK4sG__variable{--font-literata:"Literata", "Literata Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.45535valc9rzk.woff2)format("woff2");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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2047baac-module__k98-mq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2047baac-module__k98-mq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.3strvg7o-g5v2.woff2)format("woff2");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:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.2rlzm4mj5kw8e.woff2)format("woff2");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:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_9fdf6022-module__KD_7Rq__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_9fdf6022-module__KD_7Rq__variable{--font-instrument:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/ca8956476e4b15e1-s.2of77tvarlxv9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/0ada71b763703d9d-s.0_hkuyklry9k2.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/2b7d3311b69a4dca-s.p.32vcy6_pq4pnh.woff2)format("woff2");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:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6632a144c419935f-s.38msdipe8z81f.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/7b27d9904b50e540-s.30bhvdlsk8sra.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d38f3bca7db33566-s.p.3se9ogqst-d6c.woff2)format("woff2");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:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_17056218-module__Vh-99W__className{font-family:Newsreader,Newsreader Fallback}.newsreader_17056218-module__Vh-99W__variable{--font-serif:"Newsreader", "Newsreader Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0c0c0e;--ink:#ece9e4;--muted:#8f8c88;--rule:#232327;--focus:#ece9e4;--gutter:clamp(1rem, 4vw, 3.5rem);--measure:62ch;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.3125rem;--step-2:clamp(1.9rem, 1.2rem + 2.4vw, 3.25rem);--step-name:clamp(2.25rem, 1.2rem + 3.6vw, 4.25rem)}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--page)}body{background:var(--page);min-height:100svh;color:var(--ink);font-family:var(--font-grotesque), system-ui, sans-serif;font-size:var(--step-0);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.5;display:flex}main{flex:1}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.06em}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip{left:var(--gutter);background:var(--ink);color:var(--page);z-index:10;padding:.5rem .75rem;position:absolute;top:-4rem}.skip:focus{top:.75rem}.masthead{z-index:2;padding:1.5rem var(--gutter);justify-content:space-between;align-items:baseline;gap:1.5rem;display:flex;position:relative}.masthead__name{font-weight:500;font-size:var(--step--1);letter-spacing:.28em;text-transform:uppercase;text-decoration:none}.masthead nav{font-size:var(--step--1);gap:1.75rem;display:flex}.masthead nav a{color:var(--muted);padding-block:.5rem;text-decoration:none;transition:color .16s}.masthead nav a:hover{color:var(--ink)}.hero{align-items:flex-end;min-height:max(34rem,100svh);margin-top:-4.6rem;padding-bottom:clamp(2.5rem,7vh,4.5rem);display:flex;position:relative}.stage{position:absolute;inset:0}.stage__canvas,.stage__still{width:100%;height:100%;position:absolute;inset:0}.stage__canvas{animation:.9s both stage-in}.stage__canvas canvas{cursor:grab}.stage__still{object-fit:cover;object-position:62% 55%}@keyframes stage-in{0%{opacity:0}}.ad89{color:var(--ink);align-items:center;gap:.75rem;display:inline-flex}.ad89 svg{flex:none;display:block}.ad89__word{letter-spacing:.3em;text-transform:uppercase;font-size:.8rem;font-weight:500}.intro__mark{margin-bottom:1.6rem}.studio h2 .ad89__word{color:var(--ink);font-size:1rem}.intro{padding:0 var(--gutter);pointer-events:none;max-width:38rem;position:relative}.intro>*{pointer-events:auto}.intro h1{font-family:var(--font-serif), Georgia, serif;font-size:var(--step-2);letter-spacing:-.012em;text-wrap:balance;text-shadow:0 1px 24px var(--page);margin:0;font-weight:400;line-height:1.08}.intro p{color:var(--muted);font-size:var(--step-0);margin:1.1rem 0 0;line-height:1.4}@media (min-width:64rem) and (min-aspect-ratio:11/10){.hero{align-items:center;padding-bottom:0}.intro{max-width:40rem}.intro h1{font-size:clamp(2rem,1rem + 2vw,3rem)}}.sound-controls{right:var(--gutter);z-index:2;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:clamp(1.2rem,4vh,2.2rem)}.sound-mix{gap:.3rem;animation:.26s cubic-bezier(.2,.8,.2,1) sound-mix-in;display:flex}@keyframes sound-mix-in{0%{opacity:0;transform:translate(6px)}}.sound-chip{border:1px solid var(--rule);background:color-mix(in srgb, var(--page) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);font:inherit;font-size:var(--step--1);cursor:pointer;border-radius:999px;padding:.35rem .7rem;transition:color .16s,border-color .16s,background-color .16s}.sound-chip[aria-pressed=true]{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 30%, transparent)}.sound-chip[aria-pressed=false]{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent)}.sound-toggle{border:1px solid var(--rule);background:color-mix(in srgb, var(--page) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);font:inherit;font-size:var(--step--1);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;transition:color .16s,border-color .16s;display:inline-flex}@media (max-width:44rem){.hero{flex-direction:column;justify-content:flex-end;align-items:stretch}.sound-controls{margin:0 var(--gutter) 1.4rem;justify-content:flex-start;align-self:flex-start;position:relative;top:auto;bottom:auto;right:auto}}.sound-toggle:hover,.sound-toggle[aria-pressed=true]{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 30%, transparent)}.season-toggle svg{flex:none}.sound-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.stage__swap{transition:opacity .5s;position:absolute;inset:0}.stage__swap--loading{opacity:0;pointer-events:none;transition:none}.follow{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));z-index:20;pointer-events:none;align-items:center;gap:.25rem;display:flex;position:fixed}.follow__badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0eb8;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:.45rem .7rem;animation:.28s cubic-bezier(.2,.8,.2,1) both badge-in;display:inline-flex;box-shadow:0 8px 24px #0000004d}.follow__badge:empty{display:none}.follow__cube{all:unset;cursor:pointer;pointer-events:auto;background:radial-gradient(closest-side, color-mix(in srgb, var(--c,#8d93a0) 38%, transparent), transparent 75%);border-radius:18px;width:clamp(72px,9vw,96px);height:clamp(72px,9vw,96px);transition:background .4s;position:relative}.follow__roll{pointer-events:none;width:124%;height:124%;position:absolute;inset:-12%}.follow__cube:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.follow[data-phase=home]{visibility:hidden}.follow[data-phase=home] .follow__badge{display:none}.follow[data-phase=dropping] .follow__cube{animation:.9s cubic-bezier(.3,0,.6,1) both follow-drop}.follow[data-phase=dropping] .follow__badge{opacity:0}@keyframes follow-drop{0%{transform:translateY(-70vh)}72%{transform:translateY(0)}84%{transform:translateY(-16px)}to{transform:translateY(0)}}.follow[data-still] .follow__cube{animation:none}@keyframes badge-in{0%{opacity:0;transform:translateY(4px)}}.mini-ad__logo{width:auto;height:20px;display:block}.mini-ad__word{color:var(--ink);white-space:nowrap;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.mini-ad__mark{border-radius:4px;width:20px;height:20px}@media (hover:hover){.cube-label-anchor,.cube-label{pointer-events:none}}.cube-label--left{transform:translate(-100%)}.cube-label__button{all:unset;cursor:pointer;gap:.1rem;display:grid}.cube-label{white-space:nowrap;background:color-mix(in srgb, var(--page) 78%, transparent);border:1px solid var(--rule);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-grotesque), system-ui, sans-serif;border-radius:4px;gap:.1rem;padding:.45rem .7rem .5rem;animation:.18s both stage-in;display:grid}.cube-label__name{color:var(--ink);font-size:.95rem;font-weight:600}.cube-label__status{color:var(--muted);font-size:.75rem}.shelf{border-bottom:1px solid var(--rule);margin:0;padding:0;list-style:none}.shelf li{border-top:1px solid var(--rule)}.row{padding:1.5rem var(--gutter) 1.6rem;color:inherit;isolation:isolate;grid-template-columns:auto minmax(0,1fr);gap:.3rem 1rem;text-decoration:none;display:grid;position:relative}.row:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--c) 16%, transparent), transparent 75%);opacity:0;transition:opacity .22s;position:absolute;inset:0}.row__swatch{background:var(--c);width:.8rem;height:.8rem;box-shadow:0 0 .9rem color-mix(in srgb, var(--c) 55%, transparent);animation:.52s cubic-bezier(.2,.8,.2,1) backwards swatch-in;animation-delay:calc(var(--i) * 70ms + .12s);border-radius:2px;grid-row:1/span 3;margin-top:.85em;transition:box-shadow .22s,transform .22s}@keyframes swatch-in{0%{transform:scale(0)}}.row__name{font-size:var(--step-name);letter-spacing:-.02em;font-variation-settings:"wdth" 84;overflow-wrap:anywhere;font-weight:600;line-height:1}.row__line{font-size:var(--step-0);max-width:40ch;color:color-mix(in srgb, var(--ink) 82%, transparent);grid-column:2;margin-top:.4rem;line-height:1.4}.row__meta{color:var(--muted);font-size:var(--step--1);flex-wrap:wrap;grid-column:2;gap:.15rem 1rem;margin-top:.4rem;display:flex}.row__status{color:var(--ink);font-weight:600}.row--link .row__domain{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:.06em}.row--link:focus-visible{outline-offset:-6px}.shelf li[data-active] .row:before{opacity:1}.shelf li[data-active] .row__swatch{box-shadow:0 0 1.4rem var(--c);transform:scale(1.25)}@media (hover:hover){.row:hover:before{opacity:1}}@media (min-width:56rem){.row{grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr) 13rem;align-items:baseline;padding-block:2rem 2.1rem}.row__swatch{grid-row:auto;align-self:center;margin-top:0}.row__line,.row__meta{grid-column:auto;margin-top:0}.row__meta{flex-direction:column;gap:.1rem}}.shelf:has(li[data-font]){border-bottom:0;gap:clamp(.6rem,1.2vw,1rem);padding:clamp(.6rem,1.2vw,1rem);display:grid}.shelf li[data-font]{border-top:0}.shelf li[data-font] .project{border-radius:clamp(14px,2vw,24px);box-shadow:0 0 0 1px #ffffff0f}.shelf li[data-corners=square] .project{border-radius:0}.project__index{font-size:var(--step--1);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--b-muted);opacity:.8;position:absolute;top:clamp(1.2rem,3vw,2rem);right:clamp(1.2rem,3vw,2.25rem)}.project{--radius:14px;isolation:isolate;padding:clamp(2.5rem, 6vw, 4.5rem) var(--gutter);background:var(--b-ground);min-height:clamp(18rem,30vw,24rem);color:var(--b-ink);align-content:center;gap:1.1rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.shelf li[data-corners=square] .project{--radius:0}.shelf li[data-font=bricolage] .project{font-family:var(--font-grotesque), system-ui, sans-serif}.shelf li[data-font=archivo] .project{font-family:var(--font-archivo), system-ui, sans-serif}.shelf li[data-font=system] .project{font-family:Arial,Helvetica,system-ui,sans-serif}.project__head{align-items:center;min-height:3.2rem;display:flex}.project__logo{width:auto;height:clamp(2.2rem,3.6vw,2.9rem)}.project__wordmark{align-items:center;gap:.7rem;display:inline-flex}.project__mark{border-radius:calc(var(--radius) * .6);width:2.5rem;height:2.5rem}.shelf li[data-font=archivo] .project__mark{width:2.7rem;height:2rem}.project__word{letter-spacing:-.035em;color:var(--b-accent);font-size:clamp(1.9rem,1.3rem + 2vw,2.8rem);font-weight:700;line-height:1}.shelf li[data-font=archivo] .project__word{letter-spacing:-.02em;color:var(--b-ink);font-weight:600}.shelf li[data-wordmark=serif] .project__word{letter-spacing:-.01em;color:var(--b-ink);font-family:ui-serif,Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:400}.shelf li[data-wordmark=serif] .project__mark{border-radius:0;width:3.1rem;height:3.1rem}.shelf li[data-wordmark=serif] .project__tagline{font-family:ui-serif,Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}.project__word[data-font=inter]{font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:-.035em;color:var(--b-ink);font-weight:650}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.project__i{display:inline-block;position:relative}.project__i:after{content:"";background:currentColor;border-radius:.025em;width:.165em;height:.165em;position:absolute;top:.035em;left:50%;transform:translate(-50%)}.project__i[data-step=up]:after{background:var(--b-accent);top:-.075em}:is(.shelf li,.work-page)[data-wordmark=ink] .project__word{color:var(--b-ink);letter-spacing:-.04em;font-weight:800}:is(.shelf li,.work-page)[data-wordmark=ink] .project__sym{color:var(--b-accent);margin-left:0;font-size:1em;font-weight:800}:is(.shelf li,.work-page)[data-wordmark=ink] .project__mark{border-radius:0;width:2.9rem;height:2.9rem}.shelf li[data-tagline-font=instrument] .project__tagline,.work-page[data-tagline-font=instrument] .work-page__tagline{font-family:var(--font-instrument), Georgia, serif;letter-spacing:-.01em;font-style:italic;font-weight:400}.project__sym{font-variant-emoji:text;color:var(--b-accent);margin-left:.04em;font-size:.8em;font-weight:500}.shelf li[data-font=system] .project__sym{color:color-mix(in srgb, var(--b-accent) 60%, #8a9a2a)}.project__tagline{letter-spacing:-.025em;text-wrap:balance;max-width:18ch;font-size:clamp(2rem,1.2rem + 3.2vw,3.6rem);font-weight:600;line-height:1.02}.shelf li[data-serif] .project__tagline{letter-spacing:-.015em;font-family:Georgia,Times New Roman,serif;font-weight:400}.shelf li[data-font=archivo] .project__tagline{font-family:var(--font-literata), Georgia, serif}.project__line{max-width:44ch;font-size:var(--step-1);color:var(--b-muted);line-height:1.4}.project__meta{font-size:var(--step--1);color:var(--b-muted);flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin-top:.4rem;display:flex}.project__cube{background:var(--c);width:.75rem;height:.75rem;box-shadow:0 0 .8rem color-mix(in srgb, var(--c) 60%, transparent);border-radius:2px}.project__status{border-radius:calc(var(--radius) * 2);border:1px solid color-mix(in srgb, var(--b-ink) 18%, transparent);color:var(--b-ink);padding:.3rem .7rem;font-weight:600}.project__status[data-status=live]{background:var(--b-accent);border-color:var(--b-accent);color:var(--b-ground)}.project__domain--link{z-index:2;color:var(--b-ink);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:.06em;position:relative}.project__more{color:var(--b-accent);font-weight:600;transition:transform .2s}.project__open{z-index:1;position:absolute;inset:0}.project__open:focus-visible{outline:2px solid var(--b-accent);outline-offset:-6px}.shelf li[data-scene] .project:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--b-ground) 18%, color-mix(in srgb, var(--b-ground) 55%, transparent) 55%, transparent), var(--b-scene) center / cover no-repeat;opacity:1;position:absolute;inset:0}.project:after{content:"";z-index:-1;box-shadow:inset 4px 0 0 var(--b-accent);opacity:0;transition:opacity .22s;position:absolute;inset:0}.shelf li[data-active] .project:after{opacity:1}@media (hover:hover){.project__domain--link:hover{color:var(--b-accent)}.project:hover:after{opacity:1}.project:hover .project__more{transform:translate(4px)}}@media (min-width:56rem){.project{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-content:center;gap:1.6rem clamp(2rem,6vw,6rem)}.project>.project__head{grid-column:1/-1}.project>.project__tagline{grid-area:2/1/span 2;align-self:end}.project>.project__line{grid-area:2/2;align-self:end}.project>.project__meta{grid-area:3/2;align-self:end}}.shelf[data-dense] .project{min-height:0;padding-block:2rem}.shelf[data-dense] .project__tagline{font-size:clamp(1.5rem,1rem + 1.8vw,2.4rem)}.shelf[data-dense] .row{padding-block:1rem 1.1rem}.shelf[data-dense] .row__name{font-size:clamp(1.6rem,1rem + 2.2vw,2.6rem)}.studio{padding:clamp(4rem, 10vw, 8rem) var(--gutter) clamp(2rem, 5vw, 4rem);scroll-margin-top:1rem}.studio h2{font-size:var(--step--1);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:0;font-weight:500}.studio__line{max-width:30ch;font-family:var(--font-serif), Georgia, serif;font-size:var(--step-2);text-wrap:balance;margin:1rem 0 2.5rem;line-height:1.1}.studio__background{max-width:44ch;color:var(--muted);font-size:var(--step-1);margin:-1.5rem 0 2.5rem;line-height:1.4}.studio__services{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr));gap:1px;max-width:60rem;margin:0;padding:0;list-style:none;display:grid}.service{background:var(--page);height:100%;color:inherit;grid-template-rows:auto 1fr auto;gap:.4rem;padding:1rem 1.1rem .95rem;text-decoration:none;transition:background-color .18s;display:grid}.service__name{font-size:var(--step-0);letter-spacing:-.01em;font-weight:600}.service__line{color:var(--muted);font-size:var(--step--1);line-height:1.4}.service__go{font-size:var(--step--1);color:var(--muted);transition:color .18s}.service__go:after{content:" →"}@media (hover:hover){a.service:hover{background:#141417}a.service:hover .service__go{color:var(--ink)}}@media (min-width:40rem){.service{min-height:7.5rem}}a.service:focus-visible{outline-offset:-4px}.work-page{--radius:14px;background:var(--b-ground);color:var(--b-ink)}.work-page[data-corners=square]{--radius:0}.work-page[data-font=bricolage]{font-family:var(--font-grotesque), system-ui, sans-serif}.work-page[data-font=archivo]{font-family:var(--font-archivo), system-ui, sans-serif}.work-page[data-font=system]{font-family:Arial,Helvetica,system-ui,sans-serif}.work-page__head{padding:clamp(2rem, 6vw, 5rem) var(--gutter) clamp(2rem, 5vw, 4rem);gap:1.2rem;max-width:64rem;display:grid}.work-page__back{color:var(--b-muted);font-size:var(--step--1);margin-bottom:1rem;text-decoration:none}.work-page__back:hover{color:var(--b-ink)}.work-page__tagline{letter-spacing:-.03em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(2.5rem,1.4rem + 4.4vw,5rem);font-weight:600;line-height:1}.work-page[data-serif] .work-page__tagline{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-weight:400}.work-page[data-font=archivo] .work-page__tagline{font-family:var(--font-literata), Georgia, serif}.work-page[data-wordmark=serif] .work-page__tagline,.work-page[data-wordmark=serif] .project__word{font-family:ui-serif,Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:400}.work-page[data-wordmark=serif] .project__word{color:var(--b-ink)}.work-page[data-wordmark=serif] .project__mark{border-radius:0;width:3.1rem;height:3.1rem}.work-page[data-font=archivo] .project__word{letter-spacing:-.02em;color:var(--b-ink);font-weight:600}.work-page[data-corners=square] .project__status{border-radius:0}.work-page__line{max-width:46ch;font-size:var(--step-1);color:var(--b-muted);margin:0;line-height:1.4}.work-page__visit{color:var(--b-accent);font-weight:600}.work-page__phones{padding:1rem var(--gutter) 3rem;scroll-snap-type:x mandatory;scrollbar-width:none;gap:clamp(1rem,3vw,2.5rem);display:flex;overflow-x:auto}.work-page__phones::-webkit-scrollbar{display:none}.shot{margin:0}.shot figcaption{font-size:var(--step--1);color:var(--b-muted);max-width:38ch;margin-top:.8rem;line-height:1.4}.shot img{width:100%;height:auto;display:block}.shot--phone{scroll-snap-align:start;flex:0 0 min(64vw,17rem)}.shot--phone img{box-shadow:0 1px 0 color-mix(in srgb, var(--b-ink) 10%, transparent), 0 24px 60px #0000002e;border-radius:2rem}.work-page__wides{padding:1rem var(--gutter) clamp(3rem, 8vw, 6rem);gap:clamp(2.5rem,6vw,5rem);display:grid}.shot--wide img{border:1px solid color-mix(in srgb, var(--b-ink) 10%, transparent);border-radius:10px;box-shadow:0 30px 80px #00000029}.work-page[data-corners=square] .shot--wide img{border-radius:0}@media (min-width:56rem){.work-page__wides{grid-template-columns:1fr 1fr;align-items:start}.work-page__wides .shot:first-child,.work-page__wides .shot:last-child:nth-child(2n){grid-column:1/-1}}.work-page__next{padding:clamp(3rem, 8vw, 6rem) var(--gutter);border-top:1px solid color-mix(in srgb, var(--b-ink) 12%, transparent);color:var(--b-ink);gap:.4rem;text-decoration:none;display:grid}.work-page__next-label{font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;color:var(--b-muted)}.work-page__next-name{letter-spacing:-.03em;color:var(--n);font-size:clamp(2.2rem,1.4rem + 3vw,4rem);font-weight:700}.work-page__next-line{color:var(--b-muted)}.work-page__next:hover .work-page__next-name{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.05em}.story{padding:clamp(2.5rem, 8vw, 7rem) var(--gutter) 4rem;max-width:calc(var(--measure) + 2 * var(--gutter))}.story h1{font-family:var(--font-serif), Georgia, serif;font-size:var(--step-name);letter-spacing:-.012em;margin:0 0 2rem;font-weight:400;line-height:1}.story p{font-family:var(--font-serif), Georgia, serif;max-width:var(--measure);text-wrap:pretty;color:color-mix(in srgb, var(--ink) 90%, transparent);margin:0 0 1.4em;font-size:1.3125rem;line-height:1.6}.colophon{padding:2.5rem var(--gutter) 2rem;color:var(--muted);font-size:var(--step--1)}.colophon p{margin:0}@media (prefers-reduced-motion:reduce){.follow__cube,.follow__badge{animation:none!important}.row__swatch,.stage__canvas{animation:none}.row:before,.row__swatch{transition:none}}.stage__film{cursor:pointer;animation:.9s both stage-in;position:absolute;inset:0;overflow:hidden}.first-paint{pointer-events:none;position:absolute;inset:0;overflow:hidden}@media (max-width:44rem),(pointer:coarse){.first-paint{aspect-ratio:1;max-height:58%;margin-inline:auto;bottom:auto}}@media (prefers-reduced-motion:reduce){.first-paint{display:none}}.stage__frame{object-fit:fill;max-width:none;position:absolute}.stage__poster{z-index:5;pointer-events:none;transition:opacity .6s}.film-spot{position:absolute;transform:translate(-50%,-50%)}.film-spot__hit{all:unset;cursor:inherit;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:3px;position:absolute;inset:0}.film-spot__hit:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.film-spot__label{pointer-events:none;position:absolute;top:50%;left:calc(100% + .6rem);translate:0 -50%}.film-spot__label--left{left:auto;right:calc(100% + .6rem);transform:none}@media (prefers-reduced-motion:reduce){.stage__film{animation:none}}@media (max-width:44rem),(pointer:coarse){.stage:before{content:"";pointer-events:none;-webkit-mask-composite:source-in;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .16 -.04'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>") 0 0/160px 160px,url(data:image/webp;base64,UklGRmgAAABXRUJQVlA4IFwAAAAQBQCdASoOARsAPm02mUmkIqKhIQgAgA2JaQDWbANv1euKZe0MaSHkRaw/5BMQ8RqAAP75OXFNuu/qFzrrdFuWzFc+OYAL5nC4Pp2Yf46G/0YCsCk5TcQyQdgAAA==) 50%/100% 100% no-repeat;position:absolute;inset:calc(min(100vw,58%) + 40.32vw - min(100vw,58%)/2) 2vw 0;-webkit-mask-image:linear-gradient(#0000,#000 4% 55%,#0009 80%,#0006 100%),linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 4% 55%,#0009 80%,#0006 100%),linear-gradient(90deg,#0000,#000 6% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}}.stage__film--phone{aspect-ratio:1;max-height:58%;margin-inline:auto;bottom:auto}.stage img,.stage canvas,.stage video{-webkit-user-drag:none;-webkit-user-select:none}.stage__layers{cursor:inherit;isolation:isolate;z-index:0;position:absolute;inset:0}.stage__tint{pointer-events:none;transition:opacity .25s linear;position:absolute}.stage__fx{pointer-events:none;transition:opacity .2s linear;position:absolute}.fx-panel{right:var(--gutter);z-index:3;border:1px solid var(--rule);background:color-mix(in srgb, var(--page) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:.8rem/1.2 var(--font-grotesque), system-ui, sans-serif;color:var(--ink);border-radius:8px;gap:.5rem;padding:.7rem .8rem;display:grid;position:absolute;top:5.5rem}.fx-panel__row{grid-template-columns:auto 8.5rem 6rem;align-items:center;gap:.5rem;display:grid}.fx-panel__tilt{all:unset;cursor:pointer;text-align:center;border:1px solid var(--rule);border-radius:999px;padding:.35rem .6rem}:root{--ease-glass:cubic-bezier(.2, .8, .2, 1)}.sun{z-index:-1;pointer-events:none;border-radius:inherit;contain:strict;position:absolute;inset:0;overflow:hidden}.sun__patch{aspect-ratio:1.35;transform-origin:0 0;opacity:0;will-change:transform, opacity;width:min(880px,104vw);position:absolute;top:0;left:0;translate:-50% -34%}.sun__pane{--pane:linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent), linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent), linear-gradient(90deg, #000 47%, #00000040 49.5% 50.5%, #000 53%), linear-gradient(180deg, #000 46%, #00000040 49% 51%, #000 54%);-webkit-mask-image:var(--pane);-webkit-mask-composite:source-in;-webkit-mask-image:var(--pane);mask-image:var(--pane);position:absolute;inset:0;transform:rotate(-9deg)skew(-24deg);-webkit-mask-composite:source-in;mask-composite:intersect}.sun__lit,.sun__leaves{position:absolute;inset:-8%;-webkit-mask-repeat:repeat;mask-repeat:repeat}.sun__lit{-webkit-mask-image:var(--dapple-a);-webkit-mask-image:var(--dapple-a);mask-image:var(--dapple-a);background:#ffdeb211;animation:24s ease-in-out infinite leaves-sway;-webkit-mask-size:64%;mask-size:64%}.sun__leaves{-webkit-mask-image:var(--dapple-b);-webkit-mask-image:var(--dapple-b);mask-image:var(--dapple-b);background:#ffe2ba07;animation:17s ease-in-out infinite leaves-sway-b;-webkit-mask-size:44%;mask-size:44%}[data-tone=light] .sun__lit{background:#ffbe6e1f}[data-tone=light] .sun__leaves{-webkit-mask-image:linear-gradient(#000, #000), var(--dapple-b);-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#000, #000), var(--dapple-b);mask-image:linear-gradient(#000, #000), var(--dapple-b);background:#503a220e;-webkit-mask-composite:xor;mask-composite:exclude}@keyframes leaves-sway{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(1.4%,-.9%)rotate(.7deg)}}@keyframes leaves-sway-b{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(-1.1%,.8%)rotate(-.9deg)}}.studio,.work-page{isolation:isolate;position:relative}.work-page__ground{z-index:-2;background:var(--b-ground);pointer-events:none;height:100svh;position:absolute;inset:0 0 auto}.project__bloom{z-index:-1;pointer-events:none;background:radial-gradient(70% 85% at var(--bx,100%) var(--by,100%), color-mix(in srgb, var(--c) 34%, transparent), color-mix(in srgb, var(--c) 10%, transparent) 45%, transparent 72%);opacity:0;transition:opacity 1.6s;position:absolute;inset:0}[data-tone=light] .project__bloom{background:radial-gradient(70% 85% at var(--bx,100%) var(--by,100%), color-mix(in srgb, var(--c) 22%, transparent), color-mix(in srgb, var(--c) 6%, transparent) 45%, transparent 72%)}.shelf li[data-bloom] .project__bloom{opacity:1;transition-duration:1s}.art{aspect-ratio:16/10;border-radius:calc(var(--radius,14px) * .85);display:block;position:relative}.art__tilt{border-radius:inherit;background:color-mix(in srgb, var(--b-accent,#888) 9%, var(--b-ground,#111));box-shadow:0 1px 0 #ffffff0d, 0 28px 60px -24px #00000073, 0 0 0 1px color-mix(in srgb, var(--b-ink,#fff) 9%, transparent);transform-origin:50%;position:absolute;inset:0;overflow:hidden}.art__tilt:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff0d}.art__pic{transition:transform 1.3s var(--ease-glass);display:block;position:absolute;inset:0}.art__pic img,.art__pic video{object-fit:cover;object-position:50% 0%;width:100%;height:100%;display:block}.art--phones .art__pic img{border-radius:1.4rem;width:30%;height:auto;position:absolute;top:9%;box-shadow:0 18px 40px -12px #00000059}.art--phones .art__pic img:first-child{left:17%}.art--phones .art__pic img:nth-child(2){top:17%;left:53%}.art__frost{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(.85);backdrop-filter:blur(18px)saturate(.85);opacity:0;visibility:hidden;background:#ffffff0f;position:absolute;inset:0}.art__sweep{z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(100deg,#0000 10%,#fff6e61f 38%,#fffaf04d 50%,#fff6e61f 62%,#0000 90%);width:42%;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-110%)skew(-14deg)}.art__sheen{z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(104deg,#0000 22%,#ffffff17 42%,#ffffff47 50%,#ffffff17 58%,#0000 78%);width:36%;position:absolute;top:-20%;bottom:-20%;left:-18%;transform:translate(-100%)}@supports (animation-timeline:view()){@media (hover:none),(pointer:coarse){.art__sheen{opacity:.8;animation:linear both sheen-scroll;animation-timeline:view();animation-range:cover 15% cover 85%}}}@keyframes sheen-scroll{0%{transform:translate(-60%)}to{transform:translate(330%)}}.art--scene{z-index:-2;aspect-ratio:auto;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.art--scene .art__pic{background-position:50%;background-repeat:no-repeat;background-size:cover}.art--scene .art__sheen{display:none}.shelf li[data-art-kind=scene] .project:before{background:linear-gradient(90deg, var(--b-ground) 18%, color-mix(in srgb, var(--b-ground) 55%, transparent) 55%, transparent)}.shelf li[data-art-kind]:not([data-art-kind=scene]) .project>.art{order:9;margin-top:.6rem}@media (min-width:56rem){.shelf li[data-art-kind]:not([data-art-kind=scene]) .project{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:1.3rem clamp(2rem,5vw,5rem);min-height:0}.shelf li[data-art-kind]:not([data-art-kind=scene]) .project>.project__head{grid-area:1/1}.shelf li[data-art-kind]:not([data-art-kind=scene]) .project>.project__tagline{grid-area:2/1;align-self:start;max-width:16ch;font-size:clamp(2rem,1.1rem + 2.4vw,3.3rem)}.shelf li[data-art-kind]:not([data-art-kind=scene]) .project>.project__line{font-size:var(--step-0);grid-area:3/1;align-self:end}.shelf li[data-art-kind]:not([data-art-kind=scene]) .project>.project__meta{grid-area:4/1;align-self:start}.shelf li[data-art-kind]:not([data-art-kind=scene]) .project>.art{grid-area:1/2/-1;align-self:center;margin-top:0}.shelf li[data-art-kind]:not([data-art-kind=scene]) .project__index{left:calc(50% - 1rem);right:auto}}.work-page__hero{padding:0 var(--gutter) clamp(2.5rem, 6vw, 4.5rem);max-width:78rem;margin:0}.work-page__hero .art{border-radius:12px}.work-page[data-corners=square] .art,.shelf li[data-corners=square] .art{border-radius:0}.work-page__hero-caption{font-size:var(--step--1);color:var(--b-muted);margin:.8rem 0 0}.shot .art img,.shot--phone .art img,.shot--wide .art img{box-shadow:none;border:0;border-radius:0}.art--shot-phone{border-radius:2rem}.art--shot{border-radius:10px}.shot .art__tilt{box-shadow:0 30px 70px -30px #00000059, 0 0 0 1px color-mix(in srgb, var(--b-ink) 10%, transparent)}@supports (animation-timeline:view()){.work-page .art--shot img{animation:linear both shot-drift;animation-timeline:view();scale:1.08}}@keyframes shot-drift{0%{translate:0 -3.2%}to{translate:0 3.2%}}.project__status[data-status=live]{position:relative}.project__status[data-status=live]:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px color-mix(in srgb, var(--b-accent) 45%, transparent), 0 0 16px 1px color-mix(in srgb, var(--b-accent) 40%, transparent);opacity:0;animation:5.6s ease-in-out infinite breathe;position:absolute;inset:-3px}@keyframes breathe{0%,to{opacity:0}50%{opacity:.7}}.ln{clip-path:inset(-.35em -.3em -.24em);display:inline-block}.ln__i{display:inline-block}.motion-on [data-reveal] .ln__i{transition:transform 1s var(--ease-glass) calc(var(--d,0s) + var(--ln,0) * 90ms), opacity .65s ease calc(var(--d,0s) + var(--ln,0) * 90ms)}.motion-on [data-reveal]:not([data-in]) .ln__i{opacity:0;transform:translateY(135%)}.project__tagline,.work-page__tagline,.studio__line{--d:.12s}.project__line,.work-page__line,.studio__background{--d:.36s}.work-page__next-name{--d:.14s}.motion-on [data-reveal] :is(.project__head,.project__index,.project__meta,.work-page__back,.work-page__hero-caption,.studio h2,.studio__services li,.work-page__next-label,.work-page__next-line),.motion-on .shot[data-reveal] figcaption,.motion-on .work-page__phones[data-reveal] .shot{transition:transform .9s var(--ease-glass) var(--d2,0s), opacity .7s ease var(--d2,0s)}.motion-on [data-reveal]:not([data-in]) :is(.project__head,.project__index,.project__meta,.work-page__back,.work-page__hero-caption,.studio h2,.studio__services li,.work-page__next-label,.work-page__next-line),.motion-on .shot[data-reveal]:not([data-in]) figcaption,.motion-on .work-page__phones[data-reveal]:not([data-in]) .shot{opacity:0;transform:translateY(14px)}.project__meta,.work-page__hero-caption{--d2:.56s}.project__index{--d2:.3s}.studio__services li{--d2:calc(.52s + var(--i,0) * 80ms)}.work-page__phones .shot{--d2:calc(.12s + var(--i,0) * .11s)}.shot figcaption{--d2:.38s}.work-page__next-line{--d2:.42s}.motion-on [data-reveal]:not([data-in]) .art__frost{opacity:1;visibility:visible}.motion-on [data-reveal][data-in] .art__frost{transition:opacity 1.1s var(--ease-glass) .15s, visibility 0s linear 1.25s}.motion-on [data-reveal]:not([data-in]) .art__pic{transform:scale(1.05)}.motion-on [data-reveal][data-in]:not([data-arrived]) .art__sweep{animation:sweep 1.15s var(--ease-glass) .38s both}.motion-on .work-page__phones[data-reveal] .art__sweep{animation-delay:calc(.38s + var(--i,0) * .11s)}@keyframes sweep{0%{opacity:0;transform:translate(-110%)skew(-14deg)}20%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(300%)skew(-14deg)}}.motion-on [data-arrived] :is(.ln__i,.art__frost,.art__pic,.project__head,.project__meta,.project__index,.work-page__back){transition:none!important}::view-transition-group(vt-ground){animation-duration:.82s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-group(vt-art){animation-duration:.82s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-group(vt-title){animation-duration:.82s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-group(vt-mark){animation-duration:.82s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation:none}::view-transition-old(vt-ground){animation:none}::view-transition-new(root){animation:.42s both vt-in}::view-transition-new(vt-ground){animation:.2s both vt-in}::view-transition-old(vt-art){animation:.17s both vt-out}::view-transition-old(vt-title){animation:.17s both vt-out}::view-transition-old(vt-mark){animation:.17s both vt-out}::view-transition-new(vt-art){animation:.22s both vt-in}::view-transition-new(vt-title){animation:.22s both vt-in}::view-transition-new(vt-mark){animation:.22s both vt-in}::view-transition-old(vt-art){object-fit:cover;object-position:50% 0%;width:100%;height:100%}::view-transition-new(vt-art){object-fit:cover;object-position:50% 0%;width:100%;height:100%}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}main{transition:opacity .26s}main[data-leaving]{opacity:0;transition-duration:.18s}@media (prefers-reduced-motion:reduce){.sun__lit,.sun__leaves,.art__sheen,.art__sweep,.work-page .art--shot img,.project__status[data-status=live]:after{animation:none!important}.art__sheen,.art__sweep{display:none}.work-page .art--shot img{translate:none;scale:1}.project__bloom,main{transition:none}.project__status[data-status=live]:after{opacity:.35}}.film-debug{z-index:50;color:#e8f0e0;pointer-events:none;white-space:pre;background:#000000b3;border-radius:4px;margin:0;padding:6px 8px;font:11px/1.4 ui-monospace,monospace;position:fixed;bottom:8px;left:8px}.colophon__credit{font-size:var(--step--1);color:var(--muted);opacity:.8;margin-top:.4rem}
