@font-face{font-family:Winky Milky;src:url(/Winky%20Milky.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Winky Milky,Inter,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--brand-red: #cf2f1f;--brand-red-deep: #7f1b15;--brand-orange: #f17a28;--brand-sand: #f6dfc3;--brand-cream: #fff2df;--brand-ink: #1f1410;--brand-ocean: #3f8ba6;--panel: #fff8ef;--outline: #22150f;--glass-base: rgba(232, 248, 255, .3);--glass-stroke: rgba(255, 255, 255, .5);--glass-shadow: rgba(17, 34, 45, .28);--glass-tint-top: rgba(255, 255, 255, .42);--glass-tint-bottom: rgba(197, 234, 250, .2);--comic-outline-soft: rgba(34, 21, 15, .36);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:url(/images/backgrounds/beach-ocean.png) center / cover fixed no-repeat;color:var(--brand-ink);position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.26),transparent 26%),radial-gradient(circle at 80% 12%,rgba(255,255,255,.2),transparent 22%),radial-gradient(circle at 70% 74%,rgba(154,236,255,.13),transparent 28%);mix-blend-mode:screen;opacity:.7;z-index:-2}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;padding:1rem;position:relative}.page-shell:before,.page-shell:after{content:"";position:fixed;width:min(34vw,380px);aspect-ratio:1 / 1;border-radius:50%;pointer-events:none;filter:blur(4px);z-index:-1}.page-shell:before{top:-90px;left:-70px;background:radial-gradient(circle at 30% 28%,#ffffff73,#fff0),radial-gradient(circle at 60% 60%,#71d9ff3d,#71d9ff00);animation:floatBlobA 10s ease-in-out infinite}.page-shell:after{right:-80px;bottom:-100px;background:radial-gradient(circle at 35% 35%,#fff6,#fff0),radial-gradient(circle at 70% 65%,#6ec8ff38,#6ec8ff00);animation:floatBlobB 12s ease-in-out infinite}.glass-card{position:relative;overflow:hidden;isolation:isolate;backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);background:linear-gradient(155deg,var(--glass-tint-top),var(--glass-tint-bottom)),var(--glass-base);border:2px solid var(--glass-stroke);box-shadow:0 20px 38px -24px var(--glass-shadow),inset 0 1px #ffffffb8,inset 0 -1px #499cbb2e;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.46) 0%,transparent 56%);opacity:.85}.glass-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(65% 80% at 6% 8%,rgba(255,255,255,.36),transparent 58%),repeating-linear-gradient(120deg,#ffffff17 0 2px,#fff0 2px 8px);mix-blend-mode:screen;opacity:.42;backdrop-filter:blur(1.2px) saturate(112%);-webkit-backdrop-filter:blur(1.2px) saturate(112%);animation:shimmerSweep 8s linear infinite}.glass-card:hover{transform:translateY(-2px);border-color:#ffffffc7;box-shadow:0 28px 46px -28px var(--glass-shadow),inset 0 1px #ffffffc2,inset 0 -1px #499cbb3d;backdrop-filter:blur(17px) saturate(152%);-webkit-backdrop-filter:blur(17px) saturate(152%)}.glass-card:hover:after{opacity:.62;backdrop-filter:blur(2.4px) saturate(128%);-webkit-backdrop-filter:blur(2.4px) saturate(128%);animation:shimmerSweep 6s linear infinite,liquidWarp 1.9s ease-in-out infinite}.comic-header{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin:0 auto 1rem;max-width:1200px}.brand-mark{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;letter-spacing:.03em;font-size:.95rem;text-transform:uppercase}.brand-mark img{width:42px;height:42px;border-radius:12px;border:2px solid var(--comic-outline-soft);box-shadow:0 6px 14px -10px #0009}.capsule-nav{position:relative;display:flex;align-items:center;gap:1rem;padding:.55rem .8rem;border-radius:999px;border:2px solid var(--glass-stroke);backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(150deg,#ffffff73,#ddf0f83b);box-shadow:0 16px 30px -24px var(--glass-shadow),inset 0 1px #ffffffa8;overflow:hidden;isolation:isolate;cursor:pointer;transition:max-width .26s ease,padding .26s ease,border-color .22s ease,box-shadow .22s ease}.capsule-nav:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(35% 70% at 22% 35%,rgba(255,255,255,.22),transparent 72%),radial-gradient(40% 60% at 78% 60%,rgba(180,238,255,.16),transparent 75%);opacity:0;transition:opacity .2s ease;backdrop-filter:none;-webkit-backdrop-filter:none}.capsule-nav:hover:before{opacity:1;animation:liquidWarp 2.2s ease-in-out infinite}.capsule-nav a{font-weight:600;font-size:.8rem;text-transform:uppercase;padding:.24rem .32rem;border-radius:8px;transition:background-color .18s ease,opacity .2s ease,max-width .22s ease,transform .22s ease,padding .22s ease,margin .22s ease}.mobile-menu-toggle{display:none;border-radius:999px;border:2px solid var(--glass-stroke);padding:.5rem .9rem;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.capsule-nav a:hover{background:#ffffff54}.social-links{display:inline-flex;align-items:center;gap:.35rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.58);background:#ffffff3d}.social-icon svg{width:14px;height:14px;fill:color-mix(in srgb,var(--brand-red-deep) 78%,#000)}.capsule-nav.is-retracted{max-width:124px;padding:.5rem .75rem;border-color:#ffffffad}.capsule-nav.is-retracted:after{content:"MENU";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.74rem;font-weight:800;letter-spacing:.08em;color:color-mix(in srgb,var(--brand-red-deep) 75%,#000);text-shadow:0 1px 0 rgba(255,255,255,.5)}.capsule-nav.is-retracted a{opacity:0;max-width:0;margin:0;padding:0;transform:translateY(-4px);pointer-events:none}.capsule-nav.is-retracted .social-links{opacity:0;max-width:0;overflow:hidden;pointer-events:none}.capsule-nav.is-expanded{max-width:760px;cursor:default}.buy-pill{background:linear-gradient(140deg,var(--brand-red),var(--brand-orange));color:#fff;padding:.45rem .95rem;border-radius:999px;border:2px solid rgba(255,255,255,.6);box-shadow:inset 0 -2px #00000026,0 6px 15px -10px #7f1b15bf;transition:transform .18s ease,box-shadow .18s ease}.buy-pill:hover{transform:translateY(-1px);box-shadow:inset 0 -2px #00000024,0 10px 18px -10px #7f1b15d1}.hero-comic{position:relative;min-height:min(70vh,700px);overflow:hidden;border-radius:24px;border:2px solid var(--glass-stroke);box-shadow:0 20px 48px -22px var(--glass-shadow),inset 0 1px #ffffffa6;max-width:1200px;margin:0 auto}.hero-bg{position:absolute;inset:0}.hero-bg{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.hero-comic:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.26),transparent 25%),linear-gradient(180deg,#fff3,#fff0);mix-blend-mode:screen}.hero-comic:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(105deg,#ffffff1a 0 2px,#fff0 2px 12px);opacity:.2;animation:shimmerSweep 9s linear infinite}.kicker{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800}.hero-intro{text-align:center;padding-top:2rem;padding-bottom:1.8rem;border-radius:26px;margin-top:1.2rem}.hero-intro h1{margin:.45rem 0 1rem;text-transform:uppercase;font-size:clamp(2.4rem,8vw,6rem);line-height:.95;font-family:Winky Milky,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.cta-main{display:inline-block;padding:.85rem 1.55rem;border-radius:999px;border:2px solid rgba(255,255,255,.65);font-weight:800;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--brand-red),var(--brand-orange));box-shadow:0 12px 20px -16px #7f1b15cc,inset 0 1px #ffffff73;transition:transform .18s ease,box-shadow .18s ease}.cta-main.small{font-size:.86rem;padding:.7rem 1.05rem}.cta-main:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 16px 24px -18px #7f1b15d9,inset 0 1px #ffffff80}.section{max-width:1200px;margin:0 auto;padding:3rem .2rem 0}.section-head{margin-bottom:1.1rem}.section h2{margin:.45rem 0 0;text-transform:uppercase;font-size:clamp(1.7rem,3.8vw,3.1rem);line-height:1;font-family:Winky Milky,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;letter-spacing:.02em}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.split-section img{width:100%;height:100%;object-fit:cover;border-radius:20px;border:2px solid var(--glass-stroke);box-shadow:0 16px 34px -24px var(--glass-shadow),inset 0 1px #fff9}.text-card{padding:1.25rem;border-radius:20px}.text-card p{margin-top:.8rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem}.card{overflow:hidden;border-radius:16px}.card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;transition:transform .24s ease}.card:hover img,.gallery-grid figure:hover img{transform:scale(1.03)}.card h3{margin:0;padding:.9rem;font-size:.94rem;text-transform:uppercase}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem}.gallery-grid figure{margin:0;border-radius:16px;overflow:hidden}.gallery-grid img{width:100%;height:210px;object-fit:cover}.gallery-grid figcaption{padding:.75rem .9rem;text-transform:uppercase;font-size:.8rem;font-weight:700;min-height:2.5rem}.comic-footer{max-width:1200px;margin:3rem auto .7rem;padding:1rem 1.2rem;border-radius:16px;color:#2d120e;display:flex;align-items:center;gap:.7rem}.comic-footer img{width:32px;height:32px;border-radius:9px;border:2px solid rgba(255,255,255,.62)}.kicker,.section h2,.brand-mark span,.capsule-nav a,.card h3,.gallery-grid figcaption,.comic-footer p{text-shadow:0 1px 0 rgba(255,255,255,.45)}.hero-intro h1,.section h2{color:color-mix(in srgb,var(--brand-red-deep) 82%,#000)}.comic-cards .card img,.comic-gallery img{filter:saturate(1.12) contrast(1.05)}@keyframes shimmerSweep{0%{background-position:0% 0%,0% 0%}to{background-position:0% 0%,320px 0%}}@keyframes floatBlobA{0%,to{transform:translateZ(0)}50%{transform:translate3d(16px,20px,0)}}@keyframes floatBlobB{0%,to{transform:translateZ(0)}50%{transform:translate3d(-14px,-18px,0)}}@keyframes liquidWarp{0%{transform:translate3d(-.5%,0,0) scale(1)}25%{transform:translate3d(.8%,-.7%,0) scale(1.015)}50%{transform:translate3d(1.2%,.7%,0) scale(1.02)}75%{transform:translate3d(-.6%,1%,0) scale(1.01)}to{transform:translate3d(-.5%,0,0) scale(1)}}@media(max-width:920px){body{background:url(/images/backgrounds/beach-ocean-mobile.png) center top / cover no-repeat}.capsule-nav{gap:.6rem;flex-wrap:wrap;justify-content:center;border-radius:22px}.split-section{grid-template-columns:1fr}.comic-header{flex-direction:column;align-items:flex-start}.glass-card:after{opacity:.28}}@media(max-width:640px){.page-shell{padding:.7rem}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.capsule-nav{display:none;width:100%;max-width:100%;border-radius:24px;padding:.75rem;gap:.55rem;cursor:default}.capsule-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.capsule-nav.is-retracted:after{content:none}.capsule-nav.is-retracted a{opacity:1;max-width:100%;margin:0;padding:.5rem .7rem;transform:none;pointer-events:auto}.hero-comic{min-height:min(56vh,480px)}.capsule-nav a{font-size:.78rem;text-align:center;padding:.5rem .7rem}.social-links{justify-content:center}.buy-pill{margin-top:.2rem;text-align:center}.glass-card{backdrop-filter:blur(12px) saturate(135%);-webkit-backdrop-filter:blur(12px) saturate(135%)}}