/* AUTO-GENERATED from 04_V2_Experience/delivery.html. Do not edit. */
/* hero */
.d-hero{position:relative;min-height:92svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#000}
.d-hero .bg{position:absolute;inset:0}
.d-hero .bg video,.d-hero .bg img{width:100%;height:100%;object-fit:cover}
.no-vid .d-hero .bg video{display:none}
.d-hero .bg img{display:none}
.no-vid .d-hero .bg img{display:block}
.d-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,11,.72) 0%,rgba(8,9,11,.32) 40%,rgba(8,9,11,.92) 100%)}
.d-hero .inner{position:relative;z-index:2;padding-bottom:8vh;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.d-hero h1{font-family:var(--disp);font-weight:600;text-transform:uppercase;color:var(--white);font-size:clamp(38px,6.6vw,108px);line-height:.94}
.d-hero h1 .thin{font-weight:300;color:var(--steel-2)}
.d-hero p{max-width:54ch;margin-top:22px;font-size:16px;font-weight:300;color:var(--txt)}

/* stage rail */
.rail{position:relative;height:520vh}
.rail .pin{position:sticky;top:0;height:100vh;overflow:hidden}
.rail .track{display:flex;height:100%;will-change:transform}
.stage{position:relative;flex:0 0 100vw;height:100%;overflow:hidden}
.stage .media{position:absolute;inset:0}
.stage .media img,.stage .media video{width:100%;height:100%;object-fit:cover}
.no-vid .stage .media video{display:none}
.stage .media .vposter{display:none}
.no-vid .stage .media .vposter{display:block}
.stage.plate .media{background:radial-gradient(120% 95% at 50% 30%,#f2f3f4 0%,#dfe2e5 60%,#c9cdd2 100%)}
.stage.plate .media img{object-fit:contain;padding:10vh 8vw 16vh}
.stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,11,.5) 0%,rgba(8,9,11,.06) 38%,rgba(8,9,11,.82) 100%)}
.stage.plate::after{background:linear-gradient(180deg,rgba(8,9,11,.18) 0%,transparent 30%,rgba(8,9,11,.6) 100%)}
.stage .txt{position:absolute;left:0;right:0;bottom:11vh;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 40px}
.stage .no{font-family:var(--disp);font-size:clamp(60px,9vw,140px);font-weight:300;color:rgba(255,255,255,.14);line-height:1;position:absolute;top:-1.05em;left:36px}
.stage .kick{font-family:var(--disp);text-transform:uppercase;letter-spacing:.3em;font-size:11px;color:var(--steel)}
.stage h2{font-family:var(--disp);font-weight:600;text-transform:uppercase;color:var(--white);font-size:clamp(30px,4.6vw,72px);line-height:.98;margin-top:12px}
.stage .line{margin-top:14px;max-width:52ch;font-size:15.5px;font-weight:300;color:var(--txt)}
.stage .tick{margin-top:18px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.18em;font-size:10.5px;color:var(--steel-2);border-top:1px solid var(--line);display:inline-block;padding-top:10px}

/* progress rule */
.rail .prog{position:absolute;top:96px;left:40px;right:40px;z-index:5;height:1px;background:var(--line-2)}
.rail .prog i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--steel)}
.rail .prog .node{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:var(--steel-2);transform:translate(-50%,-50%)}
.rail .prog .st{position:absolute;top:10px;font-family:var(--disp);font-size:9.5px;letter-spacing:.22em;color:var(--low);text-transform:uppercase;transform:translateX(-50%)}
.rail .prog .st.on{color:var(--steel-2)}

/* spec strip */
.d-spec{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:#08090b}
.d-spec .grid{display:grid;grid-template-columns:repeat(4,1fr)}
.d-spec .c{padding:7vh 28px;border-left:1px solid var(--line-2)}
.d-spec .c:first-child{border-left:none}
.d-spec .c .k{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--steel)}
.d-spec .c .d{margin-top:10px;font-size:13.5px;color:var(--muted);line-height:1.7}
@media(max-width:900px){.d-spec .grid{grid-template-columns:1fr 1fr}.d-spec .c{border-left:none;border-top:1px solid var(--line-2)}.d-spec .c:nth-child(-n+2){border-top:none}}

/* closing line */
.d-close{text-align:center;padding:18vh 0 6vh}
.d-close h2{font-family:var(--disp);font-weight:600;text-transform:uppercase;color:var(--white);font-size:clamp(26px,4.4vw,70px);line-height:1.02}
.d-close h2 .thin{font-weight:300;color:var(--steel-2)}

@media(prefers-reduced-motion:reduce){
  .rail{height:auto}
  .rail .pin{position:static;height:auto;overflow:visible}
  .rail .track{display:block;transform:none!important}
  .stage{height:88vh;flex:none;width:100%}
  .rail .prog{display:none}
}
@media(max-width:760px){
  .rail{height:auto}
  .rail .pin{position:static;height:auto;overflow:visible}
  .rail .track{display:block;transform:none!important}
  .stage{height:78vh;flex:none;width:100%}
  .rail .prog{display:none}
  .stage .txt{padding:0 22px;bottom:8vh}
  .stage .no{left:18px}
}