/* Journey IV · an islander’s chart book */
.tup-front,.tup-coda,.tup-stop{--tup-rule:#879996;color:var(--book-ink)}
.tup-front{margin-bottom:clamp(28px,4vw,62px);border:1px solid var(--tup-rule);padding:6px;background:#f4efe1}
.tup-cover{display:grid;grid-template-columns:.84fr 1.34fr;align-items:stretch;border:1px solid var(--tup-rule)}
.tup-front-type{align-self:center;padding:clamp(18px,3.2vw,57px)}
.tup-eyebrow,.tup-front figcaption,.tup-stop figcaption,.tup-mastline,.tup-records small,.tup-pair small{font:600 9px/1.55 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--book-red)}
.tup-front-type h1,.tup-coda h2{font:400 clamp(38px,4.65vw,81px)/.99 var(--book-display);letter-spacing:-.052em;margin:9px 0 18px}
.tup-front-type h1 em,.tup-coda em{color:var(--book-red);font-weight:400}
.tup-front-type>p:last-child,.tup-coda p,.tup-object-note p,.tup-language p{font:16px/1.53 Georgia,serif;color:#314a52;margin:10px 0;text-wrap:pretty}
.tup-front figure,.tup-stop figure{min-width:0;margin:0}
.tup-cover figure{position:relative;min-height:290px;background:#edf0e7}
.tup-cover figure img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% center}
.tup-cover figcaption{position:absolute;bottom:8px;right:8px;color:#173b4a;background:#faf5e5e8;padding:4px 7px;font-size:8px}
.tup-mastline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px 5px;color:#486368}
.tup-leaf{display:grid;grid-template-columns:1.03fr 1fr;gap:clamp(18px,3vw,46px);align-items:center}
.tup-stop-plate img{width:100%;height:auto;display:block}
.tup-stop figcaption{color:#5d706c;margin-top:6px;font-size:8px}
.tup-leaf-1 .entry-copy{grid-column:2;grid-row:1/3}
.tup-leaf-1 .tup-leaf{gap:15px clamp(18px,3vw,46px)}
.tup-locator{border:1px solid var(--tup-rule);padding:10px 12px 8px;background:#eff0e6}
.tup-locator svg{display:block;width:100%;height:clamp(125px,13vw,190px);color:#153e52}
.tup-mapnames{font:italic 12px Georgia,serif;fill:currentColor}
.tup-sealabel{font:8px Georgia,serif;letter-spacing:3px;fill:#6a8180}
.tup-locator figcaption{font:italic 12px/1.4 Georgia,serif;text-transform:none;letter-spacing:0}
.tup-leaf-2 .tup-stop-plate{grid-column:2;grid-row:1}
.tup-leaf-2 .entry-copy{grid-column:1;grid-row:1}
.tup-leaf-3 .tup-stop-plate{grid-column:1/-1}
.tup-leaf-3 .tup-stop-plate img{aspect-ratio:2.6;object-fit:cover;object-position:center 58%}
.tup-language{text-align:center;border-block:3px double var(--tup-rule);padding:22px 12px}
.tup-pair{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.3vw,18px);margin:12px 0 6px}
.tup-pair strong,.tup-pair small{display:block}
.tup-pair strong{font:italic 400 clamp(30px,3vw,48px)/1.15 var(--book-display);letter-spacing:-.04em}
.tup-pair svg{width:min(17%,65px);color:#315765}
.tup-language p{font-style:italic;max-width:32ch;margin:auto}
.tup-language .entry-source,.tup-object-note .entry-source{margin-top:9px}
.tup-leaf-4 .entry-copy{grid-row:1/3;grid-column:1}
.tup-leaf-4 .tup-leaf{gap:14px clamp(18px,3vw,46px)}
.tup-object-note{border-left:2px solid var(--book-red);padding:6px 14px;background:#d4e1da44}
.tup-object-note p{font-size:15px}
.tup-coda{margin:clamp(28px,5vw,76px) 0;padding:clamp(23px,3.7vw,60px);border:4px double var(--tup-rule);background:#e9efe65c}
.tup-coda h2{font-size:clamp(38px,4.1vw,66px);margin-bottom:24px}
.tup-records{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,74px);border-top:1px solid var(--tup-rule);padding-top:18px}
.tup-records h3{font:400 clamp(23px,2.3vw,37px)/1.13 var(--book-display);margin:7px 0}
.tup-records small{color:var(--book-red)}
.tup-timeline-scene{width:min(100%,180px);height:auto;aspect-ratio:160/51;position:relative;color:#5b716c;margin:9px auto}
.tup-timeline-scene svg{width:100%;display:block}
.tup-timeline-scene span{width:21%;position:absolute;bottom:29%;left:calc(1% + 78% * var(--read-progress,0));color:var(--book-red);transition:left .15s linear}
@media(max-width:1050px){.tup-timeline-scene{position:absolute;left:0;top:0;width:55px;margin:4px 0 0}.tup-timeline .timeline-heading{padding-left:61px}}
@media(max-width:740px){.tup-cover,.tup-leaf,.tup-records{grid-template-columns:1fr}.tup-front-type{padding:20px}.tup-front-type h1{font-size:clamp(40px,7.5vw,56px)}.tup-front-type h1 br{display:none}.tup-front-type h1 br:after{content:' '}.tup-cover figure{min-height:0;aspect-ratio:2.15}.tup-mastline{font-size:7px}.tup-leaf .entry-copy,.tup-leaf .tup-stop-plate{grid-row:auto;grid-column:auto}.tup-stop .tup-leaf{gap:16px}.tup-leaf-3 .tup-stop-plate img{aspect-ratio:1.82}.tup-records{gap:19px}.tup-records>div+div{border-top:1px solid #87999680;padding-top:14px}.tup-language{padding:14px 10px}.tup-object-note{margin:0}.tup-coda h2{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.tup-timeline-scene span{transition:none}}