:root{--bg: #f5f8f2;--panel: #ffffff;--primary: #1d6f3c;--primary-soft: #dcefdc;--text: #1f2a24;--muted: #65736a;--border: #dbe6d3;--shadow: 0 18px 45px rgba(22, 43, 28, .08)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0;font-family:Inter,sans-serif;background:linear-gradient(180deg,#eff6ea,#f8fbf6);color:var(--text);animation:fadeIn .8s ease-in-out}h1,h2,h3,h4,h5,h6,.nav-brand,.footer-title,.footer-heading{font-family:Montserrat,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 5px #1d6f3c4d}50%{box-shadow:0 0 20px #1d6f3c99}}@keyframes barFill{0%{width:0}to{width:var(--bar-width)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;transition:opacity .5s ease,visibility .5s ease}#loading-screen.hidden{animation:fadeOut .5s ease forwards}.spinner{width:50px;height:50px;border:5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}#loading-screen p{margin-top:20px;color:var(--muted);font-weight:600}.navbar-container{background-color:#fff;position:sticky;top:0;z-index:9999;box-shadow:0 2px 10px #00000014;border-bottom:1px solid #e2e8f0}.navbar{max-width:1180px;margin:0 auto;padding:.85rem 24px;display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--primary);font-weight:800;font-size:1.15rem;letter-spacing:.02em}.nav-logo{width:32px;height:32px;object-fit:contain;display:block}.nav-menu{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.nav-link{text-decoration:none;color:#2d3748!important;font-weight:600;font-size:.88rem;padding:8px 14px;border-radius:999px;transition:all .25s ease}.nav-link:hover,.nav-link:focus-visible{background-color:var(--primary-soft);color:var(--primary)}.hero{width:100%;padding:56px 24px 36px;background:linear-gradient(90deg,#0a3e20eb,#0a3e20d1,#0a3e20a6),url(/assets/tukik-DIhouLtI.JPG) center center / cover no-repeat;color:#fff;animation:slideDown .8s ease-out}.hero-content,.hero__content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:left}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:var(--primary)}.hero .eyebrow{color:#b8d2c0}.hero .subtitle{color:#e8f3ea}h1{font-size:clamp(1.8rem,4vw,3.1rem);margin-bottom:14px;word-break:break-word;line-height:1.2}.subtitle{max-width:760px;color:var(--muted);text-align:justify;line-height:1.6;margin-bottom:24px}.hero__badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;margin-top:1.5rem}.hero-badge-link{text-decoration:none;display:inline-block}.hero-badge-link span,.hero__badges span{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff26;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);color:#fff;padding:.55rem 1.1rem;border-radius:50px;font-size:.88rem;font-weight:600;transition:all .25s ease}.hero-badge-link:hover span{background:#ffffff4d;border-color:gold;color:gold;transform:translateY(-3px);box-shadow:0 6px 16px #0003}.hero__stats{max-width:1100px;margin:32px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}main{width:100%;max-width:1180px;margin:0 auto;padding:20px}.section{margin-top:22px;animation:slideUp .8s ease-out}.section:nth-of-type(1){animation-delay:.2s}.section:nth-of-type(2){animation-delay:.3s}.section:nth-of-type(3){animation-delay:.4s}.section:nth-of-type(4){animation-delay:.5s}.section:nth-of-type(5){animation-delay:.6s}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h2{margin-bottom:0}.chart-grid,.profile-layout,.map-layout{display:grid;gap:18px}.chart-grid{grid-template-columns:1fr 1fr}.chart-full-width{grid-column:1 / -1}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:32px 24px;box-shadow:var(--shadow);animation:slideUp .6s ease-out;transition:all .3s ease;color:var(--text)}.panel h2,.panel h3{color:#111827;margin-top:0}.panel p,.panel .subtitle{color:#374151;max-width:100%!important;text-align:justify;line-height:1.6;margin-bottom:24px}.subtitle{color:var(--muted);text-align:justify;line-height:1.6;margin-bottom:24px}.panel:hover{transform:translateY(-3px);box-shadow:0 25px 60px #162b1c1f}.bars{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;gap:10px;animation:slideInLeft .5s ease-out both}.bar-label{font-size:.9rem;color:var(--muted)}.bar-track{height:12px;width:100%;background:#edf3ea;border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2e8c56,#5fb06b);animation:barFill 1s ease-out both}.bar-value{text-align:right;font-weight:700;color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2000;padding:16px}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:24px;position:relative;box-shadow:0 20px 25px -5px #0003;transform:translateY(20px);transition:transform .3s ease}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-close{position:absolute;top:12px;right:16px;background:#fffc;border:none;font-size:28px;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:10}.modal-close:hover{background-color:#e5e7eb}.modal-image{width:100%;height:220px;object-fit:cover;border-radius:8px;margin-bottom:16px}.modal-content h2{font-size:1.5rem;font-weight:700;margin:8px 0 4px;color:#1f2937}.modal-divider{border:0;height:1px;background:#e5e7eb;margin:16px 0}.modal-body-text{font-size:.95rem;line-height:1.6;color:#4b5563;margin-bottom:20px}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background-color:#25d366;color:#fff;text-decoration:none;font-weight:600;border-radius:8px;transition:background-color .2s ease;text-align:center}.btn-whatsapp:hover{background-color:#1eb954}.rt-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.rt-detail-panel{margin-top:16px}.rt-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:16px;cursor:pointer;animation:slideUp .6s ease-out both;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.rt-card:hover{transform:translateY(-5px) scale(1.02);border-color:#89bc93;box-shadow:0 20px 50px #1d6f3c26}.rt-card.is-active{border:2px solid var(--primary);background:#f3fbf4;box-shadow:0 0 0 3px #1d6f3c1a;animation:glow 2s ease-in-out infinite}.rt-card h3{margin-bottom:6px}.rt-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pill{background:var(--primary-soft);color:#174f2f;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:700}.focus-summary{display:grid;gap:12px;animation:slideUp .6s ease-out}.focus-summary .focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.focus-metric{background:#f6faf5;border:1px solid var(--border);border-radius:12px;padding:12px;animation:scaleIn .5s ease-out both;transition:all .3s ease}.focus-metric:hover{background:#eef6e9;transform:translateY(-2px)}.focus-metric strong{display:block;margin-top:6px;font-size:1.3rem;animation:pulse 1.5s ease-in-out infinite}.focus-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.focus-list{background:#f8fbf7;border:1px solid var(--border);border-radius:14px;padding:12px;animation:slideInLeft .5s ease-out both;transition:all .3s ease}.focus-list:hover{border-color:var(--primary);box-shadow:0 5px 15px #1d6f3c1a}.focus-list h4{margin:0 0 10px}.focus-list ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.focus-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:6px;border-bottom:1px dashed #d9e7d5}.focus-list li:last-child{border-bottom:0;padding-bottom:0}.focus-list strong{color:var(--primary)}.profile-layout{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.profile-card p{text-align:justify}.tourism-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tourism-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;padding:0}.tourism-card--featured{padding:0;overflow:hidden}.tourism-card__image{display:block;width:100%;height:210px;object-fit:cover;flex-shrink:0}.tourism-card__content{padding:22px 20px 20px;display:flex;flex-direction:column;flex-grow:1;background:linear-gradient(180deg,#f7fbf5,#edf6eb)}.tourism-card__content h3{margin:0 0 12px;color:#111827}.tourism-card__content p{margin:0 0 18px;color:#374151!important;line-height:1.6;text-align:justify}.tourism-card__content .eyebrow{margin:0 0 8px;color:var(--primary)!important}.tourism-card__content .text-link{margin-top:auto;color:var(--primary);font-weight:700}.tourism-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #162b1c1f}.directory-hero{padding-bottom:48px}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.destination-card{padding:0;overflow:hidden}.destination-card__image{display:block;width:100%;height:245px;object-fit:cover}.destination-card__body{padding:18px}.category-label{display:inline-block;width:fit-content;align-self:flex-start;margin-bottom:10px;padding:5px 10px;color:#174f2f;background:var(--primary-soft);border-radius:999px;font-size:.78rem;font-weight:700}.card-location{margin:14px 0 0;color:var(--muted);font-size:.9rem}.tourism-card__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:14px;background:var(--primary-soft);color:var(--primary);font-size:1.35rem}.text-link{display:inline-block;margin-top:8px;color:var(--primary);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.map-layout{grid-template-columns:1.8fr .9fr;align-items:start}.map-card{overflow:hidden;background:linear-gradient(180deg,#fcfdf9,#f6faef);animation:slideInLeft .7s ease-out}.map-card__title{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.map-badge{display:inline-flex;align-items:center;width:fit-content;background:var(--primary-soft);color:#174f2f;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.map-card__title small{color:var(--muted)}.map-card__image{width:100%;border-radius:16px;overflow:hidden;background:#edf6e7;border:1px solid #dbe6d3}.map-image{width:100%;height:auto;display:block;animation:fadeIn .8s ease-out;transition:transform .3s ease}.map-image:hover{transform:scale(1.02)}.legend-card{position:sticky;top:16px;animation:slideInRight .7s ease-out}.legend-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.legend-card li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-bottom:1px dashed #dfe9d7;border-radius:8px;cursor:pointer;transition:all .2s ease}.legend-card li:hover{transform:translate(5px);background-color:#1d6f3c14}.legend-card li:last-child{border-bottom:0}.map-image-note{margin-top:10px;font-size:.88rem;color:var(--muted)}.legend-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:middle}.legend-dot.rt-1{background:#ff0}.legend-dot.rt-2{background:#f50}.legend-dot.rt-3{background:#0ff}.legend-dot.rt-4{background:#ff4580}.legend-dot.rt-5{background:#55f}.legend-dot.rt-6{background:#faf}.legend-dot.sawah{background:#0f0}.legend-dot.ternak{background:#fa0}.legend-dot.umkm{background:#aff}.legend-dot.pasar{background:#fcffb2}.main-footer{background-color:#2b542c;color:#e2ecc8;padding:28px 20px 16px;font-size:.9rem;line-height:1.5;margin-top:40px;width:100%}.footer-container{max-width:1100px;margin:0 auto;display:grid;flex-direction:column;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.footer-brand-section{display:flex;flex-direction:column;gap:10px}.footer-logo-title{display:flex;align-items:center;gap:10px}.footer-icon-leaf{width:28px;height:28px;color:#fff;background-color:#ffffff1f;padding:5px;border-radius:50%}.footer-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.footer-description{color:#c9d8bd;max-width:380px;margin:0}.footer-contact-section{display:flex;flex-direction:column;margin-left:auto;max-width:300px}.footer-heading{font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 10px;position:relative}.footer-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-contact-list li{display:flex;align-items:flex-start;gap:10px}.contact-icon{width:16px;height:16px;color:#fff;flex-shrink:0;margin-top:3px}.contact-text{color:#c9d8bd}.footer-bottom{max-width:1100px;margin:20px auto 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);text-align:center}.footer-bottom p{color:#b0c2a2;font-size:.85rem;margin:0}.gender-container{display:grid;grid-template-columns:1fr;gap:16px}.gender-card-unique{background:linear-gradient(135deg,#fff,#fafdfa);border:1px solid var(--border);border-radius:18px;padding:20px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow)}.gender-card-unique:hover{transform:translateY(-4px);box-shadow:0 20px 45px #162b1c1f}.gender-card-unique.pria-card{border-left:5px solid #2e8c56}.gender-card-unique.wanita-card{border-left:5px solid #d9744b}.gender-card-info{display:flex;flex-direction:column;gap:6px;z-index:1}.gender-card-info h4{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.gender-card-info strong{font-size:1.8rem;color:var(--text);line-height:1.1}.gender-card-info strong small{font-size:.9rem;font-weight:500;color:var(--muted)}.gender-card-info span{font-size:1.05rem;font-weight:800}.pria-card span{color:#1e7843}.wanita-card span{color:#c95c2f}.gender-card-visual{position:relative;width:76px;height:76px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.radial-progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.radial-progress-bg{fill:none;stroke:#edf3ea;stroke-width:4.5}.radial-progress-bar{fill:none;stroke-width:4.5;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.pria-card .radial-progress-bar{stroke:#2e8c56}.wanita-card .radial-progress-bar{stroke:#d9744b}.gender-icon-overlay{position:absolute;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.pria-card .gender-icon-overlay{color:#2e8c56}.wanita-card .gender-icon-overlay{color:#d9744b}.age-container{display:flex;align-items:flex-end;justify-content:space-between;height:auto;min-height:180px;padding:30px 4px 10px;gap:6px;overflow:hidden}.age-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;cursor:pointer}.age-bar-value-static{font-size:.75rem;font-weight:800;color:var(--primary);margin-bottom:5px;transition:transform .2s ease,color .2s ease}.age-column:hover .age-bar-value-static{transform:translateY(-2px) scale(1.1);color:#5fb06b}.age-bar-track{width:100%;height:120px;flex-shrink:0;display:flex;align-items:flex-end;background:#edf3ea;border-radius:8px 8px 0 0;position:relative;transition:background .3s ease}.age-column:hover .age-bar-track{background:#e1ebdc}.age-bar-fill{width:100%;background:linear-gradient(180deg,#5fb06b,#2e8c56);border-radius:8px 8px 0 0;height:0;transition:height 1.2s cubic-bezier(.175,.885,.32,1.15);position:relative}.age-bar-tooltip{position:absolute;top:-36px;left:50%;transform:translate(-50%) translateY(6px);background:#163b22eb;color:#fff;padding:5px 9px;border-radius:8px;font-size:.78rem;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 16px #00000026;z-index:10}.age-bar-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px 4px 0;border-style:solid;border-color:rgba(22,59,34,.92) transparent;display:block;width:0}.age-column:hover .age-bar-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.age-label-text{margin-top:10px;font-size:.75rem;font-weight:700;color:var(--muted);text-align:center;white-space:nowrap;transition:color .2s ease}.age-column:hover .age-label-text{color:var(--primary)}.occupation-container{display:flex;flex-direction:column;gap:12px}.occupation-row{display:flex;align-items:center;gap:12px;animation:slideInLeft .5s ease-out both}.occ-icon-wrapper{width:36px;height:36px;background:var(--primary-soft);color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.occupation-row:hover .occ-icon-wrapper{transform:scale(1.1) rotate(5deg);background:#c3eec3}.occ-info-bar{flex-grow:1;display:flex;flex-direction:column;gap:4px}.occ-text-container{display:flex;justify-content:space-between;align-items:baseline}.occ-title{font-size:.88rem;font-weight:700;color:var(--text)}.occ-value-text{font-size:.88rem;font-weight:800;color:var(--primary)}.occ-bar-track{height:10px;background:#edf3ea;border-radius:999px;overflow:hidden;width:100%}.occ-bar-fill{height:100%;background:linear-gradient(90deg,#2e8c56,#7db66c);border-radius:999px;width:0;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.tourism-grid,.directory-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:24px!important}.destination-card,.tourism-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.destination-card:hover,.tourism-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #162b1c1f}.destination-card__image,.tourism-card__image{width:100%;height:200px;object-fit:cover}.destination-card__body,.tourism-card__content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.destination-card p,.tourism-card p{color:#374151;text-align:justify;line-height:1.6;margin-top:8px;max-width:100%!important}.bar-fill{position:relative;transition:width 1.2s cubic-bezier(.4,0,.2,1),filter .3s ease}.bar-row:hover .bar-fill{filter:brightness(1.15) drop-shadow(0 2px 8px rgba(29,111,60,.3))}.bar-row:nth-child(1){animation-delay:.05s}.bar-row:nth-child(2){animation-delay:.1s}.bar-row:nth-child(3){animation-delay:.15s}.bar-row:nth-child(4){animation-delay:.2s}.bar-row:nth-child(5){animation-delay:.25s}.bar-row:nth-child(6){animation-delay:.3s}.bar-row:nth-child(7){animation-delay:.35s}.bar-row:nth-child(8){animation-delay:.4s}.bar-value{animation:pulse 2s ease-in-out infinite;transition:transform .2s ease}.bar-row:hover .bar-value{transform:scale(1.15);color:#155a2e}.btn-ripple{position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.btn-ripple .ripple-effect{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:rippleAnim .7s ease-out forwards;pointer-events:none}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}.btn-primary{display:inline-block;padding:12px 28px;background:var(--primary);color:#fff;border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.btn-primary:hover{background:#155a2e;transform:translateY(-2px);box-shadow:0 8px 25px #1d6f3c59}.btn-primary:active{transform:scale(.96)}.hamburger-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10001}.hamburger-toggle span{width:100%;height:3px;background-color:var(--primary);border-radius:3px;transition:all .3s ease-in-out}.hamburger-toggle.is-active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger-toggle.is-active span:nth-child(2){opacity:0}.hamburger-toggle.is-active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 768px){.navbar{padding:.75rem 16px;position:relative}.footer-container{grid-template-columns:1fr;gap:24px}.brand-title{font-size:1rem}.nav-logo{width:28px;height:28px}.hamburger-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 20px;box-shadow:0 10px 25px #0000001a;border-bottom:1px solid var(--border);display:none;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.nav-menu.is-active{display:flex;opacity:1;transform:translateY(0)}.nav-link{padding:12px 16px;border-radius:10px;font-size:.95rem;display:block;width:100%}.hero{padding:40px 16px 28px}.hero h1{font-size:1.65rem;line-height:1.3}.hero .subtitle{font-size:.88rem}}@media (max-width: 820px){.map-layout{grid-template-columns:1fr}.legend-card{position:static}}@media (max-width: 640px){.hero{padding:32px 16px 16px}h1{font-size:1.75rem}main{padding:16px 12px 32px}.chart-grid{grid-template-columns:1fr}.rt-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.profile-layout,.tourism-grid,.directory-grid,.focus-detail-grid,.gender-container{grid-template-columns:1fr}.bar-row{grid-template-columns:75px 1fr 35px;gap:6px}.main-footer{padding:36px 16px 20px}.footer-container{gap:28px}.footer-bottom{margin-top:28px}.map-wrapper{position:relative;width:100%;display:inline-block;overflow:hidden;border-radius:8px}.map-wrapper .map-image{width:100%;height:auto;display:block}.map-pin{position:absolute;background:#fff;border:2px solid #1d6f3c;border-radius:50%;width:36px;height:36px;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 4px 10px #00000040;transition:transform .2s ease,background-color .2s ease;z-index:10}.map-pin:hover{transform:translate(-50%,-50%) scale(1.2);background-color:#e8f5e9}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;border-radius:16px;max-width:440px;width:90%;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0003;animation:modalFadeIn .25s ease-out}.modal-close{position:absolute;top:12px;right:12px;background:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer;z-index:10;box-shadow:0 2px 6px #0003}.modal-image{width:100%;height:200px;object-fit:cover}.modal-body{padding:20px}.eyebrow-badge{background-color:#e8f5e9;color:#1d6f3c;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;display:inline-block}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.map-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.map-controls{display:flex;gap:6px;background:var(--bg);padding:4px;border-radius:10px;border:1px solid var(--border)}.btn-map-control{background:#fff;border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.btn-map-control:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.map-viewport{width:100%;height:480px;overflow:hidden;position:relative;border-radius:14px;background-color:#edf6e7;border:1px solid var(--border);cursor:grab;touch-action:none}.map-viewport:active{cursor:grabbing}.map-viewport .map-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center}.map-viewport .map-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto}