.journey-book[data-folio="ibn-battuta"] {
  --ib-oxblood:#923e32; --ib-green:#405e54; --ib-gold:#a29160; --ib-rule:#a7a28e; --ib-cream:#f7efdc;
}
.ib-front,.ib-colophon {color:var(--book-ink)}
.ib-front-rule,.ib-rubric,.ib-leaf-edge,.ib-plate figcaption,.ib-provisions figcaption {font:600 9px/1.55 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.15em}
.ib-front-rule,.ib-leaf-edge {display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ib-oxblood);border-block:3px double var(--ib-rule);padding:8px 0}
.ib-front-rule {border-bottom:0}
.ib-front-rule span:last-child,.ib-leaf-edge span:last-child {text-align:right}
.ib-cover {border:1px solid var(--ib-rule);outline:1px solid #ae99707a;outline-offset:-6px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch;background:#f1ead6}
.ib-cover-text {display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(18px,3.3vw,50px);text-align:center}
.ib-rosette {color:var(--ib-gold);width:36px;height:36px;display:block}
.ib-cover-text .ib-rosette {margin-bottom:clamp(10px,1.1vw,16px)}
.ib-rubric {color:var(--ib-oxblood);margin:0 0 7px}
.ib-cover-text>.ib-rubric {font:italic 400 clamp(19px,2vw,32px)/1.05 var(--book-display);text-transform:none;letter-spacing:0}
.ib-cover-text h1,.ib-colophon h2 {font:400 clamp(43px,6.25vw,100px)/.94 var(--book-display);letter-spacing:-.055em;margin:.07em 0 .12em}
.ib-cover-text h1 em {font-weight:400;color:var(--ib-oxblood)}
.ib-cover-deck {font:italic 400 clamp(15px,1.35vw,22px)/1.35 var(--book-display);max-width:25ch;margin:.6em 0 0;color:#49584c;text-wrap:balance}
.ib-cover figure {margin:0;padding:8px;min-width:0;display:flex;align-items:stretch}
.ib-cover figure img {display:block;width:100%;height:100%;min-height:250px;max-height:510px;object-fit:cover;border:1px solid #a6a394;object-position:48% center}
.ib-bottom-rule {border-top:0;border-bottom:3px double var(--ib-rule);font-size:8px;color:#65716a}
.ib-intro {display:grid;grid-template-columns:auto minmax(0,650px);justify-content:center;align-items:baseline;gap:clamp(15px,2.5vw,45px);margin:clamp(30px,4.5vw,80px) 0}
.ib-intro .ib-rubric {text-transform:none;letter-spacing:0;font:italic 400 21px/1 var(--book-display);white-space:nowrap}
.ib-intro p {font:400 clamp(23px,2.35vw,38px)/1.22 var(--book-display);letter-spacing:-.03em;margin:0;text-wrap:pretty}
.ib-leaf-edge {border-bottom:0;margin-bottom:5px;font-size:9px}
.ib-leaf-edge b {padding:0 .5em;color:var(--ib-gold);font-size:13px;line-height:1}
.ib-plate {min-width:0;margin:0}
.ib-plate img {display:block;width:100%;height:auto;object-fit:cover;border:1px solid #a9a491}
.ib-plate figcaption {display:flex;align-items:center;gap:7px;color:#596760;font-size:8px;margin:6px 0 0}
.ib-plate figcaption span {color:var(--ib-oxblood)}
.ib-plate figcaption i {display:inline-block;width:18px;height:1px;background:var(--ib-rule)}
.ib-opening-spread,.ib-tunis-spread,.ib-damascus-spread,.ib-medina-spread {display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,50px)}
.ib-opening-spread {grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:clamp(12px,1.8vw,28px);border:1px solid var(--ib-rule);background:linear-gradient(90deg,#f6efdf 0%,#fbf6e9 47%,#d8d1bd 49.7%,#f6f0e2 51%,#fcf8ed 70%)}
.ib-opening-spread .ib-plate img {aspect-ratio:1.22;object-position:65% center}
.ib-first-copy blockquote {font:italic 400 clamp(27px,2.9vw,46px)/1.06 var(--book-display);color:var(--ib-oxblood);margin:0 0 .36em;letter-spacing:-.034em}
.journey-book .ib-first-copy .entry-copy h3 {font:600 10px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1em;color:#56685c}
.ib-tunis-spread {grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.ib-tunis-spread .ib-plate {border:1px solid var(--ib-rule);padding:6px 6px 5px}
.ib-tunis-spread .ib-plate img {border:0;aspect-ratio:1.36;object-position:53%}
.ib-cairo-spread .ib-plate img {aspect-ratio:2.76;object-position:50% 54%}
.ib-cairo-reading {margin:clamp(18px,2.6vw,40px) auto 0;display:grid;grid-template-columns:minmax(105px,.45fr) minmax(0,1.35fr);align-items:start;gap:clamp(18px,3vw,48px)}
.ib-gloss {border-top:1px solid var(--ib-rule);border-bottom:1px solid var(--ib-rule);padding:11px 0 14px;color:var(--ib-green)}
.ib-gloss strong {display:block;font:italic 400 clamp(22px,2vw,32px)/1.16 var(--book-display);margin:4px 0}
.ib-gloss p {font:15px/1.5 var(--book-display);margin:0}
.ib-damascus-spread {align-items:center}
.ib-damascus-spread .ib-plate img {aspect-ratio:1.03;object-position:67%}
.ib-provisions {display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--ib-rule);margin:15px 0 0}
.ib-provisions figure {margin:0;text-align:center;padding:7px 1px 6px}
.ib-provisions figure+figure {border-left:1px solid #a69f864b}
.ib-provisions svg {display:block;height:47px;max-width:100%;margin:auto;color:var(--ib-green)}
.ib-provisions figcaption {font-size:8px;color:var(--ib-oxblood);letter-spacing:.08em}
.ib-medina-spread {gap:0;background:#233f43;border:1px solid #233f43;align-items:stretch;color:#f2e6c9}
.ib-medina-plate {padding:8px;align-self:stretch;min-width:0;display:flex}
.ib-medina-plate .ib-plate {width:100%;display:flex;flex-direction:column}
.ib-medina-plate .ib-plate img {min-height:230px;height:100%;object-fit:cover;object-position:40% center;border:1px solid #819689}
.ib-medina-plate .ib-plate figcaption,.ib-medina-plate .ib-plate figcaption span {color:#ebce94}
.ib-night {padding:clamp(18px,2.5vw,45px)}
.ib-candle-row {display:flex;gap:1px;margin:0 0 8px}
.ib-candle-row svg {display:block;width:21px;height:32px}
.ib-night .entry-copy h3,.ib-night .entry-copy p,.ib-night .entry-copy p:first-of-type::first-letter {color:#f6ebd3}
.ib-night .entry-copy .entry-source {color:#e8c68c}
.ib-night.is-revealed .ib-flame {animation:ib-light .95s ease-out both;animation-delay:var(--flame-delay)}
@keyframes ib-light {from{opacity:.25}to{opacity:1}}
.ib-mecca-spread>.ib-plate img {aspect-ratio:2.36;object-position:center 58%}
.ib-mecca-spread>.ib-copy {margin:0 auto;max-width:620px}
.ib-finish-flower {display:flex;gap:12px;align-items:center;justify-content:center;margin:clamp(12px,1.8vw,28px) 0 12px}
.ib-finish-flower::before,.ib-finish-flower::after {content:'';width:30px;height:1px;background:var(--ib-rule)}
.ib-finish-flower svg {width:24px;height:24px}
.ib-mecca-spread>.ib-copy h3 {text-align:center}
.ib-colophon {display:grid;grid-template-columns:minmax(150px,.6fr) minmax(0,1.4fr);gap:clamp(22px,4vw,66px);align-items:center;border:3px double var(--ib-rule);background:#efe9d8;padding:clamp(22px,3.5vw,64px);margin:0 auto clamp(38px,5vw,80px);max-width:1050px}
.ib-colophon-art {color:var(--ib-green);text-align:center}
.ib-manuscript {width:100%;max-width:330px;height:auto;display:block;margin:auto}
.ib-ink-stroke {stroke-dasharray:1}
.ib-colophon.is-revealed .ib-ink-stroke {animation:ib-write 1.3s ease both}
@keyframes ib-write {from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.ib-colophon h2 {font-size:clamp(32px,3.4vw,58px);line-height:1.02;margin:.12em 0 .3em}
.ib-colophon p:not(.ib-rubric) {font:16px/1.6 Georgia,serif;color:#374747;margin:0 0 .65em}
.ib-timeline .timeline-line::before,.ib-timeline .timeline-line::after {display:none}
.ib-register {max-width:122px;margin:12px auto 3px;color:var(--ib-green)}
.ib-register svg {display:block;width:100%}
.ib-register-line {opacity:.26;transition:opacity .3s}
.ib-timeline:has([data-read-stop="1"][aria-current]) [data-leaf="1"],
.ib-timeline:has([data-read-stop="2"][aria-current]) [data-leaf="2"],
.ib-timeline:has([data-read-stop="3"][aria-current]) [data-leaf="3"],
.ib-timeline:has([data-read-stop="4"][aria-current]) [data-leaf="4"],
.ib-timeline:has([data-read-stop="5"][aria-current]) [data-leaf="5"],
.ib-timeline:has([data-read-stop="6"][aria-current]) [data-leaf="6"] {opacity:1;stroke-width:2.8}
.ib-timeline .timeline-line {margin-top:5px}
.ib-timeline .timeline-line button {grid-template-columns:26px minmax(0,1fr);gap:7px;border-bottom:1px solid #a7a28e5c;padding:6px 0}
.ib-timeline .ib-leaf-num {display:grid;place-items:center;width:23px;height:28px;border:1px solid var(--ib-rule);font:12px/1 Georgia,serif;color:var(--ib-green);background:#f5efdf}
.ib-timeline button[aria-current] .ib-leaf-num {background:var(--ib-oxblood);border-color:var(--ib-oxblood);color:#fff5e4}
.ib-timeline button small {display:block;font:italic 12px/1.3 var(--book-display);color:#68736b;margin-top:2px}
@media(max-width:1050px){
 .ib-register {position:absolute;width:45px;left:4px;top:17px;margin:0}
 .ib-timeline .timeline-heading,.ib-timeline .timeline-line {margin-left:50px}
 .ib-timeline .timeline-line button {grid-template-columns:auto auto;border:0;min-height:44px}
 .ib-timeline .timeline-line li small {display:none}
 .ib-timeline .ib-leaf-num {height:23px;width:19px;font-size:10px}
}
@media(max-width:700px){
 .ib-cover {display:flex;flex-direction:column}
 .ib-cover-text {padding:16px 12px 9px}
 .ib-cover-text .ib-rosette {width:25px;height:25px;margin-bottom:5px}
 .ib-cover-text>.ib-rubric {font-size:18px}
 .ib-cover-text h1 {font-size:clamp(38px,8.6vw,57px)}
 .ib-cover-text h1 br {display:none}
 .ib-cover-text h1 em {margin-left:.12em}
 .ib-cover-deck {max-width:none;font-size:15px;margin:4px 0 0}
 .ib-cover figure {padding:5px 8px 8px}
 .ib-cover figure img {aspect-ratio:2.15;min-height:0;height:auto}
 .ib-front-rule {font-size:8px;letter-spacing:.09em}
 .ib-intro {display:block;margin:23px 0 38px}
 .ib-intro .ib-rubric {display:block;margin:0 0 6px;font-size:18px}
 .ib-intro p {font-size:23px}
 .ib-opening-spread,.ib-tunis-spread,.ib-damascus-spread,.ib-medina-spread {display:flex;flex-direction:column;align-items:stretch;gap:17px}
 .ib-opening-spread {padding:10px;background:#f7f2e3}
 .ib-opening-spread .ib-plate img,.ib-tunis-spread .ib-plate img,.ib-damascus-spread .ib-plate img {aspect-ratio:1.8}
 .ib-first-copy {padding:0 4px 8px}
 .ib-tunis-spread>.ib-plate {order:-1}
 .ib-cairo-spread .ib-plate img,.ib-mecca-spread>.ib-plate img {aspect-ratio:1.8}
 .ib-cairo-reading {display:flex;flex-direction:column;gap:12px}
 .ib-gloss {order:1;max-width:none;padding:8px 0}
 .ib-gloss strong {display:inline;margin-left:9px;font-size:20px}
 .ib-gloss p {margin-top:3px}
 .ib-medina-spread {gap:0}
 .ib-medina-plate {display:block}
 .ib-medina-plate .ib-plate img {min-height:0;height:auto;aspect-ratio:2.08}
 .ib-night {padding:8px 16px 22px}
 .ib-leaf-edge {font-size:8px}
 .ib-colophon {grid-template-columns:1fr;gap:7px;padding:18px}
 .ib-colophon-art {max-width:165px}
}
@media(prefers-reduced-motion:reduce){
 .ib-colophon.is-revealed .ib-ink-stroke,.ib-night.is-revealed .ib-flame {animation:none}
 .ib-register-line {transition:none}
}

/* A broad opening plate with an editorial title and object register above it. */
.ib-cover{display:block;background:transparent}
.ib-cover-text{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,5vw,80px);align-items:center;text-align:left;padding:clamp(24px,4vw,58px) 0 clamp(26px,4vw,56px)}
.ib-opening-title .ib-rubric{font-size:10px;margin-bottom:18px}
.ib-cover-text h1{font-size:clamp(48px,6.3vw,100px);margin:0}
.ib-cover-deck{font:400 clamp(22px,2.3vw,34px)/1.25 var(--book-display);max-width:25ch;margin:0;color:var(--book-ink)}
.ib-cover figure{display:block;padding:0}
.ib-cover figure img{height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;border:0}
@media(max-width:700px){.ib-cover-text{grid-template-columns:1fr;gap:22px}.ib-cover-deck{max-width:30ch}.ib-opening-title .ib-rubric{margin-bottom:12px}}

.ib-cover-text{padding-top:clamp(28px,4vw,56px)}
.ib-cover{padding-top:clamp(20px,3vw,40px)}