:root{--spd-red:#ef233c;--spd-ink:#070708}
.sp-depth-preview{background:var(--spd-ink);overflow-x:hidden}
.sp-depth-preview .sp26-gallery-main{position:relative;background:var(--spd-ink)}
.sp-depth-preview .sp26-footer{display:none!important}
.sp-depth-preview .sp26-header{position:fixed!important;z-index:20000!important;top:0;right:0;left:0;background:#0d0d0e!important}
.spd-depth{position:relative;height:1700vh;min-height:11000px;background:var(--spd-ink);color:#fff;isolation:isolate}
.spd-stage{position:absolute;z-index:1;top:0;right:0;left:0;height:100vh;min-height:560px;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#151417 0%,#0b0b0d 42%,#040405 100%)}
.spd-stage::before{position:absolute;z-index:16000;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.68) 0%,transparent 17%,transparent 76%,rgba(0,0,0,.76) 100%),radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.5) 100%);content:"";pointer-events:none}
.spd-world{position:absolute;z-index:10;inset:0;overflow:hidden}
.spd-object{position:absolute;top:50%;left:50%;margin:0;opacity:0;transform-origin:center;pointer-events:none;will-change:transform,opacity,filter;backface-visibility:hidden}
.spd-photo{display:flex;width:min(50vw,760px);height:min(62vh,620px);align-items:center;justify-content:center}
.spd-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(0,0,0,.5)}
.spd-photo figcaption{position:absolute;bottom:14px;left:50%;width:max-content;max-width:calc(100% - 28px);padding:9px 12px 8px;border-top:1px solid rgba(239,35,60,.9);background:rgba(7,7,8,.86);box-shadow:0 9px 28px rgba(0,0,0,.42);color:rgba(255,255,255,.94);font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.14em;text-align:center;text-shadow:0 2px 12px #000;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}
.spd-title{width:min(76vw,1050px);text-align:center;text-shadow:0 18px 70px rgba(0,0,0,.9)}
.spd-title h1{margin:0;color:#fff;font-family:inherit;font-size:clamp(54px,8vw,112px);font-weight:600;line-height:.86;letter-spacing:-.04em;text-wrap:balance}
.spd-title h1 em{font-family:'Bodoni Moda',serif;font-weight:400}
.spd-title p{max-width:560px;margin:26px auto 0;color:rgba(255,255,255,.76);font-size:12px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase}
.spd-final a{position:relative;z-index:2;display:inline-flex;min-height:48px;align-items:center;margin-top:30px;padding:0 24px;border:1px solid rgba(255,255,255,.42);color:#fff;font-size:10px;font-weight:700;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;pointer-events:auto;transition:border-color .25s ease,background .25s ease}
.spd-final a:hover,.spd-final a:focus-visible{border-color:var(--spd-red);background:rgba(239,35,60,.12)}
.spd-atmosphere{position:absolute;z-index:2;inset:-40%;background-image:radial-gradient(circle at 18% 24%,rgba(239,35,60,.38) 0 1px,transparent 2px),radial-gradient(circle at 76% 68%,rgba(255,255,255,.25) 0 1px,transparent 2px),radial-gradient(circle at 44% 86%,rgba(239,35,60,.15) 0 2px,transparent 5px),radial-gradient(ellipse at 51% 48%,rgba(239,35,60,.055),transparent 34%);background-size:190px 230px,290px 250px,370px 330px,100% 100%;opacity:.48;pointer-events:none;transform-origin:center;will-change:transform}
.spd-scroll-cue{position:absolute;z-index:17000;bottom:6vh;left:50%;display:flex;align-items:center;flex-direction:column;gap:15px;color:#fff;font-size:15px;font-weight:700;letter-spacing:.12em;text-align:center;text-shadow:0 3px 22px #000,0 0 32px rgba(239,35,60,.22);text-transform:uppercase;transform:translateX(-50%);pointer-events:none}
.spd-scroll-cue i{display:block;width:1px;height:38px;background:linear-gradient(180deg,var(--spd-red),transparent);transform-origin:top}
.spd-progress{position:absolute;z-index:17000;right:0;bottom:0;left:0;height:2px;background:rgba(255,255,255,.08);pointer-events:none}
.spd-progress span{display:block;width:100%;height:100%;background:var(--spd-red);transform:scaleX(0);transform-origin:left center;will-change:transform}
::selection{background:var(--spd-red);color:#fff}

@media(max-width:720px){
 .spd-depth{height:1450vh;min-height:8500px}
 .spd-photo{width:76vw;height:54vh}
 .spd-title{width:88vw}
 .spd-title h1{font-size:clamp(46px,14vw,72px);line-height:.9}
 .spd-title p{max-width:82vw;margin-top:20px;font-size:9px}
 .spd-photo figcaption{bottom:10px;max-width:calc(100% - 20px);padding:8px 10px 7px;font-size:8px;letter-spacing:.11em}
 .spd-scroll-cue{bottom:5vh;width:88vw;font-size:12px;line-height:1.45}.spd-scroll-cue i{height:30px}
}

@media(prefers-reduced-motion:reduce){
 .spd-depth{height:auto;min-height:100vh;padding:110px 20px 80px}
 .spd-stage{position:relative!important;top:auto!important;height:auto;min-height:0;overflow:visible;background:var(--spd-ink)}
 .spd-stage::before,.spd-atmosphere,.spd-scroll-cue,.spd-progress{display:none}
 .spd-world{position:relative;display:grid;inset:auto;gap:70px;overflow:visible}
 .spd-object{position:relative!important;top:auto;left:auto;width:100%;height:auto;opacity:1!important;filter:none!important;transform:none!important;visibility:visible!important}
 .spd-photo img{height:auto;max-height:70vh;object-fit:contain}
 .spd-title h1{font-size:clamp(46px,12vw,86px)}
}