/* Printed chapter III */
.journey-book[data-folio="magellan-elcano"] { --mag-wash:#e9e8dc; --mag-edge:#919486; }
.mag-front,.mag-coda {color:var(--book-ink)}
.mag-cover,.mag-coda-picture {position:relative;isolation:isolate;border-block:3px double var(--mag-edge);padding:5px 0}
.mag-cover>img,.mag-coda-picture>img {display:block;width:100%;aspect-ratio:3;height:auto;object-fit:contain;object-position:center}
.mag-cover-title,.mag-coda-picture>div {position:absolute;left:clamp(17px,4vw,65px);top:clamp(16px,2.6vw,44px);max-width:52%;z-index:1}
.mag-cover-title {text-shadow:0 0 12px #fbf5e2,0 0 4px #fbf5e2}
.mag-overline,.mag-caption,.mag-fleet figcaption,.mag-stop figure figcaption,.mag-specimen p.mag-overline {font:600 9px/1.6 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.15em}
.mag-overline {color:var(--book-red);margin:0 0 .8em}
.mag-cover-title h1,.mag-coda-picture h2 {font:400 clamp(36px,4.7vw,78px)/.94 var(--book-display);letter-spacing:-.055em;margin:0;color:var(--book-ink)}
.mag-cover-title h1 small {display:block;color:var(--book-ink);font:italic 400 clamp(17px,1.7vw,28px)/1.3 var(--book-display);letter-spacing:-.015em;margin-bottom:.43em}
.mag-cover-title em,.mag-coda-picture em {color:var(--book-red);font-weight:400}
.mag-caption {display:flex;justify-content:space-between;align-items:center;gap:14px;margin:8px 0;color:#516066;font-size:8px}
.mag-front-note {display:grid;grid-template-columns:1fr .94fr;gap:clamp(24px,5vw,90px);align-items:center;margin:clamp(25px,3.5vw,57px) 0 clamp(40px,4.5vw,75px)}
.mag-front-note>p,.mag-coda-note>p {font:400 clamp(23px,2.48vw,40px)/1.17 var(--book-display);letter-spacing:-.034em;text-wrap:pretty;margin:0}
.mag-fleet {margin:0;text-align:center;border-block:1px solid var(--mag-edge);padding:9px 0 8px}
.mag-fleet>div {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:3px}
.mag-fleet>div span {display:flex;flex-direction:column;align-items:center;color:#264351}
.mag-fleet .mag-ship {max-width:70px;width:100%}
.mag-fleet span:nth-child(2) svg {width:92%}
.mag-fleet span:nth-child(3) svg {width:84%}
.mag-fleet span:nth-child(4) svg {width:72%}
.mag-fleet span:nth-child(5) svg {width:79%}
.mag-fleet i {font:italic clamp(12px,1vw,15px)/1.4 var(--book-display)}
.mag-fleet figcaption {margin-top:8px;color:var(--book-red);font-size:8px}
.mag-stop figure {margin:0;min-width:0}
.mag-stop figure>img,.mag-tidore-head figure img,.mag-reef-plate img {display:block;width:100%;height:auto}
.mag-stop figure figcaption {color:#637071;font-size:8px;padding-top:7px}
.mag-departure-story {display:grid;align-items:center;grid-template-columns:1.2fr 1fr;gap:clamp(20px,3vw,50px)}
.mag-open-spread {display:grid;grid-template-columns:1.06fr .94fr;align-items:stretch;position:relative;border-bottom:1px solid var(--mag-edge);background:linear-gradient(to right,transparent 51%,#95866d1c 52.8%,transparent 54%)}
.mag-strait {padding:0 clamp(15px,2vw,34px) 15px 0}
.mag-strait .entry-copy {padding:18px 0 3px}
.mag-channel-chart {border-top:1px solid var(--mag-edge);padding-top:8px}
.mag-channel-chart svg {width:100%;height:auto;display:block;background:#e8ebe3}
.mag-channel-chart figcaption {display:flex;gap:7px;justify-content:space-between}
.mag-channel-chart figcaption span {font:italic 12px/1.4 var(--book-display);text-transform:none;letter-spacing:0}
.mag-launch {offset-distance:100%;offset-rotate:auto;offset-anchor:0 0}
.mag-track {stroke-dasharray:1;stroke-dashoffset:0;stroke-linecap:round}
.mag-branch {stroke-dasharray:.13 .13}
.mag-channel-chart.is-revealed .mag-track {animation:mag-chart-line 3.3s ease-in-out both}
.mag-channel-chart.is-revealed .mag-launch {animation:mag-chart-boat 3.3s ease-in-out both}
@keyframes mag-chart-line {from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes mag-chart-boat {from{offset-distance:0}to{offset-distance:100%}}
.mag-pacific {min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px clamp(12px,2vw,36px) 24px}
.mag-horizon {width:100%;height:clamp(70px,11vw,165px);margin-bottom:17px;position:relative;display:grid;align-items:center}
.mag-horizon::before,.mag-horizon::after {content:'';height:1px;position:absolute;inset-inline:0;top:60%;background:linear-gradient(90deg,transparent,#75898b 32% 73%,transparent)}
.mag-horizon::after {inset-inline:17%;top:calc(60% + 5px);opacity:.5}
.mag-horizon>div {position:absolute;bottom:40%;left:56%;width:24px;line-height:0;color:#425d67}
.mag-pacific .mag-overline {margin-bottom:10px}
.mag-sea-quote {font:italic 400 clamp(29px,3.05vw,51px)/1.05 var(--book-display);letter-spacing:-.043em;margin:0;max-width:16ch;text-wrap:balance}
.mag-pacific>p:not(.mag-overline) {font:16px/1.55 Georgia,serif;max-width:30ch;color:#3f4e52;margin:14px auto}
.mag-margin-item {border-block:1px solid #a6a99b;width:min(100%,285px);display:flex;flex-direction:column;align-items:center;margin:clamp(14px,3.5vw,56px) 0 10px;padding:9px 8px 15px}
.mag-biscuit {width:110px;height:66px}
.mag-margin-item blockquote {font:italic 400 clamp(19px,1.7vw,26px)/1.25 var(--book-display);letter-spacing:-.014em;margin:0;color:var(--book-ink)}
.mag-reef-plate>div {position:relative}
.mag-reef-plate img {aspect-ratio:2.8;object-fit:cover;object-position:50% 59%}
.mag-reef-plate i {position:absolute;left:24%;bottom:13%;width:20%;height:26%;border:1px solid #893b2b;border-radius:50%;transform:rotate(-9deg);box-shadow:0 0 0 1px #fff5}
.mag-reef-plate i::after {content:'';position:absolute;left:92%;top:68%;height:1px;width:58%;background:var(--book-red);transform:rotate(21deg);transform-origin:0 0}
.mag-reef-copy {display:grid;grid-template-columns:.73fr 1.27fr;gap:clamp(17px,3vw,52px);align-items:start;padding-top:20px}
.mag-tidore-head {display:grid;grid-template-columns:1.65fr 1fr;gap:clamp(12px,2.5vw,42px);align-items:center}
.mag-specimen {text-align:center}
.mag-specimen img {width:100%;height:clamp(100px,16vw,225px);object-fit:contain;mix-blend-mode:multiply}
.mag-specimen p:not(.mag-overline) {font:15px/1.35 var(--book-display);color:#465854;margin:5px 0 0}
.mag-specimen p.mag-overline {margin:4px 0}
.mag-tidore-copy {max-width:650px;margin:clamp(16px,2.2vw,36px) auto 10px;text-align:center}
.mag-tidore-copy.entry-copy p:first-of-type::first-letter {float:none;margin:0;font:inherit;color:inherit}
.mag-fork {display:grid;grid-template-columns:1fr 1fr;margin:16px 0 12px;border-block:1px solid var(--mag-edge)}
.mag-fork>div {position:relative;padding:13px 14px 12px 0}
.mag-fork>div+div {padding-left:20px;border-left:1px solid var(--mag-edge)}
.mag-fork>div>span {float:right;font:28px/1 var(--book-display);color:var(--book-red)}
.mag-fork>div+div>span {margin-right:2px}
.mag-fork h4 {font:italic 400 clamp(23px,2vw,32px)/1.05 var(--book-display);margin:0 0 8px;color:var(--book-ink)}
.mag-fork p {font:15px/1.45 Georgia,serif;margin:0;color:#415357}
.mag-fork b {color:var(--book-red)}
.mag-coda {margin:clamp(22px,4vw,65px) 0 clamp(44px,5vw,86px)}
.mag-coda-picture h2 {font-size:clamp(36px,4.7vw,76px)}
.mag-coda-note {max-width:780px;margin:clamp(24px,3.3vw,54px) auto 0;text-align:center}
.mag-home-fleet {display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:5px;max-width:425px;margin:0 auto 20px}
.mag-home-fleet>span {display:flex;align-items:center;flex-direction:column;color:#455968}
.mag-home-fleet .mag-ship {width:min(100%,65px);opacity:.20}
.mag-home-fleet .mag-survivor {color:var(--book-red)}
.mag-home-fleet .mag-survivor .mag-ship {opacity:1}
.mag-home-fleet i {font:italic 12px/1.4 var(--book-display)}
.mag-coda-note>p {font-size:clamp(22px,2.2vw,34px)}
.mag-coda-note .entry-source {margin-top:15px}
.mag-voyage-globe {width:min(80%,132px);margin:10px auto}
.mag-voyage-globe svg {width:100%;display:block}
.mag-hemi {opacity:0;transition:opacity .55s ease}
.mag-globe-coast {stroke:#536a69;stroke-width:.65;stroke-linejoin:round;fill:none}
.mag-globe-route {stroke:#a64530;stroke-width:1.2;stroke-linecap:round;fill:none}
.mag-timeline:has([data-read-stop="1"][aria-current]) [data-stage="1"],
.mag-timeline:has([data-read-stop="2"][aria-current]) [data-stage="2"],
.mag-timeline:has([data-read-stop="3"][aria-current]) [data-stage="3"],
.mag-timeline:has([data-read-stop="4"][aria-current]) [data-stage="4"],
.mag-timeline:has([data-read-stop="5"][aria-current]) [data-stage="5"] {opacity:1}
.mag-circuit {stroke-dashoffset:calc(1 - var(--circuit-progress,var(--read-progress,0)));transition:stroke-dashoffset .15s linear}
@media(max-width:1050px){
  .mag-voyage-globe {position:absolute;margin:0;width:41px;left:5px;top:12px}
  .mag-timeline .timeline-heading,.mag-timeline .timeline-line {margin-left:47px}
}
@media(max-width:700px){
  .mag-cover,.mag-coda-picture {padding-top:clamp(68px,10vw,82px);background:#f6efdf}
  .mag-cover>img,.mag-coda-picture>img {width:100%;height:auto;aspect-ratio:3;mask-image:linear-gradient(transparent,#000 16%)}
  .mag-coda-picture {padding-top:37px}
  .mag-cover-title,.mag-coda-picture>div {left:9px;top:12px;max-width:62%}
  .mag-cover-title h1 {font-size:clamp(34px,7.4vw,50px)}
  .mag-cover-title h1 small {font-size:16px;margin-bottom:4px}
  .mag-cover-title .mag-overline,.mag-coda-picture .mag-overline {font-size:8px;margin-bottom:5px}
  .mag-cover-title,.mag-coda-picture>div {background:radial-gradient(ellipse at 35% 35%,#f8f2decc,transparent 73%)}
  .mag-caption {font-size:7px;letter-spacing:.09em}
  .mag-caption span:last-child {text-align:right}
  .mag-front-note,.mag-departure-story,.mag-reef-copy {grid-template-columns:1fr;gap:16px}
  .mag-front-note {margin:22px 0 36px}
  .mag-front-note>p {font-size:24px}
  .mag-fleet {max-width:460px;width:100%;justify-self:center}
  .mag-open-spread {grid-template-columns:minmax(0,1fr);background:none}
  .mag-strait {padding:0}
  .mag-pacific {margin-top:14px;border-top:1px solid var(--mag-edge);padding:4px 10px 20px;background:linear-gradient(#dae4df35,transparent 60%)}
  .mag-horizon {height:56px;margin-bottom:8px}
  .mag-margin-item {margin:10px 0 8px;width:min(100%,390px);flex-direction:row;text-align:left;gap:10px;padding:8px}
  .mag-biscuit {flex:0 0 82px;height:53px}
  .mag-reef-plate img {aspect-ratio:1.7}
  .mag-reef-copy {padding-top:13px;gap:0}
  .mag-tidore-head {grid-template-columns:1.5fr 1fr;gap:10px}
  .mag-specimen p:not(.mag-overline) {font-size:12px}
  .mag-fork p {font-size:14px}
  .mag-fork>div+div {padding-left:14px}
  .mag-coda-picture h2 {font-size:clamp(32px,6.8vw,46px)}
}
@media(prefers-reduced-motion:reduce){
  .mag-hemi,.mag-circuit {transition:none}
  .mag-channel-chart.is-revealed .mag-track,.mag-channel-chart.is-revealed .mag-launch {animation:none}
}