:root{--bg:#07080b;--bg-soft:#0c0f15;--panel:rgba(207,224,255,.055);--panel-strong:rgba(207,224,255,.09);--text:#eef3fa;--muted:#919bad;--faint:#697284;--line:rgba(222,235,255,.14);--line-strong:rgba(205,232,255,.28);--cyan:#8ee9ff;--violet:#9589ff;--display:"Inter","Noto Sans SC",sans-serif;--body:"Inter","Noto Sans SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--body);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.is-loading{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}
.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ambient-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 82%,transparent)}.ambient-orb{position:absolute;border-radius:50%;filter:blur(110px);mix-blend-mode:screen;opacity:.2}.orb-a{width:640px;height:640px;left:-260px;top:28%;background:#173e61;animation:orbA 15s ease-in-out infinite alternate}.orb-b{width:760px;height:760px;right:-280px;top:-160px;background:#332d7d;animation:orbB 18s ease-in-out infinite alternate}.ambient-beam{position:absolute;inset:-40%;background:linear-gradient(112deg,transparent 43%,rgba(166,229,255,.055) 49%,transparent 56%);animation:beam 13s linear infinite}.pointer-light{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(126,211,255,.08),transparent 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .4s}@keyframes orbA{to{transform:translate(210px,-100px) scale(1.1)}}@keyframes orbB{to{transform:translate(-180px,150px) scale(.92)}}@keyframes beam{to{transform:translateX(65%)}}
.boot-screen{position:fixed;inset:0;z-index:999;display:flex;align-items:flex-end;justify-content:space-between;padding:clamp(24px,5vw,72px);background:#050609;color:var(--text);transition:clip-path 1.1s cubic-bezier(.76,0,.24,1),visibility 1.1s;clip-path:inset(0)}.boot-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.06) 50%,transparent 50.05%),linear-gradient(transparent 49.95%,rgba(255,255,255,.06) 50%,transparent 50.05%)}.boot-screen.is-done{clip-path:inset(0 0 100% 0);visibility:hidden}.boot-mark{position:relative;font-size:clamp(4rem,12vw,12rem);font-weight:300;letter-spacing:-.08em;line-height:.8}.boot-copy{position:relative;display:grid;justify-items:end;gap:12px}.boot-copy span{font-size:10px;letter-spacing:.23em;color:var(--muted)}.boot-copy b{font-size:clamp(3rem,7vw,6rem);font-weight:300;line-height:.8}
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;z-index:998;border-radius:50%;pointer-events:none;opacity:0}.cursor-dot{width:5px;height:5px;background:#e7fbff;box-shadow:0 0 14px var(--cyan)}.cursor-ring{width:52px;height:52px;border:1px solid rgba(153,230,255,.5);background:rgba(130,214,255,.035);box-shadow:0 0 34px rgba(106,202,255,.12),inset 0 0 18px rgba(255,255,255,.06);transition:width .25s,height .25s,background .25s,border-color .25s}body.has-pointer .cursor-dot,body.has-pointer .cursor-ring{opacity:1}body.has-pointer .pointer-light{opacity:1}body.cursor-active .cursor-ring{width:74px;height:74px;background:rgba(130,214,255,.075);border-color:rgba(181,240,255,.7)}
.hero,main,footer{position:relative;z-index:1}.hero{min-height:100svh;overflow:hidden;border-bottom:1px solid var(--line)}.topbar{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;max-width:1540px;margin:0 auto;padding:26px clamp(22px,4.5vw,70px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:500;letter-spacing:.08em}.brand-mark i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.brand-copy{display:grid;gap:4px;padding-left:14px;border-left:1px solid var(--line)}.brand-copy b{font-size:12px;font-weight:500;letter-spacing:.18em}.brand-copy small{font-size:8px;letter-spacing:.2em;color:var(--muted)}.nav-price{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(214,230,255,.035);backdrop-filter:blur(14px);font-size:11px;letter-spacing:.11em;color:#c7cfdb;transition:.3s}.nav-price:hover{border-color:var(--line-strong);background:rgba(205,229,255,.08);color:#fff}
.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:clamp(40px,6vw,90px);max-width:1460px;min-height:calc(100svh - 154px);margin:0 auto;padding:70px clamp(22px,4.5vw,70px) 130px}.eyebrow{margin:0 0 22px;font-size:11px;font-weight:400;letter-spacing:.23em;text-transform:uppercase;color:#a8b1c1}.hero h1{margin:0;font-size:clamp(4.4rem,7.3vw,8.4rem);font-weight:300;line-height:.88;letter-spacing:-.075em}.hero h1>span{display:block;color:transparent;-webkit-text-stroke:1px rgba(232,241,255,.58)}.hero h1>b,.hero h1>i{display:block;font-weight:300}.hero h1 i{font-style:normal;color:#eaf0f8}.hero-lead{max-width:580px;margin:35px 0 0;color:var(--muted);font-size:clamp(15px,1.35vw,19px);line-height:1.85}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.primary-button{display:inline-flex;min-height:56px;align-items:center;justify-content:space-between;gap:50px;border:1px solid rgba(192,230,255,.25);border-radius:16px;padding:0 22px;background:rgba(194,227,255,.085);box-shadow:inset 0 1px rgba(255,255,255,.1),0 18px 45px rgba(0,0,0,.16);backdrop-filter:blur(20px);font-size:13px;font-weight:400;letter-spacing:.09em;cursor:pointer;transition:.35s}.primary-button:hover{transform:translateY(-3px);background:rgba(196,232,255,.15);border-color:rgba(202,237,255,.42);box-shadow:0 24px 60px rgba(40,117,164,.13)}.primary-button b{color:var(--cyan);font-size:18px;font-weight:300}.primary-button.dark{background:rgba(197,228,255,.07)}.text-button{border:0;border-bottom:1px solid rgba(222,235,255,.28);padding:10px 0;background:transparent;color:#aab3c1;font-size:12px;cursor:pointer;transition:.3s}.text-button:hover{color:#fff;border-color:#fff}
.cover-stack{position:relative;height:min(720px,73svh);perspective:1600px}.cover-stack:before{content:"";position:absolute;left:5%;right:0;top:6%;height:82%;border:1px solid rgba(154,188,255,.12);border-radius:50%;transform:rotateX(72deg);box-shadow:0 0 80px rgba(83,128,255,.04)}.cover{position:absolute;left:50%;top:50%;width:min(330px,52vw);aspect-ratio:1696/3008;border:1px solid rgba(228,240,255,.18);border-radius:24px;padding:10px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.12),0 36px 90px rgba(0,0,0,.48);backdrop-filter:blur(22px);cursor:pointer;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s;transform-style:preserve-3d}.cover img{width:100%;height:100%;display:block;object-fit:cover;border-radius:15px;pointer-events:none;opacity:.58;filter:saturate(.4) contrast(1.04);transition:.45s}.cover:hover img,.cover-front img{opacity:.94;filter:saturate(.78)}.cover:hover{z-index:8}.cover-back{transform:translate(-92%,-46%) rotateY(13deg) translateZ(-100px) scale(.85);opacity:.65}.cover-mid{transform:translate(-10%,-45%) rotateY(-12deg) translateZ(-120px) scale(.84);opacity:.65}.cover-front{z-index:3;transform:translate(-49%,-51%) translateZ(70px)}.cover-back:hover{transform:translate(-92%,-50%) rotateY(4deg) translateZ(20px) scale(.93);opacity:1}.cover-mid:hover{transform:translate(-10%,-50%) rotateY(-4deg) translateZ(20px) scale(.93);opacity:1}.cover-front:hover{transform:translate(-49%,-54%) translateZ(90px) scale(1.02)}.price-sticker{position:absolute;right:0;bottom:3%;z-index:9;display:grid;min-width:180px;padding:23px 24px;border:1px solid var(--line-strong);border-radius:22px;background:rgba(206,224,255,.075);box-shadow:inset 0 1px rgba(255,255,255,.12),0 22px 70px rgba(0,0,0,.28);backdrop-filter:blur(26px)}.price-sticker small{font-size:9px;letter-spacing:.2em;color:var(--muted)}.price-sticker b{margin:12px 0 6px;font-size:48px;font-weight:300;letter-spacing:-.06em}.price-sticker i{font-size:10px;font-style:normal;color:#9ea7b6}
.ticker{position:absolute;left:clamp(22px,4.5vw,70px);right:clamp(22px,4.5vw,70px);bottom:28px;z-index:4;overflow:hidden;border-top:1px solid var(--line);padding-top:17px}.ticker div{display:flex;justify-content:space-between;gap:28px;color:#7d8797;font-size:9px;letter-spacing:.17em}.ticker span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 10px 2px 0;border-radius:50%;background:var(--cyan);opacity:.7}
.issue-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:45px;max-width:1380px;margin:0 auto;padding:42px clamp(22px,4.5vw,70px);border-bottom:1px solid var(--line)}.issue-note span{font-size:10px;letter-spacing:.18em;color:#a8b3c4}.issue-note p{max-width:940px;margin:0;color:#7f899a;font-size:12px;line-height:1.8}
.poster-lab{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(520px,1.25fr);gap:clamp(35px,7vw,110px);align-items:center;max-width:1480px;min-height:900px;margin:0 auto;padding:120px clamp(22px,4.5vw,70px);overflow:hidden}.lab-heading h2{margin:0;font-size:clamp(4rem,7vw,8rem);font-weight:300;line-height:.88;letter-spacing:-.075em}.lab-heading h2 i{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(232,241,255,.52)}.lab-heading>p:not(.eyebrow){max-width:500px;margin:32px 0;color:var(--muted);font-size:15px;line-height:1.9}.lab-shuffle{display:flex;align-items:center;justify-content:space-between;gap:40px;min-width:290px;min-height:62px;border:1px solid var(--line-strong);border-radius:17px;padding:0 18px 0 22px;background:var(--panel);box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(20px);font-size:12px;letter-spacing:.08em;cursor:pointer;transition:.35s}.lab-shuffle:hover{background:var(--panel-strong);transform:translateY(-3px)}.lab-shuffle b{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--cyan);font-size:20px;font-weight:300;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.lab-shuffle:hover b{transform:rotate(250deg)}.lab-stage{position:relative;min-height:700px;perspective:1500px}.lab-orbit{position:absolute;left:10%;top:0;width:80%;height:74%;border:1px solid rgba(152,187,255,.12);border-radius:50%;transform:rotateX(70deg);box-shadow:0 0 70px rgba(87,139,255,.04)}.lab-scan{position:absolute;left:8%;right:4%;top:24%;height:1px;background:var(--cyan);box-shadow:0 0 24px 3px rgba(85,211,255,.16);opacity:.35;animation:scan 5.2s ease-in-out infinite}.lab-card{position:absolute;left:50%;top:45%;width:min(330px,43vw);aspect-ratio:1696/3008;overflow:hidden;border:1px solid rgba(226,239,255,.18);border-radius:25px;padding:10px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.11),0 38px 90px rgba(0,0,0,.5);backdrop-filter:blur(22px);cursor:pointer;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .55s,opacity .55s;transform-style:preserve-3d}.lab-card img{width:100%;height:100%;display:block;object-fit:cover;border-radius:16px;pointer-events:none;opacity:.45;filter:saturate(.32);transition:.55s}.lab-card-left{transform:translate(-98%,-48%) rotateY(14deg) translateZ(-135px) scale(.82);opacity:.68}.lab-card-center{z-index:3;transform:translate(-50%,-55%) translateZ(80px)}.lab-card-center img{opacity:.92;filter:saturate(.72)}.lab-card-right{transform:translate(-4%,-48%) rotateY(-14deg) translateZ(-145px) scale(.81);opacity:.68}.lab-card:hover{z-index:6;opacity:1}.lab-card:hover img{opacity:.95;filter:saturate(.76)}.lab-stage:hover .lab-card-left{transform:translate(-103%,-50%) rotateY(7deg) translateZ(-70px) scale(.86)}.lab-stage:hover .lab-card-right{transform:translate(1%,-50%) rotateY(-7deg) translateZ(-70px) scale(.86)}.lab-stage:hover .lab-card-center{transform:translate(-50%,-58%) translateZ(105px) scale(1.02)}.lab-stage.is-shuffling .lab-card{opacity:.1;filter:blur(14px);transform:translate(-50%,-48%) scale(.72)}.lab-caption{position:absolute;left:50%;bottom:0;z-index:7;display:grid;min-width:320px;transform:translateX(-50%);text-align:center}.lab-caption span{font-size:12px;letter-spacing:.2em;color:var(--cyan)}.lab-caption b{margin-top:7px;font-size:17px;font-weight:400}.lab-caption small{margin-top:6px;color:#7d8797;font-size:8px;letter-spacing:.2em}.reveal{opacity:0;transform:translateY(55px);filter:blur(10px);transition:opacity 1s ease,transform 1.25s cubic-bezier(.2,.8,.2,1),filter 1s}.reveal.is-visible{opacity:1;transform:none;filter:none}@keyframes scan{50%{transform:translateY(410px);opacity:.6}}
.archive{max-width:1540px;margin:0 auto;padding:110px clamp(18px,4vw,56px) 130px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:46px}.section-heading h2,.custom h2{margin:0;font-size:clamp(3.5rem,6.4vw,7rem);font-weight:300;line-height:.92;letter-spacing:-.07em}.archive-count{display:flex;align-items:end;gap:10px;color:#b8c5d8}.archive-count b{font-size:clamp(3rem,7vw,6rem);font-weight:300;line-height:.75;letter-spacing:-.07em}.archive-count span{padding-bottom:5px;font-size:10px;letter-spacing:.15em;color:#7f899a}.filter-panel{position:sticky;top:0;z-index:20;margin-inline:-12px;padding:16px 12px 20px;background:rgba(7,8,11,.69);border-bottom:1px solid var(--line);backdrop-filter:blur(28px)}.search-box{display:flex;align-items:center;gap:12px;max-width:610px;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:rgba(207,224,255,.035)}.search-box svg{width:18px;fill:none;stroke:#8e99aa;stroke-width:1.6}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px;font-weight:300}.search-box input::placeholder{color:#626c7c}.category-tabs{display:flex;gap:7px;overflow-x:auto;margin-top:14px;padding-bottom:3px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex:none;min-height:37px;border:1px solid var(--line);border-radius:999px;padding:0 13px;background:rgba(207,224,255,.025);color:#7f899a;font-size:10px;letter-spacing:.04em;cursor:pointer;transition:.3s}.category-tab:hover{color:#dce6f4;border-color:var(--line-strong)}.category-tab.is-active{color:#ebf8ff;border-color:rgba(158,224,255,.3);background:rgba(164,222,255,.105);box-shadow:0 0 28px rgba(70,176,228,.06)}
.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px;margin-top:40px}.poster-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:10px;text-align:left;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.075),0 22px 60px rgba(0,0,0,.2);cursor:pointer;transform-style:preserve-3d;transition:transform .2s ease,border-color .4s,background .4s,box-shadow .4s}.poster-card:hover{z-index:2;border-color:var(--line-strong);background:rgba(210,229,255,.07);box-shadow:0 34px 80px rgba(0,0,0,.42)}.poster-image{position:relative;display:block;aspect-ratio:1696/3008;overflow:hidden;border-radius:14px;background:#0d1016}.poster-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,rgba(157,220,255,.11));pointer-events:none}.poster-image img{width:100%;height:100%;display:block;object-fit:cover;opacity:.56;filter:saturate(.38) contrast(1.04);transition:opacity .55s,filter .55s,transform .7s cubic-bezier(.2,.8,.2,1)}.poster-card:hover img{opacity:.96;filter:saturate(.8);transform:scale(1.025)}.poster-id{position:absolute;right:10px;bottom:10px;z-index:2;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(6,8,12,.58);backdrop-filter:blur(12px);color:#d8edf6;font-size:9px;letter-spacing:.13em}.poster-info{display:grid;gap:7px;padding:16px 5px 7px}.poster-info b{overflow:hidden;font-size:13px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.poster-info span{color:#778192;font-size:9px;letter-spacing:.1em}.load-more{display:block;min-width:210px;min-height:54px;margin:55px auto 0;border:1px solid var(--line-strong);border-radius:16px;background:var(--panel);color:#b9c3d2;font-size:12px;letter-spacing:.1em;cursor:pointer;transition:.3s}.load-more:hover{background:var(--panel-strong);color:#fff;transform:translateY(-2px)}.load-more[hidden]{display:none}
.custom{position:relative;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(420px,1.28fr);gap:clamp(45px,8vw,130px);align-items:center;max-width:1400px;margin:0 auto 120px;padding:75px clamp(28px,6vw,85px);border:1px solid var(--line);border-radius:36px;background:linear-gradient(145deg,rgba(220,235,255,.075),rgba(220,235,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.11),0 40px 120px rgba(0,0,0,.28);backdrop-filter:blur(30px);overflow:hidden}.custom:before{content:"";position:absolute;width:560px;height:560px;left:-250px;top:-260px;border-radius:50%;background:rgba(107,124,255,.13);filter:blur(35px)}.custom-number{position:relative;font-size:clamp(8rem,18vw,17rem);font-weight:300;letter-spacing:-.1em;line-height:.8}.custom-number:before{content:"¥";font-size:.27em;vertical-align:top;margin-right:9px;color:#a9dfff}.custom-copy{position:relative}.custom-copy>p:not(.eyebrow){max-width:650px;color:#9099a9;font-size:14px;line-height:1.9}.custom-steps{display:grid;margin:32px 0 35px;border-top:1px solid var(--line)}.custom-steps span{padding:16px 0;border-bottom:1px solid var(--line);color:#b0b9c7;font-size:12px;letter-spacing:.07em}.custom .primary-button{min-width:240px}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(22px,4.5vw,70px);border-top:1px solid var(--line);color:#687284;font-size:9px;letter-spacing:.16em}dialog{color:var(--text)}dialog::backdrop{background:rgba(2,3,6,.82);backdrop-filter:blur(12px)}.poster-dialog,.guide-dialog{border:1px solid rgba(225,238,255,.18);border-radius:28px;background:rgba(10,13,19,.88);box-shadow:0 45px 130px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(32px)}.poster-dialog{width:min(940px,92vw);grid-template-columns:minmax(280px,.88fr) minmax(280px,1.12fr);gap:38px;padding:20px}.poster-dialog[open]{display:grid}.dialog-poster-wrap{overflow:hidden;border-radius:18px;background:#080a0f}.dialog-poster-wrap img{display:block;width:100%;max-height:78vh;object-fit:contain}.dialog-meta{align-self:center;padding:35px 28px 35px 0}.dialog-meta>span{font-size:11px;letter-spacing:.18em;color:var(--cyan)}.dialog-meta h3{margin:18px 0 10px;font-size:clamp(2rem,4vw,4rem);font-weight:300;line-height:1.05;letter-spacing:-.05em}.dialog-meta>p{color:#8d97a7;font-size:13px;line-height:1.7}.dialog-tip{padding-top:18px;border-top:1px solid var(--line)}.dialog-close{position:absolute;right:18px;top:18px;z-index:4;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(8,11,17,.66);cursor:pointer}.dialog-close svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.5}.copy-button{min-height:48px;margin-top:16px;border:1px solid var(--line-strong);border-radius:14px;padding:0 20px;background:var(--panel-strong);cursor:pointer}.guide-dialog{width:min(630px,92vw);padding:55px}.guide-dialog h3{margin:0 0 30px;font-size:clamp(2.3rem,5vw,4.3rem);font-weight:300;letter-spacing:-.06em}.guide-dialog ol{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:steps}.guide-dialog li{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:19px 0;border-bottom:1px solid var(--line);counter-increment:steps}.guide-dialog li b{font-weight:400}.guide-dialog li b:before{content:"0" counter(steps) "  ";color:#718094;font-size:10px}.guide-dialog li span{color:#8993a4;font-size:12px;line-height:1.7}.guide-price{display:flex;justify-content:space-between;margin-top:30px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.guide-price b{font-weight:400}.fine-print{color:#6f798a;font-size:10px;line-height:1.6}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:90px}.cover-stack{height:650px}.poster-lab{grid-template-columns:1fr;min-height:auto}.lab-heading{max-width:720px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.custom{margin-inline:20px}}
@media(max-width:720px){.ambient-grid{background-size:52px 52px}.topbar{padding:18px}.brand-copy{display:none}.nav-price{font-size:9px}.hero-grid{padding:72px 18px 105px}.hero h1{font-size:clamp(3.45rem,17vw,6rem)}.hero-lead{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.primary-button{width:100%}.cover-stack{height:520px;margin-top:20px}.cover{width:58vw;padding:7px;border-radius:18px}.cover img{border-radius:11px}.price-sticker{right:5px;bottom:-12px;min-width:144px;padding:18px}.price-sticker b{font-size:38px}.ticker{left:18px;right:18px}.ticker div{width:max-content;justify-content:flex-start;animation:tickerMobile 24s linear infinite}.issue-note{grid-template-columns:1fr;gap:12px;padding:28px 18px}.poster-lab{padding:90px 18px}.lab-heading h2{font-size:clamp(3.5rem,16vw,5.8rem)}.lab-stage{min-height:540px;margin-inline:-22px}.lab-card{width:48vw;padding:7px;border-radius:18px}.lab-card img{border-radius:11px}.lab-caption{bottom:-2%;min-width:270px}.archive{padding:85px 12px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:3.6rem}.filter-panel{margin-inline:0;padding-inline:6px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 9px}.poster-card{border-radius:16px;padding:6px}.poster-image{border-radius:11px}.poster-info{padding:12px 3px 5px}.poster-info b{font-size:11px}.poster-info span{font-size:8px}.custom{grid-template-columns:1fr;margin:0 12px 75px;padding:48px 24px;border-radius:25px}.custom-number{font-size:9rem}.custom h2{font-size:3.2rem}footer{align-items:flex-start;flex-direction:column}.poster-dialog{grid-template-columns:1fr;max-height:92vh;overflow:auto}.dialog-poster-wrap img{max-height:58vh}.dialog-meta{padding:10px 10px 25px}.guide-dialog{padding:48px 24px 30px}.guide-dialog li{grid-template-columns:1fr;gap:7px}}@keyframes tickerMobile{to{transform:translateX(-52%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}}

/* 7RABBITS BLACK GLASS integration — 2026-10-10 */
:root{--bg:#050607;--bg-soft:#0a0b0d;--panel:rgba(210,216,228,.048);--panel-strong:rgba(210,216,228,.085);--text:#edf0f5;--muted:#9299a6;--faint:#656c78;--line:rgba(222,227,237,.13);--line-strong:rgba(222,227,237,.27);--cyan:#cfd5e1;--violet:#6f82ff}
.ambient-grid{opacity:.17;background-size:96px 96px}.orb-a{background:#30343d;opacity:.17}.orb-b{background:#3d4354;opacity:.14}.ambient-beam{background:linear-gradient(112deg,transparent 43%,rgba(255,255,255,.045) 49%,transparent 56%)}.pointer-light{background:radial-gradient(circle,rgba(111,130,255,.09),transparent 67%)}
.brand-logo-wrap{width:58px;height:44px;display:grid;place-items:center;overflow:hidden}.brand-logo{display:block;width:54px;height:42px;object-fit:contain}.brand-copy{border-left-color:rgba(255,255,255,.16)}
.hero{background:radial-gradient(circle at 74% 42%,rgba(111,130,255,.075),transparent 27%),linear-gradient(180deg,#050607,#090a0d)}.hero h1 i{background:linear-gradient(180deg,#fff 0,#7f8797 38%,#f3f4f7 54%,#323743 74%,#e8ebf1);-webkit-background-clip:text;color:transparent}.hero h1>span{-webkit-text-stroke-color:rgba(228,232,240,.58)}
.cover-stack{isolation:isolate}.site-mascot{position:absolute;z-index:1;right:-9%;bottom:-9%;height:83%;object-fit:contain;filter:drop-shadow(0 32px 50px rgba(0,0,0,.72));pointer-events:none}.cover{z-index:3}.cover-front{z-index:5}.price-sticker{z-index:8;background:rgba(11,12,15,.73);border-color:rgba(223,228,239,.24)}
.site-visor{position:absolute;z-index:0;left:2%;top:42%;width:58%;height:19%;border:0;padding:0;background:transparent;cursor:pointer;transform:rotate(-8deg);overflow:visible}.site-lens{position:absolute;inset:0;border:1px solid rgba(255,255,255,.17);border-radius:53% 47% 36% 40%/31% 30% 68% 66%;background:#010102;overflow:hidden;box-shadow:0 0 80px rgba(111,130,255,.18);transition:.5s cubic-bezier(.16,1,.3,1)}.site-lens:before{content:"";position:absolute;right:8%;top:13%;width:23%;height:53%;border-top:4px solid #fff;border-right:5px solid #fff;border-radius:0 58% 62% 0;transform:skewX(-13deg) rotate(4deg);filter:drop-shadow(0 0 5px rgba(255,255,255,.62))}.site-lens:after{content:"";position:absolute;left:-45%;top:-40%;width:30%;height:190%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),rgba(255,255,255,.88),transparent);transform:rotate(13deg);animation:siteVisorSweep 4s cubic-bezier(.65,0,.35,1) infinite}.site-ear{position:absolute;z-index:-1;bottom:67%;width:23%;height:180%;border:2px solid rgba(220,225,234,.62);border-bottom:0;border-radius:70% 70% 34% 34%;clip-path:inset(100% 0 0);opacity:0;filter:drop-shadow(0 0 13px rgba(111,130,255,.22))}.site-ear.left{left:22%;transform:rotate(-13deg)}.site-ear.right{right:19%;transform:rotate(15deg);border-color:rgba(111,130,255,.78)}.site-visor small{position:absolute;left:10%;bottom:-30px;color:#777e8c;font:600 8px Inter,sans-serif;letter-spacing:.17em;white-space:nowrap}.site-visor:hover .site-lens,.site-visor.is-awake .site-lens{transform:scale(1.025);box-shadow:0 0 110px rgba(111,130,255,.32)}.site-visor.is-awake .site-ear{clip-path:inset(0);opacity:1;transition:clip-path .78s cubic-bezier(.16,1,.3,1),opacity .18s}.site-visor.is-awake .site-ear.right{transition-delay:.07s}@keyframes siteVisorSweep{0%,25%{translate:-25% 0;opacity:0}43%{opacity:1}72%,100%{translate:480% 0;opacity:0}}
.poster-card,.lab-card,.cover{border-color:rgba(216,222,233,.15);background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.01))}.poster-card:hover{border-color:rgba(111,130,255,.4);box-shadow:0 34px 90px rgba(0,0,0,.5),0 0 45px rgba(111,130,255,.06)}.poster-image:after{background:linear-gradient(135deg,transparent 48%,rgba(111,130,255,.12))}.category-tab.is-active{background:rgba(111,130,255,.13);border-color:rgba(126,145,255,.43)}
.custom{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border-color:rgba(222,227,237,.16);grid-template-columns:minmax(240px,.62fr) minmax(470px,1.38fr)}.custom:before{background:rgba(111,130,255,.1)}.custom-mascot{position:absolute;left:1.5%;bottom:-19%;height:113%;filter:drop-shadow(0 28px 55px rgba(0,0,0,.68));pointer-events:none}.custom-number{opacity:.13}.custom-copy{z-index:2}
@media(max-width:1050px){.site-mascot{right:-15%;opacity:.78}.custom-mascot{opacity:.34;left:-8%}}
@media(max-width:720px){.brand-logo-wrap{width:44px;height:34px}.brand-logo{width:42px;height:33px}.site-mascot{right:-26%;height:72%}.site-visor{width:70%;left:-7%;top:49%}.custom-mascot{left:-30%;height:94%}}
.site-visor{z-index:7;left:-1%;top:69%;width:42%;height:13%}.site-visor small{bottom:-25px}.site-mascot{z-index:2}.cover{z-index:4}.cover-front{z-index:6}.price-sticker{z-index:9}
@media(max-width:720px){.site-visor{left:-3%;top:72%;width:46%;height:12%}}
.brand-logo-wrap{width:78px;height:54px}.brand-logo{width:74px;height:52px}.site-mascot{z-index:7;right:-7%;bottom:-3%;height:78%;opacity:1}.cover-back,.cover-mid{z-index:3}.cover-front{z-index:6;transform:translate(-63%,-51%) translateZ(70px)}.cover-front:hover{transform:translate(-63%,-54%) translateZ(90px) scale(1.02)}.price-sticker{z-index:10}.site-visor{z-index:8;left:-2%;top:72%;width:38%;height:12%}
@media(max-width:720px){.brand-logo-wrap{width:60px;height:44px}.brand-logo{width:58px;height:42px}.site-mascot{right:-12%;height:68%}.cover-front{transform:translate(-68%,-51%) translateZ(70px)}.site-visor{width:42%;top:75%}}

/* Keep the original black artwork readable, and keep the rabbit in the first viewport. */
.brand-logo-wrap{width:88px;height:58px;padding:5px 7px;border:1px solid rgba(255,255,255,.34);border-radius:13px;background:linear-gradient(145deg,rgba(249,247,240,.98),rgba(215,218,222,.9));box-shadow:inset 0 1px rgba(255,255,255,.9),0 12px 34px rgba(0,0,0,.32)}
.brand-logo{width:74px;height:48px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.75))}
@media (min-width:721px) and (max-width:1050px){.hero-grid{grid-template-columns:minmax(330px,1.05fr) minmax(300px,.95fr);min-height:calc(100svh - 108px);gap:0;padding-top:42px}.hero-copy{position:relative;z-index:9}.hero h1{font-size:clamp(4rem,8.8vw,6rem)}.cover-stack{height:min(650px,74svh);margin-left:-90px}.site-mascot{right:-18%;bottom:-2%;height:76%;opacity:1}}
@media(max-width:720px){.brand-logo-wrap{width:74px;height:50px;padding:4px 6px;border-radius:11px}.brand-logo{width:62px;height:42px}.hero-grid{display:block;position:relative;min-height:calc(100svh - 82px);padding-top:58px}.hero-copy{position:relative;z-index:9}.cover-stack{position:absolute;right:-34%;top:18%;width:76%;height:72%;margin:0;opacity:.72}.site-mascot{right:-4%;bottom:0;height:76%;opacity:1}.cover{width:48vw}.cover-back,.cover-mid{opacity:.28}.price-sticker{right:30%;bottom:2%}}

/* Mobile composition: every essential block gets its own space. */
@media(max-width:720px){
  .hero{min-height:auto}
  .hero-grid{display:grid;grid-template-columns:1fr;gap:0;min-height:auto;padding:50px 18px 128px}
  .hero-copy{width:100%;max-width:none}
  .hero h1{font-size:clamp(3.15rem,13.8vw,4.3rem);line-height:1;letter-spacing:-.065em}
  .hero h1>b{line-height:1.02}
  .hero h1 i{margin-top:8px;font-size:.69em;line-height:1.08;letter-spacing:-.04em}
  .hero-lead{max-width:430px;margin-top:28px;font-size:13px;line-height:1.8}
  .hero-actions{margin-top:30px}
  .cover-stack{position:relative;inset:auto;width:100%;height:520px;margin:44px 0 0;opacity:1}
  .cover-stack:before{left:0;right:0}
  .cover{width:min(250px,58vw)}
  .cover-back{transform:translate(-92%,-46%) rotateY(10deg) translateZ(-90px) scale(.78);opacity:.48}
  .cover-mid{transform:translate(-4%,-45%) rotateY(-10deg) translateZ(-100px) scale(.78);opacity:.48}
  .cover-front{transform:translate(-58%,-51%) translateZ(70px)}
  .cover-front:hover{transform:translate(-58%,-54%) translateZ(90px) scale(1.02)}
  .site-mascot{right:-7%;bottom:-1%;height:69%;opacity:1}
  .site-visor{left:0;top:75%;width:43%;height:12%}
  .price-sticker{right:0;bottom:-2%;min-width:138px;padding:17px}
  .ticker{bottom:26px}
  .custom{display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding-top:34px}
  .custom-number{position:absolute;left:18px;top:25px;font-size:7rem;opacity:.09}
  .custom-mascot{position:relative;left:auto;bottom:auto;align-self:center;width:min(270px,82%);height:auto;margin:-4px auto -24px;opacity:1;z-index:1}
  .custom-copy{z-index:2}
}