:root{--c-viv:#ff6a1a;--c-viv-lt:#ff9a4d;--c-ember:#e2471a;--c-deep:#0f0c09;--c-night:#17120e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--c-paper);color:var(--c-ink);margin:0;overflow-x:hidden}
a{color:inherit}a:hover{color:var(--c-viv)}
section{position:relative;padding:clamp(80px,11vh,150px) 28px}
.xp-w{max-width:1180px;margin:0 auto;position:relative;z-index:2}
.xp-n{max-width:860px;margin:0 auto;position:relative;z-index:2}
.ink{background:var(--c-night);color:var(--c-paper)}
.deep{background:var(--c-deep);color:var(--c-paper)}
.ink::before,.deep::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 0%,rgba(255,106,26,.16),transparent 50%),radial-gradient(ellipse at 92% 100%,rgba(177,138,78,.14),transparent 55%)}
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC44NScgbnVtT2N0YXZlcz0nMycvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyBmaWx0ZXI9J3VybCgjbiknLz48L3N2Zz4=")}
/* type */
.xp-k{font-family:var(--f-text);font-weight:600;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--c-viv);display:flex;align-items:center;gap:14px}
.xp-k::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--c-gold),var(--c-viv))}
.xp-k--c{justify-content:center}.xp-k--c::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--c-viv),var(--c-gold))}
.xp-h{font-family:var(--f-display);font-weight:400;font-size:clamp(36px,5.2vw,72px);line-height:1.04;letter-spacing:-.016em;margin:22px 0 0;text-wrap:balance}
.xp-h em{font-style:italic;color:var(--c-viv)}
.ink .xp-h em,.deep .xp-h em{color:var(--c-viv-lt)}
.xp-p{font-family:var(--f-serif);font-size:clamp(18px,1.6vw,20.5px);line-height:1.8;color:var(--c-gray);text-wrap:pretty;margin:22px 0 0}
.ink .xp-p,.deep .xp-p{color:#d4cabb}
.xp-p strong{color:var(--c-ink);font-weight:600}.ink .xp-p strong,.deep .xp-p strong{color:#fbf6ee}
.xp-c{text-align:center}.xp-c .xp-p{margin-left:auto;margin-right:auto;max-width:56ch}
.hl{background:linear-gradient(transparent 60%,rgba(255,106,26,.32) 0);font-style:normal}
/* buttons */
.xp-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:14px;padding:22px 46px;min-height:64px;font-family:var(--f-text);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#1a0d05;background:linear-gradient(135deg,#ffb27a,#ff7a2a 45%,#e2471a);border:1px solid #ffb27a;box-shadow:0 18px 40px -14px rgba(255,106,26,.85),0 0 0 1px rgba(255,178,122,.25),inset 0 1px 0 rgba(255,255,255,.45);overflow:visible;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,filter .4s ease}
.xp-btn::before{content:"";position:absolute;inset:-5px;z-index:-1;border:1px solid rgba(255,138,61,.7);animation:xpRing 2.8s cubic-bezier(.25,.6,.3,1) infinite}
.xp-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.6) 48%,transparent 64%);background-size:260% 100%;background-position:-60% 0;animation:xpShine 4s ease-in-out infinite;pointer-events:none}
.xp-btn i{font-style:normal;font-size:18px;transition:transform .4s ease}
.xp-btn:hover{color:#1a0d05;transform:translateY(-3px) scale(1.02);filter:saturate(1.15);box-shadow:0 26px 60px -14px rgba(255,106,26,1),0 0 60px rgba(255,138,61,.45),inset 0 1px 0 rgba(255,255,255,.55)}
.xp-btn:hover i{transform:translateX(6px)}
@keyframes xpRing{0%{opacity:.9;transform:scale(1)}70%{opacity:0;transform:scale(1.18,1.4)}100%{opacity:0}}
@keyframes xpShine{0%,60%{background-position:-60% 0}90%,100%{background-position:160% 0}}
.xp-note{margin-top:18px;font-family:var(--f-text);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a39785}
/* top bar */
.xp-top{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;transition:background .4s ease,padding .4s ease,backdrop-filter .4s ease}
.xp-top.on{background:rgba(15,12,9,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 28px;border-bottom:1px solid rgba(255,106,26,.18)}
.xp-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f7f2e8;font-family:var(--f-text);font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase}
.xp-brand img{width:34px;height:34px}
.xp-top__cta{font-family:var(--f-text);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#1a0d05;background:linear-gradient(135deg,#ffb27a,#ff7a2a);padding:12px 20px;box-shadow:0 0 0 0 rgba(255,106,26,.6);animation:xpNav 2.6s ease-out infinite}
.xp-top__cta:hover{color:#1a0d05}
@keyframes xpNav{0%{box-shadow:0 0 0 0 rgba(255,106,26,.55)}70%,100%{box-shadow:0 0 0 12px rgba(255,106,26,0)}}
.xp-prog{position:fixed;top:0;left:0;height:2px;width:0;z-index:70;background:linear-gradient(90deg,var(--c-gold),var(--c-viv),#ffd0a8);box-shadow:0 0 10px rgba(255,106,26,.8)}
/* hero */
.xp-hero{min-height:100vh;display:grid;place-items:center;padding:140px 28px 110px;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 110%,rgba(226,71,26,.38),transparent 70%),radial-gradient(ellipse 50% 40% at 50% 38%,rgba(255,106,26,.12),transparent 70%),var(--c-deep);color:var(--c-paper)}
.xp-embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.xp-curve{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.xp-curve .ax{stroke:rgba(244,239,231,.08);stroke-width:1}
.xp-curve .lin{fill:none;stroke:rgba(244,239,231,.22);stroke-width:1.2;stroke-dasharray:4 8}
.xp-curve .exp{fill:none;stroke:url(#xpG);stroke-width:2.4;filter:drop-shadow(0 0 10px rgba(255,106,26,.8));stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:xpDraw 3.4s cubic-bezier(.6,0,.2,1) .5s forwards}
.xp-curve .area{fill:url(#xpA);opacity:0;animation:xpFade 2s ease 2.6s forwards}
.xp-curve .head{fill:#fff3e6;filter:drop-shadow(0 0 10px #ff7a2a) drop-shadow(0 0 24px #ff6a1a)}
@keyframes xpDraw{to{stroke-dashoffset:0}}
@keyframes xpFade{to{opacity:1}}
.xp-hero__in{position:relative;z-index:3;max-width:1040px;text-align:center}
.xp-logo{width:clamp(84px,9vw,118px);margin:0 auto;position:relative;opacity:0;animation:xpUp 1.2s cubic-bezier(.2,.7,.2,1) .1s forwards}
.xp-logo img{width:100%;display:block;position:relative;z-index:1;animation:xpSpin 18s linear infinite}
.xp-logo::before,.xp-logo::after{content:"";position:absolute;inset:-14%;border-radius:50%!important;border:1px solid rgba(255,138,61,.55);animation:xpPulse 3.2s ease-out infinite}
.xp-logo::after{animation-delay:1.6s}
.xp-logo span{position:absolute;inset:-40%;border-radius:50%!important;background:radial-gradient(circle,rgba(255,106,26,.45),transparent 62%);filter:blur(6px);animation:xpBreath 4s ease-in-out infinite}
@keyframes xpSpin{to{transform:rotate(360deg)}}
@keyframes xpPulse{0%{opacity:.9;transform:scale(.8)}80%,100%{opacity:0;transform:scale(1.7)}}
@keyframes xpBreath{0%,100%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@keyframes xpUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.xp-hero .xp-k{justify-content:center;text-align:center;line-height:1.9;margin-top:34px;opacity:0;animation:xpUp 1s ease .3s forwards}
.xp-hero h1{font-family:var(--f-display);font-weight:400;font-size:clamp(56px,10.5vw,150px);line-height:.92;letter-spacing:-.03em;margin:26px 0 0;color:#fbf6ee}
.xp-hero h1 span{display:inline-block;opacity:0;animation:xpUp 1.1s cubic-bezier(.2,.7,.2,1) forwards}
.xp-hero h1 span:nth-child(1){animation-delay:.45s}
.xp-hero h1 em{display:inline-block;font-style:italic;background:linear-gradient(100deg,#ffd0a8,#ff8a3d 35%,#ff6a1a 55%,#ffb27a 80%,#ff6a1a);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .06em .08em;opacity:0;animation:xpUp 1.1s cubic-bezier(.2,.7,.2,1) .65s forwards,xpFlow 6s linear 1.8s infinite;filter:drop-shadow(0 0 30px rgba(255,106,26,.45))}
@keyframes xpFlow{to{background-position:-220% 0}}
.xp-hero__sub{font-family:var(--f-serif);font-size:clamp(21px,2.4vw,30px);line-height:1.45;color:#ece3d4;max-width:34ch;margin:34px auto 0;opacity:0;animation:xpUp 1.1s ease 1s forwards;text-wrap:balance}
.xp-hero__sub b{font-weight:500;color:#fff;background:linear-gradient(transparent 62%,rgba(255,106,26,.5) 0)}
.xp-hero__small{font-family:var(--f-serif);font-size:18px;line-height:1.6;color:#b9ad9b;max-width:52ch;margin:18px auto 0;opacity:0;animation:xpUp 1.1s ease 1.15s forwards}
.xp-hero__cta{margin-top:44px;display:grid;justify-items:center;gap:22px;opacity:0;animation:xpUp 1.1s ease 1.35s forwards}
.xp-price{display:flex;align-items:baseline;gap:16px;font-family:var(--f-display)}
.xp-price s{font-size:22px;color:#8f8473;text-decoration-color:var(--c-viv);text-decoration-thickness:2px}
.xp-price b{font-weight:400;font-size:40px;color:#fff}
.xp-price small{font-family:var(--f-text);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-viv-lt);border:1px solid rgba(255,138,61,.5);padding:6px 10px}
.xp-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:46px auto 0;max-width:860px;font-family:var(--f-text);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#cfc5b4;opacity:0;animation:xpUp 1.1s ease 1.6s forwards}
.xp-tags span{display:inline-flex;align-items:center;gap:10px}
.xp-tags span::before{content:"";width:6px;height:6px;border-radius:50%!important;background:var(--c-viv);box-shadow:0 0 10px var(--c-viv)}
/* countdown */
.xp-cd{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.xp-cd__l{font-family:var(--f-text);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#cfc5b4}
.xp-cd__u{display:flex;gap:8px}
.xp-cd__u div{min-width:62px;padding:10px 8px 8px;text-align:center;background:rgba(255,106,26,.08);border:1px solid rgba(255,138,61,.35)}
.xp-cd__u b{display:block;font-family:var(--f-display);font-weight:400;font-size:28px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.xp-cd__u small{display:block;margin-top:6px;font-family:var(--f-text);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-viv-lt)}
.xp-scroll{position:absolute;left:50%;bottom:30px;z-index:3;width:1px;height:56px;background:linear-gradient(180deg,rgba(255,138,61,.8),transparent)}
.xp-scroll::after{content:"";position:absolute;left:-2px;top:0;width:5px;height:5px;border-radius:50%!important;background:var(--c-viv-lt);box-shadow:0 0 8px var(--c-viv);animation:xpDrop 2.4s ease-in-out infinite}
@keyframes xpDrop{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(50px);opacity:0}}
/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}
/* constat */
.xp-know{font-family:var(--f-display);font-weight:400;font-size:clamp(40px,7vw,104px);line-height:.98;letter-spacing:-.024em;margin:0}
.xp-know span{display:block;opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.xp-know span:nth-child(2){transition-delay:.18s}.xp-know span:nth-child(3){transition-delay:.36s;color:var(--c-viv);font-style:italic}
.in .xp-know span,.xp-know.in span{opacity:1;transform:none}
.xp-done{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:40px}
.xp-done span{font-family:var(--f-text);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:10px 16px;border:1px solid rgba(36,30,25,.18);display:inline-flex;align-items:center;gap:10px}
.xp-done span::before{content:"";width:6px;height:11px;border-right:2px solid var(--c-gold);border-bottom:2px solid var(--c-gold);transform:rotate(45deg);margin-top:-3px}
.xp-yet{margin-top:44px;font-family:var(--f-display);font-style:italic;font-size:clamp(28px,3.6vw,46px);line-height:1.15;color:var(--c-ink)}
.xp-but{margin-top:clamp(50px,6vw,80px);display:grid;gap:0;border-top:1px solid rgba(36,30,25,.14)}
.xp-but__r{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:20px;padding:clamp(22px,2.6vw,34px) 0;border-bottom:1px solid rgba(36,30,25,.14)}
.xp-but__a{font-family:var(--f-display);font-size:clamp(24px,2.8vw,38px);line-height:1.15;color:var(--c-ink);text-align:right}
.xp-but__m{display:grid;place-items:center;width:64px;height:64px;border-radius:50%!important;border:1px solid rgba(255,106,26,.5);font-family:var(--f-display);font-style:italic;font-size:17px;color:var(--c-viv);position:relative}
.xp-but__m::after{content:"";position:absolute;inset:-1px;border-radius:50%!important;border:1px solid var(--c-viv);opacity:0}
.xp-but__r.in .xp-but__m::after{animation:xpPulse 2.8s ease-out .4s infinite}
.xp-but__b{font-family:var(--f-serif);font-style:italic;font-size:clamp(19px,2vw,25px);line-height:1.35;color:var(--c-gray)}
.xp-but__b b{font-style:normal;font-weight:600;color:var(--c-ember)}
.xp-line{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,80px);align-items:center;margin-top:clamp(70px,8vw,110px)}
.xp-line__t{font-family:var(--f-display);font-size:clamp(30px,4vw,54px);line-height:1.08;letter-spacing:-.014em}
.xp-line__t em{font-style:italic;color:var(--c-viv)}
.xp-line svg{width:100%;height:auto;overflow:visible}
.xp-line .g{stroke:rgba(36,30,25,.1)}
.xp-line .st{fill:none;stroke:var(--c-ink);stroke-width:2;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 2s cubic-bezier(.3,.7,.3,1) .2s}
.xp-line .stp{fill:var(--c-ink)}
.xp-line .gh{fill:none;stroke:var(--c-viv);stroke-width:1.6;stroke-dasharray:5 7;opacity:0;transition:opacity 1s ease 1.8s}
.xp-line.in .st{stroke-dashoffset:0}.xp-line.in .gh{opacity:.85}
.xp-line .cap{font-family:var(--f-text);font-size:10px;letter-spacing:.2em;fill:var(--c-gray-soft)}
.xp-line .cap--o{fill:var(--c-viv)}
.xp-not{margin-top:clamp(70px,8vw,110px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.xp-not div{position:relative;padding:28px 24px;border:1px solid rgba(36,30,25,.14);text-align:center;font-family:var(--f-display);font-size:clamp(20px,2vw,26px);color:var(--c-gray-soft)}
.xp-not div small{display:block;font-family:var(--f-text);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--c-gray-soft);margin-bottom:10px}
.xp-not div span{position:relative;display:inline-block}
.xp-not div span::after{content:"";position:absolute;left:-4%;right:-4%;top:52%;height:2px;background:var(--c-ember);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.6,0,.2,1)}
.xp-not.in div span::after{transform:scaleX(1)}
.xp-not.in div:nth-child(2) span::after{transition-delay:.25s}.xp-not.in div:nth-child(3) span::after{transition-delay:.5s}
.xp-deep{margin-top:clamp(60px,7vw,96px);text-align:center;font-family:var(--f-display);line-height:1}
.xp-deep p{margin:0}
.xp-deep p:nth-child(1){font-size:clamp(22px,2.4vw,30px);color:var(--c-gray)}
.xp-deep span{display:block;margin-top:18px;font-style:italic;color:var(--c-ink);opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s ease}
.xp-deep span:nth-child(2){font-size:clamp(32px,3.6vw,48px);transition-delay:.2s}
.xp-deep span:nth-child(3){font-size:clamp(44px,5.2vw,70px);transition-delay:.45s}
.xp-deep span:nth-child(4){font-size:clamp(58px,7.4vw,104px);transition-delay:.7s;color:var(--c-viv)}
.xp-deep.in span{opacity:1;transform:none}
/* basculement */
.xp-turn__q{font-family:var(--f-display);font-weight:400;font-size:clamp(34px,5.4vw,78px);line-height:1.04;letter-spacing:-.018em;color:#fbf6ee;text-align:center;margin:30px auto 0;max-width:20ch;text-wrap:balance}
.xp-turn__q em{font-style:italic;color:var(--c-viv-lt)}
.xp-turn__q s{text-decoration:none;color:#8f8473;position:relative}
.xp-turn__q s::after{content:"";position:absolute;left:0;right:0;top:56%;height:3px;background:var(--c-viv);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.6,0,.2,1) .6s}
.in .xp-turn__q s::after{transform:scaleX(1)}
.xp-trop{margin-top:clamp(60px,7vw,100px);display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.xp-trop div{position:relative;padding:30px 18px 26px;text-align:center;border:1px solid rgba(244,239,231,.12);background:rgba(255,255,255,.02);overflow:hidden;cursor:default;transition:border-color .5s ease,background .5s ease}
.xp-trop small{display:block;font-family:var(--f-text);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#8f8473}
.xp-trop b{display:block;margin-top:12px;font-family:var(--f-display);font-weight:400;font-size:clamp(24px,2.6vw,34px);color:#d4cabb;transition:color .5s ease}
.xp-trop b i{font-style:normal;color:#8f8473;position:relative;transition:color .5s}
.xp-trop b i::after{content:"";position:absolute;left:-3%;right:-3%;top:55%;height:2px;background:var(--c-viv);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.xp-trop div::after{content:attr(data-yes);position:absolute;left:0;right:0;bottom:12px;font-family:var(--f-text);font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--c-viv-lt);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.xp-trop div:hover,.xp-trop div.on{border-color:var(--c-viv);background:rgba(255,106,26,.08)}
.xp-trop div:hover b,.xp-trop div.on b{color:#fff}
.xp-trop div:hover b i::after,.xp-trop div.on b i::after{transform:scaleX(1)}
.xp-trop div:hover::after,.xp-trop div.on::after{opacity:1;transform:none}
.xp-hint{margin-top:16px;text-align:center;font-family:var(--f-text);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8f8473}
.xp-whisper{margin-top:clamp(60px,7vw,96px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.xp-whisper__w{font-family:var(--f-display);font-style:italic;font-size:clamp(26px,3vw,40px);line-height:1.3;color:#a39785}
.xp-whisper__w span{display:block;animation:xpWhis 6s ease-in-out infinite}
.xp-whisper__w span:nth-child(2){animation-delay:2s}.xp-whisper__w span:nth-child(3){animation-delay:4s}
@keyframes xpWhis{0%,100%{opacity:.35;letter-spacing:0}35%{opacity:1;color:#e6ddcd;letter-spacing:.01em}}
.xp-bend{margin-top:clamp(60px,7vw,100px);position:relative}
.xp-bend svg{width:100%;height:auto;display:block;overflow:visible}
.xp-bend .ceil{stroke:rgba(244,239,231,.3);stroke-width:1;stroke-dasharray:6 6}
.xp-bend .ceil-t{font-family:var(--f-text);font-size:11px;letter-spacing:.24em;fill:#8f8473}
.xp-bend .crv{fill:none;stroke:url(#bendG);stroke-width:3;filter:drop-shadow(0 0 12px rgba(255,106,26,.7))}
.xp-bend .dot{fill:#fff3e6;filter:drop-shadow(0 0 12px #ff6a1a)}
.xp-bend__cap{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-family:var(--f-display);font-size:clamp(20px,2.4vw,32px);line-height:1.2}
.xp-bend__cap span:last-child{font-style:italic;color:var(--c-viv-lt);text-align:right}
.xp-three{margin-top:clamp(60px,7vw,96px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.xp-three div{position:relative;padding:40px 24px 30px;text-align:center;border:1px solid rgba(255,138,61,.28)}
.xp-three div::before{content:"";display:block;width:64px;height:64px;margin:0 auto 18px;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#ffd0a8,#ff6a1a 55%,#a8340f);box-shadow:0 0 30px rgba(255,106,26,.5);animation:xpBreath 4s ease-in-out infinite}
.xp-three div:nth-child(2)::before{animation-delay:1.3s}.xp-three div:nth-child(3)::before{animation-delay:2.6s}
.xp-three b{display:block;font-family:var(--f-display);font-weight:400;font-size:clamp(28px,3vw,40px);color:#fff}
.xp-three small{display:block;margin-top:8px;font-family:var(--f-text);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#a39785}
/* promesse */
.xp-twelve{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:clamp(14px,3vw,40px);margin-top:44px}
.xp-twelve div{text-align:center}
.xp-twelve b{display:block;font-family:var(--f-display);font-weight:400;font-size:clamp(64px,9vw,128px);line-height:.9;color:var(--c-viv);font-variant-numeric:lining-nums}
.xp-twelve div:last-child b{font-style:italic;color:var(--c-ink)}
.xp-twelve small{display:block;margin-top:10px;font-family:var(--f-text);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--c-gray)}
.xp-mq{margin-top:clamp(56px,6vw,80px);display:grid;gap:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.xp-mq__r{display:flex;gap:18px;width:max-content;animation:xpMq 46s linear infinite}
.xp-mq__r--b{animation-direction:reverse;animation-duration:54s}
.xp-mq__r span{font-family:var(--f-display);font-size:clamp(28px,3.6vw,50px);white-space:nowrap;color:var(--c-ink);display:inline-flex;align-items:center;gap:18px}
.xp-mq__r span::after{content:"";width:10px;height:10px;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#ffd0a8,#ff6a1a)}
.xp-mq__r--b span{font-style:italic;color:var(--c-viv)}
@keyframes xpMq{to{transform:translateX(-50%)}}
.xp-stop{margin-top:clamp(56px,7vw,90px);display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(36,30,25,.14)}
.xp-stop div{padding:clamp(28px,3.4vw,46px)}
.xp-stop div:first-child{border-right:1px solid rgba(36,30,25,.14)}
.xp-stop small{font-family:var(--f-text);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--c-gray-soft)}
.xp-stop p{margin:12px 0 0;font-family:var(--f-display);font-size:clamp(24px,2.6vw,34px);line-height:1.15}
.xp-stop div:first-child p{color:var(--c-gray-soft);text-decoration:line-through;text-decoration-color:rgba(226,71,26,.6)}
.xp-stop div:last-child{background:linear-gradient(135deg,rgba(255,106,26,.1),transparent)}
.xp-stop div:last-child small{color:var(--c-viv)}
.xp-stop div:last-child p em{font-style:italic;color:var(--c-viv)}
.xp-you{margin-top:clamp(56px,7vw,90px);text-align:center;font-family:var(--f-display);font-size:clamp(30px,4.4vw,60px);line-height:1.1;letter-spacing:-.014em}
.xp-you em{font-style:italic;color:var(--c-viv)}
/* 12 autorisations */
.xp-doors{margin-top:clamp(50px,6vw,80px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.xp-door{position:relative;display:flex;flex-direction:column;background:#1d1712;border:1px solid rgba(244,239,231,.08);overflow:hidden;cursor:pointer;transition:transform .6s cubic-bezier(.2,.7,.2,1),border-color .5s ease,box-shadow .6s ease;text-align:left;padding:0;color:inherit;font:inherit}
.xp-door:hover,.xp-door:focus-visible{transform:translateY(-6px);border-color:rgba(255,138,61,.6);box-shadow:0 40px 80px -40px rgba(255,106,26,.7),0 0 0 1px rgba(255,106,26,.25);outline:none}
.xp-door__img{position:relative;aspect-ratio:1200/843;overflow:hidden;background:#0f0c09}
.xp-door__img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) brightness(.62) contrast(1.05);transform:scale(1.04);transition:filter .7s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.xp-door:hover .xp-door__img img{filter:none;transform:scale(1)}
.xp-door__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#1d1712 100%)}
.xp-door__n{position:absolute;left:22px;bottom:-6px;z-index:1;font-family:var(--f-display);font-size:clamp(64px,6.4vw,92px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,154,77,.9);transition:color .5s ease,text-shadow .5s ease}
.xp-door:hover .xp-door__n{color:var(--c-viv);text-shadow:0 0 30px rgba(255,106,26,.6)}
.xp-door__zoom{position:absolute;right:16px;top:16px;z-index:1;font-family:var(--f-text);font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:8px 11px;background:rgba(15,12,9,.7);border:1px solid rgba(255,138,61,.5);color:#ffd0a8;opacity:0;transform:translateY(-6px);transition:opacity .4s,transform .4s}
.xp-door:hover .xp-door__zoom{opacity:1;transform:none}
.xp-door__b{padding:20px 24px 28px}
.xp-door__b small{font-family:var(--f-text);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--c-viv-lt)}
.xp-door__b h3{margin:10px 0 0;font-family:var(--f-display);font-weight:400;font-size:clamp(22px,2.1vw,27px);line-height:1.15;color:#fbf6ee}
.xp-door__b p{margin:12px 0 0;font-family:var(--f-serif);font-size:16.5px;line-height:1.62;color:#cfc5b4}
.xp-door__b p b{color:#fff;font-weight:500}
/* lightbox */
.xp-lb{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:4vw;background:rgba(10,8,6,.92);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .4s ease}
.xp-lb.on{opacity:1;pointer-events:auto}
.xp-lb figure{margin:0;max-width:1100px;width:100%;transform:scale(.96);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.xp-lb.on figure{transform:none}
.xp-lb img{width:100%;display:block;box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 0 1px rgba(255,138,61,.35)}
.xp-lb figcaption{margin-top:16px;display:flex;justify-content:space-between;gap:16px;font-family:var(--f-text);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#cfc5b4}
.xp-lb__x{position:absolute;top:22px;right:26px;width:48px;height:48px;border:1px solid rgba(255,138,61,.5);background:none;color:#fff;font-size:22px;cursor:pointer}
.xp-lb__nav{display:flex;gap:10px}
.xp-lb__nav button{width:44px;height:44px;border:1px solid rgba(255,138,61,.5);background:none;color:#fff;font-size:18px;cursor:pointer}
.xp-lb__nav button:hover,.xp-lb__x:hover{background:var(--c-viv);color:#1a0d05}
/* comment */
.xp-two{margin-top:clamp(50px,6vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative}
.xp-two::before{content:"";position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);z-index:2;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#ffd0a8,#ff6a1a 55%,#a8340f);box-shadow:0 0 0 8px var(--c-paper),0 0 30px rgba(255,106,26,.6)}
.xp-tm{padding:clamp(30px,3.6vw,50px);border:1px solid rgba(36,30,25,.14);background:#fbf7f0}
.xp-tm__n{font-family:var(--f-display);font-size:64px;line-height:1;color:var(--c-viv)}
.xp-tm h3{margin:16px 0 0;font-family:var(--f-display);font-weight:400;font-size:clamp(26px,2.8vw,36px);line-height:1.1}
.xp-tm h3 em{font-style:italic;color:var(--c-viv)}
.xp-tm p{margin:14px 0 0;font-family:var(--f-serif);font-size:18px;line-height:1.7;color:var(--c-gray)}
.xp-live{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(30px,3.6vw,50px);background:var(--c-deep);color:var(--c-paper);position:relative;overflow:hidden}
.xp-live::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 50%,rgba(255,106,26,.3),transparent 55%)}
.xp-live>*{position:relative}
.xp-cal{width:120px;border:1px solid rgba(255,138,61,.6);text-align:center;background:rgba(255,106,26,.06)}
.xp-cal small{display:block;padding:8px;background:linear-gradient(135deg,#ff8a3d,#e2471a);color:#1a0d05;font-family:var(--f-text);font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.xp-cal b{display:block;padding:10px 0 2px;font-family:var(--f-display);font-weight:400;font-size:58px;line-height:1;color:#fff}
.xp-cal span{display:block;padding-bottom:12px;font-family:var(--f-text);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#cfc5b4}
.xp-live h3{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(26px,3vw,40px);line-height:1.1}
.xp-live h3 em{font-style:italic;color:var(--c-viv-lt)}
.xp-live p{margin:10px 0 0;font-family:var(--f-serif);font-size:18px;line-height:1.65;color:#cfc5b4}
.xp-onair{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-text);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#fff;padding:12px 16px;border:1px solid rgba(255,138,61,.6)}
.xp-onair::before{content:"";width:9px;height:9px;border-radius:50%!important;background:#ff3d1a;box-shadow:0 0 0 0 rgba(255,61,26,.8);animation:xpRec 1.6s ease-out infinite}
@keyframes xpRec{0%{box-shadow:0 0 0 0 rgba(255,61,26,.8)}100%{box-shadow:0 0 0 12px rgba(255,61,26,0)}}
.xp-get{margin-top:clamp(56px,7vw,90px);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(36,30,25,.14);border:1px solid rgba(36,30,25,.14)}
.xp-get div{background:var(--c-paper);padding:30px 26px;transition:background .5s ease}
.xp-get div:hover{background:#fbf2e8}
.xp-get b{display:block;font-family:var(--f-display);font-weight:400;font-size:46px;line-height:1;color:var(--c-viv)}
.xp-get p{margin:12px 0 0;font-family:var(--f-serif);font-size:17px;line-height:1.55;color:var(--c-ink)}
/* pour qui */
.xp-who{margin-top:clamp(50px,6vw,80px);display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.xp-who__c{padding:clamp(30px,3.6vw,48px);border:1px solid rgba(244,239,231,.12)}
.xp-who__c--y{border-color:var(--c-viv);background:linear-gradient(160deg,rgba(255,106,26,.16),rgba(255,106,26,.02) 70%);box-shadow:0 40px 80px -40px rgba(255,106,26,.6)}
.xp-who__c h3{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(26px,2.8vw,36px);color:#fff}
.xp-who__c--n h3{color:#a39785}
.xp-who ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:16px}
.xp-who li{display:grid;grid-template-columns:24px 1fr;gap:14px;font-family:var(--f-serif);font-size:18px;line-height:1.6;color:#ece3d4}
.xp-who__c--y li::before{content:"";width:8px;height:14px;margin:4px 0 0 7px;border-right:2px solid var(--c-viv-lt);border-bottom:2px solid var(--c-viv-lt);transform:rotate(45deg)}
.xp-who__c--n li{color:#a39785}
.xp-who__c--n li::before{content:"";width:14px;height:14px;margin-top:6px;background:linear-gradient(45deg,transparent 44%,#8f8473 44%,#8f8473 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,#8f8473 44%,#8f8473 56%,transparent 56%)}
/* bio */
.xp-bio{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,6vw,90px);align-items:center}
.xp-bio__pf{position:relative;margin:0}
.xp-bio__pf img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.xp-bio__pf::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--c-viv);z-index:-1}
.xp-bio__pf::after{content:"";position:absolute;right:-26px;bottom:-26px;width:110px;height:110px;background:url("logo.png") center/contain no-repeat;filter:drop-shadow(0 10px 30px rgba(255,106,26,.5));animation:xpSpin 24s linear infinite}
.xp-creds{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.xp-creds span{font-family:var(--f-text);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:10px 14px;border:1px solid rgba(255,106,26,.35);color:var(--c-ink)}
.xp-perm{margin-top:clamp(60px,7vw,100px);text-align:center;font-family:var(--f-display);font-size:clamp(30px,4.8vw,66px);line-height:1.08;letter-spacing:-.016em}
.xp-perm span{display:block;color:var(--c-gray-soft);font-size:.62em}
.xp-perm em{font-style:italic;color:var(--c-viv)}
.xp-tst{margin-top:clamp(50px,6vw,80px);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xp-tst figure{margin:0;padding:30px 26px;border:1px dashed rgba(255,106,26,.5);background:#fbf7f0;display:grid;gap:16px;align-content:start}
.xp-tst q{font-family:var(--f-display);font-style:italic;font-size:22px;line-height:1.4;color:var(--c-gray-soft);quotes:none}
.xp-tst figcaption{font-family:var(--f-text);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-viv)}
/* offre */
.xp-offer{position:relative;margin:clamp(40px,5vw,60px) auto 0;max-width:880px;padding:clamp(36px,5vw,70px) clamp(26px,5vw,70px);background:linear-gradient(180deg,#221a13,#17120e);border:1px solid rgba(255,138,61,.55);box-shadow:0 0 0 6px rgba(255,106,26,.08),0 60px 120px -50px rgba(255,106,26,.75);text-align:center;overflow:hidden}
.xp-offer::before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,138,61,.28) 80%,transparent 90%);animation:xpSpin 9s linear infinite;pointer-events:none}
.xp-offer::after{content:"";position:absolute;inset:1px;background:linear-gradient(180deg,#221a13,#17120e);pointer-events:none}
.xp-offer>*{position:relative;z-index:1}
.xp-offer__logo{width:72px;margin:0 auto}
.xp-offer h3{margin:18px 0 0;font-family:var(--f-display);font-weight:400;font-size:clamp(32px,4vw,52px);line-height:1.05;color:#fff}
.xp-offer h3 em{font-style:italic;color:var(--c-viv-lt)}
.xp-offer ul{list-style:none;margin:34px auto 0;padding:0;max-width:560px;display:grid;gap:14px;text-align:left}
.xp-offer li{display:grid;grid-template-columns:26px 1fr;gap:14px;font-family:var(--f-serif);font-size:18px;line-height:1.55;color:#ece3d4;padding-bottom:14px;border-bottom:1px solid rgba(244,239,231,.08)}
.xp-offer li::before{content:"";width:14px;height:14px;margin-top:6px;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#ffd0a8,#ff6a1a 60%,#a8340f);box-shadow:0 0 10px rgba(255,106,26,.7)}
.xp-big{margin-top:40px;display:grid;justify-items:center;gap:8px}
.xp-big s{font-family:var(--f-display);font-size:28px;color:#8f8473;text-decoration-color:var(--c-viv);text-decoration-thickness:2px}
.xp-big b{font-family:var(--f-display);font-weight:400;font-size:clamp(72px,10vw,120px);line-height:.95;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#ffd0a8 50%,#ff8a3d);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,106,26,.4))}
.xp-big b sup{font-size:.4em;vertical-align:.9em;margin-left:4px}
.xp-big small{font-family:var(--f-text);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#1a0d05;background:linear-gradient(135deg,#ffb27a,#ff7a2a);padding:7px 12px}
.xp-big span{font-family:var(--f-text);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#cfc5b4}
.xp-offer .xp-cd{margin-top:28px}
.xp-offer__cta{margin-top:34px}
.xp-guar{margin:clamp(40px,5vw,60px) auto 0;max-width:880px;display:grid;grid-template-columns:auto 1fr;gap:clamp(22px,3vw,40px);align-items:center;padding:clamp(26px,3vw,40px);border:1px solid rgba(244,239,231,.14)}
.xp-seal{width:118px;height:118px;border-radius:50%!important;display:grid;place-items:center;text-align:center;border:1px solid var(--c-viv);position:relative;font-family:var(--f-display);color:#fff;line-height:1}
.xp-seal::before{content:"";position:absolute;inset:7px;border-radius:50%!important;border:1px dashed rgba(255,138,61,.6);animation:xpSpin 30s linear infinite}
.xp-seal b{display:block;font-weight:400;font-size:38px}
.xp-seal small{display:block;margin-top:4px;font-family:var(--f-text);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-viv-lt)}
.xp-guar h4{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(24px,2.6vw,32px);color:#fff}
.xp-guar p{margin:10px 0 0;font-family:var(--f-serif);font-size:18px;line-height:1.65;color:#cfc5b4}
.xp-guar p em{color:var(--c-viv-lt)}
/* faq */
.xp-faq{margin-top:clamp(40px,5vw,60px);border-top:1px solid rgba(36,30,25,.14)}
.xp-faq details{border-bottom:1px solid rgba(36,30,25,.14)}
.xp-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 40px;align-items:center;gap:20px;padding:26px 0;font-family:var(--f-display);font-size:clamp(21px,2.2vw,27px);line-height:1.25;color:var(--c-ink);transition:color .3s}
.xp-faq summary::-webkit-details-marker{display:none}
.xp-faq summary:hover{color:var(--c-viv)}
.xp-faq summary::after{content:"+";display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,106,26,.5);font-family:var(--f-text);font-size:20px;color:var(--c-viv);transition:transform .4s ease,background .4s}
.xp-faq details[open] summary::after{transform:rotate(45deg);background:var(--c-viv);color:#fff}
.xp-faq details p{margin:0 0 28px;max-width:62ch;font-family:var(--f-serif);font-size:18.5px;line-height:1.75;color:var(--c-gray)}
/* final */
.xp-final{overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 120%,rgba(226,71,26,.45),transparent 70%),var(--c-deep);color:var(--c-paper);text-align:center}
.xp-fork{margin:0 auto;max-width:980px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.xp-fork div{padding:clamp(28px,3.4vw,46px) 24px;border:1px solid rgba(244,239,231,.12)}
.xp-fork div:last-child{border-color:var(--c-viv);background:rgba(255,106,26,.1);box-shadow:0 0 60px -10px rgba(255,106,26,.45)}
.xp-fork svg{width:100%;max-width:280px;height:110px;margin:0 auto;display:block;overflow:visible}
.xp-fork p{margin:18px 0 0;font-family:var(--f-display);font-size:clamp(26px,3vw,40px);line-height:1.1;color:#a39785}
.xp-fork div:last-child p{font-style:italic;color:#fff}
.xp-fork .fl{fill:none;stroke:#8f8473;stroke-width:2;stroke-dasharray:4 6}
.xp-fork .fe{fill:none;stroke:url(#forkG);stroke-width:3;filter:drop-shadow(0 0 8px rgba(255,106,26,.8));stroke-dasharray:320;stroke-dashoffset:320;animation:xpLoop 4s cubic-bezier(.6,0,.2,1) infinite}
@keyframes xpLoop{0%{stroke-dashoffset:320}55%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.xp-nothing{margin:clamp(56px,7vw,90px) auto 0;max-width:24ch;font-family:var(--f-display);font-size:clamp(28px,3.8vw,50px);line-height:1.2;color:#ece3d4}
.xp-nothing em{font-style:italic;color:var(--c-viv-lt)}
.xp-oui{margin-top:clamp(40px,5vw,64px);font-family:var(--f-display);font-style:italic;font-size:clamp(90px,16vw,230px);line-height:.85;letter-spacing:-.04em;background:linear-gradient(100deg,#ffd0a8,#ff8a3d 35%,#ff6a1a 55%,#ffb27a 80%,#ff6a1a);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:xpFlow 6s linear infinite;filter:drop-shadow(0 0 40px rgba(255,106,26,.45))}
.xp-final .xp-p{margin-left:auto;margin-right:auto;max-width:44ch}
.xp-ps{margin:clamp(50px,6vw,80px) auto 0;max-width:620px;padding:26px 30px;border:1px solid rgba(255,138,61,.35);text-align:left;font-family:var(--f-serif);font-style:italic;font-size:19px;line-height:1.65;color:#ece3d4}
.xp-ps b{font-style:normal;font-family:var(--f-text);font-size:11px;letter-spacing:.24em;color:var(--c-viv-lt);margin-right:10px}
.xp-foot{background:var(--c-deep);color:#8f8473;padding:34px 28px;text-align:center;font-family:var(--f-text);font-size:11px;letter-spacing:.18em;text-transform:uppercase;border-top:1px solid rgba(255,138,61,.15)}
.xp-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:12px}
.xp-foot a{text-decoration:none}
/* sticky mobile */
.xp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(15,12,9,.94);backdrop-filter:blur(12px);border-top:1px solid rgba(255,138,61,.35);transform:translateY(110%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.xp-sticky.on{transform:none}
.xp-sticky span{font-family:var(--f-display);font-size:20px;color:#fff}
.xp-sticky span s{font-size:14px;color:#8f8473;margin-right:6px}
.xp-sticky a{padding:14px 18px;min-height:48px;font-size:11px}
/* responsive */
@media (max-width:1000px){.xp-doors{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-trop{grid-template-columns:repeat(2,1fr)}.xp-get{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.xp-line,.xp-whisper,.xp-bio,.xp-who,.xp-stop,.xp-two,.xp-fork{grid-template-columns:1fr}.xp-stop div:first-child{border-right:0;border-bottom:1px solid rgba(36,30,25,.14)}.xp-two::before{display:none}.xp-live{grid-template-columns:auto 1fr}.xp-live .xp-onair{grid-column:1/-1;justify-self:start}.xp-tst,.xp-three,.xp-not{grid-template-columns:1fr}.xp-bio__pf{max-width:420px}.xp-top__cta{display:none}.xp-sticky{display:flex}.xp-but__r{grid-template-columns:1fr;gap:10px;text-align:left}.xp-but__a{text-align:left}.xp-but__m{width:44px;height:44px;font-size:14px}}
@media (max-width:600px){section{padding:72px 20px}.xp-doors,.xp-get{grid-template-columns:1fr}.xp-trop{grid-template-columns:1fr 1fr;gap:10px}.xp-twelve{grid-template-columns:repeat(3,1fr);gap:10px}.xp-guar{grid-template-columns:1fr;justify-items:center;text-align:center}.xp-live{grid-template-columns:1fr}.xp-cd__u div{min-width:54px}.xp-btn{padding:20px 28px;letter-spacing:.14em}.xp-top{padding:12px 18px}.xp-top.on{padding:8px 18px}.xp-bend__cap{flex-direction:column}.xp-bend__cap span:last-child{text-align:left}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}