.heroes-page{background:#052f47}.heroes-header{position:absolute;background:linear-gradient(180deg,#052d45ee,transparent);border-bottom-color:#ffffff26}.heroes-gallery{height:max(850px,100vh);min-height:760px;position:relative;overflow:hidden;color:white;padding:135px max(5vw,calc((100vw - 1280px)/2)) 38px;display:grid;grid-template-rows:auto 1fr auto auto}.portrait-backdrop{position:absolute;inset:-30px;background-size:cover;background-position:center 28%;filter:blur(22px) saturate(.7);transform:scale(1.12);opacity:.43;transition:background-image .8s ease,opacity .8s ease}.heroes-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,29,44,.97) 0%,rgba(3,35,52,.78) 43%,rgba(3,35,52,.34) 72%,rgba(3,26,40,.75) 100%),linear-gradient(0deg,#041f30 0%,transparent 48%,rgba(3,28,43,.58) 100%)}.gallery-heading{position:relative;z-index:2}.gallery-heading h1{font-size:clamp(3.2rem,5.1vw,5.8rem);margin-bottom:0}.carousel{position:relative;z-index:2;display:grid;grid-template-columns:minmax(340px,.88fr) minmax(380px,.72fr) auto;align-items:center;gap:clamp(2rem,5vw,6.5rem);min-height:470px}.hero-story{max-width:570px}.story-count{display:flex;align-items:center;gap:.8rem;font-size:.7rem;letter-spacing:.14em;color:#b8dbe3}.story-count i{height:1px;width:55px;background:#f1b45b}.story-count span:first-child{font-family:var(--serif);font-size:1.8rem;color:#fcd6a3}.story-kicker{text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;font-weight:700;color:#fcd6a3;margin:0 0 .8rem}.hero-story h2{font-size:clamp(3.6rem,6vw,7rem);line-height:.86;margin-bottom:1.4rem;color:white}.story-description{font-family:var(--serif);font-size:1.45rem;line-height:1.35;color:#d9edf1;max-width:490px;margin-bottom:2rem}.active-portrait{height:min(54vh,570px);min-height:430px;max-width:430px;position:relative;display:block;justify-self:center}.active-portrait img{height:100%;width:100%;object-fit:cover;object-position:center top;position:relative;z-index:2;filter:saturate(.86);transition:opacity .35s ease,transform .7s ease}.portrait-frame{position:absolute;z-index:1;inset:-15px 20px 22px -15px;border:1px solid #f1b45b99}.portrait-glow{position:absolute;z-index:0;width:70%;height:70%;border-radius:50%;background:#f1b45b42;filter:blur(75px);right:-18%;top:9%}.portrait-cta{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:2rem 1.5rem 1.2rem;background:linear-gradient(0deg,#062f48e8,transparent);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;opacity:0;transform:translateY(8px);transition:.3s}.portrait-cta b{float:right;color:#fcd6a3}.active-portrait:hover img{transform:scale(1.015)}.active-portrait:hover .portrait-cta{opacity:1;transform:none}.active-portrait.changing img{opacity:0}.carousel-controls{display:flex;flex-direction:column;gap:.65rem}.carousel-arrow,.carousel-pause{width:52px;height:52px;border-radius:50%;border:1px solid #ffffff66;background:#073e5ad9;color:white;font-size:1.25rem;cursor:pointer;transition:.25s}.carousel-arrow:hover,.carousel-pause:hover{background:var(--teal);border-color:#fcd6a3}.carousel-pause{font-family:var(--sans);font-size:.7rem}.play-symbol{display:none}.carousel-pause.paused .play-symbol{display:inline}.carousel-pause.paused .pause-symbol{display:none}.hero-thumbnails{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);gap:.85rem;max-width:920px;margin-left:auto}.hero-thumb{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:.8rem;background:#07364f99;border:1px solid #ffffff2c;padding:.5rem;text-align:left;color:white;cursor:pointer;transition:.25s}.hero-thumb:hover,.hero-thumb.active{background:#117595c9;border-color:#f1b45b}.hero-thumb img{width:52px;height:58px;object-fit:cover;object-position:top}.hero-thumb span{font-family:var(--serif);font-size:.96rem;line-height:1.05}.hero-thumb small{display:block;font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;font-size:.48rem;color:#b9dce4;margin-bottom:.2rem}.carousel-progress{position:relative;z-index:3;height:2px;background:#ffffff27;max-width:920px;margin:.8rem 0 0 auto}.carousel-progress span{display:block;height:100%;width:0;background:var(--gold)}.carousel-progress span.running{animation:heroProgress 7s linear forwards}@keyframes heroProgress{from{width:0}to{width:100%}}.heroes-purpose{background:var(--cream);padding:clamp(6rem,10vw,10rem) max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.purpose-title h2{color:var(--deep)}.purpose-text{max-width:630px}.purpose-text p:first-child{font-family:var(--serif);font-size:1.65rem;line-height:1.4;color:var(--deep)}.heroes-all{margin-top:1.2rem;background:var(--teal);color:white}.heroes-all:hover{background:var(--deep)}
@media(max-width:1050px){.heroes-gallery{height:auto;min-height:980px}.carousel{grid-template-columns:.9fr .7fr auto;gap:2rem}.hero-story h2{font-size:4.4rem}.hero-thumbnails{max-width:none}.hero-thumb{grid-template-columns:1fr;text-align:center}.hero-thumb img{display:none}.hero-thumb span{font-size:.85rem}.active-portrait{height:480px}.heroes-purpose{grid-template-columns:1fr;gap:2rem}}
@media(max-width:720px){.heroes-gallery{padding:120px 22px 35px;min-height:auto;display:block}.gallery-heading{text-align:center}.gallery-heading h1{font-size:3.4rem}.carousel{display:flex;flex-direction:column;margin-top:2rem;gap:1.5rem}.hero-story{order:2;text-align:center}.story-count{justify-content:center}.hero-story h2{font-size:4rem}.story-description{font-size:1.25rem}.active-portrait{order:1;width:72vw;height:410px;min-height:0}.carousel-controls{order:3;flex-direction:row}.hero-thumbnails{margin-top:2rem;display:flex;overflow-x:auto;padding-bottom:.5rem}.hero-thumb{min-width:125px;padding:.7rem}.carousel-progress{margin:.8rem 0 0}.heroes-purpose{padding:5rem 24px}.purpose-text p:first-child{font-size:1.4rem}}