@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Inter Fallback;src:local(Arial),local(Helvetica);size-adjust:107.12%;ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%}:root{color-scheme:light;--bg:#f6f6f2;--fg:#20221e;--muted:#63675f;--line:#d4d7cd;--accent:#d8f779;--pad:max(clamp(22px,4.2vw,84px),calc((100vw - 1600px) / 2));font-family:Inter,Inter Fallback,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:var(--bg);color:var(--fg);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h2{letter-spacing:-.065em;font-size:clamp(40px,5.5vw,88px);line-height:1.02}h3{letter-spacing:-.05em;font-size:clamp(25px,2.6vw,40px)}p{font-size:16px;line-height:1.6}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:7px;outline:2px solid}::selection{color:#171817;background:#d8f779}.studio{--bg:#171817;--fg:#f1f2e9;--muted:#a4a89f;--line:#393c36;color-scheme:dark}.skip{background:var(--accent);color:#171817;z-index:100;padding:12px;position:fixed;top:10px;left:20px;transform:translateY(-200%)}.skip:focus{transform:none}.site-header{padding:28px var(--pad);align-items:center;gap:46px;display:flex}.brand{letter-spacing:-.095em;font-size:43px;font-weight:650;line-height:1}.brand span{vertical-align:top;margin-left:5px;font-size:30px;font-weight:400;display:inline-block}.header-note{color:var(--muted);font-size:14px;line-height:1.35}.site-header nav{align-items:center;gap:35px;margin-left:auto;font-size:14px;display:flex}.site-header nav a{padding:9px 0}.site-header nav a:hover{color:var(--muted)}.site-header nav a span{color:var(--muted);margin-left:4px;font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.075em;font-size:12px;font-weight:500;line-height:1.5}.studio-hero{padding:70px var(--pad) 36px}.hero-kicker,.hero-bottom{justify-content:space-between;align-items:center;display:flex}.hero-kicker{color:var(--muted);margin-bottom:25px;font-size:13px}.studio-hero h1{letter-spacing:-.085em;font-size:clamp(94px,17.2vw,340px);font-weight:550;line-height:.78}.hero-star{vertical-align:top;color:var(--accent);margin-left:.25em;font-size:.62em;animation:1.5s ease-out both star-in;display:inline-block}.surname{letter-spacing:-.09em;margin-top:.11em;font-size:.85em;display:block}.hero-bottom{margin-top:45px}.hero-bottom p{font-size:15px;line-height:1.45}.hero-bottom{justify-content:flex-start;gap:clamp(24px,3vw,44px)}.hero-bottom p:nth-child(2){color:var(--muted);border-left:1px solid var(--line);padding-left:clamp(24px,3vw,44px)}.hero-bottom .hero-scroll{margin-left:auto}.circle-link,.round-arrow{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:25px;transition:transform .25s,background .25s;display:grid}.circle-link:hover{background:var(--accent);color:#171817;transform:translateY(4px)}.reel-section{padding:32px 0 70px;overflow:hidden}.reel-top{padding:0 var(--pad);color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.project-reel{perspective:1300px;transform:translateX(var(--reel-shift,0px)) rotate(-5deg);align-items:center;gap:20px;margin:65px -6vw 45px;display:flex}.reel-card{background:var(--card-color);color:#171817;border:1px solid #ffffff15;flex:0 0 29%;min-width:0;transition:transform .5s;transform:rotateY(-12deg)}.reel-card:nth-child(2){transform:translateY(-35px)rotateY(-5deg)}.reel-card:nth-child(3){transform:translateY(-30px)rotateY(7deg)}.reel-card:nth-child(4){transform:rotateY(15deg)}.reel-card:hover{transform:translateY(-50px)rotateY(0)}.reel-card img{aspect-ratio:1.45;object-fit:cover;object-position:top}.reel-card>span{justify-content:space-between;padding:15px 20px;font-size:16px;display:flex}.section{padding:95px var(--pad)}.section-heading{border-top:1px solid var(--line);grid-template-columns:1fr 2fr 1fr;align-items:start;gap:30px;margin-bottom:60px;padding-top:26px;display:grid}.section-heading>p{color:var(--muted);justify-self:end;font-size:14px}.work-grid{grid-template-columns:1fr 1fr;align-items:start;gap:75px 32px;display:grid}.work-card{scroll-margin-top:35px}.work-card:nth-child(2n){margin-top:100px}.work-image{background:var(--card-color);display:block;position:relative;overflow:hidden}.work-image img{aspect-ratio:1.45;object-fit:cover;object-position:top;transition:transform .65s cubic-bezier(.22,1,.36,1)}.work-image:hover img{transform:scale(1.045)}.round-arrow{background:var(--bg);color:var(--fg);border:0;position:absolute;bottom:22px;right:22px}.work-image:hover .round-arrow,.product-card:hover .round-arrow{transform:rotate(45deg)}.work-meta{justify-content:space-between;align-items:end;gap:20px;margin-top:22px;display:flex}.work-meta h3{margin-top:6px}.work-meta .eyebrow{color:var(--muted)}.tech{color:var(--muted);text-align:right;max-width:145px;font-size:12px;line-height:1.5}.work-description{color:var(--muted);max-width:440px;margin-top:14px;font-size:14px}.product-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.product-art{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:#222;transition:transform .25s ease-out;position:relative;overflow:hidden}.product-art img{aspect-ratio:1.8;object-fit:cover}.product-meta{margin-top:25px}.product-meta h3{margin-top:7px}.product-meta p{color:var(--muted);max-width:440px;margin:15px 0 24px}.text-link{border-bottom:1px solid var(--line);padding-bottom:7px;font-size:14px}.about{border-top:1px solid var(--line);margin:60px var(--pad) 0;grid-template-columns:1fr 3fr;gap:30px;padding-left:0;padding-right:0;display:grid}.about-body h2 span{color:var(--muted)}.about-copy{color:var(--muted);grid-template-columns:1fr 1fr;gap:40px;max-width:880px;margin:45px 0;display:grid}.skills{grid-template-columns:1fr 1fr;font-size:14px;display:grid}.skills span{border-top:1px solid var(--line);padding:18px 0}.footer{background:var(--accent);color:#20231a;--line:#a9bf64;margin-top:30px;padding-bottom:110px}.footer-top{justify-content:space-between;align-items:start;margin-bottom:60px;display:flex}.footer-top p{font-size:14px}.contact-title{letter-spacing:-.075em;font-size:clamp(60px,9vw,165px);font-weight:500;line-height:1;display:block;position:relative}.contact-title em{color:#5d6b2e;font-style:normal}.contact-title>span{transition:transform .3s;position:absolute;top:0;right:0}.contact-title:hover>span{transform:translate(8px,-8px)}.footer-bottom{border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:70px;padding-top:25px;font-size:13px;display:flex}.will-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.revealed{opacity:1;transform:translateY(0)}@keyframes star-in{0%{opacity:0;transform:rotate(-100deg)}to{opacity:1;transform:rotate(0)}}@media (width>=1800px){.studio-hero{padding-top:100px}.project-reel{margin-top:90px}}@media (width<=900px){.site-header{gap:25px}.header-note{display:none}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p{display:none}.about{grid-template-columns:1fr}.about>.eyebrow{margin-bottom:20px}.work-meta{display:block}.tech{text-align:left;max-width:none;margin-top:8px;display:block}.reel-card{flex-basis:37%}.section{padding-top:70px;padding-bottom:70px}.footer{padding-bottom:110px}}@media (width<=600px){.site-header{gap:15px;padding-top:22px}.site-header nav{gap:18px;font-size:12px}.site-header nav a span,.site-header nav a[href=\#about]{display:none}.brand{font-size:35px}.brand span{font-size:23px}.studio-hero{padding-top:52px}.hero-kicker{font-size:12px}.hero-kicker span:last-child{display:none}.studio-hero h1{font-size:21vw}.surname{font-size:.8em}.hero-bottom{gap:15px;margin-top:30px}.hero-bottom p{font-size:13px}.hero-bottom p:nth-child(2){display:none}.circle-link{width:45px;height:45px}.reel-top{font-size:12px}.reel-top>span:last-child{display:none}.project-reel{gap:12px;margin:45px -10vw 20px;transform:rotate(-5deg)}.reel-card{flex-basis:58%}.reel-card>span{padding:10px 13px;font-size:13px}.reel-section{padding-bottom:0}.section-heading{margin-bottom:35px;padding-top:20px;display:block}.section-heading h2{margin-top:30px}.work-grid,.product-grid{grid-template-columns:1fr;gap:40px}.work-card:nth-child(2n){margin-top:0}.work-meta{display:flex}.tech{text-align:right;max-width:115px}.work-description{margin-top:10px}.round-arrow{width:42px;height:42px;font-size:22px;bottom:15px;right:15px}.about{margin-top:20px}.about-copy{grid-template-columns:1fr;gap:22px;margin:30px 0}.skills{column-gap:20px;font-size:13px}.footer-top{gap:30px;margin-bottom:40px}.footer-top p{font-size:12px}.contact-title{font-size:13vw}.footer-bottom{flex-wrap:wrap;gap:20px;margin-top:40px;font-size:12px}.footer-bottom span{order:3;width:100%}.footer-bottom>a:last-child{margin-left:auto}.will-reveal{transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.will-reveal{opacity:1;transform:none}.product-art{transform:none}}.editorial{--bg:#f7f7f2;--fg:#292c25;--muted:#696f62;--line:#d4d8cb;--accent:#e2e6d7}.editorial .site-header{border-bottom:1px solid var(--line);margin:0 var(--pad);padding-left:0;padding-right:0}.editorial-hero{padding:80px var(--pad) 0}.editorial-heading h1{letter-spacing:-.073em;margin:25px 0 42px;font-size:clamp(56px,7.7vw,140px);line-height:1.01}.editorial-heading h1 em{letter-spacing:-.07em;font-family:Georgia,Times New Roman,serif;font-weight:400}.editorial-intro{justify-content:space-between;align-items:start;gap:40px;margin-bottom:55px;display:flex}.editorial-signature{letter-spacing:-.025em;font-size:17px}.editorial-intro>p{max-width:410px;color:var(--muted);font-size:15px}.editorial-cover{background:#fca6a1;height:clamp(340px,43vw,750px);display:block;position:relative;overflow:hidden}.editorial-cover img{object-fit:cover;object-position:50% 22%;height:100%;transition:transform 1s}.editorial-cover:hover img{transform:scale(1.025)}.cover-caption{background:var(--bg);justify-content:space-between;padding:18px 22px;font-size:14px;display:flex;position:absolute;bottom:25px;left:25px;right:25px}.editorial-section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:0 0 35px;display:flex}.editorial-section-title h2{font-size:clamp(34px,4vw,64px)}.editorial-project{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.6fr;gap:9vw;padding:60px 0;display:grid}.editorial-project-label{flex-direction:column;align-items:start;padding-top:10px;display:flex}.editorial-project-label h3{margin:35px 0 20px;font-size:clamp(32px,3.5vw,56px)}.editorial-project-label p{max-width:320px;color:var(--muted);margin-bottom:30px}.editorial-project-label>.eyebrow:nth-last-child(2){margin-top:auto}.editorial-project-label .tech{text-align:left;max-width:100%;margin-top:10px}.editorial-project .work-image img{aspect-ratio:1.5}.editorial .product-art{border:1px solid var(--line)}.editorial .about h2,.editorial .contact-title{font-weight:400}.editorial .about h2 span{font-family:Georgia,serif;font-style:italic}.editorial .footer{color:#f0f2e8;--line:#53604e;background:#283127}.editorial .section-heading h2{font-size:clamp(38px,5vw,76px)}.play{--bg:#f6f6f2;--fg:#252921;--muted:#606858;--line:#d4d9cb;--accent:#c7f267}.play .brand{background:var(--fg);color:var(--accent);border-radius:10px;padding:9px 14px 13px}.play .site-header{padding-top:25px}.play-hero{padding:65px var(--pad) 95px;grid-template-columns:1.15fr 1fr;align-items:center;gap:6vw;min-height:720px;display:grid}.play-headline h1{letter-spacing:-.075em;margin:28px 0;font-size:clamp(65px,7.4vw,140px);line-height:.98}.play-headline h1 em{white-space:nowrap;font-family:Georgia,serif;font-weight:400}.play-headline>p{color:var(--muted);margin:30px 0;font-size:17px}.play-cta{background:var(--fg);color:#f6f8ef;border-radius:4px;justify-content:space-between;align-items:center;gap:28px;padding:16px 20px;font-size:14px;transition:transform .25s;display:inline-flex}.play-cta:hover{transform:translateY(-3px)}.play-stack{gap:20px;padding:15px 10px;display:grid;position:relative}.play-product{min-height:250px;transform:rotate(-6deg) perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border:1px solid #2224;border-radius:12px;flex-direction:column;padding:30px;transition:transform .4s;display:flex;box-shadow:0 16px 25px #18220913}.play-product>.eyebrow{justify-content:space-between;display:flex}.play-product h2{justify-content:space-between;align-items:center;gap:20px;margin:22px 0 12px;font-size:clamp(38px,4.7vw,76px);display:flex}.play-product h2>span{font-size:.9em}.play-product p{font-size:15px}.play-product.pattern{color:#183422;z-index:2;background:#bceba5}.play-product.vault{color:#d6f28c;transform:rotate(5deg) perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:#282c25;margin-top:-18px;margin-left:30px}.product-domain{margin-top:25px;font-size:12px}.play-strip{padding:27px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:-.03em;justify-content:space-around;align-items:center;gap:25px;font-size:clamp(16px,1.6vw,26px);display:flex}.play-strip>span:nth-child(2n){font-size:34px}.play-section-heading{grid-template-columns:1fr 2fr 1fr;gap:35px;margin-bottom:55px;display:grid}.play-section-heading h2{font-size:clamp(48px,6vw,94px)}.play-section-heading h2 em{font-family:Georgia,serif;font-weight:400}.play-section-heading p{color:var(--muted);font-size:14px}.play-product-row{border-top:1px solid var(--line);grid-template-columns:1fr 1.55fr;align-items:center;gap:7vw;padding:50px 0;display:grid}.play-product-row h3{margin:20px 0;font-size:clamp(32px,3.5vw,55px)}.play-product-row p{color:var(--muted);max-width:350px;margin-bottom:25px}.play-product-row .product-art{border-radius:12px}.play-work{background:#e9ede2}.play-work-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.play-work-card{background:var(--bg);border:1px solid #cbd1c2;border-radius:8px;overflow:hidden}.play-work-card .work-image img{aspect-ratio:1.15}.play-work-meta{padding:22px}.play-work-meta h3{margin:12px 0;font-size:29px}.play-work-meta p{color:var(--muted);margin-bottom:20px;font-size:14px}.play-work-meta .eyebrow{letter-spacing:.045em;font-size:11px}.play-work-meta .tech{text-align:left;max-width:none;font-size:12px;display:block}.play .about{margin-top:0}.play .footer{border-radius:24px 24px 0 0}@media (width<=1000px){.play-hero{gap:4vw;min-height:600px}.play-product{min-height:220px;padding:23px}.play-product.vault{margin-left:8px}.play-work-grid{grid-template-columns:1fr 1fr}.editorial-section-title>.eyebrow:last-child{display:none}.play-section-heading{grid-template-columns:1fr 2fr}.play-section-heading>p{display:none}.editorial-project{gap:6vw}}@media (width<=600px){.editorial-hero{padding-top:50px}.editorial-heading h1{margin-top:25px;margin-bottom:28px;font-size:12vw}.editorial-intro{margin-bottom:32px;display:block}.editorial-signature{font-size:14px}.editorial-intro p{margin-top:20px;font-size:14px}.editorial-cover{height:330px}.cover-caption{gap:12px;padding:13px;font-size:12px;bottom:12px;left:12px;right:12px}.cover-caption>span:last-child{text-align:right;max-width:130px}.editorial-section-title{display:block}.editorial-section-title h2{margin-top:22px}.editorial-project{grid-template-columns:1fr;gap:25px;padding:35px 0}.editorial-project-label h3{margin:16px 0}.editorial-project-label p{margin-bottom:15px}.editorial-project-label .tech{font-size:12px}.editorial .products{padding-top:25px}.play .brand{padding:6px 10px 10px}.play .site-header nav{gap:14px}.play-hero{grid-template-columns:1fr;gap:45px;padding-top:40px;padding-bottom:60px}.play-headline h1{font-size:16vw}.play-headline>p{margin:25px 0;font-size:16px}.play-stack{margin:0 10px}.play-product{min-height:220px}.play-product h2{font-size:48px}.play-product.vault{margin-left:10px}.play-strip{flex-wrap:wrap;gap:12px;padding-top:20px;padding-bottom:20px;font-size:14px}.play-strip>span:nth-child(2n){font-size:20px}.play-strip>span:last-child,.play-strip>span:nth-child(4){display:none}.play-section-heading{margin-bottom:35px;display:block}.play-section-heading h2{margin-top:24px}.play-product-row{grid-template-columns:1fr;gap:30px;padding:35px 0}.play-product-row h3{margin:16px 0;font-size:35px}.play-work-grid{grid-template-columns:1fr}.play-work-card .work-image img{aspect-ratio:1.45}.play .about{margin-top:0}.play-work-meta .eyebrow{font-size:12px}.play .footer{border-radius:15px 15px 0 0}}@media (hover:hover){.play-work-card:hover .work-image img{transform:scale(1.04)}.play-work-card:hover .round-arrow{transform:rotate(45deg)}}.studio .brand{font-size:38px}.studio .brand span{color:var(--accent);vertical-align:top;margin-top:1px;margin-left:2px;font-size:19px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.studio .brand:hover span{transform:rotate(90deg)}@media (width<=600px){.studio .brand{font-size:31px}.studio .brand span{font-size:15px}}.about-copy a,.footer-top a{text-underline-offset:4px;text-decoration:underline}.footer-top{flex-wrap:wrap;gap:24px}html[data-color-mode=dark] .studio{--bg:#171817;--fg:#f1f2e9;--muted:#a4a89f;--line:#393c36;--accent-ink:#d8f779;--focus:#d8f779;color-scheme:dark}html[data-color-mode=light] .studio{--bg:#f7f8f4;--fg:#20251d;--muted:#606959;--line:#d5dbce;--accent-ink:#476317;--focus:#476317;color-scheme:light}.studio{--accent-ink:#d8f779;--focus:#d8f779;--on-accent:#20231a}@media (prefers-color-scheme:light){html:not([data-color-mode]) .studio{--bg:#f7f8f4;--fg:#20251d;--muted:#606959;--line:#d5dbce;--accent-ink:#476317;--focus:#476317;color-scheme:light}}.studio .arc-card__arrow,.studio .arc-hint>span,.studio .story-visit>span,.studio .story-index button[aria-pressed=true]{color:var(--accent-ink)}.studio .story-index button[aria-pressed=true]{border-bottom-color:var(--accent-ink)}.studio .arc-card:focus-visible .arc-card__surface,.studio .arc-viewport:focus-visible{outline-color:var(--focus)}.studio .arc-controls button:hover,.studio .story-controls button:hover{color:var(--on-accent)}html[data-color-mode=light] .studio :is(.hero-star,.brand span){color:#80a92d}@media (prefers-color-scheme:light){html:not([data-color-mode]) .studio :is(.hero-star,.brand span){color:#80a92d}}.theme-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;flex:0 0 44px;place-items:center;padding:0;transition:background .2s,color .2s,border-color .2s;display:grid;position:relative}.theme-toggle[hidden]{display:none!important}.theme-toggle:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.theme-icon{width:21px;height:21px;transition:opacity .25s,transform .45s cubic-bezier(.2,.8,.2,1);position:absolute}.theme-icon--sun{opacity:0;transform:rotate(-80deg)scale(.5)}.theme-icon--moon,html[data-color-mode=light] .theme-icon--sun{opacity:1;transform:rotate(0)scale(1)}html[data-color-mode=light] .theme-icon--moon{opacity:0;transform:rotate(70deg)scale(.5)}.studio .site-header{flex-wrap:wrap;column-gap:28px}@media (width<=600px){.studio .site-header,.studio .site-header nav{gap:12px}.theme-toggle{flex-basis:40px;width:40px;height:40px}}@media (width<=380px){.studio .site-header nav{flex-basis:100%;order:3;justify-content:space-between;margin-left:0}.studio .theme-toggle{margin-left:auto}}.studio .story-index button span{opacity:1}.site-header nav a{position:relative}.site-header nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .35s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.arc-controls button,.story-controls button{transition:scale .18s,background .2s,color .2s;scale:1}.arc-controls button:active,.story-controls button:active{scale:.9}.contact-title>span{translate:var(--contact-x,0px) var(--contact-y,0px);transition:translate .35s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.contact-title>span{translate:none}.arc-controls button:active,.story-controls button:active{scale:1}}.menu-button,.menu-close{border:1px solid var(--line);width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:none}.menu-button span,.menu-close span{background:currentColor;border-radius:2px;width:16px;height:1.5px;display:block}.menu-button{grid-auto-rows:5px;align-content:center}.menu-close{display:grid}.menu-close span{position:absolute;transform:rotate(45deg)}.menu-close span:last-child{transform:rotate(-45deg)}.menu-close{position:relative}.mobile-menu{width:100%;max-width:none;height:100%;max-height:none;padding:22px var(--pad) 40px;background:var(--bg);color:var(--fg);border:0;flex-direction:column;margin:0;display:none;position:fixed;inset:0}.mobile-menu[open]{display:flex}.mobile-menu::backdrop{background:0 0}.mobile-menu-top{justify-content:space-between;align-items:center;display:flex}.mobile-menu-top .brand{font-size:31px}.mobile-menu-top .brand span{color:var(--accent-ink);vertical-align:top;margin-left:2px;font-size:15px}.site-header .mobile-nav{width:100%;font-size:inherit;border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;margin:44px 0 0;display:flex}.site-header .mobile-nav a,.site-header .mobile-nav a[href$=\#about]{display:flex}.site-header .mobile-nav a:after{display:none}.site-header .mobile-nav a:hover{color:var(--fg)}.site-header .mobile-nav a{border-bottom:1px solid var(--line);letter-spacing:-.045em;justify-content:space-between;align-items:baseline;width:100%;padding:20px 0;font-size:clamp(28px,8vw,38px);line-height:1.1}.site-header .mobile-nav a span{color:var(--muted);letter-spacing:.04em;margin:0;font-size:13px;display:inline}.mobile-nav a:focus-visible{outline-offset:-4px}.mobile-menu-foot{color:var(--muted);margin-top:auto;font-size:14px;line-height:1.5}@media (prefers-reduced-motion:no-preference){.mobile-menu[open]{animation:.28s cubic-bezier(.22,1,.36,1) menu-in}.mobile-menu[open] .mobile-nav a{animation:.45s cubic-bezier(.22,1,.36,1) both menu-link}.mobile-nav a:nth-child(2){animation-delay:40ms}.mobile-nav a:nth-child(3){animation-delay:80ms}.mobile-nav a:nth-child(4){animation-delay:.12s}.mobile-nav a:nth-child(5){animation-delay:.16s}}@keyframes menu-in{0%{opacity:0}to{opacity:1}}@keyframes menu-link{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=700px){.site-header>nav{display:none}.menu-button{margin-left:auto;display:grid}.site-header .theme-toggle{margin-left:auto}.site-header .theme-toggle+.menu-button{margin-left:0}}.notes-heading{border-top:1px solid var(--line);grid-template-columns:1fr 2fr 1fr;align-items:start;gap:30px;margin-bottom:44px;padding-top:28px;display:grid}.notes-heading h2{letter-spacing:-.055em;font-size:clamp(38px,4.6vw,72px);line-height:1.06}.notes-heading>p{color:var(--muted);font-size:16px;line-height:1.6}.note-row{border-top:1px solid var(--line);grid-template-columns:90px 1fr 45px;align-items:center;gap:32px;padding:34px 0;display:grid}.note-row:last-child{border-bottom:1px solid var(--line)}.note-mark{text-align:center;font-size:58px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.note-mark--coral{color:#ff7867}.note-mark--cyan{color:#31d8ef}.note-mark--violet{color:#ad87ff}.note-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;display:flex}.note-meta>span{border:1px solid var(--line);border-radius:20px;padding:3px 9px;font-size:12px}.note-row :is(h2,h3){letter-spacing:-.04em;max-width:800px;margin:14px 0 10px;font-size:clamp(24px,2.8vw,40px);line-height:1.16}.note-row p{color:var(--muted);max-width:760px;font-size:16px;line-height:1.6}.note-arrow{color:var(--accent-ink);font-size:30px;transition:transform .3s}.note-page{max-width:1160px;margin:0 auto;padding-top:55px}.notes-back{color:var(--muted);padding:12px 0;font-size:14px;display:inline-block}.note-header{border-bottom:1px solid var(--line);padding:44px 0 48px}.note-header h1{letter-spacing:-.055em;overflow-wrap:break-word;max-width:1000px;margin:24px 0;font-size:clamp(38px,5.5vw,78px);font-weight:450;line-height:1.08}.note-header>p{color:var(--muted);max-width:780px;font-size:clamp(18px,2vw,23px);line-height:1.6}.note-byline{color:var(--muted);margin-top:26px;font-size:14px;display:block}.note-prose{max-width:700px;margin:48px auto 60px}.note-prose section+section{margin-top:42px}.note-prose h2{letter-spacing:-.035em;margin-bottom:20px;font-size:clamp(26px,3vw,35px);line-height:1.2}.note-prose p{margin-bottom:20px;font-size:18px;line-height:1.8}.note-link{color:var(--accent-ink);margin-top:24px;display:inline-block}@media (width<=850px){.notes-heading{grid-template-columns:1fr 1fr}.notes-heading>.eyebrow{grid-column:1/-1}.note-row{grid-template-columns:55px 1fr 25px;gap:20px}.note-mark{font-size:42px}.studio .site-header nav{flex-wrap:wrap}}@media (width<=600px){.notes-heading{grid-template-columns:1fr;gap:20px}.notes-heading>p br{display:none}.note-row{grid-template-columns:1fr 25px;gap:12px;padding:28px 0}.note-mark{display:none}.note-page{padding-top:25px}.note-header{padding:30px 0}.note-prose{margin-top:32px}.note-prose p{font-size:17px}.note-row :is(h2,h3){font-size:25px}}.note-row-motion{grid-column:1/-1;grid-template-columns:inherit;gap:inherit;min-width:0;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));align-items:center;transition:transform .6s cubic-bezier(.22,1,.36,1);display:grid}.note-row-motion>div{min-width:0}.note-arrow{justify-self:center}@media (hover:hover) and (pointer:fine){.note-row:hover .note-row-motion{transition-duration:.25s}}@media (prefers-reduced-motion:reduce){.note-row-motion{transition:none;transform:none}}.notes-intro{padding-bottom:30px}.notes-intro h1{letter-spacing:-.06em;margin:30px 0;font-size:clamp(46px,7vw,112px);line-height:1.04}.notes-intro h1 span{color:var(--muted)}.notes-intro>p{max-width:600px;color:var(--muted);font-size:clamp(17px,2vw,21px)}.notes-landing .notes{padding-top:20px}.note-related{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.6}.note-related a{text-underline-offset:3px;text-decoration:underline}.note-inline-link{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.notes,.hero-note,.lost{--squiggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6'%3E%3Cpath d='M0 3 Q4 0 8 3 T16 3' fill='none' stroke='%23d8f779' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}html[data-color-mode=light] :is(.notes,.hero-note,.lost){--squiggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6'%3E%3Cpath d='M0 3 Q4 0 8 3 T16 3' fill='none' stroke='%23476317' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}@media (prefers-color-scheme:light){html:not([data-color-mode]) :is(.notes,.hero-note,.lost){--squiggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6'%3E%3Cpath d='M0 3 Q4 0 8 3 T16 3' fill='none' stroke='%23476317' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}}.note-title-text,.note-link{background-image:var(--squiggle);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 calc(100% + .2em);background-repeat:repeat-x;background-size:16px .18em;padding-bottom:.1em;transition:background-position-y .4s cubic-bezier(.22,1,.36,1)}:is(.note-row,.hero-note):is(:hover,:focus-visible) .note-title-text,.note-link:is(:hover,:focus-visible){background-position-y:100%;animation:1s linear infinite note-squiggle}@keyframes note-squiggle{to{background-position-x:16px}}@media (prefers-reduced-motion:reduce){.note-title-text,.note-link{transition:none}:is(.note-row,.hero-note):is(:hover,:focus-visible) .note-title-text,.note-link:is(:hover,:focus-visible){animation:none}}