/* The book frame and page turns are original, dependency-free components. */
.hero-art img{object-position:50% 30%}
@media(max-width:650px){.book-body .hero-art img{object-position:50% top}}
.book-body{padding-bottom:85px;background:#101512}
.book-header{position:sticky;top:0;z-index:20}
.book-header .site-header{height:82px;padding-inline:42px}
.desktop-nav{gap:24px}
.desktop-nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--gold);box-shadow:0 1px var(--gold)}
.chapter-heading{height:39px;display:flex;justify-content:space-between;align-items:center;padding-inline:42px;background:#202620;color:#b4b9aa;font-size:8px;letter-spacing:1.6px;border-bottom:1px solid #c4a87935}
.chapter-heading i{font-style:normal;color:#746d5b;margin-inline:14px}.chapter-heading strong{font-weight:400;color:#e1d4bc;text-transform:uppercase}
.book-shell{margin:0 13px;border-inline:1px solid #c4a87945;box-shadow:4px 0 #272e25,7px 0 #71654b,9px 0 #292e25,-4px 0 #272e25,-7px 0 #71654b,-9px 0 #292e25}
#book-page{background:var(--bg);min-height:calc(100svh - 206px)}
#main{outline:none}#main>section:first-child:not(.hero){min-height:calc(100svh - 206px)}
.book-body .hero{min-height:550px;height:calc(100svh - 206px);max-height:850px}
.book-body .hero-content{padding-top:clamp(60px,10vh,125px)}
.book-body .hero h1{font-size:clamp(70px,7.5vw,112px)}
.book-body .hero-bottom{bottom:28px}.book-body .section-pad{padding-block:65px}
.book-body .section-heading h1{font-size:clamp(42px,4.2vw,64px);letter-spacing:-1.3px;margin-top:17px}
.book-body .life-copy h1{font-size:49px;margin:18px 0 22px;letter-spacing:-1px}.life-copy h1 em,.visit h1 em{color:#77765f}
.book-controls{position:fixed;bottom:0;left:0;right:0;z-index:30;height:85px;padding:9px 42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;background:#171b19f7;backdrop-filter:blur(16px);border-top:1px solid #c4a87950;box-shadow:0 -12px 35px #0002}
.page-step{display:inline-flex;align-items:center;gap:18px;min-height:44px;width:max-content;font-size:11px;color:var(--cream)}
.page-step>span[aria-hidden]{font:26px Georgia,serif;color:var(--gold);transition:transform .25s}.page-step.next{justify-self:end}.page-step.next:hover>span[aria-hidden]{transform:translateX(5px)}.page-step.previous:hover>span[aria-hidden]{transform:translateX(-5px)}
.page-step.disabled{opacity:.3}.page-index{text-align:center}.book-hint{display:block;font-size:7px;letter-spacing:2.2px;color:#969e90;margin-bottom:3px}.page-index>div{display:flex;gap:8px}.page-index a{display:grid;place-items:center;width:34px;height:36px;border-bottom:1px solid transparent;font-size:10px;color:#9ca495}.page-index a:hover{color:var(--cream)}.page-index a[aria-current]{color:var(--gold);border-color:var(--gold);background:#c4a8790b}
.book-body .mobile-nav{top:81px}.book-body .footer{padding-bottom:8px}
/* Each leaf has two opaque faces. The back reveals the next spread. */
.book-turn{position:fixed;z-index:25;overflow:hidden;perspective:2200px;pointer-events:none;background:var(--bg)}
.turn-still,.turn-face{position:absolute;top:0;height:100%;width:50%;overflow:hidden;background:var(--bg)}
.turn-still{left:0;z-index:1}.turn-leaf{position:absolute;inset:0 0 0 50%;transform-origin:left center;transform-style:preserve-3d;z-index:3}
.turn-face{width:100%;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.turn-back{transform:rotateY(180deg);background:var(--cream)}
.turn-copy{position:absolute;top:0;left:0;transform-origin:top left;pointer-events:none}
.turn-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0007,transparent 22%,#fff1 80%,#0002);opacity:var(--shade,0)}
.turn-back:after{background:linear-gradient(90deg,#0001,transparent 70%,#0008)}
.book-turn.backwards .turn-still{left:50%}.book-turn.backwards .turn-leaf{inset:0 50% 0 0;transform-origin:right center}.book-turn.backwards .turn-face:after{background:linear-gradient(270deg,#0007,transparent 22%,#fff1 80%,#0002)}
.book-turn:after{content:'';position:absolute;z-index:4;top:0;bottom:0;left:50%;width:1px;background:#070b0950}
.book-turning .book-controls{pointer-events:none}.book-turning{cursor:progress}
@media(min-width:1450px){.book-body .hero-content{padding-top:100px}}
@media(max-width:1100px){.book-header .site-header{padding-inline:28px}.desktop-nav{gap:16px;font-size:10px}.chapter-heading{padding-inline:28px}.book-controls{padding-inline:28px}}
@media(max-width:900px){.book-header .site-header{height:76px}.book-body .mobile-nav{top:75px}.book-body .hero{height:calc(100svh - 200px)}.book-body .life-copy h1{font-size:40px}}
@media(max-width:650px){.book-body{padding-bottom:76px}.book-header .site-header{padding-inline:18px}.chapter-heading{height:36px;padding-inline:20px;font-size:7px;letter-spacing:1px}.chapter-heading>span:first-child{font-size:0}.chapter-heading i{display:none}.chapter-heading strong{font-size:8px;letter-spacing:1.5px}.book-shell{margin-inline:7px;box-shadow:3px 0 #71654b,5px 0 #292e25,-3px 0 #71654b,-5px 0 #292e25}.book-body .hero{height:auto;min-height:670px;padding-bottom:110px}.book-body .hero-content{padding-top:230px}.book-body .hero h1{font-size:clamp(48px,13.7vw,70px)}.book-body .hero-bottom{bottom:25px}.book-body .hero-actions{gap:18px}.book-body .hero-actions .button{gap:16px}.book-body .section-pad{padding-block:42px}.book-body .section-heading h1{font-size:43px}.book-body .life-copy h1{font-size:40px}.book-controls{height:76px;padding:6px 16px;gap:7px}.step-copy{display:none}.page-step{width:39px;justify-content:center}.page-index>div{gap:4px}.page-index a{width:27px;height:38px;font-size:9px}.book-hint{font-size:6px;letter-spacing:1.6px}.book-body .footer-top>div{flex-wrap:wrap}.book-body .wrap{width:calc(100% - 36px)}.book-body .hero-caption small{max-width:135px}.book-body .hero-caption{gap:8px}.book-body .scroll-link{font-size:6px;letter-spacing:.7px;gap:7px}.book-body .timeline{gap:6px}.book-body .timeline span{font-size:27px}}
@media(prefers-reduced-motion:reduce){.book-turn{display:none}.page-step>span[aria-hidden]{transition:none}}