/* One live paper sheet and a complete envelope front, each with its own geometry.
   Both percentages below resolve against the same outer letter width. */
.preview-home .little-girl-opening {
 display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
 grid-template-areas:'heading .' 'film letter' 'actions letter';
 align-items:start;column-gap:7%;row-gap:25px;max-width:1120px;
}
.preview-home .little-girl-heading-group { grid-area:heading;width:min(100%,300px);justify-self:center;align-self:start;text-align:left; }
.preview-home .little-girl-heading-group h2 { margin:0;font:400 clamp(55px,5.3vw,70px)/.96 var(--sans);letter-spacing:-.065em; }
.preview-home .little-girl-film-stage { grid-area:film;width:300px;max-width:calc(100% - 35px);margin:6px 0 0;justify-self:center;align-self:start; }
.preview-home .little-girl-actions { grid-area:actions;display:flex;flex-direction:column;align-items:flex-start;justify-self:center;align-self:start;width:min(100%,300px);gap:6px;margin:0; }
.preview-home .eva-home-letter {
 --envelope-overlap:28%;grid-area:letter;align-self:start;justify-self:center;
 position:relative;display:block;width:100%;max-width:560px;margin:0;padding:0;
 background:none;box-shadow:none;border:0;isolation:isolate;
 filter:drop-shadow(0 10px 14px #14081035);
}
.preview-home .eva-letter-sheet {
 position:relative;z-index:1;display:block;width:auto;margin:0 6%;
 padding:36px 10% calc(var(--envelope-overlap) + 24px);color:#654754;
 background:var(--eva-paper-color) var(--eva-paper) center top / 640px 640px repeat;
 --letter-edge:15px;
 -webkit-mask-image:var(--eva-paper-top),linear-gradient(#000,#000);
 mask-image:var(--eva-paper-top),linear-gradient(#000,#000);
 -webkit-mask-size:100% var(--letter-edge),100% calc(100% - var(--letter-edge) + 2px);
 mask-size:100% var(--letter-edge),100% calc(100% - var(--letter-edge) + 2px);
 -webkit-mask-position:center top,center bottom;mask-position:center top,center bottom;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.preview-home .eva-letter-sheet .eva-letter-greeting { margin:0 0 12px;font:400 29px/1.15 var(--hand);color:#92556e;transform:rotate(-2deg); }
.preview-home .eva-letter-sheet h3 { margin:0 0 23px;font:400 34px/1.12 var(--hand);letter-spacing:0;color:#653c50; }
.preview-home .eva-letter-sheet>p:not(.eva-letter-greeting):not(.visually-quiet) { margin:0;font:400 24px/1.36 var(--hand);color:#654754; }
.preview-home .eva-letter-sheet>p+p { margin-top:20px!important; }
.preview-home .eva-envelope-front {
 position:relative;z-index:2;display:block;width:100%;height:auto;max-width:none;
 margin:calc(-1 * var(--envelope-overlap)) 0 0;pointer-events:none;
}
/* The sealed keepsakes are separate objects on the cloth, outside the letters. */
.preview-song-page .papami-song-keepsake { margin:24px 0 0 auto; }
.preview-papami-page .papami-letter-object { width:min(100%,390px);max-width:100%;margin:24px 0 0; }
@media(max-width:700px) {
 .preview-papami-page .papami-letter-object { margin:0; }
}
@media(max-width:1000px) {
 .preview-home .little-girl-opening { grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'film' 'actions' 'letter';gap:28px; }
 .preview-home .little-girl-heading-group { width:100%;max-width:560px; }
 .preview-home .little-girl-heading-group h2 { font-size:65px;text-align:center; }
 .preview-home .little-girl-heading-group .preview-byline { text-align:center; }
 .preview-home .little-girl-film-stage { width:300px;order:1;margin-top:0; }
 .preview-home .little-girl-actions { width:100%;max-width:560px;order:2; }
 .preview-home .eva-home-letter { order:3;margin-top:4px; }
}
@media(max-width:700px) {
 .preview-home .little-girl-heading-group { max-width:500px; }
 .preview-home .little-girl-heading-group h2 { font-size:59px; }
 .preview-home .little-girl-film-stage { width:270px;max-width:calc(100% - 30px); }
 .preview-home .little-girl-actions { max-width:500px; }
 .preview-home .eva-home-letter { max-width:500px; }
 .preview-home .eva-letter-sheet { padding-top:28px;padding-inline:9%; }
 .preview-home .eva-letter-sheet h3 { font-size:32px;line-height:1.12;margin-bottom:20px; }
 .preview-home .eva-letter-sheet .eva-letter-greeting { font-size:28px; }
 .preview-home .eva-letter-sheet>p:not(.eva-letter-greeting):not(.visually-quiet) { font-size:23px;line-height:1.34; }
}
@media(max-width:360px) {
 .preview-home .little-girl-heading-group h2 { font-size:54px; }
 .preview-home .eva-letter-sheet { padding-inline:8%;padding-top:26px; }
 .preview-home .eva-letter-sheet h3 { font-size:30px; }
 .preview-home .eva-letter-sheet>p:not(.eva-letter-greeting):not(.visually-quiet) { font-size:22px; }
}