@font-face{font-family:StageNarrow;src:url('assets/NimbusSansNarrow-Bold.otf') format('opentype');font-display:swap;font-weight:700}
:root{--bg:#0a0b0d;--panel:#111214;--panel2:#17191c;--stroke:#37383b;--lime:#da795d;--text:#f0efe9;--muted:#a7a6a3;--subtle:#747473;--red:#da795d}
*{scroll-margin-top:72px}
body{background:#0a0b0d;color:var(--text);font-family:Arial,Helvetica,sans-serif}
button,a,input{transition:background-color .2s,color .2s,border-color .2s,transform .2s}
button:active,a:active{transform:translateY(1px)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #e28b70;outline-offset:3px}
.wrap{max-width:1480px;padding-left:clamp(20px,3.8vw,60px);padding-right:clamp(20px,3.8vw,60px)}
header{height:60px;background:#0a0b0de8;border-bottom:1px solid #ffffff35;backdrop-filter:blur(18px)}
header .wrap{gap:30px}header .brand{font-size:19px;letter-spacing:.14em;font-weight:700;font-family:StageNarrow,Arial,sans-serif}header .brand:before,footer .brand:before{content:'Ⅰ';color:var(--lime);margin-right:14px;font-weight:700}.brand .oo{color:inherit;letter-spacing:inherit}.brand small{font-family:monospace;letter-spacing:.1em;font-size:8px;margin-left:5px;color:#a8a8a6}
nav{gap:clamp(15px,2.4vw,36px)}nav a,.head-cta,.button-main,.button-ghost,.eyebrow,.channels,.channel-chip,.filters button,.form-heading,.field-label,.helper,.step .num,.poster-top,.poster-bottom small,.vertical,.screen-top,.screen-bottom,.live-pill,.tiny,.char-info small,footer,small{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
nav a{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#b9b9b7}nav a:hover{color:var(--lime)}
.head-cta,.button-main,.button-ghost{border-radius:0;box-shadow:none;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;padding:14px 18px}
.head-cta{background:transparent;color:#f0efe9;border:1px solid #8a8a89}.head-cta:hover,.button-ghost:hover{background:#f0efe9;color:#0a0b0d;border-color:#f0efe9;box-shadow:none}
.button-main{background:#f0efe9;border-color:#f0efe9;color:#0a0b0d}.button-main:hover{background:#da795d;border-color:#da795d;box-shadow:none;transform:none}.button-ghost{background:#0c0d0e8e;border:1px solid #777875;color:#eee;color-scheme:dark}
.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--lime);font-weight:600}
.hero{height:auto;min-height:calc(100svh - 60px);max-width:none;display:flex;align-items:end;position:relative;isolation:isolate;overflow:hidden;padding-top:180px;padding-bottom:clamp(55px,6vw,88px);border-bottom:1px solid #2e3032;background:#111820}
.hero-visual{position:absolute;inset:0;width:100%;height:100%;z-index:-1;border:0;border-radius:0;box-shadow:none;background:#111820 url('assets/hero-stage.webp') center center/cover no-repeat;transform:none}
.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b10ab 0%,#080b1055 52%,transparent 78%),linear-gradient(0deg,#07080af7 0%,#07080a90 29%,#07080a08 68%),linear-gradient(180deg,#03050777,transparent 25%)}
.hero-visual .mosaic{display:none}.hero-visual .frame-note{top:16%;right:6%;left:auto;background:transparent;border:1px solid #e6e6e674;border-radius:0;color:#f0efe9;letter-spacing:.18em;font:9px ui-monospace,SFMono-Regular,monospace;z-index:2}.hero-visual .frame-note i{background:var(--lime)}.hero-visual .frame-count{right:4%;top:auto;bottom:32px;background:transparent;color:#ddd;font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;z-index:2}
.hero-copy{position:relative;padding-right:0;width:min(920px,75%);max-width:none}.hero-copy>.eyebrow{color:#e9e5df;background:#0a0d10a8;padding:6px 8px;display:inline-block;font-size:9px}.hero h1{font-family:StageNarrow,Impact,sans-serif;letter-spacing:.005em;font-size:clamp(74px,9.4vw,155px);line-height:.78;font-weight:700;margin:22px 0 25px;text-shadow:0 8px 20px #0008}.hero h1 span{color:var(--lime);background:none;margin:0;padding:0;white-space:normal}.hero p{max-width:670px;color:#e2e1df;font-size:clamp(15px,1.42vw,20px);line-height:1.5;text-shadow:0 2px 12px #000}.hero-actions{margin-top:24px}.hero-actions a{min-width:150px}.channels{border:0;margin-top:28px;padding:0;gap:7px}.channels>span{font-size:9px;color:#d1ceca}.channel-chip{border:1px solid #ffffff4d;background:#1114189c;border-radius:0;color:#e4e1dd;font-size:9px;letter-spacing:.07em;padding:8px 10px}.channel-chip b{color:var(--lime)}
.section{padding-top:105px;padding-bottom:110px}.section-title{border-top:1px solid #414245;padding-top:26px;margin-bottom:30px;align-items:start}.section-title h2,.step h3,.tv-side h3,.release-panel h3{font-family:StageNarrow,Impact,sans-serif;letter-spacing:0;font-weight:700}.section-title h2{font-size:clamp(51px,5.6vw,82px);line-height:.82}.section-title h2 em{color:inherit;font-style:normal}.section-kicker{margin-bottom:11px}.section-title p{font-size:13px;color:#a7a7a5}.tv-wrap{border-top:0}.tv-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:0;border:1px solid #424346}.tv-screen{border:0;border-right:1px solid #424346;border-radius:0;aspect-ratio:16/9;background:#111820 url('assets/hero-stage.webp') center/cover}.tv-screen:before{background:linear-gradient(0deg,#090b0eef,transparent 73%)}.tv-screen:after{background:repeating-linear-gradient(0deg,#0000 0 5px,#0002 6px 7px)}.tv-screen .orbit{border-color:#df8067;box-shadow:0 0 0 28px #da795d18,0 0 0 85px #da795d0a}.screen-middle strong{font-family:StageNarrow,Impact,sans-serif;letter-spacing:.01em;font-size:clamp(54px,6vw,94px)}.screen-middle span,.screen-top,.screen-bottom small{letter-spacing:.1em}.screen-top .indicator{color:var(--lime)}.screen-bottom button{background:#f0efe9;color:#0a0b0d;border-radius:0;font:700 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.09em;text-transform:uppercase}.tv-side{background:#101113;border:0;border-radius:0;padding:clamp(24px,3vw,46px)}.tv-side .live-pill{border:1px solid #5a5b5b;border-radius:0;color:#d7d5d0}.live-pill i{background:var(--lime)}.tv-side h3{font-size:clamp(46px,4.1vw,68px);margin:48px 0 24px}.tv-side p{font-size:13px;color:#b2b1ad}.tv-side .tiny{color:#8c8a86}
.explore{background:#0a0b0d;border-color:#292a2d}.filters button{border-radius:0;background:none;border:1px solid #545557;color:#a9a8a5;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.filters button.active{background:#da795d;border-color:#da795d;color:#101012}.card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.char-card{border:0;border-radius:0;padding:0;background:transparent;overflow:visible}.char-card:hover{border:0;transform:translateY(-4px)}.card-art{aspect-ratio:3/4;border-radius:0;background-size:300% 200%;filter:saturate(.65) contrast(1.05);transition:filter .25s}.char-card:hover .card-art{filter:saturate(1)}.card-art:after{background:linear-gradient(transparent 80%,#080a0c5e)}.concept-tag{border-radius:0;background:#0b0d10bb;color:#e9977c;font:700 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em}.char-info{padding:12px 0 0;display:block}.char-info strong{font-family:StageNarrow,Impact,sans-serif;text-transform:uppercase;font-size:20px;letter-spacing:.01em}.char-info small{font-size:10px;color:#aaa9a5;line-height:1.35}.char-info span{display:none}
.studio{padding-top:110px}.studio-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border:1px solid #444548}.form-card,.poster{border-radius:0;border:0}.form-card{background:#111214;padding:clamp(26px,3.5vw,52px);border-right:1px solid #444548}.form-heading{font-size:10px;letter-spacing:.15em;color:#ddd}.form-heading span:last-child{color:var(--lime)}.segmented{background:#0a0b0d;border:1px solid #414245;border-radius:0}.segmented button{border-radius:0;color:#b3b2ae;text-transform:uppercase;font:700 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.07em}.segmented button.active{background:#da795d;color:#101012}.field-label{font-size:10px;color:#dfded9;letter-spacing:.12em}.input-wrap{border-radius:0;background:#090a0c;border-color:#555659;color:var(--lime)}.input-wrap input{font-size:14px}.input-wrap input::placeholder{color:#858583}.helper{font-size:10px;color:#969591}.choices button{border-radius:0;background:transparent;border-color:#565759;color:#c0bfbb;text-transform:uppercase;font:700 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.05em}.choices button.active{background:#da795d;border-color:#da795d;color:#0b0c0e}.scan-button{margin-top:20px}.feedback{border-radius:0;background:#29201c;border-color:#865647;color:#f0c6b8}.feedback.bad{background:#371d21;border-color:#b76a73;color:#ffd6d8}.scan-result{border-radius:0;background:#191819;border-color:#645047}.scan-result img{border-radius:0;border-color:#865647}.scan-result small,.release-head span:last-child,.release-panel>small{color:var(--lime)}.release-panel{border-color:#545557}.release-panel h3{font-size:36px}.release-panel details{border-radius:0;border-color:#555659}.production-actions button{border-radius:0;border-color:#77584f;background:#29201e;color:#f4d7cd}.production-actions button:hover{background:#da795d;color:#111}.release-gallery img{border-radius:0;border-color:#555}.poster{--glow:#da795d55;min-height:620px;background:#171a1e url('assets/hero-stage.webp') 68% center/cover no-repeat;padding:clamp(24px,3.1vw,43px)}.poster:before{background:linear-gradient(0deg,#08090bf5,transparent 50%),linear-gradient(90deg,#08090b66,transparent 70%)}.poster:after{background:repeating-linear-gradient(0deg,#0000 0 5px,#0002 6px 7px)}.poster-top span:last-child{color:var(--lime)}.poster-center{width:min(42%,235px);border:1px solid #ebe8e2;background:#121416aa;box-shadow:0 0 0 20px #dd866021,0 0 0 52px #dd86600c}.poster-center .initials{color:#f3eee8;font-family:StageNarrow,Impact,sans-serif;letter-spacing:0;padding:0}.poster-bottom strong{font-family:StageNarrow,Impact,sans-serif;letter-spacing:0;font-size:clamp(42px,5vw,78px)}.poster-bottom small{color:#c5c3bc}.poster .vertical{color:#e3c2b7}
.how{border-top:0}.steps{gap:0;border-top:1px solid #434447;border-bottom:1px solid #434447}.step{background:transparent;border:0;border-right:1px solid #434447;border-radius:0;min-height:210px;padding:24px}.step:last-child{border-right:0}.step .num{color:var(--lime)}.step h3{font-size:27px;line-height:.95}.step p{color:#adaca8;font-size:11px}.step:nth-child(2n){background:#111214}
footer{border-color:#3a3b3d;padding-top:30px;padding-bottom:50px}footer .brand{font:700 18px StageNarrow,Arial,sans-serif;letter-spacing:.12em}footer p,footer small{color:#999892}footer a:hover{color:var(--lime)}
@media(max-width:1100px){.hero{padding-top:150px}.hero-copy{width:85%}.hero h1{font-size:clamp(74px,11vw,132px)}.card-grid{grid-template-columns:repeat(3,1fr)}.studio-grid{grid-template-columns:1fr}.form-card{border-right:0;border-bottom:1px solid #444548}.tv-grid{grid-template-columns:1fr}.tv-screen{border-right:0;border-bottom:1px solid #444548}.tv-side h3{margin-top:30px}}
@media(max-width:700px){header{height:58px}.hero{min-height:calc(100svh - 58px);padding:125px 20px 42px}.hero-visual{background-position:64% center}.hero-visual:after{background:linear-gradient(0deg,#07080af9,#07080ab5 42%,#07080a24 78%)}.hero-visual .frame-note{top:12%;right:5%}.hero-visual .frame-count{display:none}.hero-copy{width:100%}.hero h1{font-size:clamp(62px,13vw,95px)}.hero p{font-size:15px}.hero-actions{flex-wrap:wrap}.section{padding-top:76px;padding-bottom:80px}.section-title h2{font-size:clamp(50px,11vw,72px)}.card-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid #434447}.poster{min-height:530px}.hero-actions a{min-width:0}.head-cta{font-size:9px}}
@media(max-width:460px){.hero h1{font-size:clamp(55px,14.1vw,70px)}.hero-actions a{flex:1}.channels{gap:5px}.channel-chip{font-size:8px}.card-grid{gap:15px 10px}.char-info strong{font-size:18px}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid #434447}.step:last-child{border-bottom:0}.step h3{margin-top:24px}.poster-bottom strong{font-size:50px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition:none!important}}
/* Casting wall: cinematic seven-screen composition from the supplied reference. */
.hero{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:clamp(22px,3vw,52px);align-items:center;min-height:calc(100svh - 60px);padding-top:65px;padding-bottom:65px;background:radial-gradient(circle at 74% 49%,#182019 0%,#0c1110 34%,#080a0a 70%)}
.hero-copy{width:100%;max-width:610px;z-index:2}
.hero h1{font-size:clamp(63px,6.7vw,98px);line-height:.85;margin:25px 0 29px}
.hero p{font-size:clamp(14px,1.2vw,17px);max-width:560px;color:#c7c7c2}
.hero-visual{position:relative;inset:auto;z-index:1;width:100%;height:clamp(510px,48vw,695px);overflow:hidden;border:1px solid #4c5550;border-radius:30px;background:#07100b;box-shadow:0 0 120px #244d271e;isolation:isolate}
.hero-visual:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 54%,#020704a6 100%),linear-gradient(0deg,#030703a6,transparent 22%,transparent 79%,#03070392)}
.hero-visual .mosaic{display:grid;position:absolute;inset:-9% -12%;height:118%;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;transform:perspective(1100px) rotateY(-7deg) rotateX(2deg) scale(1.04);transform-origin:center}
.hero-visual .portrait{border-radius:13px;border:1px solid #343e36;background-size:300% 200%;filter:saturate(.72) brightness(.83);box-shadow:0 8px 25px #0008;transform:none;z-index:auto}
.hero-visual .portrait:hover,.hero-visual .portrait:nth-child(2):hover{filter:saturate(1) brightness(1.05);transform:scale(1.015);z-index:3}
.hero-visual .portrait:nth-child(2){filter:saturate(.78) brightness(.89);box-shadow:0 8px 25px #0008;z-index:auto}
.hero-visual .portrait:nth-child(1){grid-area:1/1/2/4}
.hero-visual .portrait:nth-child(2){grid-area:1/4/2/7}
.hero-visual .portrait:nth-child(3){grid-area:2/1/3/3}
.hero-visual .portrait:nth-child(4){grid-area:2/3/3/5}
.hero-visual .portrait:nth-child(5){grid-area:2/5/3/7}
.hero-visual .portrait:nth-child(6){grid-area:3/1/4/4}
.hero-visual .portrait:nth-child(7){grid-area:3/4/4/7}
.hero-visual .portrait-stage{background-image:url('assets/hero-stage.webp');background-size:cover;background-position:72% 48%}
.hero-visual .portrait:after{inset:30% 0 0;background:linear-gradient(transparent,#030606d9)}
.hero-visual .portrait .on-card{left:15px;right:15px;bottom:14px;align-items:end;gap:8px}
.hero-visual .portrait strong{font:700 clamp(14px,1.25vw,21px) StageNarrow,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.hero-visual .portrait small{font-size:9px;color:#d2d2cd;letter-spacing:.08em}
.hero-visual .portrait em{color:#da795d;font:700 11px ui-monospace,SFMono-Regular,monospace}
.hero-visual .frame-note{top:18px;left:22px;right:auto;z-index:3;background:#070c09d9;border:1px solid #89938a85;padding:8px 10px}
.hero-visual .frame-count{bottom:17px;right:20px;z-index:3;background:#070c09bb;padding:7px 9px}
@media(max-width:1100px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:42px;min-height:0;padding-top:92px;padding-bottom:70px}.hero-copy{max-width:760px}.hero h1{font-size:clamp(73px,9vw,110px)}.hero-visual{height:min(60vw,580px);min-height:420px}}
@media(max-width:700px){.hero{padding:75px 20px 64px;gap:30px}.hero h1{font-size:clamp(58px,12.8vw,87px)}.hero-visual{height:390px;min-height:0;border-radius:18px}.hero-visual .mosaic{gap:6px;inset:-8% -17%;height:116%;transform:perspective(900px) rotateY(-6deg) scale(1.04)}.hero-visual .portrait{border-radius:7px}.hero-visual .portrait .on-card{left:6px;right:6px;bottom:7px}.hero-visual .portrait strong{font-size:12px}.hero-visual .portrait small{font-size:7px}.hero-visual .portrait em{font-size:8px}.hero-visual .frame-note{left:10px;top:12px;font-size:7px}.hero-visual .frame-count{display:none}}
@media(max-width:460px){.hero h1{font-size:clamp(53px,13.1vw,64px)}.hero-visual{height:300px}.hero-visual .portrait:nth-child(1),.hero-visual .portrait:nth-child(2){background-position-y:top}.hero-visual .portrait small,.hero-visual .portrait em{display:none}.hero-visual .portrait strong{font-size:10px}}
.hero-visual .mosaic{inset:-5% -3%;height:110%;transform:perspective(1100px) rotateY(-4deg) rotateX(1deg) scale(1.02)}
.hero-visual .portrait{filter:saturate(.86) brightness(.98)}
.hero-visual .portrait:nth-child(2){filter:saturate(.9) brightness(1)}
.hero-visual .portrait-stage{filter:saturate(.9) brightness(1.25)}
@media(max-width:700px){.hero-visual .mosaic{inset:-5% -6%;height:110%;transform:perspective(900px) rotateY(-4deg) scale(1.02)}}
/* Keep the casting wall fixed while each screen gets a slow camera drift. */
.hero-visual .portrait{background-image:none;isolation:isolate}
.hero-visual .portrait::before{content:'';position:absolute;inset:0;z-index:0;background:url('assets/cast-sheet.webp') no-repeat;background-size:300% 200%;transform-origin:center;animation:cast-camera 18s ease-in-out infinite alternate;will-change:transform}
.hero-visual .portrait:nth-child(1)::before{background-position:0 0;animation-duration:19s;animation-delay:-4s}
.hero-visual .portrait:nth-child(2)::before{background-position:50% 0;animation-duration:22s;animation-delay:-11s;animation-direction:alternate-reverse}
.hero-visual .portrait:nth-child(3)::before{background-position:100% 0;animation-duration:17s;animation-delay:-7s}
.hero-visual .portrait:nth-child(4)::before{background-position:0 100%;animation-duration:21s;animation-delay:-15s;animation-direction:alternate-reverse}
.hero-visual .portrait:nth-child(5)::before{background-position:50% 100%;animation-duration:20s;animation-delay:-9s}
.hero-visual .portrait:nth-child(6)::before{background-position:100% 100%;animation-duration:18s;animation-delay:-13s;animation-direction:alternate-reverse}
.hero-visual .portrait-stage::before{background-image:url('assets/hero-stage.webp');background-size:cover;background-position:72% 48%;animation-duration:23s;animation-delay:-6s}
@keyframes cast-camera{from{transform:translate3d(-1.1%,.8%,0) scale(1.075)}to{transform:translate3d(1.1%,-.8%,0) scale(1.14)}}
@media(prefers-reduced-motion:reduce){.hero-visual .portrait::before{animation:none;transform:scale(1.08);will-change:auto}}
.hero-visual .portrait-alon{color:#f6f3e9;text-decoration:none;background:#0b1616;cursor:pointer}
.hero-visual .portrait-alon::before{background-image:url('assets/a1lon9-avatar.jpg');background-size:cover;background-position:center;filter:blur(14px) brightness(.48) saturate(.8);animation-duration:22s}
.hero-visual .portrait-alon .portrait-pfp{position:absolute;z-index:1;top:58%;left:58%;width:min(49%,150px);aspect-ratio:1;object-fit:cover;border:3px solid #e2ded0;border-radius:50%;box-shadow:0 0 0 9px #0c1816aa,0 18px 35px #000a;transform:translate(-50%,-50%);animation:alon-float 8s ease-in-out infinite alternate}
.hero-visual .portrait-alon .on-card{z-index:2;left:34px}
@keyframes alon-float{from{transform:translate3d(-50%,-49%,0) scale(1)}to{transform:translate3d(-50%,-53%,0) scale(1.04)}}
@media(max-width:700px){.hero-visual .portrait-alon .portrait-pfp{width:min(54%,100px);top:56%;left:59%;border-width:2px;box-shadow:0 0 0 4px #0c1816aa,0 12px 25px #0009}.hero-visual .portrait-alon .on-card{left:17px}}
@media(prefers-reduced-motion:reduce){.hero-visual .portrait-alon .portrait-pfp{animation:none;transform:translate(-50%,-50%)}}
.hero-visual .portrait-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .45s ease}
.hero-visual .mosaic{inset:12px;height:calc(100% - 24px);transform:perspective(1100px) rotateY(-2deg) rotateX(1deg)}
.hero-visual .portrait:nth-child(2) .portrait-video{object-position:50% 18%}
.hero-visual .portrait.has-video .portrait-video{opacity:1}
.hero-visual .portrait.has-video::before{animation:none}
.hero-visual .portrait::after{z-index:2;pointer-events:none}
.hero-visual .portrait .on-card{z-index:3}
.hero-visual .portrait-alon .portrait-video{inset:auto;top:58%;left:58%;width:min(49%,150px);height:auto;aspect-ratio:1;border:3px solid #e2ded0;border-radius:50%;box-shadow:0 0 0 9px #0c1816aa,0 18px 35px #000a;transform:translate(-50%,-50%)}
.hero-visual .portrait-alon.has-video .portrait-pfp{visibility:hidden;animation:none}
@media(max-width:700px){.hero-visual .mosaic{inset:7px;height:calc(100% - 14px);transform:perspective(900px) rotateY(-2deg)}.hero-visual .portrait-alon .portrait-video{top:56%;left:59%;width:min(54%,100px);border-width:2px;box-shadow:0 0 0 4px #0c1816aa,0 12px 25px #0009}}
.hero-visual .portrait-profile{color:#f6f3e9;text-decoration:none;cursor:pointer}
.hero-visual .portrait-profile .portrait-still{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 23%}
.hero-visual .portrait-profile .portrait-video{inset:0;top:auto;left:auto;z-index:2;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 23%;border:0;border-radius:0;box-shadow:none;transform:none}
.hero-visual .portrait-profile:nth-child(1) .portrait-still,.hero-visual .portrait-profile:nth-child(1) .portrait-video,.hero-visual .portrait-profile:nth-child(2) .portrait-still,.hero-visual .portrait-profile:nth-child(2) .portrait-video{object-position:center 30%}
.hero-visual .portrait-profile::after{z-index:3}
.hero-visual .portrait-profile .on-card{z-index:4}
.hero-visual .source-chip{position:absolute;z-index:4;right:10px;top:10px;display:flex;align-items:center;gap:5px;padding:4px 7px 4px 4px;border:1px solid #e3ded893;border-radius:20px;background:#080b0bc9;color:#e5e6e2;font:700 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.07em;white-space:nowrap}
.hero-visual .source-chip img{width:23px;height:23px;object-fit:cover;border-radius:50%}
.hero-visual .portrait-profile:first-child .source-chip{top:43px}
.char-card[data-profile] .card-art{background-size:cover;background-position:center 25%;filter:saturate(.9)}
@media(max-width:700px){.hero-visual .source-chip{right:4px;top:5px;padding:2px;border:0;background:#080b0bd9;font-size:0}.hero-visual .source-chip img{width:21px;height:21px}.hero-visual .portrait-profile:first-child .source-chip{top:28px}}
.poster{background:#101316}
.poster .poster-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.86) brightness(.78)}
.poster:before{z-index:1;background:linear-gradient(0deg,#08090bf2 0%,#08090b47 36%,#08090b26 76%,#08090ba1 100%),linear-gradient(90deg,#08090b69,transparent 70%)}
.poster:after{z-index:1}
.poster-center{align-self:flex-start;width:112px;margin-top:auto;margin-bottom:40px;border-width:2px;box-shadow:0 0 0 6px #0a0b0cc7,0 15px 40px #0009}
.poster-center::after{content:'SOURCE PFP';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);padding:3px 5px;background:#090b0bd9;color:#f4f1e9;font:700 7px ui-monospace,SFMono-Regular,monospace;letter-spacing:.05em;white-space:nowrap}
@media(max-width:700px){.poster-center{width:92px;margin-bottom:28px}}

/* Eight profile tributes share the casting wall. */
.hero-visual .mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.hero-visual .portrait:nth-child(1){grid-area:1/1/2/2}
.hero-visual .portrait:nth-child(2){grid-area:1/2/2/3}
.hero-visual .portrait:nth-child(3){grid-area:1/3/2/4}
.hero-visual .portrait:nth-child(4){grid-area:1/4/2/5}
.hero-visual .portrait:nth-child(5){grid-area:2/1/3/2}
.hero-visual .portrait:nth-child(6){grid-area:2/2/3/3}
.hero-visual .portrait:nth-child(7){grid-area:2/3/3/4}
.hero-visual .portrait:nth-child(8){grid-area:2/4/3/5}
.hero-visual .portrait:nth-child(5) .portrait-still,.hero-visual .portrait:nth-child(5) .portrait-video{object-position:center 30%}
.hero-visual .portrait:nth-child(8) .portrait-still,.hero-visual .portrait:nth-child(8) .portrait-video{object-position:center 40%}
.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{height:520px}.hero-visual .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.hero-visual .portrait:nth-child(1){grid-area:1/1/2/2}.hero-visual .portrait:nth-child(2){grid-area:1/2/2/3}.hero-visual .portrait:nth-child(3){grid-area:2/1/3/2}.hero-visual .portrait:nth-child(4){grid-area:2/2/3/3}.hero-visual .portrait:nth-child(5){grid-area:3/1/4/2}.hero-visual .portrait:nth-child(6){grid-area:3/2/4/3}.hero-visual .portrait:nth-child(7){grid-area:4/1/5/2}.hero-visual .portrait:nth-child(8){grid-area:4/2/5/3}}
@media(max-width:460px){.hero-visual{height:390px}.hero-visual .source-chip{top:4px;right:4px}.hero-visual .portrait-profile:first-child .source-chip{top:28px}.hero-visual .portrait small,.hero-visual .portrait em{display:none}}

/* Live broadcast motion inspired by the supplied streaming reference. */
.hero-visual .portrait{transition:filter .65s ease,transform .65s cubic-bezier(.2,.75,.2,1),opacity .65s ease;transform:translateZ(0)}
.hero-visual .portrait.is-live{filter:saturate(1.08) brightness(1.08);transform:translate3d(0,-4px,0) scale(1.035);z-index:5;box-shadow:0 0 0 1px #da795dcc,0 18px 42px #000c,0 0 42px #da795d30}
.hero-visual .portrait.is-live .portrait-video{transform:scale(1.045);transition:opacity .45s ease,transform 5.4s ease-out}
.hero-visual .portrait:not(.is-live){opacity:.88}
.hero-visual .frame-note i{animation:live-pulse 1.35s ease-in-out infinite}
.hero-visual .frame-count{display:flex;align-items:center;gap:6px;color:#f0efe9;border:1px solid #ffffff42}
.viewer-eye{color:#da795d;font-size:7px;animation:live-pulse 1.8s ease-in-out infinite}
.live-chat{position:absolute;right:22px;bottom:50px;z-index:6;width:min(190px,31%);padding:11px 12px;background:#07090bd9;border:1px solid #ffffff35;backdrop-filter:blur(9px);font:8px/1.5 ui-monospace,SFMono-Regular,monospace;color:#d8d8d3;pointer-events:none}
.live-chat b{display:block;margin-bottom:6px;color:#f3f0e9;font-size:8px;letter-spacing:.16em}
.live-chat span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:chat-arrive 7.8s ease-in-out infinite}
.live-chat span:nth-child(3){animation-delay:-2.6s}.live-chat span:nth-child(4){animation-delay:-5.2s}
.live-chat i{font-style:normal;color:#da795d;margin-right:5px}
.broadcast-scan{position:absolute;inset:-20% 0 auto;z-index:5;height:18%;background:linear-gradient(180deg,transparent,#da795d0b 55%,#f3a58b32 100%);mix-blend-mode:screen;pointer-events:none;animation:broadcast-scan 8s linear infinite}
@keyframes live-pulse{50%{opacity:.35;box-shadow:0 0 12px #da795d}}
@keyframes chat-arrive{0%,18%{opacity:0;transform:translateY(5px)}28%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes broadcast-scan{from{transform:translateY(-100%)}to{transform:translateY(780%)}}
@media(max-width:700px){.live-chat{right:12px;bottom:38px;width:43%;padding:8px}.hero-visual .portrait.is-live{transform:translate3d(0,-2px,0) scale(1.025)}}
@media(max-width:460px){.live-chat{display:none}}
@media(prefers-reduced-motion:reduce){.hero-visual .portrait.is-live,.hero-visual .portrait.is-live .portrait-video{transform:none}.hero-visual .frame-note i,.viewer-eye,.live-chat span,.broadcast-scan{animation:none}}