@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');:root{--paper:#f5f2e9;--ink:#20221e;--orange:#ff5a2b;--lime:#d3ed68}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{padding:25px 5%;border-bottom:1px solid;display:flex;align-items:center;gap:30px}.logo{font:bold 32px 'Space Grotesk',sans-serif;letter-spacing:-2px}.logo span{background:var(--orange);padding:0 4px}.logo sup{display:block;letter-spacing:1px;font-size:8px;margin-top:6px}nav{display:flex;gap:30px;margin-left:auto}.issue,.eyebrow,.small,.ticket,.label{font-size:11px;letter-spacing:1.5px;font-weight:700}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:60px 6% 70px;max-width:1500px;margin:auto}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.03;letter-spacing:-3px}h1{font-size:clamp(55px,6.7vw,100px);margin:30px 0}h1 em{font-style:normal;background:var(--lime)}h1 span{color:var(--orange)}.intro{font-size:20px}.button{display:inline-block;border:0;padding:15px 25px;background:var(--ink);color:white;font-weight:bold;margin:16px 0}.hero-side{background:var(--orange);padding:30px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(2deg)}.ticket{display:flex;justify-content:space-between;border-bottom:1px solid;padding-bottom:20px}.ticket span{background:var(--lime);padding:0 8px}blockquote{font:bold clamp(30px,4vw,60px)/1.05 'Space Grotesk';letter-spacing:-2px;margin:25px 0}.label{border-top:1px solid;padding-top:20px}.ticker{background:var(--ink);color:white;padding:15px;white-space:nowrap;overflow:hidden;word-spacing:8px}.ticker b{color:var(--lime);margin:0 30px}.section{padding:75px 6%;max-width:1500px;margin:auto}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font-size:54px;margin:12px 0}.head>p{max-width:280px}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.panel{border:2px solid var(--ink);background:white}.panel-art{display:block;aspect-ratio:1/1;background-image:url('assets/comic.jpg');background-size:300% 100%;background-repeat:no-repeat}.speech{padding:22px;min-height:145px;font-size:20px;line-height:1.35}.speech small{display:block;font-size:10px;letter-spacing:2px;margin-bottom:12px}.cast{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.portrait{height:370px;background-image:url('assets/cast.jpg');background-size:300% 100%;background-repeat:no-repeat}.cast h3{font-size:35px;letter-spacing:-1px;margin:20px 0 10px}.cast p{max-width:340px}.watch{background:var(--ink);color:var(--paper)}.watch-inner{padding:70px 6%;max-width:1500px;margin:auto;display:grid;grid-template-columns:1fr 1.7fr;gap:40px;align-items:center}video{width:100%;display:block;background:#111}.watch h2{color:var(--lime)}.small{letter-spacing:0;font-weight:400;color:inherit;opacity:.7}.slate{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.slate article{border-top:2px solid;padding-top:20px}.slate h3{font-size:26px;letter-spacing:-1px}.brand{background:var(--lime);padding:50px 6%;display:flex;gap:50px;align-items:center}.brand h2{font-size:42px;max-width:550px}.brand p{max-width:430px}footer{padding:45px 6%;border-top:1px solid}footer small{display:block;font-size:11px}@media(max-width:760px){header{padding:20px;gap:15px}.issue{display:none}nav{gap:15px;font-size:13px}.hero{grid-template-columns:1fr;padding:35px 6%;gap:30px}h1{font-size:65px}.hero-side{transform:none}.hero-side blockquote{font-size:45px}.strip,.cast,.slate,.watch-inner{grid-template-columns:1fr}.head{display:block}h2{font-size:42px}.portrait{height:440px}.panel-art{aspect-ratio:1.2}.brand{display:block}.section{padding:50px 6%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.portrait{background-size:300% auto;background-position-y:20%!important;background-color:#f5eee1}@media(max-width:760px){.portrait{height:450px}}

.expanded-cast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:56px}.new-portrait{height:440px;background-image:url(assets/expanded-cast.jpg);background-size:500% 100%;background-repeat:no-repeat}.expanded-cast-grid h3{font-size:32px;margin:8px 0}.expanded-cast-grid strong{display:block;margin-top:14px}@media(max-width:760px){.expanded-cast-grid{grid-template-columns:1fr}.new-portrait{height:auto;aspect-ratio:0.55}}

