.pw-hero{background:#07090a;align-items:center;height:calc(100vh - 64px);min-height:640px;display:flex;position:relative;overflow:hidden}.pw-wall{align-content:center;gap:26px;display:grid;position:absolute;inset:-25% -30%;transform:perspective(1600px)rotateX(22deg)rotate(-9deg)}.pw-row{gap:26px;width:max-content;animation:120s linear infinite pw-drift;display:flex}.pw-row.rev{animation-direction:reverse}.pw-row.live{margin-left:-180px;animation-duration:160s}.pw-row.thin img{aspect-ratio:16/9;object-fit:cover;opacity:.35;border-radius:10px;width:300px}.pw-deck{aspect-ratio:16/9;background:#000;border-radius:14px;width:640px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 60px 120px -30px #000000e6}.pw-deck iframe,.pw-deck img{object-fit:cover;pointer-events:none;border:0;width:100%;height:100%;display:block}@keyframes pw-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.pw-hero:after{content:"";pointer-events:none;background:radial-gradient(60% 80% at 22% 55%,#07090af2 20%,#07090a99 55%,#07090a1a);position:absolute;inset:0}.pw-text{z-index:1;position:relative}.pw-text h1{letter-spacing:-.035em;color:#fff;margin:10px 0 28px;font-size:clamp(52px,7.4vw,112px);line-height:1.02}.pw-stats{color:#9fb1b7;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 18px;font-size:17px;display:flex}.pw-stats b{font:600 44px var(--mono);color:#7fd1e2;letter-spacing:-.03em}.pw-stats i{background:#2a3a40;width:1px;height:28px;margin:0 14px}.pw-sub{color:#8a9ca3;max-width:32em;font-size:17px}.pw-scroll{z-index:1;background:linear-gradient(#7fd1e2,#0000);width:1px;height:56px;animation:2s ease-in-out infinite pw-scroll;position:absolute;bottom:28px;left:50%}@keyframes pw-scroll{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.play-mini{z-index:20;opacity:0;gap:2px;width:28px;font-size:13px;transition:opacity .4s;display:grid;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.play-mini:not(.show){pointer-events:none}.play-mini.show{opacity:1}.case{height:220vh;position:relative}.case-sticky{perspective:1600px;place-items:center;height:calc(100vh - 64px);display:grid;position:sticky;top:64px;overflow:hidden}.case-num{font:700 clamp(240px,38vw,560px)/1 var(--mono);letter-spacing:-.08em;color:#0000;-webkit-text-stroke:2px #7fd1e266;pointer-events:none;user-select:none;position:absolute}.frame{aspect-ratio:16/9;cursor:pointer;will-change:width,transform;background:#000;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 80px 160px -40px #000000f2}.frame iframe,.frame .poster{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.frame iframe{pointer-events:none}.frame .poster{transition:opacity .5s}.case.live .frame .poster{opacity:0;pointer-events:none}.tap-hint{display:none}.case-text{opacity:0;width:min(430px,30vw);position:absolute;top:50%;right:max(72px,6vw);translate:0 -50%}.case-text .no{font:13px var(--mono);color:#5b6a71;letter-spacing:.08em}.case-text h2{letter-spacing:-.02em;color:#fff;margin:10px 0 12px;font-size:clamp(30px,3vw,46px);line-height:1.1}.case-text .lead{color:#8a9ca3;margin:0 0 22px;font-size:16px}.case-text dl{grid-template-columns:64px 1fr;gap:12px 18px;margin:0 0 20px;font-size:15px;display:grid}.case-text dt{color:#5b6a71;padding-top:2px;font-size:13px}.case-text dd{color:#c7d6db;margin:0;line-height:1.6}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips a,.chips span{font:12px var(--mono);color:#7fd1e2;background:#7fd1e20f;border:1px solid #7fd1e22e;border-radius:999px;padding:2px 9px;text-decoration:none}.chips a:hover{color:#fff;border-color:#4fb3c9}.case-text .facts{font:13px var(--mono);color:#5b6a71;margin:0 0 24px}.actions{align-items:center;gap:18px;display:flex}.actions .play{font:600 15px var(--sans);letter-spacing:.04em;color:#060708;cursor:pointer;background:#e8eef5;border:0;border-radius:999px;padding:12px 30px;transition:transform .2s,background .2s}.actions .play:hover{background:#fff;transform:translateY(-1px)}.actions .share,.actions .plain{font:500 14px var(--sans);color:#8a9ca3;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:4px 0;text-decoration:none}.actions .share:hover,.actions .plain:hover{color:#fff;border-bottom-color:#fff}.actions .share.done{color:#7ddc8a}.theater{z-index:50;backdrop-filter:blur(14px);opacity:0;background:#030405f0;flex-direction:column;transition:opacity .3s;display:flex;position:fixed;inset:0}.theater[hidden]{display:none}.theater.on{opacity:1}.th-bar{color:#c7d6db;align-items:center;gap:18px;padding:16px 28px;font-size:14px;display:flex}.th-bar b{color:#fff;font-size:16px}.th-bar .hint{color:#5b6a71;font-size:13px}.th-bar .sp{flex:1}.th-bar button{font:500 14px var(--sans);color:#8a9ca3;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:4px 0}.th-bar button:hover{color:#fff;border-bottom-color:#fff}.th-stage{flex:1;place-items:center;min-height:0;padding:0 28px 28px;display:grid}.th-stage iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:10px;width:min(100%,177.778vh - 195.556px);transition:transform .4s cubic-bezier(.16,1,.3,1);transform:scale(.96);box-shadow:0 60px 120px -40px #000000e6}.theater.on .th-stage iframe{transform:none}@media (width<=960px){.play-mini,.case-num{display:none}.case{height:auto;padding:40px 0}.case-sticky{perspective:none;gap:28px;height:auto;padding:0 20px;display:grid;position:relative;top:0;overflow:visible}.frame{cursor:auto;width:100%}.frame iframe{pointer-events:auto}.actions{flex-wrap:wrap}.tap-hint{font:12px var(--mono);color:#5b6a71;margin:-16px 0 0;display:block}.case-text{opacity:1;width:auto;position:static;translate:none}.th-bar .hint{display:none}}@media (prefers-reduced-motion:reduce){.pw-row,.pw-scroll{animation:none}}