/* Immersive photo hero: left-side copy floats above a directional shade. */
.hero{display:block;position:relative;isolation:isolate;min-height:640px;height:calc(100svh - 76px);max-height:1000px;padding:0;background:#100916;overflow:hidden}
:root .hero-photo{position:absolute;inset:0 0 0 12%;display:block;width:88%;height:100%;background:none;transform:none;-webkit-mask-image:none;mask-image:none;border-radius:0;box-shadow:none;overflow:hidden;z-index:-2}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-shade{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100916 0%,rgba(16,9,22,.96) 12%,rgba(16,9,22,.72) 28%,rgba(16,9,22,.14) 50%,transparent 72%),linear-gradient(0deg,rgba(16,9,22,.65),transparent 25%)}
.hero-copy{position:relative;width:43%;max-width:650px;padding:clamp(72px,12vh,140px) 0 80px clamp(28px,5vw,90px);text-shadow:0 2px 20px #0006;z-index:1}
.hero h1{font-size:clamp(48px,5.5vw,88px);letter-spacing:-2px;line-height:1.14;margin:0 0 26px}
.hero .eyebrow{font-size:14px;letter-spacing:3px;margin-bottom:24px}
.hero-description{font-size:clamp(15px,1.35vw,20px);line-height:1.8;margin-bottom:30px}
.hero-bottom{position:absolute;bottom:26px;left:clamp(28px,5vw,90px);right:clamp(28px,5vw,90px);padding:0;margin:0;gap:18px;text-shadow:0 1px 8px #0009;z-index:1}
.hero-index{display:none}
.photo-grid{align-items:start}
.photo-card{height:auto;background:none;border:1px solid #bc8bdf30;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.photo-card>img{display:block;width:100%;height:auto;object-fit:contain}
.photo-card .card-copy{position:static;padding:26px 28px 30px;background:linear-gradient(140deg,#251135,#170c22)}
.card-copy h3{font-size:clamp(22px,2.2vw,32px)}
.card-copy>p:last-child{line-height:1.8}
.medals{padding-bottom:35px}.medals-heading{margin-bottom:0}
@media(max-width:1000px) and (min-width:701px){.hero{min-height:600px;height:calc(100svh - 124px)}.hero-copy{width:46%;padding-left:32px;padding-top:100px}.hero h1{font-size:48px}.hero-description{font-size:15px}.hero .button{gap:18px;padding:13px 18px}.hero-photo img{object-position:42% top}}
@media(max-width:700px){.hero{height:clamp(440px,118vw,620px);min-height:0;max-height:none}:root .hero-photo{inset:0 0 0 12%;width:88%}.hero-photo img{object-fit:cover;object-position:24% top}.hero-shade{background:linear-gradient(90deg,rgba(16,9,22,.98),rgba(16,9,22,.8) 28%,rgba(16,9,22,.26) 51%,transparent 72%),linear-gradient(0deg,rgba(16,9,22,.8),transparent 20%)}.hero-copy{width:51%;max-width:none;padding:40px 0 65px 22px}.hero h1{font-size:clamp(26px,7.7vw,48px);line-height:1.18;letter-spacing:-1px;margin-bottom:20px}.hero .eyebrow{margin-bottom:18px;font-size:10px;letter-spacing:1.8px}.hero-description{font-size:12px;line-height:1.8;margin-bottom:22px;max-width:175px}.hero-description br{display:none}.hero .button{font-size:12px;padding:12px 15px;gap:14px}.hero .button span{font-size:16px}.hero-bottom{bottom:18px;left:22px;right:22px;font-size:10px;line-height:1.6}.hero-bottom>span{max-width:170px}.hero-bottom a{gap:8px}.photo-card{height:auto}.photo-card .card-copy{padding:24px}.card-copy h3{font-size:25px}.photo-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.hero-photo{transform:none}}