/* Grand Opening — Peptide Elites sale lander */
:root{--red:#E5322D;--red-dark:#B91F1B;--ink:#0E0E0F;--paper:#EFEDE8;--card:#171718;--line:#2a2a2c;--mute:#bdbab2;--wrap:1240px;--pad:clamp(16px,4vw,40px);--sec:clamp(56px,8vw,104px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#fff;font-family:'Archivo',sans-serif;padding-bottom:84px}
img{max-width:100%}
a{color:#fff}a:hover{color:var(--red)}
.mono{font-family:'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
h1,h2,h3{margin:0;font-weight:900;text-transform:uppercase;letter-spacing:-.04em;word-spacing:.14em}
.h2{font-size:clamp(40px,7vw,96px);line-height:.9}
.red{color:var(--red)}
.eyebrow{font-size:12px;font-weight:700;color:var(--red);margin-bottom:16px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:60px;padding:0 38px;background:var(--red);color:#fff;border:0;border-radius:10px;font:800 16px 'Archivo',sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;animation:pulse 2.4s infinite}
.btn:hover{background:var(--red-dark);color:#fff}
.btn::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:shine 3.2s infinite}
.btn i{font-style:normal;display:inline-block;animation:nudge 1.4s ease-in-out infinite}
.btn-ghost{background:transparent;border:1.5px solid var(--red);animation:none}
.btn-ghost::after{display:none}
.btn-ghost:hover{background:var(--red)}
.btn-white{background:#fff;color:var(--red)}.btn-white:hover{background:var(--ink);color:#fff}

/* top bar */
.top{display:flex;justify-content:space-between;align-items:center;padding:16px var(--pad);position:absolute;top:0;left:0;right:0;z-index:5;font-size:11px;font-weight:500}
.top img{height:36px;display:block}

/* hero */
.hero{position:relative;overflow:hidden;background:#E5322D;min-height:min(100vh,860px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:96px var(--pad) 72px}
.hero>*{max-width:var(--wrap);position:relative;z-index:2}.hero>.hero-bg{position:absolute;max-width:none;z-index:0;inset:-5%;background:url(../img/bg/hero.webp) 70% center/cover no-repeat;transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.04);transition:transform .25s ease-out;will-change:transform}.hero>.top{position:absolute;z-index:5}
.hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1;pointer-events:none}
.badge{position:relative;display:inline-block;padding:9px 18px;border-radius:99px;background:var(--ink);font-size:12px;font-weight:700;animation:bob 3s ease-in-out infinite}
.badge b{color:var(--red)}
.hero h1{position:relative;margin-top:22px;font-size:clamp(64px,15vw,230px);line-height:.8;letter-spacing:-.06em}
.hero h1 .o{color:transparent;-webkit-text-stroke:3px #fff}
.hero-off{position:relative;margin-top:22px;font:900 clamp(28px,5vw,64px)/1 'Archivo',sans-serif;text-transform:uppercase;letter-spacing:-.03em}
.hero-off span{background:var(--ink);padding:.04em .3em;border-radius:8px;display:inline-block;transform:rotate(-2deg)}
.hero-sub{position:relative;max-width:520px;margin:18px 0 0;font-size:18px;line-height:1.5;text-wrap:pretty}
.cta-row{position:relative;margin-top:30px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}

/* countdown */
.count{position:relative;display:flex;gap:10px;margin-top:30px}
.count div{background:var(--ink);border-radius:12px;min-width:clamp(64px,10vw,96px);padding:12px 8px 10px;text-align:center}
.count b{display:block;font:900 clamp(30px,5vw,52px)/1 'Archivo',sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.count span{display:block;margin-top:4px;font-size:10px;color:var(--mute)}
.count-label{position:relative;margin-top:30px;font-size:12px;font-weight:700}
.count-label+.count{margin-top:10px}

/* code chip */
.code{position:relative;display:inline-flex;align-items:center;gap:14px;padding:10px 10px 10px 22px;border:2px dashed #fff;border-radius:12px;background:rgba(14,14,15,.25);cursor:pointer;color:#fff;font:inherit}
.code .k{font:900 clamp(26px,4vw,38px)/1 'Archivo',sans-serif;letter-spacing:.04em}
.code .cp{background:#fff;color:var(--ink);border-radius:8px;padding:11px 16px;font-size:11px;font-weight:700}
.code:hover .cp{background:var(--ink);color:#fff}
.code.dark{border-color:var(--red);background:transparent}

.ticker{background:var(--ink);overflow:hidden;white-space:nowrap;padding:14px 0;border-block:1px solid var(--line)}
.ticker div{display:inline-block;animation:marq 30s linear infinite;font:900 22px 'Archivo',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.ticker .s{color:var(--red);margin:0 .5em}
.ticker.red{background:var(--red);border:0}.ticker.red .s{color:var(--ink)}
.ticker.rev div{animation-direction:reverse}

/* deals */
.deals{padding-top:var(--sec);padding-bottom:var(--sec)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,48px)}
.sec-head p{max-width:380px;margin:0;font-size:17px;line-height:1.55;color:var(--mute);text-wrap:pretty}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px}
.pcard{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:#fff;transition:.25s}
.pcard:hover{border-color:var(--red);transform:translateY(-6px);box-shadow:0 18px 40px rgba(229,50,45,.25);color:#fff}
.pcard .tag{position:absolute;top:14px;left:14px;z-index:2;background:var(--red);border-radius:99px;padding:6px 11px;font-size:10px;font-weight:700}
.pcard .stage{height:230px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,#3a0f0e,transparent 70%)}
.pcard img{max-height:210px;width:auto;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.6));transition:.3s}
.pcard:hover img{transform:scale(1.07) rotate(-3deg)}
.pcard h3{font-size:26px;line-height:1;margin-top:14px}
.pcard .m{color:var(--mute);font-size:11px;margin-top:8px}
.pcard .go{margin-top:16px;display:flex;justify-content:space-between;font:800 13px 'Archivo',sans-serif;text-transform:uppercase;color:var(--red)}
.center{text-align:center;margin-top:36px}

/* steps */
.steps{background:var(--paper);color:var(--ink);padding:var(--sec) 0}
.steps .eyebrow{color:var(--red)}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1px;background:#CFCCC5;border:1px solid #CFCCC5;margin-top:clamp(28px,4vw,48px)}
.step{background:#F4F3F0;padding:clamp(22px,3vw,36px)}
.step .n{font:900 clamp(64px,8vw,110px)/.85 'Archivo',sans-serif;color:var(--red);letter-spacing:-.05em}
.step h3{font-size:30px;margin-top:18px}
.step p{margin:10px 0 0;font-size:17px;line-height:1.55;color:#4a4945}

/* trust */
.quality{padding:var(--sec) 0}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:clamp(28px,4vw,48px)}
.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px}
.tile .big{font:900 clamp(44px,6vw,72px)/.9 'Archivo',sans-serif;color:var(--red);letter-spacing:-.05em}
.tile h3{font-size:22px;margin-top:16px}
.tile p{margin:8px 0 0;color:var(--mute);line-height:1.55;font-size:16px}
.fine{margin-top:22px;font-size:13px;color:#8c8a84;line-height:1.5}

/* final */
.final{
        position:relative;
        overflow:hidden;
        background:#E5322D url(../img/bg/hero2b.png) 75% center/cover no-repeat;
        text-align:left;
        padding:var(--sec) var(--pad)
    }
.final>*{max-width:var(--wrap);margin-left:auto;margin-right:auto}.final .eyebrow{color:#fff}.final .red{color:var(--ink)}
.final h2{font-size:clamp(48px,11vw,150px);line-height:.82}
.final .count{justify-content:flex-start}
.final p{
        /*max-width:520px;*/
        margin:20px auto 0 auto;
        width:100%;
        color:#fff;
        font-size:18px;
        line-height:1.5
    
}
.final .cta-row{margin-top:30px}

/* faq */
.faq{padding:var(--sec) 0}
.faq h2{font-size:clamp(36px,5vw,64px);line-height:.92;margin-bottom:28px}
details{border-top:1px solid var(--line);padding:20px 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font:800 20px 'Archivo',sans-serif;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';color:var(--red);font-size:28px;line-height:.8}
details[open] summary::after{content:'–'}
details p{margin:12px 0 0;color:var(--mute);line-height:1.6;max-width:720px}

footer{padding:36px var(--pad);font-size:12px;line-height:1.6;color:#8c8a84;border-top:1px solid var(--line);text-align:center}

/* sticky bar */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(14,14,15,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:12px var(--pad);display:flex;justify-content:center;align-items:center;gap:clamp(10px,3vw,28px);transform:translateY(110%);transition:transform .35s ease-out}
.bar.on{transform:none}
.bar .t{font-weight:800;text-transform:uppercase;font-size:15px}
.bar .t small{display:block;font-size:10px;color:var(--mute);font-weight:500}
.bar .btn{min-height:52px;padding:0 26px;font-size:14px}
.bar .code{padding:6px 6px 6px 14px;border-width:1.5px}.bar .code .k{font-size:18px}.bar .code .cp{padding:8px 10px}
@media(max-width:640px){.bar .t{display:none}.hero>.hero-bg{background-position:82% center}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(229,50,45,.6)}70%{box-shadow:0 0 0 18px rgba(229,50,45,0)}100%{box-shadow:0 0 0 0 rgba(229,50,45,0)}}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
@keyframes nudge{50%{transform:translateX(5px)}}
@keyframes sway{50%{transform:translateY(-14px) rotate(4deg)}}
@keyframes bob{50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.steps{padding-top:0}
.lab{background:#E5322D url(../img/bg/lab.png) center/cover;color:#fff;padding:var(--sec) 0 clamp(36px,5vw,64px);margin-bottom:0}
.lab .eyebrow{color:#fff}
.steps .steps-grid{margin-top:0}

/* adding some padding-top to match the pad-bottom on the whole section */
.steps>.wrap{margin-top:-1px; padding-top: var(--sec);}

.promo{background:#F4D9C8 url(../img/bg/single.png) left center/cover no-repeat;color:var(--ink);padding:clamp(48px,7vw,96px) 0}
.promo-in{margin-left:auto;max-width:460px}
.promo .eyebrow{color:var(--red)}
.promo p{font-size:18px;line-height:1.5;margin:14px 0 22px}
.promo .code{color:var(--ink);border-color:var(--ink)}
.promo .code .cp{background:var(--ink);color:#fff}


.coa{background:#EFEDE8 url(../img/bg/coa.png) right center/cover no-repeat;color:var(--ink);padding:clamp(56px,9vw,130px) 0}
.coa-in{max-width:420px}
.coa p{font-size:18px;line-height:1.55;margin:16px 0 0;color:#2a2a2c}
@media(max-width:760px){.promo{background-position:15% center}.promo-in{margin:0;background:rgba(244,217,200,.88);padding:20px;border-radius:12px}.coa{background-size:auto 100%;background-position:right center}.coa-in{background:rgba(239,237,232,.9);padding:20px;border-radius:12px}}

.hero h1{margin-top:0}
.cta-row.inline{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}
.cta-row.inline .btn{order:2}
.code.sm{padding:6px 6px 6px 14px;border-width:1.5px;gap:10px;min-height:60px}
.code.sm .k{font-size:20px}.code.sm .cp{padding:8px 10px;font-size:10px}
.btn-lg{font-size:22px;min-height:68px;padding:0 44px;font-weight:900;background:var(--red);color:#fff}
.btn-lg:hover{background:var(--red-dark);color:#fff}
.ticker.slow div{animation-duration:140s}

/* poster hero */
.poster{position:relative;overflow:hidden;background:
 radial-gradient(ellipse 60% 45% at 50% 38%,rgba(255,255,255,.28),transparent 70%),
 linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.07) 38% 39%,transparent 39% 60%,rgba(0,0,0,.14) 60% 100%),
 linear-gradient(245deg,transparent 0 40%,rgba(255,255,255,.08) 40% 41%,transparent 41% 62%,rgba(0,0,0,.18) 62% 100%),
 #E5322D;padding:clamp(20px,3vw,36px) var(--pad) clamp(28px,4vw,48px)}
.poster::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(14,14,15,.55));pointer-events:none}
.poster-in{position:relative;z-index:1;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.p-logo{height:clamp(34px,4.5vw,52px);display:block}
.p-h{margin-top:clamp(10px,2vw,24px);line-height:.8;font-size:clamp(76px,17vw,250px);letter-spacing:-.06em;display:flex;flex-direction:column;align-items:center}
.p-h span{display:block}
.p-h .a{color:#fff;text-shadow:0 .02em 0 #d9d6d0,0 .04em 0 #bbb8b2,0 .06em 0 #8e8c87,0 .12em .1em rgba(0,0,0,.45)}
.p-h .b{color:var(--ink);-webkit-text-stroke:.02em #fff;text-shadow:0 .03em 0 #fff,0 .06em 0 rgba(255,255,255,.7),0 .14em .12em rgba(0,0,0,.5);font-size:.74em;margin-top:.04em;letter-spacing:-.05em}
.p-banner{margin-top:clamp(18px,3vw,34px);width:min(100%,780px);background:#fff;color:var(--ink);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);padding:clamp(10px,1.6vw,18px) 0;font:900 clamp(26px,5.6vw,68px)/1 'Archivo',sans-serif;text-transform:uppercase;letter-spacing:-.04em;box-shadow:0 10px 0 var(--ink)}
.p-banner span{display:block}.p-banner b{color:var(--red)}
.p-dates{margin-top:clamp(16px,2.5vw,28px);width:min(100%,780px);display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,40px);background:var(--ink);clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);padding:clamp(12px,1.6vw,18px) clamp(24px,5vw,56px)}
.p-dates>div{display:flex;align-items:center;gap:12px;text-align:left;flex:1;justify-content:center}
.p-dates svg{color:var(--red);flex:none}
.p-dates p{margin:0}.p-dates small{display:block;font-size:11px;color:var(--mute)}
.p-dates b{display:block;font:900 clamp(16px,2.6vw,28px)/1.1 'Archivo',sans-serif;letter-spacing:-.02em;margin-top:4px;color:#fff}
.p-dates i{width:1px;align-self:stretch;background:rgba(255,255,255,.3)}
.p-vials{margin-top:clamp(20px,3vw,36px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,2vw,28px);width:100%;align-items:end}
.p-vials a{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:#fff;transition:.3s}
.p-vials a:hover{transform:translateY(-8px)}
.p-vials img{width:100%;max-width:230px;height:clamp(130px,23vw,300px);object-fit:contain;filter:drop-shadow(0 26px 22px rgba(0,0,0,.55));animation:bob 4.5s ease-in-out infinite}
.p-vials a:nth-child(2) img{animation-delay:-1.1s}.p-vials a:nth-child(3) img{animation-delay:-2.2s}.p-vials a:nth-child(4) img{animation-delay:-3.3s}
.p-vials b{font:900 clamp(11px,1.6vw,18px)/1 'Archivo',sans-serif;text-transform:uppercase;letter-spacing:-.01em;background:var(--ink);padding:7px 12px;border-radius:6px}
.p-all{margin-top:clamp(14px,2vw,24px);width:min(100%,780px);background:var(--ink);clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);padding:clamp(12px,1.6vw,18px) 0;font-size:clamp(11px,2vw,22px);font-weight:700;letter-spacing:.08em}
.p-cta{margin-top:clamp(18px,3vw,30px);justify-content:center}
.btn-ink{background:var(--ink)!important;color:#fff;box-shadow:0 0 0 2px #fff}
.btn-ink:hover{background:#fff!important;color:var(--red)!important}
.p-cta .code{color:#fff;border-color:#fff}

/* poster v2: bolder */
.poster{background:
 radial-gradient(ellipse 65% 42% at 50% 22%,rgba(255,255,255,.95) 0,rgba(255,140,128,.6) 32%,transparent 72%),
 repeating-conic-gradient(from 0deg at 50% 16%,rgba(255,255,255,.10) 0 5deg,transparent 5deg 12deg),
 linear-gradient(180deg,#f0392f 0,#c4211c 38%,#6b0f0d 72%,#0E0E0F 100%);padding-bottom:0}
.poster::before{content:'';position:absolute;inset:0;background:
 linear-gradient(62deg,transparent 0 30%,rgba(255,255,255,.10) 30% 30.4%,rgba(0,0,0,.22) 30.4% 52%,transparent 52%),
 linear-gradient(-62deg,transparent 0 30%,rgba(255,255,255,.10) 30% 30.4%,rgba(0,0,0,.22) 30.4% 52%,transparent 52%),
 linear-gradient(118deg,transparent 0 62%,rgba(255,255,255,.06) 62% 62.4%,transparent 62.4%),
 linear-gradient(-118deg,transparent 0 62%,rgba(255,255,255,.06) 62% 62.4%,transparent 62.4%);pointer-events:none}
.poster::after{background:radial-gradient(ellipse 70% 14% at 50% 100%,rgba(255,70,55,.85),transparent 70%)}
.p-logo{filter:drop-shadow(0 4px 18px rgba(0,0,0,.35))}
.p-h{font-size:clamp(88px,21vw,310px);filter:drop-shadow(0 .035em 0 #8a1b17) drop-shadow(0 .07em 0 #5a0f0d) drop-shadow(0 .11em .06em rgba(0,0,0,.55)) drop-shadow(0 0 .22em rgba(255,255,255,.35))}
.p-h .a{background:linear-gradient(180deg,#fff 0,#fff 40%,#d9d4cd 52%,#fff 66%,#f1ece6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none}
.p-h .b{font-size:.8em;margin-top:.03em;background:linear-gradient(180deg,#fff2f0 0,#ff8f86 38%,#ff3b30 62%,#c4150f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;color:transparent;text-shadow:none;letter-spacing:-.055em}
.p-banner{background:linear-gradient(180deg,#fff,#ece8e2);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);box-shadow:none;font-size:clamp(28px,6.4vw,84px);padding:clamp(12px,1.8vw,22px) 0;margin-top:clamp(20px,3vw,40px);width:min(100%,900px)}
.p-dates{width:min(100%,900px);background:linear-gradient(180deg,#1b1b1d,#0E0E0F)}
.p-dates b{font-size:clamp(17px,3vw,34px)}
.p-vials{margin-top:clamp(18px,3vw,40px);gap:clamp(4px,1.4vw,20px);max-width:1040px}
.p-vials img{max-width:300px;height:clamp(170px,32vw,420px);filter:drop-shadow(0 0 28px rgba(255,80,65,.65)) drop-shadow(0 26px 22px rgba(0,0,0,.6));-webkit-box-reflect:below -4px linear-gradient(transparent 72%,rgba(255,255,255,.22))}
.p-vials b{display:none}
.p-vials a{gap:0}
.p-all{width:min(100%,900px);background:linear-gradient(90deg,#B91F1B,#E5322D,#B91F1B);font-size:clamp(12px,2.2vw,26px);font-weight:800;margin-top:clamp(16px,2vw,28px);box-shadow:none}
.p-cta{padding-bottom:clamp(28px,4vw,48px)}

.p-vials{max-width:1180px;overflow:visible}
.p-vials img{width:150%;max-width:none;margin:0 -25%;height:clamp(230px,46vw,600px)}
.p-vials a:hover{transform:translateY(-8px) scale(1.03)}

/* poster v3: flashy type, wings, facets */
.p-facets{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.p-facets i{position:absolute;display:block}
.p-h{font-family:'Orbitron','Archivo',sans-serif;font-weight:900;font-size:clamp(56px,16vw,230px);line-height:.92;letter-spacing:-.01em;word-spacing:0;transform:perspective(900px) rotateX(8deg);transform-origin:50% 100%;
 filter:drop-shadow(0 .03em 0 #7d1210) drop-shadow(0 .06em 0 #5a0b0a) drop-shadow(0 .09em 0 #3a0605) drop-shadow(0 .14em .08em rgba(0,0,0,.6)) drop-shadow(0 0 .2em rgba(255,255,255,.45)) drop-shadow(0 0 .5em rgba(255,60,45,.7))}
.p-h .a{font-size:1em;background:linear-gradient(180deg,#fff 0,#fff 34%,#bdb8b1 49%,#fff 52%,#f6f1ea 78%,#d9d3cb 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.012em #fff;letter-spacing:.01em}
.p-h .b{font-size:.88em;margin-top:.02em;letter-spacing:0;background:linear-gradient(180deg,#fff7f5 0,#ffb1a8 24%,#ff4b3e 48%,#d11a12 52%,#ff5a4c 76%,#b3130d 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.012em #fff}
.p-banner{clip-path:none;box-shadow:none;position:relative;background:none;padding:0;width:min(88%,860px);margin-top:clamp(22px,3.4vw,46px);font-size:clamp(24px,5.4vw,76px)}
.p-banner span{position:relative;display:block;background:linear-gradient(180deg,#fff,#e9e5df);transform:skewX(-10deg);padding:.16em .5em;box-shadow:0 .08em 0 var(--ink),0 0 40px rgba(255,255,255,.35);white-space:nowrap}
.p-banner span>*{display:inline-block;transform:skewX(10deg)}
.p-banner::before,.p-banner::after{content:'';position:absolute;top:0;bottom:0;width:clamp(26px,5vw,70px);background:repeating-linear-gradient(90deg,var(--ink) 0 38%,transparent 38% 52%,var(--ink) 52% 74%,transparent 74% 88%,var(--ink) 88%);transform:skewX(-10deg)}
.p-banner::before{left:calc(-1*clamp(34px,6vw,84px))}
.p-banner::after{right:calc(-1*clamp(34px,6vw,84px))}
.p-dates,.p-all{padding-left:clamp(36px,6vw,80px);padding-right:clamp(36px,6vw,80px)}
.p-all{white-space:nowrap}
@media(max-width:560px){.p-banner span{padding:.2em .3em}.p-banner::before,.p-banner::after{display:none}}

.p-banner em{font-style:normal;color:var(--ink)}
.p-banner b{color:var(--red)}

.poster-img{background:#0E0E0F}
.pi-wrap{position:relative;margin:0 auto}
.pi-wrap img{display:block;width:100%;height:auto}
.pi-link{position:absolute;inset:0}
.pi-cta{justify-content:center;padding:0 var(--pad) clamp(24px,4vw,44px);margin-top:0}
.pi-cta .code{color:#fff;border-color:#fff}

.poster-img{background:#7a110e}

.pi-cta{padding-top:clamp(18px,3vw,32px);background:linear-gradient(180deg,#7a110e,#0E0E0F)}

.pi-vid{display:block;width:100%;height:auto;background:#7a110e}

.quality{background:#0E0E0F}
.coa-in{max-width:640px}
.final::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:0;pointer-events:none}
.final>*{position:relative;z-index:1}

.auto{font-size:12px;font-weight:700;color:#fff;letter-spacing:.1em}
.cta-row.inline .auto{order:3}
.promo .auto{color:var(--ink)}
.promo .btn{margin-top:0}

.promo-in{max-width:min(100%,720px)}.promo .h2{font-size:clamp(40px,7vw,96px)}

.promo{position:relative;color:#fff}
.promo::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:0;pointer-events:none}
.promo>*{position:relative;z-index:1}
.promo .auto{color:#fff}