/* Pusha T ft pack — story parallax funnel */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700&display=swap');
:root{--pt-ink:#f3efe7;--pt-dim:#a9a49b;--pt-gold:#d8b46a;--pt-black:#050505;--pt-gutter:clamp(16px,5vw,64px)}
html:has(#pt-funnel),body:has(#pt-funnel){background:var(--pt-black)!important;margin:0;overflow-x:clip!important;overflow-y:visible!important}
body:has(#pt-funnel) .prodby-public-wrap{overflow:visible!important;max-width:none!important;padding:0!important;margin:0!important;background:transparent!important}
body:has(#pt-funnel) .prodby-visual-html,body:has(#pt-funnel) .visual-editor-content{max-width:none!important;padding:0!important;margin:0!important;background:transparent!important;overflow:visible!important}
#pt-funnel{position:relative;color:var(--pt-ink);font-family:Inter,system-ui,sans-serif;background:var(--pt-black);overflow-x:clip;isolation:isolate}
#pt-funnel *{box-sizing:border-box}
.pt-stage{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;display:block;z-index:0;opacity:0;transition:opacity 1s ease}
#pt-funnel.pt-ready .pt-stage{opacity:1}
/* film grain + vignette over the 3D stage, under the words */
.pt-grade{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(0,0,0,.72) 100%)}
.pt-grade::after{content:"";position:absolute;inset:-50%;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:pt-grain 1s steps(4) infinite}
@keyframes pt-grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}
.pt-chapter{position:relative;z-index:2;min-height:150vh;min-height:150svh;display:flex;align-items:center;padding:12vh var(--pt-gutter)}
.pt-chapter:first-of-type{min-height:130vh;min-height:130svh}
.pt-copy{position:sticky;top:18vh;max-width:min(520px,44vw);padding:28px 0}
.pt-eyebrow{display:inline-flex;gap:10px;align-items:center;font:600 .74rem/1 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--pt-gold)}
.pt-eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.pt-h1,.pt-h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:.9;margin:.28em 0 .3em;letter-spacing:.01em;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.pt-h1{font-size:clamp(3.4rem,9vw,8.4rem)}
.pt-h1 span{display:block;font-size:.52em;color:var(--pt-dim);letter-spacing:.04em}
.pt-h2{font-size:clamp(2.6rem,6.2vw,5.6rem)}
.pt-lead{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;color:#d9d4cb;margin:0 0 26px;text-shadow:0 2px 14px rgba(0,0,0,.8)}
.pt-play{display:flex;align-items:center;gap:14px;width:100%;max-width:420px;padding:12px 16px 12px 12px;border:1px solid rgba(243,239,231,.22);border-radius:999px;background:rgba(10,10,10,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--pt-ink);font:600 .95rem Inter,sans-serif;cursor:pointer;text-align:left}
.pt-play__icon{flex:none;width:46px;height:46px;border-radius:50%;background:var(--pt-ink);color:#000;display:grid;place-items:center;font-size:1rem;transition:transform .2s}
.pt-play:hover .pt-play__icon{transform:scale(1.07)}
.pt-play__icon::before{content:"▶";margin-left:3px}
.pt-play.is-playing .pt-play__icon::before{content:"❚❚";margin:0;font-size:.8rem;letter-spacing:-1px}
.pt-play__meta{flex:1;min-width:0;display:grid;gap:7px}
.pt-wave{position:relative;display:block;height:34px;min-width:0;overflow:hidden;cursor:pointer}
.pt-wave__base,.pt-wave__fill{position:absolute;inset:0;display:flex;align-items:center;gap:2px}
.pt-wave b{flex:1 1 0;min-width:1px;border-radius:2px;background:rgba(243,239,231,.26)}
.pt-wave__fill{clip-path:inset(0 100% 0 0)}
.pt-wave__fill b{background:var(--pt-gold)}
.pt-play.is-playing .pt-wave__fill b{box-shadow:0 0 8px rgba(216,180,106,.35)}
.pt-time{font:500 .75rem Inter,sans-serif;color:var(--pt-dim);font-variant-numeric:tabular-nums}
.pt-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding:18px 30px;border-radius:999px;background:var(--pt-gold);color:#0b0b0b!important;text-decoration:none!important;font:700 1rem Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 14px 40px rgba(216,180,106,.25);transition:transform .2s,box-shadow .2s}
.pt-cta:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(216,180,106,.38)}
.pt-cta b{font-family:Anton,sans-serif;font-weight:400;font-size:1.35em;letter-spacing:.02em}
.pt-scroll{position:absolute;left:50%;bottom:4vh;transform:translateX(-50%);font:600 .68rem Inter,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--pt-dim);display:grid;justify-items:center;gap:10px}
.pt-scroll::after{content:"";width:1px;height:46px;background:linear-gradient(var(--pt-dim),transparent);animation:pt-drop 1.8s ease-in-out infinite}
@keyframes pt-drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.pt-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:12px}
.pt-list li{display:flex;gap:14px;align-items:baseline;font-size:1.05rem;line-height:1.45;color:#e6e1d8;padding-bottom:12px;border-bottom:1px solid rgba(243,239,231,.12);text-shadow:0 2px 12px rgba(0,0,0,.8)}
.pt-list li::before{content:"";flex:none;width:8px;height:8px;transform:translateY(-2px) rotate(45deg);background:var(--pt-gold)}
.pt-price{display:flex;align-items:flex-end;gap:16px;margin:4px 0 6px}
.pt-price strong{font:400 clamp(4.8rem,11vw,8rem)/.85 Anton,sans-serif;color:var(--pt-ink)}
.pt-price span{font:600 .8rem/1.4 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--pt-gold);padding-bottom:8px}
.pt-note{font-size:.85rem;color:var(--pt-dim);margin:16px 0 0;max-width:420px;line-height:1.55}
/* order form over a dimmed stage */
.pt-order{position:relative;z-index:2;padding:16vh 0 6vh;background:linear-gradient(transparent,rgba(5,5,5,.86) 22%,rgba(5,5,5,.94))}
.pt-order__head{text-align:center;padding:0 var(--pt-gutter) 8px}
.pt-order__head .pt-h2{font-size:clamp(2.4rem,5vw,4.2rem)}
#pt-funnel .prodby-order-form{background:transparent!important;padding-top:24px!important}
#pt-funnel .prodby-order-form__card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(16,16,16,.92)!important;border-color:rgba(243,239,231,.16)!important;color:var(--pt-ink)}
#pt-funnel .prodby-order-form__title{font-family:Anton,sans-serif!important;font-weight:400!important;font-size:2rem!important;text-transform:uppercase;letter-spacing:.01em;color:var(--pt-ink)!important}
#pt-funnel .prodby-order-form__label,#pt-funnel .pb-flow-methods legend{color:#d9d4cb!important}
#pt-funnel .prodby-order-form__input{background:#0b0b0b!important;border-color:rgba(243,239,231,.22)!important;color:var(--pt-ink)!important}
#pt-funnel .prodby-order-form__input:focus{outline:2px solid var(--pt-gold);outline-offset:1px}
#pt-funnel .prodby-order-form__order-summary{background:#0b0b0b!important;border-color:rgba(243,239,231,.16)!important}
#pt-funnel .prodby-order-form__card *{-webkit-text-fill-color:currentColor!important}
#pt-funnel .prodby-order-form__order-summary-title,#pt-funnel .prodby-order-form__order-summary-item,#pt-funnel .prodby-order-form__order-summary-price{color:var(--pt-ink)!important}
#pt-funnel .prodby-order-form__order-summary-row{border-color:rgba(243,239,231,.12)!important}
#pt-funnel .prodby-order-form__order-summary-total{background:var(--pt-gold)!important;color:#0b0b0b!important}
#pt-funnel .prodby-order-form__order-summary-total *{color:#0b0b0b!important}
#pt-funnel .pb-flow-method{border-color:rgba(243,239,231,.2)!important;color:var(--pt-ink)}
#pt-funnel .pb-flow-method:has(input:checked){border-color:var(--pt-gold)!important;background:rgba(216,180,106,.08)!important}
#pt-funnel .pb-flow-method input{accent-color:var(--pt-gold)!important}
#pt-funnel .pb-flow-next,#pt-funnel .prodby-order-form__btn{background:var(--pt-gold)!important;border-color:var(--pt-gold)!important;color:#0b0b0b!important;font:700 15px Inter,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;min-height:54px!important;border-radius:999px!important}
#pt-funnel .prodby-order-bump{background:rgba(216,180,106,.07)!important;border:1.5px dashed var(--pt-gold)!important;border-radius:16px!important;overflow:hidden;color:var(--pt-ink)!important}
#pt-funnel .prodby-order-bump__header{background:var(--pt-gold)!important;color:#0b0b0b!important;font:700 .92rem Inter,sans-serif!important;letter-spacing:.02em}
#pt-funnel .prodby-order-bump__header *{color:#0b0b0b!important}
#pt-funnel .prodby-order-bump__track{background:rgba(11,11,11,.3)!important;border-color:#0b0b0b!important}
#pt-funnel .prodby-order-bump__checkbox:checked+.prodby-order-bump__track{background:#0b0b0b!important}
#pt-funnel .prodby-order-bump__checkbox:checked+.prodby-order-bump__track .prodby-order-bump__thumb{background:var(--pt-gold)!important}
#pt-funnel .prodby-order-bump__inner{background:transparent!important}
#pt-funnel .prodby-order-bump__img{border-radius:10px;filter:grayscale(1) contrast(1.1)}
#pt-funnel .prodby-order-bump__title{font-family:Anton,sans-serif!important;font-weight:400!important;font-size:1.35rem!important;text-transform:uppercase;letter-spacing:.02em;color:var(--pt-ink)!important}
#pt-funnel .prodby-order-bump__desc{color:#cfc9bf!important}
#pt-funnel .prodby-order-bump__price{display:inline-block;background:none!important;padding:0!important;color:var(--pt-gold)!important;font:400 1.4rem Anton,sans-serif!important;letter-spacing:.02em}
#pt-funnel [id^="prodby-order-bump-summary-row-"].prodby-order-bump-summary-row{background:rgba(216,180,106,.1)!important;border:1px dashed rgba(216,180,106,.6)!important}
#pt-funnel [id^="prodby-order-bump-summary-row-"].prodby-order-bump-summary-row span{color:var(--pt-ink)!important;-webkit-text-fill-color:var(--pt-ink)!important}
#pt-funnel [id^="prodby-order-bump-summary-row-"].prodby-order-bump-summary-row span:last-child{color:var(--pt-gold)!important;-webkit-text-fill-color:var(--pt-gold)!important}
#pt-funnel .prodby-order-form__secure,#pt-funnel .prodby-order-form__subtitle{color:var(--pt-dim)!important}
.pt-foot{position:relative;z-index:2;padding:28px var(--pt-gutter) 110px;text-align:center;font-size:.75rem;color:#6f6b64;background:#050505}
/* sticky mini player */
.pt-mini{position:fixed;z-index:20;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:rgba(12,12,12,.86);border:1px solid rgba(243,239,231,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.pt-mini[hidden]{display:none}
.pt-mini{transition:opacity .3s,transform .3s}
.pt-mini.is-off{opacity:0;transform:translateY(24px);pointer-events:none}
.pt-mini .pt-play{width:auto;padding:0;border:0;background:none;backdrop-filter:none}
.pt-mini .pt-play__icon{width:38px;height:38px;font-size:.85rem}
.pt-mini .pt-play__label{display:none}
.pt-mini .pt-time{font-size:.72rem}
.pt-mini .pt-play__meta{gap:3px}
.pt-mini .pt-wave{width:92px;height:20px}
.pt-mini .pt-wave__base,.pt-mini .pt-wave__fill{gap:1.5px}
.pt-mini__cta{font:700 .72rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--pt-gold)!important;text-decoration:none!important;padding-left:10px;border-left:1px solid rgba(243,239,231,.16)}
/* without WebGL: each chapter shows its own still */
.pt-box-still{display:none}
#pt-funnel.pt-nogl .pt-box-still{display:block;width:min(240px,46vw);height:auto;margin:0 0 18px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
#pt-funnel.pt-nogl .pt-stage{display:none}
#pt-funnel.pt-nogl .pt-chapter{background:center/cover no-repeat var(--pt-still)}
#pt-funnel.pt-nogl .pt-chapter::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.25))}
/* phones and tall screens: art on top, words at the bottom over a dark fade */
@media (max-aspect-ratio:9/10){
 .pt-chapter{align-items:flex-end;padding:0 var(--pt-gutter) 9vh;min-height:170svh}
 .pt-chapter:first-of-type{min-height:140svh}
 .pt-copy{top:auto;bottom:0;max-width:640px;width:100%;position:sticky;padding:20vh 0 28px;margin-top:auto}
 .pt-copy::before{content:"";position:absolute;inset:0 calc(var(--pt-gutter) * -1) -12vh;z-index:-1;background:linear-gradient(rgba(5,5,5,0),rgba(5,5,5,.82) 34%,rgba(5,5,5,.9) 78%,rgba(5,5,5,0))}
 .pt-scroll{display:none}
 #pt-funnel.pt-nogl .pt-chapter::before{background:linear-gradient(transparent 30%,rgba(0,0,0,.9))}
}
@media (max-width:560px){
 .pt-h1{font-size:clamp(3rem,17vw,4.6rem)}
 .pt-h2{font-size:clamp(2.3rem,12vw,3.4rem)}
 .pt-lead{font-size:1rem;margin-bottom:20px}
 .pt-cta{width:100%;padding:17px 20px}
 .pt-play{max-width:none}
 .pt-list li{font-size:.98rem}
}
@media (prefers-reduced-motion:reduce){.pt-grade::after,.pt-scroll::after{animation:none}.pt-cta,.pt-stage{transition:none}}
