@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d0d10;--panel:#17171d;--muted:#96969f;--red:#ff3b4f;--line:#29292f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f5f4f6;font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff7684;outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:28px;background:#101014}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:6px;color:#aaaab4;margin-top:3px}.brand-icon{background:var(--red);display:flex;width:40px;height:42px;align-items:center;justify-content:center;font-style:italic;font-size:25px;letter-spacing:-6px;padding-right:7px;clip-path:polygon(0 0,100% 0,100% 75%,72% 100%,0 100%)}.brand-icon span{font-size:21px}nav{display:flex;gap:30px;height:100%;align-items:center;font-size:14px;color:#acacb6}nav a{height:100%;display:flex;align-items:center;position:relative}nav a:hover,nav .active{color:#fff}nav .active:after{content:'';height:3px;position:absolute;bottom:0;left:0;right:0;background:var(--red)}.library-button{background:transparent;border:1px solid #3b3b43;padding:11px 15px;border-radius:5px;font-size:14px;white-space:nowrap}.library-button b{background:#2c2c34;padding:2px 6px;font-size:12px;margin-left:9px;border-radius:3px}.hero{min-height:640px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art{background:url('assets/hero.webp') center 46%/cover}.hero-shade{background:linear-gradient(90deg,#0d0d10 0%,#0d0d10e6 22%,#0d0d1060 55%,#0d0d1000 80%),linear-gradient(0deg,#0d0d10,transparent 25%)}.hero-copy{position:relative;margin:48px 0 85px 7%;width:510px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--red);border-radius:50%}.hero .eyebrow{margin-bottom:35px}.hero-meta{font-size:12px;letter-spacing:1.4px;color:#c1bec6}.hero-meta i{font-style:normal;padding:0 8px;color:var(--red)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:104px;letter-spacing:1px;line-height:.87;margin:19px 0 24px;font-weight:800}h1 span{color:var(--red)}.hero-line{font-size:21px;margin:0 0 13px}.hero-description{color:#b6b4c0;line-height:1.7;max-width:405px;font-size:15px}.hero-details{display:flex;align-items:center;gap:15px;color:#a8a5ae;font-size:12px;margin:24px 0}.hero-details span:first-child{border:1px solid #5d3b44;padding:5px 7px;color:#f4a1aa;letter-spacing:1px;font-size:10px}.hero-actions{display:flex;gap:12px}.primary,.secondary{padding:15px 23px;border-radius:4px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:30px}.primary{background:var(--red);color:white}.primary:hover{background:#ef2139}.secondary{background:#202026cc;border:1px solid #49434b}.text-link{display:inline-block;margin-top:23px;color:#cbc7d1;font-size:13px}.hero-bottom{position:absolute;bottom:26px;left:7%;right:6%;display:flex;align-items:center;gap:24px;color:#6e6d76;font-size:13px}.hero-bottom strong{font-size:20px;color:#eee;margin-right:5px}.slide-bars{display:flex;gap:7px}.slide-bars button{width:36px;height:3px;background:#51434b;padding:0}.slide-bars .selected{background:var(--red)}.hero-bottom-right{margin-left:auto;font-size:10px;letter-spacing:2px}.content{max-width:1380px;margin:auto;padding:0 6%}section{scroll-margin-top:25px}.content>section{margin-top:72px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.muted{color:#92929e;font-size:10px;letter-spacing:1.8px}h2{font-size:34px;letter-spacing:-1.2px;line-height:1.15;margin:12px 0 0}h2>span{color:var(--red)}.section-note{color:#83838f;font-size:13px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:#17171d;border:1px solid #2b2b33;padding:9px 19px;font-size:13px;border-radius:5px;color:#a5a5b1}.filters .selected{background:var(--red);border-color:var(--red);color:#fff}.filter-row>span{color:#7f7f8c;font-size:12px;white-space:nowrap}.catalogue{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px}.cover{height:auto;aspect-ratio:.72;position:relative;border-radius:7px;overflow:hidden;background-color:#222}.cover-photo{position:absolute;inset:0;transition:transform .4s;background-repeat:no-repeat}.series-card:hover .cover-photo{transform:scale(1.04)}.cover-0{background-image:url('assets/hero.webp');background-size:cover;background-position:72% center}.cover-1,.cover-2,.cover-3,.cover-4{background-image:url('assets/covers.webp');background-size:200% 200%}.cover-1{background-position:left top}.cover-2{background-position:right top}.cover-3{background-position:left bottom}.cover-4{background-position:right bottom}.cover-open{position:absolute;inset:0;background:linear-gradient(0deg,#08080ac0,transparent 42%)}.cover-badge{position:absolute;left:10px;top:11px;background:#101014dc;font-size:9px;letter-spacing:.7px;padding:6px 7px;border-radius:3px;pointer-events:none}.card-save{position:absolute;right:9px;bottom:11px;border:1px solid #ffffff40;background:#13131bdd;border-radius:5px;width:32px;height:34px;font-size:23px}.card-save.saved{color:var(--red)}.cover-number{position:absolute;bottom:9px;left:12px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:33px;font-style:italic;pointer-events:none}.series-card h3{font-size:16px;letter-spacing:-.3px;margin:14px 0 6px}.series-card p{font-size:12px;margin:0;color:#9494a1}.series-card .chapters{color:#777783;font-size:11px;margin-top:10px}.demo-note{font-size:12px;color:#777783;margin-top:24px}.format-tag{font-size:10px;color:#bca8e3;border:1px solid #57466b;padding:7px 10px;border-radius:4px;letter-spacing:1px}.scroll-feature{display:grid;grid-template-columns:1fr 1.25fr;border-radius:9px;overflow:hidden;background:#17171d;border:1px solid var(--line)}.scroll-art{min-height:332px;position:relative}.art-tag{position:absolute;left:22px;bottom:23px;background:#0c0c13b8;border:1px solid #ffffff50;padding:7px 10px;font-size:10px;letter-spacing:1px}.scroll-copy{padding:32px 35px}.pink-label{font-size:10px;letter-spacing:1.7px;color:#f47c99}h3{font-size:28px;margin:12px 0}.scroll-copy>p{font-size:14px;color:#9e9eac;line-height:1.7;margin:0 0 17px}.chapter-list button{width:100%;background:transparent;display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #2a2a33;font-size:13px;text-align:left;gap:10px}.chapter-list small{color:#777783;margin-right:14px}.chapter-list button>span:last-child{color:#9e9eac;white-space:nowrap}.chapter-list button:hover{color:var(--red)}.quiet{color:#858591;font-size:12px;line-height:1.6}.scroll-copy>.quiet{display:block;margin-top:14px}.teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.teaser{height:266px;position:relative;border-radius:7px;overflow:hidden;text-align:left}.teaser-neon{background:url('assets/hero.webp') center 45%/cover}.teaser-shade{position:absolute;inset:0;background:linear-gradient(0deg,#08080deb,transparent)}.play{position:absolute;left:25px;top:25px;border:1px solid #ffffff50;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;background:#11111155;font-size:14px}.duration{position:absolute;right:18px;bottom:20px;background:#141419b8;padding:4px 7px;font-size:12px;border-radius:3px}.teaser-label{position:absolute;bottom:24px;left:25px;display:grid;gap:7px}.teaser-label small{color:#ded1d9;font-size:9px;letter-spacing:1.8px}.teaser-label strong{font-size:23px}.teaser-label>span{font-size:12px;color:#beb8c6}.community{padding:44px 48px;background:radial-gradient(ellipse at 100% 0,#49212d,transparent 65%),#1b141b;border:1px solid #45303b;border-radius:8px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.community .eyebrow{color:#eb8394;font-size:10px}.community h2{font-size:40px}.community p{color:#aea1ad;font-size:14px;line-height:1.8;max-width:420px}.community .primary{margin-top:13px}.community-side{padding-left:42px;border-left:1px solid #4c303e}.little-star{font-size:49px;color:#ef586f}.community-side h3{font-size:23px;line-height:1.35}.community-side .quiet{font-size:9px;letter-spacing:1px}.about{max-width:740px;padding-bottom:65px}.about h2{font-size:27px}.about p{color:#93939f;font-size:15px;line-height:1.8}footer{border-top:1px solid var(--line);padding:32px 6%;display:flex;align-items:center;gap:25px;font-size:12px;color:#858591;flex-wrap:wrap}footer .brand{font-size:15px;color:#ddd}.footer-studio{font-size:9px;color:#92929e}footer p{margin-right:auto}footer>span{font-size:11px}dialog{color:#f5f4f6;background:#131318;border:1px solid #353540;border-radius:12px;padding:30px;width:min(620px,94vw);max-height:92dvh}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-heading h2{font-size:28px;margin:0}.modal-heading button,[data-close]{background:transparent;padding:8px;font-size:18px}#libraryList{margin-top:25px;display:grid;gap:14px}.library-item{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:15px}.library-item>div:first-child{width:55px;height:70px;border-radius:4px;flex-shrink:0}.library-item strong{font-size:16px}.library-item p{margin:7px 0;color:#999;font-size:12px}.library-item button{background:#292933;padding:9px 12px;border-radius:4px;font-size:12px}.library-item>button{margin-left:auto}#reader{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:#111115}#reader:modal{display:block}.reader-toolbar{display:flex;position:sticky;top:0;z-index:5;align-items:center;justify-content:space-between;background:#18181ef5;border-bottom:1px solid var(--line);padding:15px 25px;gap:15px}.reader-toolbar button,.reader-bottom button{background:#282831;padding:10px 14px;font-size:13px;border-radius:4px}.reader-toolbar>div{display:flex;gap:8px}.reading-controls{display:flex;align-items:center;gap:12px;max-width:680px;margin:25px auto;font-size:13px;padding:0 15px}.reading-controls span{margin-left:auto;color:#888}.reading-controls select,form select{background:#25252e;border:1px solid #45454f;padding:10px;border-radius:4px;color:inherit}#readerContent{max-width:650px;margin:auto;background:#e9e5df;color:#222;padding:38px 20px;min-height:500px}#readerContent h2{text-align:center;margin:0 0 12px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px}#readerContent>.quiet{text-align:center;display:block;color:#686363;margin-bottom:30px}.story-panel{height:370px;background-repeat:no-repeat;position:relative;margin-bottom:32px;overflow:hidden;border:3px solid #24212a}.story-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 50%)}.story-panel p{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;background:#f6f2eb;padding:15px 18px;line-height:1.5;font-size:16px;color:#24212a;border:2px solid #24212a;box-shadow:4px 4px 0 #24212a}.story-panel:nth-of-type(2){height:490px}.story-panel:nth-of-type(3){height:300px}.reader-bottom{max-width:680px;margin:25px auto 50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:13px}.reader-bottom button:disabled{opacity:.3;cursor:default}.clean .reader-toolbar,.clean .reading-controls{display:none}#exitClean{position:fixed;right:20px;bottom:20px;background:#282831;padding:12px;border:1px solid #555;border-radius:5px;z-index:10}#teaserModal{width:min(1000px,95vw);padding:0;overflow:hidden}.close-teaser{position:absolute;right:12px;top:12px;z-index:4;background:#0008;border-radius:50%}#motionStage{height:490px;position:relative;overflow:hidden}#motionArt,.motion-vignette{position:absolute;inset:-20px}.motion-vignette{background:linear-gradient(0deg,#05050cea,transparent 75%)}#motionText{position:absolute;bottom:70px;left:7%;right:7%;font-family:'Barlow Condensed',Impact,sans-serif;font-size:55px;text-transform:uppercase;line-height:1.05;text-shadow:0 3px 15px black}.motion-brand{position:absolute;left:7%;bottom:35px;font-size:11px;letter-spacing:3px;color:#ff8997}.teaser-controls{display:flex;align-items:center;padding:20px;gap:15px;font-size:12px}.teaser-controls button{background:#292932;padding:9px 15px;border-radius:4px}.teaser-controls progress{flex:1;min-width:30px;accent-color:var(--red);height:5px}#teaserModal>.quiet{padding:0 20px}form{display:grid;gap:12px}form label{font-size:14px;margin-top:12px}textarea{background:#22222a;border:1px solid #45454f;border-radius:5px;padding:15px;resize:vertical;color:white;width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#f6f4f4;color:#222;padding:14px 24px;border-radius:6px;box-shadow:0 5px 35px #0005;transition:transform .2s;z-index:100;font-size:14px}#toast.visible{transform:translateX(-50%) translateY(0)}
@media(min-width:1600px){.hero{min-height:760px}.hero-copy{margin-left:max(7%,calc((100vw - 1200px)/2))}.hero-art{background-position:center 40%}}
@media(max-width:1000px){nav{gap:18px}nav a:last-child{display:none}header{padding:0 4%;gap:15px}.brand{font-size:18px}.content{padding:0 5%}.catalogue{gap:14px}.hero-copy{margin-left:5%}.hero-art{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#0d0d10f5,#0d0d1090 50%,#0d0d1000),linear-gradient(0deg,#0d0d10,transparent 30%)}.section-note{display:none}.community{padding:32px;gap:25px}.community-side{padding-left:25px}.scroll-copy{padding:25px}.hero-bottom{left:5%}}
@media(max-width:700px){header{height:auto;min-height:77px;flex-wrap:wrap;padding:18px 5% 0;gap:17px}.brand small{font-size:8px}.brand-icon{height:35px;width:32px}nav{order:3;width:100%;justify-content:space-between;gap:12px;height:38px;font-size:12px}nav a:last-child{display:flex}.library-button{font-size:12px;padding:8px}.library-button b{margin-left:5px}.hero{min-height:640px}.hero-copy{width:85%;margin-top:45px}.hero .eyebrow{font-size:10px;margin-bottom:30px}.hero-meta{font-size:10px}h1{font-size:88px}.hero-line{font-size:19px}.hero-description{max-width:310px;font-size:14px}.hero-art{background-position:65% center;opacity:.75}.hero-bottom-right{display:none}.hero-shade{background:linear-gradient(90deg,#0d0d10ed,#0d0d1077),linear-gradient(0deg,#0d0d10,transparent 35%)}.hero-details{gap:12px}.hero-actions{gap:9px}.primary,.secondary{padding:13px 15px;font-size:13px;gap:15px}.content>section{margin-top:48px}h2{font-size:29px}.filters{gap:6px}.filters button{padding:8px 12px;font-size:12px}.filter-row{align-items:start}.filter-row>span{display:none}.catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.series-card:last-child{display:block}.cover{aspect-ratio:.76}.section-top{gap:12px}.format-tag{font-size:8px;max-width:100px;line-height:1.6}.scroll-feature{grid-template-columns:1fr}.scroll-art{min-height:260px}.scroll-copy{padding:25px 22px}.teaser-grid{grid-template-columns:1fr}.teaser{height:250px}.community{grid-template-columns:1fr;padding:30px 25px;gap:30px}.community h2{font-size:35px}.community-side{border-left:0;border-top:1px solid #4c303e;padding:25px 0 0}.community-side h3{font-size:23px}.little-star{float:right}.about{padding-bottom:40px}footer{gap:20px}footer p{width:100%;margin:0}footer>span{width:100%}.reader-toolbar{padding:10px;flex-wrap:wrap}.reader-toolbar>strong{font-size:14px}.reader-toolbar>button span{display:none}.reader-toolbar button{font-size:12px;padding:9px}.reader-toolbar>div{margin-left:auto}.reading-controls{flex-wrap:wrap}.reading-controls span{display:none}#readerContent{padding:30px 12px}.story-panel{height:350px}.story-panel p{left:12px;right:12px;font-size:14px}.reader-bottom{gap:8px}.reader-bottom button{font-size:12px}#motionStage{height:450px}#motionText{font-size:43px}.teaser-controls{gap:8px;padding:12px}.teaser-controls button{padding:9px}dialog{padding:23px}.modal-heading h2{font-size:24px}.hero-details{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}