@import url("/assets/product-brand-fonts.css");
/* Shared reading rhythm, with brand-specific editorial surfaces. */
.editorial{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}.editorial h1{overflow-wrap:break-word}.editorial>p{max-width:48ch;line-height:1.6}.story-intro,.story-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}.story-intro h2,.story-heading h2{max-width:none;margin:0}.story-intro .lead,.story-heading .lead{max-width:none;margin:0;font-size:18px;line-height:1.75}.story-intro p+p,.story-heading p+p{margin-top:16px}.story-heading{margin-bottom:36px}.story-section>.wrap>h2{max-width:32ch;text-wrap:balance;margin-bottom:28px}.story-note h3{margin-bottom:12px}.story-note p{line-height:1.75}.story-intro{margin-top:36px}.story-side{gap:clamp(28px,4vw,56px)}.website-screen figcaption p{max-width:none}.skills-intro{max-width:none;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:48px;align-items:start}.skills-intro>.mono{grid-column:1/-1}.skills-intro h2{margin:16px 0 0}.skills-intro>.lead{margin-top:16px;max-width:none}.contact-start h2{max-width:28ch;text-wrap:balance}.section :is(h2,h3){text-wrap:balance}.brand-copy{gap:clamp(28px,5vw,64px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.brand-copy h2{max-width:none;line-height:1.15}.brand-copy p{max-width:none;line-height:1.75}.brand-annotation{max-width:84ch}.brand-case .section{padding-block:52px}.brand-case .brand-figure>a{border:1px solid var(--border);background:var(--bg)}.brand-case .brand-download{background:var(--brand-wash,var(--section-blue));border:1px solid var(--border);border-radius:6px}.brand-download h2{line-height:1.15}.brand-case #design-system{background:var(--brand-wash,var(--section-blue))}.brand-case .brand-board-pair{align-items:start}.brand-case .brand-mockup-grid{align-items:start}.brand-case .brand-mockup-grid .brand-figure{height:100%}.brand-case .brand-mockup-grid figcaption{align-items:baseline}.brand-case .brand-figure figcaption span{max-width:65ch}
.project-stillwake{--brand-wash:#eef4f1;--brand-heading:Georgia,serif}.project-ramble-field{--brand-wash:#edf2ee;--brand-heading:'Bricolage Grotesque',sans-serif}.project-sidequest-social{--brand-wash:#f0edfa;--brand-heading:'IBM Plex Mono',monospace}.project-common-stem{--brand-wash:#f6edf1;--brand-heading:Georgia,serif}.project-morrowbyte{--brand-wash:#eaf0f8;--brand-heading:Georgia,serif}.project-aftertone{--brand-wash:#f0eeff;--brand-heading:'Bricolage Grotesque',sans-serif}.project-ternline{--brand-wash:#e9f4f7;--brand-heading:'Manrope',sans-serif}.project-oddform{--brand-wash:#edf0ff;--brand-heading:'Bricolage Grotesque',sans-serif}.project-brindle-house{--brand-wash:#edf1ff;--brand-heading:'Bricolage Grotesque',sans-serif}.project-serein-bathhouse{--brand-wash:#edf5f7;--brand-heading:Georgia,serif}.project-paloma-picturehouse{--brand-wash:#eef0f8;--brand-heading:Georgia,serif}.project-rivet-rye{--brand-wash:#f8efee;--brand-heading:'Bricolage Grotesque',sans-serif}
body:has(.brand-case) .intro{background:var(--brand-wash);background-image:none}body:has(.brand-case) :is(.intro h1,.brand-copy h2,.brand-download h2){font-family:var(--brand-heading);font-weight:400;letter-spacing:-.025em}body:has(.brand-case) .intro h1{font-size:clamp(42px,5.5vw,78px);line-height:1.08}.project-sidequest-social .brand-copy h2{font-size:clamp(27px,3vw,40px);letter-spacing:-.04em}.project-common-stem :is(.intro h1,.brand-copy h2){font-weight:400}.project-cohnnect-legal :is(.intro h1,.website-case h2){font-family:Georgia,serif;font-weight:400}.project-zentronis :is(.intro h1,.website-case h2){font-family:'Bricolage Grotesque',sans-serif}.project-klos-consulting :is(.intro h1,.website-case h2){font-family:'Manrope',sans-serif}
:root[data-theme=dark] body:has(.brand-case){--brand-wash:color-mix(in srgb,var(--bg) 92%,#7186ac 8%)}:root[data-theme=dark] body.project-stillwake:has(.brand-case),:root[data-theme=dark] body.project-ramble-field:has(.brand-case){--brand-wash:#1b2926}:root[data-theme=dark] body.project-common-stem:has(.brand-case),:root[data-theme=dark] body.project-rivet-rye:has(.brand-case){--brand-wash:#2c2228}:root[data-theme=dark] body.project-sidequest-social:has(.brand-case),:root[data-theme=dark] body.project-aftertone:has(.brand-case){--brand-wash:#242139}
@media(max-width:800px){.editorial,.story-intro,.story-heading,.skills-intro,.brand-copy{grid-template-columns:minmax(0,1fr);gap:18px}.editorial>p{max-width:none}.story-intro{margin-top:28px}.story-heading{margin-bottom:28px}.story-section>.wrap>h2{max-width:none;margin-bottom:24px}.story-intro .lead,.story-heading .lead{font-size:17px}.skills-intro>.mono{grid-column:auto}.skills-intro h2,.skills-intro>.lead{margin:0}.brand-case .section{padding-block:34px}.brand-copy{margin-bottom:28px}.brand-figure figcaption{font-size:12px;gap:14px}.brand-download{gap:24px}.brand-download .button{white-space:normal}.brand-annotation{max-width:none}.brand-case .brand-mockup-grid figcaption{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand-scene-count{margin:-12px 0 24px;color:var(--muted)}

/* Integration: prevent inherited synthetic styles and grid min-content overflow. */
.editorial>*,.story-intro>*,.story-heading>*,.brand-copy>*{min-width:0}
body:has(.brand-case) .intro:before{display:none}
.project-zentronis :is(.intro h1,.website-case h2),.project-klos-consulting :is(.intro h1,.website-case h2){font-weight:600}
body:has(.brand-case) :is(.intro h1,.brand-copy h2,.brand-download h2){font-variation-settings:normal}

/* Product concept identities: shared branding page treatments. */
.project-rivalry-road{--brand-wash:#f2f3f4}
.project-roam-together{--brand-wash:#f2f4f4}
.project-sunday-franchise{--brand-wash:#f2f2f3}
.project-hearthwild{--brand-wash:#f3f5f4}
.project-stormbound{--brand-wash:#f2f3f4}
.project-dead-signal{--brand-wash:#f2f2f2}
.project-pawpath{--brand-wash:#f5f4f5}
.project-relaydesk{--brand-wash:#f3f3f4}
.project-crownfall{--brand-wash:#f3f3f3}
.project-pocket-familiars{--brand-wash:#f5f4f6}
.project-benchspace{--brand-wash:#f3f4f4}
.project-clearledger{--brand-wash:#f4f4f5}
.project-casefile-no-9{--brand-wash:#f3f3f3}
.project-gather-local{--brand-wash:#f5f3f5}
.project-shiftwell{--brand-wash:#f2f4f5}
.project-shelfmark{--brand-wash:#f7f4f4}