/* Page-owned botanical stock; the shared frame retains site navigation and action styling. */
.battle-page{--page-paper:#e9edde;background:var(--idea-paper);color:var(--idea-ink)}
.battle-page #content{background:linear-gradient(#e9edde,#e4ead8 68%,#e9edde)}
.battle-page .battle-hero{padding-top:170px}
.battle-page .opening{padding-top:15px}
.battle-page .home-figure,.battle-page .retail-figure{background:transparent}
@media(max-width:760px){.battle-page .battle-hero{padding-top:115px}.battle-page .opening{padding-top:25px}}
.battle-page .hero-copy .hero-instruction{max-width:30ch}

.battle-page .battle-hero{display:flex;flex-direction:column;min-height:0;padding:110px 0 0;background:#233b30}
.battle-page .hero-copy{order:0;max-width:none;padding:0 60px 30px;display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:center}
.battle-page .hero-copy h1{grid-row:1/3;font-size:80px;margin:0}
.battle-page .hero-copy h1 br{display:none}
.battle-page .hero-copy>p{max-width:27ch;font-size:25px;margin:0}
.battle-page .hero-copy .hero-instruction{font-size:16px;margin-top:12px}
.battle-page .hero-photo{order:1;position:relative;inset:auto;z-index:0;width:100%;height:auto;object-fit:contain}
.battle-page .battle-hero:after{z-index:1;inset:auto 0 0;height:80px;background:linear-gradient(transparent,#e9edde);pointer-events:none}
.battle-page .opening{padding-top:35px}
.battle-page .bay-copy{max-width:75ch}
@media(max-width:760px){
 .battle-page .battle-hero{padding-top:100px}
 .battle-page .hero-copy{display:block;padding:0 25px 25px}
 .battle-page .hero-copy h1{font-size:58px;margin-bottom:20px}
 .battle-page .hero-copy>p{font-size:22px}
 .battle-page .hero-copy .hero-instruction{font-size:15px;margin-top:16px}
 .battle-page .battle-hero:after{height:30px}
}

.battle-page .hero-photo{mask-image:linear-gradient(to bottom,transparent,#000 5%);margin-top:-1px}