.studio-doodle{width:65px;transform:rotate(15deg);color:#a07bc1}.studio-doodle svg{width:100%;height:auto}.hero-doodles .doodle-arrow{width:42px;height:42px;left:47%;bottom:110px;transform:rotate(-20deg);color:#ac8ac9}.hero-doodles .doodle-arrow svg{width:100%;height:100%}.paw-trail{position:absolute;color:#c8abdf;width:25px;height:25px;opacity:.6}.paw-one{right:12%;bottom:47px;transform:rotate(-20deg)}.paw-two{right:8%;bottom:87px;transform:rotate(12deg)}.paw-three{right:4%;bottom:128px;transform:rotate(-10deg)}.paw-trail svg{width:100%;height:100%}.immersive-character{height:530px;align-self:center}.immersive-character>img{width:86%;height:94%;object-fit:cover;object-position:center;border-radius:43% 43% 14px 14px;transform:none;filter:none;box-shadow:0 12px 30px #78519d10}.character-portal{width:96%;height:92%;bottom:10px;transform:rotate(6deg)}.immersive-hero{padding-top:55px;padding-bottom:65px;min-height:760px}.hero-project-picker{margin:25px 0 0;max-width:450px}.hero-project-picker>span{font-size:10px;color:#755687;font-weight:700;display:block;margin-bottom:12px}.hero-project-picker>div{display:flex;gap:9px;flex-wrap:wrap}.hero-project-picker button{padding:10px 16px;min-height:44px;border:1px solid #d8c0e8;background:#fff;border-radius:22px;color:#79519a;font-size:11px;font-weight:600;transition:background .2s,transform .2s}.hero-project-picker button[aria-pressed=true]{background:#7950ad;color:#fff;border-color:#7950ad;box-shadow:0 4px 12px #7950ad15}.hero-project-picker button:hover{transform:translateY(-2px)}.hero-project-picker>p{font-size:11px;margin:13px 0 0;min-height:20px}.immersive-copy .hero-actions{margin-top:20px}.magic-sticker{top:7%;left:-1%;width:100px;height:100px;font-size:11px}.developer-sticker{bottom:30px;right:-1%}.spellbook{grid-template-columns:1fr;gap:25px;padding-bottom:70px}.spellbook-copy{max-width:620px}.spell-deck{width:100%;max-width:880px;min-height:510px;margin:auto}.spell-card{width:335px;height:410px;top:60px;padding:27px}.spell-card .spell-picture{height:165px;margin:12px -8px 18px}.spell-card h3{font-size:25px}.spell-card p{font-size:13px}.spell-0{z-index:6;transform:translateX(calc(-50% - 165px)) rotate(-9deg)!important;background:#fff!important}.spell-1{z-index:2;transform:translateX(-50%) translateY(-16px) rotate(1deg)!important}.spell-2{z-index:1;transform:translateX(calc(-50% + 165px)) rotate(9deg)!important}.spell-0:hover,.spell-0:focus-visible{transform:translateX(calc(-50% - 170px)) translateY(-18px) rotate(-5deg)!important}.spell-1:hover,.spell-1:focus-visible{transform:translateX(-50%) translateY(-35px)!important;z-index:8}.spell-2:hover,.spell-2:focus-visible{transform:translateX(calc(-50% + 170px)) translateY(-18px) rotate(5deg)!important;z-index:8}.services-toggle{height:44px;padding:0 12px;border:1px solid #e2d2ed;border-radius:22px;background:#fbf7fe;line-height:1;gap:10px;color:#6e4b88}.services-toggle .nav-chevron{width:12px;height:12px;flex-basis:12px;margin:0;align-self:center}.services-toggle[aria-expanded=true]{background:#efe2fb;border-color:#cba8e2}.services-menu{top:56px;left:-8px}.services-menu:before{left:44px}.corner-deck-panel{width:300px;padding:18px}.corner-deck-cards{grid-template-columns:1fr;gap:8px;padding:0}.corner-deck-cards a{min-height:44px;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:12px 14px;transform:none!important;animation:none!important;font-size:12px;border-radius:8px}.corner-deck-cards a>span{font-size:8px;width:24px;flex-shrink:0}.corner-deck-cards a>b{font-size:12px}.corner-deck-cards a:after{content:'↓';margin-left:auto;color:#9974b2}.corner-deck-panel>p{font-size:9px;margin-bottom:14px}.corner-deck-cards a:hover,.corner-deck-cards a:focus-visible{background:#e9d7f8}.corner-deck-toggle{filter:drop-shadow(0 4px 8px #72548b15)}
@media(max-width:1000px){.services-toggle{padding:0 17px;min-width:150px;justify-content:space-between;height:47px;font-size:17px}.services-menu{position:static;left:auto;top:auto;margin-top:12px}.immersive-character{height:470px}.spell-deck{max-width:760px}.spell-card{width:300px;height:405px}.spell-0{transform:translateX(calc(-50% - 140px)) rotate(-9deg)!important}.spell-2{transform:translateX(calc(-50% + 140px)) rotate(9deg)!important}}
@media(max-width:760px){.immersive-hero{min-height:0;padding:40px 6% 65px}.immersive-copy h1{font-size:clamp(60px,14vw,92px)}.immersive-character{height:410px;max-width:380px;margin-top:20px}.immersive-character>img{width:82%;height:94%}.character-portal{width:91%;height:90%;bottom:12px}.magic-sticker{width:84px;height:84px;font-size:9px;top:5%;left:1%}.developer-sticker{font-size:8px;bottom:20px;right:0;padding:11px}.paw-one{right:20%;bottom:25px;width:19px;height:19px}.paw-two{right:12%;bottom:52px;width:19px;height:19px}.paw-three{right:4%;bottom:80px;width:19px;height:19px}.hero-doodles .doodle-arrow{left:3%;bottom:150px;width:27px;height:27px}.hero-project-picker{margin-top:20px}.hero-project-picker button{min-height:44px;padding:10px 17px;font-size:11px}.hero-project-picker>p{font-size:11px;line-height:1.7;min-height:35px}.spellbook{padding:55px 6% 55px;overflow:hidden;gap:25px}.spell-deck{display:flex;gap:18px;min-height:0;max-width:none;overflow-x:auto;margin:0;padding:15px 10px 25px;scroll-snap-type:x mandatory;justify-content:flex-start;perspective:none}.spell-card{position:relative!important;left:auto;top:auto;flex:0 0 88%;width:auto;height:auto;min-height:375px;padding:23px;scroll-snap-align:center;transform:none!important;z-index:auto!important;translate:none!important}.spell-card .spell-picture{height:150px;margin:12px -3px 18px}.spell-card h3{font-size:25px}.spell-card p{font-size:12px}.spell-0:hover,.spell-1:hover,.spell-2:hover,.spell-0:focus-visible,.spell-1:focus-visible,.spell-2:focus-visible{transform:none!important}.spell-card:after{content:'';position:absolute;inset:8px;border:1px solid #eee1f7;border-radius:9px;pointer-events:none}.studio-doodle{width:55px}.corner-deck-panel{width:min(285px,calc(100vw - 28px));padding:15px}.corner-deck-cards a{min-height:47px;font-size:11px}.corner-deck-cards a>b{font-size:11px}.corner-deck-panel{max-height:calc(100dvh - 180px)}.services-toggle{font-size:18px}.hero-actions{gap:20px!important}}
@media(prefers-reduced-motion:reduce){.hero-project-picker button{transform:none!important}}