@font-face{font-family:Body;src:url('fonts/body.woff') format('woff');font-display:swap}
@font-face{font-family:Display;src:url('fonts/display.woff') format('woff');font-weight:700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Body,Arial,sans-serif;line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{color:inherit}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.04}p+p{margin-top:1em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent,#e6f442);outline-offset:6px}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.18em;text-transform:uppercase}.muted{opacity:.65}.section{padding-block:110px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-head p{max-width:340px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 25px;border:1px solid currentColor;background:transparent;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.07em;min-height:52px;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-3px)}.btn.fill{background:var(--accent);border-color:var(--accent);color:var(--ink,#111)}.btn.round{border-radius:40px}.arrow{font-size:22px;line-height:1}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(16px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:bold;letter-spacing:-.05em;font-size:25px;line-height:1}.nav-links{display:flex;align-items:center;gap:32px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.nav-links>a:hover{text-decoration:underline;text-underline-offset:7px}.menu-button{display:none;border:1px solid var(--line);background:transparent;padding:9px 14px;font-size:12px}.site-footer{border-top:1px solid var(--line);padding:40px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner p{font-size:11px;opacity:.65}.skip{position:fixed;z-index:100;left:20px;top:-100px;background:var(--accent);color:var(--ink);padding:12px}.skip:focus{top:10px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 36px}.filter{border:1px solid var(--line);background:transparent;padding:10px 18px;font-size:11px}.filter[aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}dialog{border:1px solid var(--line);background:var(--paper,#111);color:inherit;padding:0;max-width:min(1100px,calc(100% - 32px));width:100%;max-height:90svh;overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.dialog-close{position:sticky;z-index:5;top:16px;float:right;margin:16px;border:1px solid #ffffff60;background:#151515;color:white;border-radius:50%;height:42px;width:42px;font-size:24px;line-height:1}.lightbox-body{padding:20px 28px 32px;clear:both}.lightbox-body img{max-height:68svh;object-fit:contain;width:100%;margin:auto}.lightbox-body h3{font-size:24px;margin-top:24px}.lightbox-body p{font-size:13px;margin-top:10px;max-width:700px}.empty-state{padding:30px;border:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:70;background:var(--accent);color:var(--ink);padding:12px 24px;font-size:12px;border:1px solid currentColor;text-align:center;max-width:90vw}.rule{height:1px;background:var(--line)}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.section{padding-block:75px}.nav-links{gap:18px}.section-head{align-items:start}.footer-inner{align-items:start}.brand{font-size:22px}}
@media(max-width:650px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 36px)}.nav{height:70px}.menu-button{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;width:100%;padding:24px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:23px}.nav-links.is-open{display:flex}.section{padding-block:60px}.section-head{display:block}.section-head p{margin-top:22px}.footer-inner{flex-direction:column;gap:25px}.btn{padding:14px 20px}.lightbox-body{padding:15px 18px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

:root{--ink:#172020;--paper:#f0f0e9;--accent:#2d51ff;--line:#1720202b;--header:#f0f0e9ef}body{background:var(--paper);color:var(--ink)}.brand{font-size:21px;letter-spacing:-.06em}.gg-mark{font-family:Display,Impact,sans-serif;background:#182222;color:#f0f0e9;width:37px;height:37px;display:grid;place-items:center;font-size:22px;letter-spacing:-.07em;transform:rotate(-5deg)}.nav .btn{min-height:42px;padding:10px 17px;font-size:10px}.btn.fill{color:#fff}h1,h2,h3{font-family:Display,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em}h2{font-size:clamp(66px,8vw,112px)}.studio-hero{padding:65px 0 80px;position:relative}.hero-super{display:flex;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:22px}.hero-super .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2d51ff;margin-right:10px}.studio-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;margin-top:45px;align-items:center}.studio-hero h1{font-size:clamp(90px,11.5vw,167px);line-height:.84;letter-spacing:-.035em;margin:20px 0 35px}.studio-hero h1 em{font-style:normal;color:var(--accent)}.hero-desc{max-width:350px;font-size:13px;color:#59605a;line-height:1.9}.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-btns .btn{font-size:10px}.studio-collage{position:relative;padding:10px 35px 45px 0}.studio-collage .hero-main-photo{width:100%;height:460px;object-fit:cover;object-position:52% center;box-shadow:14px 14px 0 #d3d8cb}.studio-collage .inset-photo{position:absolute;right:0;bottom:0;width:48%;height:190px;object-fit:cover;object-position:center;border:9px solid #f0f0e9;box-shadow:4px 6px 10px #17202012;transform:rotate(7deg)}.collage-label{position:absolute;left:18px;top:28px;background:#f0f0e9;color:#182222;padding:8px 12px;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.world-stamp{position:absolute;left:-35px;bottom:55px;background:var(--accent);color:white;width:102px;height:102px;border-radius:50%;display:grid;place-items:center;font-size:11px;text-align:center;font-weight:bold;letter-spacing:.03em;transform:rotate(-15deg);line-height:1.4}.studio-strip{background:#182222;color:#edf0dc;overflow:hidden;padding:22px 0}.studio-strip .wrap{display:flex;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.studio-strip .plus{color:#c8ed63}.work-head{display:flex;justify-content:space-between;align-items:end}.work-head h2{margin-top:15px}.work-head p{max-width:340px;font-size:13px;color:#66705e}.filters .filter[aria-pressed=true]{color:white}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}.project-card{padding:0;border:0;background:transparent;text-align:left;display:block;width:100%}.project-card .project-image{position:relative;overflow:hidden;background:#dfe1d5}.project-card img{width:100%;aspect-ratio:1.45;object-fit:cover;transition:transform .5s;object-position:center}.project-card:hover img{transform:scale(1.04)}.project-card .project-image.cocoa img{object-position:50% 25%}.project-tag{position:absolute;left:17px;top:17px;background:#f0f0e9;color:#182222;padding:6px 10px;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.project-card .project-arrow{position:absolute;bottom:17px;right:17px;background:#f0f0e9;color:#172020;width:40px;height:40px;display:grid;place-items:center;font-size:24px;transition:background .2s}.project-card:hover .project-arrow{background:var(--accent);color:#fff}.project-info{display:flex;justify-content:space-between;gap:20px;margin-top:20px;align-items:center}.project-info h3{font-size:40px;line-height:.95}.project-info p{font-size:9px;letter-spacing:.04em;text-align:right;color:#67705f;max-width:200px}.studio-about{background:#172020;color:#f2f2e9}.studio-about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px}.studio-about h2{font-size:clamp(72px,8vw,118px);line-height:.9;margin-top:22px}.studio-about h2 span{color:#c5ed5d}.studio-about .intro-copy{font-size:22px;line-height:1.5;letter-spacing:-.025em;max-width:510px;margin:28px 0}.studio-about .body-copy{font-size:13px;color:#b3bdb4;max-width:440px;line-height:1.9}.studio-values{border-top:1px solid #ffffff30;margin-top:35px}.studio-values>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #ffffff30;font-size:11px}.studio-values span{color:#c5ed5d;font-family:monospace}.craft-tabs{display:flex;border-bottom:1px solid var(--line);gap:35px;margin-top:38px}.craft-tabs button{border:0;background:transparent;border-bottom:3px solid transparent;padding:15px 0;font-size:11px}.craft-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}.craft-panel{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;padding:45px 0 0;align-items:center}.craft-panel h3{font-size:55px;line-height:1;margin-bottom:20px}.craft-panel p{font-size:13px;color:#5d6858;line-height:1.9;max-width:430px}.craft-panel .craft-tags{font-size:9px;margin-top:25px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.rig-board{background:#e1e5da;padding:35px;display:flex;flex-direction:column;gap:18px;min-height:310px}.rig-board .rig-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:18px}.rig-flow{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rig-node{border:1px solid #17202045;padding:20px 17px;background:#f0f0e9}.rig-node.primary{grid-column:1/-1;background:#172020;color:#f0f0e9}.rig-node small{display:block;font-size:9px;opacity:.65;margin-top:7px}.rig-node strong{font-family:Display,Impact,sans-serif;font-size:29px;line-height:1.1;text-transform:uppercase}.rig-node span{font-size:9px;letter-spacing:.1em;display:block;color:#b4da5a;margin-bottom:10px}.craft-visual{background:#e1e5da;min-height:310px;display:flex;align-items:center;justify-content:center;padding:25px}.craft-visual img{width:100%;height:300px;object-fit:contain}.craft-motion{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.craft-motion figure{margin:0}.craft-motion img{height:240px;width:100%;object-fit:cover}.craft-motion figcaption{font-size:8px;text-transform:uppercase;letter-spacing:.06em;padding-top:10px;color:#606f5b}.start-project{background:var(--accent);color:white}.start-project .wrap{display:flex;justify-content:space-between;align-items:end;gap:50px}.start-project h2{font-size:clamp(90px,12vw,170px);line-height:.85;letter-spacing:-.03em}.start-project .eyebrow{margin-bottom:23px;color:#d8dfff}.start-project p{font-size:13px;max-width:350px;color:#e6eaff;line-height:1.8;margin-top:25px}.start-project .btn{color:white;border-color:#ffffff70;margin-top:30px;flex-shrink:0}.portfolio-dialog{max-width:1000px}.portfolio-detail{clear:both;padding:15px 35px 40px}.portfolio-detail img{width:100%;max-height:470px;object-fit:contain;background:#e4e5d9}.portfolio-description{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:30px}.portfolio-description h3{font-size:65px;margin:16px 0}.portfolio-description p{font-size:13px;line-height:1.9;color:#5c6957}.portfolio-description .btn{margin-top:25px;font-size:10px}.brief-dialog{max-width:750px}.brief-body{padding:25px 40px 40px;clear:both}.brief-body h3{font-size:65px;margin-bottom:20px}.brief-body>p{font-size:13px;color:#5e6957;max-width:500px}.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.field input,.field select,.field textarea{border:1px solid #17202045;padding:12px;width:100%;background:#f8f9f0;color:#172020;border-radius:0;font-size:13px}.field textarea{min-height:125px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}.form-actions .btn{font-size:10px}.brief-note{font-size:10px;color:#5f6a58;grid-column:1/-1}.brief-output{white-space:pre-wrap;padding:20px;background:#dfe5d7;margin-top:24px;font-size:12px;font-family:monospace;overflow:auto}.brief-status{font-size:12px;color:#244831;margin-top:18px}.site-footer .brand{font-size:21px}.site-footer .footer-inner>p{font-size:10px}
@media(max-width:1000px){.studio-hero-grid{gap:25px}.studio-hero h1{font-size:12vw}.studio-collage .hero-main-photo{height:420px}.studio-collage .inset-photo{height:160px}.world-stamp{width:85px;height:85px;left:-10px;font-size:10px}.studio-about .wrap{gap:45px}.craft-panel{gap:40px}.project-info h3{font-size:34px}.project-info p{font-size:8px}.project-card img{aspect-ratio:1.2}.rig-board{padding:23px}.craft-tabs{gap:25px}}
@media(max-width:700px){.studio-hero{padding:35px 0 50px}.hero-super{font-size:8px}.hero-super>span:last-child{display:none}.studio-hero-grid{grid-template-columns:1fr;gap:40px;margin-top:24px}.studio-hero h1{font-size:clamp(112px,22vw,155px);margin:15px 0 25px}.hero-desc{font-size:13px;max-width:400px}.studio-collage{padding-right:28px;max-width:550px}.studio-collage .hero-main-photo{height:360px}.studio-collage .inset-photo{height:170px}.world-stamp{left:-5px;width:95px;height:95px;font-size:11px}.studio-strip .wrap{font-size:9px;flex-wrap:wrap;justify-content:center;gap:16px}.projects-grid{gap:36px 20px}.project-card img{aspect-ratio:1}.project-info{display:block}.project-info h3{font-size:34px}.project-info p{text-align:left;font-size:9px;margin-top:10px}.project-tag{left:10px;top:10px;font-size:7px;padding:5px 8px}.project-card .project-arrow{width:30px;height:30px;bottom:10px;right:10px;font-size:20px}.work-head{display:block}.work-head p{margin-top:25px}.studio-about .wrap{grid-template-columns:1fr;gap:30px}.studio-about h2{font-size:85px}.studio-about .intro-copy{margin:0 0 24px;font-size:21px}.craft-panel{grid-template-columns:1fr;gap:35px}.craft-panel h3{font-size:52px}.craft-tabs{gap:25px}.craft-tabs button{font-size:10px}.craft-motion img{height:210px}.start-project .wrap{flex-direction:column;align-items:start;gap:10px}.start-project h2{font-size:100px}.portfolio-description{grid-template-columns:1fr;gap:10px}.portfolio-description h3{font-size:55px}.portfolio-detail{padding:12px 20px 30px}.brief-body{padding:15px 22px 30px}.brief-body h3{font-size:52px}.brief-form{grid-template-columns:1fr;gap:18px}.field.full,.form-actions,.brief-note{grid-column:1}.brief-note{font-size:9px}.rig-flow{gap:12px}.rig-node{padding:16px 12px}.rig-node strong{font-size:26px}}
@media(max-width:390px){.brand{font-size:18px}.studio-collage .hero-main-photo{height:310px}.studio-collage .inset-photo{height:145px}.projects-grid{grid-template-columns:1fr}.project-card img{aspect-ratio:1.3}.project-info h3{font-size:40px}.studio-hero h1{font-size:27vw}.start-project h2{font-size:90px}}

.start-project h2{font-size:clamp(75px,9vw,130px)}@media(max-width:700px){.studio-hero h1{font-size:clamp(70px,23vw,155px)}h2{font-size:clamp(48px,14vw,70px)}.start-project h2{font-size:clamp(48px,14.5vw,90px)}}

@media(min-width:651px) and (max-width:900px){.menu-button{display:block}.nav-links{display:none;position:absolute;top:82px;left:0;width:100%;padding:24px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:23px}.nav-links.is-open{display:flex}}