@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#10110f;--fg:#f4f4e9;--muted:#a6a99e;--lime:#d6ff3f;--line:#34362d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font:16px 'Space Grotesk',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{color:inherit} .announcement{background:var(--lime);color:var(--bg);text-align:center;font-size:12px;font-weight:700;letter-spacing:1.5px;padding:11px}.announcement span{margin:0 18px}header{display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;height:99px;padding:0 5%;border-bottom:1px solid var(--line)}.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;font-weight:800;letter-spacing:-1px}.logo span{font-weight:600}.logo sup{font:12px Arial;margin-left:5px;vertical-align:top;line-height:30px}nav{display:flex;gap:40px;font-size:14px}nav a:hover{color:var(--lime)}.bag{border:1px solid #66695c;background:none;padding:12px 17px;font-size:14px}.bag span{background:var(--lime);color:#10110f;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-left:13px}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:690px}.hero-copy{padding:46px 8% 24px 10%;display:flex;flex-direction:column}.eyebrow{font-size:12px;letter-spacing:1.4px;display:flex;align-items:center;gap:10px}.dash{display:inline-block;background:var(--lime);height:6px;width:20px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,7.3vw,113px);font-weight:800;line-height:.89;letter-spacing:-1px;margin:32px 0 24px}h1 span{color:var(--lime)}.intro{color:#b6b8af;line-height:1.65;font-size:16px;margin:0 0 28px}.buyline{display:flex;align-items:center;gap:22px}.primary{background:var(--lime);color:#10110f;border:0;min-height:54px;padding:16px 22px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:28px;transition:background .2s,transform .2s}.primary:hover{background:#e5ff86;transform:translateY(-2px)}.primary span{font-size:19px}.from{font-size:12px;color:var(--muted)}.from strong{display:block;font-size:24px;color:var(--fg)}.hero-foot{margin-top:auto;padding-top:37px;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1px;color:var(--muted)}.stage{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#484e28 0%,#20251b 42%,#181c15 72%);perspective:1500px;min-height:690px}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#a1b07712 1px,transparent 1px),linear-gradient(90deg,#a1b07712 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(transparent,#000)}.giant-number{position:absolute;font:800 570px/.95 'Barlow Condensed',Impact,sans-serif;color:transparent;-webkit-text-stroke:1px #bdcf8130;left:6%;top:5%}.vertical-label{position:absolute;right:25px;top:35px;writing-mode:vertical-rl;letter-spacing:3px;font-size:11px;color:#bdc7a5}.book-wrap{width:290px;height:440px;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);perspective:1200px}.book{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(-23deg) rotateX(7deg) rotateZ(-9deg);transition:transform .18s ease-out;box-shadow:38px 40px 40px #0008}.cover{position:absolute;inset:0;background:#ddd;overflow:hidden;backface-visibility:hidden;border-left:3px solid #fff6;transform:translateZ(18px)}.cover img{width:100%;height:100%;object-fit:cover}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(#0007,transparent 35%,transparent 60%,#000b);pointer-events:none}.cover-top,.cover-bottom{position:absolute;z-index:1;left:20px;right:18px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800}.cover-top{top:16px;display:flex;justify-content:space-between;font-size:34px;letter-spacing:-1px;color:#fff}.cover-top span{color:var(--lime)}.cover-bottom{bottom:18px;font-size:38px;line-height:.94;color:#fff}.cover-bottom small{display:block;font:9px 'Space Grotesk',sans-serif;letter-spacing:1px;margin-top:15px}.spine{position:absolute;left:-18px;width:36px;top:0;height:100%;background:#c8ec40;transform:rotateY(-90deg);color:#111;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-weight:700;font-size:17px}.orbit-label{position:absolute;right:12%;bottom:105px;border:1px solid var(--lime);color:var(--lime);width:105px;height:105px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:9px;transform:rotate(12deg);font-size:20px}.orbit-label span{font-size:12px;font-weight:700}.stage-bottom{position:absolute;bottom:24px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px}.stage-bottom button{font-size:12px;background:#ffffff0a;border:1px solid #697255;padding:10px 13px}.ticker{display:flex;white-space:nowrap;overflow:hidden;align-items:center;justify-content:space-around;gap:40px;padding:20px;background:var(--lime);color:#13170b;font-size:28px}.ticker span{font:700 30px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}.edition{max-width:1450px;margin:auto;padding:78px 5% 90px}.section-kicker{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;border-bottom:1px solid var(--line);padding-bottom:20px}.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:37px}h2{font:700 64px/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.7px;margin:0 0 24px}h2 em{font-style:normal;color:var(--lime)}.edition p{color:var(--muted);line-height:1.6}.availability{font-size:11px;letter-spacing:1px;margin-top:25px;color:var(--lime)}.formats{padding-top:10px}.format{width:100%;display:flex;align-items:center;text-align:left;gap:20px;background:#191b16;border:1px solid var(--line);padding:24px 20px;margin-bottom:13px;min-height:108px}.format.selected{border-color:var(--lime);background:#252b18}.format-icon{font-size:32px;color:var(--lime)}.format-info{flex:1}.format-info strong{display:block;font-size:16px;font-weight:500}.format-info small{display:block;font-size:13px;color:var(--muted);margin-top:8px}.price{font-size:25px}.radio{width:17px;height:17px;border:1px solid #777;border-radius:50%}.selected .radio{border:5px solid var(--lime)}.add{width:100%;margin-top:23px}.purchase-note{font-size:12px;text-align:center}.universe{padding:48px 5% 64px;position:relative;background:#1b1e16;overflow:hidden}.universe>.section-kicker,.universe>div{max-width:1305px;margin:auto}.universe>div{padding-top:35px;display:flex;justify-content:space-between;gap:30px;position:relative;z-index:1}.universe h2{font-size:68px}.universe h2 span{color:var(--lime)}.universe p{color:#b6bba8;line-height:1.8;align-self:center}.universe-mark{position:absolute;right:25%;bottom:-45px;font:800 300px 'Barlow Condensed',Impact,sans-serif;color:#ffffff04;transform:rotate(-12deg)}footer{padding:36px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:11px;color:var(--muted)}dialog{background:#191c15;color:var(--fg);border:1px solid #4c5340;width:min(500px,100%);max-height:100dvh;height:100dvh;margin:0 0 0 auto;padding:30px;position:fixed}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.cart-head h2{font-size:35px;margin:0}.cart-head h2 span{color:var(--lime)}.close{background:none;border:0;font-size:22px;width:40px;height:40px}.cart-item{padding:25px 0;border-bottom:1px solid var(--line);display:flex;gap:18px}.cart-item img{width:65px;height:92px;object-fit:cover}.cart-item>div{flex:1}.cart-item strong{display:block;margin:3px 0 7px}.cart-item small{color:var(--muted)}.quantity{display:flex;align-items:center;gap:15px;margin-top:13px}.quantity button{background:none;border:1px solid #697255;width:30px;height:30px}.quantity .remove{width:auto;border:0;text-decoration:underline;font-size:12px;margin-left:auto}.total{display:flex;justify-content:space-between;margin-top:28px;font-size:20px}#cart-summary p{color:var(--muted);font-size:13px;line-height:1.6}#cart-summary .primary{width:100%;margin-top:24px}.continue{display:block;margin:24px auto;background:none;border:0;text-decoration:underline;font-size:14px}#checkout-info{font-size:14px;line-height:1.7;padding:18px;border:1px solid #728145;margin-top:20px}.empty{padding:50px 0;color:var(--muted);line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--lime);color:#111;padding:14px 22px;opacity:0;pointer-events:none;transition:.2s;z-index:5;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}.spinning{animation:turn 7s ease-in-out infinite}@keyframes turn{0%,100%{transform:rotateY(-23deg) rotateX(7deg) rotateZ(-9deg)}50%{transform:rotateY(27deg) rotateX(-5deg) rotateZ(4deg)}}@media(min-width:1600px){.hero{border:1px solid var(--line)}}@media(max-width:850px){header{height:80px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:35px 7%}h1{font-size:70px}.stage{min-height:610px}.book-wrap{width:220px;height:335px}.buyline{align-items:flex-start;flex-direction:column;gap:12px}.from strong{display:inline;margin-left:8px;font-size:18px}.hero-foot{display:none}.orbit-label{bottom:80px;right:8%;width:90px;height:90px}.stage-bottom{left:15px;right:15px}.stage-bottom>span{max-width:95px;line-height:1.5}.edition-grid{gap:5%}.format{gap:12px;padding:20px 13px}.format-icon{display:none}.universe>div{flex-direction:column}.universe p{align-self:flex-start}}@media(max-width:600px){.announcement{font-size:9px;letter-spacing:.5px}.announcement span{margin:0 5px}.logo{font-size:28px}nav{gap:15px}nav a{font-size:12px}nav a:last-child{display:none}.bag{padding:8px 10px;font-size:12px}.bag span{margin-left:5px}.hero{display:flex;flex-direction:column}.hero-copy{padding:34px 6% 30px}.eyebrow{font-size:10px}h1{font-size:82px;margin:26px 0 22px}.intro{font-size:14px}.buyline{flex-direction:row;align-items:center;gap:20px}.from strong{display:block;margin:0}.stage{min-height:500px}.book-wrap{width:250px;height:380px;top:45%}.giant-number{font-size:450px;left:12%;top:0}.orbit-label{right:9%;bottom:70px}.stage-bottom>span{max-width:none}.ticker{gap:25px;padding:15px}.ticker span{font-size:23px}.edition{padding:48px 6%}.edition-grid{grid-template-columns:1fr;gap:25px}h2{font-size:58px}.format-icon{display:block}.universe{padding:35px 6%}.universe h2{font-size:58px}footer{flex-wrap:wrap;padding:28px 6%}footer>span:last-child{width:100%}dialog{padding:23px}#toast{width:max-content;max-width:90%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.logo{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.logo .brand-name{font-weight:800}.brand-cover{display:block;width:34px;height:51px;object-fit:contain;background:#080808;border:1px solid #555;box-shadow:3px 3px 0 #d6ff3f22}.format-cover{display:block;width:46px;height:69px;object-fit:contain;background:#080808;flex:0 0 auto;border:1px solid #5b604e}.format-info{min-width:0}.price,.radio{flex-shrink:0}.cover{background:#050505}.cover img{object-fit:contain}.cover:after{display:none}.cart-item img{object-fit:contain;background:#050505}.book-wrap{aspect-ratio:2/3;height:auto}.format-info small{line-height:1.5}@media(max-width:850px){.format{flex-wrap:wrap}.format-info{flex-basis:45%}}@media(max-width:600px){.logo{gap:7px}.brand-cover{width:26px;height:39px}.logo{font-size:25px}header{gap:10px}.format{flex-wrap:nowrap;gap:10px}.format-cover{width:38px;height:57px}.format-info strong{font-size:14px}.format-info small{font-size:12px}.price{font-size:21px}}@media(max-width:380px){header nav{display:none}.format .radio{display:none}}

