/* Final editorial presentation system — source content and behavior remain in app.js. */
:root{--paper:#fbf8f2;--cream:#f4efe5;--ink:#151514;--gold:#9f8c72;--taupe:#b4a493;--pale:#d4c9b7;--rule:color-mix(in srgb,var(--taupe) 56%,transparent);--gutter:clamp(24px,5.5vw,84px);--section:clamp(64px,8vw,112px)}
body{font:16px/1.5 var(--sans);letter-spacing:-.012em}.wrap{width:min(1376px,calc(100% - (var(--gutter) * 2)))}.site-header{height:62px;padding-inline:var(--gutter);background:color-mix(in srgb,var(--paper) 97%,transparent);border-color:var(--rule)}.logo{width:142px}.nav{gap:clamp(16px,2vw,31px);font-size:10px;letter-spacing:.04em}.nav a[aria-current="page"],.nav a:active,.footer a:active{color:var(--gold)}.nav .button,.button{min-height:44px;padding:13px 22px;border-radius:0;font-size:10px;letter-spacing:.12em}.nav .button,.button.gold{background:var(--ink);border-color:var(--ink);color:var(--paper)}.button.light{background:transparent;color:var(--ink);border-color:var(--ink)}.button:hover,.button.gold:hover,.nav .button:hover{background:var(--gold);border-color:var(--gold);color:var(--paper)}.button:focus-visible,a:focus-visible,.menu:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.section{padding-block:var(--section);border-color:var(--rule)}.eyebrow,.project-meta{font-size:10px;letter-spacing:.14em}.eyebrow{margin-bottom:15px}.display{font-size:clamp(3.2rem,6.8vw,7rem);line-height:.9}.home-hero .display{font-size:clamp(3.55rem,7.35vw,7.65rem)}.h2{font-size:clamp(2.35rem,4.6vw,5rem);line-height:.96}.lede{font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.48}.actions{gap:12px;margin-top:25px}
/* Home — asymmetric editorial entry, then dense project and service indexes. */
.hero{min-height:0;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:stretch;gap:0;padding:0}.home-hero{grid-template-columns:minmax(0,820px);justify-content:start}.hero>div:first-child{padding:clamp(66px,8vw,132px) clamp(34px,6vw,90px) clamp(54px,7vw,110px) 0}.home-hero>div:first-child{padding-right:0}.hero-mark{min-height:0;padding:clamp(28px,5vw,64px);border:0;border-left:1px solid var(--rule);background:var(--cream);justify-content:flex-end}.hero-mark img{width:min(100%,470px);margin:auto;mix-blend-mode:multiply}.hero-mark p{max-width:270px;margin:36px 0 0;padding-top:16px;border-top:1px solid var(--taupe);font-size:10px;letter-spacing:.13em}.section-top{gap:clamp(30px,8vw,130px);margin-bottom:32px}.project-grid{gap:22px}.project{border:0;padding:0}.project-art{border:0;background:var(--cream);margin-bottom:14px}.project-art img{aspect-ratio:1.3/1;object-fit:contain}.project h3{font-size:clamp(1.55rem,2.4vw,2.35rem);margin:8px 0}.project .text-link{margin-top:10px}.text-columns{gap:clamp(36px,9vw,150px)}.statement{font-size:clamp(2.4rem,4.7vw,5.2rem);line-height:.96}.services-grid{grid-template-columns:repeat(4,1fr);border:0;margin-top:32px!important}.service{min-height:0;padding:0 24px 0 0;background:transparent!important;color:var(--ink)!important;border:0;border-right:1px solid var(--rule)}.service+ .service{padding-left:24px}.service:last-child{border:0}.service .project-meta{color:#625b53!important}.service h3{font-size:clamp(1.65rem,2.45vw,2.5rem);margin:10px 0}.service p{font-size:.93rem}.service .price{margin-top:20px}.service .text-link{display:inline-flex;align-items:center;min-height:43px;padding:12px 15px;background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.service .text-link:hover{background:var(--gold);border-color:var(--gold);color:var(--paper)}.process{gap:0;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule)}.step{padding:22px 22px 0;border:0;border-right:1px solid var(--rule)}.step:first-child{padding-left:0}.step:last-child{border:0}.desk-layout{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:clamp(30px,6vw,96px);padding:clamp(52px,7vw,100px) 0}.desk-layout .h2{font-size:clamp(3rem,5.6vw,6rem);color:var(--paper)}.desk-layout .lede{color:var(--paper)}.desk-art{padding:0;background:transparent;border:0;align-self:center}.desk-art img{width:100%;border:1px solid #5c554d}.flagship-layout .button.light{color:var(--paper)!important;border-color:var(--pale)!important;background:transparent!important}.flagship-layout .button.light:hover{background:var(--gold)!important;border-color:var(--gold)!important}.about-grid{gap:clamp(36px,9vw,150px);align-items:start}.home-founder-attribution{margin:22px 0 8px}.home-studio-composition>div:last-child>p:not(.lede):not(.home-founder-attribution),.about-editorial-grid>div:last-child>p:nth-of-type(3){font:600 clamp(2rem,3.8vw,4rem)/.95 var(--serif);letter-spacing:-.045em;margin:28px 0}.home-studio-composition>div:last-child>p:not(.lede):not(.home-founder-attribution) b,.about-editorial-grid>div:last-child>p:nth-of-type(3) b{font-weight:600}.home-studio-composition>div:last-child>.text-link{border-bottom:1px solid var(--ink);padding-bottom:6px}.home-studio-composition{padding-bottom:clamp(30px,3.5vw,48px)}section:has(.home-studio-composition){padding-bottom:0}section:has(.home-studio-composition)+.final{padding-block:clamp(36px,4vw,52px) clamp(44px,5vw,64px)}#for-creators{padding-bottom:clamp(32px,3.5vw,48px)}main:has(#for-creators)+.footer{padding-top:clamp(30px,3.2vw,46px)}.final{padding-block:clamp(64px,8vw,112px)}
/* Page heroes and Services. */
.page-hero{padding:clamp(70px,9vw,134px) 0 clamp(48px,6vw,76px);border-color:var(--rule);background:var(--paper)}.page-hero .wrap{max-width:1100px;margin-left:var(--gutter)}.service-detail{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(40px,8vw,140px);padding:clamp(54px,7vw,98px) 0;border-color:var(--rule)}.service-detail:nth-child(even){background:var(--ink);color:var(--paper);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.service-detail:nth-child(even) .eyebrow,.service-detail:nth-child(even) .form-note{color:var(--pale)}.service-detail:nth-child(even) li{border-color:#5d554d}.service-detail h2{font-size:clamp(2.45rem,4.6vw,5rem);line-height:.92}.service-detail .button{margin-top:22px}.service-detail ul{gap:0 24px}.service-detail li{padding:12px 0}.service-detail:nth-child(even) .button{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.service-terms{padding-block:clamp(58px,7vw,92px)}.service-terms-grid{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(36px,8vw,132px);align-items:start}.service-terms .lede{margin-top:0;max-width:62ch}.service-terms h3{margin:0 0 10px;font:10px var(--mono);letter-spacing:.14em;color:var(--gold)}.service-terms-rule{margin-top:28px;padding-top:20px;border-top:1px solid var(--rule)}.service-terms-rule p{max-width:64ch;margin:0}.start-next{margin-top:34px;padding-top:20px;border-top:1px solid var(--rule)}.start-next p{margin:0;max-width:42ch}
/* Work archive: distinctly scaled, alternating project presentations. */
.work-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.work-sequence-item{position:relative;padding:clamp(24px,3.8vw,56px);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.work-sequence-item:nth-child(even){background:var(--ink);color:var(--paper)}.work-sequence-item:nth-child(even) .project-meta{color:var(--pale)}.work-sequence-item .project-art{margin-bottom:22px;background:transparent}.work-sequence-item .sequence-no{display:block;margin-bottom:30px;font:10px var(--mono);letter-spacing:.15em;color:var(--gold)}.work-sequence-item .text-link{border-bottom:1px solid currentColor;padding-bottom:6px}.flagship-project-card{background:var(--ink)!important;color:var(--paper)}.flagship-project-card .project-meta{color:var(--pale)!important}
/* Shared case studies: no viewport-height spacers, controlled proof scale. */
.case-hero{padding:clamp(70px,8vw,122px) 0 clamp(38px,5vw,64px);border-bottom:1px solid var(--rule)}.case-hero-composed{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);column-gap:40px}.case-hero .eyebrow{grid-column:1/-1}.case-hero .project-meta{align-self:end;max-width:240px}.case-title{font-size:clamp(3.5rem,7.3vw,8.1rem);line-height:.86;letter-spacing:-.065em;max-width:13ch;padding-right:.12em}.case-meta-strip{border-bottom:1px solid var(--rule);padding:8px max(var(--gutter),calc((100% - 1376px)/2))}.case-meta-strip .project-meta{margin:0;max-width:none;overflow-wrap:anywhere}.case-system-board{width:min(100%,780px);margin:clamp(42px,6vw,82px) auto clamp(40px,5vw,70px);padding:clamp(12px,1.8vw,24px);background:var(--cream);border:1px solid var(--rule)}.case-system-board img{width:100%;height:auto;object-fit:contain}.case-summary{grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr);gap:clamp(30px,7vw,112px);padding:clamp(48px,6vw,84px) 0;border-color:var(--rule)}.case-summary h3{color:var(--gold)}.case-summary p{font-size:clamp(1.95rem,3.6vw,3.85rem);line-height:1.04;max-width:18ch}.case-approach-panel{background:var(--ink);color:var(--paper);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);border:0}.case-capabilities{padding:22px 0;margin-bottom:0;border-color:var(--rule)}.capability-row span{padding:9px 12px;border-color:var(--taupe)}.case-capabilities+.final{border-top:1px solid var(--rule)}
/* About, brief and state pages. */
.about-hero-composed .wrap{max-width:1080px}.about-editorial-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,9vw,150px);padding-block:0}.page-hero+.section:has(.about-editorial-grid){padding-block:clamp(40px,5vw,64px)}.page-hero+.section:has(.legal){padding-top:clamp(34px,4vw,52px)}.about-grid .quote{font-size:clamp(2.1rem,4.4vw,4.7rem);line-height:.98}.about-grid>div:last-child{padding-left:clamp(0px,4vw,58px);border-left:1px solid var(--taupe)}.form-layout{grid-template-columns:minmax(250px,.62fr) minmax(0,1fr);gap:clamp(38px,9vw,160px);align-items:start}.form{max-width:720px;padding-top:22px}.field{margin-bottom:19px}.field input,.field textarea,.field select{min-height:50px;padding:13px 14px;border:1px solid var(--pale);border-radius:0;background:transparent}.field textarea{min-height:132px}.field label{margin-bottom:7px}.brief-progress{display:none}.confirm{min-height:0;padding:clamp(72px,9vw,132px) 0}.confirm-inner{padding:0}.confirm .order-summary{grid-template-columns:repeat(2,1fr);border-color:var(--pale)}
/* Footer. */
.footer{padding:clamp(44px,6vw,76px) var(--gutter) 26px}.footer-top{gap:clamp(40px,9vw,160px)}.footer-logo{width:200px;margin-bottom:20px}.footer h2{font-size:clamp(2rem,3vw,3.4rem)}.footer-links{grid-template-columns:repeat(3,minmax(120px,1fr));gap:14px 30px}.footer-links>span:nth-of-type(1),.footer-links>span:nth-of-type(2),.footer-links>span:nth-of-type(3){color:var(--gold)}.copyright{margin-top:38px}
@media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr)}.home-hero{grid-template-columns:minmax(0,720px)}.hero>div:first-child{padding-right:clamp(30px,5vw,54px)}.home-hero>div:first-child{padding-right:0}.services-grid{grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.service,.service+ .service{padding:30px!important;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.service:nth-child(even){border-right:0}.service:last-child{border-right:1px solid var(--rule)}.process{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(n+3){padding-top:30px}.desk-layout{grid-template-columns:1fr 1fr}.case-title{font-size:clamp(3.5rem,7.2vw,6.8rem)}.case-summary p{font-size:clamp(1.85rem,3.5vw,3.15rem)}}
@media (max-width:820px){:root{--gutter:clamp(20px,4.6vw,38px);--section:clamp(52px,8vw,72px)}.site-header{height:64px}.nav{top:63px}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:64px 0 42px}.hero-mark{min-height:280px;border:0;border-top:1px solid var(--rule);padding:34px}.hero-mark img{width:min(72%,360px)}.section-top,.text-columns,.desk-layout,.about-grid,.form-layout,.case-summary,.service-detail,.case-hero-composed,.service-terms-grid{grid-template-columns:1fr;gap:28px}.section-top{margin-bottom:28px}.desk-layout{padding-block:58px}.desk-art{max-width:640px}.case-hero .project-meta{max-width:none}.case-system-board{margin-block:36px 42px}.case-summary{padding-block:44px}.case-summary p{max-width:22ch}.case-approach-panel{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.about-grid>div:last-child{padding:26px 0 0;border-left:0;border-top:1px solid var(--taupe)}.service-detail:nth-child(even){margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.display{font-size:clamp(3rem,13vw,4.6rem)}.h2{font-size:clamp(2.2rem,10vw,3.4rem)}.nav{padding:16px var(--gutter)}.nav .button{justify-content:center}.hero-mark{min-height:210px}.hero-mark p{margin-top:20px}.project-grid,.work-sequence,.services-grid{grid-template-columns:1fr}.project-art img{aspect-ratio:auto}.work-sequence-item{padding:26px 0;border-left:0;border-right:0}.work-sequence{border-left:0}.services-grid{border-left:0}.service,.service+ .service,.service:nth-child(even),.service:last-child{padding:25px 0!important;border-right:0;border-bottom:1px solid var(--rule)}.process{grid-template-columns:1fr 1fr}.step{padding:17px 12px 0}.step:nth-child(odd){padding-left:0}.step:nth-child(even){border-right:0}.case-title{font-size:clamp(3.25rem,14vw,4.8rem)}.case-summary p{font-size:clamp(1.8rem,8vw,2.45rem)}.case-system-board{padding:10px;margin-block:30px 35px}.feature-list span{font-size:9px}.footer-top{flex-direction:column}.footer-links{gap:12px}.confirm .order-summary{grid-template-columns:1fr}.confirm .order-summary p{border-right:0;border-bottom:1px solid var(--pale)}}
/* Targeted pre-portfolio corrections. */
.page-hero:has(+.section .form-layout){padding-bottom:clamp(36px,4vw,52px)}.page-hero+.section:has(.form-layout){padding-top:clamp(42px,5vw,64px)}.two-door-links{display:flex;gap:12px;flex-wrap:wrap}.two-door-links a{display:inline-flex;align-items:center;justify-content:space-between;min-height:48px;padding:14px 18px;border:1px solid var(--taupe);color:var(--ink);font:10px var(--mono);letter-spacing:.12em}.two-door-links a:hover,.two-door-links a:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--paper)}.contact-hero .lede{max-width:620px}.contact-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(42px,9vw,150px);align-items:start}.contact-pathway{margin-top:36px;border-top:1px solid var(--rule)}.contact-pathway>div{padding:18px 0;border-bottom:1px solid var(--rule)}.contact-pathway p{margin:0 0 12px}.contact-form{max-width:none}.contact-form .split-fields{gap:18px}@media (max-width:820px){.contact-grid{grid-template-columns:1fr;gap:36px}}@media (max-width:560px){.home-hero .display{font-size:clamp(3rem,13vw,4.6rem)}.two-door-links{display:grid;grid-template-columns:1fr}.two-door-links a{width:100%}}
