/*
 GELLI BELLE V11 — Clear Artwork + Rust Titles
 Visual refinement only. Typography / palette / organic joins / airy panels.
 Preserves all navigation, gallery order, bios, book art, reader behavior, and video.
 Fonts served by Google Fonts with friendly system fallbacks; no font file bundled.
*/
:root{
  --beige:#f3e7d2;
  --beige-light:#fff9ed;
  --sky:#c4e7f0;
  --sky-deep:#78c6e0;
  --blue:#153f61;
  --ink:#21384a;
  --night:#142a4b;
  --gold:#f2c36b;
  --gold-amber:#e6a743;
  --gold-pale:#fff1cb;
  --font-display:'Fredoka','Comic Neue','Trebuchet MS',sans-serif;
  --font-reader:'Andika','Comic Neue','Trebuchet MS',sans-serif;
}
body{font-family:var(--font-reader);background:#fff9ed;color:var(--ink);line-height:1.55}
h1,h2,h3,h4,.brand,.footer-brand,.cast-person strong,.crew-next strong{
  font-family:var(--font-display);font-weight:700;letter-spacing:-.04em;line-height:1.04;
}
h1 em,h2 em,h3 em,h4 em{
  font-family:var(--font-display);font-weight:700;font-style:normal;letter-spacing:-.048em;
}
/* Light playful asymmetry without difficult-to-read tilts. */
h2 em,h3 em{display:inline-block;transform:rotate(-1.2deg)}
p,.crew-description,.chapter-copy>p:not(.eyebrow),.meet-copy>p:not(.eyebrow),.free-content>p:not(.eyebrow){font-family:var(--font-reader);font-weight:400;line-height:1.65}
strong,.book-teaser p,.reader-note{font-weight:700}
.eyebrow,.book-kicker,.book-status,.cast-read-bio,.crew-chapter,.crew-back,.site-nav a,.button,.underlined-link,.footer-links a,.footer-links button{
  font-family:var(--font-reader);font-weight:700;letter-spacing:.065em;
}
.eyebrow{color:#946020}
.eyebrow.light{color:#ffe1a5}
.site-header{background:linear-gradient(95deg,rgba(255,249,237,.97),rgba(243,230,205,.95));box-shadow:0 5px 24px #14375212;border-bottom:1px solid #dbb97650}
.brand{letter-spacing:-.04em;line-height:.88;font-size:1.75rem}
.brand-sky,.footer-brand span{color:#2889af}
.brand small{font-family:var(--font-reader);font-size:.45rem;font-weight:700;letter-spacing:.12em}
.site-nav a:hover,.site-nav a[aria-current],.crew-back:hover,.cast-profile-link:hover figcaption strong{color:#a36c19}
.button{border-radius:999px;font-size:.78rem;letter-spacing:.05em;padding-inline:25px;box-shadow:0 8px 0 #e7b8666b,0 14px 24px #183a5b1a;transition:transform .24s ease,box-shadow .24s ease}
.button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #e7b8666b,0 9px 20px #183a5b1c}
.button-light{background:#f5cb78;color:#173a56;box-shadow:0 7px 0 #8bcbe0,0 17px 34px #11253b33}
.button-dark{background:#173e60;box-shadow:0 7px 0 #eac074,0 17px 28px #11253b23}
.underlined-link,.subtle-link,.crew-inline-link,.crew-back{border-bottom-color:#ddb15f}
:focus-visible{outline-color:#af751d}
/* Hero keeps full-width visual but gets warm golden atmosphere and a softer end. */
.hero{background:#152b4a}
.hero-shade{background:linear-gradient(90deg,#102743f0 0%,#132e4be3 27%,#172b4a9a 54%,#12254126 91%),linear-gradient(0deg,#102949dc,transparent 47%)}
.hero-stars{opacity:.33;background-image:radial-gradient(#fff 1px,transparent 1.2px),radial-gradient(#ffdd8f 1.8px,transparent 2px)}
.hero h1{font-size:clamp(5.2rem,11.5vw,11.5rem);letter-spacing:-.065em;line-height:.85;margin:29px 0 34px}
.hero h1 em{display:block;color:#ffe1a1;text-shadow:0 9px 34px #56350050;transform:rotate(-2deg);transform-origin:left center}
.hero-content>p{font-size:clamp(1.05rem,1.72vw,1.5rem);font-weight:700;line-height:1.6;max-width:570px}
.hero-scroll{color:#ffe5b1;bottom:88px}
.scroll-line{background:#edbd67}
/* Section palettes echo one continuous illustrated journey. */
.chapter-discover{background:radial-gradient(ellipse at 15% 35%,#fffdf6,#fff9ed 53%,#f8ead3)}
.chapter-copy>p:not(.eyebrow){font-size:clamp(1.07rem,1.42vw,1.33rem);font-weight:400}
.chapter-copy h2,.meet h2,.free-content h2{font-size:clamp(3.6rem,6.5vw,7.3rem);line-height:1.02}
.chapter-copy h2 em{color:#BD542E}
.meet{background:linear-gradient(115deg,#d8edf0,#bce3ee 62%,#fff0ca)}
.meet-copy h2 em{color:#BD542E}
.meet-copy>p:not(.eyebrow){font-size:clamp(1.05rem,1.27vw,1.25rem);font-weight:400}
.world-section{background:radial-gradient(ellipse at 65% 0%,#264c69,#142a4b 64%,#112543);color:white}
.world-heading h2 em{color:#ffd78e}
.world-trio span{font-family:var(--font-display);font-weight:600;letter-spacing:0;color:#ffe3a7;font-size:clamp(1rem,1.5vw,1.4rem)}
.world-art{border-radius:26px 26px 0 0;overflow:hidden}
.feature-copy h2,.world-heading h2,.books-header h2,.cast-head h2,.ending h2{letter-spacing:-.055em;line-height:1.04}
.feature-copy em,.ending h2 em{color:#ffd48a}
.feature-picture{background:#152c4e}
.two-scenes{gap:0;background:#142a4b}
.two-scenes figcaption{font-family:var(--font-display);font-style:normal;font-weight:600;letter-spacing:-.03em;font-size:clamp(2.2rem,3.5vw,4.3rem);text-shadow:0 3px 16px #121e3650}
/* Place scene captions at the top, away from the curved lower transition and character faces. */
.two-scenes figcaption{top:clamp(24px,4.5vw,58px);bottom:auto;left:clamp(22px,4.5vw,60px);z-index:6;max-width:clamp(170px,22vw,310px);font-size:clamp(2rem,3.1vw,3.9rem);line-height:1.12;text-wrap:balance;text-shadow:0 3px 16px #102344b0}
.feature-copy{bottom:clamp(112px,17%,185px)}
.books-section{background:linear-gradient(180deg,#fff9ed 0%,#fffcf5 52%,#faebd0 100%)}
.books-header em{color:#BD542E}
.books-header>p:not(.eyebrow){font-weight:400;line-height:1.7}
.featured-book{background:linear-gradient(118deg,#f9edda,#fff9ec);border-radius:28px;box-shadow:0 28px 70px #84642a15}
.featured-cover{background:linear-gradient(145deg,#c7e8f0,#f5db9e 95%)}
.featured-cover img{border-radius:5px;box-shadow:14px 14px 0 #17425f27}
.featured-copy h3{font-size:clamp(3rem,5vw,5.65rem);line-height:1.06}
.featured-copy h3 em,.next-books-title em{color:#BD542E}
.featured-copy>p{font-weight:400;line-height:1.7}
.book-kicker,.book-status,.teaser-number{color:#8b5917}
.book-teaser h4{line-height:1.13;letter-spacing:-.035em}
.book-teaser p,.next-books-title p{font-weight:400;line-height:1.6}
.teaser-image{border-radius:24px;box-shadow:0 14px 22px #173c5b0e}
.free-section{background:linear-gradient(120deg,#cbe8ee,#bbdfed 52%,#f8e1aa)}
.free-content h2 em{color:#BD542E}
.free-content>p:not(.eyebrow){font-weight:400;line-height:1.7}
.free-sticker{background:#ffdb8b;border-radius:30px 17px 35px 20px;transform:rotate(-5deg);font-family:var(--font-display);font-style:normal;font-weight:600;box-shadow:6px 8px 0 #164d6661}
.signup-preview{background:#fff9edeb;border-radius:22px;border:1px solid #e8c887;box-shadow:0 14px 35px #24455e1c}
.signup-preview strong{color:#855514}
.ending{background:#152c4c}
.ending-copy h2{line-height:1.05}
.footer{background:linear-gradient(180deg,#132a48,#17395a);padding-top:74px}
.footer-brand{font-weight:700;letter-spacing:-.05em}
.footer-brand span{color:#f2cb7d}
.footer>p{font-family:var(--font-display);font-style:normal;color:#ffe6ae;font-size:1.42rem}
.footer-links a:hover,.footer-links button:hover{color:#f2cb7d}
.intro-bottom button{background:#f2c976;border-radius:40px;color:#193d5e}
/* V11: let illustrations meet the text panels without white fade overlays. */
.chapter-picture,.meet-art,.free-visual{position:relative}
/* No image-obscuring pseudo-elements on these photo panels. */
/* Organic, curved ribbon joins. The waves visually continue into the next chapter. */
.hero,.feature-picture,.meet,.world-section,.cast-section,.two-scenes,.books-section,.free-section{position:relative}
.hero:after,.feature-picture:before,.meet:after,.world-section:after,.cast-section:after,.two-scenes:after,.books-section:after,.free-section:after{
  content:'';position:absolute;bottom:-2px;left:0;width:100%;height:clamp(46px,7vw,100px);
  z-index:5;pointer-events:none;background:var(--wave-color,#fff9ed);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 44 C260 -8 416 84 710 46 S1200 19 1440 50 L1440 100 L0 100 Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 44 C260 -8 416 84 710 46 S1200 19 1440 50 L1440 100 L0 100 Z'/%3E%3C/svg%3E");
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
}
.hero{--wave-color:#fff9ed}
.feature-picture{--wave-color:#cce8ef}
.feature-picture:before{top:auto;inset:auto 0 -2px}
.meet{--wave-color:#1c3957}
.world-section{--wave-color:#fff7ed}
.cast-section{--wave-color:#172f53}
.two-scenes{--wave-color:#fff9ed}
.books-section{--wave-color:#c6e6ef}
.free-section{--wave-color:#142a4b}
/* Cast carousel: a floating gallery, not a row of rigid tiles. */
.cast-section{background:linear-gradient(180deg,#fff7ed,#fffaf1 47%,#f3e4cc);color:var(--ink)}
.cast-head h2 em{color:#BD542E}
.cast-head p:not(.eyebrow){font-weight:400;line-height:1.65}
.cast-person figcaption{border-top:0;padding-top:17px}
.cast-person strong{font-size:clamp(1.38rem,1.9vw,2rem);line-height:1.17;letter-spacing:-.03em}
.cast-portrait{border-radius:38px 38px 26px 26px;background:#faf5eb;box-shadow:0 17px 28px #26364d14}
.cast-index{font-family:var(--font-display);font-size:.94rem;color:#b57b23}
.cast-controls>span{color:#7f591f}
.cast-arrow{background:#173f60;border-color:#173f60;box-shadow:0 3px 0 #dfb46e}
.cast-arrow:hover:not(:disabled){background:#f2ca7e;color:#15364f}
.cast-read-bio{color:#855515;border-bottom-color:#dbae59}
.cast-bottom{font-family:var(--font-display);font-size:1.08rem;font-weight:600}
/* Bio pages use the same schoolbook type and gold/blue storybook language. */
.crew-page{background:radial-gradient(ellipse at 70% 12%,#fff6d7,#fff9ed 53%,#eff5f2);color:var(--ink)}
.crew-topline{padding-top:45px}
.crew-hero{background:linear-gradient(120deg,#fffaf1,transparent 62%)}
.crew-chapter{color:#955d1a}
.crew-chapter:before{background:#e2ac57}
.crew-hero h1{font-size:clamp(4.6rem,7.8vw,8.7rem);line-height:.92;letter-spacing:-.04em}
.crew-hero h1 .crew-full-name{color:#BD542E;font-size:clamp(2.6rem,4vw,4.9rem);line-height:1.06;letter-spacing:-.04em;margin-top:19px}
.crew-description{font-weight:400;font-size:clamp(1.14rem,1.38vw,1.35rem);line-height:1.78;color:#314c5f}
.crew-image-panel{background:radial-gradient(ellipse at center,#ffedc2,var(--crew-soft,#e4edf0) 76%)}
.crew-image-panel:before{background:var(--crew-warm,#b5ddeb);opacity:.36}
.crew-photo{border:8px solid #fffaf1;border-radius:31px;transform:rotate(-1.1deg);box-shadow:17px 21px 0 #d8ae6560,0 30px 58px #16314b29}
.crew-next{gap:17px}
.crew-next a,.crew-next a:last-child{border-radius:30px;background:linear-gradient(135deg,#e2f1f3,#fff0cd);box-shadow:0 12px 24px #2649680c}
.crew-next a:last-child{background:linear-gradient(135deg,#fff0d1,#daeaf0)}
.crew-next strong{font-size:clamp(1.06rem,1.7vw,1.43rem);letter-spacing:-.01em}
.crew-next .crew-next-copy{color:#915d17}
.crew-bottom-banner{background:radial-gradient(ellipse at 75% 5%,#2b5772,#173757 70%);padding-block:85px}
.crew-bottom-banner h2 em{color:#ffda96}
.crew-bottom-banner .eyebrow{color:#ffe2ae}
/* Mobile keeps generous image room and wraps rather than clipping playful titles. */
@media(max-width:1100px){.hero h1{font-size:clamp(5.3rem,11vw,9rem)}.chapter-copy h2{font-size:clamp(3.6rem,6.1vw,6.2rem)}}
@media(max-width:760px){
 .brand{font-size:1.55rem}.site-nav{background:#fff7e9}
 .hero h1{font-size:clamp(5.0rem,14.5vw,8rem)}
 .chapter-copy h2,.meet h2,.free-content h2{font-size:clamp(3.8rem,10.5vw,6rem)}
 .meet-copy{background:linear-gradient(180deg,#c6e8f0,#d5edf1)}
 .crew-hero h1{font-size:clamp(4.5rem,12.8vw,8rem)}
 .crew-hero h1 .crew-full-name{font-size:clamp(2.6rem,7.8vw,4.5rem)}
 .crew-photo{width:min(70%,415px)}
}
@media(max-width:530px){
 .hero{min-height:655px}.hero-content{width:90%;margin-left:6%;padding-top:56px}
 .hero h1{font-size:clamp(4.6rem,20vw,7rem);line-height:.87;letter-spacing:-.07em}
 .hero h1 em{margin-top:7px}
 .hero-scroll{bottom:76px}
 .hero-content>p{font-size:1.1rem}
 .chapter-copy h2,.meet h2,.free-content h2{font-size:clamp(3.35rem,12.9vw,5.4rem)}
 .feature-copy h2{font-size:clamp(3.65rem,12.3vw,5.7rem)}
 .two-scenes figcaption{top:clamp(20px,5.5vw,35px);bottom:auto}
 .feature-copy{bottom:clamp(80px,17%,118px)}
 .world-heading h2{font-size:clamp(3.0rem,10.7vw,5rem)}
 .books-header h2{font-size:clamp(3.7rem,12.3vw,5.6rem)}
 .book-teaser h4{font-size:clamp(2.0rem,7.2vw,3.0rem)}
 .cast-head h2{font-size:clamp(3.2rem,10.5vw,4.8rem)}
 .crew-hero h1{font-size:clamp(4.2rem,14.5vw,6.5rem)}
 .crew-hero h1 .crew-full-name{font-size:clamp(2.2rem,8.5vw,4.1rem)}
 .ending h2{font-size:clamp(3.8rem,13vw,6.0rem)}
 .free-sticker{font-size:1.2rem}
 .hero:after,.feature-picture:before,.meet:after,.world-section:after,.cast-section:after,.two-scenes:after,.books-section:after,.free-section:after{height:clamp(38px,12vw,62px)}
}
@media(prefers-reduced-motion:reduce){h2 em,h3 em{transform:none}}

/* Site-wide image clarity: no cream/white feathering may cover photo panels.
   Keep the organic color bands BETWEEN sections, not translucent wash across artwork. */
.chapter-picture::before,.chapter-picture::after,
.meet-art::before,.meet-art::after,
.free-visual::before,.free-visual::after{content:none!important;display:none!important;background:none!important}