
:root{--ink:#143d38;--muted:#54675f;--paper:#f8f9f5;--lime:#d6eca8;--line:#dce3d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #628a31;outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:-.055em}h1{font-size:clamp(64px,8.8vw,142px);font-weight:550;max-width:1000px;margin-bottom:30px}h2{font-size:clamp(42px,5.7vw,84px);font-weight:500;margin-bottom:28px}h3{font-size:30px;font-weight:500}p{max-width:650px}nav{position:fixed;top:0;width:100%;z-index:20;background:rgba(248,249,245,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1440px;margin:auto;height:76px;padding:0 4.5%;display:flex;align-items:center;gap:32px}.brand{text-decoration:none;font-size:26px;letter-spacing:-1.5px;font-weight:650;margin-right:auto}.brand span{font-weight:350}.nav-inner>a:not(.brand){text-decoration:none;font-size:13px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:50px;padding:14px 25px;text-decoration:none;background:var(--ink);color:white;font-size:14px;border:1px solid transparent;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px);background:#24594b}.pill.light{background:var(--lime);color:var(--ink)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.2em;text-transform:uppercase;margin-bottom:26px;display:block}.hero{padding:150px 4.5% 0;max-width:1600px;margin:auto}.hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:38px}.hero-top p{max-width:290px;font-size:16px;margin-bottom:12px}.hero h1 em{font-style:normal;color:#69826f}.hero-img{height:clamp(340px,48vw,640px);position:relative;overflow:hidden;border-radius:8px;background:#6e8a74}.hero-img img{width:100%;height:112%;object-fit:cover;object-position:center 50%;position:absolute;top:-6%}.hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#102d2866)}.image-caption{position:absolute;bottom:30px;left:35px;z-index:1;color:white;font-size:13px}.image-caption b{display:block;font-size:27px;font-weight:450;letter-spacing:-.04em}.hero-label{position:absolute;right:30px;bottom:30px;z-index:1;color:white;font-size:12px}.facts{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 0 50px;border-bottom:1px solid var(--line)}.facts div{padding:0 25px;border-right:1px solid var(--line)}.facts div:first-child{padding-left:0}.facts div:last-child{border:0}.facts strong{display:block;font-size:36px;font-weight:450;letter-spacing:-.05em}.facts span{font-size:12px;color:var(--muted)}section{padding:110px max(4.5%,calc((100vw - 1296px)/2));}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro p{font-size:19px}.text-link{font-size:14px;font-weight:600}.journey{background:#eaf0e7;padding-top:100px}.journey-heading{max-width:740px}.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;position:relative}.route-box{position:sticky;top:100px;align-self:start;height:650px;max-height:75vh;overflow:hidden;border:1px solid #d5dfcf;border-radius:240px 240px 20px 20px;background:radial-gradient(ellipse at 30% 30%,#f9fbf1,transparent 65%),#dfe9d8}.route-box:before,.route-box:after{content:"";position:absolute;border:1px solid #bdccb6;border-radius:50%;width:650px;height:360px;transform:rotate(-35deg);top:200px;left:-120px;opacity:.5}.route-box:after{top:280px;left:-50px}.route-box svg{height:100%;width:100%;position:relative;z-index:2}.route-base{stroke:#c0d0bb;stroke-width:5;fill:none}.route-active{stroke:#2b6d60;stroke-width:5;fill:none}.route-dot{fill:var(--lime);stroke:#143d38;stroke-width:3}.map-label{font-size:14px;fill:var(--ink);font-family:inherit}.map-note{position:absolute;bottom:18px;left:0;width:100%;text-align:center;font-size:10px;color:var(--muted);z-index:3}.chapter{padding:75px 0 90px;border-bottom:1px solid #cdd8c7;min-height:450px}.chapter .num{font-size:12px;letter-spacing:.15em;color:#5a715e}.chapter h3{font-size:43px;margin:20px 0}.chapter p{font-size:17px;color:var(--muted)}.chapter .tag{display:inline-block;border:1px solid #b8c8b2;padding:5px 12px;border-radius:30px;font-size:11px;margin-top:10px}.official{margin:35px 0 0;font-size:13px;max-width:none}.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;padding-top:90px}.gallery figure{margin:0;position:relative}.gallery img{width:100%;height:550px;object-fit:cover;border-radius:6px}.gallery figure:nth-child(2){padding-top:100px}.gallery figcaption{font-size:12px;margin-top:12px;color:var(--muted)}.planning{background:var(--paper)}.planning-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.planning-head p{max-width:340px;color:var(--muted)}.choices{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.choice{border:1px solid #cbd5c7;background:transparent;color:var(--ink);padding:12px 22px;border-radius:30px;cursor:pointer}.choice[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.plan-result{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:40px;border:1px solid var(--line);background:white;border-radius:8px}.plan-result strong{display:block;font-size:50px;line-height:1.1;letter-spacing:-.05em;font-weight:450}.plan-result small{color:var(--muted)}.plan-result p{margin:0}.plan-note{font-size:12px;color:var(--muted);margin-top:14px}.practical{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px}.practical article{border-top:1px solid #bdcbbc;padding-top:24px}.practical h3{font-size:26px;letter-spacing:-.04em}.practical p{font-size:15px;color:var(--muted)}.baggage{background:var(--ink);color:#f8f9f5;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.baggage img{width:100%;height:670px;object-fit:cover;border-radius:160px 160px 8px 8px}.baggage p{color:#ccd9d0}.baggage h2 em{font-style:normal;color:var(--lime)}.steps{padding:0;list-style:none;counter-reset:steps;margin:35px 0}.steps li{counter-increment:steps;padding:18px 0;border-top:1px solid #49675e;font-size:14px;display:flex;gap:20px}.steps li:before{content:"0" counter(steps);color:var(--lime)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.faq h2{font-size:58px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;font-size:18px;display:flex;justify-content:space-between;gap:25px;line-height:1.4}summary:after{content:"+";font-size:24px}details[open] summary:after{content:"−"}details p{font-size:15px;color:var(--muted);margin:20px 25px 0 0}.end{padding-top:50px;padding-bottom:90px;text-align:center}.end h2{max-width:900px;margin:0 auto 35px}.end p{margin:0 auto 30px;color:var(--muted)}footer{padding:40px 4.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;font-size:12px;color:var(--muted)}footer p{max-width:520px;margin:0}footer .links{display:flex;gap:20px;flex-wrap:wrap;align-content:start}.progress{position:fixed;left:0;top:76px;width:100%;height:2px;z-index:30;transform-origin:left;background:#708b4a;transform:scaleX(0)}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}@media(max-width:800px){.nav-inner{height:66px;gap:16px}.nav-inner>a.nav-link{display:none}.nav-inner .pill{font-size:11px;padding:10px 14px}.progress{top:66px}.brand{font-size:23px}.hero{padding-top:115px}.hero-top{display:block}.hero-top p{max-width:430px}.hero h1{font-size:clamp(55px,12vw,85px)}.hero-img{height:440px}.image-caption{left:20px;bottom:22px}.hero-label{display:none}.facts{grid-template-columns:1fr 1fr;gap:25px}.facts div{padding:0!important;border:0}.facts strong{font-size:32px}section{padding:75px 6%}.intro,.baggage,.faq{grid-template-columns:1fr;gap:30px}.journey-layout{grid-template-columns:1fr;gap:25px}.route-box{top:66px;height:240px;max-height:none;border-radius:8px;z-index:5;box-shadow:0 8px 25px #143d3810}.route-box svg{transform:rotate(-65deg) scale(.8)}.map-label{display:none}.map-note{bottom:7px}.chapter{min-height:310px;padding:45px 0}.chapter h3{font-size:35px}.gallery{gap:15px;padding-top:55px}.gallery img{height:330px}.gallery figure:nth-child(2){padding-top:50px}.planning-head{display:block}.planning-head p{max-width:500px}.plan-result{grid-template-columns:1fr;gap:20px;padding:28px}.plan-result strong{font-size:42px}.practical{grid-template-columns:1fr;gap:20px;margin-top:45px}.baggage img{height:440px;order:2}.faq h2{font-size:45px}footer{flex-direction:column}.end{padding-top:20px} }@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

.hero-img{clip-path:inset(0 round 8px);will-change:clip-path}.hero-img img{will-change:transform}.route-chapter{position:absolute;left:28px;top:30px;z-index:4;pointer-events:none}.route-chapter span{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted)}.route-chapter strong{font-size:22px;letter-spacing:-.04em;font-weight:500}.chapter{transition:opacity .45s}.motion-ready .chapter{opacity:.42}.motion-ready .chapter.is-current{opacity:1}.route-dot{filter:drop-shadow(0 0 7px #76995966)}.detours{background:#e7edde}.detour-intro{max-width:850px}.detour-intro p{font-size:19px;max-width:660px}.detour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.detour-grid article{border-top:1px solid #bccab3;padding-top:24px}.detour-grid p{font-size:15px;color:var(--muted)}.detour-symbol{display:block;font-size:60px;line-height:1;margin-bottom:25px;font-weight:250}.detour-grid h3{font-size:32px;margin-bottom:22px}.gallery figure{overflow:hidden}.gallery img{transition:transform .8s}.gallery figure:hover img{transform:scale(1.025)}
@media(max-width:800px){.detour-grid{grid-template-columns:1fr;gap:35px}.detour-symbol{font-size:42px;margin-bottom:15px}.route-chapter{top:14px;left:18px}.route-chapter strong{font-size:17px}.hero-img{clip-path:none!important}}
@media(prefers-reduced-motion:reduce){.motion-ready .chapter{opacity:1}.hero-img img{transform:none!important}.hero-img{clip-path:none!important}.gallery figure:hover img{transform:none}}
.stations{background:#f0f3e9}.station-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;margin-top:45px}.station-map{align-self:start;position:sticky;top:95px;background:#e3ebdb;border-radius:24px;padding:15px 10px}.station-map svg{display:block;width:100%;height:auto;max-height:78vh}.station-map svg a circle{fill:#f8f9f5;stroke:#286456;stroke-width:2;transition:r .2s,fill .2s}.station-map svg a text{font-size:13px;fill:#143d38;font-family:inherit}.station-map svg a:hover circle,.station-map svg a.active circle{fill:#143d38;r:9}.station-map svg a.active text{font-weight:700}.station-map svg a:focus-visible{outline:none}.station-map svg a:focus-visible rect{stroke:#286456;stroke-width:2}.station-map p{font-size:10px;text-align:center;margin:10px 0;color:#54675f}.place-detail{scroll-margin-top:110px;padding:15px 0}.place-detail summary{font-size:22px}.place-detail small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#54675f;margin-bottom:5px}.place-detail:target{border-bottom-color:#286456}.photo-strip{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 22px;margin:35px 0 0}.photo-strip figure{margin:0;flex:0 0 32%;scroll-snap-align:start}.photo-strip img{width:100%;height:390px;object-fit:cover;border-radius:8px}.photo-strip figcaption{font-size:12px;color:#54675f;margin-top:10px}.chapter .tag{text-decoration:none}.nav-inner{gap:23px}@media(max-width:800px){.station-layout{grid-template-columns:1fr;gap:25px}.station-map{position:static;padding:12px}.station-map svg{max-height:none}.photo-strip figure{flex-basis:80%}.photo-strip img{height:380px}.nav-inner{gap:16px}}
.route-sticky{position:sticky;top:96px;align-self:start;min-width:0}.route-sticky .route-chapter{position:static;pointer-events:auto;margin:0 0 14px;padding:0 8px;min-height:45px}.route-sticky .route-chapter strong{display:block;line-height:1.3}.route-sticky .route-box{position:relative;top:auto;max-height:calc(100svh - 180px)}.depth-section{padding:90px 4.5%;background:#143d38;color:#f8f9f5}.depth-heading{max-width:1296px;margin:0 auto 45px}.depth-heading p{color:#cbdacf}.depth-scene{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;border-radius:14px;background:#6e8394;--depth:0}.depth-back,.depth-front{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.035);pointer-events:none}.depth-back{z-index:0}.depth-shade{position:absolute;inset:0;background:linear-gradient(#0b243b20,transparent 50%,#08282099);z-index:1}.depth-word{position:absolute;z-index:2;left:0;top:19%;width:100%;text-align:center;color:#f6f8ed;font-size:clamp(70px,18vw,280px);letter-spacing:-.065em;line-height:1;font-weight:700;transform:translateY(calc(var(--depth)*-36px));text-shadow:0 8px 35px #123d3820;pointer-events:none}.depth-front{z-index:3;clip-path:polygon(54% 100%,54% 76%,59% 65%,65% 58%,70% 49%,75% 40%,79% 35%,83% 28%,85% 24%,87% 21%,89% 20%,91% 22%,93% 27%,95% 29%,98% 32%,100% 34%,100% 100%)}.depth-caption{position:absolute;z-index:4;left:5%;bottom:7%;max-width:600px;color:white;text-shadow:0 2px 12px #102e34aa}.depth-caption .eyebrow{margin-bottom:14px}.depth-caption p{font-size:clamp(23px,3.4vw,50px);line-height:1.1;letter-spacing:-.04em;margin-bottom:18px}.depth-caption a{font-size:13px}.depth-caption:before{content:"";position:absolute;inset:-35px;z-index:-1;background:radial-gradient(ellipse,#102e3444,transparent 70%)}
@media(max-width:800px){.route-sticky{top:74px;z-index:5;background:#eaf0e7;padding-top:8px}.route-sticky .route-chapter{margin-bottom:8px;min-height:36px;padding-left:16px}.route-sticky .route-box{height:210px;max-height:none;top:auto}.depth-section{padding:65px 5%}.depth-scene{aspect-ratio:16/11}.depth-back,.depth-front{object-fit:fill}.depth-word{top:21%;font-size:19vw}.depth-caption{bottom:7%;left:6%}.depth-caption .eyebrow{font-size:8px;margin-bottom:8px}.depth-caption p{font-size:25px;margin-bottom:10px}.depth-caption a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.depth-word{transform:none}}

.more-views{background:#f0f2e9}.photo-collage{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:290px 290px;gap:20px;margin-top:45px}.collage-tile{position:relative;isolation:isolate;overflow:hidden;margin:0;border-radius:18px;background:#c7d6c4}.collage-tile:first-child{grid-row:1/3}.collage-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.collage-tile:nth-child(2) img{object-position:50% 38%}.collage-tile:nth-child(3) img{object-position:50% 58%}.collage-tile:after{content:"";position:absolute;inset:30% 0 0;z-index:1;background:linear-gradient(transparent,#0c2829a6);pointer-events:none}.collage-tile figcaption{position:absolute;z-index:2;bottom:28px;left:28px;right:28px;color:white;font-size:clamp(20px,2vw,30px);font-weight:450;line-height:1.15;letter-spacing:-.035em;text-wrap:balance;max-width:380px}.collage-tile:first-child figcaption{font-size:clamp(28px,3.2vw,46px)}@media(hover:hover){.collage-tile:hover img{transform:scale(1.045)}}@media(max-width:800px){.photo-collage{grid-template-columns:1fr 1fr;grid-template-rows:420px 290px;gap:12px;margin-top:30px}.collage-tile:first-child{grid-column:1/3;grid-row:1}.collage-tile{border-radius:12px}.collage-tile figcaption{bottom:18px;left:18px;right:18px;font-size:20px}.collage-tile:first-child figcaption{font-size:34px}}@media(max-width:440px){.photo-collage{grid-template-rows:370px 270px}.collage-tile figcaption{font-size:18px;left:13px;right:13px;bottom:16px}}@media(prefers-reduced-motion:reduce){.collage-tile:hover img{transform:none}}

.floating-story{position:relative;padding:0;background:#edf0e5;--journey:0}.floating-sticky{padding:75px 4.5% 35px;overflow:hidden}.floating-heading{max-width:1296px;margin:auto;position:relative;z-index:5}.floating-heading h2{font-size:clamp(42px,5.5vw,80px);margin-bottom:20px}.floating-heading p{font-size:17px;color:#54675f;max-width:560px}.floating-stage{position:relative;height:530px;max-width:1296px;margin:35px auto 0;perspective:1300px}.floating-photo{position:absolute;margin:0;overflow:hidden;border-radius:14px;background:#9baa91;box-shadow:0 24px 65px #153d382b;will-change:transform}.floating-photo img{width:100%;height:100%;object-fit:cover;display:block}.floating-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#102e3499);pointer-events:none}.floating-photo figcaption{position:absolute;bottom:25px;left:25px;right:25px;color:white;z-index:2;font-size:24px;line-height:1.1;letter-spacing:-.04em}.floating-left{width:27%;height:78%;left:2%;top:4%;transform:rotate(-8deg);z-index:1}.floating-right{width:27%;height:78%;right:2%;top:6%;transform:rotate(8deg);z-index:2}.floating-main{width:46%;height:86%;left:27%;top:11%;z-index:3}.floating-main img{object-position:50% 58%}.floating-main figcaption{font-size:clamp(35px,4.7vw,68px);font-weight:500;max-width:750px}.floating-hint{display:block;text-align:center;margin:32px auto 0;font-size:11px;letter-spacing:.1em;color:#54675f}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){.floating-enabled .floating-story{height:230svh}.floating-enabled .floating-sticky{position:sticky;top:76px;height:calc(100svh - 76px);padding-top:40px}.floating-enabled .floating-heading h2{font-size:clamp(40px,4.5vw,64px)}.floating-enabled .floating-heading .eyebrow{margin-bottom:16px}.floating-enabled .floating-heading p{font-size:15px}.floating-enabled .floating-stage{height:calc(100svh - 345px);min-height:260px;max-height:650px;margin-top:25px}.floating-enabled .floating-left{transform:translateX(calc(var(--journey)*-160%)) translateY(calc(var(--journey)*-25px)) rotate(calc(-8deg - var(--journey)*10deg));opacity:calc(1 - var(--journey)*.9)}.floating-enabled .floating-right{transform:translateX(calc(var(--journey)*160%)) translateY(calc(var(--journey)*-40px)) rotate(calc(8deg + var(--journey)*10deg));opacity:calc(1 - var(--journey)*.9)}.floating-enabled .floating-main{left:calc(27% - var(--journey)*27%);top:calc(11% - var(--journey)*11%);width:calc(46% + var(--journey)*54%);height:calc(86% + var(--journey)*14%);border-radius:calc(14px - var(--journey)*6px)}.floating-enabled .floating-main figcaption{opacity:calc(.15 + var(--journey)*.85);transform:translateY(calc(20px - var(--journey)*20px))}.floating-enabled .floating-hint{opacity:calc(1 - var(--journey));margin-top:18px}}
@media(max-width:800px){.floating-sticky{padding:65px 6% 45px}.floating-stage{height:560px;margin-top:35px}.floating-left{left:0;top:0;width:44%;height:45%;transform:rotate(-5deg)}.floating-right{right:0;top:1%;width:44%;height:45%;transform:rotate(5deg)}.floating-main{left:4%;top:36%;width:92%;height:64%}.floating-photo figcaption{font-size:19px;left:18px;bottom:20px}.floating-main figcaption{font-size:38px}.floating-hint{display:none}}
@media(prefers-reduced-motion:reduce){.floating-photo{will-change:auto}.floating-hint{display:none}}
.place-extra{margin:22px 0 10px;padding:24px;border-radius:16px;background:#e5ecdd}.place-extra .extra-badge{display:inline-block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#365847;border:1px solid #bdcdb4;padding:6px 10px;border-radius:30px;margin-bottom:20px}.place-extra h3{font-size:30px;line-height:1.1;margin-bottom:15px}.place-extra h4{font-size:13px;margin:25px 0 10px}.place-extra p{margin:0 0 16px;color:#40594b;font-size:15px}.place-extra strong{font-weight:600}.stay-tip{border-left:2px solid #7c9962;padding-left:16px;margin:22px 0}.stay-tip h4{margin-top:0}.place-extra .text-link{font-size:13px}@media(max-width:800px){.place-extra{padding:20px}.place-extra h3{font-size:28px}}
img{max-width:100%}@media(max-height:620px) and (min-width:801px){.floating-enabled .floating-story{height:auto}.floating-enabled .floating-sticky{position:relative;top:auto;height:auto}.floating-enabled .floating-stage{height:420px}.floating-enabled .floating-left{transform:rotate(-8deg);opacity:1}.floating-enabled .floating-right{transform:rotate(8deg);opacity:1}.floating-enabled .floating-main{left:27%;top:11%;width:46%;height:86%}.floating-enabled .floating-main figcaption{opacity:1;transform:none}}
