:root{--comic-bg:#07110d;--comic-panel:#101d17;--comic-green:#4aa878;--comic-mint:#bfe6cc;--comic-cream:#f2ead7;--comic-gold:#e4b95f;--comic-red:#cf4540;--comic-line:rgba(255,255,255,.16)}
.comics-page{background:var(--comic-bg);color:var(--comic-cream);min-height:100vh}.comic-header{height:82px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid var(--comic-line);background:rgba(7,17,13,.92);backdrop-filter:blur(16px)}.comic-brand{display:flex;gap:12px;align-items:center;text-decoration:none;text-transform:uppercase;font-size:.73rem;line-height:1.15;letter-spacing:.06em}.comic-brand>span{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--comic-green);color:#fff;font:800 1rem Manrope;transform:rotate(-3deg)}.comic-brand strong{color:var(--comic-mint)}.comic-header nav{display:flex;gap:28px;align-items:center}.comic-header nav a{color:#fff;text-decoration:none;font-weight:700;font-size:.9rem}.comic-header .comic-contact{border:1px solid var(--comic-green);padding:10px 15px}.comic-library-hero{min-height:650px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:80px 24px;background:radial-gradient(circle at 50% 45%,rgba(74,168,120,.27),transparent 38%),linear-gradient(135deg,#07110d,#13291e)}.comic-library-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,13,.2),rgba(7,17,13,.66) 40%,rgba(7,17,13,.18));z-index:2}.hero-character{position:absolute;height:98%;max-width:58%;object-fit:cover;filter:saturate(.75) contrast(1.08);opacity:.5}.hero-villains{left:-9%;bottom:-5%;object-position:right}.hero-taxman{right:-5%;bottom:-5%;object-position:left}.comic-hero-copy{position:relative;z-index:5;text-align:center;max-width:790px}.issue-label,.comic-kicker{margin:0 0 15px;text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;font-weight:800;color:var(--comic-gold)}.comic-hero-copy h1{margin:0;font:400 clamp(4rem,9vw,8.5rem)/.78 "Bebas Neue",sans-serif;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 5px 0 rgba(0,0,0,.35)}.comic-hero-copy h1 span{display:block;font:800 clamp(1.6rem,3vw,2.6rem)/1 Manrope;color:var(--comic-green);letter-spacing:.16em;margin-bottom:20px}.comic-hero-copy>p:not(.issue-label){max-width:640px;margin:30px auto;color:#d6ded9;font-size:1.12rem}.comic-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 22px;background:var(--comic-green);color:#07110d;text-decoration:none;font-weight:900;border:2px solid var(--comic-mint);box-shadow:6px 6px 0 #000;transition:.2s transform}.comic-button:hover{transform:translate(-2px,-2px)}.halftone{position:absolute;inset:0;opacity:.13;background-image:radial-gradient(circle,#fff 1px,transparent 1.2px);background-size:11px 11px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 75%,transparent)}.library-intro{padding:92px clamp(22px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end;border-top:1px solid var(--comic-line);border-bottom:1px solid var(--comic-line)}.library-intro h2,.what-you-learn h2,.reader-finish h2{font:400 clamp(3rem,6vw,5.7rem)/.95 "Bebas Neue";letter-spacing:.02em;margin:0}.library-intro>p{font-size:1.12rem;color:#c6d0ca;margin:0}.comic-shelf{padding:80px clamp(22px,8vw,130px) 110px;display:grid;grid-template-columns:minmax(280px,560px) minmax(260px,1fr);gap:50px;align-items:end}.comic-cover-card{color:inherit;text-decoration:none;display:grid;grid-template-columns:minmax(250px,390px) 1fr;gap:30px;align-items:end}.cover-art{aspect-ratio:1;position:relative;overflow:hidden;border:4px solid var(--comic-cream);box-shadow:14px 14px 0 var(--comic-green);background:#13291e}.cover-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 32%,rgba(0,0,0,.88))}.cover-art img{width:100%;height:100%;object-fit:cover}.cover-issue{position:absolute;z-index:2;top:14px;left:14px;background:var(--comic-red);padding:5px 10px;font-weight:800;text-transform:uppercase;font-size:.72rem}.cover-title{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.cover-title small{display:block;color:var(--comic-mint);font-weight:800;text-transform:uppercase;letter-spacing:.16em}.cover-title strong{display:block;font:400 clamp(2.7rem,5vw,4.8rem)/.83 "Bebas Neue";text-transform:uppercase}.cover-meta span{color:var(--comic-gold);font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.cover-meta h3{font:800 1.7rem/1.1 Manrope;margin:10px 0}.cover-meta p{color:#b8c4bd}.read-arrow{display:grid!important;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--comic-green);color:#07110d!important;font-size:1.5rem!important;margin-top:22px}.coming-soon{padding:40px;border:1px dashed rgba(191,230,204,.35);background:rgba(255,255,255,.025)}.coming-soon>span{color:var(--comic-green);text-transform:uppercase;font-size:.75rem;letter-spacing:.14em;font-weight:800}.coming-soon h3{font:400 2.3rem/1 "Bebas Neue";margin:15px 0}.coming-soon p{color:#aebbb4}.comic-footer{padding:27px clamp(22px,5vw,72px);border-top:1px solid var(--comic-line);display:flex;justify-content:space-between;gap:20px;font-size:.84rem}.comic-footer a{color:var(--comic-mint);text-decoration:none}.story-hero{padding:72px clamp(22px,8vw,130px);display:grid;grid-template-columns:minmax(280px,470px) 1fr;gap:8vw;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(74,168,120,.22),transparent 34%)}.story-cover{position:relative;aspect-ratio:4/5;overflow:hidden;border:4px solid var(--comic-cream);box-shadow:-14px 14px 0 var(--comic-green);transform:rotate(-1deg)}.story-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 68%,rgba(0,0,0,.85))}.story-cover img{width:100%;height:100%;object-fit:cover}.story-cover span{position:absolute;z-index:2;top:15px;left:15px;background:var(--comic-red);padding:6px 11px;font-weight:800;text-transform:uppercase}.back-link{display:inline-block;color:var(--comic-mint);text-decoration:none;margin-bottom:45px}.story-intro h1{font:400 clamp(4.4rem,8vw,8rem)/.78 "Bebas Neue";text-transform:uppercase;margin:0}.story-intro h1 em{display:block;font-style:normal;color:var(--comic-green)}.story-lead{font-size:1.12rem;color:#cbd5cf;max-width:760px;margin:30px 0}.story-facts{display:flex;gap:38px;flex-wrap:wrap;padding:22px 0;margin-bottom:28px;border-top:1px solid var(--comic-line);border-bottom:1px solid var(--comic-line);font-weight:800}.story-facts small{display:block;color:#7f9187;text-transform:uppercase;font-size:.68rem;letter-spacing:.13em}.what-you-learn{padding:80px clamp(22px,8vw,130px);display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;background:var(--comic-cream);color:#142119}.what-you-learn ul{margin:0;padding:0;list-style:none}.what-you-learn li{padding:15px 0;border-bottom:1px solid rgba(20,33,25,.18);font-weight:700}.what-you-learn li:before{content:"✓";color:#397553;margin-right:12px}.story-premise{max-width:980px;margin:auto;padding:100px 24px;text-align:center}.story-premise blockquote{font:700 clamp(1.8rem,4vw,3.4rem)/1.2 Manrope;margin:22px 0 35px}.story-premise>p:last-child{color:#b9c6be;max-width:720px;margin:auto}.disclaimer{margin:0 clamp(22px,8vw,130px) 90px;padding:25px 30px;border-left:4px solid var(--comic-gold);background:rgba(255,255,255,.04);display:grid;grid-template-columns:auto 1fr;gap:25px}.disclaimer p{margin:0;color:#b7c1bb}.reader-page{background:#050b08}.reader-header{min-height:72px;padding:12px clamp(14px,4vw,55px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--comic-line);position:sticky;top:0;z-index:30;background:rgba(5,11,8,.94);backdrop-filter:blur(12px)}.reader-header>a{color:var(--comic-mint);text-decoration:none;font-weight:700;font-size:.86rem}.reader-header>a:last-child{text-align:right}.reader-header>div{text-align:center}.reader-header strong,.reader-header span{display:block}.reader-header span{color:#82958a;font-size:.74rem}.comic-reader{padding:32px 20px 90px}.reader-stage{display:grid;grid-template-columns:64px minmax(0,900px) 64px;justify-content:center;gap:20px;align-items:center}.reader-stage figure{margin:0;text-align:center}.reader-stage img{display:block;max-width:100%;max-height:calc(100vh - 190px);margin:auto;object-fit:contain;border:1px solid var(--comic-line);box-shadow:0 24px 80px #000}.reader-stage figcaption{margin-top:12px;color:#9caaa2;font-size:.87rem}.reader-nav{width:58px;height:58px;border-radius:50%;border:1px solid var(--comic-line);background:#101d17;color:#fff;font-size:2.2rem;cursor:pointer}.reader-nav:disabled,.reader-controls button:disabled{opacity:.25;cursor:not-allowed}.reader-controls{max-width:900px;margin:24px auto;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.reader-controls button{border:0;background:transparent;color:var(--comic-mint);font:700 .9rem "DM Sans";cursor:pointer}.reader-progress{height:4px;background:#233129}.reader-progress span{display:block;height:100%;width:3.85%;background:var(--comic-green);transition:width .25s}.thumbnail-strip{max-width:1080px;margin:35px auto 0;display:flex;gap:10px;overflow-x:auto;padding:8px 5px 18px}.thumbnail-strip button{flex:0 0 70px;padding:0;border:2px solid transparent;background:none;opacity:.48;cursor:pointer}.thumbnail-strip button.active{border-color:var(--comic-green);opacity:1}.thumbnail-strip img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.reader-finish{max-width:900px;margin:65px auto 0;padding:55px;background:linear-gradient(135deg,#13291e,#0a1811);border:1px solid var(--comic-line);text-align:center}.reader-finish>p:not(.comic-kicker){font-size:1.16rem;color:#c8d3cc}.reader-finish>div{display:flex;gap:20px;justify-content:center;align-items:center;margin:30px 0}.reader-finish .text-button{color:var(--comic-mint);font-weight:800}.reader-finish small{color:#87978e}.reader-finish[hidden]{display:none}
@media(max-width:900px){.comic-header nav{gap:14px}.comic-header nav a:not(.comic-contact){display:none}.comic-library-hero{min-height:580px}.hero-character{height:80%;max-width:76%;opacity:.34}.hero-villains{left:-28%}.hero-taxman{right:-23%}.library-intro,.what-you-learn{grid-template-columns:1fr}.comic-shelf{grid-template-columns:1fr}.comic-cover-card{max-width:650px}.story-hero{grid-template-columns:minmax(240px,380px) 1fr;gap:6vw}.reader-stage{grid-template-columns:45px minmax(0,1fr) 45px;gap:8px}.reader-nav{width:42px;height:42px}}
@media(max-width:620px){.comic-header{height:72px}.comic-brand strong{display:none}.comic-header .comic-contact{padding:8px 10px}.comic-library-hero{padding:65px 18px;min-height:520px}.comic-hero-copy h1{font-size:4.4rem}.comic-hero-copy h1 span{font-size:1.25rem}.library-intro,.comic-shelf{padding-left:18px;padding-right:18px}.comic-cover-card{grid-template-columns:1fr}.coming-soon{padding:28px}.comic-footer{flex-direction:column}.story-hero{grid-template-columns:1fr;padding:45px 23px}.story-cover{max-width:340px}.story-intro h1{font-size:4.8rem}.back-link{margin:15px 0 35px}.what-you-learn{padding:60px 23px}.disclaimer{margin:0 18px 60px;grid-template-columns:1fr}.reader-header{grid-template-columns:1fr auto}.reader-header>a:last-child{display:none}.reader-header>div{text-align:right}.comic-reader{padding:18px 0 60px}.reader-stage{display:block}.reader-stage figure{width:100%}.reader-stage img{width:100%;max-height:none;border-left:0;border-right:0}.reader-nav{display:none}.reader-controls{padding:0 14px;grid-template-columns:auto 1fr auto}.reader-finish{margin:45px 14px 0;padding:35px 20px}.reader-finish>div{flex-direction:column}.thumbnail-strip{padding-left:14px}.thumbnail-strip button{flex-basis:58px}}