:root{--ink:#17232e;--paper:#fff9e9;--cream:#f8efd9;--orange:#f04e37;--yellow:#ffc928;--blue:#84c9d9;--mono:'DM Mono',monospace;--display:'Fredoka',sans-serif;--body:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1.5px solid var(--ink);position:relative;z-index:2}.brand{font:700 30px/1 var(--display);color:var(--ink);text-decoration:none;letter-spacing:-1.8px}.brand span{color:var(--orange)}.brand i{font-style:normal;color:var(--yellow)}nav{display:flex;gap:30px}nav a,.header-cta{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer}.header-cta{border-bottom:2px solid var(--orange);padding:6px 0}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;position:relative;padding:72px 9vw 67px;overflow:hidden}.hero:after{content:'';position:absolute;width:65vw;height:65vw;border-radius:50%;background:var(--yellow);right:-18vw;top:-13vw;z-index:-1}.hero-copy{max-width:590px;align-self:center}.eyebrow{font:500 10px var(--mono);letter-spacing:.12em;margin:0 0 17px;text-transform:uppercase}.eyebrow span{display:inline-block;width:24px;height:2px;background:var(--orange);vertical-align:middle;margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.055em;line-height:.9}h1{font-size:clamp(58px,7.1vw,102px);margin-bottom:23px}em{font-style:normal;color:var(--orange)}.hero-text{font-size:16px;line-height:1.65;max-width:430px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.button{border:0;cursor:pointer;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:15px 18px;display:inline-flex;align-items:center;gap:18px}.button b{font-size:18px;line-height:0}.button-primary{background:var(--orange);color:white;box-shadow:5px 5px 0 var(--ink)}.button-primary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.button-text{background:none;padding-left:0}.button-text:hover{color:var(--orange)}.social-proof{margin-top:52px;display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.5}.social-proof p{margin:0}.faces{display:flex}.faces span{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--ink);border-radius:50%;margin-left:-7px;background:#e6b796;font-size:14px}.faces span:nth-child(2){background:var(--blue)}.faces span:nth-child(3){background:var(--orange);color:white}.hero-art{position:relative;width:min(370px,100%);justify-self:center;align-self:center;transform:rotate(3deg);filter:drop-shadow(15px 17px 0 var(--ink))}.hero-art img{display:block;width:100%;height:auto;border:6px solid white}.tape{width:110px;height:27px;background:#ffdeb3;position:absolute;z-index:1;right:-33px;top:18px;transform:rotate(41deg);opacity:.8}.burst{position:absolute;z-index:2;top:-34px;left:-49px;width:96px;height:96px;background:var(--orange);color:white;clip-path:polygon(50% 0,60% 20%,78% 6%,78% 29%,100% 30%,82% 47%,99% 62%,77% 68%,85% 92%,62% 78%,50% 100%,40% 79%,17% 92%,23% 69%,0 61%,18% 49%,0 32%,22% 30%,20% 7%,40% 20%);display:grid;place-content:center;text-align:center;font:700 12px/1.1 var(--mono);transform:rotate(-14deg)}.art-caption{font:500 9px var(--mono);margin:8px 0 0;transform:rotate(-3deg)}.scroll-note{position:absolute;bottom:31px;left:5.5vw;font:500 9px/1.35 var(--mono);letter-spacing:.13em}.scroll-note span{font-size:20px}.marquee{border-block:1.5px solid var(--ink);background:var(--blue);padding:14px 0;white-space:nowrap;overflow:hidden;font:700 20px var(--display);letter-spacing:.03em}.marquee div{width:max-content;animation:slide 22s linear infinite}.marquee b{color:var(--orange);padding:0 14px}@keyframes slide{to{transform:translateX(-30%)}}.section{padding:115px 9vw}.comics{display:grid;grid-template-columns:29% 1fr;gap:8vw}.section-intro h2,.volume h2,.shorts h2,dialog h2{font-size:clamp(43px,5vw,70px);margin-bottom:22px}.section-intro>p:last-child{font-size:14px;line-height:1.7}.comic-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:23px;align-items:start}.comic-card{margin:0}.comic-card img{display:block;width:100%;height:auto;border:1.5px solid var(--ink);box-shadow:7px 7px 0 var(--yellow)}.comic-card div{padding:13px 4px}.comic-card p{font:500 9px var(--mono);letter-spacing:.1em;margin-bottom:5px}.comic-card h3{font:600 24px var(--display);letter-spacing:-.04em;margin-bottom:7px}.card-link{border:0;background:none;padding:0;color:var(--orange);font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.comic-card.offset{margin-top:100px}.comic-card:nth-child(3){grid-column:1;margin-top:-82px;width:75%;justify-self:end}.shorts{background:var(--orange);color:white;padding:100px 9vw;display:grid;grid-template-columns:1fr 350px 1fr;gap:5vw;align-items:center;position:relative;overflow:hidden}.shorts:before{content:'HAHA';font:700 26vw var(--display);line-height:1;color:#e5412c;position:absolute;right:-3vw;bottom:-7vw;letter-spacing:-.1em}.shorts>*{position:relative}.shorts h2 em{color:var(--yellow)}.shorts-title>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:270px}.button-dark{background:var(--ink);color:white;margin-top:12px}.phone{width:280px;justify-self:center;border:8px solid var(--ink);border-radius:28px;overflow:hidden;box-shadow:11px 12px 0 var(--yellow);position:relative;background:var(--ink)}.phone img{display:block;width:100%;height:455px;object-fit:cover;object-position:center}.phone-top{position:absolute;left:0;right:0;top:0;height:25px;z-index:1;display:flex;justify-content:center;gap:2px}.phone-top span{width:33px;height:4px;background:var(--ink);border-radius:5px;margin-top:8px}.phone-top span+span{width:5px}.phone-ui{position:absolute;bottom:0;left:0;right:0;padding:29px 13px 13px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:9px;line-height:1.4}.phone-ui strong{font-size:10px}.phone-ui span{float:right;font-size:16px}.phone-ui p{margin:7px 0 0}.shorts-words{font:700 clamp(24px,3.7vw,52px)/1.15 var(--display);letter-spacing:-.06em;display:grid;gap:9px;align-self:end;margin-bottom:32px}.shorts-words span:nth-child(2){color:var(--yellow);padding-left:21px}.shorts-words span:nth-child(3){padding-left:43px}.volume{background:var(--cream);display:grid;grid-template-columns:40% 1fr;gap:11%;align-items:center;overflow:hidden}.cover-wrap{width:min(360px,100%);justify-self:end;position:relative}.cover-wrap img{position:relative;display:block;width:100%;height:auto;box-shadow:16px 19px 0 var(--ink);transform:rotate(-4deg);border:4px solid white}.cover-shadow{position:absolute;background:var(--blue);width:95%;height:70%;right:-18%;bottom:-8%;transform:rotate(12deg)}.volume-copy{max-width:480px}.volume-lead{font-size:15px;line-height:1.7;max-width:400px}.volume ul{list-style:none;padding:15px 0;margin:15px 0 22px;border-block:1px solid #d8cbb1;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:20px}.volume li b{color:var(--orange);font:700 20px var(--display);letter-spacing:0}.social{background:var(--ink);color:var(--paper);padding:62px 9vw}.social .eyebrow{color:var(--yellow)}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.social-links a{color:var(--paper);text-decoration:none;font:600 clamp(28px,4vw,55px) var(--display);letter-spacing:-.06em;border-bottom:1px solid #65717a;padding:10px 0}.social-links a:hover{color:var(--yellow)}.social-links b{float:right;color:var(--orange);font-size:.6em}.social-note{font-size:10px;color:#b5bdbe;margin:23px 0 0}footer{padding:25px 5.5vw;display:flex;justify-content:space-between;align-items:center;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.06em}footer p{margin:0}dialog{width:min(490px,calc(100% - 32px));border:0;background:var(--paper);padding:38px;box-shadow:10px 10px 0 var(--ink)}dialog::backdrop{background:rgba(23,35,46,.7)}dialog h2{margin:0 0 14px}.close{position:absolute;right:16px;top:10px;border:0;background:none;font:30px var(--display);cursor:pointer}form{display:grid;gap:16px;margin-top:24px}label{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}input{display:block;width:100%;margin-top:8px;border:1.5px solid var(--ink);background:white;padding:13px;font:14px var(--body)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,120px);background:var(--ink);color:white;padding:13px 18px;font:500 11px var(--mono);z-index:20;transition:transform .25s}.toast.show{transform:translate(-50%,0)}
@media(max-width:760px){.site-header{padding:0 22px;height:65px}nav{display:none}.hero{grid-template-columns:1fr;padding:52px 22px 55px;min-height:auto}.hero:after{width:90vw;height:90vw;right:-40vw;top:270px}.hero-art{margin-top:52px;width:265px}.hero-copy{max-width:none}.scroll-note{display:none}.social-proof{margin-top:35px}.marquee{font-size:16px}.section{padding:70px 22px}.comics{display:block}.section-intro{max-width:450px;margin-bottom:40px}.comic-grid{gap:14px}.comic-card.offset{margin-top:40px}.comic-card:nth-child(3){margin-top:-35px}.shorts{padding:70px 22px;grid-template-columns:1fr;gap:36px}.phone{grid-row:2}.shorts-words{position:absolute;right:13px;bottom:16px;font-size:27px;opacity:.75}.volume{grid-template-columns:1fr;padding:80px 32px;gap:55px}.cover-wrap{justify-self:center;width:265px}.volume-copy{justify-self:center}.social{padding:55px 22px}.social-links{grid-template-columns:1fr;gap:0}.social-links a{font-size:43px}footer{padding:22px;gap:15px;flex-wrap:wrap}footer p:last-child{margin-left:auto}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.button{padding:14px 15px}}