:root{color-scheme:light dark;--bg:#f5f5f7;--surface:rgba(255,255,255,.72);--surface-strong:rgba(255,255,255,.92);--text:#17171a;--muted:#67676d;--line:rgba(20,20,24,.12);--accent:#6e5de7;--accent-soft:#e7e3ff;--shadow:0 30px 80px rgba(26,24,45,.16),0 2px 10px rgba(0,0,0,.08);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:16px;top:-60px;z-index:99;padding:10px 14px;border-radius:9px;background:var(--text);color:var(--bg)}.skip-link:focus{top:16px}.wrap,.site-header{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.02em}.brand-mark,.mini-wave{height:24px;display:inline-flex;align-items:center;gap:2px}.brand-mark i,.mini-wave i{display:block;width:2px;border-radius:3px;background:var(--accent)}.brand-mark i:nth-child(1),.brand-mark i:nth-child(5){height:8px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:16px}.brand-mark i:nth-child(3){height:24px}.site-header nav,.site-footer nav{display:flex;gap:28px}.site-header nav a,.site-footer nav a{color:var(--muted);font-size:14px}.site-header nav a:hover,.site-header nav a:focus-visible,.site-footer nav a:hover,.site-footer nav a:focus-visible,.site-header nav [aria-current]{color:var(--text)}.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);align-items:center;gap:72px;padding-block:80px 108px}.hero-copy h1{max-width:620px;margin:0 0 24px;font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em}.hero-copy>p:not(.availability){max-width:580px;margin:0 0 34px;color:var(--muted);font-size:19px;line-height:1.55}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 20px;border-radius:12px;background:var(--text);color:var(--bg);font-weight:600}.button.disabled{opacity:.48;cursor:not-allowed}.availability{display:flex;align-items:center;gap:8px;margin:16px 0 0;color:var(--muted);font-size:13px}.availability span{width:7px;height:7px;border-radius:50%;background:var(--accent)}.product-stage{position:relative;padding:0 16px 30px}.product-stage:before{content:"";position:absolute;inset:12% -5% 0;background:radial-gradient(circle at 50% 36%,rgba(110,93,231,.24),transparent 55%);filter:blur(18px);pointer-events:none}.menu-bar{position:relative;z-index:1;height:44px;display:flex;align-items:center;gap:16px;padding:0 18px;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;background:var(--surface);backdrop-filter:blur(26px);box-shadow:0 12px 24px rgba(0,0,0,.06);font-size:13px}.menu-spacer{flex:1}.app-panel{position:relative;z-index:2;margin:0 16px;background:var(--surface-strong);backdrop-filter:blur(32px) saturate(1.25);border:1px solid rgba(255,255,255,.4);border-radius:0 0 18px 18px;box-shadow:var(--shadow);overflow:hidden}.panel-header{display:flex;gap:11px;align-items:center;padding:16px 18px 12px;border-bottom:1px solid var(--line)}.panel-header>div:nth-child(2){display:flex;flex-direction:column}.panel-header small{color:var(--muted);font-size:12px}.artwork{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:white;background:linear-gradient(145deg,#8979fa,#403295);font-size:11px;font-weight:700}.playing-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#49b77c;box-shadow:0 0 0 4px rgba(73,183,124,.12)}.panel-content{padding:16px 18px}.episode-row{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.episode-row strong{color:var(--text)}.progress{height:4px;margin:10px 0 14px;border-radius:3px;background:var(--line);overflow:hidden}.progress i{display:block;width:44%;height:100%;background:var(--accent)}.controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;margin-bottom:12px;border-radius:10px;background:rgba(127,127,127,.09);font-size:11px;color:var(--muted)}.segment{padding:4px 8px;border-radius:6px;background:var(--surface-strong);box-shadow:0 1px 3px rgba(0,0,0,.08);color:var(--text)}.captions{min-height:280px;padding:12px 10px 0}.captions p{margin:17px 0;font-size:20px;line-height:1.35;letter-spacing:-.02em}.captions .translation{color:var(--accent)}.captions .past,.captions .future{color:var(--muted);font-size:15px}.panel-footer{display:flex;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.features{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-block:120px;border-top:1px solid var(--line)}.section-intro>p,.section-label{margin:0 0 12px;color:var(--accent);font-size:13px;font-weight:650}.section-intro h2,.purchase h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-.045em}.feature-list article{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:24px 0;border-top:1px solid var(--line)}.feature-list article:first-child{padding-top:0;border:0}.feature-list article>span{color:var(--muted);font-size:12px}.feature-list h3{margin:0 0 5px;font-size:20px;letter-spacing:-.02em}.feature-list p{margin:0;color:var(--muted)}.purchase{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding:64px;border:1px solid rgba(255,255,255,.45);border-radius:var(--radius);background:var(--surface);box-shadow:0 20px 50px rgba(20,20,30,.08);backdrop-filter:blur(30px)}.price{display:flex;align-items:baseline;gap:14px;margin:28px 0 0}.price strong{font-size:32px;color:var(--accent)}.price span{color:var(--muted);font-size:14px}.purchase ul{list-style:none;margin:0;padding:0}.purchase li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--line)}.purchase li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.requirements{display:flex;align-items:center;gap:16px;padding-block:54px}.requirements>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--accent);font-size:22px}.requirements strong{font-size:14px}.requirements p{margin:1px 0 0;color:var(--muted);font-size:14px}.requirements>p{margin-left:auto}.site-footer{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:30px;padding-block:36px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.site-footer .brand{color:var(--text)}.legal{max-width:760px;padding-block:80px 120px}.legal h1{margin:0 0 20px;font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.05em}.legal .lede{font-size:20px;color:var(--muted)}.legal section{margin-top:50px}.legal h2{font-size:23px;letter-spacing:-.02em}.legal p,.legal li{color:var(--muted)}.legal a{text-decoration:underline;text-underline-offset:3px}.legal .updated{font-size:13px;color:var(--muted)}
@media(prefers-color-scheme:dark){:root{--bg:#090a0d;--surface:rgba(28,29,34,.74);--surface-strong:rgba(25,26,31,.93);--text:#f2f2f5;--muted:#a3a3ac;--line:rgba(255,255,255,.11);--accent:#9b8cff;--accent-soft:#25213f;--shadow:0 34px 90px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.35)}.app-panel{border-color:rgba(255,255,255,.14)}.purchase{border-color:rgba(255,255,255,.13);box-shadow:0 24px 70px rgba(0,0,0,.3)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:56px;padding-top:64px}.hero-copy{max-width:720px}.features{grid-template-columns:1fr;gap:54px}.purchase{gap:40px;padding:48px}.site-footer{grid-template-columns:1fr auto}.site-footer>p{grid-column:1/-1;grid-row:2}.hero-copy h1{font-size:clamp(46px,8vw,70px)}}
@media(max-width:620px){.wrap,.site-header{width:min(100% - 32px,1180px)}.site-header{height:66px}.site-header nav{gap:15px}.site-header nav a{font-size:13px}.hero{padding-block:52px 80px}.hero-copy h1{font-size:44px}.hero-copy>p:not(.availability){font-size:17px}.product-stage{padding-inline:0}.menu-bar{margin-inline:-8px}.app-panel{margin:0}.captions{min-height:240px}.captions p{font-size:18px}.features{padding-block:80px}.purchase{grid-template-columns:1fr;padding:32px 24px}.price{align-items:flex-start;flex-direction:column;gap:0}.requirements{align-items:flex-start;flex-wrap:wrap}.requirements>p{width:100%;margin-left:60px}.site-footer{grid-template-columns:1fr}.site-footer nav{gap:20px}.site-footer>p{grid-row:auto}.legal{padding-top:56px}}
@media(prefers-reduced-motion:no-preference){.product-stage{animation:arrive .7s cubic-bezier(.2,.8,.2,1) both}.hero-copy{animation:arrive .6s .08s cubic-bezier(.2,.8,.2,1) both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}

/* Brand tokens and product imagery are sourced from the Sideband app repository. */
:root{--accent:#e55d30;--accent-soft:#f7ded5;--shadow:0 30px 80px rgba(40,34,30,.15),0 2px 10px rgba(0,0,0,.08);--radius:18px}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.brand-icon{display:block;width:30px;height:30px;border-radius:7px}.product-stage{min-width:0;display:grid;place-items:center;isolation:isolate;padding:48px 28px 76px}.product-stage:before{background:radial-gradient(circle at 50% 42%,rgba(229,93,48,.16),transparent 57%)}.screenshot-backdrop{position:absolute;z-index:-1;inset:8% 2% 14%;border-radius:50%;background:color-mix(in oklch,var(--accent) 16%,transparent);filter:blur(55px)}.hero-screenshot{display:block;width:min(448px,86%);height:auto;border-radius:18px;box-shadow:0 35px 75px rgba(36,29,25,.22),0 4px 14px rgba(0,0,0,.12)}.caption-sample{position:absolute;z-index:3;display:block;width:min(620px,106%);height:auto;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.24)}.caption-sample-one{left:-2%;bottom:54px}.caption-sample-two{right:-2%;bottom:8px}.themes{padding-block:118px;border-top:1px solid var(--line)}.themes-copy{max-width:680px;margin-bottom:56px}.themes-copy h2{margin:0;font-size:clamp(36px,5vw,62px);line-height:1.04;letter-spacing:-.05em}.themes-copy p{max-width:590px;margin:22px 0 0;color:var(--muted);font-size:18px}.theme-gallery{display:grid;grid-template-columns:1.04fr .98fr .9fr;align-items:start;gap:24px}.theme-shot{margin:0;min-width:0}.theme-shot:nth-child(2){margin-top:76px}.theme-shot:nth-child(3){margin-top:22px}.theme-shot img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 24px 60px rgba(30,26,22,.16);background:var(--surface)}.theme-shot figcaption{margin-top:12px;color:var(--muted);font-size:13px}.availability span{background:var(--accent)}
@media(prefers-color-scheme:dark){:root{--accent:#f06a3d;--accent-soft:#3a2119;--shadow:0 34px 90px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.35)}.hero-screenshot,.theme-shot img{box-shadow:0 34px 80px rgba(0,0,0,.5)}.product-stage:before{background:radial-gradient(circle at 50% 42%,rgba(240,106,61,.14),transparent 57%)}}
@media(prefers-reduced-transparency:reduce){.purchase,.menu-bar,.app-panel{background:var(--surface-strong);backdrop-filter:none}}
@media(max-width:900px){.themes{padding-block:88px}.theme-gallery{grid-template-columns:repeat(3,1fr);gap:16px}.theme-shot:nth-child(2){margin-top:48px}}
@media(max-width:620px){.product-stage{padding:30px 8px 68px}.hero-screenshot{width:92%}.caption-sample{width:108%}.caption-sample-one{left:-4%;bottom:44px}.caption-sample-two{right:-4%;bottom:5px}.themes{padding-block:78px}.themes-copy{margin-bottom:36px}.themes-copy p{font-size:16px}.theme-gallery{grid-template-columns:1fr 1fr;gap:14px}.theme-shot:nth-child(2),.theme-shot:nth-child(3){margin-top:0}.theme-shot:nth-child(3){grid-column:1/-1;width:55%;justify-self:end}.theme-shot figcaption{margin-top:8px}body{overflow-x:hidden}}

.caption-showcase{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:80px;padding-block:112px;border-top:1px solid var(--line)}.caption-showcase-copy h2{margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.04;letter-spacing:-.048em}.caption-showcase-copy p{max-width:470px;margin:22px 0 0;color:var(--muted);font-size:18px}.caption-reel{display:flex;flex-direction:column;gap:18px;min-width:0;padding-block:20px}.caption-reel img{display:block;width:min(620px,100%);height:auto;border-radius:5px;box-shadow:0 14px 34px rgba(0,0,0,.22)}.caption-reel img:nth-child(2),.caption-reel img:nth-child(4){align-self:flex-end;width:92%}.caption-reel img:nth-child(3){width:96%;margin-left:3%}
@media(max-width:900px){.caption-showcase{grid-template-columns:1fr;gap:42px;padding-block:88px}.caption-showcase-copy{max-width:690px}}
@media(max-width:620px){.caption-showcase{gap:30px;padding-block:74px}.caption-showcase-copy p{font-size:16px}.caption-reel{gap:14px}.caption-reel img:nth-child(n){width:100%;margin-left:0}}

.hero{grid-template-columns:minmax(0,.76fr) minmax(540px,1.24fr);gap:58px}.product-stage{padding:22px 0 48px}.product-stage:before{inset:4% -8% 0;background:radial-gradient(circle at 50% 34%,rgba(229,93,48,.13),transparent 58%)}.desktop-demo{position:relative;margin:0;width:100%;padding:8px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 35px 90px rgba(32,28,25,.2);isolation:isolate}.desktop-scene{display:block;width:100%;height:auto;aspect-ratio:1.805/1;object-fit:cover;border-radius:15px}.desktop-demo:after{content:"";position:absolute;inset:8px;border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);pointer-events:none}.caption-island{position:absolute;z-index:2;top:8px;left:50%;width:min(72%,520px);min-height:56px;display:grid;grid-template-columns:3px 1fr;gap:12px;align-items:center;padding:10px 18px 11px;border-radius:0 0 18px 18px;background:rgba(19,20,20,.94);color:#f7f7f4;box-shadow:0 14px 32px rgba(0,0,0,.28);transform:translateX(-50%);font:600 11px/1.3 ui-monospace,"SFMono-Regular",Menlo,monospace}.caption-island div{display:flex;flex-direction:column;min-width:0}.caption-island strong,.caption-island span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caption-island span{color:#c8c8c3}.island-accent{width:3px;height:32px;border-radius:3px;background:var(--accent)}.desktop-demo figcaption{position:absolute;left:24px;bottom:22px;max-width:310px;padding:8px 11px;border-radius:9px;background:rgba(12,13,14,.72);color:rgba(255,255,255,.82);backdrop-filter:blur(12px);font-size:11px}
@media(prefers-color-scheme:dark){.desktop-demo{box-shadow:0 38px 95px rgba(0,0,0,.48)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.product-stage{width:min(800px,100%);justify-self:center}}
@media(max-width:620px){.product-stage{padding:12px 0 28px}.desktop-demo{padding:5px;border-radius:15px}.desktop-scene{border-radius:10px}.desktop-demo:after{inset:5px;border-radius:10px}.caption-island{top:5px;width:78%;min-height:39px;grid-template-columns:2px 1fr;gap:7px;padding:6px 9px 7px;border-radius:0 0 10px 10px;font-size:7px}.island-accent{width:2px;height:22px}.desktop-demo figcaption{left:14px;bottom:12px;max-width:230px;padding:5px 7px;font-size:8px}}

@media(min-width:1001px){.hero{min-height:0;grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr);gap:48px;padding-block:56px 72px}.hero-copy h1{font-size:clamp(48px,4.7vw,68px)}}

.desktop-demo{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.desktop-demo:after{display:none}.desktop-scene{height:auto;aspect-ratio:auto;object-fit:contain;background:transparent;filter:drop-shadow(0 28px 38px rgba(0,0,0,.28))}

/* Native-resolution menu bar zoom, paced from Sideband's 160–280ms in-app motion. */
.desktop-demo{--zoom-x:0px;--zoom-y:0px}
.menubar-hotspot{position:absolute;z-index:6;top:8.2%;left:37.5%;width:35%;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:#fff;cursor:zoom-in}
.menubar-hotspot:focus-visible{outline:2px solid #2997ff;outline-offset:3px}
.desktop-demo.is-magnified .menubar-hotspot{cursor:zoom-out}
.hotspot-pulse{position:absolute;top:50%;left:50%;width:9px;height:9px;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(229,93,48,.2);transform:translate(-50%,-50%);transition:opacity .18s ease,transform .28s cubic-bezier(.16,1,.3,1)}
.hotspot-pulse:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(229,93,48,.46);border-radius:inherit;animation:hotspot-ping 2.1s cubic-bezier(.16,1,.3,1) infinite}
.hotspot-label{position:absolute;top:calc(50% + 14px);left:50%;padding:5px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(20,20,22,.76);color:rgba(255,255,255,.88);box-shadow:0 6px 18px rgba(0,0,0,.18);backdrop-filter:blur(12px);transform:translateX(-50%);white-space:nowrap;font:500 10px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:-.01em;transition:opacity .16s ease,transform .28s cubic-bezier(.16,1,.3,1)}
.menubar-hotspot:hover .hotspot-label,.menubar-hotspot:focus-visible .hotspot-label,.desktop-demo.is-magnified .hotspot-label{opacity:0;transform:translate(-50%,-3px)}
.menubar-magnifier{position:absolute;z-index:5;top:10.5%;left:50%;width:min(128%,720px);padding:12px;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:rgba(16,17,19,.9);box-shadow:0 30px 80px rgba(0,0,0,.54),0 8px 24px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.15);backdrop-filter:blur(28px) saturate(1.3);clip-path:inset(39% 18% 39% 18% round 10px);filter:blur(4px);opacity:0;pointer-events:none;transform:translate(calc(-50% + var(--zoom-x)),calc(10px + var(--zoom-y))) scale(.78);transform-origin:50% 0;transition:opacity .16s ease,transform .42s cubic-bezier(.16,1,.3,1),clip-path .42s cubic-bezier(.16,1,.3,1),filter .28s ease;will-change:transform,clip-path,opacity}
.magnifier-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:9px;padding:0 2px;color:rgba(255,255,255,.72);font:600 11px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:-.01em}
.magnifier-brand{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.88)}
.magnifier-brand i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(229,93,48,.14)}
.magnifier-state{font-weight:500;color:rgba(255,255,255,.58);transition:opacity .16s ease}
.magnifier-viewport{position:relative;width:100%;aspect-ratio:620/31;overflow:hidden;border-radius:6px;background:#202220}
.magnifier-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .28s cubic-bezier(.16,1,.3,1);image-rendering:auto}
.magnifier-frame.is-active{opacity:1;transform:none}
.magnifier-glint{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);pointer-events:none}
.menubar-hotspot:hover~.menubar-magnifier,.menubar-hotspot:focus-visible~.menubar-magnifier,.desktop-demo.is-previewing .menubar-magnifier,.desktop-demo.is-magnified .menubar-magnifier{clip-path:inset(0 round 16px);filter:blur(0);opacity:1;transform:translate(calc(-50% + var(--zoom-x)),var(--zoom-y)) scale(1)}
.desktop-demo.is-previewing .hotspot-pulse,.desktop-demo.is-magnified .hotspot-pulse{opacity:0;transform:translate(-50%,-50%) scale(.5)}
@keyframes hotspot-ping{0%{opacity:.8;transform:scale(.7)}70%,100%{opacity:0;transform:scale(1.8)}}
@media(max-width:620px){.menubar-hotspot{top:5.5%;left:31%;width:45%}.hotspot-label{top:calc(50% + 12px);font-size:9px}.menubar-magnifier{top:8.5%;width:calc(100vw - 24px);max-width:630px;padding:8px;border-radius:12px;clip-path:inset(38% 15% 38% 15% round 8px);transform:translate(-50%,8px) scale(.82)}.magnifier-header{margin-bottom:6px;font-size:9px}.menubar-hotspot:hover~.menubar-magnifier,.menubar-hotspot:focus-visible~.menubar-magnifier,.desktop-demo.is-previewing .menubar-magnifier,.desktop-demo.is-magnified .menubar-magnifier{clip-path:inset(0 round 12px);transform:translate(-50%,0) scale(1)}}
@media(prefers-reduced-motion:reduce){.hotspot-pulse:after{animation:none;opacity:0}.hotspot-label,.hotspot-pulse,.menubar-magnifier,.magnifier-state,.magnifier-frame{transition:none}.menubar-magnifier{clip-path:none;filter:none;transform:translate(-50%,0) scale(1)}}

.player-showcase{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:86px;padding-block:112px;border-top:1px solid var(--line)}.player-showcase-copy h2{margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.04;letter-spacing:-.048em}.player-showcase-copy p{max-width:450px;margin:22px 0 0;color:var(--muted);font-size:18px}.player-collage{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:6px 0 24px}.player-shot{position:relative;margin:0;width:min(448px,82%)}.player-shot:nth-child(2){z-index:2;align-self:flex-end;margin-top:28px}.player-shot img{display:block;width:100%;height:auto;border-radius:16px;background:var(--surface);box-shadow:0 26px 64px rgba(30,26,22,.18),0 4px 14px rgba(0,0,0,.09);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}.player-shot figcaption{margin-top:11px;color:var(--muted);font-size:13px}.player-shot:hover img{transform:translateY(-4px) scale(1.008);box-shadow:0 32px 72px rgba(30,26,22,.22),0 6px 18px rgba(0,0,0,.11)}
.caption-reel img:nth-child(5){width:95%;margin-left:2%}.caption-reel img:nth-child(6){align-self:flex-end;width:91%}
@media(prefers-color-scheme:dark){.player-shot img{box-shadow:0 28px 72px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.28)}.player-shot:hover img{box-shadow:0 34px 82px rgba(0,0,0,.58),0 6px 18px rgba(0,0,0,.32)}}
@media(max-width:900px){.player-showcase{grid-template-columns:1fr;gap:42px;padding-block:88px}.player-showcase-copy{order:-1;max-width:690px}.player-collage{width:min(760px,100%);justify-self:center}.player-shot{width:min(448px,72%)}.caption-reel{gap:16px}}
@media(max-width:620px){.player-showcase{gap:32px;padding-block:74px}.player-showcase-copy p{font-size:16px}.player-shot{width:90%}.player-shot:nth-child(2){margin-top:22px}.player-shot figcaption{margin-top:8px;font-size:12px}.caption-reel{gap:13px}.caption-reel img:nth-child(n){width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.player-shot img{transition:none}.player-shot:hover img{transform:none}}