@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap');

@font-face{font-family:"Ouyang Xun";src:url("../liuyao/ouyangxun.ttf") format("truetype");font-display:swap;font-weight:400}

:root{--ink:#0c1c23;--sea:#082631;--sea2:#123f4d;--paper:#f3eddf;--paper2:#e6dcc5;--red:#aa3628;--gold:#d7aa55;--jade:#376b68;--muted:#728087;--line:rgba(16,39,46,.18);--display:"Ouyang Xun","STKaiti","KaiTi",serif;--serif:"Noto Serif SC","Songti SC",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.75}
body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.reading-progress{position:fixed;z-index:50;left:0;top:0;width:0;height:3px;background:var(--red)}
.masthead{position:absolute;z-index:10;top:0;left:0;right:0;height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,5vw,80px);color:#f5eddb;border-bottom:1px solid rgba(255,255,255,.12)}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:.14em}.brand span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--gold);color:var(--gold);transform:rotate(-4deg);font-family:var(--display);font-size:22px}.brand b{font-weight:500}.masthead nav{display:flex;gap:32px}.masthead nav a{opacity:.65}.masthead nav a:hover{opacity:1;color:var(--gold)}.home{justify-self:end;font-size:13px;letter-spacing:.1em}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(#061a24,#0b3340 65%,#846c4b)}
#hero-sea{position:absolute;inset:0;width:100%;height:100%}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,23,.82) 0%,rgba(3,17,23,.35) 48%,rgba(3,17,23,.08)),linear-gradient(0deg,rgba(3,17,23,.35),transparent 40%)}
.hero-copy{position:relative;z-index:2;width:min(660px,88vw);margin-left:clamp(28px,9vw,150px);padding-top:68px;color:#f8f0df}.hero-copy>p{margin:0 0 26px;color:var(--gold);letter-spacing:.28em;font-size:13px}.hero-copy h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(66px,8.4vw,142px);line-height:.94;letter-spacing:.03em}.hero-copy h1 em{color:#e25e43;font-style:normal}.hero-copy>span{display:block;max-width:550px;margin:34px 0 26px;color:#ced8d6;font-size:clamp(16px,1.4vw,22px)}.hero-copy>a{display:inline-flex;gap:36px;align-items:center;border-bottom:1px solid rgba(255,255,255,.35);padding:10px 0;color:var(--gold);font-size:14px;letter-spacing:.12em}.hero-copy>a b{font-size:20px}
.hero-number{position:absolute;z-index:2;right:clamp(28px,6vw,100px);bottom:clamp(36px,8vh,90px);display:grid;justify-items:end;color:#fff}.hero-number small{color:#adc0c1;letter-spacing:.18em}.hero-number strong{font-family:Georgia,serif;font-size:clamp(38px,5vw,76px);line-height:1.1;color:var(--gold);font-weight:400}.hero-number span{font-size:14px;letter-spacing:.12em}
.thesis{min-height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 20px;background:var(--ink);color:#e7dfce;gap:20px}.thesis span{font-size:12px;color:#80979a;letter-spacing:.22em}.thesis strong{font-family:var(--display);font-size:clamp(34px,5vw,72px);font-weight:400;line-height:1.25;color:#f2ead9}
.chapter{min-height:100vh;display:grid;grid-template-columns:minmax(260px,32vw) 1fr;gap:clamp(28px,6vw,100px);padding:clamp(80px,11vw,160px) clamp(26px,6vw,100px);align-items:start}.paper{background:linear-gradient(115deg,#f4edde,#e8dfcc)}.night{background:#0a2530;color:#edf0e8}.people-chapter{background:#d8e1dd}
.intro{position:sticky;top:80px}.intro>p{margin:0 0 20px;color:var(--red);font-size:12px;letter-spacing:.2em}.intro h2{margin:0 0 28px;font-family:var(--display);font-weight:400;font-size:clamp(52px,6vw,94px);line-height:1.08}.intro h2 em{color:var(--red);font-style:normal}.night .intro h2 em{color:#e45e43}.intro>span{display:block;color:var(--muted);max-width:320px}.night .intro>span{color:#92a7aa}
.stage{min-width:0;border:1px solid var(--line);background:rgba(255,255,255,.42);padding:clamp(22px,4vw,62px)}.night .stage{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.035)}
.scale-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:32px}.scale-head small{display:block;color:var(--muted);font-size:12px;letter-spacing:.12em}.scale-head strong{font-family:Georgia,serif;color:var(--red);font-size:38px;font-weight:400}.legend{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.legend i{width:22px;height:5px;display:inline-block}.legend-junk{background:var(--red)}.legend-carrier{background:#304d55;margin-left:12px}
.ship-ruler{position:relative;padding:30px 0 45px;border-bottom:1px solid var(--line);overflow:hidden}.ticks{position:absolute;inset:0 0 38px;background:repeating-linear-gradient(90deg,rgba(19,48,55,.11) 0 1px,transparent 1px calc(100% / 6.66))}.ship-row{position:relative;display:grid;grid-template-columns:130px 1fr;align-items:center;min-height:125px}.row-name{position:relative;z-index:2;display:flex;flex-direction:column}.row-name b{font-size:15px}.row-name small{color:var(--muted)}.silhouette{position:relative;height:70px;align-self:center;transition:width .65s cubic-bezier(.2,.8,.2,1);transform-origin:left bottom}.silhouette>b{position:absolute;right:0;bottom:-25px;color:var(--muted);font:13px Georgia,serif}.carrier{width:100%;height:62px;background:#304d55;clip-path:polygon(0 60%,7% 52%,8% 39%,55% 39%,58% 23%,77% 23%,82% 33%,95% 37%,100% 52%,94% 70%,7% 75%)}.carrier:before{content:"";position:absolute;left:60%;top:4px;width:9%;height:24px;background:#304d55}.carrier i{position:absolute;left:63%;top:0;width:2px;height:16px;background:#304d55}.junk{width:21.02%;height:92px;border-radius:0 0 52% 18%/0 0 35% 28%;background:var(--red);clip-path:polygon(0 53%,86% 53%,100% 70%,94% 80%,23% 84%,4% 75%)}.junk:before{content:"";position:absolute;left:10%;right:10%;top:49%;height:6px;background:#813023}.junk i{position:absolute;bottom:40%;width:2px;height:50px;background:#65352d}.junk i:after{content:"";position:absolute;right:2px;top:4px;width:30px;height:36px;background:#e9d7aa;clip-path:polygon(100% 0,100% 100%,0 80%,12% 12%)}.junk i:nth-child(1){left:20%;height:45px}.junk i:nth-child(2){left:38%;height:58px}.junk i:nth-child(3){left:55%;height:64px}.junk i:nth-child(4){left:70%;height:55px}.junk i:nth-child(5){left:82%;height:40px}.ruler-labels{position:absolute;left:130px;right:0;bottom:7px;display:flex;justify-content:space-between;color:#8a918e;font:10px Georgia,serif}
.scale-controls{padding-top:35px}.scale-controls label,.slider-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:8px}.scale-controls label b,.slider-label b{color:var(--ink);font-weight:500;letter-spacing:.1em}.night .slider-label b{color:#e8eee8}input[type=range]{width:100%;accent-color:var(--red);cursor:ew-resize}.presets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.presets button,.formation-switch button,.fleet-tabs button{border:1px solid var(--line);background:transparent;padding:15px 18px;text-align:left;color:inherit;cursor:pointer}.presets button b,.presets button span{display:block}.presets button span{color:var(--muted);font-size:11px;margin-top:4px}.presets button.active{border-color:var(--red);background:rgba(170,54,40,.08)}.discover{margin:30px 0 0;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.night .discover{border-color:rgba(255,255,255,.13);color:#90a3a5}
.fleet-tabs{display:flex;gap:10px;margin-bottom:30px}.fleet-tabs button{border-color:rgba(255,255,255,.18);padding:11px 18px;color:#9eb0b1}.fleet-tabs button.active{color:#fff;border-color:var(--gold);background:rgba(215,170,85,.1)}.fleet-summary{display:grid;grid-template-columns:200px 1fr;gap:25px;align-items:end;margin-bottom:25px}.fleet-summary small{display:block;color:#81999c;font-size:11px}.fleet-summary strong{font:48px Georgia,serif;color:var(--gold)}.fleet-summary span{color:#9aaeae}.fleet-summary p{margin:0;color:#9db0b0;font-size:13px}.fleet-sea{position:relative;display:grid;grid-template-columns:repeat(24,1fr);align-content:center;gap:4px;min-height:390px;padding:28px;background:linear-gradient(#0d3441,#15505d 70%,#9b825c);overflow:hidden}.fleet-sea:after{content:"";position:absolute;inset:60% 0 0;background:repeating-radial-gradient(ellipse at 10% 0,transparent 0 19px,rgba(255,255,255,.11) 20px 21px,transparent 22px 44px);opacity:.35;pointer-events:none}.fleet-icon{position:relative;z-index:1;height:13px;background:#e7d6a4;clip-path:polygon(0 55%,75% 55%,100% 75%,88% 90%,12% 90%);opacity:0;transform:translateY(30px);animation:arrive .55s forwards}.fleet-icon:before{content:"";position:absolute;left:48%;bottom:45%;width:1px;height:10px;background:#684736}.fleet-icon:after{content:"";position:absolute;left:49%;bottom:60%;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent #d6b86c}.fleet-icon.big{height:20px;grid-column:span 2}.fleet-icon.small{height:9px;opacity:.8}.fleet-icon.modern{height:17px;background:#b9c7c6;clip-path:polygon(0 56%,78% 50%,100% 65%,91% 82%,8% 86%)}.fleet-icon.modern.carrier-icon{grid-column:span 7;height:42px;background:#d1d9d4}.fleet-icon.modern.sub-icon{background:#71898d;border-radius:60% 80% 40% 40%;clip-path:none;height:9px}.fleet-key{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;font-size:11px;color:#91a4a5}.fleet-key i{display:inline-block;width:22px;height:7px;background:#e0c98b;margin-right:5px}.fleet-key .key-big{height:12px}.fleet-key .key-small{height:4px}@keyframes arrive{to{opacity:1;transform:none}}
.people-stage{background:rgba(255,255,255,.5)}.people-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.people-compare article{border:1px solid var(--line);padding:22px;background:rgba(255,255,255,.35)}.people-compare header{min-height:74px}.people-compare header span{display:block;color:var(--muted);font-size:12px}.people-compare header strong{font:clamp(26px,3vw,42px) Georgia,serif;color:var(--red);font-weight:400}.people-dots{display:grid;grid-template-columns:repeat(20,1fr);gap:5px;min-height:190px;align-content:start;padding:20px 0}.people-dots i{display:block;aspect-ratio:1;border-radius:50% 50% 45% 45%;background:var(--red);animation:dotIn .5s both}.people-dots--modern i{background:#315e68}.people-compare article p{font-size:13px;color:var(--muted);margin:10px 0 0;padding-top:14px;border-top:1px solid var(--line)}@keyframes dotIn{from{opacity:0;transform:scale(0)}}.ratio{margin-top:28px;padding:30px;text-align:center;background:var(--ink);color:#fff}.ratio small,.ratio span{display:block;color:#91a5a7}.ratio strong{display:block;font:52px Georgia,serif;color:var(--gold);line-height:1.2}
.formation-chapter{background:#e9dfcb}.formation-switch{display:flex;gap:8px}.formation-switch button{flex:1;text-align:center}.formation-switch button.active{background:var(--ink);color:#fff}.formation-map{position:relative;height:390px;margin:24px 0;background:radial-gradient(ellipse at center,rgba(55,107,104,.22),transparent 65%),linear-gradient(#d6e2dc,#b9d1cd);overflow:hidden}.formation-map:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at center,transparent 0 48px,rgba(255,255,255,.35) 49px 50px)}.formation-node{position:absolute;z-index:1;display:grid;place-items:center;width:86px;height:86px;border:1px solid rgba(11,42,49,.35);border-radius:50%;background:rgba(244,237,223,.9);color:var(--ink);text-align:center;font-size:13px;cursor:pointer;transition:.25s}.formation-node:hover,.formation-node.active{background:var(--red);color:#fff;transform:scale(1.08)}.formation-node.center{width:112px;height:112px;background:var(--ink);color:#fff;border:none}.formation-copy{border-left:3px solid var(--red);padding-left:24px}.formation-copy small{color:var(--red);letter-spacing:.14em}.formation-copy h3{font-family:var(--display);font-size:30px;font-weight:400;margin:5px 0}.formation-copy p{color:var(--muted);margin:0}
.meaning{padding:clamp(100px,12vw,180px) clamp(25px,8vw,130px);background:var(--ink);color:#edf0e8;text-align:center}.meaning>p{color:var(--gold);letter-spacing:.2em;font-size:12px}.meaning h2{font-family:var(--display);font-weight:400;font-size:clamp(48px,7vw,105px);line-height:1.1;margin:30px 0 70px}.meaning h2 em{color:#e65e43;font-style:normal}.meaning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);text-align:left}.meaning-grid article{background:var(--ink);padding:35px}.meaning-grid span{font-size:11px;color:var(--gold)}.meaning-grid b{display:block;font-size:20px;margin:12px 0}.meaning-grid p{color:#8fa3a4;font-size:13px}.meaning blockquote{margin:80px auto 0;max-width:750px;font-family:var(--display);font-size:clamp(28px,3vw,46px);color:#e9dfca}.meaning blockquote cite{display:block;font-family:var(--serif);font-style:normal;color:#6e8588;font-size:11px;margin-top:15px}
.sources{padding:100px clamp(25px,8vw,130px);background:#e9e2d3}.sources>p:first-child{color:var(--red);font-size:12px;letter-spacing:.2em}.sources h2{font-family:var(--display);font-size:52px;font-weight:400}.sources>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sources a{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s}.sources a:hover{background:rgba(255,255,255,.5)}.sources a b,.sources a span{display:block}.sources a b{font-size:14px}.sources a span{color:var(--muted);font-size:11px;margin-top:6px}.sources .note{max-width:900px;color:var(--muted);font-size:12px;margin-top:28px}
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;padding:55px clamp(25px,6vw,90px);background:#061a22;color:#e7dec9}footer>b{font-family:var(--display);font-size:32px;font-weight:400}footer>span{align-self:center;color:#7f9698;font-size:12px;letter-spacing:.16em}footer>a{justify-self:end;color:var(--gold);font-size:12px}.visitor-map{grid-column:1/-1;min-height:80px;margin-top:25px;overflow:hidden;opacity:.82}
@media(max-width:900px){.masthead{grid-template-columns:1fr auto}.masthead nav{display:none}.hero-number{left:28px;right:auto;bottom:28px;align-items:start;justify-items:start}.hero-copy{margin-left:28px;margin-bottom:150px}.chapter{grid-template-columns:1fr;min-height:auto}.intro{position:static}.intro>span{max-width:600px}.ship-row{grid-template-columns:95px 1fr}.ruler-labels{left:95px}.people-compare,.meaning-grid,.sources>div{grid-template-columns:1fr}.fleet-summary{grid-template-columns:1fr}.fleet-sea{grid-template-columns:repeat(16,1fr);min-height:450px}.sources>div{border-top:0}.sources a{border-left:1px solid var(--line);border-top:1px solid var(--line)}footer{grid-template-columns:1fr auto}footer>span{display:none}}
@media(max-width:600px){.masthead{height:68px;padding:0 18px}.brand b{display:none}.home{font-size:11px}.hero-copy h1{font-size:62px}.hero-copy>span{font-size:14px}.thesis{min-height:250px}.chapter{padding:75px 18px}.stage{padding:18px}.intro h2{font-size:48px}.scale-head{align-items:start}.legend{display:none}.ship-row{grid-template-columns:75px 1fr;min-height:105px}.row-name b{font-size:12px}.ruler-labels{left:75px}.presets{grid-template-columns:1fr}.fleet-tabs{display:grid}.fleet-sea{grid-template-columns:repeat(12,1fr);padding:15px}.people-compare{gap:10px}.people-compare article{padding:14px}.people-dots{grid-template-columns:repeat(10,1fr);gap:4px}.meaning{padding-left:18px;padding-right:18px}.meaning-grid article{padding:25px}.sources{padding:75px 18px}footer{padding:42px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Keep the masts and sails outside the hull silhouette. */
.junk{background:transparent;clip-path:none;border-radius:0}
.junk:before{left:0;right:0;top:51%;height:34px;background:var(--red);clip-path:polygon(0 0,86% 0,100% 48%,94% 76%,23% 88%,4% 65%)}
.junk:after{content:"";position:absolute;left:10%;right:10%;top:49%;height:6px;background:#813023}

/* All four ships share the same 333 m ruler. */
.junk{width:41.14%}
.fujian{width:94.9%;height:62px;background:#315e68;clip-path:polygon(0 58%,5% 49%,7% 38%,39% 38%,45% 24%,73% 24%,79% 34%,95% 38%,100% 52%,95% 70%,8% 76%)}
.fujian:before{content:"";position:absolute;left:66%;top:3px;width:8%;height:25px;background:#315e68;transform:skew(-10deg)}
.fujian i{position:absolute;top:25px;height:2px;width:17%;background:#d5dcd6;transform-origin:right center}.fujian i:nth-child(1){left:17%;transform:rotate(-2deg)}.fujian i:nth-child(2){left:38%;transform:rotate(-2deg)}.fujian i:nth-child(3){left:59%;transform:rotate(-2deg)}
.santa{width:5.71%;min-width:24px;height:78px;background:transparent}
.santa:before{content:"";position:absolute;left:0;right:0;top:54%;height:25px;background:#76503a;clip-path:polygon(0 0,82% 0,100% 34%,83% 78%,20% 92%,4% 60%)}
.santa i{position:absolute;bottom:40%;width:2px;height:37px;background:#4b3427}.santa i:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:25px;background:#eee1bb;clip-path:polygon(0 0,100% 18%,88% 100%,0 80%)}.santa i:nth-child(1){left:20%;height:31px}.santa i:nth-child(2){left:48%;height:45px}.santa i:nth-child(3){left:74%;height:33px}
.scale-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.scale-facts>div{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.scale-facts small,.scale-facts b,.scale-facts span{display:block}.scale-facts small{color:var(--muted);font-size:11px}.scale-facts b{margin:5px 0;color:var(--red);font:20px Georgia,var(--serif)}.scale-facts span{font-size:11px;color:var(--muted)}
@media(max-width:700px){.scale-facts{grid-template-columns:1fr 1fr}.santa{min-width:18px}.santa i:after{width:12px}.ship-ruler{overflow:visible}}

.route-chapter{background:#071f29;color:#edf0e8}
.route-chapter .intro>span{color:#8fa6a8}.route-chapter .intro h2 em{color:#e45e43}
.route-stage{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.035)}
.voyage-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:18px}
.voyage-tabs button{min-width:0;border:1px solid rgba(255,255,255,.16);padding:12px 5px;background:transparent;color:#7f9698;cursor:pointer;transition:.25s}.voyage-tabs button b,.voyage-tabs button span{display:block}.voyage-tabs button b{font-family:var(--display);font-size:22px;font-weight:400}.voyage-tabs button span{font:9px Georgia,serif}.voyage-tabs button:hover{color:#fff;border-color:rgba(215,170,85,.6)}.voyage-tabs button.active{background:var(--red);border-color:var(--red);color:#fff}
.route-map-wrap{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:#092c38}
#route-map{display:block;width:100%;height:auto;aspect-ratio:11/6.5;touch-action:none}
.compass-rose{position:absolute;right:25px;top:22px;width:68px;height:68px;border:1px solid rgba(215,170,85,.34);border-radius:50%;color:var(--gold);font-size:9px;opacity:.72}.compass-rose:before,.compass-rose:after{content:"";position:absolute;background:rgba(215,170,85,.42)}.compass-rose:before{left:50%;top:9px;bottom:9px;width:1px}.compass-rose:after{top:50%;left:9px;right:9px;height:1px}.compass-rose b,.compass-rose small,.compass-rose span{position:absolute;font-weight:400}.compass-rose b{left:29px;top:-2px}.compass-rose small{left:29px;bottom:-4px}.compass-rose span:nth-of-type(1){right:-2px;top:25px}.compass-rose span:nth-of-type(2){left:-2px;top:25px}.compass-rose i{position:absolute;z-index:1;left:29px;top:15px;width:9px;height:38px;background:linear-gradient(var(--red) 0 50%,#e7ddc4 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.route-distance{position:absolute;left:22px;bottom:20px;padding:12px 16px;background:rgba(4,22,29,.82);border-left:2px solid var(--gold);backdrop-filter:blur(4px)}.route-distance small,.route-distance b,.route-distance span{display:block}.route-distance small{font-size:9px;color:#809799}.route-distance b{font-family:var(--display);font-size:26px;color:#f3e8cf;font-weight:400;line-height:1.2}.route-distance span{font-size:10px;color:#9db0b0}
.route-control{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;align-items:center;margin:22px 0}.route-control button{grid-row:1/3;border:1px solid var(--gold);background:rgba(215,170,85,.08);color:var(--gold);padding:14px 20px;cursor:pointer;min-width:100px}.route-control button.playing{background:var(--gold);color:var(--ink)}.route-control label{display:flex;justify-content:space-between;color:#809799;font-size:10px}.route-control label b{color:#e4e8df;font-weight:500;letter-spacing:.08em}.route-control input{accent-color:var(--red)}
.voyage-story{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding:28px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035)}.voyage-story small{color:var(--gold);font-size:10px;letter-spacing:.12em}.voyage-story h3{font-family:var(--display);font-weight:400;font-size:32px;margin:5px 0}.voyage-story p{max-width:720px;color:#92a7a9;font-size:13px;margin:0}.voyage-story>strong{text-align:right;color:#879b9d;font-size:10px;font-weight:400}.voyage-story>strong em{display:block;color:var(--gold);font-family:var(--display);font-size:38px;font-style:normal;font-weight:400;white-space:nowrap}
.event-ledger{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.event-ledger article{padding:20px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.event-ledger span{font:10px Georgia,var(--serif);color:var(--gold)}.event-ledger b{display:block;margin:7px 0;color:#e7e9df;font-size:14px}.event-ledger p{margin:0;color:#819698;font-size:11px;line-height:1.7}.route-stage .discover{border-color:rgba(255,255,255,.13);color:#8fa4a6}
@media(max-width:800px){.voyage-tabs{grid-template-columns:repeat(4,1fr)}.event-ledger{grid-template-columns:1fr 1fr}.voyage-story{grid-template-columns:1fr}.voyage-story>strong{text-align:left}.route-control{grid-template-columns:1fr}.route-control button{grid-row:auto}.compass-rose{transform:scale(.75);transform-origin:top right}.route-distance{left:10px;bottom:10px;padding:8px 11px}.route-distance b{font-size:21px}}
@media(max-width:520px){.event-ledger{grid-template-columns:1fr}.voyage-tabs button span{font-size:8px}.route-map-wrap{margin-left:-18px;margin-right:-18px}.route-control label b{display:none}.route-control button{padding:10px}.voyage-story{padding:20px}}