/* Detailed keepsakes, stationery and editorial layouts for the twenty spaces. */
.space-page .space-hero{border-bottom:1px solid #a49b812b}
.space-page .space-heading h1{letter-spacing:-.065em;font-weight:400}
.space-page .space-species{border:1px solid currentColor;border-radius:30px;padding:5px 13px;font-size:12px;opacity:.8}
.space-page .space-dates{font-variant-numeric:tabular-nums;letter-spacing:.07em;font-size:13px}
.space-page .space-quote{font-family:var(--serif);letter-spacing:-.02em}
.space-keepsake-strip{max-width:1100px;margin:0 auto 18px;padding:30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);gap:24px}
.space-keepsake-strip>div+div{border-left:1px solid var(--line);padding-left:25px}.space-keepsake-strip span{display:block;font-size:11px;letter-spacing:.07em;color:var(--muted);margin-bottom:6px}.space-keepsake-strip strong{font:400 19px/1.6 var(--serif)}.space-keepsake-strip small{font:12px var(--sans);margin-left:5px;color:var(--muted)}
.space-page .tabs{gap:28px;padding:20px 0;margin-bottom:10px;border-bottom:1px solid var(--line)}
.space-page .memory-section h2{font-weight:400;font-size:32px;letter-spacing:-.035em;margin-bottom:26px}
.space-page .story-text{white-space:pre-line;line-height:2.15}.space-page .story-section{padding-block:50px}
.space-page .space-album figure{padding:13px 13px 20px;background:#fffefa;border:1px solid #d7d4c8;box-shadow:0 6px 24px #3d372907}
.space-page .space-album img{border-radius:2px}.space-page .space-album figcaption{font-size:13px;line-height:1.9;margin:13px 6px 0}
.space-page .space-album figure:nth-child(3n){background:#eeeee5}
.chapter-label{display:flex;align-items:center;gap:17px;margin-bottom:12px}.chapter-label>span{font:italic 34px var(--serif);color:#9b886c}.chapter-label .eyebrow{margin:0}.editorial-note{font-size:12px;color:var(--muted)}
.memory-favorites{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}.memory-favorites span{border:1px solid #ccd0c1;background:#f0f2ea;border-radius:50px;padding:9px 17px;font-size:13px;color:#435344}
.memory-milestones{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.memory-milestones li{border-top:1px solid #babda9;padding-top:20px}.memory-index{font:italic 28px var(--serif);color:#8d795d}.memory-milestones h3{font:400 21px/1.6 var(--serif);margin:15px 0 10px}.memory-milestones p{font-size:14px;color:var(--muted);line-height:1.95}
.memory-journal{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.memory-journal article{padding:30px;border:1px solid #ddd6c8;background:#f4f0e6}.memory-journal p{font:17px/2.05 var(--serif);margin:18px 0 22px}.memory-journal small{font-size:12px;color:var(--muted)}
.space-page .sample-letters,.space-page .letters{display:grid;gap:20px}.space-page .sample-letter,.space-page .letters article{position:relative;padding:30px 36px;background:#fffdf7;border:1px solid #ddd7ca;border-left:3px solid #a4b39b;box-shadow:0 8px 24px #443a2806}.space-page .sample-letter p,.space-page .letters article>p{font:18px/2.05 var(--serif);white-space:pre-line}.letter-stamp{display:block;color:#93876e;font-size:10px!important;letter-spacing:.14em;margin-bottom:18px}.space-page .letters time{font-size:12px}
/* The cover and inner pages share each design's material and rhythm. */
.layout-portrait .space-photo{box-shadow:0 0 0 1px #7c8c6555,0 0 0 13px #ffffff66,0 22px 50px #243d221b}.design-portrait .story-section{text-align:center}.design-portrait .story-text{margin-inline:auto}.design-portrait .story-section .eyebrow{justify-content:center}
.layout-letter{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 35px,#9c96820b 36px)}.design-letter .story-section{background:#fffdf5;padding:44px;border:1px solid #dbd2be;box-shadow:8px 8px 0 #eee7d9}.design-letter .sample-letter{border-style:solid dashed dashed solid}.design-letter .memory-journal article{background:#faf6ec}
.layout-editorial .space-photo{box-shadow:16px 16px 0 #acb09c25}.design-editorial .story-text{column-count:2;column-gap:40px;max-width:none}.design-editorial .story-text::first-letter{font:54px/1 var(--serif);float:left;margin:8px 10px 0 0;color:var(--green)}
.layout-panorama .space-heading{border-left:2px solid #ffffff80;padding-left:26px}.design-panorama .space-album{grid-template-columns:1.5fr 1fr}.design-panorama .space-album figure:first-child{grid-column:1/-1}.design-panorama .space-album figure:first-child img{height:430px}
.layout-minimal .space-photo{box-shadow:0 0 0 9px #e7e4d65c}.design-minimal .space-body{max-width:880px}.design-minimal .story-section{padding-block:75px}.design-minimal .memory-journal{grid-template-columns:1fr}.design-minimal .sample-letter{background:transparent;box-shadow:none;border:0;border-bottom:1px solid var(--line);padding-inline:0}
.design-gallery .space-album figure:nth-child(3n+1){transform:rotate(-1.2deg)}.design-gallery .space-album figure:nth-child(3n+2){transform:rotate(1deg)}.design-gallery .memory-journal article:nth-child(2){background:#eaf0e6}.mini-gallery .mini-pet{box-shadow:4px 8px 16px #24342020}
.design-journey .memory-milestones{display:block;border-left:1px solid #bcc1b3;padding-left:30px}.design-journey .memory-milestones li{position:relative;display:grid;grid-template-columns:46px 1fr;gap:16px;border:0;padding:18px 0}.design-journey .memory-milestones li:before{content:'';position:absolute;left:-35px;top:32px;width:9px;height:9px;border-radius:50%;background:#8d9a7d}.design-journey .memory-milestones h3{margin-top:0}.design-journey .space-body{border-inline:1px solid #bcc1b322}
.layout-framed .space-photo{outline-offset:7px;box-shadow:0 0 0 10px #d5c2a329,0 18px 40px #4c382818}.design-framed .memory-journal article{border:5px double #c9b49c;background:#fcf8ef}.design-framed .space-album figure{padding:20px}.mini-framed .mini-pet{outline-offset:4px}
.design-diptych .memory-journal article:nth-child(2){margin-top:32px}.design-diptych .space-album figure:nth-child(even){margin-top:32px}.design-diptych .story-section{text-align:center}.design-diptych .story-text{margin:auto}
.design-sanctuary .memory-notebook{background:#edf1e5;border-radius:90px 90px 3px 3px;padding:48px 35px}.design-sanctuary .space-album figure{border-radius:60px 60px 3px 3px;overflow:hidden}.layout-sanctuary .space-photo{box-shadow:0 0 0 12px #fff9,0 10px 40px #24382020}
.template-card{border-radius:3px;box-shadow:0 8px 30px #273a2207}.template-card .mini-space:before{content:'A LITTLE WORLD, ALL YOURS';position:absolute;right:14px;top:12px;font-size:8px;letter-spacing:.11em;color:var(--accent);z-index:3}.mini-letter{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 23px,#9c96820b 24px)}.mini-editorial .mini-pet{box-shadow:8px 8px 0 #9caa8229}
@media(max-width:760px){.space-keepsake-strip{grid-template-columns:1fr 1fr;padding:24px 22px;gap:22px 14px}.space-keepsake-strip>div:nth-child(3){border:0;padding-left:0}.space-keepsake-strip strong{font-size:17px}.memory-milestones,.memory-journal{grid-template-columns:1fr}.memory-journal{gap:16px}.memory-journal article{padding:24px}.space-page .memory-section h2{font-size:27px}.space-page .sample-letter,.space-page .letters article{padding:24px}.design-editorial .story-text{column-count:1}.design-letter .story-section{padding:26px;box-shadow:5px 5px 0 #eee7d9}.design-panorama .space-album{grid-template-columns:1fr}.design-panorama .space-album figure:first-child img{height:280px}.design-gallery .space-album{grid-template-columns:1fr}.design-sanctuary .memory-notebook{padding:40px 22px;border-radius:45px 45px 3px 3px}.design-diptych .space-album figure:nth-child(even),.design-diptych .memory-journal article:nth-child(2){margin-top:0}.design-minimal .story-section{padding-block:45px}.layout-panorama .space-heading{padding-left:15px}.layout-editorial .space-photo{box-shadow:8px 8px 0 #acb09c25}}