/* Supplied cotton paper: retain the fibres in a cool pearl field. */
.jl .book-note,.jl .gfe-bukowski .literary-copy,.jl .writing-envelope .literary-copy{
 background-color:#F9F7F6;background-image:url(img/keepsake-cotton-paper.jpg);background-size:460px auto;background-blend-mode:luminosity;
}
.jl .book-note blockquote{font-size:clamp(26px,2.5vw,34px)}
.jl .literary-keepsake{position:relative;color:#5A0F1D}
.jl .literary-keepsake blockquote{font:italic 400 clamp(27px,3vw,39px)/1.45 "Newsreader",Georgia,serif;color:#5A0F1D}
.jl .literary-credit{font:400 15px/1.7 "Newsreader",Georgia,serif;color:#4A3631;margin-top:22px}
/* The embossed cutout is a whole object, with all words in its central field. */
.jl .gallery-plath{grid-column:1/-1;justify-self:center;width:min(100%,460px);margin:0 auto;aspect-ratio:1343/1875;display:grid;place-items:center;isolation:isolate;transform:rotate(-2deg)}
.gallery-plath>.embossed-bow-paper{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;filter:drop-shadow(7px 10px 7px #241A1B22)}
.jl .gallery-plath .literary-copy{width:64%;padding:30px 8px 0;text-align:center}
.jl .gallery-plath blockquote{font-size:34px;line-height:1.4}
/* The heart locket is the focal object of this small collected passage. */
.jl .gfe-bukowski{max-width:900px;margin:65px auto 0;display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px;align-items:center;padding:10px 20px}
.gfe-bukowski .open-locket{display:block;width:100%;height:auto;transform:rotate(-8deg);filter:drop-shadow(5px 7px 5px #241A1B33)}
.jl .gfe-bukowski .literary-copy{padding:32px;border:1px solid #C99AA5;box-shadow:5px 7px 0 #F4E3E5;transform:rotate(1.5deg)}
.jl .gfe-bukowski .eyebrow{margin-bottom:20px}
/* A note resting on a real open envelope; the form remains its own clear column. */
.jl .writing-envelope{width:min(100%,430px);aspect-ratio:1281/1912;margin:55px auto 0;isolation:isolate}
.writing-envelope .blush-envelope{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;z-index:-1;filter:drop-shadow(5px 9px 7px #241A1B22)}
.jl .writing-envelope .literary-copy{position:absolute;top:26%;left:12%;width:76%;padding:30px 24px 32px;box-shadow:1px 3px 8px #241A1B22;transform:rotate(-3deg)}
.jl .writing-envelope blockquote{font-size:29px;line-height:1.4}
/* A little Cupid peeks over one collected note, clear of its words. */
.jl[data-folio="home"] .hk .letters{position:relative;padding-top:42px}
.keepsake-cupid{position:absolute;top:-22px;right:4%;width:90px;height:auto;transform:rotate(12deg);z-index:2;pointer-events:none}
/* Warm reference paper uses only its light and texture over the approved pearl. */
.jl[data-folio="meet"] .md .under{
 background-color:#F9F7F6;background-image:url(img/keepsake-bow-stripes.jpg);background-size:300px auto;background-blend-mode:luminosity;
}
/* An actual scanned Ace replaces the flat printed-card simulation. */
.experience-hand .keepsake-ace{background:#F9F7F6 url(img/d-ace-hearts.webp) center/100% 100% no-repeat;border:0}
.keepsake-ace::before{display:none}.keepsake-ace .playing-index,.keepsake-ace .ace-heart{visibility:hidden}
.keepsake-ace .ace-heart{height:25px;font-size:25px}
.keepsake-ace .ace-print{inset:32px 32px;gap:12px}
.jl .to .lucky-card{width:132px;height:auto;padding:0;background:transparent;top:-65px;left:-34px}
.to .lucky-card img{display:block;width:100%;height:auto;object-fit:contain}
.jl .way.w4{grid-template-columns:90px minmax(0,1fr) 240px;align-items:start}
.pearl-keepsake{align-self:center;position:relative;background:#5A0F1D;padding:34px 16px;transform:rotate(-5deg);box-shadow:4px 6px 12px #241A1B22;border:1px solid #7A2B3A}
.pearl-keepsake::after{content:"";position:absolute;inset:7px;border:1px solid #C99AA5;pointer-events:none}
.pearl-keepsake img{display:block;width:100%;height:auto}
.jl .way.w5{grid-template-columns:90px minmax(0,1fr) 220px;align-items:center}
.plot-check{transform:rotate(6deg);box-shadow:4px 7px 14px #241A1B22}
.plot-check img{display:block;width:100%;height:auto}
@container jl (max-width:760px){
 .jl .gallery-plath{width:min(100%,360px);transform:rotate(-1deg)}
 .jl .gallery-plath .literary-copy{padding-top:20px}
 .jl .gallery-plath blockquote{font-size:clamp(24px,7vw,31px);line-height:1.35}
 .jl .gallery-plath .literary-credit{font-size:13px;margin-top:15px}
 .jl .gfe-bukowski{grid-template-columns:1fr;gap:16px;padding:0;margin-top:42px}
 .gfe-bukowski .open-locket{width:180px;justify-self:center;transform:rotate(-5deg)}
 .jl .gfe-bukowski .literary-copy{padding:26px 24px;transform:rotate(1deg)}
 .jl .gfe-bukowski blockquote{font-size:29px}
 .jl .writing-envelope{margin-top:38px;max-width:370px}
 .jl .writing-envelope .literary-copy{padding:25px 20px;left:10%;width:80%;top:22%}
 .jl .writing-envelope blockquote{font-size:clamp(24px,6.5vw,29px)}
 .jl .writing-envelope .literary-credit{font-size:13px;margin-top:16px}
 .jl .way.w4,.jl .way.w5{grid-template-columns:minmax(0,1fr);gap:16px}
 .pearl-keepsake{width:230px;margin:14px 0 10px 15px;justify-self:end}
 .plot-check{width:200px;justify-self:end;margin:14px 14px 12px 0!important}
 .jl .to .lucky-card{left:auto;right:-4px;top:-68px;width:96px;height:auto}
 .keepsake-cupid{width:66px;right:2%;top:-12px}
 .keepsake-ace .ace-print{inset:30px 24px;gap:10px}
}