/* Presentation layer for this landing page only. Form rules stay in promotion.css. */
.promotion-playful .promotion-hero{padding-top:clamp(160px,14vw,210px);padding-bottom:125px;background:radial-gradient(circle at 48% 35%,#35ebc415,transparent 27%);gap:clamp(22px,4vw,60px)}
.promotion-playful .promotion-hero:after{content:'';position:absolute;z-index:-1;left:-10vw;bottom:-8vw;width:24vw;height:24vw;min-width:160px;min-height:160px;border-radius:50%;background:var(--mint);opacity:.7}
.promotion-playful .promotion-orbit{border-color:var(--mint);opacity:.65;border-width:34px;right:-17vw;top:-27vw;width:52vw;height:52vw;transform:rotate(-12deg)}
.promotion-playful .promotion-hero h1{font-size:clamp(2.6rem,4.9vw,5.2rem);line-height:1.31;transform:rotate(-2.5deg);letter-spacing:-.07em;margin-bottom:0}
.promotion-playful .promotion-marker:after{display:none}
.promotion-title-stroke{display:block;width:90%;height:auto;margin:0 0 22px 2%;overflow:visible}
.promotion-title-stroke path,.promotion-art-swoop path{fill:none;stroke:var(--mint);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.promotion-playful .promotion-hero-lead{font-weight:900}.promotion-playful .promotion-hero-note{max-width:430px}
.promotion-playful .promotion-hero-art{padding:20px 0 30px;isolation:isolate;width:100%}
.promotion-playful .promotion-key-art{transform:rotate(4deg);filter:drop-shadow(0 18px 23px #122c2522)}
.promotion-art-kicker{position:absolute;top:-10px;right:4%;font:italic 900 clamp(.9rem,1.7vw,1.5rem)/1 var(--display);letter-spacing:-.04em;transform:rotate(-8deg);z-index:2;background:var(--yellow);padding:10px 15px}
.promotion-play-sticker{position:absolute;z-index:3;left:-18px;bottom:30px;width:112px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);background:var(--pink);color:var(--ink);font:italic 900 1rem/1.05 var(--display);letter-spacing:-.04em;box-shadow:0 6px 20px #0001}
.promotion-art-swoop{position:absolute;z-index:4;right:-3%;bottom:-12px;width:68%;height:auto;overflow:visible;pointer-events:none;transform:rotate(-6deg)}
.promotion-playful .promotion-art-caption{margin-top:38px;text-align:center;padding-left:55px;font-size:.67rem}
.promotion-hero-spark{position:absolute;top:18%;left:45%;font-size:44px;line-height:1;z-index:3;pointer-events:none}
.promotion-hero-dot{position:absolute;bottom:12%;left:47%;width:26px;height:26px;background:var(--yellow);border-radius:50%;z-index:1;pointer-events:none}
.promotion-play-strip{position:relative;z-index:4;overflow:hidden;background:var(--mint);padding:12px 0;transform:rotate(-1.4deg) scale(1.02);margin:-25px 0 0;box-shadow:0 4px 0 #101111;pointer-events:none}
.promotion-play-strip>span{display:block;width:max-content;white-space:nowrap;font:900 clamp(1.2rem,2.5vw,2.2rem)/1.1 var(--display);letter-spacing:-.045em;word-spacing:.15em;transform:translateX(-4%)}
.promotion-play-strip b{display:inline-block;margin:0 23px;font-size:1.4em;vertical-align:-.08em}
.promotion-playful .promotion-bridge{padding-top:90px;padding-bottom:80px;gap:34px 55px;isolation:isolate}
.promotion-playful .promotion-bridge:before{content:'✦';position:absolute;right:3%;top:18px;font-size:40px;color:var(--pink);line-height:1;z-index:-1}
.promotion-playful .promotion-bridge h2{transform:rotate(-2deg);font-size:clamp(2.15rem,3.8vw,3.9rem);line-height:1.45;text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:5px;text-underline-offset:9px}
.promotion-playful .promotion-connection{gap:15px;font-size:.8rem}.promotion-playful .promotion-connection span{border-bottom:2px solid var(--mint);padding-bottom:10px;transform:rotate(-3deg)}
.promotion-display-word{position:relative;z-index:1;font:900 clamp(3.5rem,7.2vw,7.7rem)/.95 var(--display);letter-spacing:-.075em;margin:0 0 26px;max-width:100%;transform:rotate(-1.6deg)}
.promotion-display-word>span{position:absolute;right:0;bottom:-.12em;font-size:1.15em;line-height:1;color:var(--mint)}
.promotion-playful .promotion-section-heading{border-bottom:0;padding-bottom:0;margin-bottom:40px;gap:25px;position:relative;z-index:1}
.promotion-playful .promotion-section-heading h2{font-size:clamp(1.65rem,2.8vw,2.8rem);line-height:1.45;letter-spacing:-.04em}
.promotion-playful .promotion-section-heading .promotion-eyebrow{margin-bottom:11px}
.promotion-playful .promotion-ideas{position:relative;isolation:isolate}
.promotion-playful .promotion-ideas:before{content:'';position:absolute;top:9%;right:-80px;width:230px;height:230px;border:18px solid var(--mint-soft);border-radius:50%;z-index:-1;pointer-events:none}
.promotion-playful .promotion-idea{padding:42px 0;border-bottom:1px solid var(--line);gap:35px}
.promotion-playful .promotion-idea:first-of-type{border-top:2px solid var(--ink)}
.promotion-playful .promotion-idea-number{position:relative;isolation:isolate;font-size:clamp(3.3rem,5.8vw,5.6rem);transform:rotate(-5deg)}
.promotion-playful .promotion-idea-number:before{content:'';position:absolute;z-index:-1;left:-10px;top:-4px;width:73px;aspect-ratio:1;background:var(--mint-soft);border-radius:50%}
.promotion-playful .promotion-idea:nth-of-type(2) .promotion-idea-number:before{background:#ffe0ef}.promotion-playful .promotion-idea:nth-of-type(3) .promotion-idea-number:before{background:#fff8c0}
.promotion-playful .promotion-idea-visual{box-shadow:0 12px 25px #10111115;transform:rotate(4deg);outline:8px solid white}
.promotion-playful .promotion-idea:nth-of-type(2) .promotion-idea-visual{transform:rotate(-4deg)}
.promotion-playful .promotion-games{background:#f5fffcc9;isolation:isolate;overflow:hidden}
.promotion-playful .promotion-games:before{content:'';position:absolute;left:-70px;top:65px;width:180px;height:180px;border-radius:50%;background:var(--pink);opacity:.2;z-index:-1}
.promotion-playful .promotion-games .promotion-display-word{max-width:1292px;margin-left:auto;margin-right:auto}
.promotion-playful .promotion-games .promotion-display-word>span{color:var(--ink)}
.promotion-playful .promotion-game-grid{padding-top:22px}
.promotion-playful .promotion-game{--game-accent:var(--mint)}
.promotion-playful .promotion-game:nth-child(2){--game-accent:var(--pink);margin-top:60px}
.promotion-playful .promotion-game:nth-child(3){--game-accent:var(--yellow);margin-top:-5px}
.promotion-playful .promotion-game-image{transform:rotate(-3deg);transition:transform .3s ease}
.promotion-playful .promotion-game:nth-child(2) .promotion-game-image{transform:rotate(3deg)}
.promotion-playful .promotion-game-image img{box-shadow:8px 10px 0 var(--game-accent),0 15px 25px #0002}
.promotion-playful .promotion-game>small:before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--game-accent);margin-right:7px;vertical-align:-1px}
.promotion-playful .promotion-game-play b{background:var(--game-accent)}
.promotion-playful .promotion-process .promotion-display-word{font-size:clamp(3.2rem,6.5vw,7rem)}
.promotion-playful .promotion-steps{column-gap:24px}
.promotion-playful .promotion-steps li:nth-child(n){border-left:0;border-top:3px solid var(--ink);padding:22px 0 12px;position:relative}
.promotion-playful .promotion-steps li:before{content:'';position:absolute;right:0;top:-11px;width:18px;height:18px;background:var(--mint);border:4px solid white;border-radius:50%}
.promotion-playful .promotion-steps li:nth-child(2):before{background:var(--pink)}.promotion-playful .promotion-steps li:nth-child(3):before{background:var(--yellow)}
.promotion-playful .promotion-steps li>span{font-size:.7rem;margin-bottom:22px;transform:rotate(-2deg);color:var(--ink)}
.promotion-playful .promotion-pricing{transform:rotate(-1deg);box-shadow:5px 6px 0 var(--mint);margin-top:50px}
.promotion-playful .promotion-consult:before{width:500px;height:500px;border:0;background:var(--mint);opacity:.14;right:-140px;top:-280px}
.promotion-playful .promotion-consult:after{content:'✦';position:absolute;right:7%;top:180px;font-size:58px;line-height:1;color:var(--pink);pointer-events:none}
.promotion-playful .promotion-consult .promotion-display-word{color:var(--mint);margin-bottom:32px}
.promotion-playful .promotion-consult h2{transform:rotate(-1.5deg);transform-origin:left center}
.promotion-playful .promotion-form{margin-top:52px}
.promotion-presentation-ready [data-promotion-reveal]{opacity:0;translate:0 24px;transition:opacity .65s ease,translate .65s ease;transition-delay:var(--promotion-delay,0ms)}
.promotion-presentation-ready [data-promotion-reveal].is-visible{opacity:1;translate:0 0}
@media(hover:hover){.promotion-playful .promotion-game:hover .promotion-game-image{transform:rotate(0deg) translateY(-5px)}}
@media(prefers-reduced-motion:no-preference){.promotion-title-stroke path{stroke-dasharray:650;stroke-dashoffset:650;animation:promotion-pen 1.25s .2s ease forwards}.promotion-hero-spark{animation:promotion-bob 5s ease-in-out infinite alternate}.promotion-hero-dot{animation:promotion-bob 6s 1s ease-in-out infinite alternate}}
@keyframes promotion-pen{to{stroke-dashoffset:0}}
@keyframes promotion-bob{to{transform:translateY(-12px) rotate(10deg)}}
@media(max-width:980px){.promotion-playful .promotion-hero{padding-top:150px;padding-bottom:95px;gap:70px}.promotion-playful .promotion-hero h1{font-size:clamp(2.8rem,6.7vw,4.4rem)}.promotion-title-stroke{max-width:500px;margin-bottom:22px}.promotion-playful .promotion-hero-art{max-width:590px;width:91%}.promotion-hero-spark{top:9%;left:auto;right:12%;font-size:32px}.promotion-hero-dot{left:5%;bottom:18%}.promotion-playful .promotion-orbit{top:13%;right:-40vw;width:80vw;height:80vw;border-width:25px}.promotion-playful .promotion-bridge{padding-top:70px;padding-bottom:65px}.promotion-playful .promotion-idea{gap:26px}.promotion-playful .promotion-idea-visual{margin-top:12px}.promotion-playful .promotion-steps{column-gap:25px}}
@media(max-width:640px){.promotion-playful .promotion-hero{padding-top:135px;padding-bottom:88px;gap:55px}.promotion-playful .promotion-hero h1{font-size:clamp(2rem,8.9vw,3.3rem);line-height:1.36}.promotion-title-stroke{width:92%;margin-bottom:20px}.promotion-playful .promotion-hero-art{width:90%;padding-top:17px;padding-bottom:26px}.promotion-art-kicker{font-size:.75rem;padding:8px 11px;right:0;top:-14px}.promotion-play-sticker{width:84px;font-size:.75rem;left:-13px;bottom:19px}.promotion-art-swoop{width:63%;bottom:-8px;right:-4%}.promotion-art-swoop path{stroke-width:6}.promotion-playful .promotion-art-caption{margin-top:31px;font-size:.58rem;padding-left:35px}.promotion-playful .promotion-orbit{right:-45vw;top:15%;border-width:18px}.promotion-hero-spark{top:11%;right:10%;font-size:26px}.promotion-hero-dot{left:3%;bottom:8%;width:19px;height:19px}.promotion-play-strip{padding:11px 0;margin-top:-15px}.promotion-play-strip>span{font-size:1.18rem}.promotion-play-strip b{margin:0 15px}.promotion-playful .promotion-bridge{padding-top:57px;padding-bottom:51px;gap:28px}.promotion-playful .promotion-bridge h2{font-size:1.95rem;text-decoration-thickness:4px;text-underline-offset:7px}.promotion-playful .promotion-bridge:before{right:6%;top:18px;font-size:27px}.promotion-playful .promotion-connection{gap:9px;font-size:.63rem}.promotion-playful .promotion-connection span{padding-bottom:8px}.promotion-display-word{font-size:clamp(2.5rem,9vw,3.6rem);letter-spacing:-.075em;margin-bottom:23px;line-height:1}.promotion-display-word>span{display:none}.promotion-playful .promotion-section-heading h2{font-size:1.7rem}.promotion-playful .promotion-section-heading{margin-bottom:30px;gap:18px}.promotion-playful .promotion-idea{gap:15px;padding:30px 0}.promotion-playful .promotion-idea-number{font-size:2.7rem}.promotion-playful .promotion-idea-number:before{width:46px;left:-5px;top:0}.promotion-playful .promotion-idea-visual{width:calc(100% - 18px);outline-width:6px;margin-top:13px}.promotion-playful .promotion-game-grid{padding-top:10px;gap:47px}.promotion-playful .promotion-game:nth-child(n){margin-top:0}.promotion-playful .promotion-game-image{width:calc(100% - 13px)}.promotion-playful .promotion-game-image img{box-shadow:6px 8px 0 var(--game-accent),0 13px 20px #0002}.promotion-playful .promotion-games:before{top:35px;width:130px;height:130px}.promotion-playful .promotion-process .promotion-display-word{font-size:clamp(2.35rem,8vw,3.3rem);line-height:1.05}.promotion-playful .promotion-steps{gap:22px}.promotion-playful .promotion-steps li:nth-child(n){border-bottom:0;padding:20px 0 3px}.promotion-playful .promotion-steps li>span{font-size:.56rem;margin-bottom:0}.promotion-playful .promotion-pricing{margin-top:35px}.promotion-playful .promotion-consult:after{right:5%;top:135px;font-size:30px}.promotion-playful .promotion-consult .promotion-display-word{font-size:clamp(2.7rem,11vw,4rem);margin-bottom:24px}.promotion-playful .promotion-form{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.promotion-presentation-ready [data-promotion-reveal]{opacity:1;translate:none;transition:none}.promotion-title-stroke path{stroke-dashoffset:0}.promotion-playful .promotion-game-image{transition:none}}