.page-space{padding-bottom:52px}.journey-hero{height:350px}.journey-hero .hero-content{padding-top:72px}.home-search{position:relative;margin-top:-32px;z-index:3}.discovery-search{display:flex;align-items:end;gap:16px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px;box-shadow:0 10px 35px #173e2110;margin-bottom:28px}.discovery-search label{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.discovery-search .discovery-keyword{flex:1.6}.discovery-search label>span{font-size:11px;color:var(--muted);font-weight:600}.discovery-search input,.discovery-search select{width:100%;min-width:0;border:0;background:var(--soft);border-radius:8px;height:44px;padding:10px 12px;color:var(--ink);font:inherit;font-size:13px}.discovery-search .btn-primary{height:44px;white-space:nowrap}.journey-section{padding-top:10px;padding-bottom:34px}.journey-section .section-head{margin-top:24px}.section-head>h2{font-size:28px}.destination-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.destination-card{grid-column:span 2;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;display:block;text-decoration:none;transition:transform .18s,box-shadow .18s}.destination-card:nth-child(-n+2){grid-column:span 3}.destination-card>img{display:block;width:100%;aspect-ratio:2.15;object-fit:cover}.destination-card>div{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.destination-card h3{font-size:21px}.destination-card span{font-size:12px;color:var(--green)}.destination-card b{margin-left:8px}.destination-card:hover,.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0b5d3b10}.service-section{background:var(--soft);padding-top:12px;padding-bottom:45px;margin-top:12px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.project-photo{display:block;aspect-ratio:1.65;overflow:hidden;background:var(--green-soft)}.project-photo img{width:100%;height:100%;object-fit:cover;display:block}.project-copy{display:flex;flex-direction:column;padding:20px;flex:1}.project-location{font-size:11px;color:var(--green);margin-bottom:9px}.project-copy h3{font-size:19px;line-height:1.5;overflow-wrap:anywhere}.project-copy h3 a{text-decoration:none}.project-summary{font-size:13px;color:var(--muted);line-height:1.8;margin:10px 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-action{font-size:13px;font-weight:600;color:var(--green);text-decoration:none;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:auto;padding-top:15px}.project-copy h3:last-of-type{margin-bottom:12px}.cover-fallback{display:flex;height:100%;align-items:center;justify-content:center;padding:24px;color:var(--green);font-size:24px}.service-projects{grid-template-columns:repeat(4,minmax(0,1fr))}.service-projects .project-copy{padding:16px}.service-projects h3{font-size:16px}.service-projects .project-summary{display:none}.page-heading{padding:22px 0 28px}.page-heading h1,.city-heading h1{font-size:36px;line-height:1.3}.page-heading .eyebrow,.city-heading .eyebrow{color:var(--green);font-size:11px;margin-bottom:10px}.city-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 30px}.category-chips,.subcategory-chips,.section-choices{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.category-chips{padding-bottom:18px;border-bottom:1px solid var(--line)}.category-chips a,.subcategory-chips a,.section-choices a{padding:9px 16px;border:1px solid var(--line);border-radius:30px;font-size:13px;text-decoration:none;background:#fff}.category-chips a[aria-current],.subcategory-chips a[aria-current],.section-choices a[aria-current]{background:var(--green);color:white;border-color:var(--green)}.subcategory-chips{padding:18px 0 0}.subcategory-chips a{font-size:12px;padding:7px 12px;background:var(--soft)}.collection-count{font-size:12px;color:var(--muted);padding:20px 0}.view-switch{display:flex;gap:26px;align-items:center;border-bottom:1px solid var(--line);margin:28px 0 26px}.view-switch a{font-size:15px;padding:12px 0;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent}.view-switch a[aria-current]{color:var(--green);border-color:var(--green);font-weight:700}.view-switch small{font-size:11px;font-weight:400;margin-left:8px}.place-top{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center;padding:20px 0 36px}.place-cover{border-radius:16px;overflow:hidden;background:var(--soft);min-height:180px}.place-cover img{width:100%;max-height:430px;object-fit:contain;display:block}.place-info .eyebrow{color:var(--green);font-size:11px;margin-bottom:14px}.place-info h1{font-size:32px;line-height:1.4;overflow-wrap:anywhere}.place-description{color:var(--muted);font-size:14px;line-height:1.9;margin-top:20px}.place-info .btn-primary{margin-top:24px}.place-content{scroll-margin-top:90px;border-top:1px solid var(--line);padding-top:5px}.place-content .section-head{margin:28px 0 20px}.place-content .section-head h2{font-size:24px}.section-choices{margin-bottom:20px}.content-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:0 0 24px;overflow-x:auto;scrollbar-width:thin}.content-tabs a{flex:none;font-size:14px;padding:13px 1px;text-decoration:none;border-bottom:3px solid transparent;color:var(--muted)}.content-tabs a[aria-current]{color:var(--green);border-color:var(--green);font-weight:600}.content-tabs small{font-size:10px;margin-left:6px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px}.gallery-item{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--soft)}.gallery-image{position:relative;display:block;width:100%;border:0;padding:0;background:var(--soft);aspect-ratio:3/4;cursor:zoom-in}.gallery-image img{display:block;object-fit:contain;width:100%;height:100%}.gallery-image>span{position:absolute;right:10px;bottom:10px;font-size:11px;background:#15201abb;color:#fff;border-radius:6px;padding:5px 9px}.gallery-item>video{display:block;width:100%;aspect-ratio:3/4;background:#15201a}.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px;font-size:12px;color:var(--muted);text-decoration:none;overflow-wrap:anywhere;background:#fff}.gallery-caption span{flex:none;color:var(--green)}.document-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;aspect-ratio:3/4;text-decoration:none;color:var(--green);padding:20px}.document-preview svg{width:48px;height:48px}.source-details>a{margin-right:14px;display:inline-block;padding-top:12px}.menu-primary{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.menu-primary a{background:var(--green-soft);color:var(--green);text-decoration:none;padding:10px 14px;font-size:13px;border-radius:8px}.menu-label{font-size:12px;color:var(--muted);margin:20px 0 12px}.menu-destinations{display:grid;grid-template-columns:1fr;gap:10px}.menu-destinations a{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:10px;padding:8px;text-decoration:none;font-size:14px}.menu-destinations img{width:80px;height:52px;object-fit:cover;border-radius:6px}.menu-destinations b{margin-left:auto;color:var(--green);padding-right:12px}.guide-search{padding:30px 0;color:var(--green)}.top-nav{gap:20px}.foot .footer-links{flex-wrap:wrap}
@media(max-width:1100px){.service-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.place-top{gap:28px}.place-info h1{font-size:28px}.project-copy h3{font-size:17px}}
@media(max-width:760px){.journey-hero{height:290px}.journey-hero .hero-content{padding-top:40px}.home-search{margin-top:-20px}.discovery-search{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.discovery-search .discovery-keyword{grid-column:1/-1}.discovery-search .btn-primary{grid-column:1/-1}.discovery-search label>span{font-size:10px}.discovery-search input,.discovery-search select{font-size:12px}.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.destination-card,.destination-card:nth-child(-n+2){grid-column:auto}.destination-card:first-child{grid-column:1/-1}.destination-card>img{aspect-ratio:1.5}.destination-card:first-child>img{aspect-ratio:2.2}.destination-card>div{padding:13px;gap:5px}.destination-card h3{font-size:18px}.destination-card span{font-size:10px}.destination-card b{margin-left:2px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-copy{padding:14px}.project-copy h3{font-size:16px}.project-location{font-size:10px}.project-summary{font-size:12px}.project-action{font-size:12px}.page-heading h1,.city-heading h1{font-size:29px}.city-heading{padding:18px 0 24px}.category-chips{gap:7px}.category-chips a{padding:8px 12px;font-size:12px}.page-space{padding-bottom:32px}.journey-section{padding-bottom:24px}.section-head>h2{font-size:24px}.place-top{grid-template-columns:1fr;gap:22px;padding-top:10px}.place-cover img{max-height:340px}.place-info h1{font-size:27px}.place-description{font-size:13px;margin-top:12px}.place-info .btn-primary{margin-top:18px}.section-choices{gap:7px}.section-choices a{padding:7px 12px;font-size:12px}.content-tabs{gap:20px}.content-tabs a{font-size:12px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-caption{font-size:11px;padding:10px}.place-content{scroll-margin-top:80px}.view-switch{gap:20px}.view-switch a{font-size:14px}.service-section{padding-top:4px}.service-projects h3{font-size:15px}.project-photo{aspect-ratio:1.45}.place-top+.place-content .section-head{margin-top:20px}}
@media(max-width:390px){.project-grid:not(.service-projects){grid-template-columns:1fr}.project-grid:not(.service-projects) .project-photo{aspect-ratio:1.9}.project-copy{padding:16px}.destination-card span{font-size:9px}.service-projects .project-copy{padding:12px}}

/* Preserve all lettering on original destination covers. */
.destination-card>img,.destination-card:first-child>img{aspect-ratio:3/2;object-fit:contain}

/* Compact homepage: national services first; search opens from the navigation icon. */
.compact-hero{height:156px}.compact-hero .hero-content{padding-top:0;height:100%;display:flex;align-items:center}.compact-hero h1{font-size:34px;line-height:1.35;margin:0}.home-national{padding-top:0;padding-bottom:14px}.home-national .section-head,.home-destinations .section-head{margin:24px 0 18px}.national-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.national-projects .project-card{display:grid;grid-template-columns:44% minmax(0,1fr)}.national-projects .project-photo{aspect-ratio:3/2;height:100%;min-height:154px}.national-projects .project-photo img{object-fit:contain}.national-projects .project-copy{padding:18px}.national-projects .project-copy h3{font-size:18px}.home-destinations{padding-top:0}.top-search{width:38px;height:38px;min-width:38px;padding:8px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:760px){.compact-hero{height:120px}.compact-hero .hero-content{padding-top:0}.compact-hero h1{font-size:26px;max-width:100%}.home-national{padding-bottom:10px}.home-national .section-head,.home-destinations .section-head{margin:20px 0 14px}.home-national .section-head h2,.home-destinations .section-head h2{font-size:22px}.national-projects{gap:12px}.national-projects .project-card{display:flex;flex-direction:column}.national-projects .project-photo{height:auto;min-height:0;aspect-ratio:3/2}.national-projects .project-copy{padding:13px;flex:1}.national-projects .project-copy h3{font-size:15px}.national-projects .project-location{display:none}.national-projects .project-action{padding-top:11px}.top-search{width:36px;height:36px;min-width:36px}.home-destinations{padding-bottom:26px}}
@media(max-width:390px){.compact-hero h1{font-size:24px}.national-projects .project-copy{padding:12px}}

/* Keep the original WeChat action within the compact hero. */
.compact-hero .hero-content{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}
.compact-hero .hero-actions{margin-top:0}
.compact-hero .hero-actions .btn-primary{padding:10px 18px;font-size:13px}
@media(max-width:760px){.compact-hero .hero-content{gap:10px}.compact-hero .hero-actions .btn-primary{padding:8px 16px;font-size:12px}}

/* One continuous detail page: original content is inline, with in-page navigation. */
.detail-page{padding-bottom:46px}
.detail-page .place-top{padding:24px 0 32px;align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:38px}
.detail-page .place-info{padding:8px 0}
.detail-page .place-cover{aspect-ratio:3/2;min-height:0}
.detail-page .place-cover img{height:100%;max-height:none;object-fit:contain}
.detail-page .detail-cover-button{height:100%}
.detail-page .place-description{white-space:pre-line}
.detail-cover-button{display:block;width:100%;padding:0;border:0;background:var(--soft);position:relative;cursor:zoom-in}
.detail-cover-button>span{position:absolute;bottom:14px;right:14px;padding:8px 12px;border-radius:8px;background:#15201acc;color:#fff;font-size:12px}
.detail-nav{position:sticky;top:60px;z-index:5;display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:thin;background:#fffffff5;backdrop-filter:blur(10px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.detail-nav button{flex:none;font:inherit;font-size:14px;font-weight:600;color:var(--green);padding:18px 0;background:none;border:0;border-bottom:3px solid transparent;cursor:pointer}
.detail-nav button:hover,.detail-nav button:focus-visible{border-bottom-color:var(--gold);outline-offset:-3px}
.detail-section{padding:30px 0 8px}
.detail-section-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.detail-section-head:before{content:'';width:4px;height:24px;border-radius:2px;background:var(--gold)}
.detail-section-head h2{font-size:24px;line-height:1.4;margin:0}
.detail-section-head h2,.detail-media,#place-overview{scroll-margin-top:142px}
.detail-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px}
.detail-media-grid.detail-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-media-grid.detail-single{grid-template-columns:minmax(0,760px)}
.detail-media{margin:0;min-width:0;overflow:hidden;border-radius:12px;background:var(--soft)}
.detail-image{position:relative;display:block;width:100%;padding:0;border:0;background:var(--soft);aspect-ratio:3/4;cursor:zoom-in}
.detail-image img{display:block;width:100%;height:100%;object-fit:contain}
.detail-image>span{position:absolute;right:10px;bottom:10px;border-radius:6px;background:#15201abf;color:#fff;padding:6px 9px;font-size:11px;pointer-events:none}
.detail-environment .detail-image{aspect-ratio:4/3}
.detail-single .detail-image{aspect-ratio:3/4}
.detail-media>video{display:block;width:100%;aspect-ratio:3/4;background:#15201a}
.detail-media figcaption{padding:12px 14px;background:#fff;border:1px solid var(--line);border-top:0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.detail-document{display:block;padding:24px;color:var(--green);overflow-wrap:anywhere}
.detail-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:24px 28px;border-radius:14px;background:var(--green-soft);color:var(--green)}
.detail-contact strong{font-size:18px;overflow-wrap:anywhere}
.detail-contact .btn-primary{flex:none}
@media(max-width:760px){
 .detail-page .place-top{grid-template-columns:1fr;gap:16px;padding:16px 0 24px}
 .detail-page .place-info{padding:0}
 .detail-nav{top:52px;gap:22px}
 .detail-nav button{padding:15px 0;font-size:13px}
 .detail-section{padding-top:24px}
 .detail-section-head{margin-bottom:16px}
 .detail-section-head h2{font-size:21px}
 .detail-section-head h2,.detail-media,#place-overview{scroll-margin-top:128px}
 .detail-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .detail-media-grid.detail-menu,.detail-media-grid.detail-single{grid-template-columns:1fr}
 .detail-media figcaption{padding:10px;font-size:11px}
 .detail-image>span{right:7px;bottom:7px;font-size:10px;padding:4px 7px}
 .detail-contact{padding:20px;gap:16px;flex-wrap:wrap}
 .detail-contact strong{font-size:16px}
}
