:root{--red:#fa4940;--lime:#a5d51c;--cyan:#05b8d4}
/* Diagonal panels carry the reference's collage rhythm. */
.hero{background-color:var(--red);background-image:radial-gradient(#201b18 2.5px,transparent 3px);background-size:19px 19px;gap:36px;padding-top:72px;padding-bottom:5px;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--blue);clip-path:polygon(44% 0,100% 0,100% 100%,65% 100%);border-left:8px solid var(--ink)}.hero-copy{transform:rotate(-2.4deg);border-width:5px;box-shadow:12px 12px 0 var(--ink);padding-top:37px}.hero-image{transform:rotate(3deg);border-width:6px;box-shadow:12px 12px 0 var(--ink);background-color:var(--yellow);background-size:15px 15px;background-image:radial-gradient(#201b1840 2px,transparent 2.5px);margin-top:18px}.hero-image .speed-lines{background:repeating-conic-gradient(from -8deg at 50% 42%,transparent 0deg 15deg,#fffefabb 15deg 20deg,transparent 20deg 30deg)}.hero-corner-color{position:absolute;inset:0;background:var(--lime);clip-path:polygon(68% 0,100% 0,100% 34%);z-index:-1}.hero-bottom{position:relative;z-index:1;background:var(--ink);border:3px solid var(--ink);margin-left:-18px;margin-right:-18px;padding:15px 18px;transform:rotate(-1deg)}.hero .pop-word{font-size:61px;bottom:103px;left:-38px;color:var(--red);text-shadow:4px 4px 0 white;-webkit-text-stroke:3px var(--ink)}.hero .mini-bubble{background:white;color:var(--ink);font-size:15px;border-width:4px;right:-26px;top:34%;padding:20px 18px;transform:rotate(16deg)}.hero .star-a{font-size:77px;color:var(--lime);left:-20px;top:96px}.hero .star-b{font-size:68px;right:-12px;top:57px;color:white}.hero .comic-caption{font-size:12px;background:var(--lime);border-width:3px;left:-28px;top:14px;transform:rotate(-7deg)}.hero .comic-tag{background:white;border-width:4px;bottom:17px;right:12px;box-shadow:6px 6px 0 var(--ink)}.comic-ticker{transform:rotate(.8deg) scale(1.015);border-top:4px solid var(--ink);margin-top:-4px;position:relative;z-index:3;background:var(--lime)}
.intro{padding-top:115px;padding-bottom:115px;isolation:isolate}.intro:before{content:"";position:absolute;z-index:-1;left:18px;top:55px;bottom:40px;width:25%;background-color:var(--cyan);background-image:repeating-conic-gradient(from 0deg at 50% 60%,white 0deg 8deg,var(--cyan) 8deg 16deg);border:5px solid var(--ink);transform:rotate(-5deg);box-shadow:7px 7px 0 var(--ink)}.intro>.eyebrow{justify-self:start;transform:rotate(-5deg);margin-left:2px}.intro>div:not(.intro-pop){background:var(--paper);border:4px solid var(--ink);padding:34px;box-shadow:9px 9px 0 var(--ink);transform:rotate(1deg)}.intro-pop{position:absolute;left:7%;top:39%;z-index:1;pointer-events:none}.intro-pop span{display:block;font:900 italic 48px/.95 "Arial Black",Arial,sans-serif;color:white;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--red);transform:rotate(-12deg)}.intro-pop i{display:block;font-size:60px;color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;line-height:1;margin-top:20px;animation:star-wiggle 6s ease-in-out infinite}.section-doodle{left:45px;bottom:75px;font-size:30px;z-index:2}
.business{background-color:var(--yellow);border-top-width:7px;border-bottom-width:7px;background-size:18px 18px;background-image:radial-gradient(#201b1830 2px,transparent 2.5px);position:relative}.section-heading{transform:rotate(-1.5deg);margin-bottom:65px}.business-card{transform:rotate(1.2deg);border-width:5px;box-shadow:12px 12px 0 var(--ink)}.business-sticker{background:var(--red);font-size:25px;padding:20px 23px;top:-35px;left:-32px;transform:rotate(-15deg);border-width:4px}.business-copy{background:white}.business .section-number{color:var(--red);text-shadow:5px 5px 0 white}.bibi-brand{background:var(--lime);border-right-width:5px}.bibi-brand>img{background:#fffef8;border:3px solid var(--ink);padding:20px;box-shadow:5px 5px 0 var(--ink);width:87%;max-width:365px;transform:rotate(-3deg)}.bibi-brand>span{font-weight:800}
/* About and contact receive full comic collages, not just a title label. */
.page-title{min-height:425px;overflow:clip;padding-top:65px;padding-bottom:65px;background-color:var(--cyan);background-image:repeating-conic-gradient(from -12deg at 29% 70%,#fffdf5 0deg 5deg,var(--cyan) 5deg 13deg);border-bottom:7px solid var(--ink);isolation:isolate}.page-title>.eyebrow,.page-title>h1,.page-title>p{position:relative;z-index:2;max-width:57%}.page-title h1{display:table;background:white;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:10px 25px;font-size:clamp(36px,4.7vw,65px);transform:rotate(-3deg);text-shadow:none;line-height:1.45}.page-title>p:last-of-type{transform:rotate(1.5deg);border-width:3px;margin-top:27px;background:var(--yellow)}.page-title .title-objects{display:none}.chaos-collage{position:absolute;inset:-22px -20px -20px 61%;display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:1fr 1fr;gap:0;transform:rotate(5deg);z-index:0;pointer-events:none;border:5px solid var(--ink)}.chaos-tile{border:5px solid var(--ink);display:flex;align-items:center;justify-content:center;position:relative;min-width:0;overflow:hidden}.tile-red{background-color:var(--red);background-image:radial-gradient(var(--ink) 3px,transparent 3.5px);background-size:17px 17px;transform:skewY(-6deg) scale(1.13);z-index:1}.tile-green{background:var(--lime);flex-direction:column;gap:12px}.tile-rays{background:repeating-conic-gradient(at 50% 55%,white 0deg 9deg,var(--cyan) 9deg 18deg);transform:skewY(-6deg) scale(1.12);z-index:2}.tile-blue{background:var(--blue);background-image:radial-gradient(#fff4 1px,transparent 2px);background-size:9px 9px}.cloud-bubble{display:block;position:relative;background:white;color:var(--ink);border:5px solid var(--ink);border-radius:45% 55% 40% 48% / 50% 45% 55% 42%;box-shadow:5px 5px 0 var(--ink);padding:28px 20px;font:900 italic clamp(19px,2.2vw,32px)/1.05 "Arial Black",Arial,sans-serif;text-align:center;transform:rotate(-12deg);animation:tag-rock 7s ease-in-out infinite}.collage-star{font-size:67px;line-height:1;color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;animation:star-wiggle 5s ease-in-out infinite}.tile-word{font:900 italic 20px/1 "Arial Black",Arial,sans-serif;transform:rotate(-8deg)}.mini-star{position:absolute;right:22px;bottom:28px;font-size:32px;color:white;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.burst-word{font:900 italic 58px/1 "Arial Black",Arial,sans-serif;color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);transform:rotate(-15deg)}
.about-message{position:relative;padding-top:85px;padding-bottom:100px}.about-message>div:not(.vision-pop):last-child{padding:35px;border:4px solid var(--ink);background:white;box-shadow:8px 8px 0 var(--ink);transform:rotate(-1deg)}.vision-pop{position:absolute;left:55px;top:210px;background:var(--red);border:5px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:rotate(-10deg);padding:24px;color:white;font:900 italic 28px/1.05 "Arial Black",Arial,sans-serif;z-index:1}.vision-pop strong{font-size:56px;color:var(--yellow);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.vision-pop span{position:absolute;right:-30px;top:-30px;font-size:60px;color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;animation:star-wiggle 5s ease-in-out infinite}.vertical-english{display:none}.principles{background:var(--red);background-image:radial-gradient(var(--ink) 2.5px,transparent 3px);background-size:17px 17px;border-width:7px}.principles article{transform:rotate(-2deg);border-width:5px;box-shadow:10px 10px 0 var(--ink)}.principles article+article{transform:rotate(2deg);border-width:5px;background:var(--yellow)}.principles article+article .eyebrow{background:var(--lime)}.service-summary{position:relative}.service-burst{position:absolute;right:36px;top:15px;background:var(--lime);border:4px solid var(--ink);padding:12px 20px;transform:rotate(12deg);font:900 italic 18px/1.05 "Arial Black",Arial,sans-serif;box-shadow:5px 5px 0 var(--ink);z-index:2;pointer-events:none}.service-logo{background:var(--cyan);border-width:5px;transform:rotate(-4deg)}.service-logo img{background:white;padding:20px;border:3px solid var(--ink)}.company dl{transform:rotate(.7deg)}.contact-band{overflow:clip;background:var(--blue);border-top:6px solid var(--ink);padding-top:95px;padding-bottom:95px}.contact-rays{position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 0deg at 85% 65%,transparent 0deg 12deg,#ffffff20 12deg 17deg);pointer-events:none}.contact-pop{top:16px;right:6%;font-size:57px}.contact-band .eyebrow{background:var(--lime)}.contact-star{font-size:95px;right:25px;bottom:5px}.contact-layout form{position:relative;z-index:1}.contact-layout aside .nursery-note{padding:24px 20px;background:var(--lime);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(-3deg)}
/* Stars travel through the viewport on staggered paths; no pointer interception. */
.star-flight-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:24;contain:strict;transition:opacity .2s}.flying-star{position:absolute;left:-150px;top:0;width:80px;height:80px;animation:star-cross 14s linear infinite;pointer-events:none;will-change:transform;--rise:-25vh}.flying-star>span{display:block;color:var(--yellow);font-size:62px;line-height:1;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;filter:drop-shadow(3px 4px 0 #201b1845);animation:star-turn 8s linear infinite}.flying-star:before{content:"";position:absolute;right:55px;top:28px;width:100px;height:8px;background:linear-gradient(90deg,transparent,#ffe034c9);border-radius:50%;transform:rotate(7deg);opacity:.7}.flight-1{top:26%;animation-delay:-1s;animation-duration:16s}.flight-2{top:75%;animation-delay:-7s;animation-duration:19s;--rise:-48vh}.flight-2>span{font-size:34px;color:white}.flight-3{top:12%;animation-delay:-11s;animation-duration:21s;--rise:48vh}.flight-3>span{font-size:45px;color:var(--lime)}.flight-4{top:92%;animation-delay:-3s;animation-duration:17s;--rise:-45vh}.flight-4>span{font-size:26px;color:var(--yellow)}.flight-5{top:44%;animation-delay:-14s;animation-duration:25s;--rise:37vh}.flight-5>span{font-size:38px;color:var(--red)}.flight-6{top:62%;animation-delay:-8s;animation-duration:14s;--rise:-50vh}.flight-6>span{font-size:25px;color:white}.flight-7{top:8%;animation-delay:-18s;animation-duration:23s;--rise:62vh}.flight-7>span{font-size:23px;color:var(--cyan)}.flight-8{top:87%;animation-delay:-10s;animation-duration:20s;--rise:-20vh}.flight-8>span{font-size:45px;color:var(--yellow)}.flight-2:before,.flight-4:before,.flight-6:before,.flight-7:before{display:none}.motion-paused .star-flight-layer{visibility:hidden}.page-inactive *{animation-play-state:paused!important}body:has(#contact-form :focus) .star-flight-layer{opacity:.08}.motion-toggle{z-index:55}
@keyframes star-cross{0%{transform:translate3d(-40px,0,0);opacity:0}5%{opacity:.85}85%{opacity:.85}100%{transform:translate3d(calc(100vw + 300px),var(--rise),0);opacity:0}}
@keyframes star-turn{to{rotate:360deg}}
@media(max-width:1050px){.hero h1{font-size:54px}.hero{gap:27px}.hero-copy{padding-left:25px;padding-right:25px}.hero .pop-word{font-size:46px;left:-25px}.hero .mini-bubble{font-size:12px;right:-18px;padding:17px 12px}.hero .comic-caption{font-size:10px;left:-19px}.intro-pop{left:7%}.intro-pop span{font-size:38px}.intro>div:not(.intro-pop){padding:28px}.vision-pop{left:32px;padding:20px;font-size:22px}.vision-pop strong{font-size:43px}.page-title{min-height:380px}.cloud-bubble{padding:22px 12px}.tile-word{font-size:16px}.chaos-collage{left:62%}.burst-word{font-size:45px}}
@media(max-width:760px){.hero{padding-top:37px;gap:36px}.hero-copy{transform:rotate(-1.6deg);border-width:4px;padding:27px 23px;box-shadow:7px 7px 0 var(--ink)}.hero h1{font-size:clamp(43px,11vw,65px)}.hero-image{transform:rotate(2deg);border-width:4px;box-shadow:7px 7px 0 var(--ink);margin-top:0}.hero .pop-word{font-size:41px;left:-13px;bottom:92px}.hero .mini-bubble{font-size:10px;padding:12px;right:-14px}.hero .star-a{font-size:43px;top:72px;left:-8px}.hero .star-b{font-size:45px;top:48px;right:0}.hero .comic-caption{font-size:9px;left:-12px}.hero-bottom{margin:0 -5px;padding:11px 12px}.comic-ticker{margin-top:0}.intro{padding-top:155px;padding-bottom:80px;display:block}.intro:before{top:29px;left:25px;right:25px;bottom:auto;width:auto;height:106px;transform:rotate(-3deg);border-width:4px;box-shadow:5px 5px 0 var(--ink)}.intro>.eyebrow{position:absolute;top:59px;left:41px;margin:0}.intro-pop{top:52px;left:auto;right:46px;display:flex;align-items:center;gap:13px}.intro-pop span{font-size:30px}.intro-pop i{font-size:40px;margin:0}.intro>div:not(.intro-pop){padding:25px 20px;transform:rotate(.8deg);border-width:3px;box-shadow:6px 6px 0 var(--ink)}.intro h2{font-size:27px}.section-doodle{left:auto;right:30px;bottom:23px;font-size:25px}.business{border-width:5px}.section-heading{margin-bottom:47px}.business-card{transform:rotate(.7deg);border-width:4px;box-shadow:7px 7px 0 var(--ink)}.business-sticker{font-size:17px;top:-25px;left:-15px;padding:14px;border-width:3px}.bibi-brand{border-right:0}.bibi-brand>img{padding:15px}.page-title{padding:40px 24px 210px;min-height:0;border-width:5px}.page-title>.eyebrow,.page-title>h1,.page-title>p{max-width:100%}.page-title h1{font-size:36px;padding:9px 17px;border-width:3px;box-shadow:5px 5px 0 var(--ink)}.page-title>p:last-of-type{font-size:13px;padding:10px 14px;margin-top:24px}.chaos-collage{left:-14px;right:-14px;top:auto;bottom:-20px;height:180px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;transform:rotate(-3deg);border-width:3px}.chaos-tile{border-width:3px}.cloud-bubble{font-size:16px;padding:20px 8px;border-width:3px;box-shadow:3px 3px 0 var(--ink)}.tile-word{font-size:12px}.collage-star{font-size:40px}.mini-star{font-size:23px;right:8px;bottom:15px}.burst-word{font-size:34px}.about-message{padding-top:132px;padding-bottom:68px;display:block}.message-label{position:absolute;left:25px;top:52px}.message-label .eyebrow{font-size:10px}.vision-pop{left:auto;right:32px;top:23px;font-size:15px;transform:rotate(8deg);padding:12px 17px;border-width:3px;box-shadow:4px 4px 0 var(--ink)}.vision-pop strong{font-size:30px}.vision-pop span{font-size:35px;right:-17px;top:-17px}.about-message>div:not(.vision-pop):last-child{padding:27px 20px;border-width:3px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-.7deg)}.about-message h2{font-size:26px}.principles{border-width:5px}.principles article,.principles article+article{border-width:4px;box-shadow:6px 6px 0 var(--ink)}.service-summary{padding-top:75px}.service-burst{font-size:13px;padding:8px 12px;top:14px;right:25px;border-width:3px;box-shadow:3px 3px 0 var(--ink)}.service-logo{border-width:4px;padding:25px;transform:rotate(-2deg)}.company dl{transform:none}.contact-band{padding:80px 24px 65px;border-width:4px}.contact-pop{font-size:36px;top:16px;right:25px}.contact-star{font-size:51px;right:15px;bottom:5px}.contact-layout aside .nursery-note{padding:19px 16px;transform:rotate(-1deg)}.flight-5,.flight-6,.flight-7,.flight-8{display:none}.flying-star>span{font-size:36px}.flight-2>span{font-size:23px}.flight-3>span{font-size:30px}.flight-4>span{font-size:20px}.flying-star:before{width:65px;right:65px;top:15px;height:5px}.star-flight-layer{opacity:.75}}
@media(prefers-reduced-motion:reduce){.star-flight-layer{display:none}.cloud-bubble,.collage-star,.intro-pop i,.vision-pop span{animation:none!important}}