.clip-detail-page{min-height:100vh;background:#050506;color:#f8f5f5;padding:84px 18px 72px}.clip-detail-shell{width:min(1180px,100%);margin:0 auto}.clip-detail-loading,.clip-detail-state{min-height:60vh;display:grid;place-items:center;color:#fff;text-align:center}.clip-detail-state{align-content:center;gap:16px;width:min(760px,100%);margin:0 auto}.clip-detail-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.035);color:#f4eeee;padding:0 18px;font-size:.85rem;font-weight:900;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}.clip-detail-back:hover{border-color:rgba(245,18,30,.56);background:rgba(245,18,30,.12);transform:translateX(-2px)}.clip-detail-stage{position:relative;margin-top:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(245,18,30,.18),transparent 32%),linear-gradient(145deg,#10080a,#050506 64%);box-shadow:inset 0 -3px 0 #f5121e,0 32px 90px rgba(0,0,0,.42)}.clip-detail-stage:before{content:"";display:block;aspect-ratio:16/9;min-height:420px}.clip-detail-locked,.clip-detail-player,.clip-detail-trailer-preview{position:absolute;inset:0;width:100%;height:100%}.clip-detail-player{display:block;-o-object-fit:cover;object-fit:cover;background:#000}.clip-detail-trailer-preview{background:#000}.clip-detail-trailer-ribbon{position:absolute;left:18px;right:18px;top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(5,5,6,.78);color:#fff;padding:10px 12px;backdrop-filter:blur(14px);pointer-events:none}.clip-detail-trailer-ribbon span{color:#ffb6bb;font-size:.76rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.clip-detail-trailer-ribbon button{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;padding:8px 12px;font-size:.75rem;font-weight:900;cursor:pointer;pointer-events:auto}.clip-detail-locked{display:grid;place-items:center;isolation:isolate}.clip-detail-locked:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(5,5,6,.18),rgba(5,5,6,.88)),var(--clip-poster);background-size:cover;background-position:50%;filter:blur(10px) saturate(.75);transform:scale(1.06);opacity:.36}.clip-detail-locked:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 44%,rgba(0,0,0,.3),rgba(0,0,0,.86) 44%),linear-gradient(135deg,rgba(245,18,30,.1),transparent 46%)}.clip-detail-lock-panel{width:min(460px,calc(100% - 32px));text-align:center;padding:24px}.clip-detail-lock-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(0,0,0,.55);color:#fff;padding:7px 12px;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.clip-detail-copy h1,.clip-detail-lock-panel h1,.clip-detail-related h2,.clip-detail-state h1{margin:0;font-family:Oswald,sans-serif;line-height:.95;letter-spacing:-.055em;text-transform:uppercase}.clip-detail-lock-panel h1{margin-top:16px;font-size:clamp(2.1rem,5vw,3.35rem);text-shadow:0 10px 38px rgba(0,0,0,.7)}.clip-detail-lock-panel p{width:min(330px,100%);margin:10px auto 0;color:#a9a4bb;font-size:.98rem;font-weight:700;line-height:1.55}.clip-detail-lock-actions{display:grid;grid-template-columns:1fr .72fr;gap:12px;margin-top:24px}.clip-detail-card-link,.clip-detail-subscribe-link{display:inline-flex;color:#ff2634;font-size:.85rem;font-weight:900;text-decoration:none}.clip-detail-subscribe-link{margin-top:18px}.clip-detail-trailer-button{display:inline-flex;align-items:center;justify-content:center;width:min(210px,100%);min-height:40px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.075);color:#fff;margin-top:14px;padding:0 18px;font-size:.8rem;font-weight:950;cursor:pointer}.clip-detail-main{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:clamp(28px,6vw,96px);align-items:start;margin-top:32px}.clip-detail-copy{min-width:0}.clip-detail-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.clip-detail-badges a,.clip-detail-badges span{display:inline-flex;align-items:center;min-height:26px;border:1px solid rgba(245,18,30,.55);border-radius:6px;background:rgba(245,18,30,.14);color:#ff4b55;padding:0 11px;font-size:.66rem;font-weight:950;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.clip-detail-badges span:first-child{border-color:rgba(255,62,74,.9);background:linear-gradient(180deg,#ff3340,#b0000b);color:#fff}.clip-detail-copy h1{color:#fff;font-size:clamp(2.45rem,5vw,4.2rem)}.clip-detail-byline{margin:10px 0 0;color:#ff2634;font-size:.92rem;font-weight:900}.clip-detail-description{width:min(620px,100%);margin:24px 0 0;color:#aaa6bd;font-size:1rem;font-weight:650;line-height:1.75}.clip-detail-chip-group{display:flex;flex-wrap:wrap;gap:9px;width:min(620px,100%);margin-top:18px}.clip-detail-chip{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:#fff;padding:8px 12px;font-size:.82rem;font-weight:800;text-decoration:none}.clip-detail-chip--tag{color:#ffb6bb}.clip-detail-purchase-card{position:sticky;top:92px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#141419;padding:22px;box-shadow:inset 0 -3px 0 #f5121e,0 26px 70px rgba(0,0,0,.38)}.clip-detail-price{display:flex;align-items:baseline;gap:10px}.clip-detail-price strong{color:#fff;font-size:clamp(1.85rem,3vw,2.35rem);font-weight:950;letter-spacing:.08em}.clip-detail-price span{color:rgba(255,255,255,.34);font-weight:900;text-decoration:line-through}.clip-detail-purchase-card>p{margin:12px 0 20px;color:#a9a4bb;font-size:.85rem;font-weight:800}.clip-detail-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:0;border-radius:8px;background:linear-gradient(180deg,#ff3340,#c9000d);color:#fff;padding:0 18px;font-size:.9rem;font-weight:950;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 16px 34px rgba(245,18,30,.28)}.clip-detail-button+.clip-detail-button,.clip-detail-button+.clip-detail-card-link,.clip-detail-unlocked-note+.clip-detail-button{margin-top:10px}.clip-detail-button:disabled{cursor:not-allowed;opacity:.52}.clip-detail-button--ghost,.clip-detail-button--quiet{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);box-shadow:none}.clip-detail-button--quiet{color:#ffb7bd}.clip-detail-button--trailer{border:1px solid rgba(245,18,30,.44);background:rgba(245,18,30,.1);box-shadow:none;color:#fff}.clip-detail-card-link{justify-content:center;width:100%;margin-top:14px}.clip-detail-note,.clip-detail-unlocked-note{border-radius:10px;background:rgba(255,255,255,.055);color:#c9c4d5;padding:12px;font-size:.85rem;font-weight:800;line-height:1.45}.clip-detail-note{margin:12px 0 0}.clip-detail-note a{color:#ff4c57}.clip-detail-note--error{color:#ff9ba2}.clip-detail-perks{display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.1);margin:18px 0 0;padding:18px 0 0;color:#a9a4bb;font-size:.84rem;font-weight:750;list-style:none}.clip-detail-perks li:before{content:"✓";margin-right:8px;color:#d7d2e4}.clip-detail-section-kicker{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#ff2634;font-size:.68rem;font-weight:950;letter-spacing:.28em;text-transform:uppercase}.clip-detail-section-kicker:before{content:"";width:22px;height:3px;border-radius:999px;background:#f5121e}.clip-detail-related{margin-top:clamp(70px,9vw,120px)}.clip-detail-related h2{font-size:clamp(2.25rem,4vw,3.6rem)}.clip-detail-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}@media (max-width:1020px){.clip-detail-page{padding-top:76px}.clip-detail-stage:before{min-height:360px}.clip-detail-main{grid-template-columns:1fr}.clip-detail-purchase-card{position:static;width:min(520px,100%)}.clip-detail-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.clip-detail-page{padding:72px 12px 48px}.clip-detail-stage{border-radius:14px}.clip-detail-stage:before{min-height:430px;aspect-ratio:4/5}.clip-detail-lock-panel{padding:16px}.clip-detail-lock-actions{grid-template-columns:1fr}.clip-detail-trailer-ribbon{align-items:stretch;flex-direction:column;left:12px;right:12px;top:12px}.clip-detail-main{gap:28px;margin-top:24px}.clip-detail-badges{gap:6px}.clip-detail-copy h1{font-size:clamp(2.3rem,15vw,3.7rem)}.clip-detail-purchase-card{padding:18px}.clip-detail-related-grid{grid-template-columns:1fr}}