*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--lod-ivory);background:var(--lod-night);font:400 14px/1.75 var(--lod-ui);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{max-width:100%;height:auto;display:block}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lod-gold-bright);outline-offset:6px}::selection{background:#c9ad76;color:#0b1512}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--lod-display);line-height:1.02;letter-spacing:-.035em}h2{font-size:clamp(44px,4.5vw,70px)}h1 em,h2 em{font-weight:400;color:var(--lod-gold-bright)}.page-width{width:min(var(--lod-page),88%);margin-inline:auto}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--lod-gold)}.little-star{font:30px/1 var(--lod-display);vertical-align:middle;margin-right:12px}.skip-link{position:fixed;top:-100px;left:24px;background:var(--lod-ivory);color:var(--lod-ink);padding:12px 20px;z-index:100}.skip-link:focus{top:12px}.site-header{height:104px;width:88%;max-width:var(--lod-page);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--lod-line);position:relative;z-index:20}.home .site-header{position:absolute;left:0;right:0;top:0}.wordmark{display:flex;align-items:center;gap:13px;flex-shrink:0}.wordmark>img{width:53px;height:59px;object-fit:contain}.wordmark>span{font:500 12px/1.7 var(--lod-brand);letter-spacing:.19em;text-align:center}.wordmark-main{display:block;font-size:24px;line-height:1.1;letter-spacing:.065em}.primary-nav{display:flex;gap:32px;align-items:center}.primary-nav a,.header-enter{font-size:11px;letter-spacing:.035em;position:relative}.primary-nav a{padding:12px 0;color:#dddccb}.primary-nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--lod-gold);transition:width .25s var(--lod-ease)}.primary-nav a:hover:after{width:100%}.header-enter{display:flex;align-items:center;gap:28px;color:var(--lod-gold-bright);border:1px solid var(--lod-line-strong);padding:12px 19px;background:#09120c50}.header-enter:hover{background:#c9ad7610;border-color:var(--lod-gold)}.menu-toggle{display:none;background:none;border:1px solid var(--lod-line);height:44px;width:44px;padding:11px}.menu-toggle span{height:1px;display:block;background:var(--lod-gold);margin:5px 0}.hero{position:relative;min-height:820px;min-height:clamp(730px,57vw,900px);isolation:isolate;display:flex;align-items:center}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-shade{z-index:-1;background:linear-gradient(90deg,#08130df2 0%,#08130dba 24%,#08130d6b 42%,transparent 66%),linear-gradient(0deg,var(--lod-night) 0%,#0b151200 32%,#07100d15 75%,#07100d70)}.hero-content{padding-top:110px;padding-bottom:80px;position:relative}.hero-content>.eyebrow{margin-bottom:30px;color:var(--lod-gold-bright);display:flex;align-items:center}.hero h1{font-size:clamp(65px,7vw,108px);max-width:710px;line-height:.98;text-shadow:0 2px 28px #0002}.hero-intro{margin-top:30px;color:#d0d5c6;font-size:14px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:52px;padding:14px 27px;border:1px solid var(--lod-gold);font-size:11px;letter-spacing:.04em;font-weight:600;position:relative;transition:background .2s,transform .2s,box-shadow .2s}.button-gold{background:linear-gradient(110deg,#e0c68e,#c1a365);color:#152219;box-shadow:inset 0 0 0 3px #0c1b1326,0 8px 24px #0002}.button-gold:hover{background:var(--lod-gold-bright);transform:translateY(-2px);box-shadow:inset 0 0 0 3px #0c1b1326,0 10px 26px #0004}.button-outline{color:var(--lod-gold);background:transparent;border-color:var(--lod-line-strong)}.button-outline:hover{background:#c9ad7610}.text-link{border:0;border-bottom:1px solid var(--lod-line-strong);background:none;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:11px;font-weight:500;line-height:2.2;padding:0 0 5px;color:var(--lod-gold-bright)}.text-link:hover{color:var(--lod-ivory);border-color:currentColor}.hero-note{margin-top:22px;font-size:10px;color:var(--lod-muted);letter-spacing:.02em}.hero-rail{position:absolute;left:23px;top:235px;display:flex;align-items:center;gap:20px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.22em;color:#a8ac96}.hero-rail i{width:1px;height:45px;background:#b49b644d}.hero-bottom{position:absolute;bottom:49px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-bottom-label{font-size:8px;color:var(--lod-muted);letter-spacing:.22em}.hero-bottom>a{font-size:9px;letter-spacing:.04em;color:var(--lod-muted);display:flex;align-items:center;gap:14px}.scroll-stem{width:1px;height:34px;background:var(--lod-gold);position:relative}.scroll-stem:after{content:'';position:absolute;bottom:0;left:-3px;width:6px;height:6px;border-bottom:1px solid var(--lod-gold);border-right:1px solid var(--lod-gold);transform:rotate(45deg)}.chapter-number{font:16px var(--lod-display);letter-spacing:.15em;color:var(--lod-gold)}.chapter-number i{font-style:normal;color:#8d957d;margin:0 15px}.threshold{width:88%;max-width:var(--lod-page);margin:-10px auto 0;position:relative;display:flex;align-items:center;gap:25px}.threshold>span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--lod-line-strong))}.threshold>span:last-child{transform:rotate(180deg)}.threshold img{opacity:.9;height:42px;object-fit:contain}.site-footer{padding:28px 0 33px;border-top:1px solid var(--lod-line);display:flex;align-items:center;gap:32px;font-size:9px;color:var(--lod-muted)}.footer-name{font:15px var(--lod-brand);color:var(--lod-gold)}.site-footer>span{flex:1}.site-footer nav{display:flex;gap:24px}.site-footer a:hover{color:var(--lod-ivory)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.hero-art img{object-position:center 35%}.hero-content{padding-left:0}.hero-rail{left:3%}}
@media(max-width:1100px){.primary-nav{gap:23px}.header-enter{gap:15px;padding:11px 14px}.hero-rail{display:none}.hero h1{font-size:80px}}
@media(max-width:800px){.site-header{height:88px;gap:15px}.wordmark>img{width:43px;height:50px}.wordmark>span{font-size:10px}.wordmark-main{font-size:20px}.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;top:87px;left:-6.8%;right:-6.8%;padding:20px 6%;background:var(--lod-night);border-bottom:1px solid var(--lod-line);flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:15px 0;min-height:44px}.header-enter{font-size:10px;gap:12px}.hero{min-height:800px;align-items:flex-end}.hero-content{padding-top:280px;padding-bottom:120px}.hero-art img{object-fit:cover;object-position:72% top;max-height:590px}.hero-shade{background:linear-gradient(0deg,#0b1512 0%,#0b1512 16%,#0b1512d9 36%,#0b151269 62%,#0b151210 80%,#0b151280 100%)}.hero h1{font-size:72px;max-width:650px}.hero-content>.eyebrow{margin-bottom:23px}.hero-intro{font-size:13px;line-height:1.8;max-width:360px}.hero-bottom{bottom:34px}.hero-bottom-label{font-size:7px}.hero-bottom>a{display:none}.hero-actions{margin-top:28px}.site-footer{flex-wrap:wrap;gap:15px}.site-footer>span{flex:auto}.site-footer nav{margin-left:auto}}
@media(max-width:520px){.page-width,.site-header{width:88%}.header-enter{display:none}.site-header{height:84px}.primary-nav{top:83px}.hero{min-height:790px}.hero-content{padding-top:292px;padding-bottom:100px}.hero-art img{height:460px;object-position:75% top}.hero h1{font-size:60px;letter-spacing:-.035em;line-height:.98}.hero-content>.eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:20px}.hero-intro{font-size:12px;margin-top:23px}.hero-actions{gap:20px;align-items:center}.button{font-size:10px;min-height:50px;padding:13px 19px;gap:26px}.hero-actions .text-link{font-size:10px;gap:9px;white-space:nowrap}.hero-note{font-size:8px;letter-spacing:0;max-width:270px}.hero-bottom{bottom:29px}.chapter-number{font-size:14px}.chapter-number i{margin:0 8px}.hero-bottom-label{font-size:6px;letter-spacing:.14em}.threshold{gap:15px}.threshold img{height:35px;width:35px}.site-footer{gap:13px;padding-block:24px}.footer-name{font-size:14px}.site-footer>span{width:100%;font-size:9px}.site-footer nav{margin-left:0;font-size:10px;gap:30px}}
@media(max-width:360px){.hero h1{font-size:51px}.hero-actions{gap:15px}.hero-actions .button{gap:18px;padding-inline:14px}.hero-actions .text-link{font-size:9px}.hero-content{padding-top:275px}.hero{min-height:760px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* The historic motto remains readable over the hero art at every width. */
.hero-motto{margin:26px 0 0;max-width:550px;padding-left:18px;border-left:1px solid var(--lod-gold);color:var(--lod-gold-bright)}.hero-motto blockquote{margin:0;font:italic clamp(25px,2.25vw,34px)/1.2 var(--lod-display);text-wrap:balance}.hero-motto figcaption{margin-top:9px;font:10px/1.5 var(--lod-ui);letter-spacing:.08em;color:var(--lod-ivory)}.hero-content{padding-bottom:130px}.hero-intro{margin-top:22px}.site-footer nav{flex-wrap:wrap;row-gap:14px}@media(max-width:800px){.hero-content{padding-top:220px;padding-bottom:110px}}@media(max-width:520px){.hero-content{padding-top:205px;padding-bottom:100px}.hero-motto{margin-top:24px;padding-left:13px}.hero-motto blockquote{font-size:26px}.hero-motto figcaption{font-size:10px}.hero-actions{flex-wrap:wrap;row-gap:16px}.site-footer nav{gap:14px 22px}}

/* The home chapters share the library's walnut, brass and paper materials.
   Every selector is local to this body; the existing hero stays untouched. */
.home-chapters {
  background: linear-gradient(180deg, var(--lod-night), #20180feb 320px, #1b140ef0 85%, var(--lod-night)),
    url('assets/materials/walnut.webp') center / 768px;
  padding-bottom: 90px;
}
.home-chapters h2 {font-size: clamp(50px, 4.8vw, 74px); text-wrap: balance}
.home-chapters .eyebrow {font-size: 10px; letter-spacing: .17em}
.home-chapters .text-link {font-size: 12px; min-height: 44px}
.home-chapter-line {display: flex; align-items: center; gap: 24px; margin-bottom: 42px; color: #c6ae82; font-size: 10px; letter-spacing: .16em; text-transform: uppercase}
.home-chapter-line i {height: 1px; flex: 1; background: linear-gradient(90deg, #bfa47560, #bfa47515)}
.home-chapter-line > span:last-child {font: 18px var(--lod-display); letter-spacing: .05em}
.home-world {padding-block: 48px 100px; scroll-margin-top: 24px}
.home-world-spread {display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; isolation: isolate}
.home-world-art {grid-area: 1 / 1 / 2 / 9; position: relative; padding: 9px; border: 1px solid #bca16b66; background: #17160e; box-shadow: 0 24px 60px #0006}
.home-world-art::after {content: ''; position: absolute; inset: 15px; border: 1px solid #e1be7340; pointer-events: none}
.home-world-art img {width: 100%; height: 640px; object-fit: cover; object-position: 48% center}
.home-world-art figcaption {position: absolute; inset: auto 10px 10px; padding: 60px 26px 24px; background: linear-gradient(transparent, #0e1c13e0); color: #dfd2b7; font: italic 19px var(--lod-display)}
.home-world-art figcaption span {display: block; margin-bottom: 5px; font: 11px var(--lod-brand); letter-spacing: .18em; color: #edd3a0}
.home-world-leaf {grid-area: 1 / 8 / 2 / -1; position: relative; margin-block: 34px; padding: 44px 46px 30px; color: #3e382a; background: linear-gradient(110deg, #e7d5ad50, #f0e4cbb3), url('assets/materials/parchment.webp') center / 768px; box-shadow: -12px 18px 48px #0006, inset 4px 0 9px #61441d24; border: 1px solid #e3c99480}
.home-world-leaf::before {content: ''; position: absolute; inset: 11px; border: 1px solid #79623e45; pointer-events: none}
.home-world-leaf .eyebrow {color: #71603c; margin-bottom: 18px}
.home-world-leaf h2 {color: #303b2d}
.home-world-leaf h2 em {color: #65704a}
.home-ornament {display: flex; align-items: center; gap: 13px; width: 150px; margin: 24px 0; color: #947d4d}
.home-ornament i {flex: 1; height: 1px; background: #947d4d6b}
.home-world-leaf > p:not(.eyebrow) {font: 20px/1.45 var(--lod-display); margin-bottom: 16px}
.home-world-leaf > p.home-lead {font-size: 24px}
.home-ink-link {display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 44px; padding-block: 6px; border-bottom: 1px solid #5b5c3b80; color: #354c37; font: 600 11px/1.6 var(--lod-ui)}
.home-ink-link:hover {color: #6b432a; border-color: currentColor}
.home-world-leaf .home-ink-link {margin-top: 5px}
.home-world-leaf :focus-visible, .home-invitation :focus-visible {outline-color: #354c37}
.home-leaf-folio {display: block; border-top: 1px solid #6a5b3c38; padding-top: 16px; margin-top: 28px; text-align: right; font: 8px var(--lod-brand); letter-spacing: .12em; color: #726345}
.home-library {padding-bottom: 106px}
.home-library-room {display: grid; grid-template-columns: .95fr 1fr; gap: 84px; align-items: center}
.home-library-art {position: relative; overflow: hidden; border-radius: 46% 46% 2px 2px; border: 9px solid #34271a; outline: 1px solid #af8e525e; box-shadow: 0 20px 65px #0006}
.home-library-art::after {content: ''; position: absolute; inset: 7px; border: 1px solid #d0ac686b; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 40px #0004}
.home-library-art img {width: 100%; height: 620px; object-fit: cover; object-position: 48% center}
.home-library-art figcaption {position: absolute; inset: auto 0 0; padding: 80px 30px 35px; text-align: center; background: linear-gradient(transparent, #150e08ed); color: #dfcba1; font: italic 22px/1.3 var(--lod-display); text-wrap: balance}
.home-library-copy > .eyebrow, .home-relics-copy > .eyebrow {margin-bottom: 20px}
.home-library-copy > p:not(.eyebrow), .home-relics-copy > p:not(.eyebrow) {font: 22px/1.5 var(--lod-display); color: #cec4b0; max-width: 43ch; margin-top: 24px}
.home-library-copy > .text-link, .home-relics-copy > .text-link {margin-top: 20px}
.home-volumes {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; margin-top: 36px}
.home-volumes a {display: flex; gap: 12px; align-items: baseline; min-height: 89px; padding: 17px 0; border-top: 1px solid #d0b78538; font: 25px/1.15 var(--lod-display); transition: color .2s, border-color .2s}
.home-volumes a > span:nth-child(2) {flex: 1}
.home-volumes .home-volume-number {color: #bc9e67; font-size: 15px; min-width: 23px}
.home-volumes a > span:last-child {color: #bca378; font: 14px var(--lod-ui)}
.home-volumes small {display: block; margin-top: 8px; color: #b5aa95; font: 10px/1.5 var(--lod-ui)}
.home-volumes a:hover {color: #e9cb92; border-color: #c6a66c}
.home-relics {padding-block: 60px 66px; background: linear-gradient(90deg, #110e09c4, #21170db3, #110e09c4); border-block: 1px solid #a78c542b}
.home-relics-spread {display: grid; grid-template-columns: 1fr 1.3fr; align-items: center; gap: 30px}
.home-relics-copy {position: relative; z-index: 1; padding-block: 20px}
.home-relics-copy > p.home-restoration-note {font: 12px/1.8 var(--lod-ui); color: #b7ab94; max-width: 40ch; margin-top: 20px}
.home-relics-art {position: relative; margin-left: -70px; margin-right: -25px}
.home-relics-art img {width: 100%; height: 460px; object-fit: cover; mask-image: linear-gradient(90deg, transparent, #000 12%, #000 90%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 90%, transparent)}
.home-relics-art figcaption {padding-top: 20px; text-align: center; color: #b7a281; font: italic 18px var(--lod-display)}
.home-relic-links {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; margin-top: 45px}
.home-relic-links a {display: grid; grid-template-columns: 1fr auto; column-gap: 12px; padding: 22px 0 12px; border-top: 1px solid #b4976066; font: 30px/1.2 var(--lod-display)}
.home-relic-links .home-relic-date {grid-column: 1 / -1; margin-bottom: 10px; color: #bca479; font: 10px/1.6 var(--lod-ui); letter-spacing: .14em}
.home-relic-links a > span:last-child {font: 16px/2 var(--lod-ui); color: #c1a679}
.home-relic-links a:hover {color: #e9cb92; border-color: #e9cb92}
.home-invitation {display: grid; grid-template-columns: 90px 1.1fr 1fr; align-items: center; gap: 40px; position: relative; margin-top: 90px; padding: 48px 55px; color: #39402f; border: 1px solid #b59c6b80; background: linear-gradient(120deg, #f1e5ccc9, #ead8b49e), url('assets/materials/parchment.webp') center / 768px; box-shadow: 0 24px 50px #0003}
.home-invitation::before {content: ''; position: absolute; inset: 9px; border: 1px solid #9179484d; pointer-events: none}
.home-invitation-seal img {width: 80px; height: 88px; object-fit: contain; filter: sepia(.6) brightness(.55); opacity: .8}
.home-invitation h2 {font-size: clamp(44px, 4.4vw, 62px)}
.home-invitation h2 em {color: #687047}
.home-invitation .eyebrow {color: #71603c; margin-bottom: 16px}
.home-invitation-actions > p {font: 20px/1.45 var(--lod-display); margin-bottom: 22px}
.home-invitation-actions .button {background: #354b37; border-color: #354b37; color: #f2e0b7; box-shadow: inset 0 0 0 3px #e3c88b26}
.home-invitation-actions .button:hover {background: #263d2d}
.home-invitation-actions .home-ink-link {margin-top: 10px; font-size: 10px}
@media (max-width: 1100px) {
  .home-world-leaf {padding: 35px 30px 28px; grid-column: 7 / -1}
  .home-world-art img {height: 650px}
  .home-library-room {gap: 45px; grid-template-columns: .85fr 1fr}
  .home-library-art img {height: 660px}
  .home-volumes {column-gap: 20px}
  .home-volumes a {font-size: 23px; gap: 8px}
  .home-relics-art img {height: 440px}
  .home-relic-links {gap: 25px}
  .home-invitation {grid-template-columns: 1fr 1fr; gap: 35px; padding: 40px}
  .home-invitation-seal {display: none}
}
@media (max-width: 800px) {
  .home-chapters {padding-bottom: 60px}
  .home-chapters h2 {font-size: clamp(48px, 8vw, 66px)}
  .home-chapter-line {font-size: 8px; gap: 18px; margin-bottom: 28px; letter-spacing: .12em}
  .home-world {padding-block: 34px 65px}
  .home-world-spread {grid-template-columns: 1fr}
  .home-world-art {grid-area: auto; width: 100%}
  .home-world-art img {height: auto; aspect-ratio: 1.35}
  .home-world-art figcaption {padding-bottom: 55px}
  .home-world-leaf {grid-area: auto; width: calc(100% - 32px); margin: -38px auto 0; padding: 36px 34px 28px}
  .home-world-leaf > p:not(.eyebrow) {max-width: 52ch}
  .home-library {padding-bottom: 65px}
  .home-library-room {grid-template-columns: 1fr; gap: 40px}
  .home-library-art {width: min(100%, 510px); margin-inline: auto}
  .home-library-art img {height: auto; aspect-ratio: 1.05; object-position: center}
  .home-library-copy > p:not(.eyebrow) {max-width: 52ch}
  .home-library-copy > p:not(.eyebrow), .home-relics-copy > p:not(.eyebrow) {font-size: 21px}
  .home-volumes {margin-top: 30px; column-gap: 35px}
  .home-relics {padding-block: 40px}
  .home-relics-spread {grid-template-columns: 1fr; gap: 12px}
  .home-relics-copy {padding: 0}
  .home-relics-copy > p.home-restoration-note {font-size: 12px}
  .home-relics-art {margin: 12px 0 0}
  .home-relics-art img {height: auto; aspect-ratio: 1.5; mask-image: none; -webkit-mask-image: none}
  .home-relics-art figcaption {padding-top: 14px}
  .home-relic-links {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 36px; margin-top: 35px}
  .home-relic-links a {font-size: 29px; padding-top: 16px}
  .home-invitation {margin-top: 60px; padding: 36px 32px; gap: 30px}
  .home-invitation h2 {font-size: 48px}
  .home-invitation-actions > p {font-size: 19px}
}
@media (max-width: 520px) {
  .home-chapters .eyebrow {font-size: 8px; letter-spacing: .13em}
  .home-world-art {padding: 6px}
  .home-world-art::after {inset: 11px}
  .home-world-art img {aspect-ratio: 1.05; object-position: 50% center}
  .home-world-art figcaption {padding-left: 16px; font-size: 17px}
  .home-world-leaf {width: calc(100% - 14px); padding: 31px 26px 26px}
  .home-world-leaf > p:not(.eyebrow) {font-size: 20px}
  .home-world-leaf > p.home-lead {font-size: 23px}
  .home-world-leaf .home-ink-link {font-size: 10px; gap: 14px}
  .home-leaf-folio {font-size: 7px; letter-spacing: .06em}
  .home-library-art {border-width: 6px}
  .home-library-art img {aspect-ratio: .88}
  .home-library-art figcaption {font-size: 21px; padding: 70px 24px 30px}
  .home-volumes {column-gap: 22px}
  .home-volumes a {font-size: 23px; position: relative; padding-right: 14px}
  .home-volumes .home-volume-number {display: none}
  .home-volumes a > span:last-child {position: absolute; right: 0; top: 21px; font-size: 12px}
  .home-volumes small {font-size: 10px; max-width: 16ch}
  .home-relics-art figcaption {font-size: 17px}
  .home-relic-links {column-gap: 27px}
  .home-invitation {display: block; padding: 34px 28px}
  .home-invitation-actions {margin-top: 26px}
}
