/* Homepage editorial reduction. Existing brand, accessible type, calmer spacing.
   DESIGN_VARIANCE: 6; MOTION_INTENSITY: 4 (existing engine); VISUAL_DENSITY: 2.
   Intentionally scoped to the homepage: detailed cases keep their own layout. */
.home-page .section{padding-block:112px}
.home-page .section-head{margin-bottom:56px}
.home-page .section-title-wrap{max-width:850px}
.home-page .section-title-wrap h2{font-size:clamp(2.35rem,4vw,3.8rem);line-height:1.12}
.home-page .section-title-wrap>p{margin-top:22px;max-width:48ch}
.home-page .hero{padding-bottom:64px}
.home-page .hero-grid{gap:60px}
.home-page .hero-copy{max-width:46ch}
.home-page .hero-copy p{font-size:1rem}
.home-page .hero h1{font-size:clamp(1.75rem,4.1vw,4rem);line-height:1.12}
.home-page .hero-actions{margin-top:32px}
.home-page .engine-scene{height:clamp(300px,29vw,420px)}
.home-page .audiences{padding-block:72px}
.home-page .audience-grid{gap:100px}
.home-page .audience-grid article{border-top:0;padding-top:0}
.home-page .audience-grid h3{font-size:clamp(1.7rem,2.5vw,2.35rem);max-width:19ch;margin:20px 0}
.home-page .audience-grid p{max-width:39ch}
.home-page .audience-links{margin-top:24px}
.home-page .project-summary{gap:72px;padding-top:0;border-top:0;margin-top:80px;align-items:center}
.home-page .project-summary:first-of-type{margin-top:0}
.home-page .project-copy{padding-block:20px}
.home-page .project-copy:before{display:none}
.home-page .project-copy h3{font-size:clamp(2rem,3vw,3rem);margin-bottom:26px}
.home-page .project-copy>p{max-width:42ch;line-height:1.8}
.home-page .project-read{margin-top:28px}
.home-page .project-summary .case-exhibit{min-height:330px}
.home-page .case-exhibit-proof img{height:auto;aspect-ratio:16/10;object-fit:cover}
.home-page .case-exhibit-type strong{font-size:clamp(3rem,5vw,5rem)}
.home-page .method-steps{gap:56px}
.home-page .method-steps p{max-width:32ch}
.home-page .pricing-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px 64px;padding-block:40px;align-items:start}
.home-page .pricing-name{grid-column:1;grid-row:1}
.home-page .pricing-name h3{margin:0;font-size:1.75rem;max-width:24ch}
.home-page .pricing-action{grid-column:2;grid-row:1 / span 2}
.home-page .pricing-deliverables{grid-column:1;grid-row:2}
.home-page .offer-details summary{padding:10px 0;border:0;cursor:pointer;color:#465700;font-size:.95rem}
.home-page .offer-details[open] summary{margin-bottom:16px}
.home-page .price-terms{max-width:82ch;margin-top:28px;line-height:1.8}
.home-page .about-copy h2{font-size:clamp(2.2rem,3.5vw,3.4rem);max-width:18ch;line-height:1.12}
.home-page .about-copy p{max-width:48ch;margin-block:28px}
.home-page .faq-list{margin-left:0;max-width:850px}
.home-page .faq-list summary{padding-block:25px}
.home-page .faq-list p{max-width:66ch}
.home-page .tools-compact{margin-top:52px}
.home-page .contact-content>p{max-width:36ch}
.home-page .contact-boundary{font-size:.875rem}
@media(max-width:960px){
 .home-page .hero-grid{gap:24px}
 .home-page .audience-grid{gap:48px}
 .home-page .project-summary{gap:36px}
 .home-page .method-steps{gap:28px}
}
@media(max-width:760px){
 .home-page .section{padding-block:72px}
 .home-page .section-head{margin-bottom:38px}
 .home-page .hero{padding-bottom:36px}
 .home-page .hero h1{font-size:clamp(1.65rem,7.4vw,3.5rem)}
 .home-page .hero-grid{gap:20px}
 .home-page .hero-copy{max-width:37ch}
 .home-page .hero-actions{margin-top:26px;gap:14px}
 .home-page .process-board{padding-top:0}
 .home-page .engine-scene{height:220px;max-width:320px}
 .home-page .audiences{padding-block:56px}
 .home-page .audience-grid{grid-template-columns:1fr;gap:48px}
 .home-page .audience-grid h3{max-width:22ch}
 .home-page .project-summary{grid-template-columns:1fr;gap:28px;margin-top:64px}
 .home-page .project-copy{padding:0}
 .home-page .project-summary .case-exhibit{min-height:0}
 .home-page .project-summary .case-exhibit-type{min-height:270px}
 .home-page .project-copy h3{margin-bottom:20px}
 .home-page .project-read{margin-top:18px}
 .home-page .method-steps{gap:28px}
 .home-page .method-steps li{grid-template-columns:minmax(0,1fr)}
 .home-page .pricing-row{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:32px}
 .home-page .pricing-name,.home-page .pricing-action,.home-page .pricing-deliverables{grid-column:1;grid-row:auto}
 .home-page .pricing-action{grid-row:2}
 .home-page .pricing-deliverables{grid-row:3}
 .home-page .pricing-name h3{font-size:1.65rem}
 .home-page .faq-list summary{font-size:1.15rem;padding-block:22px}
 .home-page .tools-compact{align-items:flex-start}
}
