/* Character-led visual system */
.hero{min-height:880px;background:radial-gradient(circle at 79% 22%,rgba(255,226,126,.58) 0 13%,transparent 32%),radial-gradient(circle at 70% 70%,rgba(173,199,116,.34),transparent 38%),linear-gradient(155deg,#fffaf1,var(--cream) 54%,#e7f0dc)}
.hero-grid{grid-template-columns:1.04fr .96fr;gap:42px}
.hero-stage{position:relative;isolation:isolate;min-height:650px;margin:0;display:flex;align-items:flex-end;justify-content:center}
.hero-stage:before{content:"";position:absolute;z-index:-2;inset:9% 3% 8%;border-radius:48% 52% 45% 55%;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(244,224,179,.48));box-shadow:inset 0 0 0 1px rgba(113,60,26,.08),0 35px 90px rgba(57,42,20,.13)}
.hero-stage:after{content:"";position:absolute;z-index:-1;left:9%;right:7%;bottom:5%;height:18%;border-radius:50%;background:rgba(76,107,37,.19);filter:blur(2px)}
.hero-orbit{position:absolute;inset:5% 0 15%;border:1px dashed rgba(98,141,45,.28);border-radius:50%;transform:rotate(-9deg)}
.hero-guide{position:relative;z-index:2;width:min(88%,510px);height:610px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 22px rgba(55,38,18,.18))}
.hero-friend{position:absolute;z-index:3;width:128px;height:150px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(55,38,18,.18));animation:friend-float 5s ease-in-out infinite}
.hero-friend-myko{left:-3%;bottom:12%}.hero-friend-ollie{right:-1%;bottom:18%;animation-delay:-1.8s}.hero-friend-mya{right:4%;top:7%;width:112px;animation-delay:-3.4s}
.hero-stage figcaption{position:absolute;z-index:4;left:8%;bottom:1%;display:grid;padding:14px 20px;border:1px solid rgba(113,60,26,.12);border-radius:18px;background:rgba(255,253,248,.9);backdrop-filter:blur(10px);box-shadow:0 14px 38px rgba(57,42,20,.12)}
.hero-stage figcaption span{text-transform:uppercase;letter-spacing:.15em;color:var(--green);font-size:9px;font-weight:900}.hero-stage figcaption strong{font:700 28px Georgia,serif;line-height:1.1}.hero-stage figcaption small{color:#6a594c;font-size:11px}
@keyframes friend-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
.character-card{min-height:570px}.character-card button{position:relative}.poster{position:relative;height:365px;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.9),rgba(255,255,255,.15) 55%,transparent 72%);overflow:hidden}
.poster:after{content:"";position:absolute;left:15%;right:15%;bottom:7%;height:9%;border-radius:50%;background:rgba(29,16,7,.14);filter:blur(12px)}
.poster img{position:absolute;z-index:1;inset:16px 8% 0;width:84%;height:calc(100% - 16px);object-fit:contain;object-position:center bottom;transition:opacity .35s,transform .45s;filter:drop-shadow(0 16px 12px rgba(29,16,7,.12))}
.poster .pose-hover{opacity:0;transform:translateY(12px) scale(.94)}
.character-card button:hover .pose-primary,.character-card button:focus-visible .pose-primary{opacity:0;transform:translateY(10px) scale(.96)}
.character-card button:hover .pose-hover,.character-card button:focus-visible .pose-hover{opacity:1;transform:none}
.card-copy{min-height:205px;background:rgba(255,255,255,.25)}
.explore-heading{position:relative;padding-right:235px;min-height:255px}.explore-friend{position:absolute;right:0;bottom:-54px;width:220px;height:285px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 16px rgba(0,0,0,.2))}
.grownups-note{padding-top:245px}.grownups-friend{position:absolute;z-index:1;top:-42px;right:-4%;width:63%;height:310px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 18px rgba(57,42,20,.14))}.grownups-note>*:not(.grownups-friend):not(.note-seed){position:relative;z-index:2}
.shop-preview{grid-template-columns:110px .85fr 1.35fr .55fr;padding:20px 34px}.shop-preview>img{width:110px;height:135px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(0,0,0,.22))}.shop-preview h3{margin-bottom:0}.shop-preview p{margin:0}
.join{overflow:hidden}.join-copy{position:relative}.join-friends{height:225px;display:flex;align-items:flex-end;margin-top:10px}.join-friends img{width:31%;height:220px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 12px rgba(38,70,73,.18))}.join-friends img:nth-child(2){transform:translateY(12px)}
.dialog-grid{background:linear-gradient(120deg,#edf0df,var(--paper) 48%)}.dialog-grid>img{object-fit:contain;object-position:center bottom;padding:30px 18px 0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.95),rgba(173,199,116,.28));filter:drop-shadow(0 22px 18px rgba(57,42,20,.16))}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-stage{max-width:650px;width:100%;min-width:0;margin:auto}.explore-heading{padding-right:205px}.shop-preview{grid-template-columns:100px 1fr}.shop-preview p,.shop-preview a{grid-column:2}.grownups-friend{width:48%}}
@media(max-width:620px){:root{--shell:min(calc(100% - 28px),1180px)}body{overflow-x:hidden}.hero-grid{display:block;width:calc(100vw - 28px);max-width:calc(100vw - 28px)}.hero-copy{width:100%;min-width:0;max-width:100%}.hero h1{max-width:100%;font-size:clamp(43px,12.5vw,51px)}.hero-stage{width:100%;max-width:100%;min-height:510px;margin-top:50px}.hero-guide{height:480px}.hero-friend{width:88px;height:108px}.hero-friend-myko{left:-2%;bottom:15%}.hero-friend-ollie{right:-2%;bottom:22%}.hero-friend-mya{width:78px;right:1%;top:8%}.hero-stage figcaption{left:4%;bottom:0}.poster{height:330px}.explore-heading{padding-right:0;padding-bottom:165px}.explore-friend{height:220px;width:170px;bottom:-45px}.grownups-note{padding-top:215px}.grownups-friend{width:80%;right:8%;height:270px}.shop-preview{grid-template-columns:78px 1fr;padding:20px}.shop-preview>img{width:78px;height:105px}.join-friends{height:170px}.join-friends img{height:165px}.dialog-grid>img{height:440px;padding-top:18px}}
@media(prefers-reduced-motion:reduce){.hero-friend{animation:none}.poster img{transition:none}}