:root{--orange:#d5b004;--ink:#0d1210;--paper:#f6f5f1;--white:#fff;--line:#d7d8d3;--muted:#5f665f;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;--serif:"Instrument Serif",serif;--shell:min(1340px,calc(100vw - 80px))}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}i{font-style:normal}.site-header{position:sticky;z-index:40;top:0;height:76px;padding:0 max(40px,calc((100vw - 1340px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(246,245,241,.95);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:13px;width:max-content}.brand b{color:var(--orange);font:500 31px/1 var(--mono);letter-spacing:-.14em}.brand span{font:800 11px/1.05 var(--sans);letter-spacing:.15em}.site-header nav{display:flex;gap:38px;font-size:14px}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:#8d7600}.header-cta{justify-self:end;border-bottom:1px solid var(--ink);padding:9px 0;font-size:13px;font-weight:700}.header-cta i,.primary-action i,.inline-link i,.site-footer i{color:var(--orange);font-family:Arial}.menu-button{display:none;border:0;background:none;width:44px;height:44px;padding:10px}.menu-button span{display:block;width:24px;height:2px;margin:7px 0;background:var(--ink)}
.v5-hero{width:var(--shell);min-height:calc(100svh - 76px);margin:auto;padding:8vh 0 7vh;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);gap:7vw;align-items:center}.kicker,.section-no{margin:0;font:500 11px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.kicker{display:flex;align-items:center;gap:14px;color:#9c3e37}.kicker span{width:42px;height:1px;background:#9c3e37}.hero-statement h1{margin:30px 0 38px;font:400 clamp(5.6rem,8.4vw,9.6rem)/.82 var(--serif);letter-spacing:-.055em}.hero-statement h1 em{color:var(--orange)}.hero-intro{max-width:760px;margin:0;font-size:22px;line-height:1.6;color:var(--muted)}.hero-facts{display:grid;grid-template-columns:1fr 1fr;margin:0;align-content:center}.hero-facts div{min-height:180px;padding:30px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.hero-facts div:nth-child(odd){border-right:1px solid var(--line)}.hero-facts div:nth-child(n+3){border-bottom:1px solid var(--line)}.hero-facts dt{font-size:42px;font-weight:800;letter-spacing:-.055em}.hero-facts dd{margin:10px 0 0;font-size:17px;line-height:1.45;color:var(--muted)}.v5-status{min-height:72px;padding:0 max(40px,calc((100vw - 1340px)/2));background:var(--ink);color:#e6e8e3;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;font:400 11px var(--mono);letter-spacing:.08em}.v5-status p{margin:0}.status-dot{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(213,176,4,.13)}.v5-status a{color:var(--orange);border-bottom:1px solid #6e6024;padding:7px 0}.section-shell{width:var(--shell);margin:auto}.v5-intro{padding:150px 0;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.section-heading h2,.dark-heading h2,.work-heading h2,.process-heading h2,.v5-close h2{margin:28px 0 0;font-size:clamp(3.8rem,5.7vw,7rem);font-weight:500;line-height:.95;letter-spacing:-.065em}.section-copy{border-top:1px solid var(--ink);padding-top:28px}.section-copy p,.dark-heading>p,.work-heading>p,.process-heading>p{margin:0;font-size:22px;line-height:1.62;color:var(--muted)}.section-copy p+p{margin-top:22px}
.v5-services{background:var(--ink);color:#eef0ec}.dark-shell{width:var(--shell);margin:auto;padding:135px 0}.dark-heading,.work-heading,.process-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;margin-bottom:70px}.dark-heading .section-no{color:#9a8c47}.dark-heading>p{color:#a8afa9}.service-directory{border-top:1px solid #4a504c}.directory-row{min-height:165px;display:grid;grid-template-columns:70px .7fr 1.3fr 85px;gap:3vw;align-items:center;border-bottom:1px solid #303733;transition:padding .18s,background .18s}.directory-row:hover{padding-inline:18px;background:#141b17}.row-index{font:500 19px var(--mono);color:var(--orange)}.directory-row h3{margin:0;font-size:32px;letter-spacing:-.045em}.directory-row p{margin:0;font-size:20px;line-height:1.55;color:#aab0ab}.directory-row>i{justify-self:end;color:var(--orange);font:500 12px var(--mono)}
.v5-work{padding:145px 0}.work-heading>p{color:var(--muted)}.work-directory{border-top:1px solid var(--ink)}.work-row{min-height:220px;display:grid;grid-template-columns:190px 1.1fr .75fr 100px;gap:3vw;align-items:center;border-bottom:1px solid var(--line);transition:background .18s,padding .18s}.work-row:hover{background:#eeece5;padding-inline:18px}.work-id{display:flex;flex-direction:column;gap:20px}.work-id>span{font:400 36px var(--mono);color:var(--orange)}.work-id small{font:500 11px/1.6 var(--mono);color:var(--muted);text-transform:uppercase}.work-main h3{margin:0 0 14px;font-size:42px;letter-spacing:-.055em}.work-main p{margin:0;font-size:21px;line-height:1.55;color:var(--muted)}.work-tags{display:flex;flex-wrap:wrap;gap:7px}.work-tags span{border:1px solid var(--line);padding:7px 9px;font:400 10px var(--mono);color:var(--muted)}.work-row>i{justify-self:end;color:#8d7600;font:500 11px var(--mono)}.inline-link{display:flex;justify-content:space-between;width:min(390px,100%);margin:45px 0 0 auto;padding-bottom:10px;border-bottom:1px solid var(--ink);font-weight:700;font-size:16px}
.v5-process{background:#e9e7df}.v5-process>.section-shell{padding:140px 0}.process-heading{margin-bottom:60px}.v5-process ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.v5-process li{min-height:160px;display:grid;grid-template-columns:80px .7fr 1.3fr;gap:3vw;align-items:center;border-bottom:1px solid #c9c8c1}.v5-process li>span{font:500 18px var(--mono);color:#8d7600}.v5-process h3{margin:0;font-size:32px;letter-spacing:-.045em}.v5-process li p{margin:0;font-size:20px;line-height:1.55;color:var(--muted)}.v5-close{padding:150px 0}.v5-close>div{display:flex;justify-content:space-between;align-items:center;gap:60px}.v5-close h2{font-family:var(--serif);font-size:clamp(5rem,8vw,10rem);font-weight:400;line-height:.84}.v5-close h2 em{color:var(--orange)}.primary-action{flex:0 0 240px;min-height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white;font-size:14px;font-weight:700}.site-footer{background:var(--ink);color:white;padding:80px max(40px,calc((100vw - 1340px)/2)) 35px}.footer-signal{display:flex;align-items:center;justify-content:space-between;padding-bottom:65px;border-bottom:1px solid #3a403c}.footer-signal>span{font:400 12px var(--mono);color:#9ca39e}.footer-signal>a{font:400 clamp(3rem,5vw,6rem)/1 var(--serif)}.footer-meta{display:grid;grid-template-columns:.55fr 1fr auto;gap:6vw;align-items:center;padding-top:32px}.footer-meta p{margin:0;max-width:580px;font-size:18px;line-height:1.55;color:#abb1ac}.footer-meta small{color:#8d938e;font:400 10px var(--mono)}
/* Supporting pages */.inner-hero{min-height:520px;padding:100px max(40px,calc((100vw - 1340px)/2)) 75px;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:center}.signal-label{font:500 11px var(--mono);color:var(--orange);text-transform:uppercase;letter-spacing:.13em}.signal-label span{display:inline-block;width:32px;height:1px;background:var(--orange);margin-right:12px;vertical-align:middle}.inner-hero h1{margin:25px 0 0;font:400 clamp(5rem,9vw,10rem)/.85 var(--serif);letter-spacing:-.055em}.inner-grid{width:var(--shell);margin:auto;padding:110px 0}.index-row{min-height:190px;display:grid;grid-template-columns:80px .85fr 1.15fr 30px;gap:3vw;align-items:center;border-top:1px solid var(--line)}.index-row>span{font:500 19px var(--mono);color:#8d7600}.index-row h2{margin:0;font-size:42px;letter-spacing:-.05em}.index-row p{margin:0;font-size:20px;line-height:1.55;color:var(--muted)}.index-row>i{color:#8d7600}.detail-copy{max-width:940px}.detail-copy h2{font-size:48px;line-height:1.15}.detail-copy>p{font-size:22px;line-height:1.7;color:var(--muted)}.cap-list{display:flex;flex-wrap:wrap;gap:8px;margin:45px 0}.cap-list span{border:1px solid var(--line);padding:8px 10px;font:400 11px var(--mono)}.process-page{list-style:none}.process-page li{min-height:180px;display:grid;grid-template-columns:90px .7fr 1.3fr;gap:3vw;align-items:center;border-top:1px solid var(--line)}.process-page span{font:400 28px var(--mono);color:#8d7600}.process-page h2{margin:0;font-size:36px}.process-page p{margin:0;font-size:20px;line-height:1.55;color:var(--muted)}.about-copy,.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.about-copy h2,.contact-grid h2{margin:0;font:400 clamp(4rem,6vw,7rem)/.92 var(--serif)}.about-copy p,.contact-grid>div>p{font-size:21px;line-height:1.7;color:var(--muted)}.project-form{padding:38px;border-top:4px solid var(--orange);background:white}.project-form p{margin:0 0 20px}.project-form label{font-size:13px;font-weight:700}.project-form input,.project-form textarea,.project-form select{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);background:#fafafa;font:400 15px var(--sans)}.project-form button{border:0}.action{min-height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--orange);font-weight:700}.messages{list-style:none;padding:15px;background:#eef7eb}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-header nav,.header-cta{display:none}.menu-button{display:block}.site-header.nav-open nav{display:flex;position:absolute;top:75px;left:0;right:0;padding:25px 40px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column}.v5-hero{grid-template-columns:1fr;min-height:auto;padding:100px 0}.hero-facts{margin-top:30px}.v5-intro,.dark-heading,.work-heading,.process-heading{grid-template-columns:1fr;gap:45px}.directory-row{grid-template-columns:60px .8fr 1.2fr 70px}.work-row{grid-template-columns:130px 1fr 80px}.work-tags{display:none}.v5-close>div{align-items:flex-start;flex-direction:column}.footer-meta{grid-template-columns:1fr 1fr}.footer-meta small{grid-column:1/-1}.about-copy,.contact-grid{grid-template-columns:1fr;align-items:start}}
@media(max-width:680px){:root{--shell:calc(100vw - 36px)}.site-header{height:68px;padding:0 18px}.brand b{font-size:28px}.brand span{font-size:10px}.v5-hero{padding:75px 0 60px}.hero-statement h1{font-size:clamp(4rem,19vw,5.3rem);line-height:.84;margin-top:35px}.hero-intro{font-size:20px}.hero-facts{grid-template-columns:1fr 1fr}.hero-facts div{min-height:145px;padding:22px 15px}.hero-facts dt{font-size:32px}.hero-facts dd{font-size:15px}.v5-status{padding:22px 18px;grid-template-columns:1fr;gap:14px}.v5-intro,.dark-shell,.v5-work,.v5-process>.section-shell,.v5-close{padding-top:90px;padding-bottom:90px}.section-heading h2,.dark-heading h2,.work-heading h2,.process-heading h2{font-size:clamp(3.2rem,14vw,4.4rem)}.section-copy p,.dark-heading>p,.work-heading>p,.process-heading>p{font-size:20px}.directory-row{grid-template-columns:42px 1fr 28px;gap:14px;padding:28px 0;min-height:0}.directory-row h3{font-size:27px}.directory-row p{grid-column:2/-1;font-size:20px}.directory-row>i{grid-column:3;grid-row:1}.work-row{grid-template-columns:62px 1fr;gap:18px;min-height:0;padding:34px 0}.work-id{gap:8px}.work-id>span{font-size:24px}.work-main h3{font-size:34px}.work-main p{font-size:20px}.work-row>i{grid-column:2;justify-self:start;margin-top:10px}.v5-process li{grid-template-columns:42px 1fr;gap:14px;padding:30px 0;min-height:0}.v5-process h3{font-size:28px}.v5-process li p{grid-column:2;font-size:20px}.v5-close h2{font-size:clamp(4.3rem,18vw,6rem)}.primary-action{width:100%;flex-basis:62px}.footer-signal{flex-direction:column;align-items:flex-start;gap:30px}.footer-signal>a{font-size:3.5rem}.footer-meta{grid-template-columns:1fr}.inner-hero{min-height:420px;padding:90px 18px 60px}.inner-grid{padding:80px 0}.index-row{grid-template-columns:44px 1fr 24px;gap:12px;padding:28px 0;min-height:0}.index-row h2{font-size:30px}.index-row p{grid-column:2/-1;font-size:20px}.process-page li{grid-template-columns:45px 1fr;gap:15px;padding:30px 0}.process-page p{grid-column:2;font-size:20px}.project-form{padding:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Display voice: Gruppo replaces the previous Instrument Serif treatment. */
:root{--serif:"Gruppo",sans-serif}

@media(min-width:681px){
  .kicker,.section-no,.v5-status,.work-id small,.work-row>i,.signal-label{font-size:14px}
}

/* Contact statement: use the structural sans display voice, not the editorial serif. */
.contact-grid h2{font-family:var(--sans);font-size:clamp(3rem,5.4vw,6.2rem);font-weight:600;line-height:.94;letter-spacing:-.075em}
.brand img{width:88px;height:auto;display:block}.site-footer .brand img{width:98px}

.hero-right{display:flex;flex-direction:column;gap:26px}.hero-screen{background:#e9ece7;border:1px solid #c7cbc2;box-shadow:14px 14px 0 var(--orange);transform:rotate(1.2deg);color:var(--ink)}.screen-bar{height:38px;padding:0 12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border-bottom:1px solid #c7cbc2;font:400 9px var(--mono);color:#697068}.screen-bar>span{display:flex;gap:4px}.screen-bar>span i{width:6px;height:6px;border-radius:50%;background:#9fa79e}.screen-bar b{font-weight:400}.screen-bar em{color:#51876a;font-style:normal}.screen-body{min-height:250px;display:grid;grid-template-columns:38px 1fr}.screen-body>aside{background:#18211d;padding:14px 0;display:flex;align-items:center;flex-direction:column;gap:16px}.screen-body aside strong{color:var(--orange);font:500 11px var(--mono)}.screen-body aside i{width:12px;height:12px;border:1px solid #738077;border-radius:2px}.screen-body aside i.active{background:var(--orange);border-color:var(--orange)}.screen-body main{padding:24px}.screen-body main>small{font:500 9px var(--mono);letter-spacing:.14em;color:#7a827c}.screen-body main h2{margin:6px 0 20px;font-size:18px;letter-spacing:-.04em}.screen-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.screen-metrics b{padding:12px 8px;background:#fff;border:1px solid #d6dad3;font-size:20px;line-height:1}.screen-metrics small{display:block;margin-top:8px;color:#7c847c;font:400 8px var(--mono);line-height:1.35}.screen-chart{height:82px;margin-top:10px;padding:15px 10px 0;display:flex;align-items:end;gap:6px;background:#fff;border:1px solid #d6dad3}.screen-chart span{flex:1;height:35%;background:#d9ddd8;border-top:2px solid var(--orange)}.screen-chart span:nth-child(2){height:58%}.screen-chart span:nth-child(3){height:44%}.screen-chart span:nth-child(4){height:70%}.screen-chart span:nth-child(5){height:51%}.screen-chart span:nth-child(6){height:76%}.screen-chart span:nth-child(7){height:62%}.screen-chart span:nth-child(8){height:84%;background:var(--orange)}.hero-right .hero-facts{margin-top:0}
.v5-services{position:relative;overflow:hidden}.v5-services:before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(213,176,4,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(213,176,4,.22) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.dark-shell{position:relative;z-index:1}.directory-row{grid-template-columns:70px 52px .7fr 1.3fr 85px}.service-glyph{width:44px;height:44px;position:relative;border:1px solid #566058;border-radius:50%;justify-self:center;opacity:.9}.service-glyph:before,.service-glyph:after{content:"";position:absolute;background:var(--orange)}.glyph-1:before{width:20px;height:1px;left:11px;top:21px}.glyph-1:after{width:1px;height:20px;left:21px;top:11px}.glyph-2:before{width:18px;height:18px;left:12px;top:12px;border:1px solid var(--orange);background:none}.glyph-2:after{width:7px;height:7px;left:17px;top:17px}.glyph-3:before{width:20px;height:1px;left:11px;top:21px;transform:rotate(45deg)}.glyph-3:after{width:20px;height:1px;left:11px;top:21px;transform:rotate(-45deg)}.glyph-4:before{width:16px;height:16px;left:14px;top:14px;border-radius:50%;background:var(--orange)}.glyph-4:after{width:6px;height:6px;left:19px;top:19px;border-radius:50%;background:var(--ink)}
.work-row{grid-template-columns:150px 180px 1.05fr .7fr 100px}.work-preview{height:118px;background:#e8e9e4;border:1px solid var(--line);position:relative;overflow:hidden;padding:14px;display:flex;align-items:end;gap:5px}.work-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,24,39,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.08) 1px,transparent 1px);background-size:22px 22px}.work-preview span{position:relative;flex:1;height:34%;background:var(--ink);border-top:2px solid var(--orange)}.work-preview span:nth-child(2){height:58%}.work-preview span:nth-child(3){height:44%}.work-preview span:nth-child(4){height:72%;background:var(--orange)}.work-preview b{position:absolute;top:12px;right:12px;font:500 23px var(--mono);color:rgba(17,24,39,.22)}.work-row:hover .work-preview{border-color:var(--orange)}
@media(max-width:1000px){.work-row{grid-template-columns:130px 150px 1fr 80px}.work-preview{height:100px}}
@media(max-width:680px){.hero-right{gap:24px}.hero-screen{box-shadow:8px 8px 0 var(--orange)}.screen-body{min-height:220px}.screen-body main{padding:16px}.screen-metrics b{font-size:16px;padding:10px 6px}.screen-chart{height:70px}.service-glyph{width:36px;height:36px}.directory-row{grid-template-columns:42px 40px 1fr 28px}.directory-row h3{grid-column:3}.directory-row p{grid-column:3/-1}.work-row{grid-template-columns:62px 1fr}.work-preview{grid-column:2;height:150px;margin-bottom:8px}.work-main{grid-column:2}.work-tags{grid-column:2}.work-row>i{grid-column:2;justify-self:start}.hero-facts{margin-top:0}}

.design-archive{padding:135px 0;background:#d8d3c8;color:var(--ink)}.design-archive header{display:grid;grid-template-columns:1.1fr .9fr;gap:4vw 8vw;align-items:end;margin-bottom:58px}.design-archive header .section-no{grid-column:1/-1;color:#7b6322}.design-archive h2{margin:0;font:400 clamp(4rem,6.4vw,8rem)/.88 var(--serif);letter-spacing:-.065em}.design-archive header>p:last-child{margin:0;font-size:21px;line-height:1.6;color:#55584f}.archive-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:18px}.archive-grid figure{margin:0;background:#f4f1e8;padding:12px;box-shadow:7px 7px 0 rgba(13,18,16,.18)}.archive-grid figure:nth-child(2){margin-top:55px}.archive-grid figure:nth-child(3){margin-top:20px}.archive-grid img{display:block;width:100%;aspect-ratio:1.58;object-fit:cover;filter:saturate(.78) contrast(1.05)}.archive-grid figcaption{padding:13px 3px 2px;font:500 12px var(--mono);color:#5a5a52;text-transform:uppercase;letter-spacing:.07em}@media(max-width:1000px){.design-archive header{grid-template-columns:1fr;gap:35px}.archive-grid{grid-template-columns:1fr 1fr}.archive-grid figure:nth-child(2){margin-top:32px}.archive-grid figure:nth-child(3){margin-top:0}}@media(max-width:680px){.design-archive{padding:90px 0}.design-archive h2{font-size:clamp(3.3rem,15vw,4.7rem)}.design-archive header>p:last-child{font-size:20px}.archive-grid{grid-template-columns:1fr;gap:22px}.archive-grid figure:nth-child(2),.archive-grid figure:nth-child(3){margin-top:0}.archive-grid figcaption{font-size:11px}}
.portfolio-note{padding:0 0 65px;border-bottom:1px solid var(--ink)}.portfolio-note h2{max-width:900px;margin:22px 0;font-size:clamp(2.4rem,4vw,4.5rem);line-height:1;letter-spacing:-.06em}.portfolio-note p:last-child{max-width:720px;margin:0;font-size:21px;line-height:1.6;color:var(--muted)}