/* Fighting Fit family layout, using the current Austin Impact JKD site's
   verified brand red #E11315 and yellow #FFE234. Scoped to option 01. */
:root{--red:#e11315;--red-deep:#cc1415;--red-night:#e11315;--red-pale:#fff1ee;--yellow:#ffe234;--yellow-light:#ffed70}
/* Keep the punching student in a separate right-hand photo area.
   The left text panel stays readable; its red fades only at the photo seam. */
.hero{background:#a51d23}.hero-content{padding-right:22px}.method{background:#fff}.hero-image{left:44%}
.hero-image:after{background:linear-gradient(90deg,#a51d23 0%,rgba(165,29,35,.6) 7%,transparent 18%)}
/* Large yellow headings meet large-type contrast; small copy stays white. */
.hero .eyebrow,.hero .hero-copy,.hero .hero-note{color:#fff}.hero .eyebrow:before{background:var(--yellow)}
.training{background:#191919}.training p{color:#d3d3d3}.training .photo-statement{background:var(--red)}
.stories .eyebrow,.stories .intro p{color:#fff}.stories .eyebrow:before{background:var(--yellow)}
.path-art{box-shadow:22px 22px 0 #ffe23430}.path-art svg [stroke="#bc2838"]{stroke:var(--red)}.path-art svg [fill="#bc2838"]{fill:var(--red)}
@media(min-width:1051px){.hero h1{font-size:clamp(58px,5.5vw,86px)}.hero-content{width:48vw}.hero-image img{object-position:32% center}}
@media(max-width:700px){.hero-image{left:auto}.hero-image:after{background:none}.path-art{box-shadow:12px 12px 0 #ffe23430}}

.approach-links{display:flex;flex-wrap:wrap;gap:16px 32px}

@media(min-width:701px) and (max-width:1050px){.hero-image img{object-position:32% center}}

.homepage-curriculum img{width:100%;height:auto;border:1px solid var(--line)}.homepage-curriculum figcaption{font-size:11px;line-height:1.6;margin:16px 0;color:var(--muted)}