/* Isolated copy direction A. Review only. */
.quiet-hero h1{font-size:clamp(50px,4.5vw,64px);line-height:1.06;letter-spacing:-.045em;margin-bottom:26px}
.quiet-hero .copy>.hero-benefit{font-size:19px;line-height:1.6;color:#666c64;margin-bottom:30px}
.quiet-hero .copy>.cta-note{font-size:13px;line-height:1.7;margin-top:20px;color:#777c74}
.quiet-hero .copy>.cta-note strong{font-weight:500;color:#454b43}
@media(max-width:700px){
 .quiet-hero .copy{width:100%;text-align:center}
 .quiet-hero h1{font-size:44px;line-height:1.07;margin-bottom:23px}
 .quiet-hero .copy>.hero-benefit{font-size:17px;line-height:1.55;margin:0 auto 25px}
 .quiet-hero .copy>.cta-note{font-size:12px;line-height:1.65;margin-top:17px}
}
@media(max-width:360px){.quiet-hero h1{font-size:38px}.quiet-hero .copy>.hero-benefit{font-size:15px}}

/* Soft transition from the hero into the campaign. */
.campaign-opening{position:relative}
.campaign-opening::before{content:"";position:absolute;inset:auto 0 100%;height:72px;background:linear-gradient(to bottom,transparent 0%,rgba(32,36,32,.003) 25%,rgba(32,36,32,.012) 55%,rgba(32,36,32,.028) 80%,rgba(32,36,32,.045) 100%);pointer-events:none}
.quiet-hero .copy>.hero-benefit{max-width:390px}
@media(max-width:700px){.quiet-hero .copy>.hero-benefit{max-width:310px}}

/* Keep boundary shadows within the dark surface. */
.long-game{box-shadow:inset 0 42px 64px -40px rgba(0,0,0,.5),inset 0 -42px 64px -40px rgba(0,0,0,.5)}

/* Full-width closing surface, with shadows contained on gray. */
.closing.wrap.quiet-closing{width:100%;max-width:none;margin-inline:0;border-radius:0;border-top:0;box-shadow:inset 0 38px 64px -42px rgba(32,36,32,.22),inset 0 -38px 64px -42px rgba(32,36,32,.22)}