:root {
  --paper: #e8e6e1;
  --ink: #17191c;
  --graphite: #25272a;
  --mist: #a7afb5;
  --quiet: #62686c;
  --signal: #b95038;
  --light: #f6f4ef;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: 'Segoe UI', system-ui, sans-serif;
  --mono: 'Cascadia Mono', 'SFMono-Regular', Consolas, monospace;
}

* { box-sizing: border-box; }
html { background: var(--paper); scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 400 16px/1.55 var(--sans); }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .22em; }
a:hover { color: var(--signal); }
button, input, textarea { font: inherit; }
button, summary { cursor: pointer; }
::selection { color: var(--light); background: var(--signal); }

.mast { min-height: 74px; display: grid; grid-template-columns: minmax(135px, 1fr) auto minmax(135px, 1fr); align-items: center; gap: 1rem; max-width: 1480px; margin: 0 auto; padding: 0 32px; border-bottom: 1px solid color-mix(in srgb, var(--ink) 28%, transparent); }
.mast__name { display: inline-flex; align-items: baseline; gap: .6rem; width: fit-content; text-decoration: none; letter-spacing: .02em; }
.mast__name span { font: 600 1.22rem/1 var(--serif); }
.mast__name small { color: var(--quiet); font: 500 .63rem/1 var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.route { position: relative; }
.route summary { list-style: none; display: none; }
.route summary::-webkit-details-marker { display: none; }
.route nav { display: flex; align-items: center; justify-content: center; gap: clamp(.7rem, 1.7vw, 1.55rem); }
.route nav a { font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.mast__action { justify-self: end; min-width: 110px; padding: .63rem .8rem; border: 1px solid var(--ink); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-align: center; text-decoration: none; text-transform: uppercase; transition: color .18s, background .18s; }
.mast__action:hover { color: var(--light); background: var(--ink); }

.horizon { display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); min-height: min(760px, calc(100vh - 74px)); max-width: 1600px; margin: 0 auto; }
.horizon__type { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: clamp(2.5rem, 7vw, 7rem) clamp(2rem, 5vw, 6rem); }
.horizon__type > p, .page-horizon > p, .legal > p { margin: 0; color: var(--quiet); font: .73rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.horizon__type > p span, .page-horizon > p span, .legal > p span { color: var(--signal); }
.horizon h1 { max-width: 10ch; margin: auto 0; font: 500 clamp(3.1rem, 6.1vw, 7rem)/.9 var(--serif); letter-spacing: -.065em; }
.horizon__facts { display: grid; grid-template-columns: repeat(3, auto); gap: .9rem 1.65rem; color: var(--quiet); font: 500 .68rem/1.35 var(--mono); letter-spacing: .02em; }
.horizon__facts span + span { border-left: 1px solid var(--mist); padding-left: 1.65rem; }
.line-link { display: inline-flex; align-items: center; gap: .75rem; margin-top: 2.2rem; color: var(--ink); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.line-link b { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border: 1px solid currentColor; font-size: 1rem; font-weight: 400; transition: transform .2s, color .2s; }
.line-link:hover b { color: var(--light); background: var(--signal); transform: translateY(3px); }
.horizon__image { min-height: 100%; margin: 0; background: var(--graphite); }
.horizon__image img { width: 100%; height: 100%; min-height: 590px; object-fit: cover; filter: saturate(.72) contrast(.95); }
.frame { margin: 0; }
.frame figcaption { margin-top: .58rem; color: var(--quiet); font-size: .72rem; line-height: 1.35; }

.opening { display: grid; grid-template-columns: minmax(110px, .32fr) minmax(0, .9fr) minmax(260px, .72fr); gap: clamp(1.5rem, 4vw, 5rem); max-width: 1280px; margin: 0 auto; padding: clamp(5rem, 11vw, 11rem) 32px; }
.opening__number { align-self: start; margin: -.22em 0 0; color: var(--signal); font: 500 clamp(4.6rem, 9vw, 8.8rem)/.8 var(--serif); letter-spacing: -.08em; }
.eyebrow { margin: 0 0 1.15rem; color: var(--signal); font: 600 .69rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.opening h2, .slice h2, .trace h2, .two-plane h2, .ruler h2, .crossing h2, .answers h2, .request h2 { margin: 0; font: 500 clamp(2.2rem, 4.2vw, 4.8rem)/.95 var(--serif); letter-spacing: -.055em; }
.opening__copy { max-width: 34ch; padding-top: .6rem; color: var(--quiet); }
.opening__copy p { margin: 0 0 1.5rem; }
.opening__copy a, .two-plane a, .ruler a, .crossing a, .trace__links a { font-size: .78rem; font-weight: 700; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.opening__copy a span, .two-plane a span, .ruler a span, .crossing a span { color: var(--signal); font-size: 1.1em; }

.slice { padding: clamp(4.4rem, 10vw, 10rem) max(32px, calc((100vw - 1280px) / 2)); color: var(--light); background: var(--graphite); }
.slice__intro { display: grid; grid-template-columns: minmax(230px, .9fr) minmax(300px, 1.1fr) minmax(200px, .65fr); gap: 2rem; align-items: start; }
.slice .eyebrow { padding-top: .65rem; color: #e27e62; }
.slice__intro > p:last-child { max-width: 29ch; margin: .55rem 0 0; color: #c2c7ca; }
.slice__body { display: grid; grid-template-columns: minmax(380px, 1.12fr) minmax(290px, .88fr); gap: clamp(2.4rem, 6vw, 7rem); margin-top: clamp(3rem, 7vw, 7.6rem); }
.altitudes { display: grid; grid-template-columns: repeat(4, 1fr); align-items: end; min-height: 395px; border-bottom: 1px solid #676e72; }
.altitude { display: grid; grid-template-rows: auto 1fr auto auto; min-height: 330px; padding: 0 1rem 1rem; border: 0; border-left: 1px solid #555b5f; color: inherit; background: transparent; text-align: left; transition: color .2s, background .2s; }
.altitude:last-child { border-right: 1px solid #555b5f; }
.altitude:hover, .altitude.is-current { color: var(--light); background: rgba(246, 244, 239, .075); }
.altitude__top { padding-bottom: .9rem; color: #c2c7ca; font: 500 .72rem/1 var(--mono); letter-spacing: .04em; }
.altitude.is-current .altitude__top { color: #ef9b83; }
.altitude__shaft { display: flex; align-items: end; height: 100%; }
.altitude__shaft i { display: block; width: 100%; height: calc((var(--finish) - var(--start) + 1) * 3.55%); min-height: 36%; background: currentColor; opacity: .88; }
.altitude__floor { padding-top: .8rem; font: 500 1.45rem/1 var(--mono); letter-spacing: -.06em; }
.altitude__count { padding-top: .35rem; color: #c2c7ca; font-size: .72rem; }
.reading { align-self: end; padding: 0 0 1.4rem; border-top: 1px solid #676e72; }
.reading__tag { margin: .95rem 0 2.2rem; color: #ef9b83; font: 500 .68rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.reading h3 { max-width: 13ch; margin: 0; font: 500 clamp(2rem, 3.5vw, 3.7rem)/.95 var(--serif); letter-spacing: -.055em; }
.reading dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2.6rem 0 1.55rem; }
.reading dl div { border-top: 1px solid #676e72; padding-top: .8rem; }
.reading dt { color: #c2c7ca; font-size: .7rem; }
.reading dd { margin: .25rem 0 0; font: 500 .75rem/1.35 var(--mono); }
.reading > p:last-of-type { max-width: 53ch; margin: 0; color: #c2c7ca; font-size: .9rem; }
.reading .line-link { color: var(--light); }

.trace { display: grid; grid-template-columns: minmax(300px, .86fr) minmax(400px, 1.14fr); gap: clamp(2rem, 8vw, 10rem); padding: clamp(4.5rem, 9vw, 9rem) max(32px, calc((100vw - 1280px) / 2)); }
.trace--dark { color: var(--light); background: #111315; }
.trace--dark .eyebrow { color: #ef9b83; }
.trace--dark h2 { max-width: 13ch; }
.trace ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.trace li { display: grid; grid-template-columns: minmax(65px, .5fr) minmax(90px, .8fr) minmax(130px, 1fr); align-items: baseline; gap: 1rem; padding: 1.1rem 0; border-top: 1px solid #4c5154; }
.trace li:last-child { border-bottom: 1px solid #4c5154; }
.trace li b { font: 500 1.75rem/1 var(--serif); }
.trace li span { color: #c2c7ca; font-size: .75rem; }
.trace li em { justify-self: end; color: #ef9b83; font: 500 .76rem/1 var(--mono); font-style: normal; }

.two-plane { display: grid; grid-template-columns: minmax(290px, .92fr) minmax(0, 1.08fr); min-height: 650px; background: var(--light); }
.two-plane__text { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(3rem, 8vw, 8rem); }
.two-plane__text h2 { max-width: 12ch; }
.two-plane__text > p:not(.eyebrow) { max-width: 35ch; margin: 2rem 0; color: var(--quiet); }
.two-plane__image { min-height: 100%; padding: clamp(1rem, 3vw, 3.5rem); background: #d4d2cc; }
.two-plane__image img { width: 100%; height: 100%; min-height: 500px; object-fit: cover; filter: saturate(.7); }

.ruler { display: grid; grid-template-columns: minmax(280px, .86fr) minmax(310px, 1.14fr); align-items: end; gap: clamp(2rem, 9vw, 11rem); max-width: 1280px; margin: 0 auto; padding: clamp(5rem, 10vw, 10rem) 32px; }
.ruler__head h2 { max-width: 11ch; }
.ruler__head > p:not(.eyebrow) { max-width: 40ch; margin: 1.8rem 0; color: var(--quiet); }
.ruler__scale { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding-bottom: 1.3rem; border-bottom: 1px solid var(--ink); font: 500 .78rem/1 var(--mono); }
.ruler__scale i { height: 2px; background: linear-gradient(90deg, var(--signal) 0 6%, var(--ink) 6% 100%); }
.ruler__scale small { grid-column: 2; color: var(--quiet); font: 500 .67rem/1 var(--mono); }

.crossing { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(300px, .94fr); min-height: 620px; color: var(--light); background: var(--graphite); }
.crossing__image { min-height: 100%; }
.crossing__image img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; filter: saturate(.75) brightness(.83); }
.crossing > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }
.crossing h2 { max-width: 12ch; }
.crossing > div > p:not(.eyebrow) { max-width: 35ch; margin: 2rem 0; color: #c2c7ca; }
.crossing .eyebrow { color: #ef9b83; }
.crossing a { color: var(--light); }

.trace--paper { align-items: end; background: #d7d5ce; }
.trace--paper h2 { max-width: 14ch; }
.trace--paper > div > p:not(.eyebrow) { max-width: 43ch; margin: 1.7rem 0 0; color: var(--quiet); }
.trace__links { display: grid; gap: 0; border-top: 1px solid var(--ink); }
.trace__links a { display: flex; justify-content: space-between; padding: 1.05rem 0; border-bottom: 1px solid var(--ink); }
.trace__links b { color: var(--signal); font-size: 1rem; }

.answers { max-width: 960px; margin: 0 auto; padding: clamp(5rem, 9vw, 9rem) 32px; }
.answers h2 { margin-bottom: 3.3rem; }
.answers details { border-top: 1px solid var(--mist); }
.answers details:last-child { border-bottom: 1px solid var(--mist); }
.answers summary { display: flex; justify-content: space-between; gap: 2rem; padding: 1.2rem 0; list-style: none; font: 500 clamp(1.25rem, 2vw, 1.7rem)/1.2 var(--serif); }
.answers summary::-webkit-details-marker { display: none; }
.answers summary::after { content: '+'; color: var(--signal); font-family: var(--mono); }
.answers details[open] summary::after { content: '−'; }
.answers details p { max-width: 62ch; margin: 0; padding: 0 3rem 1.35rem 0; color: var(--quiet); }

.request { display: grid; grid-template-columns: minmax(300px, .9fr) minmax(320px, .72fr); gap: clamp(3rem, 10vw, 12rem); padding: clamp(4.5rem, 9vw, 9rem) max(32px, calc((100vw - 1200px) / 2)); color: var(--light); background: #111315; }
.request .eyebrow { color: #ef9b83; }
.request h2 { max-width: 11ch; }
.request > div > p:not(.eyebrow) { max-width: 37ch; margin: 2rem 0 0; color: #c2c7ca; }
.request-sheet { display: grid; gap: 1.1rem; align-content: start; padding: clamp(1.3rem, 2vw, 2rem); color: var(--ink); background: var(--light); }
.sheet-mark { margin: 0 0 .5rem; color: var(--signal); font: 600 .68rem/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.request-sheet > label { display: grid; gap: .45rem; color: var(--quiet); font-size: .72rem; font-weight: 700; letter-spacing: .04em; }
.request-sheet label span { color: var(--quiet); font-weight: 400; text-transform: none; }
.request-sheet input:not([type="radio"]):not([type="checkbox"]), .request-sheet textarea { width: 100%; border: 0; border-bottom: 1px solid var(--mist); padding: .4rem 0 .55rem; color: var(--ink); background: transparent; outline: none; resize: vertical; }
.request-sheet input:focus, .request-sheet textarea:focus { border-color: var(--signal); }
.request-sheet fieldset { display: flex; flex-wrap: wrap; gap: .65rem .9rem; margin: .25rem 0; padding: 0; border: 0; }
.request-sheet legend { width: 100%; margin-bottom: .55rem; color: var(--quiet); font-size: .72rem; font-weight: 700; letter-spacing: .04em; }
.request-sheet fieldset label { font-size: .8rem; }
.agreement { grid-template-columns: 18px 1fr; align-items: start; gap: .55rem; font-size: .7rem !important; font-weight: 400 !important; letter-spacing: 0 !important; }
.agreement input { width: 15px; height: 15px; margin-top: .08rem; accent-color: var(--signal); }
.request-sheet button { min-height: 47px; margin-top: .5rem; border: 1px solid var(--ink); color: var(--light); background: var(--ink); font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; transition: background .18s, color .18s; }
.request-sheet button:hover { color: var(--ink); background: var(--signal); }
.honey { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

.tail { padding: clamp(3.5rem, 7vw, 7rem) max(32px, calc((100vw - 1480px) / 2)) 2.2rem; color: var(--light); background: #17191c; }
.tail__domain { margin: 0; border-bottom: 1px solid #5b6064; padding-bottom: 2rem; font: 500 clamp(4.3rem, 12vw, 13rem)/.72 var(--serif); letter-spacing: -.09em; }
.tail__grid { display: grid; grid-template-columns: 1.15fr .52fr .55fr 1.3fr; gap: 2rem; padding-top: 2rem; color: #c2c7ca; font-size: .77rem; }
.tail__label { margin: 0 0 .7rem; color: #ef9b83; font: 500 .72rem/1 var(--mono); letter-spacing: .1em; }
.tail__grid p { margin: 0; }
.tail__grid a { display: block; width: fit-content; margin-bottom: .55rem; color: #c2c7ca; text-decoration: none; }
.tail__notice { max-width: 31ch; color: #92999d; font-size: .68rem; line-height: 1.5; }

.page-horizon { display: grid; grid-template-columns: minmax(230px, .45fr) minmax(340px, .92fr) minmax(220px, .53fr); gap: clamp(1.5rem, 4vw, 5rem); max-width: 1280px; margin: 0 auto; padding: clamp(5rem, 10vw, 10rem) 32px clamp(3.5rem, 7vw, 7rem); }
.page-horizon h1 { margin: -.11em 0 0; font: 500 clamp(3rem, 5.8vw, 6.7rem)/.9 var(--serif); letter-spacing: -.07em; }
.page-horizon > div { padding-top: .8rem; color: var(--quiet); }
.page-horizon > div p { margin: 0 0 1.8rem; }
.page-horizon small { font: 500 .68rem/1.3 var(--mono); }
.ledger { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1280px; margin: 0 auto; padding: 0 32px clamp(4rem, 8vw, 8rem); }
.ledger div { min-height: 110px; padding: 1rem 1.25rem 1rem 0; border-top: 1px solid var(--mist); border-right: 1px solid var(--mist); }
.ledger div + div { padding-left: 1.25rem; }
.ledger div:last-child { border-right: 0; }
.ledger dt { color: var(--quiet); font-size: .72rem; }
.ledger dd { margin: .45rem 0 0; font: 500 clamp(1rem, 1.8vw, 1.45rem)/1.25 var(--mono); letter-spacing: -.06em; }
.page-picture { max-width: 1480px; margin: 0 auto; padding: 0 32px; }
.page-picture img { width: 100%; max-height: 710px; object-fit: cover; filter: saturate(.76); }
.chapters { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; max-width: 1280px; margin: 0 auto; padding: clamp(5rem, 10vw, 10rem) 32px; }
.chapter { min-height: 310px; padding: 0 clamp(1.2rem, 3vw, 3.3rem) 1rem 0; border-right: 1px solid var(--mist); }
.chapter + .chapter { padding-left: clamp(1.2rem, 3vw, 3.3rem); }
.chapter:last-child { border-right: 0; }
.chapter > span { color: var(--signal); font: 500 .72rem/1 var(--mono); }
.chapter h2 { max-width: 10ch; margin: 3.6rem 0 1.3rem; font: 500 clamp(1.75rem, 2.8vw, 3rem)/.96 var(--serif); letter-spacing: -.055em; }
.chapter p { max-width: 31ch; margin: 0; color: var(--quiet); font-size: .91rem; }
.format-index { max-width: 1280px; margin: 0 auto clamp(5rem, 10vw, 10rem); padding: 0 32px; }
.format-index > p { border-bottom: 1px solid var(--ink); padding-bottom: 1rem; }
.format-index > div { display: grid; grid-template-columns: .6fr .7fr 1.2fr 1fr; gap: 1rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid var(--mist); }
.format-index b { font: 500 1.3rem/1 var(--serif); }
.format-index span { color: var(--quiet); font-size: .8rem; }
.format-index em { justify-self: end; color: var(--signal); font: 500 .78rem/1 var(--mono); font-style: normal; }
.request--page { margin-top: 0; }

.legal { max-width: 820px; margin: 0 auto; padding: clamp(5rem, 11vw, 11rem) 32px; }
.legal h1 { max-width: 11ch; margin: .6rem 0 3.2rem; font: 500 clamp(3rem, 6vw, 6.5rem)/.88 var(--serif); letter-spacing: -.07em; }
.legal__copy { max-width: 64ch; color: var(--quiet); }
.legal__copy h2 { margin: 2.4rem 0 .65rem; color: var(--ink); font: 500 1.6rem/1.1 var(--serif); }
.legal__copy p { margin: 0 0 1.1rem; }

@media (max-width: 1186px) {
  .mast { grid-template-columns: 1fr auto; }
  .route { grid-column: 1 / -1; grid-row: 2; overflow: auto; width: 100%; padding: .1rem 0 .85rem; }
  .route nav { justify-content: flex-start; min-width: max-content; }
  .mast__action { grid-column: 2; grid-row: 1; }
  .horizon { min-height: min(800px, calc(100vh - 120px)); }
  .slice__intro { grid-template-columns: .62fr 1fr; }
  .slice__intro > p:last-child { grid-column: 2; }
  .opening { grid-template-columns: 90px 1fr; }
  .opening__copy { grid-column: 2; }
  .tail__grid { grid-template-columns: 1fr 1fr; }
  .tail__notice { grid-column: span 2; }
}

@media (max-width: 711px) {
  body { font-size: 16px; }
  .mast { min-height: 68px; padding: 0 18px; }
  .mast__name small { display: none; }
  .mast__action { min-width: 92px; padding: .58rem .5rem; font-size: .64rem; }
  .route { grid-column: 1 / -1; grid-row: 2; overflow: visible; padding: 0; }
  .route summary { display: flex; justify-content: space-between; align-items: center; min-height: 45px; border-top: 1px solid var(--mist); font: 600 .68rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
  .route[open] summary i { transform: rotate(45deg); }
  .route nav { position: absolute; z-index: 2; top: 45px; right: -18px; left: -18px; display: grid; gap: 0; padding: 10px 18px 18px; border-bottom: 1px solid var(--mist); background: var(--paper); }
  .route nav a { padding: .55rem 0; }
  .horizon { display: flex; flex-direction: column; min-height: auto; }
  .horizon__type { min-height: 530px; padding: 2rem 18px 3rem; }
  .horizon h1 { font-size: clamp(3.25rem, 16.2vw, 5rem); }
  .horizon__facts { grid-template-columns: 1fr 1fr; gap: .65rem 1rem; }
  .horizon__facts span + span { border-left: 0; padding-left: 0; }
  .horizon__facts span:last-child { grid-column: span 2; }
  .horizon__image img { min-height: 370px; }
  .opening, .slice__intro, .slice__body, .trace, .two-plane, .ruler, .crossing, .request, .page-horizon { display: block; }
  .opening, .ruler, .page-horizon { padding-right: 18px; padding-left: 18px; }
  .opening__number { margin-bottom: 2.5rem; }
  .opening h2, .slice h2, .trace h2, .two-plane h2, .ruler h2, .crossing h2, .answers h2, .request h2 { font-size: clamp(2.5rem, 12vw, 4rem); }
  .opening__copy { margin-top: 2rem; }
  .slice { padding: 5rem 18px; }
  .slice__intro > p:last-child { margin-top: 1.5rem; }
  .slice__body { margin-top: 3rem; }
  .altitudes { min-height: 300px; overflow: auto; }
  .altitude { min-width: 78px; min-height: 268px; padding: 0 .65rem .7rem; }
  .altitude__floor { font-size: 1rem; }
  .reading { margin-top: 2.2rem; }
  .reading h3 { font-size: 2.6rem; }
  .reading dl { grid-template-columns: 1fr; gap: .65rem; margin: 2rem 0 1.3rem; }
  .trace { padding: 5rem 18px; }
  .trace ol { margin-top: 2.6rem; }
  .trace li { grid-template-columns: .55fr .7fr; gap: .45rem; }
  .trace li em { grid-column: 1 / -1; justify-self: start; }
  .two-plane__text, .crossing > div { padding: 5rem 18px; }
  .two-plane__image { padding: 18px; }
  .two-plane__image img, .crossing__image img { min-height: 360px; }
  .ruler__scale { margin-top: 3rem; font-size: .65rem; }
  .crossing { display: flex; flex-direction: column-reverse; }
  .trace__links { margin-top: 2.5rem; }
  .answers { padding: 5rem 18px; }
  .answers details p { padding-right: 0; }
  .request { padding: 5rem 18px; }
  .request-sheet { margin-top: 2.7rem; }
  .tail { padding: 4rem 18px 2rem; }
  .tail__domain { font-size: clamp(4.7rem, 23vw, 7rem); }
  .tail__grid { grid-template-columns: 1fr 1fr; gap: 2rem 1rem; }
  .tail__notice { grid-column: span 2; }
  .page-horizon h1 { margin-top: .7rem; font-size: clamp(3rem, 14vw, 4.5rem); }
  .page-horizon > div { margin-top: 2.3rem; }
  .ledger { grid-template-columns: 1fr; padding: 0 18px 5rem; }
  .ledger div, .ledger div + div { min-height: auto; padding: 1rem 0; border-right: 0; }
  .page-picture { padding: 0 18px; }
  .page-picture img { min-height: 330px; object-fit: cover; }
  .chapters { grid-template-columns: 1fr; padding: 5rem 18px; }
  .chapter, .chapter + .chapter { min-height: auto; padding: 1.3rem 0 2.4rem; border-right: 0; border-top: 1px solid var(--mist); }
  .chapter:last-child { border-bottom: 1px solid var(--mist); }
  .chapter h2 { margin: 1.8rem 0 1rem; }
  .format-index { margin-bottom: 5rem; padding: 0 18px; }
  .format-index > div { grid-template-columns: 1fr 1fr; }
  .format-index em { grid-column: 1 / -1; justify-self: start; }
  .legal { padding: 6rem 18px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}