@font-face{font-family:Archivo;src:url(/fonts/archivo-normal-vietnamese.woff2)format("woff2");font-weight:100 900;font-style:normal;font-stretch:62% 125%;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;src:url(/fonts/archivo-normal-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-stretch:62% 125%;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-italic-vietnamese.woff2)format("woff2");font-weight:200 800;font-style:italic;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-italic-latin.woff2)format("woff2");font-weight:200 800;font-style:italic;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--c-bg:#e9ece9;--c-fg:#111a1d;--c-muted:#56646a;--c-line:#111a1d29;--c-accent:#b7301d;--c-silt:#c48a57;--c-silt-2:#e3cfb0;--c-curtain:#0d2630;--c-wordmark:#155166;--c-deep:#0d2630;--c-paper:#f4f5f2;--f-display:"Archivo",system-ui,sans-serif;--f-body:"Archivo",system-ui,sans-serif;--f-quote:"Newsreader",Georgia,serif;--t-mega:clamp(4.4rem,.6rem + 15.2vw,17.5rem);--t-xl:clamp(2.4rem,1.2rem + 4.8vw,6rem);--t-l:clamp(1.7rem,1.25rem + 1.9vw,3rem);--t-m:clamp(1.2rem,1.05rem + .6vw,1.6rem);--t-body:clamp(1rem,.95rem + .22vw,1.0625rem);--t-s:.875rem;--t-xs:.75rem;--u:clamp(.5rem,.35rem + .6vw,1rem);--gutter:clamp(1rem,.6rem + 1.6vw,2.5rem);--cols:12;--radius:0px;--z-content:1;--z-header:50;--z-curtain:90;--z-loader:100;--header:4.5rem}html.is-dark{--c-bg:#0d2630;--c-fg:#e9ece9;--c-muted:#a9b7bb;--c-line:#e9ece92e;--c-paper:#12303b}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background:var(--c-bg);color:var(--c-fg);transition:background-color .7s,color .7s}body{min-height:100dvh;font-family:var(--f-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;background:var(--c-bg);line-height:1.55;transition:background-color .7s;overflow-x:clip}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:inherit;font-size:inherit;text-wrap:balance}p{text-wrap:pretty}ul{padding:0;list-style:none}::selection{background:var(--c-accent);color:#fff}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:2px}#main:focus{outline:none}.skip-link{left:var(--gutter);top:var(--gutter);z-index:calc(var(--z-loader) + 1);background:var(--c-fg);color:var(--c-bg);padding:.6em 1em;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}#main{z-index:var(--z-content);position:relative}.motion [data-split],.motion [data-reveal]{visibility:hidden}[data-split]>*,[data-split]>*>*{text-indent:0}[data-split]>:first-child,[data-split]>:first-child>:first-child{text-indent:inherit}#curtain{z-index:var(--z-curtain);pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.curtain__panel{background:var(--c-curtain);position:absolute;inset:0}.curtain__wave{width:100%;height:60px;fill:var(--c-curtain);position:absolute;top:-59px;left:0;right:0}#loader{z-index:var(--z-loader);padding:var(--gutter);background:var(--c-deep);color:#e9ece9;clip-path:inset(0);align-content:end;display:grid;position:fixed;inset:0}.loader__inner{font-family:var(--f-display);font-variation-settings:"wdth" 112;letter-spacing:-.03em;font-weight:800;font-size:var(--t-l);justify-content:space-between;align-items:end;line-height:1;display:flex;overflow:hidden}.loader__count{font-variation-settings:"wdth" 78;font-weight:600;font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;display:block;overflow:hidden}.loader__river{width:100%;height:40px;margin-top:calc(var(--u) * 2);overflow:visible}.loader__river path{fill:none;stroke:var(--c-silt);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0));pathLength:1}html:not(.js) #loader,#loader[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{padding-inline:var(--gutter)}.label{font-family:var(--f-display);font-variation-settings:"wdth" 78;font-weight:600;font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);line-height:1.3}.display{font-family:var(--f-display);font-variation-settings:"wdth" 112;letter-spacing:-.045em;font-weight:800;line-height:.88;font-size:var(--t-mega);margin-left:-.04em}.h1{font-family:var(--f-display);font-variation-settings:"wdth" 110;letter-spacing:-.04em;font-weight:800;line-height:.94;font-size:var(--t-xl);margin-left:-.03em}.h2{font-family:var(--f-display);font-variation-settings:"wdth" 108;letter-spacing:-.035em;font-weight:700;line-height:.98;font-size:var(--t-xl);margin-left:-.02em}.statement{font-family:var(--f-display);font-variation-settings:"wdth" 104;letter-spacing:-.03em;font-weight:600;line-height:1.08;font-size:var(--t-l)}.lead{font-size:var(--t-m);font-variation-settings:"wdth" 98;letter-spacing:-.012em;font-weight:500;line-height:1.4}p+p{margin-top:1em}small{font-size:var(--t-xs);color:var(--c-muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.link{background:linear-gradient(var(--c-accent) 0 0) left bottom / 100% 1px no-repeat;text-decoration:none;transition:background-size .4s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.link:hover{background-size:100% 2px}}.link:focus-visible{background-size:100% 2px}.src{font-size:var(--t-s);color:var(--c-muted);text-underline-offset:.25em;margin-top:.6em;text-decoration:underline;text-decoration-thickness:1px;transition:color .3s;display:inline-block}.src+.src{margin-left:1.2em}.src__date{color:var(--c-muted)}@media (hover:hover){.src:hover{color:var(--c-accent)}}.draw{background:linear-gradient(currentColor 0 0) 0 100%/0% 1px no-repeat;padding-bottom:.15em;transition:background-size .45s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.draw:hover{background-size:100% 1px}}.draw:focus-visible,.draw[aria-current=page]{background-size:100% 1px}.btn{isolation:isolate;font-family:var(--f-display);font-variation-settings:"wdth" 92;font-weight:600;font-size:var(--t-s);letter-spacing:.01em;white-space:nowrap;border:1px solid;align-items:center;gap:.9em;min-height:44px;padding:.95em 1.5em;line-height:1;transition:color .35s;display:inline-flex;position:relative;overflow:clip}.btn:before{content:"";z-index:-1;background:var(--c-fg);transform-origin:0;transition:transform .55s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.btn svg{flex:none;width:1.05em;height:1.05em;transition:translate .45s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.btn:hover{color:var(--c-bg)}.btn:hover:before{transform:scaleX(1)}.btn:hover svg{translate:.35em}}.btn:focus-visible{color:var(--c-bg)}.btn:focus-visible:before{transform:scaleX(1)}.btn:active{color:var(--c-bg)}.btn:active:before{transition-duration:.15s;transform:scaleX(1)}.btn--accent{color:var(--c-accent)}.btn--accent:before{background:var(--c-accent)}@media (hover:hover){.btn--accent:hover{color:#fff}}.btn--accent:focus-visible,.btn--accent:active{color:#fff}.btn--small{min-height:40px;padding:.7em 1.1em}html.is-dark .btn:before{background:var(--c-fg)}.ben-dot{background:var(--c-accent);vertical-align:middle;opacity:.35;border-radius:50%;width:.6em;height:.6em;margin-right:.8em;transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1);display:inline-block;transform:scale(.8)}.is-reached .ben-dot{opacity:1;transform:scale(1)}.ben-dot--hidden{opacity:0;width:0;height:0;margin:0}.status{padding:calc(var(--header) + 20vh) var(--gutter)}.status-block{padding:calc(var(--header) + 10vh) var(--gutter) 10vh;max-width:60ch}.status-block .btn{margin-top:1.5rem}.frame{z-index:var(--z-header);padding:calc(var(--gutter) * .8) var(--gutter);mix-blend-mode:difference;color:#fff;pointer-events:none;justify-content:space-between;align-items:flex-start;transition:translate .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0 0 auto}.frame>*{pointer-events:auto}.frame__brand{font-family:var(--f-display);flex-direction:column;gap:.15em;display:flex}.frame__wordmark{font-variation-settings:"wdth" 112;letter-spacing:-.03em;font-size:1.15rem;font-weight:800;line-height:1}.frame__ben{color:var(--c-silt-2);margin-left:.6em;transition:opacity .4s;display:inline}.frame__ben:empty{display:none}.frame__sub{font-variation-settings:"wdth" 78;letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:.62rem;font-weight:600}.frame__nav{font-family:var(--f-display);font-variation-settings:"wdth" 88;font-weight:600;font-size:var(--t-s);gap:1.6rem;padding-top:.2rem;display:flex}.frame__menu{font-family:var(--f-display);font-variation-settings:"wdth" 88;font-weight:600;font-size:var(--t-s);color:#fff;min-height:44px;padding:.6rem 0;display:none}.frame__bottom{right:var(--gutter);bottom:calc(var(--gutter) * .8 + env(safe-area-inset-bottom));z-index:var(--z-header);pointer-events:none;mix-blend-mode:difference;color:#fff;position:fixed}.frame__bottom .label{color:#fff;font-variant-numeric:tabular-nums;transition:opacity .4s}.frame__hint{transition:opacity .4s,translate .6s cubic-bezier(.16,1,.3,1)}html.is-scrolled .frame__hint{opacity:0;translate:0 100%}.menu{z-index:calc(var(--z-header) - 1);background:var(--c-deep);color:#e9ece9;padding:var(--gutter);flex-direction:column;justify-content:center;gap:.4em;display:flex;position:fixed;inset:0}.menu[hidden]{display:none}.menu__link{font-family:var(--f-display);font-variation-settings:"wdth" 112;letter-spacing:-.04em;border-bottom:1px solid #e9ece926;padding:.1em 0;font-size:clamp(2.6rem,10vw,5rem);font-weight:800;line-height:1}.menu__link[aria-current=page]{color:var(--c-silt)}.menu__note{color:#a9b7bb;margin-top:2rem}.page{isolation:isolate;position:relative}.page>:not(.river){z-index:1;position:relative}.river{z-index:0;pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:visible}.river__bed{fill:none;stroke:var(--c-silt);stroke-width:2.5px;stroke-linecap:round;opacity:.9}.river__flow{fill:none;stroke:var(--c-bg);stroke-width:1.3px;stroke-dasharray:9 17;stroke-linecap:round;opacity:.9}@media (width<=767px){.river__bed{stroke-width:2px;opacity:.7}.river__dots circle{r:4}}.river__mask{fill:none;stroke:#fff;stroke-width:3px}.river__dots circle{fill:var(--c-accent);stroke:var(--c-bg);stroke-width:3px}.river__boat{fill:var(--c-fg);stroke:var(--c-fg);stroke-width:1.5px;transition:fill .7s,stroke .7s}.cover{aspect-ratio:4/3;padding:var(--gutter);background:var(--c-deep);color:var(--c-silt-2);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:clip}.cover[data-rank=Thành\ phố]{background:var(--c-silt-2);color:var(--c-deep)}.cover[data-rank=Kiểm\ kê]{background:var(--c-paper);color:var(--c-fg);outline:1px solid var(--c-line);outline-offset:-1px}.cover__index{top:var(--gutter);left:var(--gutter);font-family:var(--f-display);font-variation-settings:"wdth" 78;font-weight:600;font-size:var(--t-xs);letter-spacing:.08em;position:absolute}.cover__name{font-family:var(--f-display);font-variation-settings:"wdth" 112;letter-spacing:-.04em;font-size:clamp(1.6rem,1rem + 2.6vw,3.2rem);font-weight:800;line-height:.92}.cover__meta{font-family:var(--f-display);font-variation-settings:"wdth" 78;font-weight:600;font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-top:.8em}.preview{aspect-ratio:4/5;pointer-events:none;opacity:0;visibility:hidden;z-index:5;background:var(--c-deep);width:min(22vw,300px);position:fixed;top:0;left:0;overflow:clip;translate:-50% -50%}.preview .cover{aspect-ratio:auto;position:absolute;inset:0}.preview .cover__name{font-size:clamp(1.2rem,1.6vw,1.6rem)}.preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preview img[hidden]{display:none}@media (hover:none){.preview{display:none}}.hero{min-height:100svh;padding:calc(var(--header) + var(--u) * 2) var(--gutter) calc(var(--gutter) * .8 + 3.2rem);display:flex}.hero__grid{column-gap:var(--gutter);grid-template-rows:auto 1fr auto auto;grid-template-columns:repeat(12,minmax(0,1fr));align-content:end;width:100%;display:grid}.hero__meta{grid-area:1/1/auto/7;align-self:end}.hero__title{z-index:2;margin-top:var(--u);flex-direction:column;grid-area:2/1/auto/9;align-self:end;display:flex;position:relative}.hero__word{display:block}.hero__point{width:0;height:0;position:absolute;bottom:-.22em;left:58%}.hero__media{margin-top:calc(var(--u) * 1.5);grid-area:1/7/3/13;align-self:start;position:relative}.hero__media img{aspect-ratio:3/2;object-fit:cover;width:100%}.hero__media figcaption{text-align:right;margin-top:.6em}.hero__lead{margin-top:calc(var(--u) * 3);max-width:32ch;font-size:var(--t-m);letter-spacing:-.012em;grid-area:3/1/auto/5;font-weight:500;line-height:1.35}.hero__actions{place-self:end start;gap:var(--u);margin-top:calc(var(--u) * 3);flex-wrap:wrap;grid-area:3/5/auto/13;display:flex}.hero__facts{justify-content:space-between;gap:var(--u);margin-top:calc(var(--u) * 3);padding-top:var(--u);border-top:1px solid var(--c-line);grid-area:4/1/auto/13;display:flex}.hero__facts div{align-items:baseline;gap:.6em;display:flex}.hero__facts dd{color:var(--c-fg);font-variant-numeric:tabular-nums;font-size:var(--t-s)}.memory{padding:calc(var(--u) * 14) var(--gutter) calc(var(--u) * 10)}.memory__grid{column-gap:var(--gutter);row-gap:calc(var(--u) * 3);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.memory__kicker{grid-area:1/1/auto/6}.memory__quote{font-family:var(--f-quote);font-style:italic;font-weight:400;font-size:var(--t-l);letter-spacing:-.01em;font-variation-settings:"opsz" 48;grid-area:2/1/auto/6;line-height:1.15}.memory__quote cite{margin-top:1em;font-style:normal;display:block}.memory__media{grid-area:1/6/4/13;align-self:start}.memory__media img{aspect-ratio:3/2;object-fit:cover;width:100%}.memory__media figcaption{max-width:48ch;margin-top:.6em}.memory__copy{margin-top:calc(var(--u) * 2);grid-area:3/1/auto/6}.memory__copy .h2{font-size:var(--t-l);margin-bottom:1.2em}.memory__copy .lead{margin-bottom:1em}.memory__intangible{border-top:1px solid var(--c-line);font-size:var(--t-s);color:var(--c-muted);margin-top:1.2em;padding-top:1em}.memory__links{flex-wrap:wrap;align-items:center;gap:1.4em;margin-top:1.6em;display:flex}.memory__links .src{margin:0}.section-head{padding:0 var(--gutter) calc(var(--u) * 4);column-gap:var(--gutter);row-gap:calc(var(--u) * 1.5);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.section-head>.label{grid-column:1/13}.section-head>.h2{grid-column:1/9}.section-head__note{max-width:46ch;font-size:var(--t-s);color:var(--c-muted);grid-column:8/13;align-self:end}.section-head--split>div{row-gap:calc(var(--u) * 1.5);grid-column:1/8;display:grid}.section-head--split .section-head__note{grid-column:9/13;align-self:end}.atlas-section{padding:calc(var(--u) * 6) 0 calc(var(--u) * 12)}.atlas{column-gap:var(--gutter);padding:0 var(--gutter);grid-template-columns:7fr 5fr;align-items:start;display:grid}.atlas__board{top:calc(var(--u) * 4);position:sticky}.atlas__svg{background:var(--c-paper);outline:1px solid var(--c-line);width:100%;height:auto}.atlas__outline{fill:var(--c-bg);stroke:var(--c-fg);stroke-width:2.5px;stroke-linejoin:round}html.is-dark .atlas__outline{fill:#12303b}.atlas__water{fill:none;stroke:#8fb6c3;stroke-width:3.5px;stroke-linecap:round}.atlas__water--area{fill:#b9d6df;stroke:#8fb6c3;stroke-width:1px}.atlas__road{fill:none;stroke:var(--c-silt-2);stroke-width:2.2px}.atlas__pin .atlas__hit{fill:#0000;cursor:pointer;outline:none}.atlas__pin .atlas__dot{fill:var(--c-accent);stroke:var(--c-bg);stroke-width:3px;pointer-events:none;transition:r .3s}.atlas__pin:hover .atlas__dot,.atlas__pin.is-selected .atlas__dot,.atlas__pin:focus-within .atlas__dot{r:8}.atlas__pin:focus-within .atlas__hit{stroke:var(--c-accent);stroke-width:2px}.atlas__pin-label{font-family:var(--f-display);text-anchor:middle;fill:var(--c-fg);pointer-events:none;paint-order:stroke;stroke:var(--c-bg);stroke-width:4px;stroke-linejoin:round;font-size:13px;font-weight:700}.atlas__msg{padding:30% var(--gutter);text-align:center;color:var(--c-muted)}.atlas__credit{max-width:70ch;margin-top:.8em}.atlas__card{border-top:2px solid var(--c-fg);padding-top:var(--u);min-height:9rem;margin-bottom:calc(var(--u) * 2)}.atlas__card-name{font-family:var(--f-display);font-variation-settings:"wdth" 108;letter-spacing:-.03em;font-weight:700;font-size:var(--t-l);margin:.4em 0 .5em;line-height:1}.atlas__card p{font-size:var(--t-s);max-width:44ch;margin-bottom:1em}.atlas__card--empty p{color:var(--c-muted)}.atlas__villages{columns:2;column-gap:var(--gutter)}.atlas__villages>li{break-inside:avoid;padding-bottom:var(--u)}.atlas__village{border-bottom:1px solid var(--c-line);padding:.5em 0 .3em;display:block}.atlas__item{text-align:left;width:100%;font-size:var(--t-s);border-bottom:1px solid var(--c-line);font-variant-numeric:tabular-nums;justify-content:space-between;gap:.6em;min-height:32px;padding:.45em 0;transition:color .3s,padding-left .4s cubic-bezier(.16,1,.3,1);display:flex}@media (hover:hover){.atlas__item:hover{color:var(--c-accent);padding-left:.5em}}.atlas__item.is-active{color:var(--c-accent);padding-left:.5em}.atlas__item.is-unpinned{color:var(--c-muted)}.atlas__nopin{font-size:var(--t-xs);color:var(--c-muted);white-space:nowrap}.records{padding:calc(var(--u) * 6) 0 calc(var(--u) * 12)}.records--page{padding-top:calc(var(--u) * 2)}.index{margin:0 var(--gutter);border-bottom:1px solid var(--c-line)}.index a{isolation:isolate;align-items:center;column-gap:var(--u);border-top:1px solid var(--c-line);font-variant-numeric:tabular-nums;grid-template-columns:3rem minmax(0,1fr) 10rem 8rem 2.5rem;padding:1.05rem 0;transition:color .35s;display:grid;position:relative}.index a:before{content:"";inset:0 calc(var(--gutter) * -1);z-index:-1;background:var(--c-fg);transform-origin:0;transition:transform .55s cubic-bezier(.16,1,.3,1);position:absolute;transform:scaleX(0)}.index__num{font-family:var(--f-display);font-variation-settings:"wdth" 78;font-weight:600;font-size:var(--t-xs);letter-spacing:.08em;color:var(--c-muted)}.index__name{font-family:var(--f-display);font-variation-settings:"wdth" 106;letter-spacing:-.025em;font-weight:700;font-size:var(--t-m);line-height:1;transition:translate .45s cubic-bezier(.16,1,.3,1)}.index__village,.index__rank{font-size:var(--t-s);color:var(--c-muted)}.index__rank[data-rank=Quốc\ gia]{color:var(--c-accent)}.index__arrow{opacity:.4;justify-self:end;width:1.1rem;height:1.1rem;transition:translate .45s cubic-bezier(.16,1,.3,1),opacity .3s}@media (hover:hover){.index a:hover{color:var(--c-bg)}.index a:hover:before{transform:scaleX(1)}.index a:hover .index__name{translate:.6rem}.index a:hover .index__num,.index a:hover .index__village,.index a:hover .index__rank{color:var(--c-bg)}.index a:hover .index__arrow{opacity:1;translate:.3rem}}.index a:focus-visible{color:var(--c-bg);outline-offset:-2px}.index a:focus-visible:before{transform:scaleX(1)}.index a:focus-visible .index__num,.index a:focus-visible .index__village,.index a:focus-visible .index__rank{color:var(--c-bg)}.records__more{padding:calc(var(--u) * 3) var(--gutter) 0}.festival{padding:calc(var(--u) * 14) var(--gutter) calc(var(--u) * 14)}.festival__grid{column-gap:var(--gutter);row-gap:calc(var(--u) * 3);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.festival__kicker{grid-column:1/8}.festival__title{grid-column:1/8;max-width:14ch}.festival__media{grid-area:1/8/3/13;align-self:start}.festival__media img{aspect-ratio:3/2;object-fit:cover;width:100%}.festival__media figcaption{margin-top:.6em}.events{border-top:1px solid var(--c-line);margin-top:calc(var(--u) * 2);grid-area:3/1/auto/8}.events li{column-gap:var(--gutter);padding:calc(var(--u) * 2) 0;border-bottom:1px solid var(--c-line);grid-template-columns:12rem minmax(0,1fr);display:grid}.events__date{font-family:var(--f-display);font-variation-settings:"wdth" 96;letter-spacing:-.02em;font-weight:700;font-size:var(--t-m);font-variant-numeric:tabular-nums;line-height:1.1}.events__title{font-family:var(--f-display);font-variation-settings:"wdth" 106;letter-spacing:-.025em;font-weight:700;font-size:var(--t-m);margin-bottom:.5em;line-height:1.1}.events p{font-size:var(--t-s);max-width:52ch}.festival__note{font-size:var(--t-s);color:var(--c-muted);grid-area:3/8/auto/13;align-self:end;max-width:40ch}.journey{padding:calc(var(--u) * 14) var(--gutter) calc(var(--u) * 12)}.journey__grid{column-gap:var(--gutter);row-gap:calc(var(--u) * 4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.journey__grid>.label{grid-column:1/13}.journey .statement{grid-column:1/10}.facts{column-gap:var(--gutter);border-top:1px solid var(--c-line);padding-top:var(--u);grid-column:1/13;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.facts dd{font-family:var(--f-display);font-variation-settings:"wdth" 112;letter-spacing:-.05em;font-weight:800;font-size:var(--t-xl);font-variant-numeric:tabular-nums;line-height:.9}.facts dt{font-size:var(--t-s);color:var(--c-muted);margin-top:.6em}.milestones{border-top:1px solid var(--c-line);grid-column:1/8}.milestones li{column-gap:var(--gutter);padding:calc(var(--u) * 1.8) 0;border-bottom:1px solid var(--c-line);grid-template-columns:7rem minmax(0,1fr);display:grid}.milestones__year{font-family:var(--f-display);font-variation-settings:"wdth" 96;letter-spacing:-.02em;font-weight:700;font-size:var(--t-m);font-variant-numeric:tabular-nums;line-height:1.1}.milestones h3{font-family:var(--f-display);font-variation-settings:"wdth" 104;letter-spacing:-.02em;font-weight:700;font-size:var(--t-m);margin-bottom:.4em;line-height:1.1}.milestones p{font-size:var(--t-s);max-width:56ch}.demo{top:calc(var(--u) * 4);background:var(--c-paper);outline:1px solid var(--c-line);grid-column:8/13;grid-template-rows:auto 1fr;align-self:start;display:grid;position:sticky}.demo img{aspect-ratio:16/9;object-fit:cover;width:100%}.demo>div{padding:var(--gutter)}.demo__tag{color:var(--c-accent);margin-bottom:.8em;display:inline-block}.demo h3{font-family:var(--f-display);font-variation-settings:"wdth" 106;letter-spacing:-.025em;font-weight:700;font-size:var(--t-m);margin-bottom:.6em;line-height:1.05}.demo p{font-size:var(--t-s);color:var(--c-muted);margin-bottom:1.2em}.journey__sources{grid-column:1/13}.finale{padding:calc(var(--u) * 6) var(--gutter) calc(var(--u) * 7);border-top:1px solid var(--c-line);overflow:clip}.finale__name{white-space:nowrap;margin-bottom:calc(var(--u) * 3);font-size:clamp(4rem,.5rem + 17.5vw,19rem);line-height:.85;position:relative}.finale__point{width:0;height:0;position:absolute;bottom:.12em;right:0}.finale__grid{column-gap:var(--gutter);row-gap:calc(var(--u) * 3);border-top:1px solid var(--c-line);padding-top:calc(var(--u) * 2);padding-bottom:calc(var(--u) * 4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.finale__grid>div{font-size:var(--t-s);grid-column:1/5}.finale__grid>div p{max-width:36ch;margin-top:.6em}.finale__links{font-family:var(--f-display);font-variation-settings:"wdth" 96;font-weight:600;font-size:var(--t-s);flex-direction:column;grid-column:6/9;gap:.5em;display:flex}.finale__links a{min-height:28px;display:inline-block}.finale__small{text-align:right;grid-column:9/13;justify-self:end;max-width:34ch}.page--inner{padding-bottom:calc(var(--u) * 4)}.page-head{padding:calc(var(--header) + var(--u) * 8) var(--gutter) calc(var(--u) * 4);column-gap:var(--gutter);row-gap:calc(var(--u) * 2);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.page-head>.label{grid-column:1/13}.page-head>.h1,.page-head>.display{grid-column:1/11}.page-head__note{max-width:56ch;font-size:var(--t-m);letter-spacing:-.01em;grid-column:1/7;font-weight:500;line-height:1.4}.page-head__note .src{font-size:var(--t-s);font-weight:400;display:block}.page-head__actions{gap:var(--u);flex-wrap:wrap;grid-column:1/13;display:flex}.page-head--404{align-content:center;min-height:80svh}.page-head--404 .display{font-size:clamp(3rem,.5rem + 10vw,11rem)}.page-foot{padding:calc(var(--u) * 10) var(--gutter) calc(var(--u) * 8);justify-content:flex-end;display:flex;position:relative}.page-foot .finale__point{bottom:50%;left:70%;right:auto}.filters{gap:var(--gutter);padding:0 var(--gutter) calc(var(--u) * 2);border-bottom:1px solid var(--c-line);margin:0 var(--gutter);flex-wrap:wrap;align-items:end;padding-inline:0;display:flex}.field{flex-direction:column;flex:16rem;gap:.5em;display:flex}.field input,.field select{border:0;border-bottom:1px solid var(--c-fg);appearance:none;min-height:44px;font-size:var(--t-body);background:0 0;border-radius:0;padding:.6em 0}.field select{background:linear-gradient(45deg,#0000 50%,currentColor 50%) right 6px top 55%/6px 6px no-repeat,linear-gradient(-45deg,#0000 50%,currentColor 50%) right 0 top 55%/6px 6px no-repeat;padding-right:1.2em}.field input:focus-visible,.field select:focus-visible{border-bottom-color:var(--c-accent);box-shadow:0 1px 0 var(--c-accent);outline:none}.chips{border:0;flex-wrap:wrap;align-items:center;gap:.5em;padding:0;display:flex}.chips legend{float:left;margin-right:.8em;padding:0}.chip{isolation:isolate;border:1px solid var(--c-line);min-height:40px;font-family:var(--f-display);font-variation-settings:"wdth" 92;font-weight:600;font-size:var(--t-s);padding:.55em 1em;transition:color .3s,border-color .3s;position:relative;overflow:clip}.chip:before{content:"";z-index:-1;background:var(--c-fg);transform-origin:0;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.chip[aria-pressed=true]{color:var(--c-bg);border-color:var(--c-fg)}.chip[aria-pressed=true]:before{transform:scaleX(1)}@media (hover:hover){.chip:hover{border-color:var(--c-fg)}}.filters__count{flex-basis:100%;margin-top:.5em}.empty{padding:calc(var(--u) * 4) var(--gutter);color:var(--c-muted)}.detail-head{padding:calc(var(--header) + var(--u) * 6) var(--gutter) calc(var(--u) * 4);column-gap:var(--gutter);row-gap:calc(var(--u) * 2);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.detail-head__crumb{flex-wrap:wrap;grid-column:1/13;align-items:center;gap:.5em;display:flex}.detail-head__crumb .ben-dot{margin:0 0 0 .8em}.detail-head>.h1{grid-area:2/1/auto/8}.detail-head__lead{grid-area:3/1/auto/6;max-width:40ch}.detail-head__media,.detail-head__cover{grid-area:2/8/4/13;align-self:start}.detail-head__media img{aspect-ratio:3/2;object-fit:cover;width:100%}.detail-head__media figcaption{margin-top:.6em}.detail-body{column-gap:var(--gutter);padding:calc(var(--u) * 4) var(--gutter) calc(var(--u) * 8);border-top:1px solid var(--c-line);margin:0 var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));padding-inline:0;display:grid}.detail-facts{top:calc(var(--u) * 4);grid-column:1/5;align-self:start;position:sticky}.detail-facts div{gap:var(--u);border-bottom:1px solid var(--c-line);font-size:var(--t-s);grid-template-columns:7rem minmax(0,1fr);padding:.8em 0;display:grid}.detail-facts dt{color:var(--c-muted)}.detail-facts dd small{display:block}.detail-story{grid-column:6/11}.detail-quote{font-family:var(--f-quote);font-style:italic;font-size:var(--t-l);font-variation-settings:"opsz" 48;margin-bottom:1.2em;line-height:1.15}.detail-quote cite{margin-top:.8em;font-style:normal;display:block}.detail-intangible{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);margin-top:1.4em;padding:1em 0}.detail-note{color:var(--c-muted);font-size:var(--t-s)}.detail-events{font-size:var(--t-s);margin-top:1.4em}.detail-events .label{margin-bottom:.3em;display:block}.detail-verify{margin-top:2em}.detail-sources{flex-wrap:wrap;gap:1em;display:flex}.detail-sources .src{margin:0}.detail-siblings{padding:0 var(--gutter) calc(var(--u) * 6)}.detail-siblings ul{flex-wrap:wrap;gap:.6em 2em;margin-top:.8em;display:flex}.next-record{isolation:isolate;padding:calc(var(--u) * 5) var(--gutter) calc(var(--u) * 7);border-top:1px solid var(--c-line);row-gap:.6em;transition:color .4s;display:grid;position:relative}.next-record:before{content:"";z-index:-1;background:var(--c-fg);transform-origin:0;transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.next-record__name{font-size:var(--t-xl)}.next-record__meta{align-items:center;gap:.6em;display:flex}.next-record__meta svg{width:1rem;height:1rem;transition:translate .45s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.next-record:hover{color:var(--c-bg)}.next-record:hover:before{transform:scaleX(1)}.next-record:hover .label{color:var(--c-bg)}.next-record:hover svg{translate:.4em}}.next-record:focus-visible{color:var(--c-bg);outline-offset:-3px}.next-record:focus-visible:before{transform:scaleX(1)}.next-record:focus-visible .label{color:var(--c-bg)}.next-record .ben-dot{margin-left:.8em;margin-right:0}.tour-card{column-gap:var(--gutter);row-gap:calc(var(--u) * 3);padding:0 var(--gutter) calc(var(--u) * 10);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.tour-card__hero{background:var(--c-deep);grid-column:1/13;display:block;position:relative;overflow:clip}.tour-card__hero img{aspect-ratio:21/9;object-fit:cover;width:100%;transition:scale 1.2s cubic-bezier(.16,1,.3,1),translate 1.2s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.tour-card__hero:hover img{translate:1%;scale:1.04}}.tour-card__badge{left:var(--gutter);top:var(--gutter);background:var(--c-accent);color:#fff;padding:.5em .8em;position:absolute}.tour-card__cta{left:var(--gutter);bottom:var(--gutter);background:var(--c-bg);position:absolute}.tour-card__copy{grid-column:1/7}.tour-card__copy .h2{font-size:var(--t-l);margin:.4em 0 .8em}.tour-card__copy p{max-width:48ch}.tour-card__copy .label{margin-top:1em}.scenes{gap:var(--u);grid-column:7/13;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.scene{display:block}.scene img{aspect-ratio:2;object-fit:cover;width:100%;transition:scale .8s cubic-bezier(.16,1,.3,1)}.scene span{font-size:var(--t-xs);color:var(--c-muted);margin-top:.5em;display:block}@media (hover:hover){.scene:hover img{scale:1.04}.scene:hover span{color:var(--c-accent)}}.themes{padding:0 var(--gutter) calc(var(--u) * 6);row-gap:calc(var(--u) * 2);display:grid}.themes .h2{max-width:18ch}.themes__grid{gap:var(--gutter);margin-top:var(--u);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.themes__grid img{aspect-ratio:3/2;object-fit:cover;width:100%;transition:scale .8s cubic-bezier(.16,1,.3,1)}.themes__grid li{overflow:clip}.themes__grid .label{margin-top:.6em;display:block}@media (hover:hover){.themes__grid a:hover img{scale:1.03}}.themes__grid--small{grid-template-columns:repeat(3,minmax(0,1fr))}.themes__note{max-width:60ch;color:var(--c-muted);font-size:var(--t-s)}.page--sources .page-head__note{font-size:var(--t-body);font-weight:400}.sources{padding:calc(var(--u) * 4) var(--gutter) calc(var(--u) * 6);column-gap:var(--gutter);row-gap:calc(var(--u) * 2);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.sources .h2{font-size:var(--t-l);grid-column:1/13}.sources .h2 .ben-dot{vertical-align:middle;position:relative;top:-.15em}.source-list{grid-column:1/10}.source-list li{gap:var(--u);border-top:1px solid var(--c-line);font-size:var(--t-s);grid-template-columns:minmax(0,1fr) 7rem;padding:.9em 0;display:grid}.source-list .label{text-align:right}.sources>p{grid-column:1/8;max-width:62ch}.sources .themes__grid{grid-column:1/13}.tour-view{color:#e9ece9;z-index:2;background:#0d2630;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.tour-top{justify-content:space-between;align-items:center;gap:var(--u);padding:calc(var(--u) * 1.2) var(--gutter);display:flex}.tour-top__title{text-align:center;min-width:0}.tour-top__title h1{font-family:var(--f-display);font-variation-settings:"wdth" 106;letter-spacing:-.02em;font-weight:700;font-size:var(--t-body);line-height:1.1}.tour-top__title .label{color:#a9b7bb;margin-top:.3em}.ctl{color:#e9ece9;border:1px solid #e9ece959;border-radius:50%;justify-content:center;align-items:center;gap:.5em;width:44px;height:44px;transition:background-color .3s,translate .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.ctl svg{width:1.1rem;height:1.1rem}.ctl--text{width:auto;font-family:var(--f-display);font-variation-settings:"wdth" 92;font-weight:600;font-size:var(--t-s);border-radius:22px;padding:0 1em}@media (hover:hover){.ctl:hover{background:#e9ece926}.ctl--text:hover svg{translate:-.3em}}.ctl:focus-visible{outline-color:var(--c-silt)}.tour-stage{cursor:grab;touch-action:none;outline-offset:-3px;position:relative;overflow:hidden}.tour-stage:active{cursor:grabbing}.tour-stage canvas{display:block;width:100%!important;height:100%!important}.tour-hotspot{color:#0d2630;background:#e9ece9e6;border-radius:50%;place-items:center;width:44px;height:44px;transition:scale .3s;display:grid;position:absolute;translate:-50% -50%}.tour-hotspot svg{width:1.1rem;height:1.1rem}@media (hover:hover){.tour-hotspot:hover{scale:1.1}}.tour-message{text-align:center;padding:var(--gutter);color:#e9ece9;place-items:center;gap:1em;display:grid;position:absolute;inset:0}.tour-tools{right:var(--gutter);flex-direction:column;gap:.5em;display:flex;position:absolute;top:50%;translate:0 -50%}.tour-bottom{gap:var(--gutter);padding:calc(var(--u) * 1.2) var(--gutter);border-top:1px solid #e9ece926;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.tour-caption{gap:.3em;display:grid}.tour-caption strong{font-family:var(--f-display);font-variation-settings:"wdth" 104;letter-spacing:-.02em;font-weight:700}.tour-caption .label{color:#a9b7bb}.scene-strip{scrollbar-width:thin;gap:.5em;max-width:60vw;display:flex;overflow-x:auto}.scene-choice{opacity:.65;text-align:left;flex:none;gap:.3em;width:7rem;transition:opacity .3s;display:grid}.scene-choice img{aspect-ratio:2;object-fit:cover;outline:1px solid #0000;width:100%;transition:outline-color .3s}.scene-choice span{font-size:var(--t-xs);color:#a9b7bb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scene-choice[aria-pressed=true]{opacity:1}.scene-choice[aria-pressed=true] img{outline-color:var(--c-silt)}@media (hover:hover){.scene-choice:hover{opacity:1}}@media (prefers-reduced-motion:reduce){.btn,.btn:before,.btn svg,.chip:before,.index a:before,.index__name,.index__arrow,.next-record:before,.draw,.link,.ben-dot,.frame,.frame__hint{transition:none}.draw:hover{text-underline-offset:.2em;text-decoration:underline}.ben-dot{opacity:1;transform:none}}@media (width<=1023px){.hero__title{grid-column:1/13}.hero__media{grid-area:1/6/2/13;margin-top:0}.hero__meta{grid-column:1/6}.hero__lead{grid-column:1/7}.hero__actions{grid-column:7/13}.memory__quote,.memory__kicker,.memory__copy{grid-column:1/7}.memory__media{grid-column:7/13}.atlas{row-gap:calc(var(--u) * 3);grid-template-columns:1fr}.atlas__board{position:static}.atlas__villages{columns:2}.section-head>.h2{grid-column:1/12}.section-head__note,.section-head--split .section-head__note{grid-column:1/9}.section-head--split>div{grid-column:1/12}.festival__title,.festival__kicker{grid-column:1/13}.festival__media{grid-area:3/1/auto/8}.events{grid-area:4/1/auto/13}.festival__note{grid-area:3/8/auto/13}.milestones{grid-column:1/13}.demo{grid-column:1/9;position:static}.detail-head>.h1{grid-column:1/13}.detail-head__lead{grid-area:3/1/auto/8}.detail-head__media,.detail-head__cover{grid-area:4/1/auto/9}.detail-facts{margin-bottom:calc(var(--u) * 3);grid-column:1/13;position:static}.detail-story{grid-column:1/10}.tour-card__copy,.scenes{grid-column:1/13}.finale__grid>div{grid-column:1/7}.finale__links{grid-column:7/10}.finale__small{grid-column:10/13}}@media (width<=767px){:root{--header:4rem}.frame__nav{display:none}.frame__menu{display:inline-block}.hero{min-height:100svh;padding-top:calc(var(--header) + var(--u))}.hero__grid{align-content:start;row-gap:calc(var(--u) * 2);grid-template-rows:auto auto auto auto auto auto;grid-template-columns:1fr}.hero__meta,.hero__title,.hero__media,.hero__lead,.hero__actions,.hero__facts{grid-column:1}.hero__meta{grid-row:1}.hero__title{grid-row:2;margin-top:0}.hero__media{grid-row:3;margin-top:0}.hero__lead{grid-row:4;max-width:none;margin-top:0;font-size:1.1rem}.hero__actions{grid-row:5;margin-top:0}.hero__facts{margin-top:var(--u);flex-wrap:wrap;grid-row:6;gap:.6em 1.4em}.hero__title{font-size:clamp(4.4rem,22vw,6rem)}.hero__media figcaption{text-align:left}.memory{padding-top:calc(var(--u) * 8)}.memory__grid{row-gap:calc(var(--u) * 2.5);grid-template-columns:1fr}.memory__kicker,.memory__quote,.memory__media,.memory__copy{grid-column:1}.memory__kicker{grid-row:1}.memory__media{grid-row:2}.memory__quote{grid-row:3}.memory__copy{grid-row:4;margin-top:0}.section-head{grid-template-columns:1fr}.section-head>*,.section-head>.h2,.section-head__note,.section-head--split>div,.section-head--split .section-head__note{grid-column:1}.atlas__villages{columns:1}.index a{grid-template-columns:2.2rem minmax(0,1fr) 1.6rem;grid-template-areas:"num name arrow""num meta arrow";row-gap:.3em;padding:.9rem 0}.index__num{grid-area:num}.index__name{grid-area:name;font-size:1.15rem}.index__village{grid-area:meta}.index__rank{grid-area:meta;justify-self:start;padding-left:0}.index__arrow{grid-area:arrow}.index a .index__village,.index a .index__rank{font-size:var(--t-xs)}.index a{grid-template-columns:2.2rem minmax(0,1fr) 1.6rem}.index__rank{display:none}.index__village:after{content:none}.festival{padding:calc(var(--u) * 10) var(--gutter)}.festival__grid{grid-template-columns:1fr}.festival__kicker,.festival__title,.festival__media,.events,.festival__note{grid-column:1}.festival__title{grid-row:2;max-width:none}.festival__media{grid-row:3}.events{grid-row:4;margin-top:0}.festival__note{grid-row:5}.events li{grid-template-columns:1fr;row-gap:.4em}.journey{padding:calc(var(--u) * 10) var(--gutter)}.journey__grid{grid-template-columns:1fr}.journey .statement,.facts,.milestones,.demo,.journey__sources{grid-column:1}.facts{row-gap:calc(var(--u) * 2);grid-template-columns:repeat(2,minmax(0,1fr))}.milestones li{grid-template-columns:1fr;row-gap:.4em}.finale__name{font-size:clamp(3.4rem,19vw,6rem)}.finale__grid{grid-template-columns:1fr}.finale__grid>div,.finale__links,.finale__small{text-align:left;grid-column:1;justify-self:start}.finale{padding-bottom:calc(var(--u) * 10)}.page-head{padding-top:calc(var(--header) + var(--u) * 5);grid-template-columns:1fr}.page-head>*,.page-head>.h1,.page-head>.display,.page-head__note,.page-head__actions{grid-column:1}.filters{gap:var(--u)}.field{flex-basis:100%}.detail-head{grid-template-columns:1fr}.detail-head>*,.detail-head>.h1,.detail-head__lead,.detail-head__media,.detail-head__cover{grid-area:auto/1}.detail-body{grid-template-columns:1fr}.detail-facts,.detail-story{grid-column:1}.detail-facts div{grid-template-columns:6rem minmax(0,1fr)}.next-record__name{font-size:var(--t-l)}.tour-card{grid-template-columns:1fr}.tour-card__hero,.tour-card__copy,.scenes{grid-column:1}.tour-card__hero img{aspect-ratio:4/3}.scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-card__cta{display:none}.themes__grid,.themes__grid--small,.sources{grid-template-columns:1fr}.sources>*,.sources .h2,.source-list,.sources>p,.sources .themes__grid{grid-column:1}.source-list li{grid-template-columns:1fr}.source-list .label{text-align:left}.tour-tools{right:var(--u)}.tour-bottom{row-gap:var(--u);grid-template-columns:1fr}.scene-strip{max-width:none}.tour-top__title .label{display:none}}.river{overflow:hidden}.frame__nav a{padding:.45rem 0;display:inline-block}.src{background:linear-gradient(currentColor 0 0) 0 100%/100% 1px no-repeat;padding:.25em 0;text-decoration:none;transition:background-size .4s cubic-bezier(.16,1,.3,1),color .3s}@media (hover:hover){.src:hover{color:var(--c-accent);background-size:100% 2px}}.src:focus-visible{background-size:100% 2px}.source-list .link{padding:.2em 0;display:inline-block}.atlas__stage{width:100%;position:relative}.atlas__stage .atlas__svg{width:100%;height:100%;position:absolute;inset:0}.atlas__pin{background:var(--c-accent);width:30px;height:30px;box-shadow:0 0 0 3px var(--c-bg);border-radius:50%;place-items:center;transition:scale .4s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:grid;position:absolute;translate:-50% -50%;scale:.6}.atlas__pin-label{font-family:var(--f-display);color:#fff;letter-spacing:0;font-size:11px;font-weight:700;transform:none}@media (hover:hover){.atlas__pin:hover{scale:1}}.atlas__pin.is-selected,.atlas__pin:focus-visible{box-shadow:0 0 0 3px var(--c-bg),0 0 0 5px var(--c-accent);scale:1}.atlas__pin:focus-visible{outline:none}@media (hover:none){.atlas__pin{width:34px;height:34px;scale:.75}}.atlas__item{transition:color .3s,translate .4s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.atlas__item:hover{padding-left:0;translate:.5em}}.atlas__item.is-active{padding-left:0;translate:.5em}.chip{transition:color .3s,border-color .3s,translate .35s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.chip:hover{translate:0 -2px}}.scene-choice{opacity:1}.scene-choice img{opacity:.6;transition:opacity .3s,outline-color .3s}.scene-choice[aria-pressed=true] img{opacity:1}@media (hover:hover){.scene-choice:hover img{opacity:1}}.detail-body{position:relative}.detail-body__point{position:absolute;top:30%;left:24%}.frame{mix-blend-mode:normal;color:var(--c-fg);transition:translate .6s cubic-bezier(.16,1,.3,1),background .4s}html.is-scrolled .frame{background:linear-gradient(var(--c-bg) 55%,transparent)}.frame__menu{color:var(--c-fg)}.frame__ben{color:var(--c-accent)}.frame__bottom{mix-blend-mode:normal;color:var(--c-fg)}.frame__bottom .label{color:var(--c-muted)}.frame__wordmark.draw{padding-bottom:.1em}@media (hover:hover){.frame__nav a[aria-current=page]:hover{background-size:100% 2px}}.atlas__pin{scale:.8}.src{padding:.3em 0;line-height:1.4}.events__title .link{padding:.2em 0;display:inline-block}html.is-dark .frame__ben{color:var(--c-silt)}@media (width<=767px){.frame__bottom{display:none}}.river__bed{stroke-width:1.6px;opacity:.32}.river__flow{stroke-width:1px;opacity:.55}.motion .river__flow{opacity:.55}.river__dots circle{opacity:.55;r:4}.river__boat{fill:none;stroke:none}.boat__hull{fill:#3b2a1d;stroke:none}.boat__roof{fill:#b98a52;stroke:#3b2a1d;stroke-width:.8px}.boat__pole{stroke:#3b2a1d;stroke-width:1.2px;stroke-linecap:round;fill:none}.boat__wake{stroke:var(--c-fg);stroke-width:.8px;fill:none;opacity:.35;stroke-linecap:round}html.is-dark .boat__hull{fill:#e3cfb0}html.is-dark .boat__pole,html.is-dark .boat__roof{stroke:#e3cfb0}html.is-dark .boat__wake{stroke:#e9ece9}@media (width<=767px){.river__bed{opacity:.28}}.memory__media img,.detail-head__media img{aspect-ratio:4/3}.story__media img{aspect-ratio:3/2;object-fit:cover;width:100%}.finale{margin-top:0}.finale__grid>div{grid-column:1/5}.finale__links{grid-column:auto/span 3}.finale__grid>nav:first-of-type{grid-column:6/9}.finale__grid>nav:nth-of-type(2){grid-column:9/13}.finale__small{margin-top:var(--u);text-align:left;max-width:none;display:block}.menu__note{color:#a9b7bb;align-items:center;gap:.6em;margin-top:2rem;display:flex}.menu__note a{color:#a9b7bb;padding:.6em 0}@media (width<=1023px){.finale__grid>div{grid-column:1/13}.finale__grid>nav:first-of-type{grid-column:1/7}.finale__grid>nav:nth-of-type(2){grid-column:7/13}}@media (width<=767px){.finale__grid>nav:first-of-type,.finale__grid>nav:nth-of-type(2){grid-column:1}}.frame__nav{gap:1.4rem}.area-media{margin:0 var(--gutter) calc(var(--u) * 6);overflow:clip}.area-media img{aspect-ratio:21/9;object-fit:cover;width:100%}.area-facts{padding:0 var(--gutter) calc(var(--u) * 8);column-gap:var(--gutter);row-gap:calc(var(--u) * 2);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.area-facts .h2{font-size:var(--t-l);grid-column:1/7}.area-facts__list{border-top:2px solid var(--c-fg);grid-area:1/7/3/13}.area-facts__list div{gap:var(--u);border-bottom:1px solid var(--c-line);grid-template-columns:8rem minmax(0,1fr);padding:.9em 0;display:grid}.area-facts__list dt{color:var(--c-muted);font-size:var(--t-s)}.area-facts__list dd{font-variant-numeric:tabular-nums}.area-facts__src{flex-wrap:wrap;grid-column:1/7;align-self:end;gap:1em;display:flex}.area-facts__src .src{margin:0}.villages{padding:calc(var(--u) * 6) var(--gutter) calc(var(--u) * 6)}.villages .h2{font-size:var(--t-l);margin-bottom:calc(var(--u) * 3)}.villages__grid{gap:calc(var(--u) * 3) var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.village{border-top:1px solid var(--c-fg);padding-top:var(--u);position:relative}.village__count{right:0;top:var(--u);font-family:var(--f-display);font-variation-settings:"wdth" 112;font-weight:800;font-size:var(--t-l);color:var(--c-line);letter-spacing:-.04em;line-height:1;position:absolute}.village__name{font-family:var(--f-display);font-variation-settings:"wdth" 108;letter-spacing:-.03em;font-weight:700;font-size:var(--t-m);margin-bottom:.6em}.village__link{align-items:center;gap:.4em;padding:.2em 0;display:inline-flex}.village__link svg{opacity:0;width:1rem;height:1rem;transition:opacity .3s,translate .45s cubic-bezier(.16,1,.3,1);translate:-.4em}@media (hover:hover){.village__link:hover{color:var(--c-accent)}.village__link:hover svg{opacity:1;translate:0}}.village__link:focus-visible svg{opacity:1;translate:0}.village__records li{border-bottom:1px solid var(--c-line);font-size:var(--t-s);justify-content:space-between;gap:1em;padding:.45em 0;display:flex}.village__records .link{padding:.15em 0}.village__records [data-rank=Quốc\ gia]{color:var(--c-accent)}.village__note{font-size:var(--t-xs);color:var(--c-muted);margin-top:.8em}@media (width<=1023px){.villages__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-facts .h2,.area-facts__src{grid-column:1/13}.area-facts__list{grid-area:auto/1/auto/13}}@media (width<=767px){.villages__grid{grid-template-columns:1fr}.area-media img{aspect-ratio:4/3}.area-facts{grid-template-columns:1fr}.area-facts>*{grid-column:1!important}}.culture-head{grid-template-rows:auto auto auto auto}.culture-head>.label,.culture-head>.h1,.culture-head>.page-head__note,.culture-head>.page-head__actions{grid-column:1/7}.culture-head__media{grid-area:1/8/5/13;align-self:start}.culture-head__media img{aspect-ratio:4/5;object-fit:cover;width:100%}.culture-quote{padding:calc(var(--u) * 6) var(--gutter);column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative}.culture-quote .memory__quote{font-size:var(--t-xl);grid-column:3/11;line-height:1.05}.culture-quote .ben-dot--hidden{position:absolute;top:50%;left:80%}.culture-intangible{padding:calc(var(--u) * 4) var(--gutter) calc(var(--u) * 8)}.culture-intangible .h2,.culture-stories .h2,.culture-calendar .h2{font-size:var(--t-l);margin-bottom:calc(var(--u) * 3);max-width:22ch}.ich{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ich li{border-top:2px solid var(--c-accent);padding-top:var(--u)}.ich__name{font-family:var(--f-display);font-variation-settings:"wdth" 106;font-weight:700;font-size:var(--t-m);letter-spacing:-.02em;margin-bottom:.5em}.ich p{font-size:var(--t-s);max-width:52ch}.culture-stories{padding:0 var(--gutter) calc(var(--u) * 10)}.stories{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.story{gap:.6em;display:grid}.story__media{display:block;overflow:clip}.story__media img{transition:scale 1s cubic-bezier(.16,1,.3,1),translate 1s cubic-bezier(.16,1,.3,1)}.story__name{font-family:var(--f-display);font-variation-settings:"wdth" 106;letter-spacing:-.025em;font-weight:700;font-size:var(--t-m);line-height:1.05}.story__summary{font-size:var(--t-s);color:var(--c-muted)}.story__more{color:var(--c-fg);align-items:center;gap:.5em;display:inline-flex}.story__more svg{width:1rem;height:1rem;transition:translate .45s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.story:hover .story__media img{translate:1%;scale:1.04}.story:hover .story__more svg{translate:.4em}.story:hover .story__name{color:var(--c-accent)}}.story:focus-visible .story__more svg{translate:.4em}.culture-calendar{padding:calc(var(--u) * 10) var(--gutter)}.culture-calendar__note{max-width:56ch;color:var(--c-muted);margin-bottom:calc(var(--u) * 2)}.culture-calendar .events{max-width:1100px}@media (width<=1023px){.stories{grid-template-columns:repeat(2,minmax(0,1fr))}.culture-head>.label,.culture-head>.h1,.culture-head>.page-head__note,.culture-head>.page-head__actions{grid-column:1/13}.culture-head__media{grid-area:auto/1/auto/9}.culture-quote .memory__quote{grid-column:1/13}}@media (width<=767px){.stories,.ich{grid-template-columns:1fr}.culture-head__media img{aspect-ratio:4/3}.culture-quote{grid-template-columns:1fr}.culture-quote .memory__quote{font-size:var(--t-l)}}.scenes-wrap{gap:var(--u);grid-column:7/13;align-content:start;display:grid}.scenes-wrap .scenes{grid-column:auto}.scenes-search{flex:none}@media (width<=1023px){.scenes-wrap{grid-column:1/13}}.page--map{padding-bottom:0}.map-head{padding-bottom:calc(var(--u) * 2)}.map-layout{gap:var(--gutter);padding:0 var(--gutter) calc(var(--u) * 6);grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);display:grid}.map-list{gap:var(--u);align-content:start;display:grid}.map-results{border-top:1px solid var(--c-line);max-height:min(60vh,34rem);overflow:auto}.map-panel{outline:1px solid var(--c-line);min-height:min(78vh,44rem);position:relative}.leaflet-host{background:var(--c-paper);z-index:0;position:absolute;inset:0}.map-controls{right:var(--u);top:var(--u);z-index:500;gap:.4em;display:grid;position:absolute}.ctl--light{background:var(--c-bg);color:var(--c-fg);border-color:var(--c-line)}@media (hover:hover){.ctl--light:hover{background:var(--c-fg);color:var(--c-bg)}}.map-note{left:var(--u);top:var(--u);z-index:500;background:var(--c-bg);font-size:var(--t-s);max-width:28ch;padding:.6em .9em;position:absolute}.map-card{left:var(--u);bottom:var(--u);z-index:500;width:min(26rem,calc(100% - 2 * var(--u)));background:var(--c-bg);padding:var(--gutter);outline:1px solid var(--c-line);position:absolute}.map-card p{font-size:var(--t-s);margin-bottom:1em}.map-card__actions{flex-wrap:wrap;gap:.6em;display:flex}.ben-pin span{background:var(--c-accent);color:#fff;width:32px;height:32px;font:700 11px/1 var(--f-display);box-shadow:0 0 0 3px var(--c-bg);border-radius:50%;place-items:center;transition:scale .3s;display:grid}.ben-pin.is-selected span{background:var(--c-fg);scale:1.15}.leaflet-container{font-family:var(--f-body)}.leaflet-control-attribution{font-size:11px}@media (width<=1023px){.map-layout{grid-template-columns:1fr}.map-panel{order:-1;min-height:70vh}.map-results{max-height:none}}@media (width<=767px){.page-head>*,.detail-head>*,.sources>*,.area-facts>*,.tour-card>*,.culture-quote>*,.journey__grid>*,.festival__grid>*,.memory__grid>*,.section-head>*,.section-head--split>div,.hero__grid>*,.finale__grid>*,.detail-body>*{grid-column:1/-1!important}}.h2>.ben-dot,.h1>.ben-dot{vertical-align:.35em;width:.6rem;height:.6rem}.page-head__actions{gap:var(--u);flex-wrap:wrap;align-items:flex-start;display:flex}.culture-head>.page-head__actions,.culture-head>.page-head__note{align-self:start}.finale__links{flex-direction:column;align-items:flex-start;gap:.5em;display:flex}.finale__links a{padding:.3em 0}.frame{align-items:center}.frame__brand{margin-right:auto}.frame__nav{margin-right:calc(var(--gutter) * .9);padding-top:0}.btn--solid{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}.btn--solid:before{background:var(--c-fg)}@media (hover:hover){.btn--solid:hover{color:#fff;border-color:var(--c-fg)}}.btn--solid:focus-visible,.btn--solid:active{color:#fff}.frame__cta{min-height:44px;padding:.8em 1.2em}.frame__cta[aria-current=page]{background:var(--c-fg);border-color:var(--c-fg)}.frame__cta-short{display:none}@media (width<=767px){.frame__cta{margin-right:var(--u);padding:.6em .9em}.frame__cta-long{display:none}.frame__cta-short{display:inline}.frame__menu{padding:.6rem 0}}.h1{line-height:1.04}.h2{line-height:1.07}.statement{line-height:1.14}.display{line-height:.92}.split-line-mask{margin-top:-.24em;margin-bottom:-.1em;padding-top:.24em;padding-bottom:.1em}.split-line{margin-bottom:0;padding-bottom:0}.village__records .link,.events__title .link,.story__more{padding:.35em 0;display:inline-block}.hero__word{width:fit-content;color:var(--c-wordmark);display:block}.detail-head__crumb a,.detail-siblings .link,.section-head__note .link,.ich__name .link,.page-head__note .src{padding:.45em 0;display:inline-block}.frame__brand{flex-direction:row;align-items:center;gap:.7rem}.frame__text{flex-direction:column;gap:.15em;display:flex}.frame__logo{flex:none;width:44px;height:44px;transition:rotate .6s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.frame__brand:hover .frame__logo{rotate:-8deg}}.frame__brand:focus-visible .frame__logo{rotate:-8deg}.finale__logo{width:72px;height:72px;margin-bottom:var(--u)}@media (width<=767px){.frame__logo{width:36px;height:36px}}.finale__name{color:var(--c-wordmark)}html.is-dark .finale__name{color:var(--c-fg)}.frame{pointer-events:auto;transition:padding .45s cubic-bezier(.16,1,.3,1),background-color .4s,box-shadow .4s}html.frame-away .frame{translate:none}html.is-scrolled .frame{background:color-mix(in srgb,var(--c-bg) 72%,transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);box-shadow:0 1px 0 var(--c-line);padding-top:.6rem;padding-bottom:.6rem}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html.is-scrolled .frame{background:color-mix(in srgb,var(--c-bg) 94%,transparent)}}.frame__logo{transition:width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1),rotate .6s cubic-bezier(.16,1,.3,1)}html.is-scrolled .frame__logo{width:36px;height:36px}html.is-scrolled .frame__wordmark{font-size:1.05rem}.frame__wordmark{transition:font-size .45s cubic-bezier(.16,1,.3,1)}html.is-scrolled .frame__nav{display:none}.frame__menu{width:44px;height:44px;min-height:44px;color:var(--c-fg);justify-content:center;align-items:center;margin-left:.4rem;padding:0;display:none}html.is-scrolled .frame__menu{animation:.45s cubic-bezier(.16,1,.3,1) frame-in;display:inline-flex}@keyframes frame-in{0%{opacity:0;translate:8px}to{opacity:1;translate:0}}.burger{width:22px;height:14px;display:block;position:relative}.burger span{background:currentColor;height:2px;transition:translate .4s cubic-bezier(.16,1,.3,1),rotate .4s cubic-bezier(.16,1,.3,1),opacity .25s,width .4s cubic-bezier(.16,1,.3,1);position:absolute;left:0;right:0}.burger span:first-child{top:0}.burger span:nth-child(2){width:70%;top:6px}.burger span:nth-child(3){top:12px}@media (hover:hover){.frame__menu:hover .burger span:nth-child(2){width:100%}}.frame__menu[aria-expanded=true] .burger span:first-child{translate:0 6px;rotate:45deg}.frame__menu[aria-expanded=true] .burger span:nth-child(2){opacity:0}.frame__menu[aria-expanded=true] .burger span:nth-child(3){translate:0 -6px;rotate:-45deg}.frame.is-menu,html.is-scrolled .frame.is-menu{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#e9ece9;background:0 0}.frame.is-menu .frame__menu{color:#e9ece9}.frame.is-menu .frame__sub{color:#a9b7bb}@media (width<=767px){.frame__menu{margin-left:0;display:inline-flex}html.is-scrolled .frame__menu{animation:none}html.is-scrolled .frame__logo{width:32px;height:32px}html.is-scrolled .frame__wordmark{font-size:1rem}}@media (prefers-reduced-motion:reduce){.frame,.frame__logo,.frame__wordmark,.burger span{transition:none}html.is-scrolled .frame__menu{animation:none}}@media (width>=1024px){.memory__media{z-index:1;position:sticky;top:88px}}.frame__sub{white-space:nowrap}@media (width<=767px){html:not(.is-scrolled) .frame__ben,html.is-scrolled .frame__place{display:none}html.is-scrolled .frame__ben{margin-left:0}.river__boat{display:none}}.memory__media,.festival__media,.area-media,.culture-head__media{overflow:clip}.motion .memory__media img,.motion .festival__media img,.motion .area-media img,.motion .culture-head__media img{will-change:transform;scale:1.16}.frame__menu,html.is-scrolled .frame__menu{margin:0 .5rem 0 -.6rem;animation:none;display:inline-flex}@media (width<=767px){.frame__menu{margin:0 .25rem 0 -.6rem}}