/* RIFT//ONE: the supplied artwork includes a 10% spine at its left edge. */
.cover{border:0}.cover img{position:absolute;left:-11.111%;top:0;width:111.111%;height:100%;max-width:none;object-fit:fill}.book-wrap{aspect-ratio:3/5;width:290px;height:auto;top:46%;z-index:3}.book{box-shadow:none;will-change:transform;transition:none}.cover{transform:translateZ(18px);box-shadow:22px 28px 45px #0009}.spine{left:-18px;width:36px;transform:rotateY(-90deg);padding:0;background-image:url('rift-one-tome-1.png');background-size:1000% 100%;background-position:left top;background-repeat:no-repeat;background-color:#09090b;backface-visibility:visible}.page-edge{position:absolute;right:-16px;top:3px;width:32px;height:calc(100% - 6px);transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#d2d0c9 0px,#d2d0c9 1px,#686860 2px,#eeeae1 3px)}.stage{background:radial-gradient(ellipse at 60% 45%,#353243 0%,#15141c 50%,#0a0b0c 85%);touch-action:pan-y;cursor:grab}.stage.dragging{cursor:grabbing}.stage-grid{opacity:.45;transform:perspective(500px) rotateX(24deg) scale(1.2);animation:grid-drift 18s linear infinite}.rift-light{position:absolute;left:48%;top:-25%;width:4px;height:150%;background:#e4d1ff;box-shadow:0 0 15px 8px #a7a0ff,0 0 80px 35px #8e7fea80;transform:rotate(25deg);opacity:.45;animation:rift-breathe 6s ease-in-out infinite;pointer-events:none}.stage:after{content:'';position:absolute;width:75%;height:60px;bottom:80px;left:12%;background:#0009;border-radius:50%;filter:blur(18px);animation:shadow-breathe 6s ease-in-out infinite;pointer-events:none}#rift-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.giant-number{color:transparent;-webkit-text-stroke:1px #c7b7ff30}.vertical-label,.stage-bottom,.orbit-label{z-index:4}.orbit-label{animation:badge-drift 7s ease-in-out infinite}.stage-bottom{align-items:center;gap:15px}.stage-bottom>span{line-height:1.5;max-width:170px}.stage-bottom button{background:#121118d9;white-space:nowrap}.hero-copy .eyebrow{animation:enter 700ms both}.hero-copy h1{animation:enter 950ms 100ms both}.hero-copy .intro{animation:enter 950ms 220ms both}.hero-copy .buyline{animation:enter 950ms 330ms both}h1 span{background:linear-gradient(110deg,#d6ff3f 20%,#f6ffe5 40%,#d6ff3f 60%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-light 7s ease-in-out infinite}.ticker{display:block;padding:19px 0;overflow:hidden}.ticker-belt{display:flex;align-items:center;gap:50px;width:max-content;animation:marquee 30s linear infinite}.ticker-belt span{white-space:nowrap}.ticker:hover .ticker-belt{animation-play-state:paused}.format{transition:transform .3s,box-shadow .3s,border-color .3s}.format:hover{transform:translateX(5px);box-shadow:-5px 0 0 var(--lime)}.format-cover{transition:transform .4s}.format:hover .format-cover{transform:rotate(-6deg) scale(1.12)}.primary{position:relative;overflow:hidden}.primary:after{content:'';position:absolute;top:-50%;left:-80%;height:200%;width:30%;background:#fff6;transform:rotate(25deg);transition:left .6s}.primary:hover:after{left:140%}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .8s}.reveal.revealed{opacity:1;transform:none}dialog[open]{animation:drawer-enter .3s ease-out}.motion-paused .rift-light,.motion-paused .stage-grid,.motion-paused .orbit-label,.motion-paused:after{animation-play-state:paused}@keyframes enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes drawer-enter{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes grid-drift{to{background-position:55px 110px}}@keyframes title-light{0%,100%{background-position:100% 0}50%{background-position:0 0}}@keyframes rift-breathe{0%,100%{opacity:.28;transform:rotate(21deg) translateX(-25px)}50%{opacity:.65;transform:rotate(27deg) translateX(25px)}}@keyframes badge-drift{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-12px) rotate(18deg)}}@keyframes shadow-breathe{0%,100%{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:.4}}@media(max-width:850px){.book-wrap{width:240px}.stage{min-height:650px}}@media(max-width:600px){.stage{min-height:590px}.book-wrap{width:260px;top:45%}.stage-bottom>span{font-size:10px;max-width:140px}.hero-copy h1{font-size:clamp(65px,14.5vw,82px)}.orbit-label{bottom:65px;right:5%}.stage:after{bottom:60px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.rift-light{opacity:.35}.ticker-belt{animation:none}.cover,.book{will-change:auto}}