#darr-redesign .thumbelina-page{--cr-accent:#d7bdb0;--cr-line:#d7bdb030;background:#191b29;color:#e9e5ed}
#darr-redesign .thumbelina-page h2{font:400 clamp(32px,4vw,54px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:14px 0 28px}
#darr-redesign .thumbelina-page h2 em{color:#d9baca;font-weight:400}
#darr-redesign .thumbelina-page p{font-size:17px;line-height:1.75}
#darr-redesign .thumbelina-page .cr-kicker{font:500 13px/1.5 Arial,sans-serif;letter-spacing:.17em;color:#d7bdb0;margin:0}
.th-hero{position:relative;background:#10141f}.th-hero>img{display:block;width:100%;height:min(70vw,740px);object-fit:cover;object-position:center 40%}.th-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#191b29 1%,#111524a0 22%,transparent 66%)}
.th-back{position:absolute;top:22px;left:5%;z-index:2;padding:8px 12px;background:#111524a0;font-size:14px}
.th-hero-copy{position:absolute;bottom:25px;left:7%;right:7%;z-index:1;text-align:center;text-shadow:0 2px 24px #000}
#darr-redesign .th-hero-copy h1{font:400 clamp(42px,8.5vw,116px)/1 Georgia,serif;letter-spacing:.05em;margin:12px 0 18px;color:#f6e9dc}
#darr-redesign .th-hero-copy>p:first-child{font-size:13px;letter-spacing:.2em;line-height:1.6}
#darr-redesign .th-hero-copy .th-line{font:400 clamp(19px,2.3vw,30px)/1.45 Georgia,serif;margin:10px 0 18px}.th-hero-copy>span{font-size:14px;color:#d0c8d3}
.th-section,.th-gallery-wrap,.th-music-link{padding:60px max(6%,calc((100% - 1160px)/2))}.th-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:start}.th-prose p{margin:0 0 20px;color:#c9c5d1}.th-prose strong{color:#f1e8ed}.th-split figure{margin:28px 0 0}.th-split img{display:block;width:100%;height:auto}.th-intro{max-width:650px;color:#bdb8c8}
.th-listen{background:linear-gradient(125deg,#272335,#191b29)}.th-listen .th-split{align-items:center}.th-audio{border-top:1px solid #d8b8ce50;border-bottom:1px solid #d8b8ce30;padding:22px 0;margin-top:26px;display:flex;justify-content:space-between;gap:20px;align-items:center}.th-audio span{letter-spacing:.08em;font-size:16px}.th-audio small{color:#aaa5b7;font-size:14px}
.th-gallery-wrap{padding-top:0;padding-bottom:32px}.th-gallery-wrap .cr-track>.cr-image-button{flex-basis:calc((100% - 20px)/2)}#darr-redesign .thumbelina-page .cr-track img{height:270px!important;object-fit:contain!important;background:#111521}.th-worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.th-worlds article{min-width:0}.th-worlds img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}.th-worlds h3{font:400 25px/1.2 Georgia,serif;margin:20px 0 14px}.th-worlds summary{cursor:pointer;color:#d9baca;font-size:14px;padding:12px 0;border-top:1px solid #d9baca30}.th-worlds details[open] summary{margin-bottom:16px}#darr-redesign .th-worlds .th-prose p{font-size:16px}.th-music-link{display:flex;justify-content:space-between;gap:18px;padding-top:0;font-size:14px}.th-music-link span{color:#aaa5b7}.th-music-link a{border-bottom:1px solid #d9baca60;padding-bottom:6px}.th-family{background:#222231}.th-family-copy{columns:2;column-gap:50px;color:#c9c5d1}.th-family-copy p{break-inside:avoid;margin-top:0}.th-coming>div{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}#darr-redesign .th-coming p{font-size:16px;padding-bottom:14px;border-bottom:1px solid #d9baca25;display:flex;justify-content:space-between;gap:15px}.th-coming span{font-size:14px;color:#aaa5b7}.th-finale{padding:100px 7%;text-align:center;background:linear-gradient(#191b29d9,#191b29bb),url('/assets/thumbelina/scene-9.png') center/cover}.th-finale>p:not(.cr-kicker){max-width:650px;margin:25px auto}.th-finale a{display:inline-block;border-bottom:1px solid #d9baca80;padding:12px 0;font-size:15px}
@media(max-width:1000px){.th-split{gap:32px}.th-worlds{gap:16px}#darr-redesign .thumbelina-page .cr-track img{height:220px!important}.th-hero>img{height:660px}}
@media(max-width:700px){.th-section,.th-gallery-wrap,.th-music-link{padding:38px 6%}.th-gallery-wrap{padding-top:0}.th-split{grid-template-columns:1fr;gap:24px}.th-worlds{grid-template-columns:1fr;gap:32px}.th-worlds img{aspect-ratio:16/9;object-fit:contain}.th-family-copy{columns:1}.th-coming>div{grid-template-columns:1fr}.th-hero>img{height:420px;object-position:52% center}.th-hero-copy{position:relative;bottom:auto;left:auto;right:auto;padding:0 6% 28px;margin-top:-45px}#darr-redesign .th-hero-copy h1{font-size:clamp(33px,8.5vw,59px);letter-spacing:.015em}.th-hero:after{height:420px;background:linear-gradient(0deg,#191b29,transparent 50%)}.th-hero-copy>p:first-child{max-width:300px;margin:auto}.th-audio,.th-music-link{align-items:flex-start;flex-direction:column;gap:10px}.th-gallery-wrap .cr-track>.cr-image-button{flex-basis:90%}#darr-redesign .thumbelina-page .cr-track img{height:210px!important}.th-finale{padding:65px 7%}.thumbelina-page .cr-nav{gap:20px;overflow:auto;white-space:nowrap}.th-split figure{margin-top:20px}}


/* A contemporary stage opening, complete character images, and compact story themes. */
#darr-redesign .thumbelina-page .th-hero>img{height:660px;object-fit:cover;object-position:center 40%}
#darr-redesign .thumbelina-page .th-hero-copy h1{font-family:Arial,sans-serif;font-weight:300;font-size:clamp(40px,7.5vw,104px);letter-spacing:.09em;color:#f0edf1}
#darr-redesign .thumbelina-page .th-hero-copy{bottom:30px}
#darr-redesign .thumbelina-page .th-worlds img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;max-height:none}
#darr-redesign .thumbelina-page .th-illustrated{grid-template-columns:1fr 1fr;align-items:start;gap:32px}
#darr-redesign .thumbelina-page .th-illustrated figure{margin:0;width:100%}
.th-section-heading{margin-bottom:25px}.th-section-heading h2{max-width:850px}
.th-theme-tabs{display:flex;gap:8px;border-bottom:1px solid #c6b6ca40;margin-bottom:30px;overflow-x:auto}
.th-theme-tabs button{flex:1;white-space:nowrap;padding:14px 12px;background:none;color:#b8b2c2;border:0;border-bottom:2px solid transparent;font:inherit;font-size:15px;cursor:pointer}
.th-theme-tabs button[aria-selected=true]{color:#f1dfe8;border-bottom-color:#d7b7cd;background:#c0a8c00c}
.th-theme-panel[hidden]{display:none!important}.th-theme-panel{padding:0;background:none}.th-theme-panel .th-family-copy{columns:2}
.th-theme-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:26px;font-size:14px;color:#b8b2c2}.th-theme-controls button{width:42px;height:42px;border:1px solid #c6b6ca50;background:none;color:#eee6ed;border-radius:50%;cursor:pointer;font-size:21px}
.th-theme-tabs button:focus-visible,.th-theme-controls button:focus-visible{outline:2px solid #e5ccdd;outline-offset:3px}
@media(max-width:700px){#darr-redesign .thumbelina-page .th-hero>img{height:390px;object-position:50% center}#darr-redesign .thumbelina-page .th-hero-copy{bottom:auto;margin-top:-30px}#darr-redesign .thumbelina-page .th-hero-copy h1{font-size:clamp(30px,7.5vw,52px);letter-spacing:.035em}.th-hero:after{height:390px}#darr-redesign .thumbelina-page .th-illustrated{grid-template-columns:1fr;gap:20px}.th-theme-panel .th-family-copy{columns:1}.th-theme-tabs button{flex:none;font-size:14px}.th-section-heading{margin-bottom:20px}}


/* Compact photographic banners; typography stays clear of the central performer. */
#darr-redesign .thumbelina-page .th-hero-copy{top:64px;bottom:auto;left:6%;right:6%;margin:0;padding:0}
#darr-redesign .thumbelina-page .th-hero-copy h1{font-size:clamp(38px,5.5vw,76px);margin:10px 0}
#darr-redesign .thumbelina-page .th-hero-copy .th-line{font-size:clamp(18px,1.7vw,23px);line-height:1.35;margin:10px 0}
#darr-redesign .thumbelina-page .th-hero:after{background:linear-gradient(180deg,#111524b3,transparent 48%,#191b29 100%)}
#darr-redesign .thumbelina-page .th-finale{padding:65px 7%;text-align:left;background:linear-gradient(90deg,#191b29ed 0%,#191b29b0 38%,#191b2920 75%),url('/assets/thumbelina/scene-9.png') center 18%/cover}
#darr-redesign .thumbelina-page .th-finale h2{max-width:44%;font-size:clamp(32px,3.5vw,48px)}
#darr-redesign .thumbelina-page .th-finale>p:not(.cr-kicker){max-width:38%;margin:22px 0}
#darr-redesign .thumbelina-page .th-gallery-wrap .cr-track{min-width:0;gap:18px;align-items:start}
#darr-redesign .thumbelina-page .th-gallery-wrap .cr-track>.cr-image-button{flex:0 0 calc((100% - 18px)/2);width:calc((100% - 18px)/2);min-width:0;max-width:none;background:none}
#darr-redesign .thumbelina-page .th-gallery-wrap .cr-track img{display:block;width:100%!important;height:auto!important;max-width:100%;aspect-ratio:auto;background:none;object-fit:contain!important}
.th-theme-prose-wide{max-width:850px}
@media(max-width:700px){
#darr-redesign .thumbelina-page .th-hero-copy{position:absolute;top:54px;bottom:auto;left:5%;right:5%;padding:0;margin:0}
#darr-redesign .thumbelina-page .th-hero-copy h1{font-size:clamp(28px,7vw,45px)}
#darr-redesign .thumbelina-page .th-hero-copy>p:first-child{font-size:10px}
#darr-redesign .thumbelina-page .th-hero-copy .th-line{font-size:17px}
#darr-redesign .thumbelina-page .th-hero-copy>span{font-size:12px}
#darr-redesign .thumbelina-page .th-finale{padding:40px 6%;background-position:62% top}
#darr-redesign .thumbelina-page .th-finale h2{max-width:65%;font-size:30px}
#darr-redesign .thumbelina-page .th-finale>p:not(.cr-kicker){max-width:60%;font-size:15px}
#darr-redesign .thumbelina-page .th-gallery-wrap .cr-track>.cr-image-button{flex-basis:90%;width:90%}
}
@media(max-width:700px){#darr-redesign .thumbelina-page .th-hero-copy{bottom:40px}#darr-redesign .thumbelina-page .th-hero-copy .th-line{position:absolute;bottom:0;left:0;right:0}#darr-redesign .thumbelina-page .th-hero-copy>span{position:absolute;bottom:-22px;left:0;right:0}}
#darr-redesign .thumbelina-page .th-finale{box-sizing:border-box;min-height:440px;padding:48px 7%;background:linear-gradient(90deg,#191b29b8,#191b2955 55%,#191b2948),url('/assets/thumbelina/finale-wide.webp') center/cover}
#darr-redesign .thumbelina-page .th-finale h2{font-size:clamp(30px,3.2vw,44px);margin:14px 0 20px}
#darr-redesign .thumbelina-page .th-finale>p:not(.cr-kicker){font-size:16px}
.th-song-link{text-decoration:none;color:#efe6ec;transition:background .2s;padding:22px 12px}
.th-song-link:hover{background:#d8b8ce12}.th-song-link:focus-visible{outline:2px solid #d8b8ce;outline-offset:4px}
@media(max-width:700px){#darr-redesign .thumbelina-page .th-finale{min-height:430px;padding:35px 6%;background-position:66% center}#darr-redesign .thumbelina-page .th-finale h2{font-size:29px}}
/* Restore the original centered typography and soft full-image veil. */
#darr-redesign .thumbelina-page .th-finale{text-align:center;background-image:linear-gradient(#191b29d9,#191b29bb),url('/assets/thumbelina/finale-wide.webp')}
#darr-redesign .thumbelina-page .th-finale h2{max-width:none;margin:14px auto 20px}
#darr-redesign .thumbelina-page .th-finale>p:not(.cr-kicker){max-width:650px;margin:22px auto}
.th-soundcloud{margin-top:26px;padding:20px 0;border-top:1px solid #d8b8ce40}
.th-soundcloud iframe{display:block;width:100%;border:0}
.th-soundcloud>a{display:inline-block;margin-top:12px;font-size:14px;color:#d9baca}
/* Match the SoundCloud treatment used on the other project pages. */
#darr-redesign .thumbelina-page .th-soundcloud iframe{filter:invert(.92) hue-rotate(180deg) saturate(1.25);border-radius:3px;color-scheme:light;background:#fff}

/* Softer reading surfaces between the theatrical imagery. */
#darr-redesign .thumbelina-page #story,
#darr-redesign .thumbelina-page .th-themes{
 background:radial-gradient(ellipse at 8% 0%,#82718b24,transparent 70%),#30303e;
}
#darr-redesign .thumbelina-page .th-listen{
 background:linear-gradient(125deg,#3a3343,#2e303e);
}
#darr-redesign .thumbelina-page #music{
 background:radial-gradient(ellipse at 92% 10%,#92758620,transparent 65%),#33313f;
}
#darr-redesign .thumbelina-page #story .th-prose p,
#darr-redesign .thumbelina-page .th-themes .th-prose p,
#darr-redesign .thumbelina-page .th-themes .th-family-copy,
#darr-redesign .thumbelina-page .th-listen .th-prose p,
#darr-redesign .thumbelina-page #music .th-prose p{color:#d8d2df}

/* Preserve the complete finale composition on wide displays. */
@media(min-width:901px){
 #darr-redesign .thumbelina-page .th-finale{min-height:max(440px,33.334vw);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;background-position:center top;background-image:linear-gradient(90deg,#191b29e6 0%,#191b29b8 28%,#191b2930 58%,#191b2920),url('/assets/thumbelina/finale-wide.webp')}
 #darr-redesign .thumbelina-page .th-finale h2{max-width:36%;margin:14px 0 20px}
 #darr-redesign .thumbelina-page .th-finale>p:not(.cr-kicker){max-width:34%;margin:22px 0}
}
