/* Marketing uses a visual stage; paragraphs keep their own reading measure. */
.marketing-page{--site-width:1240px;--measure:680px;--layout-gap:clamp(32px,4vw,64px)}
.marketing-page main p{max-width:var(--measure)}
.marketing-page .content-hero,.marketing-page .product-hero,.marketing-page .product-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--layout-gap)}
.marketing-page .content-hero{align-items:start}
.marketing-page .content-hero-image{transform:rotate(-2deg);max-width:var(--measure)}
.marketing-page .content-hero>div,.marketing-page .product-copy{min-width:0}
.marketing-page .content-hero-image,.marketing-page .product-hero img{aspect-ratio:16/11;max-height:560px}
.marketing-page .product-feature{align-items:center;margin-bottom:80px}
.marketing-page .product-feature figure{min-width:0}
.marketing-page .product-feature img{aspect-ratio:16/10;max-height:420px}
.marketing-page .product-question-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:40px var(--layout-gap)}
.marketing-page .product-question-grid article{max-width:var(--measure)}
.marketing-page .product-closing>p{max-width:var(--measure)}
/* Chapter headings hold context while the corresponding body passes beside them. */
.marketing-page .narrative-layout{display:block}
.marketing-page .narrative-layout>.content-body{max-width:none}
.marketing-page .narrative-layout .content-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--layout-gap);align-items:start;padding:64px 0;border-bottom:1px solid var(--line)}
.marketing-page .narrative-layout .content-block:first-child{padding-top:0}
.marketing-page .narrative-heading{position:sticky;top:128px;min-width:0;max-width:560px}
.marketing-page .narrative-heading h2{margin:0;max-width:23ch}
.marketing-page .narrative-copy{min-width:0;max-width:var(--measure)}
.marketing-page .narrative-copy>:first-child{margin-top:0}
.marketing-page .narrative-copy>:last-child{margin-bottom:0}
.marketing-page .person-signature{font:400 22px/1.4 Sora,system-ui,sans-serif;color:var(--muted);margin-top:32px}
.marketing-page .narrative-copy .content-faq:first-child{padding-top:0}
/* Keep the full signal combination broad without broadening its explanation. */
.marketing-page .signal-page{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-width);padding:64px 0 0}
.marketing-page .signal-hero{gap:var(--layout-gap)}
.marketing-page .signal-intro,.marketing-page .signal-case-situation{max-width:var(--measure)}
.marketing-page .signal-context,.marketing-page .signal-responsibility,.marketing-page .signal-pilot,.marketing-page .signal-faq{gap:var(--layout-gap)}
.marketing-page .signal-context>div,.marketing-page .signal-responsibility>div,.marketing-page .signal-pilot>div,.marketing-page .signal-faq>div{max-width:var(--measure);min-width:0}
.marketing-page .signal-opportunity{max-width:var(--measure)}
.marketing-page .signal-process p{max-width:100%}
.marketing-page .signal-hero-scene{transform:rotate(-2deg)}
/* The archive's former padding counted twice against its maximum width. */
.marketing-page .trigger-archive{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-width);padding:64px 0 96px}
.marketing-page .trigger-archive>header,.marketing-page .archive-body{max-width:var(--measure)}
.marketing-page .archive-summary h2{max-width:56ch}
.marketing-page .blog-hero{gap:var(--layout-gap)}
.marketing-page .blog-practice>div{min-width:0}
/* One boundary before the closing CTA, rather than an empty document tail between two rules. */
.marketing-page .document:has(+ .content-closing){padding-bottom:0}
.marketing-page .document+.content-closing{border-top:0}
@media(min-width:1101px){
 .marketing-page .product-feature:nth-of-type(odd) .product-copy{grid-column:2;grid-row:1}
 .marketing-page .product-feature:nth-of-type(odd) figure{grid-column:1;grid-row:1}
}
@media(max-width:1100px){
 .marketing-page .product-hero,.marketing-page .product-feature,.marketing-page .content-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .marketing-page .narrative-layout .content-block{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--layout-gap)}
 .marketing-page .narrative-heading{top:112px}
}
@media(max-width:1000px){
 .marketing-page .content-hero,.marketing-page .product-hero,.marketing-page .product-feature{display:flex;flex-direction:column;gap:32px;align-items:stretch}
 .marketing-page .content-hero>div,.marketing-page .product-copy{max-width:var(--measure)}
 .marketing-page .content-hero-image,.marketing-page .theme-artwork,.marketing-page .product-hero figure{width:100%;max-height:480px}
 .marketing-page .content-hero-image,.marketing-page .product-hero img{aspect-ratio:16/9}
 .marketing-page .product-feature .product-copy{order:0}
 .marketing-page .product-feature figure{order:1;width:100%}
 .marketing-page .product-feature img{aspect-ratio:16/9;max-height:400px}
 .marketing-page .narrative-layout .content-block{display:block;padding:40px 0}
 .marketing-page .narrative-heading{position:static;max-width:var(--measure);margin-bottom:24px}
 .marketing-page .narrative-heading h2{max-width:none}
}
@media(max-width:800px){
 .marketing-page .signal-hero{gap:24px}
 .marketing-page .signal-hero-scene{transform:none}
 .marketing-page .content-hero-image{transform:none}
 .marketing-page .signal-page{padding-top:44px}
 .marketing-page .product-question-grid{grid-template-columns:1fr;gap:28px}
 .marketing-page .trigger-archive{padding:40px 0 64px}
}
@media(max-width:760px){
 .marketing-page .product-feature{margin-bottom:56px}
 .marketing-page .content-hero-image,.marketing-page .product-hero img,.marketing-page .product-feature img{max-height:300px}
 .marketing-page .narrative-layout .content-block{padding:32px 0}
 .marketing-page .narrative-heading h2{font-size:28px}
}