@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-vietnamese-wdth-normal.38-z0iikg-fbe.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-ext-wdth-normal.27soo5q86xy9f.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-wdth-normal.1h4hl0m83hjjz.woff2)format("woff2-variations");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}
html{scroll-behavior:smooth}body{--blue:#4a5d97;--blue-dark:#33427a;--blue-ink:#2c3a6e;--orange:#ff9a00;--white:#fff;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--white);text-align:left;background:var(--blue);margin:0;font-family:Archivo Variable,Arial,sans-serif;line-height:1.4;overflow-x:hidden}*,:before,:after{box-sizing:border-box;text-shadow:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0;font-family:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font:inherit;background:0 0}.blue{background:var(--blue) var(--noise);background-size:160px}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(34px,6vw,64px);display:flex;position:relative;overflow:hidden;container-type:inline-size}.langs{z-index:3;border:2px solid var(--orange);grid-template-columns:1fr 1fr;width:max-content;display:grid;position:absolute;top:clamp(12px,2.5vw,26px);left:50%;transform:translate(-50%)}.langs button{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--orange);padding:7px 14px;font-size:13px;font-weight:900;font-stretch:85%;line-height:1;transition:background .15s,color .15s}.langs button+button{border-left:2px solid var(--orange)}.langs button:hover,.langs button:focus-visible{background:#ff9a002e;outline:none}.langs button[aria-pressed=true]{background:var(--orange);color:var(--blue-ink)}.center{z-index:2;text-align:center;flex-direction:column;align-items:center;width:fit-content;max-width:min(100%,1100px);margin:auto;padding:clamp(30px,8cqi,90px) 0 clamp(20px,4cqi,40px);display:flex;position:relative}.title{color:var(--orange);letter-spacing:-.02em;text-transform:uppercase;font-weight:900;font-stretch:72%;line-height:.82}.title>span{display:block}.title .l1{font-size:min(30cqi,240px)}.title .l2{font-size:min(17.6cqi,141px)}.sticker{flex-direction:column;align-items:center;margin-top:.6em;font-size:min(5.6cqi,44px);display:inline-flex;transform:rotate(-2.5deg)}.sticker span{isolation:isolate;color:var(--blue-ink);padding:.08em .3em;font-weight:800;font-stretch:88%;line-height:1.1}.sticker span:first-child{position:relative;left:-.8em}.sticker span+span{position:relative;left:.8em}.call{color:var(--white);letter-spacing:-.035em;transform-origin:50%;margin-top:clamp(40px,12cqi,120px);font-size:min(12cqi,100px);font-weight:900;font-stretch:80%;line-height:.85;display:block;transform:rotate(-5deg)}.call span{display:block}.call span:first-child{position:relative;left:-.6em}.call span+span{position:relative;left:.25em}.call span:nth-child(3){left:-.15em}.hero-es .sticker span:first-child{left:-1.1em}.hero-es .sticker span+span{left:1.9em}.hero-es .title .l1{font-size:min(25.4cqi,203px)}.hero-es .title .l2{font-size:min(22cqi,176px)}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(36px,8cqi,70px);display:flex}.btn{text-transform:uppercase;align-items:center;gap:.5em;padding:14px 22px;font-size:17px;font-weight:900;font-stretch:85%;line-height:1;transition:transform .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-orange{background:var(--orange);color:var(--blue-ink)}.btn-white{background:var(--white);color:var(--blue-ink)}.marquee-wrap{z-index:1;margin:-12px 0;padding:12px 0;position:relative;overflow:hidden}.marquee{background:var(--orange);color:var(--blue-ink);margin:0 -20px;padding:14px 0;overflow:hidden;transform:rotate(-1deg)}.rail{width:max-content;animation:40s linear infinite scroll;display:flex}.rail span{text-transform:uppercase;white-space:nowrap;padding:0 .6em;font-size:clamp(20px,3vw,30px);font-weight:900;font-stretch:75%;line-height:1}.rail i{padding:0 .2em;font-size:clamp(20px,3vw,30px);font-style:normal;font-weight:900;line-height:1}@keyframes scroll{to{transform:translate(-50%)}}.section{padding:clamp(56px,8vw,96px) max(clamp(18px,5vw,56px),50% - 600px)}.h2{color:var(--orange);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(40px,7vw,76px);font-weight:900;font-stretch:72%;line-height:.9}.lead{max-width:640px;margin-top:16px;font-size:17px}.maplayout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:28px;margin-top:28px;display:grid}.map{z-index:3;position:relative}.map svg{width:100%;height:auto;display:block;overflow:hidden}.land{fill:var(--blue-dark);stroke:var(--white);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.borders{fill:none;stroke:#8fa0d6;stroke-width:1.2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pop{z-index:5;width:min(340px,100% - 16px);color:var(--blue-ink);box-shadow:8px 8px 0 var(--orange);text-align:left;background:#f3f1ee;padding:16px 18px 10px;position:absolute}.pop.below{transform:translateY(18px)}.pop.above{transform:translateY(calc(-100% - 18px))}.pop-x{padding:2px 4px;font-size:22px;font-weight:700;line-height:1;position:absolute;top:8px;right:10px}.pop-x:hover,.pop-x:focus-visible{color:var(--orange);outline:none}.pop-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-size:11px;font-weight:800}.pop-name{text-transform:uppercase;border-bottom:3px solid var(--blue-ink);margin-top:2px;padding-bottom:10px;font-size:30px;font-weight:900;font-stretch:75%;line-height:1}.pop-name small{text-transform:none;margin-left:6px;font-size:13px;font-weight:600;font-stretch:100%}.bubble,.town{cursor:pointer;outline:none}.map svg,.map .pop{touch-action:manipulation}.bubble circle{fill:var(--orange);stroke:var(--blue-dark);stroke-width:3px;transition:fill .15s}.bubble:hover circle,.bubble:focus-visible circle,.bubble.on circle{fill:var(--white);stroke:var(--orange)}.bubble .n,.town .n{fill:var(--blue-ink);text-anchor:middle;pointer-events:none;font-size:15px;font-weight:900;font-stretch:80%}.map-label{fill:var(--orange);text-transform:uppercase;paint-order:stroke;stroke:var(--blue-dark);stroke-width:6px;stroke-linejoin:round;pointer-events:none;font-size:18px;font-weight:800;font-stretch:85%}.zone{transition:opacity .2s}.zone.back:not(.open){opacity:.35}.zone.dim{opacity:.2}.zone-hit{fill:#ff9a0012;stroke:#ff9a0059;stroke-width:1.5px;stroke-dasharray:4 5;vector-effect:non-scaling-stroke;animation:.25s both fade}.town circle{fill:var(--orange);stroke:var(--white);stroke-width:2.5px;transform-box:fill-box;transform-origin:50%;transition:fill .15s;animation:.4s cubic-bezier(.2,1.3,.4,1) both burst}@keyframes burst{0%{translate:var(--fx) var(--fy);opacity:0;scale:.3}to{opacity:1;translate:0;scale:1}}.town:hover circle,.town:focus-visible circle,.town.on circle{fill:var(--white);stroke:var(--orange)}.town.dim{opacity:.3}.map .bubble circle,.map .bubble .n{transform-box:fill-box;transform-origin:50%}.map:not(.is-in) .bubble{opacity:0}.map.is-in svg:not(.settled) .bubble circle,.map.is-in svg:not(.settled) .bubble .n{animation:pop .5s cubic-bezier(.3,1.6,.5,1) calc(.4s + var(--i) * 60ms) both}.searchbar{margin-top:28px}.search-wrap{position:relative}.search-wrap svg{width:22px;height:22px;fill:var(--blue);pointer-events:none;position:absolute;top:50%;left:16px;translate:0 -50%}.searchbar .search{padding:16px 18px 16px 50px;font-size:17px}.towns{padding:0 0 10px;list-style:none}.towns li{border-top:1px solid #ffffff1a}.townbtn{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 6px 10px 16px;font-size:16px;font-weight:700;line-height:1.2;display:flex}.townbtn b{color:var(--orange);white-space:nowrap;font-size:13px;font-weight:800}.townbtn:hover,.townbtn:focus-visible,.towns li.open .townbtn{color:var(--orange);outline:none}.towninfo{padding:0 6px 12px 16px}.towninfo .sareak{margin-top:0;padding-left:0}.towninfo .sareak a{color:var(--orange)}.towninfo .sareak a:hover{color:var(--white)}.auzoak{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;margin-top:8px;font-size:14px;list-style:none;display:grid}.auzoak li{padding:4px 0;border-top:0!important}.auzoak li:before{content:"/ ";color:var(--orange);font-weight:800}.towninfo .auzoak li{color:#dfe5f7}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:10px;font-size:12px;font-weight:800;display:block}.search{background:var(--white);width:100%;color:var(--blue-ink);outline:3px solid #0000;padding:12px 14px;font-size:15px;font-weight:600;display:block}.search:focus{outline-color:var(--orange)}.summary{color:#dfe5f7;margin:10px 0 14px;font-size:13px}.acc{border-top:3px solid var(--orange);scrollbar-color:var(--orange) transparent;max-height:560px;position:relative;overflow-y:auto}.row{border-bottom:1px solid #ffffff38}.rowbtn{text-align:left;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 6px;font-size:18px;font-weight:900;font-stretch:85%;line-height:1.1;display:flex}.rowbtn:hover,.rowbtn:focus-visible{color:var(--orange);outline:none}.rowbtn b{color:var(--orange);white-space:nowrap;font-size:14px;font-weight:800}.row.open .rowbtn{color:var(--orange)}.items{padding:0 6px 14px}@media (min-width:861px){.maplayout{align-items:stretch}.panel{position:relative}.acc{max-height:none;position:absolute;inset:0;overflow-y:auto}}@media (max-width:860px){.maplayout{grid-template-columns:1fr}.acc{height:min(62vh,520px);max-height:none;overflow-y:auto}}.empty{margin-top:16px;font-size:15px}.dl{background:var(--white);color:var(--blue-ink)}@media (max-width:640px){.search{max-width:none;margin-left:0}}@media (prefers-reduced-motion:reduce){.rail{animation:none}}input{font:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.collage-sec{overflow:hidden}.collage{aspect-ratio:16/11;max-width:1200px;margin:0 auto;position:relative}.piece{--pw:21%;width:var(--pw);left:calc((100% - var(--pw)) * var(--x) + var(--pw) / 2);opacity:0;transition:opacity .7s ease var(--d),transform .9s cubic-bezier(.2,.8,.2,1) var(--d);position:absolute;transform:translate(-50%,-50%)translateY(70px)scale(.85)}.piece.wide{--pw:33%}.collage.in .piece{opacity:1;transform:translate(-50%,-50%)}.wiggle{transform:rotate(var(--r));animation:wiggle var(--w) ease-in-out infinite alternate;transition:transform .2s;display:block}.piece img{width:100%;height:auto;display:block;box-shadow:6px 6px #2c3a6e38}.piece:hover,.piece:focus-visible{outline:none;z-index:50!important}.piece:hover .wiggle,.piece:focus-visible .wiggle{animation-play-state:paused;transform:rotate(0)scale(1.04)}.file{aspect-ratio:1;background:var(--orange);color:var(--blue-ink);word-break:break-all;flex-direction:column;justify-content:center;gap:6px;padding:16px;font-size:13px;font-weight:700;display:flex;box-shadow:6px 6px #2c3a6e38}.file b{text-transform:uppercase;font-size:40px;font-weight:900;font-stretch:75%;line-height:1}@keyframes wiggle{0%{transform:rotate(calc(var(--r) - .8deg)) translateY(0)}to{transform:rotate(calc(var(--r) + .8deg)) translateY(-4px)}}.collage-btn{z-index:60;white-space:nowrap;box-shadow:6px 6px 0 var(--blue-ink);padding:clamp(16px,2vw,22px) clamp(22px,3vw,34px);font-size:clamp(18px,2.4vw,26px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collage-btn:hover{transform:translate(-50%,-50%)translateY(-2px)}@media (max-width:640px){.collage{aspect-ratio:3/5}.piece{--pw:36%}.piece.wide{--pw:60%}}@media (prefers-reduced-motion:reduce){.wiggle{animation:none}.piece{transition:opacity .4s}}@keyframes rise{0%{opacity:0;translate:0 .45em}to{opacity:1;translate:0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes stamp{0%{opacity:0;rotate:-8deg;scale:1.4}55%{opacity:1;rotate:1.2deg;scale:.95}78%{rotate:-.6deg;scale:1.03}to{opacity:1;rotate:0deg;scale:1}}@keyframes swipe{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ink{0%{color:#0000;translate:-.25em}to{color:var(--blue-ink);translate:0}}@keyframes jiggle{0%,to{rotate:0deg}25%{rotate:-2deg}75%{rotate:1.5deg}}@keyframes pop{0%{scale:0}to{scale:1}}.langs{animation:.8s .9s both fade}.antetitulua{animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.signs{animation:.8s 1.8s both fade}.title>span{animation:.8s cubic-bezier(.2,.8,.2,1) .1s both rise}.title .l2{animation-delay:.25s}.sticker{cursor:default;animation:.75s cubic-bezier(.3,1.3,.5,1) .55s both stamp}.sticker:hover{animation:.75s cubic-bezier(.3,1.3,.5,1) .55s both stamp,.45s ease-in-out jiggle}.sticker span:before{content:"";z-index:-1;background:var(--white);transform-origin:0;animation:.5s cubic-bezier(.7,0,.2,1) .8s both swipe;position:absolute;inset:0}.sticker span+span:before{animation-delay:1s}.sticker span{animation:.45s ease-out 1s both ink}.sticker span+span{animation-delay:1.2s}.call span{animation:.7s cubic-bezier(.2,.8,.2,1) 1.3s both rise}.call span:nth-child(2){animation-delay:1.4s}.call span:nth-child(3){animation-delay:1.5s}.cta{animation:.7s cubic-bezier(.2,.8,.2,1) 1.6s both rise}[data-reveal]{opacity:0;transition:opacity .7s,translate .8s cubic-bezier(.2,.8,.2,1);translate:0 28px}[data-reveal=side]{translate:-8%}[data-reveal].is-in{opacity:1;translate:0}.lead[data-reveal]{transition-delay:.1s}.panel[data-reveal]{transition-delay:.15s}.panel:not(.is-in) .row{opacity:0}.panel.is-in .row{animation:rise .5s cubic-bezier(.2,.8,.2,1) calc(.2s + var(--i) * 45ms) both}@media (prefers-reduced-motion:reduce){*,:before{animation-duration:.01ms!important;animation-delay:0s!important}[data-reveal]{opacity:1;transition:none;translate:none}.map .bubble,.panel .row{opacity:1}}.hero.blue{background:#3f548e var(--noise);background-size:160px}.hero-bg{z-index:0;pointer-events:none;will-change:transform;position:absolute;inset:0}.hero-art{opacity:.35;width:auto;max-width:none;height:max(100%,127.224vw);position:absolute;bottom:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#2c3a6e00,#2c3a6ee6);height:30%;position:absolute;bottom:0;left:0;right:0}.antetitulua{color:var(--orange);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin-bottom:clamp(16px,3cqi,30px);font-size:clamp(12px,1.45vw,16px);font-weight:800;font-stretch:85%;line-height:1.2;display:flex}.antetitulua b{background:var(--orange);color:var(--blue-ink);letter-spacing:0;padding:.12em .4em;font-size:1.35em;font-weight:900;font-stretch:75%}.antetitulua span+span:before{content:"/";opacity:.75;margin-right:12px}.signs{z-index:2;justify-content:center;align-items:center;gap:clamp(22px,4vw,48px);margin-top:clamp(28px,5cqi,56px);display:flex;position:relative}.signs img{width:auto;display:block}.logo-ess{height:clamp(42px,5vw,58px)}.logo-ehks{height:clamp(46px,5.4vw,64px)}.pop-body{max-height:300px;margin-top:2px;overflow-y:auto}.sareak{flex-wrap:wrap;gap:3px 14px;margin-top:4px;padding-left:1em;font-size:12.5px;font-weight:700;display:flex}.sareak a{word-break:break-all;align-items:center;gap:5px;display:inline-flex}.sareak a:hover{color:var(--blue);text-decoration:underline}.sareak svg{fill:currentColor;flex:none;width:12px;height:12px}@media (max-width:640px){.antetitulua{flex-direction:column;gap:4px}.antetitulua b{margin-bottom:6px}.antetitulua span+span:before{content:none}.hero-art{height:max(100%,205.2vw);-webkit-mask-image:none;mask-image:none}}.footer{background:var(--blue-ink);color:#dfe5f7;padding:clamp(40px,6vw,64px) max(clamp(18px,5vw,56px),50% - 600px) 22px}.footer-orgs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.org{align-items:center;gap:clamp(18px,3vw,32px);padding:6px clamp(20px,4vw,48px) 6px 0;display:flex}.org+.org{border-left:2px solid #ff9a0073;padding:6px 0 6px clamp(20px,4vw,48px)}.org-logo{flex:none;width:auto;height:clamp(60px,6.5vw,78px);display:block}.org-name{color:var(--white);margin-bottom:8px;font-size:15px;font-weight:800;font-stretch:85%;line-height:1.2}.org-links{gap:6px;font-size:14px;list-style:none;display:grid}.org-links a{color:var(--orange);word-break:break-all;align-items:center;gap:8px;font-weight:700;display:inline-flex}.org-links a:hover{color:var(--white)}.org-links svg{fill:currentColor;flex:none;width:14px;height:14px}.footer-bottom{text-transform:uppercase;letter-spacing:.06em;border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:clamp(32px,5vw,48px);padding-top:18px;font-size:13px;font-weight:700;display:flex}.footer-bottom b{color:var(--orange);font-weight:900}.footer-bottom a{color:#dfe5f7}.footer-bottom a:hover{color:var(--orange)}@media (max-width:760px){.footer-orgs{grid-template-columns:1fr}.org{padding:0 0 26px}.org+.org{border-top:2px solid #ff9a0073;border-left:0;padding:26px 0 0}}.pop-body .sareak{gap:6px 16px;padding-left:0;font-size:13.5px}.pop-body .auzoak{color:var(--blue-ink)}.title .ch{transition:transform .35s cubic-bezier(.3,1.6,.5,1);display:inline-block}.title .ch:hover{transform:scale(var(--zoom,1.08)) rotate(var(--rot,3deg));transition-duration:.18s}@media (prefers-reduced-motion:reduce){.title .ch:hover{transform:none}}
