/* Supplied photographs: display crops and color treatment, without face regeneration. */
.story-grid{max-width:1280px;grid-template-columns:1fr 1fr;gap:42px 64px;align-items:start}
.story-art{position:static;transform:none;max-width:none;width:100%;padding-top:8px}
.story-art .main-poster{width:82%;max-width:440px;margin:0 auto;box-shadow:0 18px 45px #0006}.main-poster img{width:100%;height:auto}

.story-photo-fan{position:relative;display:flex;justify-content:center;align-items:flex-start;margin:0 -5px;padding:0 0 20px}
.small-print{width:34%;margin:0 -2px;padding:5px;background:#d8c8a6;box-shadow:0 8px 20px #0006;border:1px solid #a28d65;position:relative;flex-shrink:0}
.print-ship{transform:rotate(-6deg);z-index:1}.print-briefing{transform:rotate(2deg);z-index:2}.print-profile{transform:rotate(6deg);z-index:3}
.mini-photo{width:100%;aspect-ratio:.82;background-repeat:no-repeat;filter:sepia(.12) saturate(1.13) contrast(1.04)}
.print-ship .mini-photo{background-image:url('assets/story-ship-source.webp');background-size:170.667% auto;background-position:70.75% 12.5%}
.print-briefing .mini-photo{background-image:url('assets/story-briefing-source.webp');background-size:181% auto;background-position:48% 14.2%}
.print-profile .mini-photo{background-image:url('assets/story-profile-source.webp');background-size:257.56% auto;background-position:48% 31%;filter:sepia(.25) saturate(1.1) contrast(1.06)}
.story-copy h2{font-size:clamp(32px,3.35vw,48px);margin:22px 0 24px;line-height:1.12}
.story-copy h2 em{display:inline-block;font-size:1em;line-height:1.18;margin-top:4px}
.story-copy>p:not(.eyebrow):not(.book-detail){font-size:14px;line-height:1.8}
.polaroid{background:#eee2c7;padding:10px 10px 0;max-width:420px;width:91%;margin:30px auto 14px;transform:rotate(3deg);box-shadow:0 13px 30px #0005;border:1px solid #cabc9e}
.polaroid .family-photo-open{background:transparent;border:0;padding:0;box-shadow:none}
.polaroid-image{display:block;aspect-ratio:1.16;overflow:hidden}
.polaroid-image img{width:100%;height:100%;object-fit:cover;object-position:center 37%;filter:sepia(.12) saturate(1.18) contrast(1.025)}
.polaroid figcaption{margin:0;padding:11px 0 15px;text-align:center;color:#3b3222;font:italic 17px/1.2 Georgia,serif}
.story-summary{grid-column:1/-1;border-top:1px solid #8d825647;display:flex;align-items:center;gap:30px;padding-top:26px;margin-top:18px;flex-wrap:wrap}
.story-summary .story-facts{display:flex;flex:1;justify-content:space-between;gap:24px;border:0;margin:0;padding:0;max-width:none}
.story-summary .story-facts>div{display:flex;align-items:center;gap:15px}.story-summary .story-facts strong{font-size:44px}.story-summary .story-facts span{max-width:105px;line-height:1.6}
.story-summary .button{margin-left:auto}.story-summary .book-detail{width:100%;margin:-12px 0 0;text-align:right}
@media(max-width:1000px) and (min-width:741px){.story-grid{gap:32px}.story-copy h2{font-size:35px}.story-summary .story-facts>div{display:block}.story-summary .story-facts strong{font-size:34px}.story-summary{gap:20px}}
@media(max-width:740px){.story-grid{grid-template-columns:1fr;gap:34px}.story-art{width:100%;max-width:460px;padding-inline:9px}.story-art .main-poster{width:76%}.story-photo-fan{margin-top:0}.small-print{padding:4px}.story-copy h2{font-size:clamp(27px,6.8vw,39px)}.polaroid{max-width:370px;width:91%;margin:28px auto 16px}.story-summary{gap:22px;display:block}.story-summary .story-facts{max-width:none;gap:16px;justify-content:space-between}.story-summary .story-facts>div{display:block}.story-summary .story-facts strong{font-size:36px}.story-summary .story-facts span{font-size:7px}.story-summary .button{margin-top:22px}.story-summary .book-detail{margin:10px 0 0;text-align:left}}

.book-image-link{display:block;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.book-image-link:hover,.book-image-link:focus-visible{transform:rotate(0deg) translateY(-4px);box-shadow:0 12px 25px #0008}
/* Match the approved mockup's serif typography, olive shading and aged paper. */
@font-face{font-family:ArchiveHand;src:url('assets/archive-handwriting.ttf') format('truetype');font-weight:500;font-display:swap}
.story-section{position:relative;isolation:isolate;background:radial-gradient(ellipse at 30% 40%,#30321e80 0%,transparent 60%),radial-gradient(ellipse at 74% 30%,#202416 0%,#11170e 76%);border-color:#83724a55}
.story-section::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/archive-grain.svg');opacity:.24;mix-blend-mode:soft-light}
.story-grid{row-gap:28px}
.story-art .main-poster{display:block;border:1px solid #b79b6880;box-shadow:0 14px 36px #0006}
.story-copy>.eyebrow{font:10px/1.7 Georgia,serif;letter-spacing:3px;color:#e0c588;gap:18px;white-space:nowrap}
.story-copy>.eyebrow::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#c3a86d,transparent)}
.story-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-1.7px;line-height:1.08;color:#fff5dc;font-size:clamp(34px,3.4vw,50px);margin-top:19px;margin-bottom:25px;text-shadow:0 2px 7px #0004}
.story-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-style:italic;color:#edc87d;letter-spacing:-1.8px;line-height:1.12;margin-top:5px}
@supports(background-clip:text){.story-copy h2 em{background:linear-gradient(180deg,#ffe5ab 5%,#e8bc66 94%);background-clip:text;-webkit-background-clip:text;color:transparent}}
.story-copy>p:not(.eyebrow):not(.book-detail){font:17px/1.48 Georgia,'Times New Roman',serif;color:#eee8d9;margin-bottom:20px}
.story-copy .story-closing{font:17px/1.48 Georgia,'Times New Roman',serif!important;color:#eee8d9!important;margin-top:18px}
.small-print{background:#e2cb9f url('assets/title-paper.svg') center/180px;border-color:#a48350;border-radius:2px;padding:6px;box-shadow:0 7px 14px #0008,0 0 0 1px #ead6ac80 inset}
.polaroid{background:linear-gradient(#f1e4c7b5,#f1e4c7b5),url('assets/title-paper.svg') center/180px;border-color:#d2c39d;padding:13px 13px 0;box-shadow:0 11px 30px #0008}
.polaroid figcaption{font:500 27px/1.1 ArchiveHand,'Segoe Print',cursive;letter-spacing:.5px;color:#302b21;padding:13px 0 17px}
.story-book-action{grid-column:1/-1;text-align:center;margin:3px 0 0;padding:8px 0}
.story-book-button{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:52px;min-width:220px;padding:12px 27px;border:1px solid #d7be86;background:linear-gradient(135deg,#3c39227a,#15190ec9);box-shadow:0 0 0 3px #d7be8610 inset,0 6px 20px #0002;color:#f8edcf;font:18px/1.4 Georgia,'Times New Roman',serif;transition:background .18s,box-shadow .18s}
.story-book-button:hover{background:#4c462c;box-shadow:0 6px 24px #0005}
.story-book-button span{font-family:Arial,sans-serif;font-size:20px;color:#e9cf98}
.story-summary{position:relative;border-top:0;margin-top:0;padding-top:25px}
.story-summary::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#796f45,#e0c791 45%,#796f45)}
.story-summary .story-facts{width:100%;gap:0;justify-content:space-around}
.story-summary .story-facts>div{flex:1;justify-content:center;gap:18px;padding:0 22px;border-right:1px solid #b6a77770}
.story-summary .story-facts>div:last-child{border-right:0}
.story-summary .story-facts strong{font:bold 58px/1 Georgia,'Times New Roman',serif;color:#efce89}
.story-summary .story-facts span{font:9px/1.5 Georgia,'Times New Roman',serif;letter-spacing:2.6px;max-width:125px;color:#e8d2a0}
@media(max-width:1000px) and (min-width:741px){.story-copy h2{font-size:32px;letter-spacing:-1px}.story-copy h2 em{letter-spacing:-1px}.story-copy>p:not(.eyebrow):not(.book-detail),.story-copy .story-closing{font-size:15px!important}.story-copy>.eyebrow{font-size:8px;letter-spacing:1.8px}.story-summary .story-facts strong{font-size:46px}.story-summary .story-facts>div{display:flex;padding:0 12px;gap:12px}.story-summary .story-facts span{font-size:8px;letter-spacing:1.5px}}
@media(max-width:740px){.story-copy h2{font-size:clamp(28px,7vw,40px);letter-spacing:-1px}.story-copy h2 em{letter-spacing:-1px}.story-copy>.eyebrow{font-size:8px;letter-spacing:2px}.story-copy>p:not(.eyebrow):not(.book-detail),.story-copy .story-closing{font-size:16px!important;line-height:1.6!important}.small-print{padding:4px}.polaroid{padding:10px 10px 0}.polaroid figcaption{font-size:24px}.story-book-action{padding:0;margin-top:5px}.story-book-button{min-width:220px;font-size:17px}.story-summary .story-facts>div{display:block;text-align:center;padding:0 10px}.story-summary .story-facts strong{font-size:40px;margin-bottom:7px}.story-summary .story-facts span{display:block;font-size:7px;letter-spacing:1.1px}.story-summary{padding-top:22px}}
@media(forced-colors:active){.story-copy h2 em{background:none;color:CanvasText}.story-book-button{border-color:ButtonText}}