.hero-visual.home-media{position:relative;align-self:center;min-width:0;min-height:0;width:100%;height:auto;display:block;overflow:hidden;border-radius:12px;background:#11171b;color:#fff}
.hero-visual.home-media::after{content:none}
.home-media-stage{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;touch-action:pan-y}
.home-media-stage::after{content:"";position:absolute;inset:auto 0 0;height:72px;background:linear-gradient(transparent,rgba(12,18,22,.35));pointer-events:none;z-index:2}
.home-media-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s;isolation:isolate}
.home-media-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.home-media-slide img,.home-media-slide video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.home-media-slide:first-child img{object-position:26% 50%}
.home-media-slide video{opacity:0;transition:opacity .3s ease}
.home-media-slide.has-video video{opacity:1}
.home-media-controls{position:absolute;inset:0;z-index:4;pointer-events:none}
.home-media-controls[hidden],.home-media-play[hidden],.home-media-message[hidden]{display:none}
.home-media-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:none;color:#fff;cursor:pointer;pointer-events:auto}
.home-media-controls button:focus-visible,.home-media-play:focus-visible{outline:2px solid #ffb34f;outline-offset:2px}
.home-media-dots{position:absolute;left:50%;bottom:12px;display:flex;align-items:center;gap:0;padding:0 5px;transform:translateX(-50%);border:1px solid #ffffff35;border-radius:30px;background:#131c21ad;backdrop-filter:blur(9px)}
.home-media-dots button span{width:9px;height:9px;border-radius:50%;background:#f5f8fad1;transition:width .25s ease,background .25s ease}
.home-media-dots button[aria-pressed="true"] span{width:23px;border-radius:10px;background:#ffae40}
.home-media-dots button:hover span{background:#fff}
.home-media-dots button[aria-pressed="true"]:hover span{background:#ffae40}
.home-media-controls .home-media-pause{position:absolute;top:12px;right:12px;min-width:44px;min-height:44px;border:1px solid #ffffff50;border-radius:50%;background:#131c21a8;backdrop-filter:blur(9px);font-size:1rem;line-height:1}
.home-media-pause:hover{background:#131c21dd}
.home-media-play{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);min-height:48px;padding:12px 18px;border:1px solid #ffffff88;border-radius:30px;background:#131c21d9;color:#fff;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 20px #0007;cursor:pointer;backdrop-filter:blur(9px)}
:root[data-theme="light"] .home-media{background:#20272a}
@media(max-width:620px){.hero-visual.home-media{height:auto;min-height:0}.home-media-stage{aspect-ratio:4/3}.home-media-slide:first-child img{object-position:26% 50%}.home-media-dots{bottom:10px}.home-media-controls .home-media-pause{top:10px;right:10px}}
@media(min-width:901px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.home-media-stage{aspect-ratio:5/4}}
@media(min-width:621px) and (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.home-media-stage{aspect-ratio:3/2}}
@media(orientation:landscape) and (min-width:560px) and (max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,3vw,28px);min-height:0;padding-block:28px}
  .hero h1{font-size:clamp(1.7rem,3.8vw,2.4rem);overflow-wrap:break-word}
  .hero-copy>p{margin-top:16px;line-height:1.45}
  .hero-actions{margin-top:18px;gap:14px}
  .hero-note{margin-top:20px}
  .home-media-stage{aspect-ratio:5/4}
}
@media(prefers-reduced-motion:reduce){.home-media-slide,.home-media-slide video,.home-media-dots button span{transition:none}}
.hero-grid>*{min-width:0}
@media(max-width:360px){.hero h1{font-size:2.3rem;overflow-wrap:anywhere}.hero .eyebrow{letter-spacing:.02em;font-size:.6rem}.hero-actions .button{padding-inline:16px;font-size:.83rem;gap:8px}}