:root{--sky:#55b8ef;--sky-deep:#1c91d0;--navy:#163653;--ink:#18334b;--cream:#fff9e9;--gold:#ffcb54;--pink:#ff9fbc;--mint:#8edfc9;--white:#fff;--shadow:0 24px 70px rgba(22,54,83,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Nunito",sans-serif;background:#f8fcff;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);background:rgba(255,255,255,.87);backdrop-filter:blur(16px);border-bottom:1px solid rgba(22,54,83,.08)}.brand{display:flex;align-items:center;gap:10px;font:800 1.4rem "Baloo 2",sans-serif;text-decoration:none}.brand-cloud{color:var(--sky-deep);font-size:1.9rem}.site-header nav{display:flex;gap:24px}.site-header nav a{text-decoration:none;font-weight:800;font-size:.9rem;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:3px;border-radius:5px;background:var(--gold);transition:.25s}.site-header nav a:hover:after{right:0}.menu-button{display:none;border:0;background:var(--navy);color:#fff;border-radius:999px;padding:10px 16px;font-weight:800}.hero{position:relative;min-height:100vh;padding:130px clamp(24px,7vw,110px) 100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:center;gap:6vw;background:linear-gradient(180deg,#a7e4ff 0%,#62c5f4 46%,#e8f8ff 100%);isolation:isolate}.hero:after{content:"";position:absolute;z-index:-1;left:-5%;right:-5%;bottom:-48px;height:120px;background:#f8fcff;border-radius:50% 50% 0 0/80% 80% 0 0}.hero-sky span{position:absolute;z-index:-1;background:#fff;border-radius:50%;filter:blur(1px);opacity:.73;animation:floatCloud 16s ease-in-out infinite}.hero-sky span:nth-child(1){width:230px;height:75px;top:18%;left:-50px}.hero-sky span:nth-child(2){width:170px;height:58px;top:29%;right:4%;animation-delay:-5s}.hero-sky span:nth-child(3){width:250px;height:72px;bottom:15%;left:35%;animation-delay:-9s}@keyframes floatCloud{50%{transform:translate(28px,-12px)}}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.78rem;color:#147caf;margin:0 0 12px}.hero h1,.section h2,.closing-section h2{font:800 clamp(3.1rem,6vw,6.3rem)/.93 "Baloo 2",sans-serif;margin:0;letter-spacing:-.04em;color:var(--navy)}.hero h1 em{font-style:normal;color:#fff;text-shadow:0 5px 0 rgba(22,54,83,.12)}.hero-copy>p:not(.eyebrow){max-width:650px;font-size:1.2rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border-radius:999px;font-weight:900;text-decoration:none;border:2px solid transparent;transition:.2s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--navy);color:#fff;box-shadow:0 12px 30px rgba(22,54,83,.2)}.button.secondary{border-color:var(--navy);color:var(--navy)}.hero-art{position:relative;margin:0;transform:rotate(2deg)}.hero-art img{width:100%;aspect-ratio:1;object-fit:cover;border:10px solid #fff;border-radius:46% 54% 47% 53%/52% 44% 56% 48%;box-shadow:var(--shadow)}.hero-art figcaption{position:absolute;right:4%;bottom:5%;padding:10px 18px;border-radius:999px;background:#fff;font-weight:900}.sun{position:absolute;z-index:2;top:-42px;right:-32px;font-size:5rem;color:var(--gold);filter:drop-shadow(0 8px 10px rgba(255,203,84,.45));animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scroll-cue{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);font-size:.82rem;font-weight:900;letter-spacing:.08em}.scroll-cue span{display:inline-block;animation:bounce 1.5s infinite}@keyframes bounce{50%{transform:translateY(6px)}}.section{padding:110px clamp(24px,7vw,110px)}.section-heading{max-width:820px;margin-bottom:48px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.book-copy h2,.music-copy h2{font-size:clamp(2.5rem,4.3vw,4.8rem)}.section-heading>p:last-child{font-size:1.1rem}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.story-copy p{font-size:1.08rem;line-height:1.8}.story-copy .lead{font:700 1.55rem/1.45 "Baloo 2"}.values{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.values span,.music-tags span{padding:9px 15px;border-radius:999px;background:#e3f5ff;font-weight:900;color:#147caf}.story-visual{position:relative}.story-visual img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:44px;box-shadow:var(--shadow)}.story-note{position:absolute;left:-30px;bottom:30px;max-width:230px;padding:17px 20px;border-radius:18px;background:var(--gold);font-weight:900;transform:rotate(-3deg)}.characters{background:linear-gradient(180deg,#eaf8ff,#fff)}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.character-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 16px 46px rgba(22,54,83,.1);transition:.25s}.character-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:var(--shadow)}.character-image{aspect-ratio:1/1.02;overflow:hidden;background:#bdeaff}.character-image img{width:100%;height:100%;object-fit:cover}.character-body{padding:24px;position:relative}.character-symbol{position:absolute;right:20px;top:-25px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--gold);font-size:1.4rem}.character-body h3{font:800 2rem "Baloo 2";margin:0}.character-body p{line-height:1.6;margin-bottom:0}.fusa .character-symbol{background:var(--pink)}.perlita .character-symbol{background:var(--mint)}.poky .character-symbol{background:#ffe58c}.books{background:var(--cream)}.book-shell{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:7vw;align-items:center;max-width:1050px;margin:auto}.book-cover-wrap{position:relative;perspective:900px}.book-cover-wrap img{width:min(100%,480px);aspect-ratio:1;object-fit:cover;border-radius:8px 22px 22px 8px;box-shadow:18px 24px 55px rgba(22,54,83,.25);transform:rotateY(5deg) rotate(-2deg)}.book-badge{position:absolute;right:-10px;top:26px;padding:10px 16px;background:var(--pink);border-radius:999px;color:#fff;font-weight:900;transform:rotate(5deg)}.book-copy p,.book-copy li{font-size:1.05rem;line-height:1.7}.book-copy ul{padding-left:20px}.unavailable{opacity:.7;cursor:not-allowed;margin-top:15px}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.video-placeholder{overflow:hidden;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.video-placeholder img{width:100%;aspect-ratio:16/9;object-fit:cover}.video-placeholder div{padding:25px}.video-placeholder span{display:inline-block;padding:6px 11px;background:#e8f5fb;color:#147caf;border-radius:999px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.video-placeholder h3{font:800 1.7rem "Baloo 2";margin:10px 0 5px}.music-section{display:grid;grid-template-columns:1fr .85fr;gap:8vw;align-items:center;background:linear-gradient(135deg,#183b5c,#0d2438);color:#fff}.music-section h2{color:#fff}.music-section .eyebrow{color:var(--gold)}.music-copy>p:not(.eyebrow){font-size:1.1rem;line-height:1.7}.music-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.music-tags span{background:rgba(255,255,255,.1);color:#fff}.spotify-shell{display:flex;align-items:center;gap:24px;padding:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:30px}.record{flex:0 0 130px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#111 0 8px,#202020 9px 13px);box-shadow:0 20px 50px rgba(0,0,0,.35);animation:spin 14s linear infinite}.record span{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--pink);font-size:1.5rem}.spotify-shell strong{font:800 2rem "Baloo 2"}.creator-section{background:#effaff}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1050px;margin:auto}.creator-card{display:flex;gap:24px;align-items:center;padding:30px;background:#fff;border-radius:28px;box-shadow:0 15px 45px rgba(22,54,83,.1)}.avatar{flex:0 0 90px;aspect-ratio:1;display:grid;place-items:center;border-radius:50% 45% 55% 48%;background:var(--pink);color:#fff;font:800 2rem "Baloo 2"}.avatar.alt{background:var(--sky-deep)}.creator-card span{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#147caf}.creator-card h3{font:800 1.8rem "Baloo 2";margin:5px 0}.creator-card p{line-height:1.6;margin:0}.closing-section{padding:120px 24px;background:linear-gradient(180deg,#fff,#aee6ff);text-align:center}.closing-cloud{max-width:900px;margin:auto}.closing-section h2{font-size:clamp(2.8rem,5vw,5.5rem);margin-bottom:30px}.closing-cloud .eyebrow{color:#147caf}footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:25px;padding:35px clamp(24px,7vw,110px);background:var(--navy);color:#fff}footer p{margin:0}.copyright{opacity:.7}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.site-header nav{position:absolute;display:none;top:76px;left:16px;right:16px;padding:20px;background:#fff;border-radius:20px;box-shadow:var(--shadow);flex-direction:column}.site-header nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:120px;text-align:center}.hero-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-art{max-width:620px;margin:auto}.scroll-cue{display:none}.story-grid,.book-shell,.music-section{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,1fr)}.story-note{left:20px}.team-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center;justify-items:center}}
@media(max-width:620px){.section{padding:80px 20px}.site-header{padding:0 18px}.brand{font-size:1.15rem}.hero{padding:110px 20px 90px}.hero h1{font-size:3.3rem}.hero-art figcaption{font-size:.72rem}.character-grid,.media-grid{grid-template-columns:1fr}.character-card{display:grid;grid-template-columns:44% 56%}.character-image{height:100%;aspect-ratio:auto}.character-body{padding:20px}.character-body h3{font-size:1.65rem}.character-symbol{width:42px;height:42px;right:12px;top:12px}.book-shell{text-align:center}.book-cover-wrap img{margin:auto}.book-copy ul{text-align:left}.spotify-shell{flex-direction:column;text-align:center}.creator-card{align-items:flex-start;flex-direction:column}.avatar{flex-basis:auto;width:72px}footer{padding:32px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.perlita .character-image img,.poky .character-image img{transform:scale(1.55);transform-origin:center bottom}

/* Official animated presentation */
.hero{overflow:hidden;background:#8edcff}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(238,250,255,.94) 0%,rgba(220,246,255,.74) 42%,rgba(82,178,227,.12) 75%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(40,146,206,.22))}.hero-copy{padding:38px;border:1px solid rgba(255,255,255,.64);border-radius:36px;background:rgba(255,255,255,.32);backdrop-filter:blur(12px);box-shadow:0 25px 70px rgba(24,70,105,.15)}.hero h1 em{color:#228dc4;text-shadow:none}.hero-art{transform:none}.hero-art img{aspect-ratio:16/10;border:8px solid rgba(255,255,255,.86);border-radius:38px;box-shadow:0 30px 80px rgba(12,54,87,.30);object-position:center}.floating-art{animation:gentleFloat 6.5s ease-in-out infinite;will-change:transform}.floating-art:nth-child(2n){animation-delay:-2.2s}@keyframes gentleFloat{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-16px) rotate(.55deg)}}
.hero-title{margin:4px 0 8px}.hero-title img{width:min(100%,760px);height:auto;filter:drop-shadow(0 14px 20px rgba(44,92,144,.2))}
.story-visual img{aspect-ratio:16/10;border:7px solid #fff;box-shadow:0 28px 65px rgba(22,54,83,.22)}.story-note{box-shadow:0 12px 30px rgba(22,54,83,.18)}
.characters{position:relative;overflow:hidden}.characters:before,.characters:after{content:"";position:absolute;width:460px;height:210px;border-radius:50%;background:rgba(255,255,255,.7);filter:blur(12px);z-index:0}.characters:before{left:-180px;top:120px}.characters:after{right:-220px;bottom:160px}.characters>*{position:relative;z-index:1}.character-grid{gap:24px}.character-card{overflow:visible;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(13px);box-shadow:0 28px 60px rgba(19,76,112,.14);animation:cardFloat 7s ease-in-out infinite}.character-card:nth-child(2){animation-delay:-1.5s}.character-card:nth-child(3){animation-delay:-3s}.character-card:nth-child(4){animation-delay:-4.5s}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}.character-card:hover{transform:translateY(-17px) scale(1.02)}.character-image{height:330px;aspect-ratio:auto;overflow:visible;background:radial-gradient(circle at 50% 72%,rgba(137,218,255,.62),rgba(255,255,255,0) 67%);display:flex;align-items:flex-end;justify-content:center}.character-image img,.perlita .character-image img,.poky .character-image img{width:94%;height:96%;object-fit:contain;transform:none;filter:drop-shadow(0 25px 18px rgba(17,61,92,.22))}.character-body{min-height:255px;border-radius:0 0 28px 28px}.character-name{width:88%;height:74px;object-fit:contain;object-position:left center;margin:-5px 0 3px;filter:drop-shadow(0 8px 7px rgba(82,73,122,.14))}.character-body h3{display:none}.character-symbol{z-index:3;box-shadow:0 9px 18px rgba(22,54,83,.14)}
.wind-feature{max-width:1050px;margin:100px auto 0;padding:30px 48px;display:grid;grid-template-columns:300px 1fr;align-items:center;gap:45px;border:1px solid rgba(255,255,255,.9);border-radius:44px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(213,245,242,.78));box-shadow:0 30px 75px rgba(17,70,105,.16)}.wind-character{width:100%;max-height:300px;object-fit:contain;filter:drop-shadow(0 24px 18px rgba(27,72,99,.23));animation:gentleFloat 6s ease-in-out infinite}.wind-name{width:min(100%,540px);max-height:125px;object-fit:contain;object-position:left center}.wind-feature p{font-size:1.12rem;line-height:1.8;margin:10px 0 0}
@media(max-width:1000px){.hero-shade{background:linear-gradient(180deg,rgba(235,250,255,.86),rgba(138,215,249,.28))}.hero-copy{padding:28px}.character-image{height:360px}.wind-feature{grid-template-columns:240px 1fr;margin-top:70px}}
@media(max-width:620px){.hero-copy{padding:22px;border-radius:26px}.hero-art img{aspect-ratio:4/3;border-radius:26px}.character-card{display:block}.character-image{height:285px}.character-body{min-height:0}.character-name{height:64px}.wind-feature{grid-template-columns:1fr;text-align:center;padding:26px 22px;gap:10px}.wind-character{height:230px}.wind-name{margin:auto;object-position:center}.wind-feature p{font-size:1rem}.floating-art{animation-duration:7.5s}}

/* Editorial storybook typography and refined identity */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:"Lora",Georgia,serif;font-weight:500;letter-spacing:.002em}
.site-header,.brand,.site-header nav,.menu-button,.button,.eyebrow,.values,.music-tags,.video-placeholder span,.book-badge,.story-note,.scroll-cue,footer .brand{font-family:"Nunito Sans",sans-serif}
.brand{font-weight:900}.brand-icon{width:44px;height:34px;object-fit:contain;flex:0 0 auto}
.site-header nav a{font-weight:800}
.hero-copy>p:not(.eyebrow),.story-copy p,.character-body p,.book-copy p,.book-copy li,.music-copy>p:not(.eyebrow),.creator-card p,.wind-feature p{font-family:"Lora",Georgia,serif;font-weight:500;line-height:1.78}
.hero h1,.section h2,.closing-section h2,.book-copy h2,.music-copy h2,.video-placeholder h3,.creator-card h3,.spotify-shell strong{font-family:"Lora",Georgia,serif;font-weight:700;letter-spacing:-.025em}
.story-copy .lead{font-family:"Lora",Georgia,serif;font-weight:600;font-style:italic;line-height:1.55}
.hero-title{padding:10px 14px;border-radius:28px;background:rgba(255,255,255,.25)}
.hero-title img{filter:drop-shadow(1px 0 0 rgba(20,65,98,.65)) drop-shadow(-1px 0 0 rgba(20,65,98,.65)) drop-shadow(0 1px 0 rgba(20,65,98,.65)) drop-shadow(0 -1px 0 rgba(20,65,98,.65)) drop-shadow(0 14px 18px rgba(31,71,111,.28))}
.team-grid{grid-template-columns:repeat(3,1fr);max-width:1280px}
.creator-card{align-items:flex-start}.avatar.edit{background:linear-gradient(135deg,#8edfc9,#5bb8e8)}
@media(max-width:1100px){.team-grid{grid-template-columns:1fr}.creator-card{align-items:center}}
@media(max-width:620px){.brand-icon{width:38px;height:30px}.hero-title{padding:7px 8px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.floating-art,.character-card,.wind-character{animation:none!important}.hero-video{display:none}}
.final-logo{width:min(100%,520px);max-height:560px;object-fit:contain;margin:0 auto 34px;filter:drop-shadow(0 28px 26px rgba(21,70,104,.22));animation:gentleFloat 7s ease-in-out infinite}

.team-portrait {
  position: relative;
  flex: 0 0 clamp(72px, 8vw, 116px);
  aspect-ratio: 1;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 50% 45% 55% 48%;
  background: #e3f5ff;
  cursor: pointer;
}

.team-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-portrait .team-portrait-illustration {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .25s ease;
}

.team-portrait:focus-visible {
  outline: 3px solid var(--navy);
  outline-offset: 4px;
}

.team-portrait[aria-pressed="true"] .team-portrait-illustration {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .team-portrait:hover .team-portrait-illustration {
    opacity: 1;
  }
}