:root{--ink:#123d35;--cream:#faf5e9;--coral:#ff775e;--line:#123d3533}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{background:var(--ink);color:var(--cream)}main{overflow:clip}::selection{color:#123d35;background:#ff775e}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--coral);outline-offset:6px}.reading-progress{z-index:20;transform-origin:0;background:var(--coral);pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}main>section{isolation:isolate;padding:clamp(6rem,10vw,9rem) clamp(1.5rem,6vw,6rem);position:relative}main>.hero{background-position:55%;justify-content:flex-start;align-items:flex-end;padding:9rem clamp(1.5rem,7vw,7rem) 5rem;display:flex;overflow:hidden}.hero:before{background:linear-gradient(#05181b6b,#0000 35%,#05181b33 55%,#05181bd9)}.hero-copy{width:100%;position:relative}.hero-eyebrow,.section-kicker{letter-spacing:.19em;text-transform:uppercase;margin:0 0 1.4rem;font:600 .7rem/1.5 system-ui,sans-serif;display:block}.hero-eyebrow{color:#ffe1ae;animation:.9s .1s both arrive}.hero h1{text-align:left;letter-spacing:-.065em;overflow-wrap:normal;font-size:clamp(5rem,17vw,15.5rem);line-height:.85;animation:1.2s .2s both arrive}.hero-personal{max-width:24rem;margin:1.8rem 0 2.2rem;font:400 clamp(1rem,2vw,1.3rem)/1.6 system-ui,sans-serif;animation:1s .4s both arrive}.hero-link{color:#fff;align-items:center;gap:1.5rem;font:500 .85rem/1.5 system-ui,sans-serif;text-decoration:none;animation:1s .6s both arrive;display:inline-flex}.hero-link span{border:1px solid #ffffff80;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;transition:background .25s,transform .25s;display:grid}.hero-link:hover span{background:var(--coral);transform:translateY(4px)}.hero-coordinate{letter-spacing:.15em;color:#ffffffb3;font:.65rem/1.5 system-ui,sans-serif;position:absolute;bottom:2.2rem;right:3rem}.story,.comparison,.travel,.food-section{background:var(--cream);color:var(--ink)}.story h2,.comparison h2,.travel h2,.food-section h2{letter-spacing:-.05em;text-wrap:balance;font-weight:400;line-height:1.04}.story h2{margin-bottom:1.7rem}.story p{font-size:1.05rem;line-height:1.8}.story-content:not(.image-layout),.travel-content{max-width:42rem}.section-kicker{opacity:.65}.image-layout{text-align:left;gap:2rem;max-width:82rem}.image-layout img{aspect-ratio:5/4;object-fit:cover;border-radius:1.8rem 1.8rem 5rem;transition:transform .8s cubic-bezier(.2,.7,.2,1),border-radius .8s}.image-layout.image-left img{border-radius:1.8rem 1.8rem 1.8rem 5rem}.image-layout img:hover{border-radius:1.8rem;transform:scale(1.025)}.comparison img{aspect-ratio:auto;object-fit:contain;mix-blend-mode:multiply}.story-green,.food-sushi,.activities-intro,.travel-intro,.food-intro{color:var(--cream);background:#123d35}.story-green .section-kicker,.activities-intro .section-kicker,.travel-intro .section-kicker,.food-intro .section-kicker{color:#b6d99a;opacity:1}.story-sun{background:#f2ce72}.story-sun:before{content:"";z-index:-1;aspect-ratio:1;border:1px solid #123d3526;border-radius:50%;width:min(60vw,34rem);position:absolute;top:18%;right:-12%;box-shadow:0 0 0 3rem #123d3506,0 0 0 6rem #123d3505}.story-sun .highlight{font-size:clamp(4.5rem,15vw,8rem)}.story-rain,.story-condo,.story-airport{background:#d8e7e0}.story-rain{background:#f2ce72}.story-haze{color:var(--cream);background:#34484c}.story-rules,.story-cultures,.story-home{background:#efdcca}.story-housing,.story-transport{background:#e4ebd9}.story-districts:nth-of-type(odd),.story-day:nth-of-type(odd){background:#f2e6d5}.story-districts:nth-of-type(2n),.story-day:nth-of-type(2n){background:#e1e9df}.food-indian{color:#fff4df;background:#ae4436}.food-dim-sum{background:#f1dcb2}.activity:nth-of-type(odd){background:#e4ebd9}.activity:nth-of-type(2n){background:#f2e6d5}.weekend:nth-of-type(2n){background:#d8e7e0}.food-intro:before,.activities-intro:before,.travel-intro:before{content:"";z-index:-1;opacity:.11;background-image:radial-gradient(circle at 50% 0,#0000 30%,#d3dfb3 31% 32%,#0000 33%),radial-gradient(circle at 0,#0000 30%,#d3dfb3 31% 32%,#0000 33%);background-size:100px 100px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 35%,#000);mask-image:linear-gradient(90deg,#0000 35%,#000)}.food-intro h2,.activities-intro h2,.travel-intro h2{font-size:clamp(3.5rem,9vw,7.5rem)}.food-menu{text-align:left}.food-menu>div{border-top:1px solid;padding:.8rem 0}.food-menu dt{font-size:.95rem}.food-menu dd{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2rem)}.food-menu small{opacity:.8;font:.8rem/1.6 system-ui,sans-serif}.destination{border-color:var(--line);padding:1rem 0}.destination dd{font-family:Georgia,serif;font-size:1.35rem}.life-list li,.housing-list li,.district-list li{border-color:var(--line);padding:1rem 0}.weekend-note{opacity:.85}.story p.source-note{font-size:.8rem;line-height:1.65}.page-end{text-align:center;background:#123d35;padding:3rem 1.5rem;font:400 1.25rem/1.6 Georgia,serif}.page-end a{color:#faf5e9;text-underline-offset:.3rem;margin-top:1rem;font:.75rem/1.5 system-ui,sans-serif;display:inline-block}.reveal-pending{opacity:0;transform:translateY(32px)}.reveal{transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1)}@keyframes arrive{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media (width>=760px){.image-layout,.image-layout.image-left{gap:clamp(3rem,7vw,7rem)}.image-layout h2{font-size:clamp(2.8rem,4.8vw,5.5rem)}.image-layout img{max-height:72svh}.image-copy{padding:1rem 0}.food-content.image-layout{max-width:82rem}.image-copy .section-kicker{margin-bottom:1.8rem}}@media (width<=759px){main>section{padding:7.5rem 1.5rem 3.5rem}main>.hero{background-position:49%;padding:8rem 1.5rem 5rem}.hero h1{font-size:clamp(4rem,18vw,8rem)}.hero-coordinate{font-size:.55rem;bottom:1.4rem;right:1.5rem}.hero-personal{max-width:18rem}.image-layout img{aspect-ratio:5/4;border-radius:1.1rem 1.1rem 3rem;max-height:none}.image-layout.image-left img{border-radius:1.1rem 1.1rem 1.1rem 3rem}.comparison img{aspect-ratio:auto}.story h2,.image-layout h2{font-size:clamp(2.5rem,10vw,4rem)}.story p{font-size:1rem;line-height:1.7}.section-kicker{margin-bottom:1rem;font-size:.63rem}.weekend-tiers{gap:1rem}.weekend-tiers p{font-size:.9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal-pending{opacity:1;transform:none}.image-layout img:hover{transform:none}}