/* October 2026 update: whole artwork instead of sprite slices, hero buttons, sponsorship */
.nav-sponsor{background:var(--orange);padding:4px 10px;font-weight:700}.hero-about{max-width:520px;line-height:1.6}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}.hero-buttons .button{margin:0}.button.ghost{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:13px 23px}.button.lime{background:var(--lime);color:var(--ink)}
.comic-full{margin:0;border:2px solid var(--ink);background:white}.comic-full img{display:block;width:100%;height:auto;cursor:zoom-in}.comic-full .strip{gap:0;border-top:2px solid var(--ink)}.comic-full .speech{min-height:0;border-left:2px solid var(--ink)}.comic-full .speech:first-child{border-left:0}.comic-full+.small{margin-top:12px}.comic-full+.small a{text-decoration:underline}
.cast-art{display:block;width:100%;height:auto;margin:0 0 36px;border-radius:20px;background:#f5eee1}.cast article{border-top:2px solid;padding-top:6px}.expanded-cast-grid article{border-top:2px solid;padding-top:6px}
.sponsor{background:var(--ink);color:var(--paper)}.sponsor-inner{max-width:1500px;margin:auto;padding:80px 6%;display:grid;grid-template-columns:1fr 1fr;gap:50px 70px}.sponsor .eyebrow{color:var(--lime)}.sponsor h2{font-size:clamp(44px,5vw,72px);color:var(--paper)}.sponsor-sub{font:700 22px/1.3 'Space Grotesk',sans-serif;color:var(--orange);letter-spacing:-.5px}.sponsor-intro>p:not(.eyebrow):not(.sponsor-sub){max-width:560px;color:#d9d6cc}
.sponsor-ways{display:grid;gap:14px;align-content:start}.sponsor-ways article{background:var(--paper);color:var(--ink);padding:22px 24px 20px;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;box-shadow:6px 6px 0 var(--orange)}.sponsor-ways article span{grid-row:span 2;font:700 30px 'Space Grotesk',sans-serif;color:var(--orange);letter-spacing:-1px}.sponsor-ways h3{font-size:23px;letter-spacing:-.8px;margin:0}.sponsor-ways article p{margin:0}
.sponsor-close{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px 70px;align-items:start;border-top:1px solid #ffffff40;padding-top:40px}.sponsor-close>div:first-child p:not(.sponsor-line){color:#d9d6cc;max-width:420px}.sponsor-line{font:700 clamp(30px,3.4vw,46px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:0;color:var(--lime)}
form.site-form.sponsor-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:none;margin:0;background:var(--paper);color:var(--ink);padding:26px}.sponsor-form .eyebrow{grid-column:1/-1;color:var(--orange);margin:0}.sponsor-form label{grid-column:auto}.sponsor-form .wide,.sponsor-form .captcha,.sponsor-form .site-form-status,.sponsor-form .site-form-note,.sponsor-form button[type=submit]{grid-column:1/-1}.sponsor-form button[type=submit]{justify-self:start}
.captcha{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:white;border:1px solid var(--ink);padding:12px 14px}.captcha-box{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;font-weight:700;font-size:15px;color:var(--ink)}.captcha-tick{width:26px;height:26px;border:2px solid var(--ink);display:grid;place-items:center;font-size:16px;line-height:1;background:white;flex:none}.captcha[data-state=working] .captcha-tick{border-color:var(--orange);border-top-color:transparent;border-radius:50%;animation:captcha-spin .7s linear infinite}.captcha[data-state=done] .captcha-tick{background:var(--ink);color:var(--lime)}.captcha small{font-size:12px;opacity:.7;margin-left:auto}@keyframes captcha-spin{to{transform:rotate(360deg)}}
.footer-promo{max-width:620px;font-size:14px}.footer-promo a{text-decoration:underline;font-weight:700}
@media(max-width:760px){nav{flex-wrap:wrap;gap:8px 14px}.comic-full .strip{grid-template-columns:1fr}.comic-full .speech{border-left:0;border-top:2px solid var(--ink)}.comic-full .speech:first-child{border-top:0}.sponsor-inner,.sponsor-close{grid-template-columns:1fr}.sponsor-inner{padding:55px 6%}form.site-form.sponsor-form{grid-template-columns:1fr;padding:20px}.sponsor-form label{grid-column:1/-1}}
.sponsor-close #sponsorForm>.button{margin:0 0 8px}.sponsor-close #sponsorForm>.small{color:#d9d6cc;opacity:1;margin:0 0 18px}
/* Sponsorship closing row: "Get the next strip" (left) and EVA's enquiry card (right) */
.sponsor-close{grid-template-columns:1fr 1.15fr;gap:40px 70px}
.sponsor-signup .site-form-section{border:0;padding:0;margin:0}.sponsor-signup .eyebrow{color:var(--lime)}.sponsor-signup h2{font-size:clamp(36px,3.6vw,52px);color:var(--paper);margin:10px 0 14px}.sponsor-signup p{color:#d9d6cc}.sponsor-signup form.site-form{max-width:440px}.sponsor-signup form.site-form label{color:var(--paper)}.sponsor-signup form.site-form button{background:var(--lime);color:var(--ink)}.sponsor-signup form.site-form .site-form-status{color:var(--lime)}.sponsor-signup .site-form-note,.sponsor-signup .site-form-note a{color:#bdbab0}
.sponsor-card{background:#f4ecdf;color:var(--ink);padding:30px;box-shadow:10px 10px 0 var(--orange)}.sponsor-card-head{display:grid;grid-template-columns:1fr 165px;gap:22px;align-items:center;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #20221e30}.sponsor-card-head img{width:100%;height:auto;display:block}.sponsor-card .eyebrow{color:var(--orange);margin:0 0 8px}.sponsor-card .sponsor-line{color:var(--ink);font-size:clamp(26px,2.5vw,36px);letter-spacing:-1.4px}.sponsor-card-intro{margin:10px 0 0;font-size:16px;line-height:1.55;color:#4a4b45}
.sponsor-card form.site-form.sponsor-form{background:none;padding:0}.sponsor-card form.site-form label span{font-weight:400;opacity:.65}.sponsor-card-alt{margin:18px 0 0;padding-top:16px;border-top:1px solid #20221e30;font-size:14px}.sponsor-card-alt a{font-weight:700;text-decoration:underline}
@media(max-width:1100px){.sponsor-close{grid-template-columns:1fr}}
@media(max-width:760px){.sponsor-card{padding:20px;box-shadow:6px 6px 0 var(--orange)}.sponsor-card-head{grid-template-columns:1fr}.sponsor-card-head{grid-template-columns:1fr 90px;gap:14px}}
.sponsor-card{padding:28px 30px}.sponsor-card .sponsor-line{font-size:clamp(24px,2.1vw,30px)}.sponsor-card form.site-form.sponsor-form{gap:10px}.sponsor-card form.site-form input,.sponsor-card form.site-form textarea{padding:10px 12px}.sponsor-card .site-form-status:empty{display:none}
.sponsor-follow{margin-top:34px;padding-top:28px;border-top:1px solid #ffffff30;max-width:440px}.sponsor-follow .eyebrow{color:var(--lime);margin:0 0 8px}.sponsor-follow p{color:#d9d6cc;margin:0 0 14px}.sponsor-follow .button.ghost{color:var(--paper);border-color:var(--paper);margin:0}.sponsor-follow .button.ghost:hover{background:var(--paper);color:var(--ink)}.sponsor-follow .small{margin:12px 0 0;font-size:13px}
.sponsor-close{align-items:center}
/* Footer: brand on the left, sponsorship card on the right, legal links across the bottom */
footer{display:grid;grid-template-columns:1fr minmax(0,560px);gap:16px 70px;align-items:start}footer>.logo{grid-column:1;grid-row:1}footer>p:not(.footer-promo){grid-column:1;grid-row:2;margin:0}footer>small{grid-column:1;grid-row:3}footer .footer-promo{grid-column:2;grid-row:1/span 3;margin:0;max-width:none;background:var(--ink);color:#d9d6cc;padding:26px 28px;font-size:15px;box-shadow:8px 8px 0 var(--orange)}footer .footer-promo b{display:block;font:700 28px/1.1 'Space Grotesk',sans-serif;letter-spacing:-1px;color:var(--lime);margin-bottom:10px}footer .footer-promo a{display:inline-block;margin-top:16px;background:var(--lime);color:var(--ink);padding:11px 18px;text-decoration:none}footer>.legal-links{grid-column:1/-1;margin-top:20px;padding-top:18px;border-top:1px solid #20221e30}
@media(max-width:760px){footer{grid-template-columns:1fr}footer>*,footer .footer-promo{grid-column:1!important;grid-row:auto!important}footer .footer-promo{margin:10px 0;box-shadow:5px 5px 0 var(--orange)}}
footer>.legal-links{display:block;margin-left:0}footer .footer-promo a{display:table;margin-top:18px}
@media(max-width:760px){.sponsor-card-head{grid-template-columns:1fr}.sponsor-card-head img{order:-1;width:160px;margin:0 auto}}
footer .footer-cast{grid-column:2;grid-row:1/span 3;align-self:end;width:100%;height:auto;display:block;mix-blend-mode:multiply}
@media(max-width:760px){footer .footer-cast{margin:14px 0 4px}}
footer .footer-cast{-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 22%);mask-composite:intersect}
/* Episode gallery and on-site player */
.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.episode-card h3{font-size:24px;letter-spacing:-.8px;margin:16px 0 6px}.episode-card p{margin:0;font-size:15px;line-height:1.5;color:#4a4b45}
.episode-cover{position:relative;display:block;width:100%;padding:0;border:0;background:#f4ecdf;border-radius:20px;overflow:hidden;box-shadow:0 2px 0 var(--ink),0 18px 40px -22px #20221e80;transition:transform .25s ease,box-shadow .25s ease}.episode-cover img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.episode-cover:hover,.episode-cover:focus-visible{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 2px 0 var(--ink),0 28px 50px -22px #20221e99}
.episode-num{position:absolute;top:14px;left:14px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:700;letter-spacing:1.5px;padding:5px 9px;border-radius:999px}
.episode-time{position:absolute;bottom:14px;right:14px;background:#20221ecc;color:white;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px}
.episode-play{position:absolute;left:50%;top:58%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center;font-size:22px;padding-left:4px;box-shadow:0 10px 24px -8px #20221e99;transition:transform .25s ease}.episode-cover:hover .episode-play{transform:scale(1.1)}
.episode-note{margin-top:26px}
.episode-player{border:0;padding:22px;width:min(440px,94vw);max-height:96vh;background:var(--paper);color:var(--ink);border-radius:22px;box-shadow:12px 12px 0 var(--orange)}.episode-player::backdrop{background:#20221ee6}
.episode-player-top{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:12px}.episode-player .eyebrow{margin:0;color:var(--orange)}.episode-player h2{font-size:26px;letter-spacing:-1px;margin:4px 0 0}
.episode-close{border:2px solid var(--ink);background:none;width:40px;height:40px;border-radius:50%;font-size:16px;flex:none}
.episode-player video{display:block;width:100%;max-height:calc(96vh - 230px);aspect-ratio:9/16;object-fit:contain;background:#111;border-radius:14px}
.episode-player p#episodeHook{font-size:14px;margin:12px 0}.episode-player-nav{display:flex;justify-content:space-between;gap:10px}.episode-player-nav button{border:2px solid var(--ink);background:none;padding:9px 14px;font-weight:700;font-size:14px}.episode-player-nav button:last-child{background:var(--ink);color:white}
@media(max-width:1000px){.episode-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.episode-grid{gap:18px 14px}.episode-card h3{font-size:19px}.episode-card p{font-size:13px}.episode-play{width:50px;height:50px;margin:-25px 0 0 -25px;font-size:18px}.episode-player{padding:16px;box-shadow:6px 6px 0 var(--orange)}}
.episode-play{left:14px;top:auto;bottom:12px;width:auto;height:auto;margin:0;border-radius:999px;padding:8px 14px 8px 12px;font-size:13px;font-weight:700;letter-spacing:.3px}.episode-cover:hover .episode-play{transform:scale(1.06)}
@media(max-width:760px){.episode-play{width:auto;height:auto;margin:0;font-size:12px;padding:6px 11px}}
.episode-play b{font-weight:700}@media(max-width:760px){.episode-play b{display:none}.episode-play{padding:6px 10px 6px 11px}.episode-time{font-size:11px;right:10px;bottom:12px}}