.f21-page{--ink:#202827;--night:#101918;--stone:#89918a;--lichen:#8fa06f;--paper:#eee8d9;--chalk:#d8d4c7;--copper:#bc754e;--line:#52645e;background:var(--paper);color:var(--ink);font-family:Yu Mincho,Hiragino Mincho ProN,serif;overflow:hidden}.f21-hero{background:var(--night);color:#fff;grid-template-columns:minmax(0,1.03fr) minmax(440px,.97fr);min-height:750px;display:grid}.f21-hero-art{background:#1d2926;min-height:750px;margin:0;position:relative;overflow:hidden}.f21-hero-art>img{object-fit:cover;object-position:48% 58%;width:100%;height:100%;position:absolute;inset:0}.f21-hero-art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0c1413b8);height:34%;position:absolute;inset:auto 0 0}.f21-hero-art figcaption{z-index:2;color:#eef1ed;text-shadow:0 1px 4px #000;font:600 .68rem/1.5 sans-serif;position:absolute;bottom:16px;left:18px;right:18px}.f21-hero-art figcaption span{color:#f0c3a7;margin-left:.7em}.f21-hero-copy{align-self:center;padding:60px 5vw 52px 4vw}.f21-page .mystrail-record-label{color:#dce4dc;border-color:#aab8aa66}.f21-page .mystrail-record-category{color:#b9c897}.f21-topic{margin:29px 0 14px}.f21-topic b{letter-spacing:.08em;font-size:1.03rem;display:block}.f21-topic span{letter-spacing:.14em;color:#afbbb2;margin-top:5px;font:600 .64rem ui-monospace,monospace;display:block}.f21-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.6rem,4.55vw,4.8rem);line-height:1.16}.f21-hero h1 em{color:#e0a17a;font-style:normal}.f21-lead{color:#edf0eddf;max-width:600px;margin:27px 0 21px;font-size:1.03rem;line-height:2}.f21-page .mystrail-article-meta{color:#dae1dbcb;border-color:#aab5ab44}.f21-shell{grid-template-columns:175px minmax(0,830px);gap:62px;width:min(1150px,100% - 48px);margin:auto;padding:84px 0 120px;display:grid}.f21-index{border-top:2px solid var(--line);align-self:start;font-family:sans-serif;display:grid;position:sticky;top:20px}.f21-index b{color:#4a625a;letter-spacing:.14em;padding:14px 3px;font-size:.68rem}.f21-index a{color:#626b66;border-top:1px solid #33463028;padding:10px 3px;font-size:.74rem;text-decoration:none}.f21-article{min-width:0}.f21-opening{background:var(--chalk);border:1px solid #777e78;padding:46px;box-shadow:11px 11px #354943}.f21-label{letter-spacing:.15em;color:#4b635b;margin:0 0 18px!important;font:700 .68rem ui-monospace,monospace!important}.f21-opening h2,.f21-section>h2{letter-spacing:-.04em;margin:0 0 28px;font-size:clamp(2rem,4vw,3.1rem);line-height:1.34}.f21-opening>p,.f21-section>p{margin:0 0 24px;font-size:1.04rem;line-height:2.08}.f21-section{padding:96px 8px 0;scroll-margin-top:20px}.f21-note{border-left:5px solid var(--copper);background:#f3eee2;align-items:flex-start;gap:16px;margin:32px 0 0;padding:24px;display:flex}.f21-note p{margin:0;line-height:1.85}.f21-distance{color:#fff;background:#172622;grid-template-columns:1fr minmax(120px,.7fr) 1fr;align-items:center;gap:18px;margin:38px 0 0;padding:25px;display:grid}.f21-distance>div{gap:7px;display:grid}.f21-distance>div:last-of-type{text-align:right}.f21-distance small{color:#b9c7bc;font:600 .68rem sans-serif}.f21-distance b{font-size:1rem}.f21-distance>span{color:#e6a27a;place-items:center;display:grid}.f21-distance strong{font:800 1.35rem sans-serif}.f21-distance i{border-top:2px solid #d9946e;width:100%;position:relative}.f21-distance i:before,.f21-distance i:after{content:"";background:#d9946e;border-radius:50%;width:8px;height:8px;position:absolute;top:-5px}.f21-distance i:before{left:0}.f21-distance i:after{right:0}.f21-distance figcaption{color:#dce3de;border-top:1px solid #ffffff2e;grid-column:1/-1;padding-top:14px;font:400 .75rem/1.7 sans-serif}.f21-tag{color:#fff;letter-spacing:.08em;background:#38584c;flex:none;width:max-content;padding:5px 8px;font:700 .62rem monospace;display:inline-block}.f21-tag.no{background:#7b5143}.f21-tag.open{background:#746a4d}.f21-fingerprint{color:#fff;background:#152421;grid-template-columns:1.2fr .7fr 1fr 1.1fr;align-items:center;gap:14px;margin:38px 0;padding:30px;display:grid}.f21-grains{gap:9px;display:grid}.f21-grains span{align-items:center;gap:9px;font:700 .76rem sans-serif;display:flex}.f21-grains i{clip-path:polygon(50% 0,100% 38%,83% 100%,14% 87%,0 32%);background:#d7966c;width:21px;height:21px;display:block}.f21-grains span:nth-child(2) i{background:#8fa47d}.f21-grains span:nth-child(3) i{background:#d8c586}.f21-fingerprint>b{text-align:center;color:#d9a07b;font:.76rem sans-serif}.f21-pattern{border:1px solid #8fa19766;align-items:end;gap:6px;height:90px;padding:12px;display:flex}.f21-pattern i{background:#a3b28d;flex:1}.f21-pattern i:first-child{height:30%}.f21-pattern i:nth-child(2){background:#d28b65;height:82%}.f21-pattern i:nth-child(3){height:48%}.f21-pattern i:nth-child(4){background:#d3bf7f;height:95%}.f21-pattern i:nth-child(5){height:62%}.f21-fingerprint strong{text-align:center;font-size:.86rem;line-height:1.6}.f21-fingerprint figcaption,.f21-narrowing figcaption{color:#26302e;background:#d8d2c4;grid-column:1/-1;margin:8px -30px -30px;padding:16px 21px;font:400 .77rem/1.7 sans-serif}.f21-narrow{background:#d7d3c7;margin-top:96px;padding:70px 48px}.f21-narrowing{background:#f1ecdf;border:1px solid #777e78;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:7px;margin:36px 0;padding:27px;display:grid}.f21-narrowing>div{background:#e2ddd0;border-top:4px solid #687d74;align-content:start;gap:9px;min-height:152px;padding:16px;display:grid}.f21-narrowing small{color:#69736e;font:700 .62rem sans-serif}.f21-narrowing b{font-size:.84rem;line-height:1.55}.f21-narrowing>i{color:#8b6957;align-self:center;font-style:normal}.f21-narrowing figcaption{margin:8px -27px -27px}.f21-verdict{grid-template-columns:1fr 1fr;gap:15px;margin:36px 0;display:grid}.f21-verdict article{color:#fff;background:#263936;border-top:4px solid #a3b580;padding:29px}.f21-verdict article:first-child{border-color:#a56b52}.f21-verdict h3{margin:14px 0 10px;font-size:1.25rem}.f21-verdict p{color:#e8eeeb;margin:0;line-height:1.85}.f21-people{color:#fff;background:#1e302c;margin-top:96px;padding:70px 50px}.f21-people .f21-label{color:#aabd93}.f21-route{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:36px 0;display:grid}.f21-route>div{border:1px solid #9eb09f77;padding:26px}.f21-route small{color:#d59672;letter-spacing:.1em;margin-bottom:10px;font:700 .63rem monospace;display:block}.f21-route b{font-size:1.08rem;line-height:1.7}.f21-route>span{color:#d9aa89;font:700 .78rem sans-serif}.f21-status{background:#d2cdc0;margin-top:96px;padding:70px 48px}.f21-status-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.f21-status-grid article{background:#ede8dc;border:1px solid #7c847e;padding:26px}.f21-status-grid h3{margin:14px 0 9px;font-size:1.12rem}.f21-status-grid p{margin:0;font-size:.88rem;line-height:1.8}.f21-ending{text-align:center;border-top:1px solid #455b54;border-bottom:1px solid #455b54;margin-top:100px;padding:65px 48px}.f21-ending>p:first-child{letter-spacing:.16em;color:#557168;font:700 .7rem monospace}.f21-ending h2{font-size:clamp(1.7rem,3vw,2.5rem)}.f21-ending blockquote{color:#9a5e42;margin:30px 0;font-size:1.35rem;font-weight:700;line-height:1.8}.f21-ending>p:last-child{text-align:left;max-width:700px;margin:0 auto;font-size:1rem;line-height:2}.f21-page .mystrail-article-navigation{margin-top:54px}@media (max-width:900px){.f21-hero{grid-template-columns:1fr;min-height:0}.f21-hero-art{grid-row:1;min-height:330px}.f21-hero-copy{grid-row:2;padding:34px 24px 38px}.f21-shell{width:min(830px,100% - 36px);padding:55px 0 90px;display:block}.f21-index{display:none}.f21-fingerprint{grid-template-columns:1fr 1fr}.f21-fingerprint strong{text-align:left}.f21-narrowing{grid-template-columns:1fr 1fr}.f21-narrowing>i{display:none}}@media (max-width:560px){.f21-hero h1{font-size:2.65rem}.f21-lead{font-size:.96rem;line-height:1.9}.f21-hero-art{min-height:270px}.f21-hero-art figcaption{font-size:.62rem}.f21-hero-art figcaption span{margin-top:2px;margin-left:0;display:block}.f21-distance{grid-template-columns:1fr;padding:22px}.f21-distance>div:last-of-type{text-align:left}.f21-distance>span{min-height:50px}.f21-distance figcaption{grid-column:1}.f21-opening{padding:31px 24px;box-shadow:7px 7px #354943}.f21-opening h2,.f21-section>h2{font-size:2rem}.f21-section{padding:76px 2px 0}.f21-note{display:grid}.f21-fingerprint{grid-template-columns:1fr;padding:22px}.f21-pattern{height:74px}.f21-fingerprint figcaption{margin:8px -22px -22px}.f21-narrow{margin-top:76px;padding:50px 22px}.f21-narrowing{grid-template-columns:1fr;padding:20px}.f21-narrowing>div{min-height:0}.f21-narrowing figcaption{margin:8px -20px -20px}.f21-verdict,.f21-status-grid{grid-template-columns:1fr}.f21-people{margin-top:76px;padding:50px 24px}.f21-route{grid-template-columns:1fr}.f21-route>span{text-align:center}.f21-status{margin-top:76px;padding:50px 22px}.f21-ending{margin-top:78px;padding:48px 20px}.f21-ending blockquote{font-size:1.08rem}}.f21-distance{color:#fff;background:#14231f;border:1px solid #82958b;grid-template-columns:minmax(180px,.8fr) 1fr;gap:24px;padding:0;display:grid;overflow:hidden}.f21-distance header{grid-column:1/-1;gap:7px;padding:24px 28px 0;display:grid}.f21-distance header span{letter-spacing:.16em;color:#d79a73;font:700 .62rem ui-monospace,monospace}.f21-distance header b{font-size:1.18rem}.f21-distance-stone{clip-path:polygon(8% 20%,82% 8%,100% 28%,94% 85%,18% 96%,0 68%);background:linear-gradient(135deg,#9a9280,#5e675f);grid-row:2;align-self:end;min-height:190px;margin-left:28px;position:relative;box-shadow:inset -20px -16px 35px #26302c99}.f21-distance-stone i{background:#c4b89d33;border-radius:50%;position:absolute}.f21-distance-stone i:first-child{width:48px;height:28px;top:25%;left:22%}.f21-distance-stone i:nth-child(2){width:75px;height:38px;top:48%;right:13%}.f21-distance-stone i:nth-child(3){width:35px;height:24px;bottom:17%;left:42%}.f21-distance-mass{grid-row:2;padding:18px 28px 18px 0;text-align:left!important;align-content:center!important}.f21-distance-mass small{letter-spacing:.1em}.f21-distance-mass strong{color:#efb08a;font:800 clamp(3.6rem,8vw,6rem)/.95 sans-serif;display:block}.f21-distance-mass strong span{margin-left:.18em;font-size:.3em}.f21-distance-mass b{color:#d9e1dc;font:700 .85rem sans-serif}.f21-distance-route{background:#20342e;grid-column:1/-1;grid-template-columns:1fr minmax(170px,.8fr) 1fr;align-items:center;gap:18px;padding:24px 28px;display:grid!important}.f21-distance-route>div{gap:7px;display:grid}.f21-distance-route>div:last-child{text-align:right}.f21-distance-route>span{color:#efb08a;place-items:center;display:grid}.f21-distance-route>span strong{font:800 1.55rem sans-serif}.f21-distance-route>span i{border-top:2px solid;width:100%;position:relative}.f21-distance-route>span i:before,.f21-distance-route>span i:after{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;position:absolute;top:-5px}.f21-distance-route>span i:before{left:0}.f21-distance-route>span i:after{right:0}.f21-distance figcaption{color:#dce3de;border:0;grid-column:1/-1;padding:17px 28px 20px}.f21-distance figcaption b{color:#fff}.f21-transport{background:#101b19;border:1px solid #60756b;margin:38px 0 34px}.f21-transport img{aspect-ratio:3/2;object-fit:cover;object-position:center;width:100%;display:block}.f21-transport figcaption{color:#dce4df;padding:15px 18px;font:400 .78rem/1.75 sans-serif}.f21-transport figcaption b{color:#f0b18a}@media (max-width:560px){.f21-distance{grid-template-columns:.9fr 1.1fr;gap:14px}.f21-distance header{padding:21px 20px 0}.f21-distance-stone{min-height:135px;margin-left:20px}.f21-distance-mass{padding:12px 20px 12px 0}.f21-distance-mass strong{font-size:3.8rem}.f21-distance-route{grid-template-columns:1fr;padding:22px 20px}.f21-distance-route>div:last-child{text-align:left}.f21-distance-route>span{min-height:52px}.f21-distance figcaption{padding:15px 20px 19px}.f21-transport{margin-left:-2px;margin-right:-2px}.f21-transport figcaption{font-size:.72rem}}.f21-hero-art figcaption a{color:inherit;text-underline-offset:2px}.f21-geography{color:#fff;background:#14231f;border:1px solid #71877c;margin:38px 0 0;overflow:hidden}.f21-geography header{padding:26px 30px 20px}.f21-geography header small{color:#e5a27b;letter-spacing:.1em;font:700 .66rem/1.5 sans-serif;display:block}.f21-geography header b{margin-top:7px;font-size:1.35rem;display:block}.f21-geography header p{color:#d8e1db;margin:8px 0 0;font:400 .86rem/1.7 sans-serif}.f21-map-stage{background:#14231f;width:min(100%,640px);margin:auto;position:relative}.f21-map-stage>img{width:100%;height:auto;display:block}.f21-map-label{z-index:2;background:#0d1917e8;border-left:3px solid #e79a70;gap:3px;padding:8px 10px;display:grid;position:absolute;box-shadow:0 4px 18px #0006}.f21-map-label small{color:#cbd6d0;font:600 .62rem/1.4 sans-serif}.f21-map-label b{white-space:nowrap;font-size:.82rem}.f21-map-label.source{top:15%;left:7%}.f21-map-label.target{bottom:10%;right:3%}.f21-map-distance{color:#fff;text-align:center;background:#14231fe8;padding:8px 10px;font:700 .7rem/1.4 sans-serif;position:absolute;top:47%;left:58%;transform:translate(-50%,-50%)rotate(2deg)}.f21-map-distance em{color:#f0a078;font:800 1.25rem/1.2 sans-serif}.f21-geography figcaption{color:#dce4df;background:#20342e;padding:17px 24px 20px;font:400 .76rem/1.75 sans-serif}.f21-mineral-story{color:#fff;background:#14231f;border:1px solid #71877c;grid-template-columns:1fr 1.15fr;align-items:center;gap:22px;margin:38px 0;display:grid;overflow:hidden}.f21-mineral-story header{grid-column:1/-1;padding:25px 28px 0}.f21-mineral-story header small{color:#e6a17b;letter-spacing:.08em;font:700 .65rem sans-serif}.f21-mineral-story header b{margin-top:8px;font-size:1.25rem;display:block}.f21-rock-sample{clip-path:polygon(17% 3%,82% 8%,99% 37%,88% 89%,33% 98%,3% 68%,0 25%);background:radial-gradient(circle at 38% 35%,#b7ad98 0 8%,#0000 9%),radial-gradient(circle at 65% 58%,#817965 0 6%,#0000 7%),linear-gradient(145deg,#9f9682,#514f45);grid-row:2/4;min-height:250px;margin-left:28px;position:relative;box-shadow:inset -25px -20px 45px #18201dcc}.f21-rock-sample i,.f21-rock-sample span{background:#e09b70;width:25px;height:25px;position:absolute;transform:rotate(45deg);box-shadow:0 0 0 5px #f3d5b522}.f21-rock-sample i:first-child{top:24%;left:29%}.f21-rock-sample i:nth-child(2){background:#a8bd8c;top:42%;right:22%}.f21-rock-sample i:nth-child(3){background:#dcc57d;bottom:19%;left:43%}.f21-rock-sample span{opacity:.45;width:10px;height:10px}.f21-rock-sample span:first-of-type{bottom:35%;left:18%}.f21-rock-sample span:nth-of-type(2){background:#a8bd8c;top:17%;right:32%}.f21-rock-sample span:nth-of-type(3){background:#dcc57d;bottom:21%;right:15%}.f21-mineral-story ul{gap:8px;margin:0;padding:0 28px 0 0;list-style:none;display:grid}.f21-mineral-story li{align-items:center;gap:10px;font:700 .78rem sans-serif;display:flex}.f21-mineral-story li i{background:#e09b70;width:13px;height:13px;transform:rotate(45deg)}.f21-mineral-story li:nth-child(2) i{background:#a8bd8c}.f21-mineral-story li:nth-child(3) i{background:#dcc57d}.f21-mineral-method{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:16px 28px 16px 0;display:grid}.f21-mineral-method span{color:#b9c7c0;grid-column:1/-1;font:600 .68rem sans-serif}.f21-mineral-method b{text-align:center;background:#263b35;padding:12px 8px;font-size:.78rem}.f21-mineral-method em{color:#e6a17b;font-style:normal;font-weight:800}.f21-region-match{background:#20342e;grid-column:1/-1;justify-content:center;align-items:center;gap:22px;padding:22px 28px;display:flex}.f21-region-match>span{align-items:center;gap:6px;display:flex}.f21-region-match>span i{background:#e09b70;width:22px;height:22px;transform:rotate(45deg)}.f21-region-match>span i:nth-child(2){background:#a8bd8c}.f21-region-match>span i:nth-child(3){background:#dcc57d}.f21-region-match p{margin:0;font:400 .78rem/1.65 sans-serif}.f21-region-match b{color:#fff;font-size:.95rem}.f21-mineral-story figcaption{color:#26302e;background:#d8d2c4;grid-column:1/-1;padding:16px 22px;font:400 .76rem/1.7 sans-serif}@media (max-width:560px){.f21-geography header{padding:22px 20px 16px}.f21-map-label{padding:6px 8px}.f21-map-label.source{top:14%;left:2%}.f21-map-label.target{bottom:9%;right:1%}.f21-map-label b{font-size:.7rem}.f21-map-distance{font-size:.62rem;left:58%}.f21-map-distance em{font-size:1rem}.f21-geography figcaption{padding:15px 20px}.f21-mineral-story{grid-template-columns:1fr;gap:17px}.f21-mineral-story header{grid-column:1;padding:22px 20px 0}.f21-rock-sample{grid-row:auto;min-height:180px;margin:0 45px}.f21-mineral-story ul{grid-template-columns:repeat(3,1fr);padding:0 20px}.f21-mineral-story li{font-size:.67rem}.f21-mineral-method{padding:0 20px 5px}.f21-region-match{grid-column:1;padding:19px 20px}.f21-mineral-story figcaption{grid-column:1}}