@font-face{font-family:Afterhours;src:url('assets/display.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#101210;color:#f3eee3;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}::selection{background:#d9bc82;color:#101210}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e5c78a;outline-offset:5px}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.6;width:24px;height:24px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #30352e;background:#101210;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px;line-height:1;font-family:Georgia,serif;font-size:25px;letter-spacing:.11em}.brand svg{width:37px;height:37px;color:#d9bc82;stroke-width:1}.brand small{display:block;font:11px Arial,sans-serif;letter-spacing:.34em;margin-top:9px}nav{display:flex;gap:34px;font-size:13px}nav a{padding:12px 0;color:#c2c7ba}nav a.active{color:#e4c88b;border-bottom:1px solid}nav a:hover{color:#fff}.icon-button{background:transparent;border:0;padding:12px;display:flex}.hero{position:relative;min-height:620px;display:flex;align-items:center;isolation:isolate;margin-bottom:70px;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101210 0%,#101210eb 22%,#10121040 65%),linear-gradient(0deg,#101210,transparent 45%);z-index:-1}.hero-copy{padding:65px 7%;max-width:750px}.hero h1{font-family:Afterhours,Georgia,serif;font-size:clamp(49px,6.5vw,88px);font-weight:400;line-height:1.02;letter-spacing:-.025em;margin:0 0 25px;text-wrap:balance}.hero h1 em{color:#dfc58f;font-weight:400}.hero p{max-width:340px;color:#c9cdbf;font-size:16px;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:1px solid #d9bc82;background:#d9bc82;color:#151811;padding:13px 23px;display:inline-flex;align-items:center;gap:12px;font-size:13px;min-height:48px}.button.secondary{background:#10121080;color:#f3eee3;border-color:#68715e}.button:hover{background:#ead2a0;color:#151811}.hero-caption{position:absolute;right:5%;bottom:40px;color:#d5d8cf;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.section{padding:0 5%;margin:0 auto 72px;max-width:1600px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section h2,.page-title,h2{font:400 38px/1.15 Afterhours,Georgia,serif;margin:0 0 10px;letter-spacing:-.025em}.section-head p,.muted{color:#afb8a5;margin:0}.text-link,.text-button{font-size:13px;color:#dfc58f;background:none;border:0;padding:10px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.card{min-width:0}.card-link{display:block;position:relative;overflow:hidden;background:#20251e;aspect-ratio:16/10}.card-link img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card-link:hover img{transform:scale(1.035)}.duration{position:absolute;right:12px;bottom:12px;background:#101210dc;padding:2px 7px;font-size:11px;font-variant-numeric:tabular-nums}.play-mark{position:absolute;inset:0;display:grid;place-content:center;background:#0001}.play-mark svg{width:42px;height:42px;fill:#10121080;stroke:#fff;stroke-width:1}.card h3{font:400 23px/1.25 Afterhours,Georgia,serif;margin:13px 0 6px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#afb8a5;font-size:11px;letter-spacing:.025em}.save{border:0;background:none;padding:7px;display:flex;color:#d8c392}.save[aria-pressed=true] svg{fill:#d8c392;stroke:#d8c392}.characters{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.character{position:relative;display:block;background:#030403;overflow:hidden}.character img{width:100%;aspect-ratio:1;object-fit:cover;object-position:70% 50%;display:block;transition:transform .4s}.character:hover img{transform:scale(1.04)}.character span{display:block;font:24px Afterhours,Georgia,serif;padding:15px 4px}.commute{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:9%;padding:45px;background:#1b221a}.commute img{width:100%;height:410px;object-fit:cover;object-position:50% 35%}.commute h2{font-size:52px}.commute p{color:#bcc5b4;max-width:340px;margin:20px 0 28px}.commute .text-link{display:inline-block}.page{padding-top:56px;min-height:60vh}.page-title{font-size:58px;margin-bottom:16px}.filters{display:flex;gap:10px;margin:28px 0;flex-wrap:wrap}.filter{border:1px solid #4c5643;background:none;color:#c7cfbd;border-radius:30px;padding:8px 18px}.filter.active{background:#d9bc82;border-color:#d9bc82;color:#101210}.player-shell{background:#050605;max-width:1200px;margin:auto}.player-shell video{width:100%;display:block;max-height:73vh;min-height:200px;background:#050605}.detail{max-width:1200px;margin:auto;padding:28px 5% 15px}.detail h1{font:400 45px/1.1 Afterhours,Georgia,serif;margin:12px 0}.detail .actions{margin:25px 0}.detail-meta{color:#afb8a5;font-size:13px}.back{display:inline-block;padding:15px 0;color:#dfc58f}.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,390px);overflow:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:18px}.gallery figure{margin:0;scroll-snap-align:start}.gallery img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#070907}.gallery figcaption{padding:12px 0;color:#c7cfbd}.gallery-controls{display:flex;gap:10px;margin-bottom:20px}.empty{padding:60px 20px;text-align:center;background:#192016}.empty h2{font-size:32px}footer{padding:45px 5% 55px;border-top:1px solid #30392a;color:#aeb7a3;font-size:12px}footer .wordmark{font:28px Afterhours,Georgia,serif;color:#eee8dc}footer p{max-width:580px}dialog{background:#192016;color:#f3eee3;border:1px solid #4c5643;padding:45px;width:min(680px,92vw);max-height:85vh}dialog::backdrop{background:#000c}dialog h2{padding-right:22px}.close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:30px;padding:5px 10px}dialog label{display:block;color:#bcc5b4;font-size:13px;margin-top:25px}input{width:100%;padding:14px;background:#101210;color:#fff;border:1px solid #647154;margin:10px 0 20px;caret-color:#d9bc82}.search-result{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid #394330}.search-result img{width:85px;height:60px;object-fit:cover}.search-result small{display:block;color:#b8c3ad}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#e6d2a6;color:#101210;padding:10px 22px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}::-webkit-scrollbar{width:8px;height:6px}::-webkit-scrollbar-track{background:#101210}::-webkit-scrollbar-thumb{background:#596349}a{text-underline-offset:5px}@media(max-width:800px){header{height:78px;padding:0 5%}.brand{font-size:21px}.brand svg{width:29px}nav{gap:17px;font-size:12px}.hero{min-height:580px;margin-bottom:44px}.hero-copy{padding:140px 6% 55px}.hero:after{background:linear-gradient(0deg,#101210 0%,#101210bf 40%,#10121015 100%)}.hero-image{object-position:65% 30%}.hero-copy{align-self:flex-end}.hero h1{font-size:62px;max-width:530px}.hero p{max-width:330px}.hero-caption{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}.section{margin-bottom:48px}.characters{grid-template-columns:repeat(4,1fr);gap:12px}.character span{font-size:19px}.commute{padding:25px;gap:30px}.commute h2{font-size:38px}.commute img{height:340px}.section h2{font-size:32px}}@media(max-width:540px){header{flex-wrap:wrap;height:118px;padding:16px 5% 0;align-content:space-between}.brand{font-size:20px}.brand small{font-size:11px}.icon-button{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;gap:0}nav a{padding:10px 3px 13px}.hero{min-height:550px}.hero-copy{padding:180px 6% 40px}.hero h1{font-size:54px}.hero p{font-size:14px}.section-head{align-items:center}.section-head p{font-size:13px}.section h2{font-size:30px}.section-head .text-link{white-space:nowrap}.grid{grid-template-columns:1fr;gap:29px}.card h3{font-size:25px}.characters{grid-template-columns:repeat(2,1fr);gap:14px}.character span{font-size:22px}.commute{grid-template-columns:1fr;padding:22px;gap:25px}.commute img{height:320px}.commute h2{font-size:40px}.commute p{margin:15px 0}.page{padding-top:32px}.page-title{font-size:43px}.detail h1{font-size:34px}.player-shell video{max-height:65vh}.actions .button{padding:12px 16px}dialog{padding:35px 24px}.section-head h2{margin-bottom:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.language-button{background:transparent;border:1px solid #68715e;padding:7px 11px;min-height:38px;min-width:45px;font-size:13px;margin-left:20px}.language-button:hover{border-color:#d9bc82;color:#d9bc82}html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3,html[lang="zh-CN"] .character span{font-family:"Songti SC","SimSun","Noto Serif CJK SC",serif;line-height:1.35}html[lang="zh-CN"] .hero h1{font-size:clamp(42px,5.6vw,76px)}@media(max-width:540px){header .language-button{margin-left:auto}header .icon-button{margin-left:6px}html[lang="zh-CN"] .hero h1{font-size:47px}html[lang="zh-CN"] .page-title{font-size:36px}}

.carousel-controls{position:absolute;bottom:26px;left:7%;display:flex;align-items:center;gap:15px;z-index:2}.carousel-arrow,.carousel-pause{background:#101210c9;border:1px solid #68715e;min-width:44px;min-height:44px;color:#f3eee3;padding:6px 12px}.carousel-dots{display:flex;align-items:center;gap:2px}.carousel-dots button{width:28px;height:44px;border:0;background:transparent;position:relative}.carousel-dots button:after{content:'';position:absolute;width:7px;height:7px;left:10px;top:18px;background:#aeb7a3;border-radius:50%}.carousel-dots button[aria-pressed=true]:after{background:#e5c78a;width:19px;left:4px;border-radius:8px}.hero-copy{padding-bottom:100px}.hero-caption{bottom:36px}.carousel-pause{font-size:12px}@media(max-width:800px){.hero-copy{padding-bottom:100px}}@media(max-width:540px){.hero-copy{padding-bottom:105px}.carousel-controls{left:6%;bottom:25px;gap:8px}.hero{min-height:590px}.hero-caption{display:block;left:6%;right:6%;bottom:81px;font-size:11px;letter-spacing:0}.hero-copy p{margin-bottom:20px}}

/* Keep portrait video faces visible in landscape preview cards. */
.card-link img{object-position:center 20%}
.play-mark{inset:auto auto 12px 12px;width:40px;height:40px;background:#101210bd;border-radius:50%;pointer-events:none}
.play-mark svg{width:26px;height:26px;fill:none;stroke-width:1.5}

header{gap:16px}header nav{flex:1;justify-content:center;gap:clamp(12px,2.5vw,34px)}.brand{flex-shrink:0}.language-button{max-width:165px;width:auto;flex-shrink:0;color-scheme:dark;margin-left:0;min-height:44px}.language-button option,.language-button optgroup{color:#f3eee3;background:#192016}.duration,.brand,.wordmark,video{direction:ltr}.carousel-controls{direction:ltr}.gallery{direction:ltr}.gallery figcaption{direction:inherit}html[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif}html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .character span{font-family:Tahoma,Arial,sans-serif;line-height:1.4}html[dir="rtl"] .hero-copy{margin-left:auto;max-width:790px;text-align:right}html[dir="rtl"] .hero:after{background:linear-gradient(270deg,#101210 0%,#101210eb 22%,#10121040 65%),linear-gradient(0deg,#101210,transparent 45%)}html[dir="rtl"] .hero-image{object-position:30% 40%}html[dir="rtl"] .hero-caption{right:auto;left:5%;text-align:left}html[dir="rtl"] .hero .carousel-controls{left:auto;right:7%}html[dir="rtl"] input{text-align:right}.hero-copy p{max-width:440px}html:lang(ta) .hero h1,html:lang(si) .hero h1,html:lang(bn) .hero h1,html:lang(th) .hero h1{font-size:clamp(40px,5vw,66px);line-height:1.35}nav a{overflow-wrap:anywhere;text-align:center}
@media(max-width:800px){html[dir="rtl"] .hero:after{background:linear-gradient(0deg,#101210 0%,#101210bf 40%,#10121015 100%)}header nav{gap:12px}.language-button{max-width:145px}}
@media(max-width:540px){header{height:auto;min-height:118px;gap:8px 12px}header nav{flex-basis:100%;gap:8px;align-items:flex-start}nav a{flex:1;min-width:0;font-size:12px}header .language-button{margin-left:auto;max-width:138px}html[dir="rtl"] header .language-button{margin-left:0;margin-right:auto}header .icon-button{margin-left:0}html[dir="rtl"] .hero .carousel-controls{right:6%}html[dir="rtl"] .hero-caption{left:6%;right:6%;text-align:right}html:lang(ta) .hero h1,html:lang(si) .hero h1,html:lang(bn) .hero h1,html:lang(th) .hero h1{font-size:37px}html[dir="rtl"] .hero h1{font-size:44px}.hero h1{overflow-wrap:break-word}}

html[dir="rtl"] .gallery figcaption{direction:rtl;text-align:right}