/* Your Little Girl: the velvet, linen, paper and colours of Eva's homepage. */
body.papami-song{background:var(--deep);color:var(--cream)}
.papami-song .inner-page{background:var(--plum) url('/assets/perf/plum-soft-desktop-v1.webp') center top/100% auto repeat-y;color:var(--cream)}
.ylg-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:8%;align-items:center;padding:28px 8% 54px}
.ylg-memories{min-width:0;display:flex;justify-content:center;align-items:center}
.ylg-film{position:relative;width:300px;max-width:100%;margin:0;padding:9px 9px 0;background:#eee4d4 url('/assets/inner-v16/paper-stock.webp') center/420px;box-shadow:3px 12px 25px #0c050d55,0 0 0 1px #fff5;transform:rotate(.8deg);isolation:isolate}
.ylg-preview{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#080f25;border:0;border-radius:1px}
.ylg-film-actions{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;font-size:11px;line-height:1.4;color:#785263}
.ylg-preview-toggle{display:grid;place-items:center;width:40px;min-height:44px;padding:10px;border:0;border-radius:50%;background:transparent;flex:none;color:#9b5f72}
.ylg-preview-toggle[hidden]{display:none}
.ylg-preview-toggle svg{display:block;width:17px;height:17px}
.ylg-full-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a975885e}
.ylg-copy{min-width:0;max-width:490px}
.ylg-byline{font-size:11px;line-height:1.5;letter-spacing:.17em;color:#dec7d2}
.ylg-copy h1{font:400 clamp(60px,5.8vw,82px)/.96 var(--sans);letter-spacing:-.065em;margin:20px 0 20px;color:var(--cream)}
.ylg-copy h1 span{display:block;color:var(--pink);white-space:nowrap}
.ylg-dedication{font-size:16px;line-height:1.5;color:#e7d6df}
.ylg-listen{margin-top:28px;scroll-margin-top:88px}
.ylg-listen h2{font:500 13px/1.5 var(--sans);letter-spacing:.01em;margin:0 0 13px;color:#e7d6df}
.ylg-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px}
.ylg-service{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 17px;border:1px solid #d7b4c15c;border-radius:99px;font-size:13px;line-height:1.3;color:#f1e4e9;background:#2b17222b;transition:background .2s,border-color .2s,transform .2s}
.ylg-service img{width:20px;height:20px;flex:none}
.ylg-service .icon{width:12px;height:12px;margin-left:auto;color:#d7b4c1}
.ylg-service--spotify{grid-column:1/-1;min-height:54px;background:var(--cream);border-color:var(--cream);color:#2e3a2e}
.ylg-service--spotify .icon{color:#5c7058}
a.ylg-service:hover{background:#f3ecdf14;border-color:#e4b4c3;transform:translateY(-1px)}
a.ylg-service--spotify:hover{background:#fff7eb}
.ylg-service--pending{grid-column:1/-1;justify-content:center;gap:7px;min-height:30px;padding:4px 0 0;border:0;background:transparent;color:#cfb7c2;font-size:11px}
.ylg-service--pending img{width:14px;height:14px;opacity:.75}
.ylg-service--pending>span{display:flex;align-items:center;gap:8px}
.ylg-service small{font-size:10px;line-height:1.5}
.ylg-chapters{display:flex;flex-wrap:wrap;gap:24px;margin-top:13px;font-size:12px;color:#dfb9ca}
.ylg-chapters a{display:inline-flex;align-items:center;min-height:44px}
.ylg-chapters a:hover{text-decoration:underline;text-underline-offset:5px}
/* The same frayed rose/sage textile used behind the homepage songbook. */
.ylg-release-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:8%;align-items:center;padding:70px 10% 42px;color:#423b37;background:url('/assets/perf/linen-stage-desktop-v1.webp') center top/100% 100% no-repeat;margin-top:-8px}
.ylg-release{min-width:0;width:100%;max-width:400px;justify-self:center}
.ylg-release .ylg-record{width:108%;margin:0 0 0 -4%;transform:rotate(-3deg);transition:transform .25s ease;filter:drop-shadow(0 8px 9px #31272b29)}
.ylg-release .ylg-record:hover{transform:rotate(-1deg) translateY(-3px)}
.ylg-record:focus-visible{outline:3px solid #e4b4c3;outline-offset:5px;border-radius:8px}
.ylg-record .record-art{left:12.4%;top:14.5%;width:48%}
.ylg-release-copy{padding-top:30px}
.ylg-release-copy h2{font-size:clamp(30px,3.1vw,43px);letter-spacing:-.035em;line-height:1.08;color:#f3ecdf;margin-bottom:18px;transform:rotate(-2deg)}
.ylg-release-copy>p{font-size:13px;line-height:1.7;color:#f3ecdf}
.ylg-release-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 24px;margin-top:15px;color:#f3ecdf}
.ylg-release-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:11px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#f3ecdf55}
.ylg-release-links .icon{width:11px;height:11px}
.papami-song .songbook-stage{background:#5b6653;background-image:url('/assets/linen-sage-loop.webp'),var(--eva-linen-preview);background-position:center top;background-size:100% auto;background-repeat:repeat-y;padding-top:78px;padding-bottom:84px}
.papami-song .papami-back-link{color:#f3ecdf;border-color:#d3dcc25c}
.papami-song .next-chapter{color:var(--cream);background:transparent}
.papami-song .next-card{border-color:#d7b4c140}
.ylg-home{display:flex;justify-content:center;padding:10px 24px 54px}
.ylg-home .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:15px 25px;background:var(--soft);color:var(--deep);border-color:var(--soft)}
.ylg-home .button:hover{background:#f0c8d5}
.ylg-home .button>span{font-size:20px;line-height:1}
.papami-song .inner-footer{background:#20131cbf;color:var(--cream);border-top:1px solid #d7b4c121}
.ylg-dialog{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:16px;background:var(--plum);color:var(--cream);border:1px solid #dfc6d059;border-radius:8px;overflow:auto}
.ylg-dialog::backdrop{background:#100911db}
.ylg-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.ylg-dialog-heading h2{font-size:20px;line-height:1.3;letter-spacing:-.02em}
.ylg-dialog-close{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #dfc6d059;border-radius:50%;background:transparent}
.ylg-dialog video{display:block;width:100%;height:min(70dvh,680px);object-fit:contain;background:#100911}
.ylg-dialog>a{font-size:12px;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
html.ylg-film-open{overflow:hidden}
@media(min-width:701px) and (max-width:1000px){
 .ylg-hero{gap:7%;padding:26px 6% 44px}
 .ylg-film{width:250px}
 .ylg-copy h1{font-size:59px}
 .ylg-dedication{font-size:14px}
 .ylg-byline{font-size:10px}
 .ylg-service{padding:11px 13px;font-size:12px}
 .ylg-release-scene{padding-inline:7%}
 .ylg-release-copy>p{font-size:12px}
}
@media(max-width:700px){
 .papami-song .inner-page{background-image:url('/assets/perf/plum-soft-mobile-v1.webp');background-size:auto 920px}
 .ylg-hero{grid-template-columns:minmax(0,1fr);gap:23px;padding:18px 24px 30px}
 .ylg-film{width:auto;padding:7px 7px 0;transform:rotate(.6deg)}
 .ylg-preview{height:clamp(300px,80vw,340px);width:auto;max-width:100%;aspect-ratio:9/16}
 .ylg-film-actions{min-height:42px;gap:7px;margin:0 -3px;font-size:10px}
 .ylg-preview-toggle{width:34px;min-height:42px}
 .ylg-full-link{min-height:42px}
 .ylg-copy{width:100%;max-width:none}
 .ylg-byline{font-size:9px;letter-spacing:.14em}
 .ylg-copy h1{font-size:clamp(46px,12vw,53px);line-height:.98;margin:12px 0 13px}
 .ylg-copy h1 span{display:inline;white-space:normal}
 .ylg-dedication{font-size:14px}
 .ylg-listen{margin-top:22px;scroll-margin-top:82px}
 .ylg-listen h2{font-size:12px;margin-bottom:11px}
 .ylg-service{padding:11px 14px;gap:8px;font-size:12px;min-height:48px}
 .ylg-service--spotify{min-height:53px;font-size:13px}
 .ylg-service--pending{min-height:28px;padding:4px 0 0;font-size:10px}
 .ylg-service--pending small{font-size:10px}
 .ylg-chapters{gap:23px;margin-top:9px}
 .ylg-release-scene{grid-template-columns:minmax(0,1fr);gap:5px;padding:54px 26px 35px;background-image:url('/assets/perf/linen-stage-mobile-v1.webp');background-size:100% 100%;margin-top:0}
 .ylg-release{width:min(330px,100%)}
 .ylg-release-copy{padding:0 3px 8px}
 .ylg-release-copy h2{font-size:32px;margin-bottom:14px}
 .ylg-release-copy>p{font-size:12px}
 .ylg-release-links{gap:3px 20px;margin-top:10px}
 .papami-song .songbook-stage{padding-top:45px;padding-bottom:50px;background-size:auto 1000px}
 .ylg-home{padding-bottom:38px}
}
@media(prefers-reduced-motion:reduce){
 .ylg-service,.ylg-release .ylg-record{transition:none}
 a.ylg-service:hover{transform:none}
 .ylg-release .ylg-record:hover{transform:rotate(-3deg)}
}
