:root{--paper:#0c1013;--ink:#f3f6f5;--orange:#8bb2ff;--line:#2b3237}
body{background:#0c1013;color:#f3f6f5}header{background:#0c1013eb;border-color:#242b30;backdrop-filter:blur(18px);height:88px}header .mark{background:#8bb2ff;color:#0c1013}header .mark span{color:#0c1013}.announcement{background:#141b1f;border-bottom:1px solid #252d32;color:#c3cdc9}.announcement span:last-child{color:#a5b5b1}.logo{font-family:'DM Sans',Arial,sans-serif;font-size:25px;letter-spacing:-1.4px;font-weight:700}.logo small{font-size:7px;letter-spacing:3px}.mark{font-family:'DM Sans',Arial,sans-serif;font-size:32px;font-weight:800}nav{font-size:11px;font-weight:500;color:#c5cfca}.tools{color:#e0e7e4}
.gallery-hero{position:relative;display:block;min-height:740px;background:#0c1013;isolation:isolate;border-bottom:1px solid #2b3237}.gallery-art{position:absolute;inset:0;background:none;perspective:1300px;overflow:hidden;z-index:-3}.gallery-art:before{display:none}.gallery-plane{position:absolute;display:flex;gap:24px;width:max-content;left:37%;top:-460px;transform:rotateX(26deg) rotateZ(-32deg);translate:0 calc(var(--scroll-shift,0px) * -.5);transform-origin:center center;will-change:translate}.flow-column{display:flex;flex-direction:column;gap:24px;width:250px;animation:gallery-flow 65s linear infinite;will-change:transform}.flow-column-1{animation-direction:reverse;animation-duration:73s;margin-top:-180px}.flow-column-2{animation-duration:58s;margin-top:90px}.flow-tile{background:var(--tile);height:330px;padding:26px;display:flex;align-items:center;justify-content:center;border-radius:19px;box-shadow:0 10px 30px #0006;flex:none;overflow:hidden;position:relative;border:1px solid #ffffff25}.flow-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffffff15,transparent 55%,#0003);pointer-events:none}.flow-tile img{max-width:100%;height:100%;object-fit:contain;filter:saturate(.85);border-radius:3px;box-shadow:9px 15px 20px #0005}.gallery-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0c1013 0%,#0c1013f5 20%,#0c1013c9 41%,#0c101344 70%,#0c101321),linear-gradient(0deg,#0c1013 0%,transparent 23%,transparent 78%,#0c101377 100%)}
.gallery-hero .hero-copy{position:relative;padding:69px 5% 0;max-width:900px;pointer-events:none}.hero-copy a{pointer-events:auto}.gallery-hero .eyebrow{font-size:9px;letter-spacing:2.2px;color:#c7d5cd}.gallery-hero h1{font:500 clamp(65px,6.5vw,100px)/1.02 'DM Sans',Arial,sans-serif;letter-spacing:-6px;margin:29px 0 25px}.gallery-hero h1 em{font-style:normal;color:#8bb2ff}.gallery-hero p{font-size:13px;line-height:1.8;color:#aab8b4}.gallery-hero .hero-actions{gap:25px;margin-top:30px}.orange{background:#8bb2ff;color:#101b34;border-radius:35px;padding:17px 22px}.orange:hover{background:#b2ccff;box-shadow:0 5px 30px #8bb2ff18}.gallery-hero .text-link{color:#f3f6f5;border-bottom:0;gap:9px;font-size:11px}.gallery-hero .text-link .arrow-icon{width:16px;height:16px}.gallery-hero .hero-note{border:0;max-width:490px;margin-top:56px;font-size:7px;letter-spacing:1.6px;color:#8b9b96}.gallery-controls{position:absolute;bottom:24px;right:5%;display:flex;gap:9px;align-items:center;font-size:7px;color:#b2beb8;letter-spacing:1.4px}.live-dot{height:5px;width:5px;background:#8bb2ff;border-radius:50%;box-shadow:0 0 12px #8bb2ff90}.gallery-controls button{margin-left:9px;border:1px solid #5a6a6260;border-radius:30px;background:#162018b0;backdrop-filter:blur(12px);padding:9px 12px;color:#ecf3ef;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:0}.pause-icon{width:13px;height:13px;stroke:currentColor;stroke-width:1.6}.gallery-paused .flow-column,.motion-paused .flow-column{animation-play-state:paused}
.publisher-strip{background:#101619;color:#b7c2be;padding-top:30px;padding-bottom:30px}.publisher-strip>span{color:#7b8c85}.publisher-strip a{font-size:30px}.section-head .eyebrow,.section-head p{color:#8c9c95}h2{font-family:'DM Sans',Arial,sans-serif;font-size:39px;letter-spacing:-1.8px;font-weight:500;line-height:1.12}.section-head h2>span .arrow-icon{width:25px;height:25px;margin-bottom:0}.catalog-bar select{color:#becbc4;background:#0c1013}select option{background:#141b1f;color:#edf4f0}.filters button{color:#aebdb5}.filters button.active{background:#8bb2ff;color:#102044}.filters button:hover{border-color:#51624f}.product-grid{gap:30px 24px}.product-image{background:#192126;border-radius:17px;height:310px}.product-image:hover{background:#222f33;box-shadow:0 12px 35px #0004}.badge{background:#27334be6;color:#d7e3ff;border:1px solid #b6c9ff1f;font-size:6px;border-radius:20px;padding:6px 9px}.save{background:#26354e;color:#dfeaff}.save.selected{color:#101e3d}.product small{color:#879a90}.product h3{font-size:13px;font-weight:500}.product p,.product .status{color:#85968e}.product .status{border-color:#2b374c}.reading-room{background:#172135;border:1px solid #2b3c58;padding:55px}.reading-intro .eyebrow{color:#9cb0d4}.reading-intro h2{font:500 42px/1.15 'DM Sans',Arial,sans-serif;letter-spacing:-2px}.reading-intro h2 i{color:#8bb2ff}.reading-intro p{color:#a3b0c9}.guide-list button{border-color:#354663}.guide-list button:first-child{border-color:#354663}.guide-list strong{font:500 22px 'DM Sans',Arial,sans-serif;letter-spacing:-.7px;margin:7px 0}.guide-list small,.guide-list em,.guide-no{color:#9aaccb}.guide-list button:hover{color:#b8d0ff}.cards-art{background-color:#17242b;background-image:radial-gradient(#526b6930 1px,transparent 1px)}.card-back{background:#253a5d;color:#d8e4ff}.card-front{background:#8bb2ff;color:#101e3d}.star{color:#294d8d}.cards-copy .eyebrow{color:#a4b6d7}.cards-copy p,.cards-copy>small{color:#9baac5}.card-types button{border-color:#3c4f73;color:#ccdaee}.card-types button:hover{background:#8bb2ff;color:#101e3d}.about{border-color:#2d3c56}.about .mark{background:#8bb2ff;color:#0c1013}.about .mark span{color:#0c1013}.about p{color:#9aaac3}.about h2{font-size:28px;letter-spacing:-1px}.about .eyebrow{color:#b2c5e4}.about-sign{color:#a0b5d7}.about-sign i{color:#dce8ff}footer{background:#080b0d;color:#b6c5df}footer>.logo{font-family:'DM Sans',Arial,sans-serif;font-size:24px}footer>span,footer>small{color:#8a9bbb}
dialog{background:#18233a;color:#e4edff;border:1px solid #3a4d71}dialog .eyebrow{color:#a7bfe5!important}.modal-product p,#modal-body>p,#modal-body ul,#modal-body ol{color:#b4c5e2}#modal-body .guide-option{border-color:#3a4e73;color:#e0eaff}#modal-body .guide-option:hover{background:#22314c}#modal-body .guide-option span{color:#a6b8d8}.format-table th{background:#243550}.format-table th,.format-table td{border-color:#3a4e73}.shelf-row{border-color:#3a4e73}.shelf-row button{color:#8bb2ff}.close:hover{background:#34496d}#toast{background:#8bb2ff;color:#0c1013}#search{background:#1b2a44;color:#e1eaff;border-color:#3a4e73}#search-area label{color:#c8d8f1}
.style-switch{position:fixed;bottom:18px;left:18px;display:flex;align-items:center;gap:6px;background:#182338ed;backdrop-filter:blur(16px);border:1px solid #6b89c43d;box-shadow:0 8px 30px #0005;padding:7px 8px 7px 14px;border-radius:40px;z-index:12}.style-switch>span{font-size:6px;letter-spacing:1.3px;margin-right:7px;color:#adbfdf}.style-switch a{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#cfddf5}.style-switch a[aria-current]{background:#8bb2ff;color:#101e3d}.style-switch a:hover{background:#344d79}
@keyframes gallery-flow{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media(min-width:1500px){.gallery-plane{left:42%;scale:1.2}.gallery-hero .hero-copy{padding-left:5%}.gallery-hero{min-height:800px}}
@media(max-width:1000px){.gallery-plane{left:35%;top:-470px}.gallery-shade{background:linear-gradient(90deg,#0c1013 0%,#0c1013e8 28%,#0c101366 75%),linear-gradient(0deg,#0c1013,transparent 25%)}.gallery-hero h1{font-size:78px;letter-spacing:-4px}.gallery-hero{min-height:730px}.gallery-hero .hero-actions{flex-direction:row;align-items:center}.reading-intro h2{font-size:34px}.product-image{height:250px}}
@media(max-width:650px){header{height:86px}.announcement span:last-child{font-size:6px}.gallery-hero{min-height:790px}.gallery-hero .hero-copy{padding:43px 6% 0}.gallery-hero .eyebrow{font-size:7px;letter-spacing:1.6px}.gallery-hero h1{font-size:clamp(48px,12vw,70px);letter-spacing:-3px;line-height:1.04;margin-top:25px}.gallery-hero p{font-size:11px;line-height:1.8}.gallery-hero .hero-actions{gap:18px;margin-top:23px}.gallery-hero .orange{padding:14px 15px;gap:10px;font-size:9px}.gallery-hero .text-link{font-size:9px;gap:5px}.gallery-hero .hero-note{margin-top:30px;font-size:6px;letter-spacing:.7px;gap:10px;padding:0;max-width:330px}.gallery-plane{left:-10%;top:-250px;transform:rotateX(20deg) rotateZ(-30deg);scale:.72;transform-origin:center top}.gallery-art{top:300px;perspective:1000px}.gallery-shade{background:linear-gradient(180deg,#0c1013 0%,#0c1013 21%,#0c1013f0 37%,#0c101355 62%,#0c101322 83%,#0c1013 100%)}.flow-tile{border-radius:19px}.gallery-controls{bottom:18px;right:6%;font-size:5px;gap:6px}.gallery-controls button{padding:7px 10px;font-size:8px}.publisher-strip{padding-top:23px;padding-bottom:23px}.publisher-strip a{font-size:24px}.section h2{font-size:31px;letter-spacing:-1px}.product-image{height:245px}.product-image>button[data-product]{padding:26px 20px}.product-grid{gap:25px 16px}.reading-room{padding:28px}.reading-intro h2{font-size:29px;letter-spacing:-1px}.guide-list strong{font-size:20px}.guide-list small{font-size:6px}.guide-list em{font-size:9px}.cards-copy h2{font-size:35px}.about h2{font-size:24px}.style-switch{bottom:12px;left:12px;padding:5px 6px 5px 10px}.style-switch a{width:25px;height:25px;font-size:9px}.style-switch>span{font-size:5px;margin-right:4px}footer{padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){.flow-column{animation:none!important;will-change:auto}.gallery-plane{translate:none;will-change:auto}.live-dot{box-shadow:none}}
.gallery-hero{color:#f3f6f5}.gallery-plane{transform-origin:center top;left:34%;top:-420px}
@keyframes gallery-flow{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 12px))}}
@media(min-width:1500px){.gallery-plane{left:40%;top:-420px}}
@media(max-width:1000px){.gallery-plane{left:35%;top:-350px}}
@media(max-width:650px){.gallery-plane{left:-14%;top:-280px;transform-origin:center top}}
.gallery-plane{left:10%}
@media(min-width:1500px){.gallery-plane{left:18%}}
@media(max-width:1000px){.gallery-plane{left:0%}}
@media(max-width:650px){.gallery-plane{left:-34%}}

/* A card-first composition with a separate, readable mobile introduction. */
.flow-tile{padding:14px;background:linear-gradient(135deg,#263247,#152033);border:1px solid #789ac52e;border-radius:16px}
.flow-tile img{border-radius:4px;filter:none;max-height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:4px 8px 16px #0006}
.gallery-controls{color:#b4c5e0}.gallery-controls button{background:#172743d9;border-color:#6181b860}.live-dot{background:#8bb2ff;box-shadow:0 0 12px #8bb2ff70}
.gallery-hero .hero-note{color:#94a7c4}.gallery-hero .eyebrow{color:#bfcee8}.gallery-hero p{color:#b2bed0}.gallery-hero .eyebrow>span{background:#8bb2ff}
@media(max-width:650px){
 html{scroll-padding-top:110px}header{height:100px;padding:11px 5% 8px;align-content:space-between;row-gap:10px}.logo{font-size:22px;gap:8px;letter-spacing:-.8px}.logo small{font-size:6px;letter-spacing:2.8px}.mark{height:34px;width:34px;font-size:25px}nav{gap:0;justify-content:space-between;font-size:10px;border-top:1px solid #253044;padding-top:9px}header .tools{gap:13px}.tools button{padding:4px;min-width:29px;min-height:29px}.announcement{height:25px}.announcement>span:first-child{font-size:6px}.announcement>span:last-child{font-size:5px;letter-spacing:.4px}
 .gallery-hero{min-height:755px;display:block}.gallery-hero .hero-copy{padding:31px 6% 0;max-width:none}.gallery-hero .eyebrow{font-size:7px;letter-spacing:1.1px}.gallery-hero h1{font-size:clamp(43px,11.8vw,61px);letter-spacing:-2.4px;line-height:1.05;margin:22px 0 17px}.gallery-hero p{font-size:12px;line-height:1.65;margin:0}.gallery-hero .hero-actions{margin-top:23px;gap:15px;display:flex;flex-wrap:wrap;align-items:center}.gallery-hero .orange{font-size:10px;min-height:45px;padding:12px 17px;gap:12px}.gallery-hero .text-link{font-size:10px;min-height:40px}.gallery-hero .hero-note{display:none}
 .gallery-art{inset:365px 0 38px;perspective:1100px}.gallery-plane{left:-36px;top:-260px;scale:1;transform:rotateX(14deg) rotateZ(-20deg);transform-origin:center top;gap:13px;translate:none!important}.flow-column{width:160px;gap:13px;animation-duration:80s}.flow-column-1{margin-top:-105px;animation-duration:92s}.flow-column-2{margin-top:40px;animation-duration:85s}.flow-tile{height:224px;padding:9px;border-radius:12px}.gallery-shade{background:linear-gradient(180deg,#0c1013 0%,#0c1013 42%,#0c1013e0 47%,#0c101300 57%,#0c101300 88%,#0c1013 98%)}
 .gallery-controls{bottom:13px;left:6%;right:6%;justify-content:flex-end;gap:7px;font-size:6px;letter-spacing:.5px}.gallery-controls button{min-height:34px;padding:7px 12px}.gallery-controls .live-dot{margin-right:auto}.publisher-strip{padding:21px 5%;gap:16px}.publisher-strip>span:first-child{display:none}.publisher-strip a{font-size:25px}.publisher-strip .image-brand{font-size:22px}
 .section{padding:38px 5%}.section-head .eyebrow{font-size:7px;letter-spacing:1.2px}.section-head h2{font-size:30px}.section-head p{font-size:11px;line-height:1.6}.catalog-bar{margin-top:20px}.filters{gap:5px}.filters button{font-size:10px;padding:9px 10px;min-height:36px}.catalog-bar select{font-size:11px;min-height:38px}.product-grid{gap:25px 14px}.product-image{height:225px}.product-image>button[data-product]{padding:24px 15px}.product h3{font-size:12px;line-height:1.4}.product p{font-size:10px;line-height:1.5}.save{width:35px;height:35px;right:7px;bottom:7px}.badge{font-size:5px;letter-spacing:.5px;padding:5px 6px;left:7px;top:7px}.reading-room{margin:0 5%;padding:25px 21px}.reading-intro h2{font-size:28px;line-height:1.15}.reading-intro p{font-size:12px;line-height:1.7}.guide-list strong{font-size:19px}.guide-list em{font-size:10px;line-height:1.5;display:block}.guide-list button{gap:12px;padding:19px 0}.guide-list b .arrow-icon{height:19px;width:19px}.cards-copy p{font-size:12px}.card-types button{font-size:10px;min-height:40px}.about{gap:16px}.about h2{font-size:23px}.about p{font-size:11px}.style-switch{bottom:10px;left:10px}dialog{padding:37px 22px}.modal-product{display:block}.modal-product>img{width:105px;float:left;margin:0 18px 12px 0}.modal-product h2{font-size:25px}.modal-product p{font-size:12px}.modal-product:after{content:'';display:block;clear:both}.format-table{font-size:11px}.format-table td,.format-table th{padding:10px 6px}
}
@media(max-width:370px){.gallery-hero{min-height:760px}.gallery-art{top:390px}.gallery-hero h1{font-size:43px}.gallery-hero .hero-actions{gap:4px 14px}.gallery-hero .text-link{font-size:9px}.product-image{height:205px}}
@media(prefers-reduced-motion:no-preference) and (max-width:650px){@keyframes gallery-flow{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 6.5px))}}}

/* Comics and raw cards share the same flowing gallery. */
.flow-column-3{animation-direction:reverse;animation-duration:82s;margin-top:-80px}
.comic-tile{background:linear-gradient(135deg,#30405b,#172337)}
.card-tile{background:linear-gradient(135deg,#28374b,#111b2d)}
@media(max-width:650px){
 .gallery-hero{min-height:max(620px,calc(100svh - 125px));display:flex;align-items:flex-start;padding-bottom:80px}
 .gallery-art{inset:0;perspective:1100px}
 .gallery-plane{left:-145px;top:-290px;transform:rotateX(12deg) rotateZ(-18deg);transform-origin:center top;scale:1;gap:13px}
 .flow-column{width:170px;gap:13px}.flow-tile{height:240px;padding:10px}
 .flow-column-1{margin-top:-110px}.flow-column-2{margin-top:15px}.flow-column-3{margin-top:-100px}
 .gallery-shade{background:linear-gradient(180deg,#0c101342 0%,#0c101338 65%,#0c101388 85%,#0c1013 100%)}
 .gallery-hero .hero-copy{width:100%;isolation:isolate;z-index:1;padding:43px 6% 32px}
 .gallery-hero .hero-copy:before{content:'';position:absolute;inset:0 -12px -12px;z-index:-1;background:linear-gradient(180deg,#0c101387,#0c10135c 78%,#0c101300);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%);pointer-events:none}
 .gallery-hero h1{text-shadow:0 3px 20px #0008;color:#fff}.gallery-hero h1 em{color:#a5c3ff}
 .gallery-hero .eyebrow{color:#e3ecfc;text-shadow:0 1px 6px #000}
 .gallery-hero p{color:#e0e8f4;text-shadow:0 1px 7px #000}
 .gallery-hero .hero-actions{position:relative;z-index:1}.gallery-hero .text-link{text-shadow:0 1px 8px #000;min-height:44px}
 .gallery-controls{z-index:2;bottom:16px;text-shadow:0 1px 8px #000}.gallery-controls button{background:#15243ce8}
}
@media(max-width:370px){.gallery-art{top:0}.gallery-hero{min-height:max(640px,calc(100svh - 125px))}.gallery-hero .hero-copy{padding-top:38px}.gallery-plane{left:-160px;top:-300px}}
@media(max-width:650px){.gallery-art{height:auto;inset:0}.gallery-controls{left:auto;right:6%;width:auto}.gallery-controls>span:not(.live-dot){display:none}.gallery-controls .live-dot{margin-right:0}}