:root{--ink:#09070d;--ink2:#120d1a;--plum:#29133c;--violet:#a749f5;--lav:#dabaff;--paper:#fcf8ff;--muted:#b6aabf;--line:rgba(220,186,255,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.announcement{height:34px;background:#b850ff;color:#160820;display:flex;gap:12px;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.announcement span{opacity:.6}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,82px);position:absolute;z-index:5;width:100%;border-bottom:1px solid var(--line)}.brand img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(167,73,245,.35))}nav{display:flex;gap:34px;margin-left:100px}nav a,.actions button{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:none;border:0;color:var(--paper);cursor:pointer}.actions{display:flex;gap:20px;align-items:center}.bag{border:1px solid var(--line)!important;padding:11px 15px!important}.bag b{display:inline-grid;place-items:center;background:var(--violet);border-radius:99px;width:17px;height:17px;margin-left:6px;color:#fff}.menu{display:none}.hero{min-height:700px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px clamp(22px,8vw,140px) 55px;background:radial-gradient(circle at 80% 45%,#3f1868 0,transparent 32%),radial-gradient(circle at 27% 22%,#2c1245 0,transparent 39%),var(--ink)}.hero:after{content:'';position:absolute;inset:0;opacity:.22;background-image:linear-gradient(90deg,transparent 49.8%,#b86aff 50%,transparent 50.2%),linear-gradient(#b86aff 1px,transparent 1px);background-size:100% 100%,70px 70px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#c983ff;margin:0 0 18px}.hero h1,.intro h2,.genres h2,.feature h2,.about h2,.join h2{font-family:'Playfair Display',serif;font-size:clamp(45px,5.2vw,79px);line-height:.97;letter-spacing:-.055em;margin:0}.hero h1 em,.genres h2 em,.feature h2 em{color:#c36cff;font-weight:600}.lead{max-width:440px;color:#cbbfd4;line-height:1.7;font-size:15px;margin:28px 0}.hero-buttons{display:flex;gap:14px}.button{display:inline-flex;justify-content:center;gap:28px;align-items:center;padding:14px 20px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;border:1px solid transparent;cursor:pointer}.primary{background:var(--violet);color:#fff}.primary:hover{background:#c16bff}.ghost{border-color:var(--line);color:var(--paper)}.hero-art{z-index:2;position:relative;align-self:end}.hero-art img{width:125%;max-width:850px;transform:translate(0,8%);filter:drop-shadow(0 10px 40px rgba(0,0,0,.6))}.mist{position:absolute;width:500px;height:160px;border-radius:50%;filter:blur(55px);background:#9e43eb;opacity:.17}.mist-one{right:-120px;top:65px}.mist-two{left:25%;bottom:-40px}.hero-stamp{position:absolute;z-index:2;bottom:52px;left:50%;text-align:center;border:1px solid var(--line);width:92px;height:92px;border-radius:50%;display:grid;place-content:center;gap:3px;font-size:7px;letter-spacing:.12em}.hero-stamp strong{font-family:Cinzel;font-size:18px;color:var(--lav)}.ticker{border-block:1px solid var(--line);height:59px;display:flex;justify-content:space-around;align-items:center;color:var(--lav);font-family:Cinzel;font-size:13px;letter-spacing:.11em;overflow:hidden}.ticker i{font-style:normal;color:var(--violet)}.intro{max-width:1200px;margin:0 auto;padding:130px 28px 55px;display:flex;justify-content:space-between;align-items:end}.intro h2,.about h2{font-size:clamp(38px,4vw,60px)}.intro>p{max-width:300px;line-height:1.7;color:var(--muted);font-size:14px}.shelf{max-width:1260px;margin:0 auto;padding:0 28px 120px}.section-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:32px}.section-head h3{font-family:Cinzel;margin:0;font-size:18px}.text-button{border:0;background:none;color:#d38bff;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700;cursor:pointer}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{position:relative}.cover{height:330px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),6px 8px 15px rgba(0,0,0,.45);transition:transform .25s}.product:hover .cover{transform:translateY(-8px)}.cover .vol{font-family:Cinzel;font-size:10px;letter-spacing:.12em}.cover strong{font-family:'Playfair Display';font-size:34px;line-height:.9;letter-spacing:-.06em;max-width:150px}.cover em{font-size:11px;font-style:normal;letter-spacing:.1em}.c1{background:linear-gradient(145deg,#110c34,#7021ac 65%,#b251ff)}.c2{background:linear-gradient(145deg,#f59cae,#701747 58%,#160718)}.c3{background:linear-gradient(145deg,#142d29,#52755b 52%,#071813)}.c4{background:linear-gradient(145deg,#dad0bd,#5f381e 61%,#17100e)}.product-info{padding:15px 0 0}.product-info h4{font-family:'Playfair Display';font-size:19px;margin:0 0 5px}.product-info p{margin:0;color:var(--muted);font-size:12px}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:13px;font-weight:700}.add{border:1px solid var(--line);border-radius:50%;background:none;color:var(--lav);width:29px;height:29px;cursor:pointer;font-size:18px}.genres{padding:110px max(28px,calc((100vw - 1200px)/2));background:var(--ink2);text-align:center}.genres h2{font-size:clamp(42px,5vw,70px)}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:left;margin-top:55px}.genre{min-height:230px;padding:20px;display:flex;flex-direction:column;justify-content:end;border:1px solid var(--line);position:relative;overflow:hidden}.genre:before{content:'✦';position:absolute;right:10px;top:-35px;font-size:170px;opacity:.18}.genre span{position:absolute;top:18px;font-size:10px;color:var(--lav)}.genre strong{font-family:'Playfair Display';font-size:31px}.genre small{color:#e1d6e6;margin-top:6px}.shonen{background:#36125d}.shojo{background:#6b174f}.seinen{background:#153c36}.fantasy{background:#52301f}.feature{max-width:1160px;margin:0 auto;padding:130px 28px;display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center}.feature-art{height:390px;background:#2b1245;position:relative;display:grid;place-items:center;overflow:hidden}.moon{position:absolute;right:16%;top:7%;font-size:210px;color:#a958f0;opacity:.27}.volume{z-index:1;width:190px;height:286px;padding:20px;background:linear-gradient(130deg,#eee2ff,#8e38dc 47%,#310d55);box-shadow:14px 16px 24px #100618;display:flex;flex-direction:column;justify-content:space-between;color:#21102e}.volume span{font-family:Cinzel;font-size:9px;letter-spacing:.14em}.volume b{font-family:'Playfair Display';font-size:29px;line-height:.82}.volume i{text-align:right;font-family:Cinzel;font-size:23px;font-style:normal}.feature-copy p:not(.eyebrow),.about p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:14px;max-width:400px;margin:25px 0}.about{max-width:980px;border-top:1px solid var(--line);margin:0 auto;padding:90px 28px;display:grid;grid-template-columns:230px 1fr;gap:75px;align-items:center}.about img{width:200px;filter:drop-shadow(0 0 22px #752ac2)}.join{text-align:center;padding:100px 20px;background:linear-gradient(120deg,#200d35,#4b1a71,#170a24)}.join h2{font-size:clamp(38px,4vw,62px)}form{margin:30px auto 0;display:flex;max-width:540px}input{border:1px solid #b36ee6;background:#100719;color:#fff;padding:15px 18px;flex:1;font:inherit;outline:0}.form-note{font-size:11px;color:#d0bddc}footer{padding:55px clamp(22px,7vw,100px) 25px;background:#070509;display:grid;grid-template-columns:1fr auto;gap:38px;align-items:center}footer img{width:260px;max-height:90px;object-fit:contain;object-position:left}footer div{display:flex;gap:25px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}footer p{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin:0;color:#81758b;font-size:11px}.cart{position:fixed;z-index:20;right:-430px;top:0;width:min(430px,100%);height:100vh;background:#140c1e;padding:35px;transition:right .3s;box-shadow:-15px 0 40px #000}.cart.open{right:0}.close-cart{position:absolute;right:22px;top:20px;background:none;color:#fff;border:0;font-size:30px;cursor:pointer}.cart h2{font-family:'Playfair Display';font-size:36px;margin:15px 0 40px}.cart-items{font-size:14px;color:var(--muted)}.cart-total{border-top:1px solid var(--line);margin-top:35px;padding:25px 0;display:flex;justify-content:space-between}.checkout{width:100%}.overlay{background:rgba(0,0,0,.6);position:fixed;inset:0;z-index:19;display:none}.overlay.show{display:block}@media(max-width:760px){header{height:70px;padding:0 20px}.brand img{width:55px;height:55px}nav{display:none}.menu{display:block;background:none;border:0;color:#fff;font-size:21px}.actions{gap:8px}.search-toggle{display:none}.bag{padding:8px!important;font-size:10px!important}.hero{display:block;min-height:760px;padding:120px 24px 0}.hero-copy{padding-top:14px}.hero-art{position:absolute;bottom:-10px;right:-5px;width:100%;opacity:.85}.hero-art img{width:165%;transform:translateX(-23%)}.hero-stamp{display:none}.ticker{font-size:10px;gap:17px;justify-content:start;padding-left:18px}.ticker span:nth-of-type(n+5),.ticker i:nth-of-type(n+4){display:none}.intro{padding:75px 24px 30px;display:block}.intro>p{margin-top:20px}.shelf{padding:0 24px 75px}.products{grid-template-columns:repeat(2,1fr);gap:28px 14px}.cover{height:260px}.cover strong{font-size:25px}.genre-grid{grid-template-columns:1fr 1fr}.genres{padding:75px 24px}.genre{min-height:165px}.feature{padding:75px 24px;grid-template-columns:1fr;gap:45px}.feature-art{height:310px}.about{padding:70px 24px;grid-template-columns:1fr;gap:25px}.about img{width:130px}.join{padding:75px 20px}form{display:block}form .button{width:100%;margin-top:9px}footer{grid-template-columns:1fr;gap:20px}footer div{flex-wrap:wrap}}
