/* 2026-10: preserve the original editorial identity; refine rhythm and navigation. */
:root{--reading-width:1200px;--header-offset:90px}
html{scroll-padding-top:calc(var(--header-offset) + 20px)}
.wrap,.home-editorial .magazine-hero{width:min(var(--reading-width),88%)}
.header{min-height:82px;padding-block:12px}
.brand .brand-logo{width:190px}
.header nav{gap:28px}
.header nav a{font-size:13px;padding-block:10px}
.header .nav-cta{font-size:13px;min-height:44px;display:inline-flex;align-items:center;padding-inline:20px}
.text-link{line-height:1.65;gap:8px}
.button{gap:16px}
.home-editorial .magazine-hero{margin-top:44px}
.magazine-hero .hero-copy{grid-template-columns:1.1fr 1fr;column-gap:10%;padding-bottom:34px}
.magazine-hero h1{font-size:clamp(43px,4.7vw,66px);line-height:1.4;letter-spacing:.025em;text-wrap:balance}
.magazine-hero .hero-introduction{padding:0 0 6px 27px;border-left:1px solid var(--line)}
.magazine-hero .hero-brand{font-size:18px;font-weight:500}
.magazine-hero .hero-desc{line-height:2.05;margin-bottom:17px}
.home-editorial .magazine-hero .hero-figure,.home-editorial .magazine-hero .hero-footnote{max-width:none}
.magazine-hero .hero-figure{border-radius:10px;aspect-ratio:2.35}
.magazine-hero .hero-figure figcaption{font-size:12px;letter-spacing:.035em}
.hero-footnote{font-size:11px;padding-top:12px}
.home-editorial .chapter-nav{margin-top:24px;padding:16px 0 24px}
.chapter-nav a{border-radius:4px;transition:background .2s,color .2s}
.chapter-nav a>span{font-size:19px;color:#78906c}
.chapter-nav strong{font-size:15px;letter-spacing:.08em}
.chapter-nav small{font-size:11px;margin-top:3px}
.editorial-places{padding-block:65px 72px}
.section-head h2,.culture-head h2{font-size:clamp(30px,3vw,40px);line-height:1.65}
.section-side{font-size:14px;line-height:1.95}
.home-discovery{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:0 0 22px;margin:0 0 30px}
.home-filters{display:flex;gap:8px;flex-wrap:wrap}
.home-filters button{border:1px solid #d5e0d0;border-radius:24px;min-height:44px;padding:8px 19px;background:transparent;font-size:13px;white-space:nowrap;transition:background .2s,color .2s}
.home-filters button:hover{background:#eaf1e5}
.home-filters button[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:white}
.home-result-count{font-size:12px;color:var(--gray);white-space:nowrap}
.home-discovery[hidden]{display:none}
.editorial-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 28px}
.editorial-grid .place-card{grid-column:span 4;min-width:0}
.editorial-grid .place-card:nth-child(-n+2),.editorial-grid .place-card:nth-last-child(-n+2){grid-column:span 6}
.editorial-grid .place-card[hidden]{display:none}
.editorial-grid.is-filtered .place-card{grid-column:span 6}
.editorial-grid .image-box,.editorial-grid .editorial-wide .image-box{aspect-ratio:1.85;border-radius:8px}
.editorial-grid .image-box picture{display:block;height:100%}
.editorial-grid .place-card>a{display:block;border-radius:8px}
.editorial-grid .place-info{padding-top:16px}
.editorial-grid .number{font-size:11px;letter-spacing:.08em}
.editorial-grid .place-info h3{font-size:26px;line-height:1.6;margin-top:5px}
.editorial-grid .place-info p{font-size:13px;line-height:1.8;margin-top:3px}
.editorial-grid .circle{width:40px;height:40px;border-color:#d3ddcd;display:grid;transition:background .2s,color .2s,transform .2s}
.editorial-grid a:hover .circle{background:var(--primary);color:#fff;border-color:var(--primary);transform:translate(2px,-2px)}
.editorial-credit{font-size:11px;color:#657261;border-top:1px solid var(--line);margin-top:16px;padding-top:10px}
.editorial-culture{padding-block:60px}
.editorial-culture .story-grid>a{padding:24px 0 4px}
.editorial-culture .story-grid h3{font-size:24px;line-height:1.7}
.editorial-culture .story-grid p{font-size:14px;line-height:2}
.editorial-culture .story-grid>a:hover h3{color:var(--primary)}
.home-editorial .journey{padding-block:65px}
.route-panel{padding:30px}
.route-panel li:last-child{padding-bottom:26px}
.home-editorial .finder-invite{border:1px solid #dfe8d8;border-radius:10px;padding:32px 36px}
.finder-invite h2{font-size:32px}
.finder-invite p:not(.eyebrow){font-size:14px}
.footer-links a{font-size:13px}
.footer details{max-width:85ch;line-height:2}
.footer-bottom{font-size:11px}
.prose p,.detail-columns p,.place-story p{line-height:2.05;overflow-wrap:anywhere}
.place-intro .lead{line-height:2}
.place-nav{gap:32px}
.place-nav a[aria-current="location"]{color:var(--primary);box-shadow:inset 0 -2px var(--primary)}
.place-nav a{transition:box-shadow .2s}
.place-tile{border-radius:9px;transition:box-shadow .2s,border-color .2s}
.place-tile:hover{border-color:#a8bea0;box-shadow:0 8px 22px #315c4b08}
.tile-photo picture{display:block}
.page-index a,.footer-links a{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:981px) and (max-width:1120px){.header nav{gap:18px}.brand .brand-logo{width:170px}.header{gap:16px}.header .nav-cta{padding-inline:15px}}
@media(max-width:980px){
 .header{min-height:74px;padding:10px 6%;gap:12px}
 .brand .brand-logo{width:165px}
 .header .nav-cta{margin-left:auto}
 .menu{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:7px 12px;background:transparent;border:1px solid #cbdacb;border-radius:6px;font-size:13px}
 .menu[aria-expanded="true"]{background:#eaf3e7;border-color:#9fb99a}
 .header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:17px 6% 22px;background:#fdfef9;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #293e3609;max-height:calc(100svh - 90px);overflow:auto}
 .header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
 .header nav a{min-height:44px;font-size:14px}
 .header nav a::after{right:auto;width:28px}
 .magazine-hero .hero-copy{gap:0 5%}
 .magazine-hero .hero-introduction{padding-left:20px}
 .magazine-hero .hero-actions{gap:10px 16px;flex-wrap:wrap}
 .editorial-grid{gap:30px 20px}
 .home-discovery{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(max-width:760px){
 :root{--header-offset:74px}
 .brand .brand-logo{width:145px}
 .header .nav-cta{font-size:12px;padding:8px 12px}
 .header{gap:8px}
 .home-editorial .magazine-hero{margin-top:27px}
 .magazine-hero .hero-copy{display:block;padding-bottom:25px}
 .magazine-hero h1{font-size:clamp(36px,9vw,54px);line-height:1.45;margin-bottom:20px}
 .magazine-hero .hero-introduction{border:0;padding:0}
 .magazine-hero .hero-brand{font-size:17px;margin-bottom:10px}
 .magazine-hero .hero-desc{font-size:14px;line-height:1.95}
 .magazine-hero .hero-figure{aspect-ratio:1.65;border-radius:8px}
 .magazine-hero .hero-figure figcaption{font-size:11px;padding-inline:14px;line-height:1.7}
 .hero-footnote{font-size:10px}
 .home-editorial .chapter-nav{margin-top:18px;padding:0}
 .chapter-nav a{column-gap:7px}
 .chapter-nav strong{font-size:14px}
 .chapter-nav small{font-size:11px}
 .editorial-places{padding-block:42px}
 .home-discovery{padding-bottom:16px;margin-bottom:23px;gap:10px}
 .home-filters{gap:7px}
 .home-filters button{padding:8px 14px;font-size:12px}
 .home-result-count{font-size:11px}
 .editorial-grid{grid-template-columns:1fr;gap:29px}
 .editorial-grid .place-card,.editorial-grid .place-card:nth-child(n),.editorial-grid.is-filtered .place-card{grid-column:auto}
 .editorial-grid .image-box,.editorial-grid .editorial-wide .image-box{aspect-ratio:1.75}
 .editorial-grid .place-info h3{font-size:25px}
 .editorial-grid .place-info p{font-size:13px}
 .editorial-credit{margin-top:12px;padding-top:9px;font-size:10px}
 .editorial-culture,.home-editorial .journey{padding-block:42px}
 .route-panel{padding:24px 20px}
 .tabs{gap:7px}.tabs button{padding-inline:14px;min-height:44px;font-size:13px}
 .home-editorial .finder-invite{padding:25px 22px}
 .finder-invite h2{font-size:27px}
 .place-nav{top:var(--header-offset);gap:10px}
 .place-nav a{font-size:12px}
 .place-story,.place-references{overflow-wrap:anywhere}
 .back-to-top{right:10px;bottom:calc(14px + env(safe-area-inset-bottom));width:42px}
}
@media(max-width:360px){.brand .brand-logo{width:130px}.header .nav-cta{display:none}.menu{margin-left:auto}.hero-actions{align-items:flex-start}.hero-footnote{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}