/* Home-only composition study. Shared palette, header, body and footer remain canonical. */
body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero {
 display:block; position:relative; isolation:isolate; overflow:hidden; width:100%; max-width:none; margin:0; min-height:680px;
 padding:88px max(32px,calc((100% - 1160px)/2)) 118px; background:#fff;
}
body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero:before,
body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero:after { content:none; }
body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero .hero-copy { position:relative; z-index:1; max-width:1000px; }
body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero .eyebrow { font-size:15px; letter-spacing:.04em; margin-bottom:26px; }
body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero h1 { margin:0 0 28px; font-size:clamp(44px,5vw,72px); line-height:1.32; letter-spacing:-.025em; font-feature-settings:normal; font-weight:700; }
body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero h1 span { color:var(--ep-heading); }
body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero .hero-lead { font-size:18px; line-height:1.85; max-width:38em; margin:0; }
body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .hero-sentence { display:block; }
body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero .actions { margin-top:30px; gap:16px; }
.motion-field { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.motion-field svg { display:block; width:100%; height:100%; }
.field-surface { transform-box:fill-box; transform-origin:center; }
body[data-home-study="motion"] .field-cyan { animation:surface-cyan 16s ease-in-out infinite alternate; }
body[data-home-study="motion"] .field-coral { animation:surface-coral 16s ease-in-out infinite alternate; }
body[data-home-study="motion"] .field-gold { animation:surface-gold 16s ease-in-out infinite alternate; }
@keyframes surface-cyan { from { transform:translate(32px,-18px) rotate(-3deg); } to { transform:translate(-10px,8px) rotate(1deg); } }
@keyframes surface-coral { from { transform:translate(-28px,20px) rotate(2deg); } to { transform:translate(12px,-8px) rotate(-.6deg); } }
@keyframes surface-gold { from { transform:translate(20px,25px) rotate(3deg); } to { transform:translate(-8px,-8px) rotate(-1deg); } }
body[data-home-study="motion"] .motion-hero[data-paused="true"] .field-surface { animation-play-state:paused; }








body[data-motion-reduced="true"] .field-surface { animation:none!important; }
@media(max-width:1050px) {
 body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero { min-height:620px; padding-block:78px 116px; }
 body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero h1 { font-size:clamp(40px,5.15vw,54px); }
 .motion-field { left:-12%; right:-12%; }
}
@media(max-width:760px) {
 body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero { min-height:650px; padding:50px 22px 230px; }
 body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero .eyebrow { font-size:14px; margin-bottom:23px; }
 body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero h1 { font-size:clamp(28px,8.05vw,47px); line-height:1.45; letter-spacing:-.02em; margin-bottom:24px; }
 body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero .hero-lead { font-size:18px; line-height:1.85; max-width:25em; }
 body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .hero-sentence { display:inline; }
 body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero .actions { margin-top:26px; gap:12px; }
 .motion-field { inset:290px -46% -14px -62%; }
 .motion-field svg { height:100%; }
 
}
@media(prefers-reduced-motion:reduce) { .field-surface { animation:none!important; } }
/* Narrow screens: bring the field below the actions into view, without a separate illustration block. */
@media(max-width:760px) {
 body[data-site-design="approved-20261023"][data-page="home"][data-home-study] .motion-hero { min-height:560px; padding-bottom:140px; }
 .motion-field { inset:300px -3% -20px -95%; mask-image:linear-gradient(transparent,#000 90px); }
 .motion-field svg { height:400px; transform:translateY(-115px); }
}