
:root{--cream:#f6f0e5;--black:#050505;--blue:#1128d8;--pink:#fa48a0;--orange:#ff5818;--lime:#dfff00;--line:#171717}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--cream)}.brand{font-size:2.25rem;font-weight:1000;letter-spacing:-.13em}.brand span{color:var(--pink)}.navLinks{display:flex;gap:2rem;font-size:.8rem;font-weight:700}.navLinks a:hover{text-decoration:underline}.navCta{background:var(--black);color:white;padding:13px 18px;border-radius:999px;font-size:.8rem;font-weight:800;display:flex;gap:14px}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:53% 47%;border-bottom:1px solid var(--line)}.heroCopy{padding:7vw 4vw 3vw;display:flex;flex-direction:column}.eyebrow,.sectionKicker{font-size:.72rem;letter-spacing:.16em;font-weight:900}.eyebrow span{color:var(--pink);margin-right:8px}.hero h1,.problem h2,.experience h2,.hrCopy h2,.package h2,.contact h2{font-size:clamp(3.5rem,6.4vw,7rem);line-height:.87;letter-spacing:-.075em;margin:2rem 0;font-weight:950}.hero h1 i,.problem h2 i,.experience h2 i,.package h2 i,.contact h2 i{font-family:Georgia,serif;font-weight:400}.hero h1 i{color:var(--blue)}.heroLead{font-size:1.14rem;line-height:1.55;max-width:590px}.heroActions{display:flex;align-items:center;gap:24px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:18px 23px;border-radius:999px;font-size:.84rem;font-weight:900;transition:transform .2s}.button:hover{transform:translateY(-3px)}.buttonDark{background:var(--black);color:white}.textLink{font-size:.82rem;font-weight:800}.heroMeta{display:flex;gap:0;margin-top:auto;padding-top:42px}.heroMeta div{display:flex;flex-direction:column;padding:0 26px;border-left:1px solid}.heroMeta div:first-child{padding-left:0;border:0}.heroMeta strong{font-size:1.4rem}.heroMeta span{font-size:.7rem;text-transform:uppercase;margin-top:4px}.heroArt{position:relative;overflow:hidden;background:var(--orange);min-height:600px}.blueField{position:absolute;top:0;left:0;width:100%;height:24%;background:var(--blue);color:white;display:flex;justify-content:space-evenly;align-items:flex-start;padding-top:25px;font-size:.62rem;font-weight:900;letter-spacing:.1em}.heroLogo{position:absolute;z-index:2;left:8%;top:26%;font-weight:1000;font-size:clamp(5rem,11vw,11rem);letter-spacing:-.14em;transform:rotate(-4deg)}.roundSticker{position:absolute;z-index:3;right:5%;top:8%;width:170px;height:170px;border-radius:50%;background:var(--lime);font-size:1.8rem;line-height:.8;font-weight:1000;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(7deg);box-shadow:4px 5px 0 #000}.fork{position:absolute;left:7%;bottom:4%;font-size:15rem;color:var(--pink);font-family:Georgia}.pinkWave{position:absolute;right:-1%;bottom:-10%;color:var(--pink);font-size:27rem;line-height:1;font-weight:900;transform:rotate(-20deg)}.blackStamp{position:absolute;right:9%;top:48%;z-index:2;background:#000;color:#fff;width:170px;height:170px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.82rem;font-weight:900;line-height:1.4;transform:rotate(8deg);border:2px solid white}.limeBurst{position:absolute;z-index:3;right:33%;bottom:10%;font-size:6rem;color:var(--lime)}.artTag{position:absolute;left:8%;bottom:4%;z-index:4;background:var(--lime);padding:15px;font-size:1.15rem;line-height:.85;font-weight:1000}.marquee{background:#000;color:white;overflow:hidden;display:flex;white-space:nowrap;padding:15px 0;font-size:.73rem;letter-spacing:.32em;font-weight:900}.marquee span{animation:scroll 20s linear infinite;padding-right:2rem}@keyframes scroll{to{transform:translateX(-100%)}}.problem{padding:9vw 4vw}.problem>div:first-child{display:flex;justify-content:space-between}.problem h2{font-size:clamp(3.2rem,5.6vw,6rem);margin-top:4rem}.problem h2 i{color:var(--pink)}.problemCopy{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-left:42%;font-size:1.1rem;line-height:1.55}.problemCopy p:first-child{font-size:1.75rem;font-weight:800;line-height:1.2}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:7vw;border-top:1px solid}.outcomes article{padding:28px;border-right:1px solid}.outcomes article:first-child{padding-left:0}.outcomes span{display:inline-block;background:var(--lime);border:1px solid;border-radius:50%;padding:7px;font-size:.7rem;font-weight:900}.outcomes h3{font-size:1.55rem;margin:35px 0 12px}.outcomes p{line-height:1.5;color:#444}.experience{background:var(--blue);color:white;padding:8vw 4vw;display:grid;grid-template-columns:40% 60%;gap:7vw}.light{color:var(--lime)}.experience h2{font-size:clamp(3.1rem,5.4vw,5.6rem)}.experience h2 i{color:var(--pink)}.experienceIntro>p:last-child{max-width:410px;line-height:1.6;color:#d8dbff}.steps{border-top:1px solid #6674ed}.steps article{display:grid;grid-template-columns:60px 1fr 70px;gap:25px;padding:34px 0;border-bottom:1px solid #6674ed}.stepNumber{font-family:Georgia,serif;font-style:italic;color:var(--lime);font-size:1.7rem}.stepTag{font-size:.64rem;letter-spacing:.16em;color:#9ca5ff;font-weight:900}.steps h3{font-size:1.5rem;margin:8px 0}.steps article p:last-child{color:#d8dbff;line-height:1.55}.stepIcon{width:58px;height:58px;background:var(--pink);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:900}.steps article:nth-child(2) .stepIcon{background:var(--lime)}.steps article:nth-child(3) .stepIcon{background:var(--orange)}.hrSection{display:grid;grid-template-columns:38% 62%;min-height:750px;background:var(--pink)}.hrBadge{margin:auto;width:330px;height:330px;border-radius:50%;background:var(--black);color:white;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.7rem;line-height:1.15;font-weight:900;transform:rotate(-7deg);box-shadow:12px 12px 0 var(--lime)}.hrBadge strong{color:var(--lime)}.hrCopy{background:var(--cream);padding:8vw 6vw}.hrCopy h2{font-size:clamp(3rem,5vw,5rem)}.hrCopy>p:not(.sectionKicker){font-size:1.25rem;line-height:1.55;max-width:650px}.checkGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:45px}.checkGrid span{border:1px solid;border-radius:999px;padding:14px 18px;font-size:.82rem;font-weight:700}.package{padding:9vw 4vw;display:grid;grid-template-columns:48% 52%;gap:6vw}.package h2{font-size:clamp(3rem,5.2vw,5.5rem)}.package h2 i{color:var(--blue)}.packageCard{border:2px solid;background:#fff;padding:35px;box-shadow:12px 12px 0 var(--orange)}.price{display:flex;flex-direction:column;background:var(--lime);padding:25px;border:1px solid}.price small{font-weight:900;letter-spacing:.16em}.price strong{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.07em}.price span{font-size:.8rem;font-weight:800}.packageCard ul{list-style:none;padding:0;margin:20px 0}.packageCard li{padding:18px 0;border-bottom:1px solid;font-size:.95rem;font-weight:700}.packageCard li b{margin-right:22px;color:var(--blue)}.packageNote{font-size:.75rem;line-height:1.5;color:#555}.contact{text-align:center;background:#000;color:white;padding:10vw 5vw;position:relative;overflow:hidden}.contactStar{position:absolute;color:var(--pink);font-size:10rem;top:10%;left:6%;transform:rotate(15deg)}.contact h2{font-size:clamp(4rem,8.5vw,9rem);position:relative}.contact h2 i{color:var(--pink)}.contact>p:not(.sectionKicker){font-size:1.2rem;max-width:600px;margin:0 auto 35px;line-height:1.5}.buttonLime{background:var(--lime);color:#000}.contact .sectionKicker{color:var(--lime)}footer{display:flex;justify-content:space-between;align-items:center;background:#000;color:white;border-top:1px solid #333;padding:32px 4vw;font-size:.7rem;letter-spacing:.1em}.footerBrand{font-size:2rem}
@media(max-width:900px){.nav{padding:0 20px}.navLinks{display:none}.hero{grid-template-columns:1fr}.heroCopy{padding:70px 22px 40px;min-height:720px}.heroArt{min-height:600px}.heroMeta div{padding:0 14px}.heroMeta strong{font-size:1.05rem}.problem,.experience,.package{padding:80px 22px}.problemCopy{margin:0;grid-template-columns:1fr;gap:10px}.outcomes{grid-template-columns:1fr}.outcomes article{border-right:0;border-bottom:1px solid;padding:28px 0}.experience{grid-template-columns:1fr}.hrSection{grid-template-columns:1fr}.hrBadge{margin:70px auto;width:260px;height:260px;font-size:1.35rem}.hrCopy{padding:70px 22px}.package{grid-template-columns:1fr}.checkGrid{grid-template-columns:1fr}.contact{padding:110px 22px}.contactStar{font-size:5rem}.heroActions{align-items:flex-start;flex-direction:column}footer{flex-direction:column;gap:20px;text-align:center}.roundSticker{width:130px;height:130px;font-size:1.35rem}.blackStamp{width:140px;height:140px;font-size:.7rem}.heroLogo{font-size:7rem}}
@media(max-width:520px){.hero h1{font-size:3.55rem}.heroLead{font-size:1rem}.heroMeta{gap:0}.heroMeta span{font-size:.56rem}.heroLogo{font-size:5.7rem;top:29%}.pinkWave{font-size:20rem}.steps article{grid-template-columns:40px 1fr}.stepIcon{display:none}.problem h2,.experience h2,.hrCopy h2,.package h2{font-size:3.15rem}.price strong{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span{animation:none}.button{transition:none}}
.brandLogo{display:inline-flex;align-items:center;letter-spacing:0}.brandLogo img{display:block;width:118px;height:auto}.heroLogo{width:min(76%,520px);font-size:0}.heroLogo img{display:block;width:100%;height:auto}.footerBrand img{width:126px;filter:invert(1)}
.hrBadge strong{display:block;margin-top:8px}
.hrBadge{flex-direction:column;gap:2px}.hrBadge>span,.hrBadge>strong{display:block;white-space:nowrap}.hrBadge strong{margin-top:5px}
.formats{padding:9vw 4vw;background:var(--cream)}.formatsHead{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:4vw;align-items:start;margin-bottom:5vw}.formats h2{font-size:clamp(3.2rem,5.6vw,6rem);line-height:.87;letter-spacing:-.075em;margin:0;font-weight:950}.formats h2 i{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.formatsHead>p:last-child{font-size:1.05rem;line-height:1.6;margin:0}.formatGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.formatCard{border:2px solid #000;padding:28px;min-height:630px;display:flex;flex-direction:column;position:relative;box-shadow:7px 7px 0 #000;transition:transform .2s}.formatCard:hover{transform:translateY(-6px)}.formatPink{background:var(--pink)}.formatLime{background:var(--lime)}.formatBlue{background:var(--blue);color:white}.formatTop{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;letter-spacing:.14em}.formatTop span{width:34px;height:34px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-weight:900}.formatIcon{font-size:4.2rem;line-height:1;margin:45px 0 25px}.formatCard h3{font-size:2.4rem;line-height:.95;letter-spacing:-.055em;margin:0 0 18px}.formatCard>p{line-height:1.5}.formatCard ul{list-style:none;padding:0;margin:18px 0 28px}.formatCard li{border-top:1px solid currentColor;padding:12px 0;font-size:.78rem;font-weight:700}.formatCard li:before{content:'✓';margin-right:9px}.formatCard a{margin-top:auto;border:2px solid currentColor;border-radius:999px;padding:15px 18px;display:flex;justify-content:space-between;font-size:.78rem;font-weight:900}.popularTag{position:absolute;right:18px;top:65px;background:#000;color:#fff;padding:8px 12px;border-radius:999px;font-size:.6rem;font-weight:900;letter-spacing:.1em;transform:rotate(5deg)}.formatsNote{text-align:center;margin:42px auto 0;font-size:.78rem;font-weight:700;max-width:700px}
@media(max-width:900px){.formats{padding:80px 22px}.formatsHead{grid-template-columns:1fr;gap:24px}.formatGrid{grid-template-columns:1fr}.formatCard{min-height:560px}.formats h2{font-size:3.3rem}}
.experienceManifesto{position:relative}.experienceManifesto h2{font-size:clamp(3.1rem,5.4vw,5.6rem)}.experienceManifesto>p:nth-of-type(2){max-width:440px;line-height:1.6;color:#d8dbff;font-size:1.08rem}.manifestoSticker{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:var(--lime);color:#000;text-align:center;font-size:.78rem;font-weight:1000;line-height:1.25;transform:rotate(-8deg);margin:50px 0 0 auto;box-shadow:7px 7px 0 var(--pink)}.kitchenMoves{border-top:1px solid #6674ed}.movesIntro{max-width:620px;color:#d8dbff;font-size:1.1rem;line-height:1.55;margin:0;padding:28px 0}.move{display:grid;grid-template-columns:1fr 1fr 55px;align-items:center;gap:20px;border-top:1px solid #6674ed;padding:25px 0}.move span{font-size:clamp(2rem,3.8vw,4rem);font-weight:1000;letter-spacing:-.06em}.move b{font-size:.8rem;color:#d8dbff;line-height:1.4}.move i{width:48px;height:48px;border-radius:50%;background:var(--pink);color:#000;display:grid;place-items:center;font-style:normal;font-size:1.25rem;font-weight:900}.move:nth-child(3) i{background:var(--lime)}.move:nth-child(4) i{background:var(--orange)}.move:nth-child(5) i{background:white}
@media(max-width:900px){.experienceManifesto h2{font-size:3.3rem}.manifestoSticker{margin:35px 0}.move{grid-template-columns:1fr 52px}.move b{grid-column:1}.move i{grid-column:2;grid-row:1/3}.movesIntro{padding-top:10px}}

/* Motion system: expressive, quick and intentionally restrained */
.nav{position:sticky;top:0;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--cream) 88%,transparent);transition:box-shadow .25s ease,background .25s ease}.nav:hover{box-shadow:0 5px 0 var(--lime)}.navLinks a{position:relative;padding:8px 0}.navLinks a:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:2px;background:var(--pink);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.navLinks a:hover:after{transform:scaleX(1);transform-origin:left}.brandLogo img{transition:transform .3s cubic-bezier(.2,.9,.3,1.4)}.brandLogo:hover img{transform:rotate(-3deg) scale(1.06)}
.button,.navCta{position:relative;overflow:hidden;isolation:isolate}.button:before,.navCta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.48) 50%,transparent 75%);transform:translateX(-120%);transition:transform .65s ease;z-index:-1}.button:hover:before,.navCta:hover:before{transform:translateX(120%)}.button span,.navCta span{transition:transform .25s ease}.button:hover span,.navCta:hover span{transform:translate(3px,-3px)}
.heroCopy>*{opacity:0;animation:heroEnter .75s cubic-bezier(.2,.8,.2,1) forwards}.heroCopy>.eyebrow{animation-delay:.08s}.heroCopy>h1{animation-delay:.16s}.heroCopy>.heroLead{animation-delay:.25s}.heroCopy>.heroActions{animation-delay:.34s}.heroCopy>.heroMeta{animation-delay:.44s}.heroArt{animation:artReveal .9s cubic-bezier(.2,.8,.2,1) both}.heroLogo{animation:logoLand .9s .2s cubic-bezier(.2,.9,.25,1.25) both}.roundSticker{animation:stickerFloat 5s ease-in-out infinite}.blackStamp{animation:stampFloat 6s .8s ease-in-out infinite}.limeBurst{animation:burstPulse 3.6s ease-in-out infinite}.contactStar{animation:burstPulse 4s ease-in-out infinite}
.outcomes article{transition:background .25s ease,padding .3s ease}.outcomes article:hover{background:white;padding-left:28px}.outcomes article span{transition:transform .25s cubic-bezier(.2,.9,.3,1.5)}.outcomes article:hover span{transform:rotate(-10deg) scale(1.12)}
.move{transition:padding .3s ease,background .3s ease}.move:hover{padding-left:18px;background:rgba(255,255,255,.055)}.move i{transition:transform .3s cubic-bezier(.2,.9,.3,1.5)}.move:hover i{transform:rotate(12deg) scale(1.1)}.manifestoSticker{animation:stickerFloat 5.5s ease-in-out infinite}
.checkGrid span{transition:background .25s ease,color .25s ease,transform .25s ease}.checkGrid span:hover{background:var(--black);color:white;transform:translateY(-3px)}
.formatCard{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease}.formatCard:hover{transform:translate(-4px,-8px) rotate(-.35deg);box-shadow:14px 15px 0 #000}.formatCard:nth-child(2):hover{transform:translateY(-10px) rotate(.35deg)}.formatCard a{transition:background .25s ease,color .25s ease,transform .25s ease}.formatCard a:hover{background:#000;color:white;transform:translateY(-2px)}.formatBlue a:hover{background:white;color:var(--blue)}.popularTag{animation:tagNudge 4s ease-in-out infinite}.hrBadge{animation:badgeBreathe 6s ease-in-out infinite}.contact .button:hover{box-shadow:0 0 0 7px rgba(223,255,0,.18)}
@keyframes heroEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes artReveal{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes logoLand{from{opacity:0;transform:translateY(40px) rotate(-10deg) scale(.8)}to{opacity:1;transform:translateY(0) rotate(-4deg) scale(1)}}@keyframes stickerFloat{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}@keyframes stampFloat{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(11deg) translateY(8px)}}@keyframes burstPulse{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(8deg) scale(1.09)}}@keyframes tagNudge{0%,90%,100%{transform:rotate(5deg)}94%{transform:rotate(1deg) scale(1.04)}97%{transform:rotate(8deg)}}@keyframes badgeBreathe{0%,100%{transform:rotate(-7deg) scale(1)}50%{transform:rotate(-5deg) scale(1.015)}}
@supports(animation-timeline:view()){.problem>div,.problemCopy,.outcomes,.experienceManifesto,.kitchenMoves,.hrBadge,.hrCopy>* ,.formatsHead,.formatCard,.formatsNote,.contact>*{animation:scrollRise linear both;animation-timeline:view();animation-range:entry 5% cover 28%}.outcomes{animation-range:entry 0 cover 22%}.formatCard:nth-child(2){animation-range:entry 9% cover 30%}.formatCard:nth-child(3){animation-range:entry 13% cover 32%}@keyframes scrollRise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heroCopy>*,.heroArt,.heroLogo,.roundSticker,.blackStamp,.limeBurst,.contactStar,.manifestoSticker,.popularTag,.hrBadge,.problem>div,.problemCopy,.outcomes,.experienceManifesto,.kitchenMoves,.hrCopy>*,.formatsHead,.formatCard,.formatsNote,.contact>*{animation:none!important;opacity:1!important;transform:none!important}.marquee span{animation:none}.button,.navCta,.brandLogo img,.formatCard,.move,.checkGrid span{transition:none}}
