/* ===== Hero headline + "the field" band =====
   Headline: Instrument Serif (same face as the wordmark and covers), smaller and calmer.
   Band: slim photographic strip, grass/path on the LEFT, the field paragraph as a pull-quote on the right. */
.scroll-story .hero h1{font:400 clamp(40px,4.5vw,58px)/1.04 'Instrument Serif',Georgia,serif;letter-spacing:-.012em;margin:0 0 24px;max-width:11.6em;text-wrap:balance}
.scroll-story .hero h1 em{display:block;color:#f2b9c4;margin-top:.1em}
.scroll-story .hero .support{font-size:18px;line-height:1.7;max-width:480px;color:#e6d3d8;margin:0}
.scroll-story .hero .support b{font-weight:600;color:#faf0dd}
.scroll-story .hero .actions{margin-top:30px}

.field-band{position:relative;background:#2a111e;color:#faf0dd;min-height:clamp(380px,32vw,450px);overflow:hidden;display:flex;align-items:center}
.field-band .fb-art.fp{position:absolute;inset:0;--fp-radius:0;background:#2a111e;animation:fbpush 38s ease-in-out infinite alternate;transform-origin:30% 62%}
@keyframes fbpush{from{transform:scale(1)}to{transform:scale(1.07)}}
body.motion-off .field-band .fb-art.fp{animation-play-state:paused}
.field-band::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:
 linear-gradient(270deg,#2a111e 0%,rgba(42,17,30,.94) 26%,rgba(42,17,30,.62) 46%,rgba(42,17,30,.08) 70%,transparent 100%),
 linear-gradient(180deg,#2a111e 0%,rgba(42,17,30,0) 20%,rgba(42,17,30,0) 80%,#2a111e 100%)}
.field-band .fb-copy{position:relative;z-index:2;width:100%;padding:56px max(36px,calc((100vw - 1188px)/2));display:flex;justify-content:flex-end}
.field-band blockquote{margin:0;width:min(500px,46%);padding:4px 0 4px 28px;border-left:2px solid #efce9e;font:italic 400 clamp(24px,2.5vw,32px)/1.3 'Instrument Serif',Georgia,serif;color:#faf0dd;text-wrap:pretty}
.field-band blockquote span{color:#efce9e}
@media (max-width:820px){
 .field-band{display:block;min-height:0}
 .field-band .fb-art.fp{position:relative;height:250px;animation:none}
 .field-band::after{background:linear-gradient(180deg,rgba(42,17,30,.5) 0%,rgba(42,17,30,0) 25%,rgba(42,17,30,0) 55%,#2a111e 100%);height:250px;bottom:auto}
 .field-band .fb-copy{padding:8px 24px 52px;justify-content:flex-start}
 .field-band blockquote{width:100%;font-size:25px}
}