/* A direct listening entrance, on the same velvet as Eva's diary. */
.little-girl-feature{position:relative;z-index:3;isolation:isolate;padding:44px 8% 52px;color:var(--cream)}
.little-girl-opening{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:8%;max-width:1120px;margin-inline:auto}
.little-girl-copy{min-width:0;padding-bottom:20px}
.little-girl-byline{font-size:12px;line-height:1.5;letter-spacing:.1em;color:#dfcbd2}
.little-girl-byline span{margin-inline:6px;color:var(--pink)}
.little-girl-copy h2{font:400 clamp(52px,6.1vw,82px)/.94 var(--sans);letter-spacing:-.07em;margin:23px 0 0}
.little-girl-copy h2 em{white-space:nowrap}
.little-girl-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:27px}
.little-girl-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:14px 21px;border-radius:99px;font-size:15px;line-height:1.3;font-weight:500;transition:background .18s,transform .18s}
.little-girl-listen{background:var(--cream);color:#2e3a2e;min-width:242px}
.little-girl-listen img{width:24px;height:24px;flex:none}
.little-girl-listen span{flex:1}
.little-girl-actions .icon{width:17px;height:17px;flex:none}
.little-girl-more{border:1px solid #d7b4c15c;color:#f1e4e9;min-width:242px}
.little-girl-listen:hover{background:#fff7eb;transform:translateY(-2px)}
.little-girl-more:hover{background:#f3ecdf12;transform:translateY(-2px)}
.little-girl-note-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:22px;font-size:13px;color:#dcbecb}
.little-girl-note-link .icon{width:17px;height:17px}
.little-girl-film-stage{position:relative;justify-self:center;width:min(100%,320px)}
.little-girl-film{position:relative;padding:10px 10px 0;background:#eee4d4 url('/assets/inner-v16/paper-stock.webp') center/420px;transform:rotate(1deg);box-shadow:3px 10px 24px #10070c45,0 0 0 1px #fff5;isolation:isolate}
.little-girl-film::before{display:none}
.little-girl-player{position:relative;isolation:isolate;overflow:hidden;background:#080f25;aspect-ratio:9/16}
.little-girl-player video{display:block;width:100%;height:100%;object-fit:contain;background:#080f25}
.little-girl-play{position:absolute;bottom:26px;left:50%;translate:-50% 0;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:13px 18px;background:#f9f2e7f2;color:#35262b;border-radius:99px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 3px 16px #0003;backdrop-filter:blur(6px)}
.little-girl-play[hidden]{display:none}
.little-girl-play svg{width:17px;height:17px}
.little-girl-video-caption{display:flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:7px 0 8px;font-size:23px;color:#785263;white-space:nowrap}
.little-girl-video-caption .heart{width:17px;height:22px;color:inherit}
.little-girl-keepsake{position:absolute;width:88px;max-width:none;right:-51px;top:37px;transform:rotate(-6deg);pointer-events:none;filter:drop-shadow(3px 5px 4px #160b104d)}
.little-girl-note-scene{position:relative;padding:16px 8% 55px;scroll-margin-top:0}
.little-girl-letter{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10%;max-width:1120px;margin-inline:auto;padding:52px 6%;background:#f0e6d6 url('/assets/inner-v16/paper-stock.webp') center/480px;color:var(--ink);box-shadow:2px 8px 22px #14081033;isolation:isolate;clip-path:polygon(.3% .8%,4% .3%,11% .9%,19% .2%,29% .7%,42% .2%,54% .7%,67% .3%,79% .8%,91% .2%,99.5% .7%,99.8% 13%,99.4% 31%,99.9% 56%,99.5% 76%,99.8% 99.2%,91% 99.6%,79% 99.2%,66% 99.8%,53% 99.3%,42% 99.7%,29% 99.1%,17% 99.6%,7% 99.2%,.4% 99.7%,.1% 83%,.6% 65%,.2% 47%,.5% 26%)}
.little-girl-letter-greeting{font-size:31px;line-height:1.15;color:#a15f78;transform:rotate(-3deg);margin-bottom:12px}
.little-girl-letter h2{font:400 clamp(29px,3vw,43px)/1.07 var(--sans);letter-spacing:-.055em;margin:0}
.little-girl-letter-copy>p:not(.hand){font-size:16px;line-height:1.7;color:#5a4348;max-width:40ch}
.little-girl-letter-copy>p+p{margin-top:20px}
.little-girl-signature{font-size:25px;line-height:1.1;color:#a15f78}
.little-girl-signature span{display:inline-flex;gap:9px;align-items:center;font-size:42px;margin-top:4px}
.little-girl-signature .heart{width:24px;height:29px;color:inherit}
.little-girl-story-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:13px;color:#654453;margin-top:16px;border-bottom:1px solid #b98c9d66}
.little-girl-story-link .icon{width:16px;height:16px}
.little-girl-note-scene+.latest-scene{padding-top:28px}
@media(min-width:701px) and (max-width:1000px){
 .little-girl-feature{padding-inline:7%}
 .little-girl-opening{gap:5%;grid-template-columns:1.05fr .95fr}
 .little-girl-copy h2{font-size:7.3vw}
 .little-girl-film-stage{width:min(100%,270px)}
 .little-girl-keepsake{width:72px;right:-38px;top:25px}
 .little-girl-letter{gap:7%;padding:40px 6%}
 .little-girl-letter-copy>p:not(.hand){font-size:15px}
}
@media(max-width:700px){
 .little-girl-feature{padding:32px 23px 35px}
 .little-girl-opening{display:flex;flex-direction:column;gap:27px}
 .little-girl-copy{padding:0;width:100%;text-align:center}
 .little-girl-byline{font-size:10px;letter-spacing:.075em}
 .little-girl-copy h2{font-size:clamp(47px,13.4vw,58px);line-height:.96;margin:16px 0 0;letter-spacing:-.065em}
 .little-girl-actions{display:grid;grid-template-columns:1.05fr 1fr;gap:9px;margin-top:24px;width:100%}
 .little-girl-actions a{min-width:0;min-height:48px;font-size:12px;gap:7px;padding:12px 11px;justify-content:center}
 .little-girl-actions a>.icon{width:13px;height:13px}
 .little-girl-listen img{width:20px;height:20px}
 .little-girl-listen span{flex:none}
 .little-girl-note-link{display:none}
 .little-girl-film-stage{width:260px;max-width:calc(100% - 32px)}
 .little-girl-film{padding:8px 8px 0;transform:rotate(1deg)}
 .little-girl-video-caption{font-size:21px;min-height:42px;gap:7px}
 .little-girl-video-caption .heart{width:15px;height:19px}
 .little-girl-keepsake{width:65px;right:-34px;top:24px}
 .little-girl-note-scene{padding:12px 15px 32px;scroll-margin-top:0}
 .little-girl-letter{display:block;padding:32px 27px 30px;clip-path:polygon(1% .5%,12% .3%,27% .8%,46% .3%,67% .7%,87% .2%,99% .6%,99.5% 15%,99% 37%,99.6% 62%,99% 83%,99.5% 99.3%,82% 99.7%,64% 99.2%,46% 99.7%,26% 99.3%,8% 99.7%,.6% 99.2%,.2% 77%,.7% 56%,.2% 33%,.7% 14%)}
 .little-girl-letter-intro{position:relative;margin-bottom:23px}
 .little-girl-letter-greeting{font-size:28px;margin-bottom:9px}
 .little-girl-letter h2{font-size:32px;line-height:1.04;max-width:11ch}
 .little-girl-letter-copy>p:not(.hand){font-size:15px;line-height:1.65;max-width:none}
 .little-girl-letter-copy>p+p{margin-top:18px}
 .little-girl-signature{font-size:23px}
 .little-girl-signature span{font-size:39px}
 .little-girl-story-link{margin-top:13px}
 .little-girl-note-scene+.latest-scene{padding-top:24px}
}
@media(max-width:360px){
 .little-girl-feature{padding-inline:19px;padding-top:28px}
 .little-girl-actions{gap:7px}
 .little-girl-actions a{font-size:11px;padding-inline:9px;gap:5px}
 .little-girl-actions a>.icon{display:none}
 .little-girl-film-stage{width:246px;max-width:calc(100% - 30px)}
 .little-girl-keepsake{width:59px;right:-30px}
 .little-girl-letter{padding-inline:23px}
 .little-girl-letter h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.little-girl-actions a{transition:none}.little-girl-actions a:hover{transform:none}}

/* The familiar welcome stays first; its main action opens the featured song. */
.hero-introduction .pill-link{width:max-content;max-width:calc(100vw - 48px);gap:12px;padding-inline:18px;font-size:clamp(13px,1.4vw,20px)}