@font-face{font-family:Satoshi;src:url("/_rebuild/assets/fonts/Satoshi-Variable.woff2") format('woff2');font-weight:300 900;font-display:swap}
@font-face{font-family:BigShoulders;src:url("/_rebuild/assets/fonts/BigShoulders-Bold.ttf") format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--paper:#f7f7f2;--ink:#151916;--muted:#4d534e;--line:#c9cdc5;--accent:#26c797;--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#aeead0;color:#14221a}.skip{position:fixed;top:12px;left:12px;transform:translateY(-200%);z-index:20;padding:12px 18px;background:var(--ink);color:var(--paper)}.skip:focus{transform:none}
.opening{position:relative;isolation:isolate}.site-header{height:110px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{font-size:29px;font-weight:650;letter-spacing:-1.4px;display:inline-flex;align-items:center;gap:19px}.brand-dot{display:none}.site-header nav{display:flex;align-items:center;gap:clamp(24px,3.6vw,60px);font-size:14px;font-weight:550}.site-header nav a{min-height:44px;display:inline-flex;align-items:center;gap:14px}.nav-contact{border-bottom:1px solid currentColor}
.hero{position:relative;z-index:1;min-height:calc(100svh - 110px);padding:clamp(42px,7.7vh,96px) var(--gutter) 30px;display:flex;flex-direction:column;align-items:flex-start}.category{font-size:11px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;margin:0 0 27px;display:flex;align-items:center;gap:12px}.category span{height:5px;width:5px;background:currentColor;border-radius:50%}.hero h1{font-family:BigShoulders,Impact,'Arial Narrow',sans-serif;font-size:clamp(72px,10.7vw,180px);font-weight:700;letter-spacing:-.035em;line-height:.97;margin:0;max-width:100%}.hero h1 span{display:block}.hero-intro{margin-top:36px;margin-left:2px;max-width:500px}.hero-intro p{font-size:clamp(16px,1.2vw,19px);line-height:1.55;color:var(--muted);margin:0 0 25px;max-width:460px}.primary-link{display:inline-flex;align-items:center;gap:40px;font-size:14px;font-weight:600;border-bottom:1px solid var(--ink);padding:0 0 13px}.primary-link span{transition:transform .25s ease}.primary-link:hover span{transform:translate(3px,-3px)}
.particle-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--paper)}.particle-backdrop:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#8a948b 0.6px,transparent .8px);background-size:17px 17px;opacity:.34}.particle-backdrop[data-ready=true]:before{opacity:0}canvas{display:block;width:100%;height:100%;opacity:0}.particle-backdrop canvas{position:absolute;inset:0}[data-ready=true]>canvas{opacity:1}
.work-section{position:relative;padding:115px var(--gutter) 110px;display:grid;grid-template-columns:1fr 1.14fr;gap:clamp(40px,10vw,160px);border-top:1px solid var(--line)}.work-intro{padding-top:25px;max-width:420px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin:0 0 35px}.work-intro h2{font-size:clamp(38px,4.2vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:0 0 30px}.work-intro>p:last-child{font-size:17px;line-height:1.6;color:var(--muted);max-width:330px}.case-link{display:block}.case-image{margin:0;position:relative;aspect-ratio:1.04;overflow:hidden;background:#e0e0d9}.case-image img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;display:block}.case-image canvas{position:absolute;inset:0;pointer-events:none}.case-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.case-caption h3{font-size:19px;font-weight:550;margin:0 0 6px}.case-caption p{font-size:13px;color:var(--muted);margin:0}.case-arrow{font-size:25px;transition:transform .3s}.case-link:hover .case-arrow{transform:translate(3px,-3px)}.site-footer{position:relative;border-top:1px solid var(--line);padding:40px var(--gutter) 100px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px}.site-footer>span{font-size:11px;color:var(--muted)}
.preview-controls{position:fixed;bottom:18px;right:var(--gutter);z-index:10;display:flex;align-items:center;gap:8px;padding:5px;border:1px solid #c9cdc5;border-radius:6px;background:#f7f7f2;color:#26332c;box-shadow:0 3px 15px #1620190a;font-size:11px}.preview-controls nav{display:flex;gap:2px}.preview-controls a,.motion-toggle{padding:9px 12px;display:inline-flex;align-items:center;min-height:34px;border:0;border-radius:3px;background:transparent;color:inherit}.preview-controls [aria-current=page]{background:#202b25;color:#fff}.motion-toggle{border-left:1px solid #c9cdc5;border-radius:0;cursor:pointer}.motion-toggle[hidden]{display:none}
.silver{--paper:#240307;--ink:#f8d8d4;--muted:#dbb8b8;--line:#623739;--accent:#f8d8d4;color-scheme:dark;background:var(--paper)}.silver-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#280206;pointer-events:none}.silver-backdrop>img{width:100%;height:100%;object-fit:cover;display:block}.silver-backdrop>canvas{position:absolute;inset:0}.silver .brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.6px;font-size:31px}.silver .brand-dot{display:none}.silver .hero{align-items:center;text-align:center;padding-top:36px;min-height:calc(100svh - 110px);padding-bottom:30px}.silver .hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;font-size:clamp(60px,7.3vw,116px);line-height:.98}.silver .category{margin-bottom:27px;font-size:10px;letter-spacing:.24em}.silver .category span{display:none}.silver .hero-intro{margin:23px 0 0;max-width:460px}.silver .hero-intro p{font-size:15px;line-height:1.5;margin-bottom:22px}.silver .primary-link{padding:13px 20px;gap:35px;background:#f8d8d4;color:#33070d;border:0;font-size:12px}.silver .work-section{background:var(--paper)}
@media(min-width:1600px){.hero{padding-top:8vh}.hero-intro{margin-top:42px}.silver .hero{padding-top:4vh}}
@media(max-height:760px) and (min-width:761px){.site-header{height:90px}.hero{min-height:calc(100svh - 90px);padding-top:28px}.hero h1{font-size:min(9.5vw,125px)}.category{margin-bottom:20px}.hero-intro{margin-top:24px}.hero-intro p{font-size:16px}.silver .hero{min-height:calc(100svh - 90px);padding-top:15px}.silver .hero h1{font-size:min(6.8vw,95px)}.silver .hero-intro p{font-size:14px}}
@media(max-width:760px){.site-header{height:88px}.brand{font-size:26px}.brand-dot{margin-left:-8px;width:6px;height:6px}.site-header nav{gap:22px;font-size:12px}.site-header nav a:nth-child(2){display:none}.site-header nav a{min-height:40px}.hero{padding-top:clamp(56px,10vh,88px);min-height:calc(94svh - 88px);padding-bottom:27px}.category{font-size:9px;letter-spacing:.11em;margin-bottom:28px}.hero h1{font-size:clamp(64px,14.9vw,112px);letter-spacing:-.035em;line-height:1}.hero-intro{margin-top:32px;max-width:420px}.hero-intro p{font-size:16px;line-height:1.6;max-width:360px}.primary-link{font-size:13px;gap:33px}.work-section{padding-top:62px;padding-bottom:62px;grid-template-columns:1fr;gap:32px}.work-intro{padding:0}.section-label{margin-bottom:24px}.work-intro h2{font-size:44px}.work-intro>p:last-child{font-size:15px;max-width:380px}.case-image{aspect-ratio:.95}.site-footer{flex-direction:column;align-items:flex-start;padding-top:30px;gap:22px;padding-bottom:110px}.preview-controls{bottom:14px;right:16px}.preview-controls a,.motion-toggle{min-height:35px;padding:9px 12px}.silver .site-header{height:88px}.silver .hero{padding-top:56px;min-height:calc(100svh - 88px)}.silver .hero h1{font-size:clamp(43px,9.8vw,73px);letter-spacing:-.065em;line-height:1.1}.silver .category{font-size:8px;letter-spacing:.16em;margin-bottom:25px}.silver .hero-intro{margin-top:24px;max-width:340px}.silver .hero-intro p{font-size:14px}.silver-backdrop>img{object-position:60% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.silver-backdrop{top:-110px}
@media(max-width:760px){.silver-backdrop{top:-88px}}
@media(max-height:760px) and (min-width:761px){.silver-backdrop{top:-90px}}