.collection-book{--book-stage:#e7e5db}
.collection-book .book-wayfinding{padding:17px 0}
.book-opening--scenic{position:relative;isolation:isolate;min-height:670px;margin:0 calc(-1 * var(--gutter));padding:clamp(44px,6vw,90px) var(--gutter);gap:5%;overflow:hidden;color:var(--cream);background:#10231e}
.book-opening--scenic::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--book-backdrop);background-position:center;background-size:cover;transform:scale(1.01)}
.book-opening--scenic::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081b17dc 0%,#0a1d19a6 42%,#0a1d193b 100%)}
.book-opening--scenic .opening-copy{max-width:700px}
.book-opening--scenic .opening-copy h1{font-size:clamp(43px,5vw,74px);line-height:1.04;letter-spacing:-.035em;max-width:15ch;text-wrap:balance}
.book-opening--scenic .book-byline,.book-opening--scenic .book-availability{color:#e8ebdf}
.book-opening--scenic .opening-description{font-size:clamp(19px,1.8vw,24px);max-width:39ch}
.book-opening--scenic .quiet-link{border-color:#f4f2e4;color:var(--cream)}
.book-opening--scenic .quiet-link:hover{color:#f1dbad}
.book-opening--scenic .button--solid{background:var(--cream);color:#102720;border-color:var(--cream)}
.book-opening--scenic .button--solid:hover{background:#f2dab0;border-color:#f2dab0}
.book-opening--scenic .cover-stage{align-self:center;background:transparent;padding:0;overflow:visible}
.book-opening--scenic .cover-stage>a{width:min(62%,330px)}
.book-opening--scenic .hero-cover{max-height:440px;object-fit:contain;box-shadow:20px 30px 28px -10px #06120fcc}
.book-opening--scenic .cover-stage figcaption{border-color:#f4f2e477;color:#eee9d8;max-width:440px;margin-inline:auto;gap:20px}
.book-orientation{padding:clamp(70px,8vw,125px) 0 80px}
.orientation-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}
.orientation-intro h2{font-size:clamp(39px,4.7vw,67px);line-height:1.06;max-width:12ch}
.orientation-intro p{font-size:18px;line-height:1.7;max-width:50ch;color:var(--muted)}
.orientation-lenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,4vw,65px);margin-top:72px}
.orientation-lenses>div{border-top:1px solid #8e9487;padding-top:20px}
.orientation-lenses h3{font-family:var(--serif);font-size:clamp(26px,2.5vw,34px);font-weight:400;line-height:1.15}
.orientation-lenses p{font-size:15px;line-height:1.65;margin-top:14px;max-width:34ch;color:var(--muted)}
.book-context{max-width:78ch;margin-top:62px;padding:25px 30px;background:#e9e8dc;color:#3e5148;font-size:14px;line-height:1.7}
.collection-book .inside-section{border-top:1px solid var(--line)}
.collection-book .inside-copy h2 em{display:block}
.collection-book .reader-stage{background:#e8e6db}
.collection-book .page-thumbnails img{height:130px}
.collection-book .reading-invitation{padding-top:95px;padding-bottom:95px}
.collection-book .reading-invitation h2{line-height:1.1}
.collection-book .reading-invitation figcaption{color:var(--ink)}
.collection-book .book-continuation a:first-child{max-width:55ch}
.collection-book .book-continuation a:first-child span{line-height:1.5}
.collection-book .dialog-scroll.is-zoomed img{width:auto;min-width:1000px}
.book-world .skip-link:focus-visible,.book-world a:focus-visible,.book-world button:focus-visible{outline:3px solid #b28e48;outline-offset:4px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.book-opening--scenic::before{transition:transform 1s cubic-bezier(.16,1,.3,1)}.book-opening--scenic:hover::before{transform:scale(1.035)}}
@media(max-width:900px){.book-opening--scenic{min-height:0;grid-template-columns:1fr .75fr;gap:25px}.book-opening--scenic .opening-copy h1{font-size:clamp(42px,5.2vw,64px)}.book-opening--scenic .cover-stage>a{width:75%}.book-opening--scenic .cover-stage figcaption{font-size:11px}}
@media(max-width:760px){.book-opening--scenic{grid-template-columns:1fr;gap:46px;padding-block:54px 45px}.book-opening--scenic::after{background:linear-gradient(180deg,#081b17e8 0%,#081b17bf 55%,#081b1799 100%)}.book-opening--scenic .opening-copy h1{font-size:clamp(42px,10vw,60px);max-width:15ch}.book-opening--scenic .opening-description{font-size:19px;max-width:35ch}.book-opening--scenic .cover-stage>a{width:48%;max-width:240px}.book-opening--scenic .hero-cover{max-height:300px}.book-opening--scenic .cover-stage figcaption{max-width:350px}.book-orientation{padding:60px 0}.orientation-intro{grid-template-columns:1fr;gap:22px}.orientation-intro p{font-size:16px}.orientation-lenses{margin-top:45px;gap:20px}.orientation-lenses h3{font-size:26px}.collection-book .inside-copy h2 em{display:inline}.collection-book .book-continuation{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:600px){.orientation-lenses{grid-template-columns:1fr}.orientation-lenses>div{padding-top:18px}.orientation-lenses p{max-width:50ch;margin-top:9px}.book-context{margin-top:42px;padding:22px}.book-opening--scenic .cover-stage>a{width:60%}.book-opening--scenic .cover-stage figcaption{font-size:10px}.collection-book .book-continuation{grid-template-columns:1fr}.collection-book .book-continuation a:last-child{justify-self:start}}
@media(prefers-reduced-motion:reduce){.book-opening--scenic::before{transition:none!important;transform:none!important}}