/* Đại Xuyên heritage palette: lacquer red, aged bronze and warm paper. */
:root{--paper:#f8f3eb;--cream:#efe4d5;--ink:#35231e;--forest:#3c231d;--deep:#281a17;--gold:#b48a54;--line:#e2d5c2;--muted:#796c61;--heading:"Be Vietnam Pro",Arial,sans-serif;--body:"Be Vietnam Pro",Arial,sans-serif}
html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body)}em{font-family:inherit;font-style:normal;font-weight:inherit}h1,h2,h3{font-family:var(--heading);font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#c67f49}
.site-header{height:4.875rem;background:#fbfaf9;border-bottom:1px solid #e8e1d7;box-shadow:0 0.5rem 1.875rem #321b140d}.brand-mark{width:2.75rem;height:2.75rem;border-radius:0.75rem;background:#331c15;border-color:#331c15;color:#eae3d9;font-family:var(--heading);font-weight:800;letter-spacing:-.12em}.brand-mark:before,.brand-mark:after,.brand-mark span{display:none}.brand-text strong{font-family:var(--heading);font-weight:800;color:#361e17;font-size:1.25rem;letter-spacing:-.045em}.brand-text small{color:#7d4d28;letter-spacing:.12em}.main-nav a{color:#6c4e37}.main-nav a:after{background:#a36433}.header-cta{background:#3a1f18;border:0;border-radius:0.5rem;color:white;font-size:1rem}.header-cta:hover{background:#774926}
.brand-mark{width:3.25rem;height:3.25rem;background:#f3f0eb;border:1px solid #e5dcd0;overflow:hidden;box-shadow:0 0.25rem 0.75rem #50271c18}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.25)}
.dx-eyebrow,.section-kicker,.eyebrow{color:#8a542b}.dx-text-link,.underlined-link{color:#6b3526}.dx-section-inner{width:min(100% - 10%,80rem)}
.dx-hero{height:calc(100svh - 4.875rem);min-height:38.75rem;background:#321d18;color:#f7f5f2}.dx-hero-paper{background:radial-gradient(circle at 50% 15%,#74543c75,transparent 48%),linear-gradient(130deg,#341d17,#371f18 62%,#402922)}.dx-hero-paper:after{opacity:.15}.dx-hero-heading{top:7.5%}.dx-hero-heading p{color:#d8bf9c}.dx-hero-heading>span{color:#daccb9;font-weight:600}.dx-hero-heading h1{font-family:var(--heading);font-weight:800;letter-spacing:-.085em;font-size:clamp(5.625rem,13vw,13rem);color:#f7f5f1}.dx-hero-building{filter:grayscale(1) sepia(.42) saturate(.75) brightness(.73) contrast(1.13);opacity:.94}.dx-hero-shade{background:linear-gradient(transparent,#23130fdd 90%)}.dx-hero-bottom{color:#fbf9f7}.dx-hero-bottom p{font-family:var(--heading);font-weight:600;letter-spacing:-.04em}.dx-hero-cta{border-bottom-color:#c59f6a;color:#fbfaf9}.dx-hero-cta:hover{color:#d5b07b}
.dx-homeland{background:#fbf9f7;padding-top:6.25rem}.dx-homeland-art{background:radial-gradient(circle at center,#ebe5dc 0,#f6f3ef 48%,transparent 70%)}.dx-art-ring{border-color:#a46b3f4d}.dx-art-ring.r1{background:radial-gradient(circle,#e9e2d9 0 18%,transparent 19%)}.dx-art-seven{font-family:var(--heading);font-weight:800;color:#754825;text-shadow:none}.dx-art-caption{color:#7a5131;font-weight:700}.dx-homeland-copy h2,.dx-section-head h2,.dx-experience h2,.dx-culture-teaser h2{font-family:var(--heading);font-weight:750;letter-spacing:-.06em}.dx-homeland-copy h2 em,.dx-section-head h2 em,.dx-experience h2 em,.dx-culture-teaser h2 em,.dx-sub-intro h2 em,.dx-culture-page h2 em,.dx-next-banner h2 em,.dx-culture-bottom h2 em{color:#8b552c}.dx-homeland-copy>p:not(.dx-eyebrow),.dx-section-head>p{color:#826e5e}.dx-stats{border-top-color:#e4dcd0}.dx-stats>div{border-left-color:#e4dcd0}.dx-stats strong{font-family:var(--heading);font-weight:750;color:#744725}.dx-stats span{color:#8d6649}
.dx-featured{background:#f3efea}.dx-feature-stage{background:#321b15}.dx-feature-stage>img{filter:grayscale(.55) sepia(.42) saturate(.8)}.dx-feature-shade{background:linear-gradient(90deg,#25120dfa,#3b1d15ab 56%,#30181275),linear-gradient(0deg,#25120de8,transparent 52%)}.dx-feature-copy h3{font-family:var(--heading);font-weight:750;letter-spacing:-.06em}.dx-feature-copy .dx-eyebrow{color:#d4ae78}.dx-feature-choices button{background:#311811b8;border-color:#bea7877b;border-radius:0.625rem}.dx-feature-choices button:hover{background:#5c2e22cf}.dx-feature-choices button[aria-pressed=true]{background:#8d562cc4;border-color:#d9b685;color:white}.dx-feature-choices button>span{color:#e0ccaf}.dx-feature-choices strong{font-family:var(--heading);font-size:1.3125rem;font-weight:650}.dx-light-button{background:#ede8e0;color:#3e1f16;border-radius:0.5rem}.dx-light-button:hover{background:#fbfaf8}.dx-feature-end{color:#684b35}
.dx-experience{background:#27130e;color:#fbf9f7}.dx-experience-photo{filter:grayscale(.8) sepia(.45) saturate(.65)}.dx-experience-shade{background:linear-gradient(90deg,#25120df2,#3a1c14e0 56%,#3a1d15ad)}.dx-experience .dx-eyebrow{color:#d5b280}.dx-experience h2 em{color:#cea975}.dx-experience-steps{border-top-color:#bea78760}.dx-experience-steps>div{border-bottom-color:#bea78760}.dx-experience-steps span{color:#c9a067}
.dx-journey{background:#faf8f5}.dx-journey-grid article{background:#fff;border-color:#e8e0d5;border-radius:0.875rem;box-shadow:0 0.5625rem 1.75rem #351d160a}.dx-journey-grid article:hover{box-shadow:0 1.25rem 2.375rem #351d161b}.dx-journey-grid article>span,.dx-journey-icon{color:#84512a}.dx-journey-grid h3{font-family:var(--heading);font-weight:730}.dx-journey-grid p{color:#877262}.dx-journey-grid a{border-top-color:#e8e0d5}.dx-culture-teaser{background:#ede7df}.dx-culture-teaser p:not(.dx-eyebrow){color:#7f6b5c}.dx-culture-emblem,.dx-culture-emblem:before,.dx-culture-emblem:after{border-color:#8e572d80}.dx-culture-emblem span{color:#8a552c}.dx-culture-emblem small{color:#785031}
.page-hero{background:linear-gradient(120deg,#f4f0eb,#ece6dd)}.page-hero h1,.detail-title h1{font-family:var(--heading);font-weight:750;letter-spacing:-.075em}.page-hero h1 em,.intro h2 em,.area-explain h2 em,.map-next h2 em{color:#7c4c27}.page-hero p,.detail-title p,.profile-note p,.source-row p{color:#7e6b5c}.page-hero-side{color:#876042}.record-card{border-color:#e9e1d7;border-radius:0.75rem;overflow:hidden;box-shadow:0 0.5rem 1.5625rem #3d231c0a}.record-card:hover{box-shadow:0 0.875rem 1.75rem #3d231c25}.record-art,.detail-art{background:#f0ebe5;color:#b1956d}.record-art.rank-city,.detail-art.rank-city{background:#f2ede7;color:#bba381}.record-art.rank-list,.detail-art.rank-list{background:#f2f0ee;color:#b3a796}.record-body h3,.profile-note h2,.related h2,.related-list strong{font-family:var(--heading);font-weight:700}.record-body{background:#fff}.record-body .eyebrow{color:#8a6447}.record-more{border-top-color:#eae3d9}.detail-rank{color:#744725;border-color:#c7af8d;background:#f5f2ed;border-radius:1.25rem}.detail-aside{background:#f3efe9;border-radius:0.875rem}.facts>div{border-bottom-color:#e8e0d6}.facts span{color:#91694b}.profile-note a,.source-row a{border-bottom-color:#8d562c}.button-dark{background:#412017}.button-dark:hover{background:#84512a}.button-outline{border-color:#7a4b27;border-radius:0.5rem;color:#6d3626}.button-outline:hover{background:#f2eee9}.select-wrap select,.search-box{border-color:#e3d9ca;border-radius:0.5rem}.select-wrap select{background-color:white}.search-box input{color:#43271f}.results-line{color:#7c6859}.dx-sub-intro>p,.dx-culture-lead>p:not(.dx-eyebrow),.dx-culture-bottom p:not(.dx-eyebrow){color:#857060}.dx-roadmap{background:#341c16;color:#f9f7f5}.dx-roadmap article{border-color:#71523a;border-radius:0.875rem}.dx-roadmap article.ready{background:#663224}.dx-roadmap article>span,.dx-roadmap-symbol,.dx-roadmap a{color:#d7b381}.dx-roadmap p{color:#e6ded3}.dx-roadmap a{border-top-color:#ac805e}.dx-next-banner{background:#ede7df}.dx-next-banner .dx-light-button{background:#7a4b27;color:white}.dx-culture-page{background:#faf9f7}.dx-culture-cards article{background:#f1ede7;border-radius:0.875rem}.dx-culture-cards article:nth-child(2){background:#f3efea}.dx-culture-cards article>span{color:#88532b}.dx-culture-cards strong{font-family:var(--heading);font-weight:700}.dx-culture-cards p{color:#877262}.dx-culture-bottom{background:#341c15}.dx-culture-bottom h2 em{color:#cdaa78}.dx-culture-bottom p:not(.dx-eyebrow){color:#e5dcd0}.footer{background:#29150f;color:#f6f4f0}.footer h2{font-family:var(--heading);font-weight:750}.footer h2 em{color:#caa775}.footer p{color:#d3c3ac}.footer-links a{border-bottom-color:#654934}.footer-bottom{border-top-color:#654934;color:#bda584}
/* Atlas uses the same information architecture as the Ứng Hòa explorer, with Google Maps as the base. */
.dx-atlas{background:#281510;color:#f8f6f3;min-height:53.125rem;padding:4.5rem max(5%,calc((100vw - 80rem)/2)) 5rem;display:flex;flex-direction:column;gap:1.4375rem}.dx-atlas-top{text-align:center}.dx-atlas-top .dx-eyebrow{color:#cba876;letter-spacing:.19em}.dx-atlas-top h1,.dx-atlas-top h2{font-family:var(--heading);font-weight:780;font-size:clamp(2.625rem,5vw,4.25rem);letter-spacing:-.07em;line-height:1.1;margin:0 0 0.75rem}.dx-atlas-top>p:last-child{color:#d1c0a9;font-size:1rem;margin:0}.dx-atlas-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:0.5625rem}.dx-atlas-filters button{display:flex;align-items:center;gap:0.625rem;border:1px solid #633f35;background:#351d16;color:#e6ded3;border-radius:6.25rem;padding:0.5625rem 1rem;font-size:1rem;line-height:1.2;transition:background .2s,transform .2s}.dx-atlas-filters button:hover{background:#512b20;transform:translateY(-2px)}.dx-atlas-filters button span{background:#492b23;color:#d2b690;border-radius:1.25rem;padding:2px 0.4375rem;font-size:1rem}.dx-atlas-filters button[aria-pressed=true]{background:#90582d;color:#2f1711;border-color:#b97440;font-weight:750}.dx-atlas-filters button[aria-pressed=true] span{background:#f7f4f0;color:#51281d}.dx-atlas-grid{display:grid;grid-template-columns:18.75rem minmax(0,1fr);gap:1.25rem;height:35.625rem;min-height:0}.dx-atlas-sidebar{display:flex;flex-direction:column;min-height:0;gap:0.75rem}.dx-atlas-sidebar-head{display:flex;justify-content:space-between;align-items:center;gap:0.625rem;font-size:1rem;letter-spacing:.08em}.dx-atlas-sidebar-head strong{font-weight:750}.dx-atlas-sidebar-head output{color:#cfb38c;font-size:1rem;white-space:nowrap}.dx-atlas-search{display:flex;gap:0.625rem;align-items:center;background:#3c231c;border:1px solid #70513a;border-radius:0.5625rem;padding:0 0.75rem;height:2.75rem}.dx-atlas-search span{font-size:1.5rem;color:#d1b389;line-height:1}.dx-atlas-search input{width:100%;height:100%;border:0;background:transparent;outline:none;color:#fff;font-size:1rem}.dx-atlas-search input::placeholder{color:#bfa888}.dx-atlas-results{overflow:auto;min-height:0;flex:1;scrollbar-color:#6e5039 #361e17;padding-right:0.25rem}.dx-atlas-results>button{display:grid;grid-template-columns:1.875rem minmax(0,1fr) 1rem;gap:0.5rem;align-items:center;text-align:left;width:100%;min-height:3rem;background:#351d16;color:#f8f5f2;border:1px solid #54362d;border-radius:0.5rem;margin:0 0 0.375rem;padding:0.4375rem 0.5625rem}.dx-atlas-results>button:hover,.dx-atlas-results>button[aria-pressed=true]{background:#643123;border-color:#b67b4d}.dx-atlas-num{background:#502b21;color:#dabd94;border-radius:50%;width:1.5625rem;height:1.5625rem;display:grid;place-items:center;font-size:1rem}.dx-atlas-results>button[aria-pressed=true] .dx-atlas-num{background:#ede7df;color:#5b2d20}.dx-atlas-results>button strong{display:block;font-size:1rem;line-height:1.3;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-atlas-results>button small{display:block;color:#cfbea6;font-size:1rem;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-atlas-results>button b{font-weight:400;font-size:1.125rem;color:#dabc91}.dx-atlas-empty{font-size:1rem;color:#d2c1aa;padding:1.25rem 0.3125rem}.dx-atlas-pager{display:flex;justify-content:space-between;align-items:center;gap:0.625rem}.dx-atlas-pager button{background:#3f231c;color:#f1ede7;border:1px solid #74543c;border-radius:0.375rem;width:2.1875rem;height:2.1875rem}.dx-atlas-pager button:disabled{opacity:.36;cursor:default}.dx-atlas-pager output{font-size:1rem;color:#d1bfa6}.dx-atlas-map{position:relative;min-width:0;overflow:hidden;background:#ece6dd;border-radius:0.9375rem;border:1px solid #936b4c}.dx-atlas-map iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.68) sepia(.10)}.dx-atlas-map-brand{position:absolute;top:0.875rem;right:0.875rem;background:#311913e8;color:#ede7de;padding:0.5rem 0.6875rem;border-radius:6.25rem;font-size:1rem;letter-spacing:.1em;pointer-events:none;box-shadow:0 0.5rem 1.375rem #351e1740}.dx-map-pulse{display:inline-block;width:0.4375rem;height:0.4375rem;border-radius:50%;background:#d1a76d;margin-right:0.3125rem;box-shadow:0 0 0 0.25rem #d1a76d30}.dx-atlas-card{position:absolute;left:1rem;bottom:1rem;z-index:2;width:min(22.5rem,calc(100% - 2rem));background:#fff;color:#3f231b;border-radius:0.75rem;box-shadow:0 1.125rem 3.4375rem #3018115c;padding:1.4375rem 1.375rem 1.125rem}.dx-atlas-card[hidden]{display:none}.dx-atlas-card>p{font-size:1rem;color:#7b4b27;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin:0 2rem 0.5625rem 0}.dx-atlas-card h3{font-family:var(--heading);font-weight:750;font-size:1.5625rem;line-height:1.18;letter-spacing:-.05em;margin:0 1.875rem 1.25rem 0}.dx-atlas-card>div{display:flex;gap:0.875rem;flex-wrap:wrap}.dx-atlas-card a{font-size:1rem;color:#6a3425;font-weight:700;display:flex;gap:0.625rem;align-items:center}.dx-atlas-card a:first-child{background:#f2eee8;padding:0.5625rem 0.6875rem;border-radius:0.375rem}.dx-atlas-close{position:absolute;top:0.75rem;right:0.75rem;border:0;background:#f5f2ee;border-radius:50%;width:1.875rem;height:1.875rem;color:#603326;font-size:1.25rem;line-height:1}.dx-atlas-standalone{min-height:calc(100svh - 4.875rem)}.dx-atlas-standalone .dx-atlas-grid{height:clamp(33.75rem,64svh,47.5rem)}
@media(max-width:1100px){.main-nav{gap:0.6875rem}.brand{min-width:11rem}.main-nav a{font-size:1rem}.header-cta{font-size:1rem;padding:0.625rem}.dx-atlas-grid{grid-template-columns:16.875rem minmax(0,1fr)}}
@media(max-width:1000px){.site-header{height:4.25rem}.main-nav{top:4.25rem;background:#fbfaf9}.brand-mark{width:2.75rem;height:2.75rem;font-size:0.9375rem}.brand-text strong{font-size:1.125rem}.dx-hero{height:calc(100svh - 4.25rem);min-height:38.125rem}.dx-hero-heading h1{font-size:clamp(3.5rem,16.5vw,6.5625rem);letter-spacing:-.09em}.dx-hero-heading>span{font-size:1rem}.dx-hero-building{width:max(245%,110svh)}.dx-hero-bottom p{font-size:1.3125rem}.dx-atlas{padding:3.875rem 5% 4.0625rem;gap:1.125rem;min-height:0}.dx-atlas-top h1,.dx-atlas-top h2{font-size:2.5rem}.dx-atlas-filters{justify-content:start;overflow:auto;flex-wrap:nowrap;padding-bottom:0.25rem}.dx-atlas-filters button{white-space:nowrap;font-size:1rem;padding:0.5rem 0.75rem}.dx-atlas-grid,.dx-atlas-standalone .dx-atlas-grid{display:flex;flex-direction:column;height:auto}.dx-atlas-map{order:1;height:26.875rem;flex:none}.dx-atlas-sidebar{order:2;height:26.875rem;flex:none}.dx-atlas-card{bottom:0.625rem;left:0.625rem;width:calc(100% - 1.25rem);padding:1.0625rem}.dx-atlas-card h3{font-size:1.3125rem;margin-bottom:0.8125rem}.dx-feature-choices strong{font-size:1.125rem}.dx-journey-grid h3{font-size:2rem}.dx-sub-intro h2,.dx-culture-page h2,.dx-next-banner h2,.dx-culture-bottom h2{font-weight:750}}
@media(max-width:420px){.dx-hero-heading h1{font-size:16vw}.dx-atlas-map{height:25rem}.dx-atlas-sidebar{height:25.625rem}}
@media(prefers-reduced-motion:reduce){.dx-atlas-filters button{transition:none}}

/* Google Fonts typography and one consistent icon family. */
button,input,select,textarea{font-family:var(--body)}
.material-symbols-outlined{font-family:'Material Symbols Outlined'!important;font-weight:normal!important;font-style:normal;font-size:1.25rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;vertical-align:middle;flex:none}
.header-cta{display:inline-flex;align-items:center;gap:0.75rem}
.header-cta .material-symbols-outlined{font-size:1.125rem;margin-left:0}
.arch-icon .material-symbols-outlined{font-size:3.0625rem}
.featured-icon .material-symbols-outlined{font-size:3.5rem}
.detail-art-icon .material-symbols-outlined{font-size:5.625rem}
.dx-hero-cta .material-symbols-outlined{font-size:1.5rem}
.dx-text-link .material-symbols-outlined,.dx-light-button .material-symbols-outlined{font-size:1.125rem}
.dx-feature-choices button>.material-symbols-outlined{font-size:1.4375rem;justify-self:end}
.dx-journey-icon .material-symbols-outlined{font-size:2.875rem}
.dx-journey-grid a .material-symbols-outlined{font-size:1.125rem}
.dx-roadmap-symbol .material-symbols-outlined{font-size:3.5rem}
.dx-culture-emblem>.material-symbols-outlined{font-size:4.6875rem;color:#b48a54}
.search-box>.material-symbols-outlined,.dx-atlas-search>.material-symbols-outlined{font-size:1.3125rem;color:#a87542}
.dx-atlas-results>button>.material-symbols-outlined{font-size:1.1875rem;color:#dabc91}
.dx-atlas-pager button .material-symbols-outlined{font-size:1.25rem}
.dx-atlas-card a .material-symbols-outlined{font-size:1.0625rem}
.dx-atlas-close .material-symbols-outlined{font-size:1.25rem}
.related-list a .material-symbols-outlined{font-size:1.25rem}
.results-line button{display:inline-flex;align-items:center;gap:0.3125rem}
.results-line button .material-symbols-outlined,.load-wrap .material-symbols-outlined{font-size:1.125rem}

/* Lacquer red for emphasis on paper; bronze stays the accent on dark surfaces. */
.dx-eyebrow,.section-kicker,.eyebrow,.dx-stats strong,.dx-journey-grid article>span,.dx-journey-icon,.page-hero h1 em,.intro h2 em,.area-explain h2 em,.map-next h2 em,.dx-homeland-copy h2 em,.dx-section-head h2 em,.dx-culture-teaser h2 em,.dx-sub-intro h2 em,.dx-culture-page h2 em,.dx-next-banner h2 em{color:#8b4633}
.dx-experience h2 em,.dx-culture-bottom h2 em,.footer h2 em,.dx-atlas-top .dx-eyebrow{color:#d7b17c}
.dx-atlas-filters button[aria-pressed=true]{background:#b98b52;border-color:#d4ab71;color:#281a17}
.dx-atlas-filters button[aria-pressed=true] span{color:#5b3026}
.dx-journey-grid article:hover{border-color:#b98b52}
@media(max-width:1000px){.header-cta{display:none}}
.dx-atlas-filters{scrollbar-width:none}.dx-atlas-filters::-webkit-scrollbar{display:none}
@media(max-width:1000px){.dx-hero-building{width:max(360%,140svh);bottom:-4%}}