.workroom-section{padding:96px 0;border-bottom:1px solid var(--line)}
.workroom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.workroom-grid article{border:1px solid var(--line);padding:28px;background:#0e171d}.workroom-grid .mono,.extended-offer .mono{color:var(--accent);font-size:.875rem;line-height:1.6}.workroom-grid h3{font-size:24px;margin:18px 0 12px}.workroom-grid p,.handoff p,.extended-offer p,.extended-offer li{color:var(--muted);font-size:1.125rem}.workroom-grid p:last-child{margin-bottom:0}.handoff{margin-top:24px;border-left:2px solid var(--accent);background:#111d24;padding:32px 38px}.handoff .eyebrow{font-size:.875rem;margin-bottom:15px}.handoff h3{font-size:28px;margin-bottom:12px}.handoff p{max-width:930px}.handoff p:last-child{margin-bottom:0}.extended-offers{display:grid;gap:20px;margin-top:20px}.extended-offer{display:grid;grid-template-columns:1fr 1.8fr;gap:35px;border:1px solid #31444f;background:#0c151c;padding:32px}.extended-highlight{border-left:3px solid var(--accent)}.extended-offer h3{font-size:28px;margin:12px 0 5px}.extended-offer .offer-subtitle{font-size:1rem}.extended-offer ul{padding-left:20px}.extended-offer li{margin:9px 0}.extended-offer li::marker{color:var(--accent)}.extended-offer .offer-scope{font-size:1rem}.extended-offer .text-link{margin-top:3px}@media(max-width:900px){.workroom-section{padding:60px 0}.workroom-grid,.extended-offer{grid-template-columns:1fr;gap:15px}.handoff,.extended-offer{padding:24px}.workroom-grid article{padding:24px}}

.ai-disclosure{border-top:1px solid var(--line);padding-block:20px 30px;color:var(--muted);font-size:.9375rem}.ai-disclosure strong{color:var(--ink);font-size:.9375rem}.ai-disclosure p{margin:5px 0 0;max-width:720px}

/* Shared MVX type roles; readability sizes intentionally larger than the main site. */
:root{--font-headline:'Space Grotesk',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'JetBrains Mono',monospace;--type-label:.875rem;--type-small:.9375rem;--type-ui:1rem;--type-body:1.125rem;--type-lead:1.25rem}
body{font-family:var(--font-body)}
h1,h2,h3,.booking-section h2{font-family:var(--font-headline);font-weight:700;line-height:1.2;letter-spacing:-.02em}
h3{letter-spacing:normal}
.wordmark,.site-header nav,.button,.text-link,.portrait figcaption strong,.offer .price{font-family:var(--font-headline)}
.wordmark{font-weight:700}.site-header nav{font-weight:500}.button{font-weight:600}
strong,b{font-weight:600}
.mono,.eyebrow{font-family:var(--font-mono);line-height:1.6}
.eyebrow{letter-spacing:.1em}.dot{flex-shrink:0}
.visual-top{font-size:var(--type-ui);font-weight:500}
.visual-top,.visual-bottom,.blueprint-head{flex-wrap:wrap;gap:8px 16px}
.hero-visual{padding-bottom:0}
.portrait figcaption{right:20px}
.project-note{position:relative;right:auto;bottom:auto;width:fit-content;max-width:calc(100% - 12px);margin:-8px 0 0 auto;transform:rotate(-2deg)}
.project-note .note-icon{flex-shrink:0}.project-note p{font-size:var(--type-body)}
.button{max-width:100%;white-space:normal;gap:16px}
.button>span,.text-link>span{flex-shrink:0}
.hero-copy,.hero-visual,.agenda li>div,.blueprint-row>div,.booking-layout>div{min-width:0}
.footer nav{flex-wrap:wrap}
@media(max-width:1100px){.site-header nav{gap:20px}.hero{gap:40px}}
@media(max-width:900px){
  .nav-cta{font-size:var(--type-small)}
  .hero-text{font-size:var(--type-lead)}
  h1{font-size:clamp(2.75rem,10.5vw,4.5625rem);letter-spacing:-.025em}
  .button{font-size:1.0625rem;padding-inline:16px}
  .booking-card .button{font-size:var(--type-ui);padding-inline:14px}
  .portrait img{height:420px}
  .portrait figcaption{left:20px;bottom:26px}
  .project-note{padding:16px;gap:12px}
  .booking-card,.product-copy,.handoff,.extended-offer,.offer,.workroom-grid article{overflow-wrap:anywhere}
}
@media(max-width:380px){
  .site-header{height:auto;min-height:76px;gap:12px;padding-block:16px;flex-wrap:wrap}
  .visual-top>span[aria-hidden]{display:none}
  .booking-section h2{font-size:2.75rem}
  .blueprint{padding-inline:16px}.blueprint-row{gap:16px}
}