@font-face{font-family:'Archivo Expanded';src:url(../../fonts/concepts/archivo.woff2) format('woff2');font-weight:800;font-stretch:125%;font-display:swap}
.st-detail{--ar:'Archivo Expanded',var(--body);background:var(--cd-black);color:var(--cd-white)}
.st-detail h1,.st-detail h2,.st-detail h3{font-family:var(--ar);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}
.dt-hero{position:relative;min-height:calc(100vh - 2.8rem);min-height:calc(100svh - 2.8rem);overflow:hidden;background:linear-gradient(160deg,var(--cd-line),var(--cd-black) 60%);display:flex;flex-direction:column;touch-action:pan-y;cursor:none}
.dt-hero .live{position:absolute;inset:0;width:100%;height:100%;display:block}
.st-detail .st-nav{position:relative;z-index:2;font-size:max(11px,.74rem);letter-spacing:.14em;text-transform:uppercase;cursor:auto}
.st-detail .st-nav b{font:800 1rem/1 var(--ar);letter-spacing:.02em}
.dt-copy{position:relative;z-index:2;margin-top:auto;padding:0 var(--st-pad) clamp(1.6rem,4vw,6rem);pointer-events:none}
.dt-copy > *{pointer-events:auto}
.st-detail h1{font-size:clamp(3.2rem,9.6vw,28vh);line-height:.9;margin:0 0 .3em;font-weight:800}
.dt-copy p{max-width:34ch;margin:0 0 1rem;color:var(--cd-steel);pointer-events:none}
.dt-auto{font:500 max(11px,.78rem)/1 var(--body);letter-spacing:.14em;text-transform:uppercase;padding:.9em 1.2em;border:0;background:none;color:var(--cd-white);box-shadow:inset 0 0 0 1px var(--cd-steel);cursor:pointer;transition:transform .25s var(--spring)}
.dt-auto:active{transform:scale(.96)}
.dt-pad{position:absolute;left:0;top:0;width:clamp(7rem,12vw,14rem);height:clamp(7rem,12vw,14rem);margin:calc(clamp(7rem,12vw,14rem) / -2) 0 0 calc(clamp(7rem,12vw,14rem) / -2);border-radius:50%;box-shadow:inset 0 0 0 1px var(--cd-white);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s var(--ease);will-change:transform}
.dt-pad::after{content:"";position:absolute;inset:44%;border-radius:50%;background:var(--cd-white)}
.dt-hero:hover .dt-pad{opacity:.75}
@media (hover:none){.dt-pad{display:none}.dt-hero{cursor:auto}}
.dt-plans{border-top:1px solid var(--cd-line)}
.st-detail h2{font-size:clamp(2.2rem,5.4vw,14vh);line-height:.98;margin:0 0 1.8rem}
.st-detail .st-chips{margin-bottom:2rem}
.st-detail .st-chip{box-shadow:inset 0 0 0 1px var(--cd-steel);color:var(--cd-white)}
.st-detail .st-chip[aria-pressed=true]{background:var(--cd-white);color:var(--cd-black)}
.dt-plan{border-top:1px solid var(--cd-steel);padding-top:1rem}
.st-detail h3{font-size:clamp(1rem,1.3vw,2.4rem);margin:0 0 .8rem;letter-spacing:0}
.dt-price{font:800 clamp(2.6rem,5.2vw,12rem)/1 var(--ar);letter-spacing:-.03em;margin:0 0 .7rem;font-variant-numeric:lining-nums}
.dt-plan p:not(.dt-price){margin:0 0 1.1rem;color:var(--cd-steel);font-size:.95rem;min-height:3.2em}
.dt-hold{font:500 max(11px,.78rem)/1 var(--body);letter-spacing:.12em;text-transform:uppercase;padding:1em 1.3em;border:0;background:var(--cd-white);color:var(--cd-black);cursor:pointer;transition:transform .25s var(--spring)}
.dt-hold:active{transform:scale(.96)}
.dt-hold[aria-pressed=true]{background:var(--cd-sig);color:var(--cd-white)}
@media (max-width:760px){.st-detail h1{font-size:min(14.2vw,3.6rem)}}