:root{--paper:#f2f0e9;--ink:#08090b;--accent:#3858da;--line:rgba(8,9,11,.2)}
.case-page{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans SC",sans-serif}
.case-nav{height:62px;padding:0 var(--side);position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;color:#fff;background:rgba(8,9,11,.92);backdrop-filter:blur(12px);font-size:10px}
.case-nav a{text-decoration:none}.case-nav>span{text-align:center}.case-hero{height:calc(100vh - 62px);min-height:640px;padding:32px var(--side);position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff;background:#08090b}.case-hero:before{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at 78% 30%,rgba(56,88,218,.75),transparent 42%),radial-gradient(ellipse at 20% 85%,rgba(96,53,175,.48),transparent 38%);filter:blur(24px);animation:case-drift 12s ease-in-out infinite alternate}.case-hero>*{position:relative;z-index:1}.case-hero>span,.case-hero>a{font-size:10px}.case-hero h1{margin:auto 0 10px;font:800 clamp(120px,19vw,290px)/.58 "Barlow Condensed",sans-serif;text-transform:uppercase}.case-hero h1 em{margin-left:25%;color:#91a5ff;font-family:"Noto Serif SC",serif;font-style:normal}.case-hero p{width:min(520px,45vw);margin:0 0 0 auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.65);font-size:14px;line-height:1.9}.case-hero>a{align-self:flex-end;margin-top:24px}.character-originals,.comic-films{padding:110px var(--side)}.case-heading{display:grid;grid-template-columns:3fr 6fr 3fr;gap:20px;align-items:start;margin-bottom:60px}.case-heading>span{font-size:10px}.case-heading h2{margin:0;font:700 clamp(48px,7vw,100px)/.9 "Noto Serif SC",serif}.case-heading p{margin:0;padding-top:10px;border-top:1px solid;font-size:12px;line-height:1.8}.original-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 20px}.case-image{padding:0;border:0;background:none;cursor:zoom-in;text-align:left}.case-image img{width:100%;height:auto;display:block;border:1px solid var(--line);transition:filter .3s ease,transform .5s ease}.case-image:hover img{filter:contrast(1.04);transform:translateY(-4px)}.comic-films{color:#f2f0e9;background:#08090b}.case-heading.light p{border-color:rgba(255,255,255,.35)}.film-case{display:grid;grid-template-columns:2fr 10fr;gap:20px;padding:24px 0 90px;border-top:1px solid rgba(255,255,255,.35)}.film-label span,.film-label p{font-size:10px}.film-label h3{margin:28px 0 9px;font:700 clamp(26px,3vw,44px) "Noto Serif SC",serif}.film-case video{width:100%;aspect-ratio:16/9;display:block;background:#000;object-fit:contain}.case-lightbox{width:min(96vw,1500px);height:92vh;padding:0;border:1px solid #91a5ff;color:#fff;background:#08090b}.case-lightbox::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(8px)}.case-lightbox>button{position:absolute;right:12px;top:12px;z-index:2;border:0;padding:9px 12px;background:#91a5ff;cursor:pointer}.case-lightbox figure{height:100%;margin:0;padding:44px 18px 16px;display:grid;grid-template-rows:1fr auto;place-items:center}.case-lightbox img{max-width:100%;max-height:calc(92vh - 84px);object-fit:contain}.case-lightbox figcaption{width:100%;padding-top:10px;border-top:1px solid rgba(255,255,255,.3);text-align:center;font-size:11px}@keyframes case-drift{to{transform:translate3d(3%,-2%,0) scale(1.08)}}
.comic-entry{min-height:clamp(380px,45vw,650px);background:#08090b}.comic-entry>a{height:100%;padding:28px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;color:#fff;text-decoration:none;overflow:hidden;position:relative}.comic-entry>a:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 72% 36%,rgba(56,88,218,.8),transparent 30%);transition:transform .8s ease}.comic-entry a>*{position:relative}.comic-entry .entry-no{font-size:12px}.comic-entry h3{grid-column:1/-1;align-self:end;margin:0;font:800 clamp(90px,15vw,220px)/.72 "Barlow Condensed",sans-serif;text-transform:uppercase}.comic-entry p{margin:20px 0 0;font-size:11px}.comic-entry strong{align-self:end;font-size:13px}.comic-entry:hover>a:before{transform:scale(1.15) translateX(-3%)}
@media(max-width:700px){.case-nav{grid-template-columns:1fr auto}.case-nav>span{display:none}.case-hero{min-height:600px}.case-hero h1{font-size:clamp(96px,32vw,150px)}.case-hero h1 em{margin-left:8%}.case-hero p{width:78%;font-size:12px}.character-originals,.comic-films{padding:80px var(--side)}.case-heading{grid-template-columns:1fr;gap:18px}.case-heading h2{font-size:48px}.case-heading p{width:76%;margin-left:24%}.original-grid{grid-template-columns:1fr;gap:38px}.film-case{grid-template-columns:1fr;padding-bottom:60px}.film-label h3{margin-top:12px}.comic-entry{min-height:420px}.comic-entry>a{padding:20px}.comic-entry h3{font-size:clamp(82px,28vw,130px)}.comic-entry p{width:70%}}