@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--deep:#071e1d;--pine:#113934;--jade:#2b6a5f;--gold:#d7b678;--paper:#f5f4ef;--stone:#647573;--red:#a6483b;--line:rgba(17,57,52,.16);--serif:'Noto Serif SC','Songti SC','SimSun',serif;--sans:'Noto Sans SC',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--deep);font-family:var(--sans);font-size:16px;line-height:1.7}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:600}h2{font-size:clamp(2.45rem,5.2vw,5.3rem);line-height:1.32;letter-spacing:-.05em}h3{font-size:1.45rem;line-height:1.45}.skip{position:absolute;z-index:100;top:-60px;left:12px;padding:8px;background:#fff}.skip:focus{top:8px}.nav{height:84px;padding:0 clamp(22px,5vw,90px);position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:48px;color:#fff;transition:background .4s,height .4s,border .4s}.nav.scrolled{height:70px;background:rgba(7,30,29,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:1.25rem;white-space:nowrap;line-height:1.1}.brand small{display:block;font:500 .6rem var(--sans);letter-spacing:.23em;margin-top:5px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold);color:var(--gold);border-radius:50%;font-size:1.32rem}.nav nav{display:flex;gap:clamp(15px,2vw,38px);margin:auto;font-size:.88rem}.nav nav a{transition:color .2s}.nav nav a:hover,.nav nav a:focus-visible{color:var(--gold)}.nav-cta{border:1px solid rgba(255,255,255,.55);padding:10px 20px;border-radius:100px;white-space:nowrap;font-size:.86rem}.nav-cta span{color:var(--gold);margin-left:16px}.menu-toggle{display:none;color:#fff;background:none;border:0;font-size:1.7rem}.hero{height:min(900px,100svh);min-height:680px;position:relative;overflow:hidden;background:#14382e;color:white}.hero-image{position:absolute;inset:-4%;background:url('assets/hero.webp') center/cover;transform:translate3d(0,var(--parallax,0px),0) scale(1.06);transition:transform .3s ease-out}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,23,.81) 0%,rgba(3,22,23,.38) 48%,rgba(3,22,23,.04) 100%),linear-gradient(0deg,rgba(3,22,23,.42),transparent 40%)}#particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.72}.hero-content{position:absolute;z-index:2;left:clamp(25px,8vw,145px);top:50%;transform:translateY(-42%);width:min(720px,80vw)}.eyebrow,.kicker{letter-spacing:.25em;text-transform:uppercase;font-size:.8rem;font-weight:600}.eyebrow{color:#eddec1;margin-bottom:31px}.hero h1{font-size:clamp(4.4rem,8.7vw,10rem);letter-spacing:-.095em;line-height:1.14;margin:0 0 27px;text-shadow:0 5px 30px rgba(0,0,0,.15)}.hero h1 em{font-style:normal;color:#e5c892}.hero-content p{font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.95;max-width:520px;color:#eee9d9}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:35px}.btn{border-radius:100px;border:1px solid transparent;padding:14px 25px;display:inline-flex;align-items:center;gap:25px;justify-content:space-between;font-size:.91rem;font-weight:600;transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.gold{background:var(--gold);color:var(--deep)}.gold:hover{box-shadow:0 10px 35px #d7b6786e}.ghost{border-color:#ffffff8a;color:#fff;background:#ffffff12;backdrop-filter:blur(8px)}.ghost:hover{background:#ffffff2a}.hero-side{position:absolute;right:3%;top:50%;writing-mode:vertical-rl;letter-spacing:.4em;font-size:.75rem;color:#f6e8cc;z-index:2}.hero-bottom{position:absolute;bottom:30px;left:clamp(25px,8vw,145px);right:clamp(25px,5vw,90px);display:flex;justify-content:space-between;align-items:center;font-size:.72rem;letter-spacing:.1em;opacity:.8;z-index:2}.hero-bottom b{font-size:1.4rem;margin-left:16px}.hero-in{animation:fadeUp 1s both}.hero h1{animation-delay:.18s}.hero-content p{animation-delay:.35s}.hero-actions{animation-delay:.55s}@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.section{padding:clamp(75px,10vw,160px) clamp(22px,6vw,110px)}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:48px}.section-head h2{margin:15px 0 0}.section-head p{max-width:400px;color:#546762;font-size:1rem;line-height:1.95;margin-bottom:10px}.kicker{color:#a1723d}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:290px 290px;gap:16px}.feature{border:0;padding:0;position:relative;overflow:hidden;text-align:left;color:white;background:#21443c}.feature.tall{grid-row:span 2}.feature img{transition:transform .8s ease,filter .8s;filter:brightness(.82)}.feature:hover img,.feature:focus-visible img{transform:scale(1.055);filter:brightness(.95)}.feature:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#061d1dc9)}.feature-over{position:absolute;z-index:1;bottom:28px;left:30px;right:28px;display:flex;flex-direction:column;gap:6px}.feature-over small{letter-spacing:.16em;font-size:.7rem;color:#e5c892}.feature-over strong{font:600 clamp(1.55rem,2.4vw,2.7rem)/1.3 var(--serif)}.feature-over span{font-size:.81rem;margin-top:9px}.image-note{font-size:.78rem;color:#62716e;margin:15px 0 0}.spots-section{background:#e9eee9}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.filters button,.route-tabs button{border:1px solid #a7b9b2;background:transparent;color:var(--pine);padding:9px 19px;border-radius:100px;font-size:.86rem}.filters button.active,.filters button:hover{background:var(--pine);color:#fff}.spot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.spot-card{background:#fff;border:1px solid var(--line);padding:25px;min-height:220px;position:relative;text-align:left;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.spot-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #143c2920}.spot-card .kind{color:#a1723d;font-size:.7rem;letter-spacing:.2em}.spot-card h3{font-size:1.42rem;margin:18px 0 6px}.spot-card p{color:#63736d;font-size:.84rem;margin:0}.spot-card .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:22px}.spot-card .tags b{font-size:.69rem;color:#45645a;font-weight:500;background:#eaf0ea;border-radius:30px;padding:4px 9px}.spot-card .arrow{position:absolute;right:23px;top:22px;font-size:1.3rem;color:var(--jade)}.routes-section{background:var(--deep);color:#fff}.routes-section .section-head p{color:#aec1bb}.routes-section .kicker{color:var(--gold)}.route-shell{border-top:1px solid #ffffff38}.route-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:25px 0}.route-tabs button{border-color:#ffffff50;color:#e4eae2}.route-tabs button[aria-selected=true]{background:var(--gold);border-color:var(--gold);color:var(--deep)}.route-content{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,5vw,90px);padding:25px 0}.route-title{font-size:clamp(2.2rem,4vw,4.4rem);margin:0 0 12px}.route-sub{color:#c9d5cd}.route-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.route-pills span{font-size:.77rem;padding:7px 12px;border:1px solid #ffffff49;border-radius:99px}.route-meta{border-top:1px solid #ffffff35;padding-top:20px;color:#c0cec6}.route-meta p{margin:0 0 12px;font-size:.9rem}.route-map{height:250px;border:1px solid #ffffff26;position:relative;overflow:hidden;background:radial-gradient(circle at 23% 28%,#28605575,transparent 38%),radial-gradient(circle at 75% 80%,#9f633b4a,transparent 37%),#153630;margin:22px 0 27px;border-radius:3px}.route-map:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px}.map-heading{position:absolute;z-index:2;top:16px;left:20px;color:#e8dcc1;font-size:.75rem;letter-spacing:.1em}.map-path{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);overflow:visible}.map-path polyline{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:6 5;opacity:.8}.map-pin{position:absolute;transform:translate(-50%,-50%);border:1px solid #d5b578;background:#123d36;color:white;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:.73rem;z-index:2;box-shadow:0 0 0 5px #d5b57833}.map-pin.done{background:var(--gold);color:var(--deep)}.map-label{position:absolute;color:#fff;font-size:.72rem;white-space:nowrap;transform:translate(-50%,16px);z-index:2;text-shadow:0 2px 4px #000}.timeline{border-left:1px solid #d7b67899;margin-left:12px}.time-item{position:relative;display:grid;grid-template-columns:84px 1fr;gap:12px;padding:0 0 21px 25px}.time-item:before{content:'';position:absolute;left:-5px;top:9px;background:var(--gold);width:9px;height:9px;border-radius:50%}.time-item time{color:var(--gold);font-size:.77rem}.time-item strong{font-size:.95rem}.time-item p{margin:3px 0;color:#abbdb5;font-size:.82rem}.time-item button{border:0;background:none;color:#e4c891;text-decoration:underline;padding:4px 0;font-size:.78rem}.stamp-action{border:1px solid #d7b6788a!important;text-decoration:none!important;border-radius:50px;padding:5px 11px!important;margin-left:8px}.stamp-action.checked{background:var(--gold)!important;color:var(--deep)!important}.taste-section{background:#f5f4ef}.taste-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.taste-card{background:#fff;min-height:320px;padding:35px;border-top:3px solid var(--jade);display:flex;flex-direction:column}.taste-card:nth-child(2){border-color:var(--red)}.taste-card:nth-child(3){border-color:var(--gold)}.taste-card>span{font-size:.73rem;letter-spacing:.13em;color:#a1723d}.taste-card h3{font-size:1.7rem;margin:34px 0 16px}.taste-card p{color:#4c605a}.taste-card small{margin-top:auto;color:#7b8a82;font-size:.78rem}.stay-strip{margin-top:36px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:25px;padding-top:32px}.stay-strip h3{font-size:1.8rem;margin:10px 0}.stay-strip b{color:var(--jade)}.stay-strip p{color:#5f7069;font-size:.88rem}.stories-section{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#e8eee9;min-height:670px}.story-visual{overflow:hidden}.story-visual img{min-height:100%;filter:saturate(.75)}.story-copy{padding:clamp(55px,7vw,120px);align-self:center}.story-list{margin:28px 0 30px}.story-list article{display:flex;gap:24px;border-top:1px solid var(--line);padding:18px 0}.story-list article>span{color:#a1723d;font:1.1rem var(--serif)}.story-list h3{margin:0 0 4px;font-size:1.17rem}.story-list p{color:#546b61;font-size:.87rem;margin:0}.text-link{border-bottom:1px solid var(--jade);padding-bottom:5px;font-size:.9rem;color:var(--jade)}.play-section{background:#dfe8e0}.passport{display:grid;grid-template-columns:.8fr 1.2fr;box-shadow:0 25px 65px #213f301a;background:#f6f3e8;border:1px solid #d5d9c9;min-height:350px}.passport-copy{padding:45px;border-right:1px dashed #c4cdbd;background:radial-gradient(circle at 0 100%,#d9e5d5,transparent 65%)}.passport-no{font-size:.68rem;letter-spacing:.2em;color:#8d6c3d}.passport h3{font-size:2.2rem;margin:30px 0 14px}.passport-copy p{color:#557064}.passport-copy strong{font-size:2.2rem;color:#a6483b}.passport .btn{margin-top:23px}.progress{height:8px;background:#cfdbd0;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:#a6483b;width:0;transition:width .5s}.small-note{font-size:.77rem;margin:12px 0 0}.stamp-grid{padding:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:center}.stamp{border:1px solid #b8cabb;background:transparent;color:#7a8b80;min-height:80px;padding:8px;display:grid;place-items:center;font:600 .82rem var(--serif);transform:rotate(-2deg);transition:transform .2s,background .2s}.stamp:nth-child(2n){transform:rotate(2deg)}.stamp:hover{transform:scale(1.05)}.stamp.active{border:2px solid var(--red);color:var(--red);background:#f4e7de}.practical-section{background:#f7f7f2}.practical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.practical-grid article{border-top:1px solid #a8b9ad;padding-top:20px}.practical-grid article>span{color:#a1723d;letter-spacing:.2em;font-size:.72rem}.practical-grid h3{font-size:1.6rem;margin:13px 0}.practical-grid p{color:#556961;font-size:.92rem;min-height:147px}.practical-grid a{color:var(--jade);text-decoration:underline;text-underline-offset:5px;font-size:.87rem}.source-box{margin-top:70px;border:1px solid #c5d0c4;padding:26px;background:#ecf0e9}.source-box h3{font-size:1.2rem}.source-box p{color:#52665c;font-size:.85rem}.source-box a{display:inline-block;margin:6px 15px 6px 0;color:#346c60;text-decoration:underline;font-size:.8rem}footer{background:#071e1d;color:#b4c9bd;padding:45px clamp(22px,6vw,110px);display:flex;align-items:end;justify-content:space-between;gap:20px;font-size:.8rem}.footer-brand{font:2rem var(--serif);color:#ebdec6}.footer-brand span{display:block;font:.8rem var(--sans);margin-top:8px}footer a{color:#e2c58f}dialog{border:0;border-radius:3px;padding:0;width:min(840px,calc(100vw - 22px));max-height:90vh;overflow:auto;color:var(--deep);background:#fafaf5;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#041d1bd9;backdrop-filter:blur(5px)}.close{position:sticky;float:right;top:12px;right:12px;z-index:2;border:0;background:#092924;color:white;width:40px;height:40px;border-radius:50%;font-size:1.6rem}.dialog-image{height:245px}.dialog-body{padding:38px}.dialog-body h2{font-size:2.5rem;margin:8px 0}.dialog-body>p{color:#52665e}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:27px}.detail-grid>div{border-top:1px solid #cbd6ca;padding-top:13px}.detail-grid b{font-size:.79rem;color:#a1723d}.detail-grid p{margin:6px 0;font-size:.9rem}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.dialog-actions a,.dialog-actions button{border:1px solid var(--jade);background:transparent;color:var(--jade);border-radius:50px;padding:9px 17px;font-size:.86rem}.dialog-actions button.active{background:var(--red);border-color:var(--red);color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:1100px){.nav nav{gap:13px}.nav{gap:20px}.spot-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.nav{height:68px;padding:0 20px}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#071e1df5;padding:22px;flex-direction:column;gap:16px}.nav nav.open{display:flex}.nav-cta{margin-left:auto;padding:7px 11px}.menu-toggle{display:block}.hero{min-height:700px}.hero-content{left:25px;top:51%;width:calc(100% - 50px)}.hero h1{font-size:clamp(4rem,10.5vw,6.8rem)}.hero-side{display:none}.section-head{display:block}.section-head p{margin-top:18px}.spot-grid{grid-template-columns:repeat(2,1fr)}.route-content{grid-template-columns:1fr}.taste-grid{grid-template-columns:1fr}.taste-card{min-height:230px}.taste-card h3{margin:20px 0 10px}.stay-strip{grid-template-columns:repeat(2,1fr)}.stories-section{grid-template-columns:1fr}.story-visual{height:350px}.passport{grid-template-columns:1fr}.passport-copy{border-right:0;border-bottom:1px dashed #c4cdbd}.practical-grid{grid-template-columns:1fr}.practical-grid p{min-height:0}}@media(max-width:550px){.brand{font-size:1rem}.brand-mark{width:34px;height:34px}.brand small{font-size:.5rem}.nav-cta{display:none}.menu-toggle{margin-left:auto}.hero{height:100svh;min-height:620px}.hero-image{background-position:61% center}.hero-shade{background:linear-gradient(90deg,#071e1dcf,#071e1d55),linear-gradient(0deg,#071e1d88,transparent 40%)}.hero h1{font-size:clamp(3.7rem,14vw,5.4rem)}.hero-content p{font-size:.92rem}.hero-actions .btn{font-size:.83rem}.hero-bottom span:last-child{max-width:130px;text-align:right;line-height:1.4}.section{padding:75px 20px}.feature-grid{display:block}.feature{height:240px;width:100%;display:block;margin-bottom:12px}.feature.tall{height:330px}.feature-over{left:20px;bottom:20px}.spot-grid{grid-template-columns:1fr 1fr;gap:8px}.spot-card{min-height:200px;padding:16px}.spot-card h3{font-size:1.15rem}.spot-card p{font-size:.76rem}.spot-card .arrow{right:14px;top:12px}.spot-card .tags b{font-size:.63rem}.route-tabs button{padding:8px 12px;font-size:.76rem}.route-content{gap:8px}.time-item{grid-template-columns:70px 1fr;padding-left:17px;gap:6px}.time-item time,.time-item p{font-size:.73rem}.route-map{height:205px}.map-label{font-size:.61rem}.stay-strip{grid-template-columns:1fr 1fr;gap:14px}.story-visual{height:230px}.story-copy{padding:55px 20px}.passport-copy{padding:25px}.stamp-grid{grid-template-columns:repeat(3,1fr);padding:20px;gap:7px}.stamp{min-height:68px;font-size:.75rem}footer{display:block;line-height:2}footer>*{margin-bottom:15px}.dialog-body{padding:23px}.dialog-image{height:180px}.detail-grid{grid-template-columns:1fr}.dialog-body h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Image-rich place and food cards */
.spot-card{overflow:hidden;min-height:330px}.spot-thumb{display:block;height:148px;margin:-25px -25px 19px;overflow:hidden;background:#d5dfd7}.spot-thumb img,.taste-image img{transition:transform .55s ease}.spot-card:hover .spot-thumb img,.taste-card:hover .taste-image img{transform:scale(1.055)}.spot-card .arrow{top:168px}.spot-card h3{margin-top:12px}.spot-card .tags{padding-top:14px}.taste-card{overflow:hidden}.taste-image{height:190px;margin:-35px -35px 25px;overflow:hidden;background:#d5dfd7}.taste-card h3{margin:22px 0 12px}@media(max-width:550px){.spot-card{min-height:276px}.spot-thumb{height:105px;margin:-16px -16px 13px}.spot-card .arrow{top:117px}.spot-card h3{margin-top:10px}.taste-image{height:185px}}