.photo-hero{position:relative;isolation:isolate;overflow:hidden;min-height:680px;margin-top:24px;margin-bottom:24px;border-radius:24px;border:1px solid #3a7085;padding:72px 48px;grid-template-columns:1.3fr 1fr;background:#103344;box-shadow:0 24px 90px #06283c70}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-4}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.promo-controls{position:absolute;right:24px;top:24px;display:flex;gap:8px}
.promo-controls button,.header-actions button,.shop-preview button{font:inherit;color:#e5f8ff;background:#092637;border:1px solid #44879c;border-radius:24px;padding:10px 16px;cursor:pointer}
.header-actions{flex-wrap:wrap}.header-actions [role=status]{font-size:12px}
.shop-preview{padding:0 24px 60px}.shop-preview h2{font-size:28px}.shop-preview>p{color:#90b4c7;font-size:13px}.shop-preview>a{margin-left:20px;color:#67dcff}
.promo-shop-rail{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;margin:24px 0;scroll-snap-type:x mandatory}
.promo-shop-rail::-webkit-scrollbar{display:none}
.promo-shop-rail>a{flex:0 0 calc((100% - 54px)/4);min-width:0;box-sizing:border-box;scroll-snap-align:start;display:grid;gap:14px;padding:16px;background:linear-gradient(145deg,#17364a,#0c1c2e);border:1px solid #294959;border-radius:18px;color:#edf9ff;text-decoration:none}
.promo-shop-rail img{width:100%;height:180px;object-fit:contain;background:#ffffff;border-radius:12px}
.promo-shop-rail strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
button:focus-visible,.promo-shop-rail a:focus-visible{outline:3px solid #69ddff;outline-offset:3px}
@media(max-width:700px){.promo-controls{top:auto;bottom:18px;right:16px}.hero-scene-note{padding-bottom:48px}.shop-preview{padding:0 20px 40px}.promo-shop-rail>a{flex-basis:100%}.header-actions button{font-size:12px;padding:8px 12px}}
.photo-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061322ed 0%,#07192cd9 31%,#091b304d 66%,#091b3010 100%);z-index:-2}
.photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#091522b0,transparent 45%);z-index:-1}
.photo-hero .lead{color:#e0edf3;max-width:540px}
.photo-hero .micro{color:#d1e4ec}
.photo-hero .eyebrow{color:#83eaff}
.photo-hero h1{font-size:clamp(38px,4.3vw,60px);text-shadow:0 2px 24px #04101f80}
.photo-hero .app-link{background:#091829e8;border-color:#5894a6}
.photo-hero .app-link.green{background:#082c2be8;border-color:#39cda1}
.hero-scene-note{align-self:end;justify-self:end;text-align:right;color:white;display:grid;gap:8px}
.hero-scene-note>span{font:600 16px 'Space Grotesk',sans-serif;letter-spacing:2px;text-shadow:0 1px 12px #000}
.hero-scene-note small{font-size:10px;color:#e0edf3}
.community-photo{margin:0;border-radius:24px;overflow:hidden;position:relative;min-height:480px;border:1px solid #3a7085;box-shadow:0 20px 70px #123d493d}
.community-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center}
.community-photo figcaption{position:absolute;inset:auto 0 0;display:grid;gap:8px;padding:60px 26px 26px;background:linear-gradient(transparent,#061322f5)}
.community-photo strong{font-size:25px;line-height:1.2;color:white}
.community-photo span{font-size:10px;color:#d1e4ec}
@media(max-width:1280px){.photo-hero{margin-left:20px;margin-right:20px}}
@media(max-width:700px){.photo-hero{margin:12px 12px 24px;padding:32px 22px 24px;min-height:790px;grid-template-columns:1fr;align-content:space-between;gap:120px}.hero-photo{object-position:67% center}.photo-hero:before{background:linear-gradient(180deg,#071524ed 0%,#071524bd 45%,#07152426 76%,#071524c9 100%)}.photo-hero h1{font-size:38px;letter-spacing:-1.3px}.photo-hero .lead{font-size:15px}.hero-scene-note{justify-self:start;text-align:left}.community-photo{min-height:360px}.community-photo strong{font-size:23px}}