/* The album is a separate page; the literary keepsake stays on Home. */
.jl .gallery-tab{display:grid;place-items:center;background:#F4E3E5;color:#5A0F1D;font:28px/1 Georgia,serif}
.jl .bedside-book{max-width:1100px;margin:90px auto 0;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:70px;align-items:center;padding:20px 18px 10px}
.jl .book-print{position:relative;background:#FBF9F8;padding:12px 12px 22px;transform:rotate(-3deg);box-shadow:2px 4px 5px #241A1B22,12px 20px 30px #241A1B16}
.book-print::before{content:"";position:absolute;left:-27px;top:20px;width:52px;height:75%;background:url(img/lace-pearl.webp) center/contain no-repeat;z-index:-1}
.jl .book-print img{width:100%;height:auto;display:block}
.book-print .tape{left:calc(50% - 48px);top:-12px;transform:rotate(6deg)}
.jl .book-print figcaption{font-size:23px;line-height:1.5;margin:18px 4px 0}
.jl .book-note{position:relative;padding:35px 30px 38px;border:1px solid #C99AA5;box-shadow:6px 7px 0 #F4E3E5;transform:rotate(1deg)}
.jl .book-note h3{font-size:clamp(36px,4vw,56px);line-height:1.13;margin:18px 0 26px}
.jl .book-note blockquote{font:italic 400 clamp(27px,2.8vw,38px)/1.4 "Newsreader",Georgia,serif;color:#5A0F1D}
.jl .book-note .book-credit{font:400 16px/1.6 "Newsreader",Georgia,serif;margin:22px 0}
.jl .book-note .tlink{display:inline-block;line-height:1.6}
.jl .album-gallery-link{max-width:1240px;margin:0 auto 50px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;padding:22px 24px;background:#FBF9F8;border:1px solid #C99AA5}
.jl .gfe-minimum{margin:20px 0 0;font-size:16px}
/* Pearly photo album, rose gingham endpapers and a substantial lace mat. */
.private-album{background:#F9F7F6 url(img/texture-paper-grain.svg) repeat}
.jl .album-opening{position:relative;max-width:1240px;margin:auto;padding:68px 50px 50px}
.album-opening h1{font-size:clamp(58px,8vw,112px);line-height:1.1;max-width:9ch;margin:18px 0 24px}
.jl .album-opening>p:not(.eyebrow){margin-top:14px;font-size:22px;max-width:40ch}
.jl .album-opening .album-instruction{font:400 14px/1.6 "Instrument Sans",sans-serif;color:#4A3631}
.album-locket{position:absolute;right:10%;top:80px;width:100px;transform:rotate(12deg);filter:drop-shadow(4px 8px 6px #241A1B33)}
.jl .gallery-spread{max-width:1240px;margin:auto;padding:30px 50px 90px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 54px;align-items:start}
.jl .album-photo{position:relative;background:#FBF9F8;padding:14px 14px 22px;box-shadow:1px 3px 4px #241A1B22,10px 15px 25px #241A1B13;isolation:isolate}
.jl .album-photo:nth-child(2n){margin-top:100px;transform:rotate(1.4deg)}
.jl .album-photo:nth-child(3n){transform:rotate(-1.3deg)}
.album-photo a{display:block;position:relative;z-index:1}
.album-photo a:focus-visible{outline:3px solid #5A0F1D;outline-offset:6px}
.jl .album-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.jl .album-photo figcaption{display:flex;gap:20px;align-items:baseline;justify-content:space-between;padding:20px 5px 0}
.photo-number{font:500 11px/1.5 "Instrument Sans",sans-serif;color:#5A0F1D;letter-spacing:.14em}
.jl .album-photo figcaption .hand{font-size:clamp(21px,2.4vw,30px);line-height:1.4;text-align:right}
.photo-mount{position:absolute;left:calc(50% - 50px);top:-14px;width:100px;height:28px;background:#EBCBD0AA;transform:rotate(-5deg);z-index:2;pointer-events:none;box-shadow:0 1px 1px #241A1B11}
.album-photo-lace::before{content:"";position:absolute;left:-35px;top:-20px;bottom:-30px;width:75px;background:url(img/lace-pearl.webp) center/contain no-repeat;z-index:-1;transform:rotate(-3deg)}
.jl .album-photo-lace{border:5px double #C99AA5;padding:14px}
.jl .album-photo-wide{grid-column:1/-1;max-width:100%;width:100%;margin-top:0!important;transform:none}
.album-photo-wide .photo-mount{left:auto;right:60px;background:#DDE4D6CC}
.jl .album-photo:nth-child(4)::before{content:"";position:absolute;inset:-24px 20px 20px -18px;background:url(img/folio-rose-gingham.jpeg) center/260px auto;z-index:-1;transform:rotate(3deg)}
.jl .album-closing{padding:70px 24px 85px;background:#EEF1EA;text-align:center;border-top:1px solid #B4BAAD}
.jl .album-closing>p{font-size:30px;margin-bottom:24px}
.jl .album-closing h2{font-size:clamp(44px,6vw,76px);line-height:1.2;margin:0 0 30px}
.jl .album-closing .acts{display:flex;justify-content:center;align-items:center;gap:20px 30px}
/* Switch to the familiar mobile menu before the added Gallery link crowds it. */
@container jl (min-width:1101px) and (max-width:1280px){
 .hd{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 18px 12px}
 .hd .mark{justify-self:center;font-size:28px}.hd nav{display:none}
 .hd .mob{display:grid;grid-template-columns:1fr 1fr 1.6fr 44px;gap:8px;align-items:center;width:100%}
 .hd .mob a{display:flex;justify-content:center;align-items:center;min-height:44px;padding:10px 4px;font:600 11px/1.2 "Instrument Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5A0F1D;text-decoration:none}
 .hd .mob .btn{padding:10px 8px;min-height:44px;font-size:11px;color:#F9F7F6}
 .hd .mob .menu{display:grid;place-items:center;width:44px;height:44px;background:none;border:0;padding:0}
 .hd.open nav{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;background:#F9F7F6;padding:8px 18px 20px;border-bottom:1px solid #C99AA5;box-shadow:0 18px 30px -20px #241A1B59}
 .hd.open nav a{min-height:44px;display:flex;align-items:center}
}
@container jl (min-width:1281px){.hd{padding-left:32px;padding-right:32px;gap:20px}.hd nav{gap:18px}.hd nav a{letter-spacing:.09em;white-space:nowrap}}
@container jl (max-width:760px){
 .jl .bedside-book{grid-template-columns:1fr;gap:45px;margin-top:55px;padding:12px 0 0}
 .jl .book-print{width:calc(100% - 34px);max-width:420px;justify-self:center;transform:rotate(-2deg)}
 .jl .book-note{padding:28px 24px;transform:none}
 .jl .book-note h3{font-size:40px}.jl .book-note blockquote{font-size:30px}
 .jl .album-opening{padding:46px 24px 24px}.album-opening h1{font-size:64px;max-width:7ch}
 .album-locket{width:60px;right:24px;top:50px}
 .jl .gallery-spread{grid-template-columns:1fr;padding:24px 22px 60px;gap:52px}
 .jl .album-photo{padding:9px 9px 18px;transform:none!important;margin-top:0!important}
 .jl .album-photo-wide{grid-column:auto}.jl .album-photo figcaption{gap:14px;padding-top:18px}
 .album-photo-lace::before{left:-20px;width:45px}.photo-mount{height:23px;top:-10px}
 .jl .album-gallery-link{padding:18px;margin-bottom:35px}
 .jl .album-closing{padding:50px 22px 60px}
}