/* Desktop ratio measured on SATISFY 2026-10-27: 1280 x 548.57 (~21:9).
   Mobile reference uses separate portrait imagery. Our 3:4 crop is a preview choice. */
.theme-hero{position:relative;background:#e8ece8;height:78svh;min-height:420px;max-height:850px;aspect-ratio:auto;overflow:hidden}
.theme-track{display:flex;width:100%;height:100%;transition:transform .65s ease;touch-action:pan-y}
.theme-slide{position:relative;flex:0 0 100%;height:100%;overflow:hidden}
.theme-slide>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.theme-slide:nth-child(2)>img{object-position:50% 30%}.theme-slide:nth-child(3)>img{object-position:50% 44%}.theme-slide:nth-child(4)>img{object-position:50% 10%}
.theme-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0003,transparent 30%);pointer-events:none}
.theme-copy{position:absolute;z-index:1;top:56%;left:50%;transform:translate(-50%,-50%);text-align:center;color:white;width:90%;text-shadow:0 1px 16px #0003}
.theme-copy h2{font-size:clamp(28px,3.4vw,54px);font-weight:400;line-height:1.05;margin:0 0 22px;letter-spacing:-.035em}
.theme-shop{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;background:transparent;color:inherit;border-radius:40px;min-width:90px;height:35px;padding:0 21px;font-size:13px;line-height:1;text-shadow:none;transition:background .2s}
.theme-shop:hover{background:#ffffff18}.theme-shop:before{content:'';position:absolute;inset:-5px}
.theme-shop{position:relative}.theme-controls{position:absolute;z-index:2;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:white}
.theme-controls>button{font-size:17px;width:44px;height:44px}.theme-dots{display:flex;gap:0}.theme-dots button{width:28px;height:44px;display:grid;place-items:center}.theme-dots span{width:5px;height:5px;border:1px solid white;border-radius:50%}.theme-dots [aria-pressed=true] span{background:white}
.theme-pause{position:absolute;z-index:2;right:20px;bottom:15px;color:white;font-size:10px;padding:10px;min-height:40px}.theme-reference{position:absolute;z-index:1;bottom:14px;left:20px;color:white;font-size:8px}.theme-hero :focus-visible{outline:2px solid white;outline-offset:5px}
@media(max-width:749px){.theme-hero{height:76svh;min-height:440px;max-height:720px;aspect-ratio:auto}.theme-copy{top:60%}.theme-copy h2{font-size:32px;margin-bottom:20px}.theme-slide:nth-child(1)>img{object-position:48% center}.theme-slide:nth-child(2)>img{object-position:50% center}.theme-slide:nth-child(3)>img{object-position:50% center}.theme-slide:nth-child(4)>img{object-position:50% center}.theme-controls{bottom:18px;gap:0}.theme-pause{right:6px;bottom:21px}.theme-reference{bottom:8px;left:12px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.theme-track{transition:none}}

/* Slightly taller photographic framing; keep text off the main runner’s face. */
.theme-slide:first-child .theme-copy{top:23%}
@media(max-width:749px){.theme-slide:first-child .theme-copy{top:22%}}

/* Individual editorial compositions. Same brand typeface, different photographic rhythm. */
.theme-slide .theme-copy{transform:none;top:auto;left:auto;width:auto;text-align:left;text-shadow:0 1px 14px #0004}
.theme-slide .scene-label{font-size:14px;line-height:1.2;margin:0 0 15px;letter-spacing:0;font-weight:400}
.theme-slide .scene-description{font-size:14px;line-height:1.5;margin:18px 0 25px;max-width:30ch}
.theme-slide .theme-copy h2{margin:0;font-weight:400}
.theme-slide.scene-courts .theme-copy{left:57%;right:5%;top:44%}
.scene-courts .theme-copy h2{font-size:clamp(40px,5.5vw,82px);letter-spacing:-.055em}
.theme-slide.scene-courts>img{object-position:50% 52%}
.theme-slide.scene-outdoors>img{object-position:50% 68%}
.theme-slide.scene-outdoors .theme-copy{right:6%;bottom:15%;text-align:right}
.scene-outdoors .scene-description{margin-left:auto}
.scene-outdoors .theme-copy h2{font-size:clamp(38px,4.6vw,68px);line-height:1.06;letter-spacing:-.04em}
.theme-slide.scene-running>img{object-position:50% 54%}
.theme-slide.scene-running .theme-copy{left:6%;top:17%}
.scene-running .theme-copy h2{font-size:clamp(44px,6.5vw,92px);font-weight:500;line-height:.99;letter-spacing:-.065em}
.theme-slide.scene-water>img{object-position:62% 50%}
.theme-slide.scene-water .theme-copy{left:7%;top:19%;color:#102e34;text-shadow:none}
.scene-water .theme-copy h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.035em;line-height:1.14}
.scene-water .scene-description{max-width:none}
.scene-water:after{background:linear-gradient(0deg,#0003,transparent 20%)}
@media(max-width:749px){
 .theme-slide .scene-label{font-size:12px;margin-bottom:12px}
 .theme-slide .scene-description{font-size:12px;margin:13px 0 18px;max-width:27ch}
 .theme-slide.scene-courts>img{object-position:13% 50%}
 .theme-slide.scene-courts .theme-copy{left:24px;right:20px;top:8%}
 .scene-courts .theme-copy h2{font-size:40px}
 .theme-slide.scene-outdoors>img{object-position:48% 62%}
 .theme-slide.scene-outdoors .theme-copy{left:24px;right:24px;top:7%;bottom:auto;text-align:right;color:#172826;text-shadow:0 1px 10px #fff6}
 .scene-outdoors .theme-copy h2{font-size:38px}
 .theme-slide.scene-running>img{object-position:50% 50%}
 .theme-slide.scene-running .theme-copy{left:24px;top:9%}
 .scene-running .theme-copy h2{font-size:48px}
 .theme-slide.scene-water>img{object-position:63% 50%}
 .theme-slide.scene-water .theme-copy{left:24px;right:24px;top:9%}
 .scene-water .theme-copy h2{font-size:32px;max-width:11ch}
}
@media(max-width:749px){.theme-slide.scene-courts .theme-copy{color:#172826;text-shadow:none}}