@import url('shell.css');
@font-face{font-family:Barlow Match;src:url('barlow-italic.woff2') format('woff2');font-style:italic;font-weight:800;font-display:swap}
@font-face{font-family:Barlow Match;src:url('barlow-bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
@font-face{font-family:DM Match;src:url('dm-sans.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--night:#125440;--night-soft:#164b3b;--cream:#f4f5db;--muted:#b8cdad;--acid:#d5f366;--coral:#d5f366;--cyan:#d5f366;--violet:#d5f366;--accent:#d5f366}
html,body{background:#125440;color:#f4f5db;font-family:'DM Match',Arial,sans-serif}
.experience[data-site]{--accent:#d5f366!important;--masthead-height:116px;--fixed-archive-footer-height:0px;background:#125440;font-family:'DM Match',Arial,sans-serif;scroll-padding-bottom:0}
.experience .space-layer,.experience .orbit{display:none}
.experience .progress-track{top:auto;bottom:0;height:3px;background:transparent}
.experience .progress-track i{background:#d5f366;box-shadow:none}
.experience .journey{z-index:5}
.experience .scene{min-height:100dvh;padding:calc(var(--masthead-height) + 46px) 5vw 112px;align-items:center}
.experience .cover-scene{justify-content:flex-start;background:linear-gradient(90deg,transparent calc(50% - .5px),#91b28022 50%,transparent calc(50% + .5px))}
.experience .cover-copy{width:47%;max-width:760px;position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:35px;align-items:center}
.experience .cover-copy .micro{position:absolute;left:5vw;right:5vw;top:calc(var(--masthead-height) + 23px);margin:0;font-size:9px;letter-spacing:1.7px;color:#b8cdad}
.experience[data-site] .cover-copy h1{grid-column:1/-1;width:100%;margin:0;font-family:'Barlow Match',Impact,sans-serif;font-size:clamp(62px,9.7vw,154px);font-weight:800;font-style:italic;line-height:.84;letter-spacing:-.025em;text-transform:uppercase}
.experience[data-template='country'] .cover-copy h1{font-size:clamp(55px,7.2vw,110px);line-height:.87}
.experience .cover-copy h1 em,.experience .end-copy h2 em{color:#d5f366;font-style:italic}
.experience .deck{grid-column:1;width:auto;max-width:290px;margin:0;font-size:12px;line-height:1.6;color:#f4f5db}
.experience .begin{grid-column:2;min-width:205px;width:100%;max-width:265px;height:54px;padding:0 20px;margin:0;border:0;border-radius:0;background:#d5f366;color:#184b3b;font-size:10px;letter-spacing:.2px;text-transform:none;gap:14px}
.experience .begin b{width:auto;height:auto;border-radius:0;background:transparent;font-size:24px;transform:rotate(-135deg)}
.experience .begin:hover{background:#e4ff8a}
.experience .begin:hover b{transform:rotate(-135deg) translateY(2px)}
.experience .globe-stage{z-index:3;position:fixed;left:5vw;right:auto;top:calc(var(--masthead-height) + 128px);width:36vw;height:clamp(210px,43vh,440px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px 32px;background:#d5f366;border:10px solid #d5f366;border-radius:0;color:#184b3b;transform:rotate(-4deg);box-shadow:12px 12px 0 #082c272e;opacity:1;pointer-events:none;transition:opacity .2s}
.experience[data-mp-view='cover'] .globe-stage{left:auto;right:5vw;top:calc(var(--masthead-height) + (100dvh - var(--masthead-height) - 110px)*.15);width:40vw;height:min(47vh,460px);transform:rotate(-7deg)}
.experience .globe-stage::before,.experience .globe-stage[data-map-kind='silhouette']::before{content:'';position:absolute;inset:4px;width:auto;height:auto;aspect-ratio:auto;border:1px solid #537947;border-radius:0;box-shadow:none;opacity:.8;transform:none}
.experience .globe-stage::after{content:'';position:absolute;top:4px;bottom:4px;left:50%;right:auto;width:0;height:auto;border-left:1px dashed #577c4160;background:none}
.experience .globe-canvas,.experience .journey-map-canvas,.experience .journey-map-frame{width:100%;height:100%;max-width:100%;max-height:100%;filter:sepia(1) saturate(.8) hue-rotate(30deg);mix-blend-mode:multiply;flex:1;min-height:0}
.experience .journey-map-frame{display:grid;grid-template-rows:minmax(0,1fr) auto}
.experience .journey-map-frame>.journey-map-canvas{width:100%;height:100%;min-height:0}
.experience .map-inset-note{color:#184b3b;width:100%;font-size:8px;line-height:1.3}
.experience .globe-kicker{top:0;left:0;transform:none;border:0;border-radius:0;background:transparent;padding:4px 8px;color:#184b3b;font-size:8px;font-weight:700;letter-spacing:.6px}
.experience .coordinate-readout,.experience .globe-stage[data-map-insets='true'] .coordinate-readout{display:flex;top:4px;bottom:auto;left:auto;right:8px;transform:none;color:#184b3b;font-size:8px;gap:10px;letter-spacing:.2px}
.mp-cover-map{display:none}
.experience[data-mp-view='cover'] .mp-cover-map{display:block;width:100%;height:calc(100% - 40px);object-fit:contain;order:-1}
.experience[data-site='global'][data-mp-view='cover'] .globe-canvas{display:none}
.mp-map-years{display:none}
.experience[data-mp-view='cover'] .mp-map-years{display:flex;justify-content:space-between;align-items:center;gap:22px;width:100%;border-top:1px solid #477c4a;font-family:'Barlow Match',Impact,sans-serif;font-weight:800;font-size:36px;line-height:1;padding-top:9px}
.mp-map-years span{max-width:48%;overflow-wrap:anywhere}
.experience .map-route-disclaimer{left:5vw;top:auto;bottom:104px;width:36vw;max-width:590px;font-size:8px;line-height:1.4;color:#b8cdad;letter-spacing:0;text-transform:none}
.experience[data-mp-view='cover'] .map-route-disclaimer{left:auto;right:5vw;width:40vw;bottom:112px}
.experience .map-context-transition{left:5vw;top:auto;bottom:72px;width:36vw;padding:5px 8px;border-color:#d5f366;background:#0c4233;color:#e0ead2;font-size:8px;text-transform:none}
.experience .chapter-nav{left:5vw;right:5vw;bottom:38px;display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:18px;border-top:1px solid #6a9070;padding-top:14px}
.experience .chapter-nav>span{color:#dce7cd;font-size:8px;letter-spacing:.2px;padding:0;gap:10px;line-height:1.4}
.experience .chapter-nav>span i{width:20px;height:3px;background:#8da477;flex-shrink:0}
.experience .chapter-nav>span.active{color:#d5f366}
.experience .chapter-nav>span.active i{width:30px;background:#d5f366;box-shadow:none}
.experience .scroll-instruction{display:block;bottom:13px;left:5vw;right:5vw;text-align:center;color:#b8cdad;font-size:7px;letter-spacing:.8px}
.experience .scroll-instruction i{background:#b8cdad}
.experience .milestone-scene{justify-content:flex-end;overflow:visible;padding-top:calc(var(--masthead-height) + 33px)}
.experience .ghost-year{display:none}
.experience .milestone-card{width:49%;max-width:730px;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;overflow:visible}
.experience .milestone-card::before,.experience .milestone-card::after{display:none}
.experience .milestone-card .place{margin:0 0 14px;color:#d5f366;font-size:9px;letter-spacing:1px}
.experience .place i{background:#d5f366;box-shadow:none;width:5px;height:5px}
.experience .milestone-card time{font-family:'Barlow Match',Impact,sans-serif;font-size:clamp(52px,6.5vw,94px);font-weight:800;font-style:italic;line-height:.92;letter-spacing:-.02em;color:#d5f366}
.experience .milestone-card time.mp-wide-date{font-size:clamp(30px,4.8vw,64px)}
.experience .milestone-card time.mp-long-date{font-size:clamp(24px,3vw,42px);line-height:1.15}
.experience .milestone-card h2{font-family:'Barlow Match',Impact,sans-serif;font-size:clamp(33px,4.6vw,66px);font-weight:800;line-height:.98;letter-spacing:-.015em;text-transform:uppercase;margin:20px 0;max-width:100%;text-wrap:balance}
.experience .story-text{font-family:'DM Match',Arial,sans-serif;font-size:14px;line-height:1.7;color:#f4f5db;max-width:620px;padding:0}
.experience .card-actions{position:static;display:flex;justify-content:flex-start;gap:10px;margin-top:25px;padding:0}
.experience .card-actions button{width:46px;height:42px;border:1px solid #d5f366;border-radius:0;background:#d5f366;color:#184b3b;font-size:20px}
.experience .card-actions button:hover{background:#e4ff8a}
.experience[data-ending='true'] .globe-stage,.experience[data-mp-view='end'] .globe-stage{opacity:0;visibility:hidden}
.experience .end-scene{padding:calc(var(--masthead-height) + 25px) 5vw 40px;justify-content:center;align-items:center}
.experience .end-body{min-height:0;width:100%;padding:0;justify-content:center}
.experience .end-copy{width:100%;max-width:850px;text-align:center}
.experience .end-copy h2{font-family:'Barlow Match',Impact,sans-serif;font-size:clamp(55px,7vw,98px);font-weight:800;font-style:italic;line-height:.88;letter-spacing:-.025em}
.experience .end-copy>p:not(.micro){font-family:'DM Match',Arial,sans-serif;color:#e5edd8;font-size:14px;line-height:1.6;max-width:650px;margin:24px auto}
.experience .end-copy .route-disclaimer{color:#b8cdad!important;border-color:#6a9070}
.experience .end-actions,.experience .end-routes{justify-content:center}
.experience .end-actions button,.experience .end-actions a{border:1px solid #82a474;border-radius:0;color:#f4f5db;background:transparent}
.experience [data-ph-shared-shell='footer']{height:auto;flex-basis:auto}
.not-found-page{--accent:#d5f366!important;background:#125440;color:#f4f5db;font-family:'DM Match',Arial,sans-serif}
.not-found-page .nf-mark{background:url('logo.png') center/cover;border:0;width:48px;height:48px;transform:none;border-radius:0}
.not-found-page .nf-mark::before,.not-found-page .nf-mark::after{display:none}
.not-found-page .nf-number,.not-found-page h1{font-family:'Barlow Match',Impact,sans-serif;font-weight:800;font-style:italic;letter-spacing:-.02em}
.not-found-page .nf-grid,.not-found-page .nf-orbit{display:none}
.not-found-page .nf-home{border-radius:0;background:#d5f366;color:#184b3b}
@media(min-width:901px) and (max-height:760px){
 .experience .scene{padding-top:calc(var(--masthead-height) + 32px);padding-bottom:102px}
 .experience[data-site] .cover-copy h1{font-size:clamp(62px,8.4vw,130px)}
 .experience[data-template='country'] .cover-copy h1{font-size:clamp(48px,6.3vw,92px)}
 .experience .cover-copy{row-gap:27px}
 .experience .globe-stage{top:calc(var(--masthead-height) + 90px);height:36vh}
 .experience[data-mp-view='cover'] .globe-stage{height:43vh;top:calc(var(--masthead-height) + 57px)}
 .experience .milestone-card h2{font-size:clamp(32px,3.7vw,52px);margin:15px 0}
 .experience .milestone-card time{font-size:64px}
 .experience .story-text{font-size:13px;line-height:1.6}
 .experience .card-actions{margin-top:18px}
}
@media(max-width:900px){
 .experience[data-site]{--masthead-height:138px;--mobile-globe-space:340px}
 .experience .scene{min-height:100dvh;padding:calc(var(--masthead-height) + 240px) 24px 35px;align-items:flex-start;justify-content:center}
 .experience .cover-scene{padding:calc(var(--masthead-height) + 25px) 24px 84px;min-height:max(100dvh,var(--mp-cover-height,860px))}
 .experience .cover-copy{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:flex-start;gap:0;position:relative}
 .experience .cover-copy .micro{position:static;font-size:7px;letter-spacing:.9px;margin:0 0 20px}
 .experience[data-site] .cover-copy h1{font-size:clamp(66px,18.5vw,118px);line-height:.85;letter-spacing:-.025em}
 .experience[data-template='country'] .cover-copy h1{font-size:clamp(53px,14.8vw,92px)}
 .experience .deck{font-size:12px;line-height:1.6;max-width:380px;margin:310px 0 16px}
 .experience .begin{width:240px;min-width:215px;height:48px;font-size:10px}
 .experience .globe-stage{left:9vw;right:auto;top:calc(var(--masthead-height) + 20px);width:82vw;height:195px;max-width:none;padding:22px 12px 17px;border-width:7px;transform:rotate(-3deg);box-shadow:8px 8px 0 #082c272e;opacity:1}
 .experience[data-mp-view='cover'] .globe-stage{left:9vw;right:auto;top:calc(var(--masthead-height) + 222px);width:82vw;height:218px;transform:rotate(-5deg)}
 .experience[data-site][data-mp-view='cover'] .globe-stage{position:absolute;top:var(--mp-cover-map-top,calc(var(--masthead-height) + 246px))}
 .experience .globe-canvas,.experience .journey-map-canvas,.experience .journey-map-frame{width:100%;height:100%;max-width:100%;max-height:100%}
 .experience .globe-kicker{font-size:6px;top:0;left:0;padding:2px 4px}
 .experience .coordinate-readout,.experience .globe-stage[data-map-insets='true'] .coordinate-readout{font-size:6px;top:2px;right:4px;gap:7px}
 .experience[data-mp-view='cover'] .mp-map-years{font-size:25px;padding-top:6px}
 .experience .map-inset-note{font-size:7px}
 .experience .map-route-disclaimer{left:24px;right:24px;top:calc(var(--masthead-height) + 222px);bottom:auto;width:auto;max-width:100%;font-size:7px;line-height:1.4}
 .experience[data-mp-view='cover'] .map-route-disclaimer{left:24px;right:24px;top:calc(var(--masthead-height) + 465px);bottom:auto;width:auto;font-size:7px}
 .experience[data-site][data-mp-view='cover'] .map-route-disclaimer{position:absolute;top:calc(var(--mp-cover-map-top,384px) + 248px)}
 .experience .map-context-transition{left:24px;right:24px;top:calc(var(--masthead-height) + 235px);bottom:auto;width:auto;font-size:7px}
 .experience .chapter-nav{display:none}
 .experience[data-mp-view='cover'] .chapter-nav{display:grid;position:absolute;top:var(--mp-chapters-top,790px);bottom:auto;left:24px;right:24px;grid-template-columns:1fr 1fr;gap:10px 15px;padding-top:12px}
 .experience .chapter-nav>span{font-size:6px}
 .experience .chapter-nav>span i{width:12px}
 .experience .scroll-instruction{display:none}
 .experience .milestone-card{width:100%;max-width:630px;min-height:0;padding:22px 0 0;background:#125440;display:flex;flex-direction:column;overflow:visible}
 .experience .milestone-card .place{font-size:8px;margin-bottom:12px;line-height:1.4}
 .experience .milestone-card time{font-size:55px;line-height:1}
 .experience .milestone-card time.mp-wide-date{font-size:37px}
 .experience .milestone-card time.mp-long-date{font-size:26px}
 .experience .milestone-card h2{font-size:35px;line-height:1;margin:17px 0;max-width:100%;text-wrap:initial}
 .experience .story-text{font-size:14px;line-height:1.6;max-width:100%}
 .experience .card-actions{margin-top:22px;padding-top:0}
 .experience .card-actions button{width:46px;height:44px}
 .experience .end-scene{padding:calc(var(--masthead-height) + 40px) 24px 35px;min-height:100dvh}
 .experience .end-body{padding:0;min-height:0}
 .experience .end-copy h2{font-size:59px}
 .experience .end-copy>p:not(.micro){font-size:13px}
}
@media(prefers-reduced-motion:reduce){.experience .globe-stage{transition:none}}
