/* One expansive comic cover, instead of four disconnected decorative cards. */
.page-title{background-color:#00afd1;background-image:repeating-conic-gradient(from -8deg at 72% 49%,#ffffff90 0deg 6deg,transparent 6deg 17deg);background-size:100% 100%;background-repeat:no-repeat;min-height:510px;padding-top:88px;padding-bottom:88px;isolation:isolate;overflow:hidden;border-bottom:7px solid var(--ink)}
.page-title:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-27px;height:54px;border-top:7px solid var(--ink);background:var(--paper);transform:rotate(-2deg);z-index:3;pointer-events:none}
.page-title>.eyebrow{background:var(--ink);color:white;border-color:var(--ink);font-size:13px;box-shadow:5px 5px 0 var(--yellow);transform:rotate(-5deg);margin-bottom:30px}
.page-title h1{font-size:clamp(42px,5.6vw,79px);padding:15px 27px 20px;border-width:5px;box-shadow:12px 12px 0 var(--ink);transform:rotate(-4deg);max-width:70%;line-height:1.35;white-space:normal}
.page-title>p:last-of-type{margin-top:33px;padding:15px 23px;background:var(--yellow);font-size:16px;line-height:1.9;transform:rotate(2deg);max-width:56%;box-shadow:6px 6px 0 var(--ink)}
.title-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.scene-slice{position:absolute;inset:0 0 0 66%;background-color:var(--red);background-image:radial-gradient(var(--ink) 3px,transparent 3.5px);background-size:21px 21px;transform:skewX(-13deg) translateX(70px);border-left:8px solid var(--ink)}
.scene-bubble{position:absolute;right:4%;top:88px;font:900 italic clamp(22px,2.8vw,43px)/1.05 "Arial Black",Arial,sans-serif;padding:37px 29px 42px;color:var(--ink);text-align:center;background:white;border:5px solid var(--ink);border-radius:47% 50% 46% 43%;box-shadow:8px 8px 0 var(--ink);transform:rotate(12deg);animation:bubble-float 5s ease-in-out infinite;z-index:2}
.scene-bubble:after{content:"";position:absolute;bottom:-18px;left:23%;width:31px;height:31px;background:white;border-bottom:5px solid var(--ink);border-left:5px solid var(--ink);transform:skewY(-30deg) rotate(-18deg)}
.scene-star{position:absolute;font-size:70px;color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;line-height:1;text-shadow:4px 4px 0 white;animation:star-wiggle 5s ease-in-out infinite;z-index:2}.star-one{right:26%;top:40px;transform:rotate(-15deg);font-size:78px}.star-two{right:2%;top:42px;font-size:48px;color:var(--lime);animation-delay:-2s}.star-three{right:8%;bottom:44px;font-size:85px;color:var(--lime);animation-delay:-3s}.scene-shout{position:absolute;right:18%;bottom:65px;font:900 italic clamp(49px,7vw,90px)/1 "Arial Black",Arial,sans-serif;color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 white;transform:rotate(-13deg);animation:pop-wiggle 6s ease-in-out infinite;z-index:1}.scene-orbit{position:absolute;right:5%;bottom:40px;width:280px;height:100px;border-bottom:5px solid var(--ink);border-radius:50%;transform:rotate(-17deg)}
/* Strong beats and quieter text panels alternate across the full site. */
.hero-image .speed-lines{background-size:100% 100%;background-repeat:no-repeat}.hero-image .hero-brand{max-width:520px;width:110%;flex-shrink:0}.hero .comic-tag{transform:rotate(-9deg);border-radius:47% 51% 43% 48%;padding:21px 29px}.hero .comic-tag strong{font-size:31px}.hero .mini-bubble{border-radius:46% 52% 45% 49%}.hero .star-a{animation-duration:3.7s}.hero-copy .accent-underline{display:inline-block;transform:rotate(-2deg);text-shadow:4px 4px 0 var(--yellow)}
.intro:before{background-size:100% 100%;background-repeat:no-repeat}.intro-pop span{font-size:55px}.business .section-number{font-size:clamp(55px,8vw,105px);transform:rotate(-13deg);animation:tag-rock 5s ease-in-out infinite}.business-sticker{border-radius:44% 52% 42% 45%;padding:24px 28px}.business-copy h3{display:table;background:var(--yellow);border:3px solid var(--ink);padding:12px 18px;transform:rotate(-3deg);box-shadow:5px 5px 0 var(--ink);margin-left:-10px;margin-bottom:32px}.principles article{position:relative;margin-right:35px;box-shadow:13px 13px 0 var(--ink);transform:rotate(-2.5deg)}.principles article+article{margin-left:35px;margin-right:0;transform:rotate(2.5deg);margin-top:55px}.principles article:after{content:"✦";position:absolute;right:-35px;top:-37px;font-size:74px;line-height:1;color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;pointer-events:none;animation:star-wiggle 5s ease-in-out infinite}.principles article+article:after{color:var(--cyan);top:auto;bottom:-35px;right:25px;animation-delay:-2s}.contact-rays{background-size:100% 100%;background-repeat:no-repeat}.contact-band h2{font-size:41px;transform:rotate(-2deg)}
@media(max-width:1050px) and (min-width:761px){.page-title h1{font-size:54px;max-width:69%;padding:17px 22px}.scene-bubble{right:2%;font-size:27px;padding:30px 23px}.scene-shout{right:15%;font-size:68px}.page-title>p:last-of-type{max-width:59%;font-size:15px}.star-one{right:29%;font-size:57px}.scene-slice{left:69%}}
@media(max-width:760px){.page-title{min-height:560px;padding:43px 24px 150px;background-image:repeating-conic-gradient(from -15deg at 72% 72%,#ffffffa6 0deg 7deg,transparent 7deg 20deg);background-size:100% 100%;border-bottom-width:5px}.page-title>.eyebrow{font-size:11px;margin-bottom:29px;max-width:100%}.page-title h1{font-size:clamp(31px,7.4vw,53px);max-width:100%;padding:14px 18px 18px;border-width:4px;box-shadow:7px 7px 0 var(--ink);transform:rotate(-4deg)}.page-title>p:last-of-type{font-size:13px;padding:12px 16px;line-height:1.9;max-width:91%;margin-top:27px;box-shadow:5px 5px 0 var(--ink)}.page-title:after{height:38px;bottom:-22px;border-top-width:5px;transform:rotate(-3deg)}.scene-slice{inset:57% -30% -30% 37%;transform:rotate(-17deg);border-top:6px solid var(--ink);border-left:6px solid var(--ink);background-size:19px 19px}.scene-bubble{top:auto;right:29px;bottom:37px;font-size:23px;padding:21px 22px 24px;border-width:4px;box-shadow:5px 5px 0 var(--ink);transform:rotate(10deg)}.scene-bubble:after{height:20px;width:20px;bottom:-12px;border-width:4px}.scene-shout{left:29px;right:auto;bottom:65px;font-size:51px;-webkit-text-stroke:3px var(--ink);text-shadow:4px 4px 0 white}.star-one{top:23px;right:25px;font-size:39px;-webkit-text-stroke:2px var(--ink)}.star-two{top:auto;bottom:140px;right:9px;font-size:35px}.star-three{font-size:37px;left:40%;right:auto;bottom:27px}.scene-orbit{right:23px;bottom:32px;width:160px;height:60px;border-bottom-width:3px}.hero-image .hero-brand{width:100%;max-width:375px}.hero .comic-tag{padding:13px 21px}.hero .comic-tag strong{font-size:24px}.intro-pop span{font-size:32px}.business .section-number{font-size:43px}.business-sticker{padding:15px 18px}.business-copy h3{font-size:26px;padding:10px 15px;margin-left:-6px;margin-bottom:28px;box-shadow:4px 4px 0 var(--ink)}.principles article{margin-right:10px;border-width:4px;box-shadow:7px 7px 0 var(--ink)}.principles article+article{margin-left:10px;margin-top:40px}.principles article:after{font-size:46px;right:-22px;top:-25px;-webkit-text-stroke:2px var(--ink)}.principles article+article:after{font-size:39px;bottom:-24px;right:15px}.contact-band h2{font-size:33px}}
@media(max-width:370px){.page-title{padding-left:21px;padding-right:21px;min-height:550px}.page-title h1{font-size:30px;padding-left:12px;padding-right:12px}.page-title>p:last-of-type{max-width:100%;font-size:12px}.scene-bubble{right:18px;font-size:20px;padding:20px}.scene-shout{left:22px;font-size:43px}}
@media(prefers-reduced-motion:reduce){.scene-star,.scene-bubble,.scene-shout,.business .section-number,.principles article:after{animation:none!important}}