:root{color-scheme:dark;--ink:#f7f9fc;--sub:#aeb9cb;--glass:rgba(214,231,255,.085);--edge:rgba(255,255,255,.23);--accent:#c4e5ff;--bg:#0c1220;--space:clamp(18px,4.5vw,70px);--radius:28px;--ease:cubic-bezier(.22,.75,.25,1);font-family:'DM Sans','Kanit',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden;font:400 16px/1.5 'DM Sans','Kanit',sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a3d8ff;outline-offset:3px}img{max-width:100%}[hidden]{display:none!important}body.modal-active{overflow:hidden}::selection{background:#a8e0ff;color:#14213d}
.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(circle at 52% 37%,#273e61,#0b1426 60%,#070b13)}.ambient-image{position:absolute;inset:-12%;background-position:center;background-size:cover;filter:blur(75px) saturate(1.2);opacity:.33;transform:scale(1.2);transition:background-image .4s,opacity 1s}.ambient-shade{position:absolute;inset:0;background:linear-gradient(180deg,#111b278a,#101827ca 55%,#0c1220fa)}.ambient-orb{position:absolute;border-radius:50%;opacity:.22;filter:blur(65px)}.orb-1{height:40vw;width:40vw;right:-12vw;top:2vw;background:#719df4}.orb-2{height:40vw;width:40vw;left:-15vw;bottom:-19vw;background:#4ba2b6}
.glass{background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);box-shadow:inset 0 1px 0 #ffffff31,0 15px 60px #00000012}
.topbar{height:66px;position:fixed;z-index:80;top:18px;left:var(--space);right:var(--space);border-radius:100px;padding:0 15px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1700px;margin:auto}.wordmark{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:-.035em;font-weight:700;white-space:nowrap;min-width:186px}.wordmark b{font-weight:500;opacity:.76;letter-spacing:.12em;font-size:10px;margin-left:6px}.wordmark-mark{font-weight:700;font-size:34px;letter-spacing:-.12em;line-height:1}.wordmark-mark span{color:#c5e4ff;font-size:25px;vertical-align:top}.mode-switch{border-radius:50px;display:flex;align-items:center;gap:5px;padding:4px;box-shadow:none;min-height:45px;max-width:480px}.mode-switch>a{padding:9px 13px;border-radius:40px;display:flex;align-items:center;gap:9px;font-size:12px;color:#bdc8d5;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}.mode-switch>a i{font-style:normal;font-size:10px;border:1px solid #ffffff60;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.mode-switch>a.active{background:#f6f9ff;color:#182337;box-shadow:0 2px 15px #0003}.mode-switch>a.active i{border-color:#8291ac}.header-right{display:flex;align-items:center;gap:11px}.compare-link{font-size:10px;letter-spacing:.12em;font-weight:700;color:#c0cad6;white-space:nowrap}.compare-link span{font-size:15px;margin-left:5px}.header-reel{border-radius:50px;padding:10px 15px;color:#fff;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;white-space:nowrap;min-height:43px}.header-reel:hover{background:#ffffff25}
.gallery-stage{min-height:min(940px,100svh);height:max(720px,100svh);max-height:1150px;position:relative;display:flex;flex-direction:column;padding:118px var(--space) 25px;overflow:hidden}.gallery-meta{display:flex;gap:10px;align-items:center;justify-content:center;font-weight:600;font-size:10px;letter-spacing:.22em;color:#c8d7e7}.status-dot{height:7px;width:7px;border-radius:50%;background:#c0e9ff;box-shadow:0 0 14px #88cfff}.gallery-collection-count{margin-left:6px;opacity:.65}.gallery-title-wrap{text-align:center;margin:16px 0 0;z-index:5}.gallery-title{font-size:clamp(30px,5.8vw,86px);font-weight:600;line-height:1.03;letter-spacing:-.068em;margin:0;text-wrap:balance}.gallery-subtitle{color:var(--sub);font-size:13px;font-weight:500;margin:9px 0 0}.stage-surface{position:relative;flex:1;min-height:340px;display:grid;place-items:center;overflow:visible}.hero-carousel{height:100%;width:100%;position:relative;perspective:1300px;isolation:isolate;touch-action:pan-y}.loading-stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;letter-spacing:.17em;color:#bfcedf}
.hero-card{position:absolute;left:50%;top:49%;width:clamp(395px,53vw,800px);aspect-ratio:16/10;display:block;padding:0;color:#fff;border:0;background:transparent;border-radius:26px;transform-style:preserve-3d;transition:transform .65s var(--ease),filter .6s,opacity .6s;will-change:transform;text-align:left;outline-offset:7px}.hero-card .cover-wrap{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:linear-gradient(125deg,#3e557c,#132b43);box-shadow:0 40px 100px #0009,0 5px 30px #06152880,inset 0 1px 0 #fff9;border:1px solid #ffffff8c}.cover-wrap>img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1;inset:0;opacity:0;transition:opacity .5s;display:block}.cover-wrap>img.loaded{opacity:1}.cover-wrap:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 52%,#08121b9c),linear-gradient(115deg,#111d2d38,transparent 60%);pointer-events:none}.hero-card .card-play{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);height:72px;width:72px;border:1px solid #ffffffaa;border-radius:50%;display:grid;place-items:center;background:#ffffff36;backdrop-filter:blur(18px);box-shadow:0 5px 40px #0005;opacity:0;transition:opacity .25s,transform .25s}.hero-card.active .card-play,.hero-card:hover .card-play{opacity:1}.hero-card.active:hover .card-play{transform:translate(-50%,-50%) scale(1.11)}.card-play svg{margin-left:4px}.hero-card .card-caption{position:absolute;z-index:3;left:23px;bottom:20px;right:23px;display:flex;justify-content:space-between;align-items:end;gap:10px;font-size:11px;opacity:0;transition:opacity .25s}.hero-card.active .card-caption{opacity:1}.card-caption span{font-size:11px;letter-spacing:.07em;font-weight:600}.card-caption b{font-size:10px;font-weight:600}
.hero-card[data-slot="0"]{z-index:30;transform:translate(-50%,-50%) scale(1);opacity:1;filter:none}.hero-card[data-slot="-1"]{z-index:20;transform:translate(calc(-50% - clamp(210px,31vw,450px)),-50%) rotateY(20deg) scale(.76);opacity:.77;filter:saturate(.82)}.hero-card[data-slot="1"]{z-index:20;transform:translate(calc(-50% + clamp(210px,31vw,450px)),-50%) rotateY(-20deg) scale(.76);opacity:.77;filter:saturate(.82)}.hero-card[data-slot="-2"]{z-index:10;transform:translate(calc(-50% - clamp(370px,52vw,760px)),-50%) rotateY(25deg) scale(.59);opacity:.32;filter:blur(1px)}.hero-card[data-slot="2"]{z-index:10;transform:translate(calc(-50% + clamp(370px,52vw,760px)),-50%) rotateY(-25deg) scale(.59);opacity:.32;filter:blur(1px)}.hero-card:not(.active){cursor:pointer}.hero-card.active{cursor:zoom-in}
.poster-fallback{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 67% 37%,#798cbd99,transparent 49%),linear-gradient(125deg,#344a67,#102439 60%,#0a172b);color:#f9fbff}.poster-fallback:before{content:"";width:85%;aspect-ratio:1;position:absolute;border:2px solid #ffffff5a;border-radius:50%;right:-29%;top:-35%;box-shadow:0 0 0 32px #ffffff12,0 0 0 70px #ffffff09,0 0 100px #60a1bb99}.poster-fallback:after{content:"AMARIN / IMMERSIVE";position:absolute;bottom:14%;left:7%;font-size:clamp(8px,.8vw,12px);letter-spacing:.18em;color:#cdeaf5}.poster-fallback strong{font:500 clamp(17px,2vw,35px)/1.12 'Kanit',sans-serif;letter-spacing:-.04em;max-width:80%;text-align:center;text-shadow:0 4px 24px #0008;overflow-wrap:anywhere}.palette-1{background:radial-gradient(ellipse at 60% 38%,#b58e94aa,transparent 46%),linear-gradient(120deg,#51465b,#1c273d)}.palette-2{background:radial-gradient(ellipse at 45% 40%,#96b6ad77,transparent 46%),linear-gradient(125deg,#285e59,#0b202f)}.palette-3{background:radial-gradient(ellipse at 55% 40%,#ceac8077,transparent 46%),linear-gradient(125deg,#62554b,#1d263a)}.palette-4{background:radial-gradient(ellipse at 70% 38%,#738fc6aa,transparent 46%),linear-gradient(125deg,#303a6c,#101627)}
.hero-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;z-index:8;position:relative;max-width:1280px;width:100%;margin:0 auto}.active-meta{min-width:0}.active-kicker{color:#b8cede;letter-spacing:.13em;font-size:10px;font-weight:600}.active-meta h2{font:500 clamp(17px,1.9vw,28px)/1.4 'Kanit',sans-serif;letter-spacing:-.025em;margin:3px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:420px}.active-year{font-size:10px;color:#bec8d4}.hero-actions{border-radius:80px;display:flex;padding:5px;gap:5px;align-items:center}.hero-actions button{border:0;background:transparent;color:#fff;min-width:45px;min-height:47px;border-radius:60px;font-size:20px;font-weight:500;display:grid;place-items:center}.hero-actions button:hover{background:#ffffff25}.hero-actions .play-button{display:flex;gap:8px;padding:0 19px;background:#f4f8ff;color:#172237;min-width:127px;font-weight:700;font-size:11px;letter-spacing:.12em}.hero-actions .play-button:hover{background:#dbeeff}.play-button svg{margin-left:0}.stage-counter{display:flex;gap:14px;align-items:center;justify-self:end;font-weight:700;font-size:12px;letter-spacing:.1em}.rotation-toggle{border:1px solid #ffffff38;background:#ffffff19;min-width:40px;min-height:40px;border-radius:50%;color:#fff}.rotation-toggle:hover{background:#ffffff35}.film-dots{display:flex;justify-content:center;gap:8px;margin:18px 0 0}.film-dots button{width:28px;height:4px;background:#ffffff54;border:0;border-radius:6px;transition:background .2s,width .2s;min-height:8px;cursor:pointer}.film-dots button.active{width:48px;background:#ecf9ff}
/* B / Floating Shelf: milky glass, levitating frames, visible shelf and wider breathing room */
body[data-mode="b"]{--bg:#dce4ec;--ink:#203044;--sub:#627589;--glass:rgba(255,255,255,.44);--edge:rgba(255,255,255,.77);--accent:#7b91a5;color-scheme:light}
body[data-mode="b"] .ambient{background:radial-gradient(circle at 55% 35%,#eff7ff,#c6d7e6 56%,#aebfcd)}body[data-mode="b"] .ambient-shade{background:linear-gradient(180deg,#e7f1fa52,#d4e2f28a 50%,#e1eaf4dd)}body[data-mode="b"] .ambient-image{opacity:.23;filter:blur(90px) saturate(.9)}
body[data-mode="b"] .topbar{box-shadow:0 15px 45px #627b9530,inset 0 1px #fff}
body[data-mode="b"] .wordmark,body[data-mode="b"] .compare-link{color:#233044}body[data-mode="b"] .wordmark-mark span{color:#719fc2}body[data-mode="b"] .mode-switch>a{color:#52697e}body[data-mode="b"] .mode-switch>a.active{background:#ffffffcc;color:#1c3043;box-shadow:0 3px 15px #748ca034}body[data-mode="b"] .header-reel{color:#233044}
body[data-mode="b"] .gallery-title{font-weight:500;letter-spacing:-.075em}body[data-mode="b"] .gallery-subtitle,body[data-mode="b"] .gallery-meta{color:#6c7f91}body[data-mode="b"] .status-dot{background:#6a99b2}body[data-mode="b"] .gallery-stage{padding-top:121px}body[data-mode="b"] .stage-surface:after{content:"";position:absolute;bottom:4%;height:6px;width:min(930px,84vw);left:50%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#ffffffdf,transparent);filter:blur(4px);z-index:0}
body[data-mode="b"] .hero-card{width:clamp(390px,49vw,690px);aspect-ratio:16/10;border-radius:32px;top:46%}body[data-mode="b"] .hero-card .cover-wrap{border:7px solid #ffffffaa;box-shadow:0 22px 65px #6a789e6b,0 8px 20px #6989a548,inset 0 1px 0 #fff;border-radius:30px}
body[data-mode="b"] .hero-card[data-slot="0"]{transform:translate(-50%,-60%) scale(1.03);z-index:50}body[data-mode="b"] .hero-card[data-slot="-1"]{transform:translate(calc(-50% - clamp(220px,29vw,370px)),-44%) rotate(-8deg) rotateY(12deg) scale(.73);z-index:23;opacity:.9}
body[data-mode="b"] .hero-card[data-slot="1"]{transform:translate(calc(-50% + clamp(220px,29vw,370px)),-44%) rotate(8deg) rotateY(-12deg) scale(.73);z-index:23;opacity:.9}
body[data-mode="b"] .hero-card[data-slot="-2"]{transform:translate(calc(-50% - clamp(365px,47vw,655px)),-30%) rotate(-12deg) rotateY(17deg) scale(.59);z-index:12;opacity:.57;filter:blur(.7px)}body[data-mode="b"] .hero-card[data-slot="2"]{transform:translate(calc(-50% + clamp(365px,47vw,655px)),-30%) rotate(12deg) rotateY(-17deg) scale(.59);z-index:12;opacity:.57;filter:blur(.7px)}
body[data-mode="b"] .hero-card .card-caption{background:#ffffffd4;backdrop-filter:blur(15px);color:#13263c;border-radius:12px;padding:10px 15px;left:17px;right:17px;bottom:15px}body[data-mode="b"] .hero-actions button{color:#27394c}body[data-mode="b"] .hero-actions button:hover{background:#d9ebf3}body[data-mode="b"] .hero-actions .play-button{background:#2d4052;color:#fff}body[data-mode="b"] .rotation-toggle{color:#2c3d4f;background:#ffffff96;border-color:#ffffff}
body[data-mode="b"] .hero-actions .play-button:hover{background:#405970}body[data-mode="b"] .active-kicker{color:#536e86}body[data-mode="b"] .film-dots button{background:#68829e75}body[data-mode="b"] .film-dots button.active{background:#27445f}
body[data-mode="b"] .archive{background:#edf3f8a6;border-top:1px solid #ffffffc9}body[data-mode="b"] .archive-filters{background:#ffffff73}body[data-mode="b"] .category-pills button{color:#536b82}body[data-mode="b"] .category-pills button.active{background:#334e67;color:#fff}body[data-mode="b"] .archive-card{background:#ffffffc7;border:1px solid #ffffff;box-shadow:0 8px 30px #819aaf30}body[data-mode="b"] .archive-card:hover{box-shadow:0 20px 40px #8299ac55}body[data-mode="b"] .search-box,body[data-mode="b"] .filter-controls select{color:#21364a;background:#ffffffa8}body[data-mode="b"] .search-box input{color:#23394d}
body[data-mode="b"] .data-status{color:#768aa0}body[data-mode="b"] footer{border-color:#aebccc}body[data-mode="b"] .film-dialog{color:#fff}
body[data-mode="b"] .selection-tray{background:#eef6ffed;border-color:#ffffff;color:#263a4d}body[data-mode="b"] .selection-tray button{color:#27384c}body[data-mode="b"] .selection-tray .tray-primary{color:#fff;background:#2f4c63}

/* C / Apple TV-inspired: wide cinematic canvases and horizontal rows */
body[data-mode="c"]{--bg:#070a11;--ink:#fafbfd;--sub:#a8b3bf;--glass:rgba(255,255,255,.10);--edge:rgba(255,255,255,.19);--accent:#e4f2ff}
body[data-mode="c"] .ambient{background:radial-gradient(circle at 52% 27%,#2b3e56,#070a11 68%)}body[data-mode="c"] .ambient-image{opacity:.33;filter:blur(115px) saturate(1.2)}
body[data-mode="c"] .gallery-stage{padding-top:116px}body[data-mode="c"] .gallery-title-wrap{position:relative;z-index:4}body[data-mode="c"] .gallery-title{font-size:clamp(31px,4.8vw,65px);font-weight:500}body[data-mode="c"] .stage-surface{margin:12px calc(-1*var(--space)) -6px}
body[data-mode="c"] .hero-card{width:clamp(525px,68vw,1110px);aspect-ratio:16/9;top:49%;border-radius:22px}body[data-mode="c"] .hero-card .cover-wrap{box-shadow:0 15px 80px #000b;border:1px solid #ffffff74}
body[data-mode="c"] .hero-card[data-slot="0"]{transform:translate(-50%,-50%) scale(1.02);z-index:30}
body[data-mode="c"] .hero-card[data-slot="-1"]{transform:translate(calc(-50% - clamp(410px,72vw,1200px)),-50%) scale(.87);z-index:20;opacity:.76;filter:brightness(.75)}
body[data-mode="c"] .hero-card[data-slot="1"]{transform:translate(calc(-50% + clamp(410px,72vw,1200px)),-50%) scale(.87);z-index:20;opacity:.76;filter:brightness(.75)}
body[data-mode="c"] .hero-card[data-slot="-2"]{transform:translate(calc(-50% - clamp(770px,133vw,1950px)),-50%) scale(.75);z-index:10;opacity:.1}
body[data-mode="c"] .hero-card[data-slot="2"]{transform:translate(calc(-50% + clamp(770px,133vw,1950px)),-50%) scale(.75);z-index:10;opacity:.1}
body[data-mode="c"] .hero-card .card-caption{bottom:25px;left:30px;right:30px}body[data-mode="c"] .gallery-meta{font-size:9px}body[data-mode="c"] .active-meta h2{font-size:clamp(19px,2vw,30px)}body[data-mode="c"] .hero-actions{background:#ffffff22}
body[data-mode="c"] .archive-content{display:flex;flex-direction:column;gap:43px}body[data-mode="c"] .archive-row-title{display:flex}body[data-mode="c"] .archive-row{display:flex;gap:19px;overflow-x:auto;padding:6px 2px 22px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#64707f66 transparent}
body[data-mode="c"] .archive-row .archive-card{flex:0 0 clamp(240px,27vw,430px);scroll-snap-align:start}body[data-mode="c"] .archive-row .archive-card .poster-frame{aspect-ratio:16/9}
body[data-mode="c"] .archive{background:#080c14;border-top:1px solid #343d4c}
.archive{padding:92px var(--space) 115px;position:relative;background:rgba(9,16,27,.65);border-top:1px solid #ffffff1d;min-height:600px}.archive-top{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:1600px;margin:auto}.eyebrow{display:block;font-weight:700;font-size:10px;letter-spacing:.22em;color:var(--sub)}.archive-top h2{font-size:clamp(31px,4.7vw,66px);font-weight:600;letter-spacing:-.07em;margin:5px 0 0;line-height:1.15}.archive-top h2 span{opacity:.37}.archive-total{display:flex;flex-direction:column;align-items:end}.archive-total strong{font-size:clamp(40px,6vw,90px);font-weight:600;letter-spacing:-.085em;line-height:1}.archive-total span{font-size:10px;font-weight:700;color:var(--sub);letter-spacing:.2em}
.archive-filters{max-width:1600px;margin:35px auto 0;padding:13px 15px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:17px}.category-pills{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;min-width:0}.category-pills button{border:0;border-radius:40px;background:transparent;padding:12px 15px;min-height:44px;font-size:12px;white-space:nowrap;color:#cfdae5;font-weight:600}.category-pills button:hover{background:#ffffff16}.category-pills button.active{background:#ffffffee;color:#182539}.filter-controls{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:8px;background:#ffffff15;border:1px solid #ffffff2c;border-radius:40px;padding:0 14px;height:43px;color:var(--sub);width:215px;min-width:0}.search-box:focus-within{border-color:#d7eaff}.search-box input{background:transparent;outline:0;border:0;color:var(--ink);width:100%;min-width:0;font-size:13px}.search-box input::placeholder{color:var(--sub)}.filter-controls select{height:43px;border-radius:30px;background:#ffffff18;border:1px solid #ffffff27;color:var(--ink);padding:0 14px;min-width:108px;cursor:pointer;font-size:12px}.filter-controls select option{background:#1e3049;color:#fff}
.archive-toolbar{max-width:1600px;margin:22px auto 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--sub);font-size:11px;font-weight:700;letter-spacing:.1em}.archive-toolbar>div{display:flex;gap:8px;align-items:center}.text-action{background:none;border:0;font-weight:700;font-size:10px;letter-spacing:.08em;padding:9px;color:var(--ink);white-space:nowrap}.text-action:hover{text-decoration:underline}.archive-content{max-width:1600px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.archive-card{min-width:0;position:relative;background:#ffffff0c;border:1px solid #ffffff13;border-radius:23px;padding:8px;transition:transform .25s,background .25s,box-shadow .25s}.archive-card:hover{transform:translateY(-4px);background:#ffffff17;box-shadow:0 20px 40px #0005}.poster-frame{border-radius:17px;overflow:hidden;aspect-ratio:16/9;position:relative;background:linear-gradient(110deg,#273d5a,#111a32)}.poster-frame>.poster-fallback{z-index:0}.poster-frame>img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1;inset:0;opacity:0;transition:opacity .35s}.poster-frame>img.loaded{opacity:1}.poster-frame:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#10172555,transparent 50%);pointer-events:none}.poster-open{position:absolute;inset:0;border:0;background:transparent;z-index:3;color:#fff;display:grid;place-items:center;width:100%;height:100%}.poster-open span{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#ffffff50;backdrop-filter:blur(8px);border:1px solid #ffffffbd;opacity:0;transition:opacity .25s,transform .25s;font-size:18px}.archive-card:hover .poster-open span,.poster-open:focus-visible span{opacity:1;transform:scale(1.05)}.archive-card .card-bottom{padding:12px 6px 6px;display:flex;justify-content:space-between;gap:10px;align-items:center}.card-bottom>div{min-width:0}.card-bottom h3{font:500 17px/1.4 'Kanit',sans-serif;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom p{font-size:10px;font-weight:600;color:var(--sub);margin:2px 0 0;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-card{flex:0 0 auto;width:43px;height:43px;border-radius:50%;background:#ffffff19;border:1px solid #ffffff59;color:var(--ink);font-size:20px}.pick-card[aria-pressed="true"]{background:#d7edff;color:#15273c}.pick-card:hover{background:#ffffff44}
body[data-mode="b"] .archive-card .pick-card{color:#23384b;background:#ffffffae;border-color:#a8c2d6}body[data-mode="b"] .archive-card .pick-card[aria-pressed="true"]{background:#324e62;color:#fff}
.archive-row-wrap{min-width:0}.archive-row-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.archive-row-title h3{font:600 clamp(19px,2vw,27px)/1.3 'DM Sans',sans-serif;letter-spacing:-.035em;margin:0}.archive-row-title>div{display:flex;gap:7px}.archive-row-title button{width:38px;height:38px;border-radius:50%;border:1px solid var(--edge);color:var(--ink);background:var(--glass)}.archive-row-title button:hover{background:#ffffff27}
.archive-empty{grid-column:1/-1;min-height:220px;display:grid;place-items:center;text-align:center;color:var(--sub)}.load-more-wrap{display:flex;justify-content:center;margin:35px auto 0}.load-more{border-radius:50px;padding:15px 23px;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em}.load-more:hover{background:#ffffff28}.load-more span{margin-left:20px}.data-status{margin:35px auto 0;max-width:1600px;font-size:10px;letter-spacing:.08em;color:#96a6bd;opacity:.9}
footer{border-top:1px solid #ffffff24;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:28px var(--space);color:var(--sub);font-size:10px;letter-spacing:.08em}footer span:first-child{color:var(--ink);font-size:13px;letter-spacing:-.03em}footer span b{font-weight:500}footer a:hover{text-decoration:underline}
.selection-tray{position:fixed;z-index:85;bottom:17px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 24px));border-radius:80px;padding:10px 15px 10px 26px;display:flex;justify-content:space-between;gap:18px;align-items:center;background:#243247dd}.selection-tray>div:first-child{display:flex;flex-direction:column;gap:1px}.selection-tray strong{font-size:13px}.selection-tray small{font-size:9px;letter-spacing:.1em;color:var(--sub)}.selection-tray>div:last-child{display:flex;gap:5px;align-items:center}.selection-tray button{border:0;background:none;color:#fff;font-size:10px;font-weight:700;min-height:45px;padding:0 10px}.selection-tray button:hover{text-decoration:underline}.selection-tray .tray-primary{background:#f4f8ff;color:#203044;border-radius:50px;padding:0 22px}
.toast{position:fixed;z-index:120;bottom:24px;right:22px;padding:14px 21px;background:#eff6ff;color:#1a2b3e;border-radius:40px;box-shadow:0 15px 40px #0006;font:500 13px 'Kanit',sans-serif;opacity:0;transform:translateY(18px);transition:opacity .25s,transform .25s;pointer-events:none}.toast.visible{opacity:1;transform:none}
.film-dialog{width:min(1540px,97vw);max-width:none;max-height:96dvh;color:#fff;background:#101723;border:1px solid #ffffff45;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 25px 90px #000e}.film-dialog::backdrop{background:#010308e8;backdrop-filter:blur(18px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:65px;border-bottom:1px solid #ffffff21;padding:0 24px;font-size:12px;letter-spacing:.055em}.dialog-head>span:first-child{font-weight:700}.dialog-head b{font-weight:500;color:#bedefd}.dialog-head>span:nth-child(2){font-size:11px;color:#aebdcc}.dialog-head>div{display:flex;align-items:center;gap:7px}.dialog-head button{border:1px solid #ffffff4d;border-radius:30px;padding:8px 14px;min-height:40px;background:#ffffff13;color:#fff;font-size:11px}.dialog-head button:last-child{font-size:18px;width:42px;padding:0}.dialog-head button:hover{background:#ffffff30}
.dialog-main{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(285px,.85fr)}.player-area{aspect-ratio:16/9;background:#05090e;position:relative;overflow:hidden}.player-area iframe{position:absolute;z-index:2;inset:0;width:100%;height:100%;border:0}.player-fallback{z-index:0}.player-area .viewer-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:43px;height:55px;background:#1019297d;border:1px solid #ffffff58;border-radius:13px;color:#fff;font-size:24px}.player-area .prev{left:10px}.player-area .next{right:10px}.player-area .viewer-nav:hover{background:#ffffff52}
.player-info{padding:30px 25px;display:flex;flex-direction:column;gap:18px;min-width:0}.player-info>span{font-size:10px;font-weight:700;color:#b2d7fb;letter-spacing:.13em}.player-info h2{font:500 clamp(24px,2.4vw,38px)/1.25 'Kanit',sans-serif;margin:0;overflow-wrap:anywhere}.player-info p{font:300 14px/1.7 'Kanit',sans-serif;color:#b3c0cd;margin:0}.player-info #videoVersions{display:flex;gap:8px;flex-wrap:wrap}.player-info #videoVersions button{font-size:11px;color:#fff;background:#ffffff20;border:1px solid #ffffff4e;border-radius:22px;padding:10px 14px;min-height:44px}.player-info #videoVersions button.active{background:#dfedff;color:#203044}.player-info>a{color:#d5e9ff;border-top:1px solid #ffffff29;padding-top:16px;margin-top:auto;font-size:11px;letter-spacing:.06em;font-weight:700}.player-info small{color:#93a5b9;font-size:11px;line-height:1.5}.dialog-rail{padding:10px 20px;display:flex;gap:9px;overflow-x:auto;background:#101726;border-top:1px solid #ffffff20;scrollbar-width:thin}.dialog-rail button{position:relative;flex:0 0 135px;height:82px;border-radius:11px;overflow:hidden;border:2px solid transparent;background:#273c53;padding:0;color:#fff;text-align:left}.dialog-rail button.active{border-color:#e1f3ff}.dialog-rail button .poster-fallback{z-index:0}.dialog-rail button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1}.dialog-rail button img.loaded{opacity:1}.dialog-rail button .rail-caption{position:absolute;z-index:2;inset:auto 6px 4px;font:500 11px/1.3 'Kanit',sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 7px #000}
@media(max-width:1260px){.archive-filters{flex-direction:column;align-items:stretch}.category-pills{width:100%}.filter-controls{justify-content:flex-end}.wordmark{min-width:156px}.compare-link{display:none}.gallery-stage{height:860px;min-height:720px}.archive-content{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-switch>a{padding:8px 10px}}
@media(max-width:950px){.topbar{left:15px;right:15px;padding:0 12px;height:60px;top:12px}.wordmark{min-width:0;font-size:11px}.wordmark b{display:block;margin:0}.mode-switch>a>span{display:none}.mode-switch>a{padding:7px}.mode-switch>a i{width:27px;height:27px;font-size:11px}.header-reel span{display:none}.header-reel{padding:10px;min-width:42px;justify-content:center}.gallery-stage{height:780px;min-height:660px;padding-top:105px}.gallery-title{font-size:clamp(30px,6vw,55px)}.hero-card{width:clamp(360px,64vw,600px)}.hero-card[data-slot="-1"]{transform:translate(calc(-50% - clamp(180px,30vw,300px)),-50%) rotateY(20deg) scale(.74)}.hero-card[data-slot="1"]{transform:translate(calc(-50% + clamp(180px,30vw,300px)),-50%) rotateY(-20deg) scale(.74)}body[data-mode="b"] .hero-card{width:clamp(350px,58vw,580px)}body[data-mode="c"] .hero-card{width:clamp(500px,73vw,710px)}.archive-content{grid-template-columns:repeat(2,minmax(0,1fr))}.archive{padding:72px var(--space) 90px}.film-dialog{width:min(98vw,1040px)}.dialog-main{grid-template-columns:minmax(0,1.45fr) minmax(250px,.85fr)}.player-info{padding:20px}.player-info h2{font-size:24px}}
@media(max-width:650px){:root{--space:17px}.topbar{border-radius:30px;height:56px;padding:0 9px 0 13px;gap:7px}.wordmark-mark{font-size:27px}.wordmark b{font-size:8px}.wordmark{font-size:9px;gap:4px}.mode-switch{gap:0;padding:3px;border-radius:35px}.mode-switch>a{padding:6px 4px}.mode-switch>a i{width:25px;height:25px}.header-reel{min-width:35px;min-height:35px;padding:7px}.gallery-stage{height:min(800px,100svh);min-height:635px;padding-top:96px;padding-bottom:23px}.gallery-meta{font-size:8px;letter-spacing:.1em}.gallery-title-wrap{margin-top:10px}.gallery-title{font-size:clamp(28px,7.3vw,45px)}.gallery-subtitle{font-size:11px;margin-top:5px}.stage-surface{min-height:315px}.hero-card{width:min(78vw,470px);border-radius:18px}.hero-card .cover-wrap{border-radius:18px}.hero-card[data-slot="-1"]{transform:translate(calc(-50% - 37vw),-50%) rotateY(17deg) scale(.74)}.hero-card[data-slot="1"]{transform:translate(calc(-50% + 37vw),-50%) rotateY(-17deg) scale(.74)}.hero-card[data-slot="-2"],.hero-card[data-slot="2"]{opacity:.13}.hero-card .card-play{width:60px;height:60px}.hero-card .card-caption{left:12px;right:12px;bottom:10px}.card-caption b{display:none}.poster-fallback strong{font-size:clamp(14px,4vw,24px)}
body[data-mode="b"] .hero-card{width:78vw;top:47%;border-radius:22px}body[data-mode="b"] .hero-card[data-slot="-1"]{transform:translate(calc(-50% - 38vw),-48%) rotate(-8deg) scale(.76)}body[data-mode="b"] .hero-card[data-slot="1"]{transform:translate(calc(-50% + 38vw),-48%) rotate(8deg) scale(.76)}body[data-mode="b"] .hero-card .cover-wrap{border-width:4px;border-radius:21px}
body[data-mode="c"] .hero-card{width:87vw;top:50%;border-radius:17px}body[data-mode="c"] .hero-card[data-slot="-1"]{transform:translate(calc(-50% - 81vw),-50%) scale(.83)}body[data-mode="c"] .hero-card[data-slot="1"]{transform:translate(calc(-50% + 81vw),-50%) scale(.83)}
.hero-bottom{grid-template-columns:1fr auto;row-gap:9px}.active-meta{grid-column:1/-1;text-align:center;order:0}.active-meta h2{max-width:100%;font-size:19px;margin:1px 0}.active-kicker{font-size:9px}.active-year{font-size:9px}.hero-actions{grid-column:1/2;justify-self:end;order:1}.stage-counter{grid-column:2/3;justify-self:start;order:2}.hero-actions button{min-width:38px;min-height:43px}.hero-actions .play-button{min-width:98px;padding:0 10px;font-size:10px}.rotation-toggle{min-width:37px;min-height:37px}.stage-counter{gap:7px;font-size:10px}.film-dots{margin-top:11px}
.archive{padding-top:62px}.archive-top h2{font-size:36px}.archive-total strong{font-size:45px}.archive-filters{padding:8px;border-radius:18px;margin-top:22px}.category-pills button{min-height:41px;padding:10px 12px;font-size:11px}.filter-controls{justify-content:stretch}.search-box{flex:1;min-width:0;width:auto}.filter-controls select{min-width:89px;padding:0 8px}.archive-toolbar{flex-wrap:wrap;font-size:10px}.archive-content{grid-template-columns:1fr;row-gap:15px}.archive-card{border-radius:17px}.poster-frame{border-radius:12px}.poster-open span{opacity:.8}.archive-row .archive-card{flex-basis:78vw!important}.archive-row-title h3{font-size:19px}.data-status{font-size:9px}
.selection-tray{border-radius:22px;padding:10px 12px;gap:7px}.selection-tray>div:last-child{gap:0}.selection-tray button{padding:0 7px;font-size:9px}.selection-tray .tray-primary{padding:0 12px}.film-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;overflow:auto}.dialog-head{height:58px;padding:0 9px}.dialog-head>span:first-child{font-size:10px}.dialog-head>span:nth-child(2){font-size:9px}.dialog-head button{padding:5px 8px;font-size:9px;min-height:39px}.dialog-head button:last-child{width:39px}.dialog-main{grid-template-columns:1fr}.player-info{gap:11px;padding:20px}.player-info h2{font-size:22px}.player-info>a{margin-top:5px}.player-area .viewer-nav{width:38px;height:44px}.dialog-rail button{flex-basis:110px;height:72px}.film-dialog .dialog-rail{padding:9px}.toast{bottom:100px;right:10px;left:10px;text-align:center}footer{font-size:9px;padding:25px var(--space)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-card{transition:none!important}.ambient-image{filter:none;opacity:.1}}