:root{
  --primary:#7B1E2B;
  --primary-dark:#661420;
  --secondary:#3E4A2E;
  --secondary-dark:#26351d;
  --accent:#C8A244;
  --accent-deep:#b4882f;
  --surface:#F7F2E7;
  --cream:#fbf7ed;
  --ink:#211c1b;
  --muted:#665f56;
  --card:#fffaf0;
  --line:#e6dcc7;
  --shadow:0 9px 24px rgba(73,46,26,.09);
  --radius:8px;
  --container:940px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--surface)}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--surface);font-size:12px;line-height:1.45;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(var(--container),calc(100% - 84px));margin-inline:auto}

/* header */
.site-header{background:#fffaf2;position:relative;z-index:50}
.topbar{height:31px;background:linear-gradient(90deg,#771721,#8b1e2a 48%,#72141f);color:#f7ead7;position:relative;overflow:hidden}
.topbar::before{content:"";position:absolute;inset:0;opacity:.17;background:repeating-radial-gradient(circle at 5px 5px,transparent 0 6px,#f1c9aa 7px 8px,transparent 9px 17px)}
.topbar-inner{width:min(885px,calc(100% - 84px));height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;font-size:10px}
.crumbs span{margin:0 8px;color:#d8ad7f}
.toplinks{display:flex;gap:12px;align-items:center}.toplinks span{display:flex;gap:5px;align-items:center}.toplinks svg{width:12px;height:12px}.toplinks a{display:grid;place-items:center;color:#f7ead7}
.navshell{height:82px;background:linear-gradient(#fffdf7,#fbf8ef);box-shadow:0 1px 0 rgba(80,50,30,.11)}
.navbar{width:min(885px,calc(100% - 84px));height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:13px;min-width:250px}.brand img{width:43px;height:60px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font:700 25px/0.94 Georgia,serif;letter-spacing:1.1px}.brand-copy em{margin-top:6px;color:#a06d34;font:italic 10px/1.1 Georgia,serif}
.navlinks{display:flex;align-items:center;height:100%;gap:29px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.03em}.navlinks a{height:100%;display:flex;align-items:center;position:relative}.navlinks a.active{color:#9a6c1d}.navlinks a.active::after{content:"";position:absolute;left:0;right:0;bottom:27px;height:2px;background:var(--accent)}.down{font-size:13px;margin-left:6px;color:#777}
.search-btn{border:0;border-radius:3px;background:var(--accent-deep);color:white;width:33px;height:33px;display:grid;place-items:center}.search-btn svg{width:17px;height:17px}.mobile-menu{display:none;background:none;border:0;font-size:25px}

/* hero */
.hero{height:364px;position:relative;overflow:hidden;background:#f8f0df}
.hero-pattern{position:absolute;inset:0 50% 0 0;opacity:.17;background-image:repeating-radial-gradient(circle at 12px 12px,transparent 0 10px,#c09a58 11px 12px,transparent 13px 25px)}
.hero-inner{position:relative;height:100%}.hero-copy{position:absolute;z-index:2;left:28px;top:52px;width:430px}.floral{color:#b78c3d;font-size:27px;line-height:1;margin-bottom:15px}.eyebrow{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.05em;color:#ac7d2a}.hero h1{margin:0;color:#7b1e2b;font:700 48px/1.02 Georgia,serif;letter-spacing:-1px}.hero h2{margin:9px 0 12px;font-size:15px;font-weight:700}.intro{font-size:11px;line-height:1.65;color:#4e4943;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:24px}.btn{border:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:12px 20px;font-weight:700}.btn.primary{background:var(--primary);color:white;min-width:112px}.btn.small{padding:9px 13px;font-size:10px}.video-btn{border:0;background:transparent;display:flex;align-items:center;gap:10px;color:#4b463e}.play{width:28px;height:28px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:#b78321}.play svg{width:12px;height:12px;fill:currentColor;stroke:none}
.hero-image{position:absolute;z-index:1;right:-42px;top:0;width:575px;height:349px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-border{position:absolute;bottom:0;height:18px;left:0;right:0;border-top:1px solid #d8c3a0;background:repeating-linear-gradient(135deg,rgba(182,145,85,.18) 0 8px,rgba(255,255,255,.2) 8px 16px)}

/* dashboard cards */
.dashboard{height:332px;background:linear-gradient(#fbf9f4,#fbf7ee);padding-top:16px}
.top-grid{display:grid;grid-template-columns:200px 200px 1fr 200px;gap:9px;height:305px}.card{background:rgba(255,251,241,.96);border:1px solid #eee1ca;border-radius:var(--radius);box-shadow:var(--shadow)}
.section-title{display:flex;align-items:center;gap:10px}.section-title>span{width:23px;color:var(--accent-deep);display:grid;place-items:center;font-size:18px}.section-title svg{width:20px;height:20px}.section-title h3{margin:0;font:700 16px/1.1 Georgia,serif;letter-spacing:.01em}.section-title small{font-size:8px;font-family:Arial,sans-serif;font-weight:400;opacity:.85}.section-title.classic{padding:16px 14px 12px}.section-title.light{color:#f7ead3}.section-title.compact{padding:11px 10px 4px}.section-title.compact h3{font-size:15px}
.service-card{background:linear-gradient(160deg,#8b2430,#6d1420);color:#f7ead8;border-radius:7px;padding:15px 16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.service-card::after{content:"";position:absolute;inset:0;opacity:.12;background:repeating-radial-gradient(circle at 5px 5px,transparent 0 11px,#e1bb86 12px 13px,transparent 14px 22px)}.service-card>*{position:relative;z-index:1}.ornament-title{display:flex;align-items:flex-start;gap:10px}.ornament-title span{color:var(--accent);font-size:28px}.ornament-title h3{margin:3px 0 0;font:700 17px/1.12 Georgia,serif}.service-card p{font-size:9px;line-height:1.55;margin:9px 0 8px}.service-card ul{list-style:none;margin:0;padding:0}.service-card li{height:31px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:8px;font-size:9px}.service-card li b{margin-left:auto;color:var(--accent);font-size:18px}.small-icon{width:18px;height:18px;display:grid;place-items:center;color:var(--accent)}.small-icon svg{width:16px;height:16px}.text-link{display:flex;align-items:center;gap:10px;color:#ad7c25;font-size:9px;margin-top:auto}.text-link span{font-size:15px}.text-link.light{color:#e2be65}.service-card>.text-link{position:absolute;left:17px;bottom:17px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;width:165px}
.history-card{display:flex;flex-direction:column;overflow:hidden}.history-card img{width:100%;height:136px;object-fit:cover}.history-card p{font-size:8px;line-height:1.55;padding:8px 12px 0;margin:0;color:#5a5147}.history-card .text-link{padding:6px 12px 12px}
.mid-stack{display:grid;grid-template-rows:175px 121px;gap:9px}.government-card{background:linear-gradient(130deg,#364324,#202f1f);color:#f9f1df;border-radius:7px;padding:0 10px 8px;box-shadow:var(--shadow);display:flex;flex-direction:column}.government-card .section-title{padding-left:3px;padding-bottom:7px}.officials{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;text-align:center}.officials img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(202,162,68,.7);margin:auto}.officials b{display:block;font:400 8px/1.1 Arial;margin-top:4px}.officials small{display:block;font-size:7px;color:#e0d5bf;margin-top:2px}.government-card .text-link{margin-top:6px;margin-left:4px}
.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.budget-card{background:linear-gradient(135deg,#c69a3c,#b88a2f);color:#fff8e8;border-radius:7px;position:relative;overflow:hidden;padding:0 9px 7px}.budget-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-48px;bottom:-38px;background:conic-gradient(rgba(255,255,255,.34) 0 20%,transparent 20% 40%,rgba(255,255,255,.2) 40% 63%,transparent 63%)}.budget-card p{font-size:7.5px;line-height:1.4;margin:1px 4px 5px}.btn.cream{background:#fff8e8;color:#7c5f25;font-weight:700;padding:7px 9px;position:relative;z-index:2}.population-card{padding:0 9px 7px}.population-card strong{display:block;font:700 26px/1 Georgia,serif;color:#8a6525;padding:4px 3px 2px}.population-card strong em{font:400 11px Georgia,serif;color:#6c6254}.population-card dl{margin:4px 4px 2px}.population-card dl div{display:flex;gap:8px;font-size:8px}.population-card dt{min-width:30px;color:#a37b32}.population-card dd{margin:0}.population-card .text-link{padding:2px 3px}
.news-card{display:flex;flex-direction:column}.news-list{padding:0 12px}.news-list a{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid #eadfcf}.news-list img{width:57px;height:46px;border-radius:2px;object-fit:cover}.news-list span{display:flex;flex-direction:column;gap:3px}.news-list b{font-size:8.5px;line-height:1.28}.news-list small{font-size:7px;color:#9f9181}.news-card>.text-link{padding:7px 13px 0}

/* culture */
.culture-band{height:205px;background:linear-gradient(90deg,#6d1820 0,#7d1d26 55%,#541017 100%);position:relative;overflow:hidden;color:#fff6e8}.culture-pattern{position:absolute;inset:0;opacity:.12;background:repeating-radial-gradient(circle at 15px 15px,transparent 0 11px,#d9a971 12px 13px,transparent 14px 27px)}.culture-inner{height:100%;position:relative;display:grid;grid-template-columns:300px 64px 190px 1fr;gap:12px;align-items:center}.culture-copy,.date-block,.culture-event,.culture-photo{position:relative;z-index:2}.culture-copy{padding-left:28px}.culture-copy .eyebrow{font-size:9px}.eyebrow.gold{color:#d7ad55}.culture-copy h2{font:700 28px/1.03 Georgia,serif;margin:3px 0 8px}.culture-copy p{font-size:8px;line-height:1.55;margin:0 0 11px}.gold-btn{background:#c39a3e;color:white}.date-block{width:64px;background:#bf9338;border-radius:6px;height:93px;color:#fff7e6;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 12px rgba(0,0,0,.12)}.date-block b{font:400 32px/1 Georgia,serif}.date-block span{font:700 14px/1.3 Georgia,serif}.date-block small{font:400 10px Georgia,serif}.culture-event small{color:#d5ad57}.culture-event h3{font:700 18px Georgia,serif;margin:6px 0 8px}.culture-event p{font-size:8px;line-height:1.45}.location{display:flex;align-items:center;gap:6px;font-size:8px;color:#dfc790}.location svg{width:12px;height:12px}.culture-photo{align-self:stretch;margin-right:-40px;position:relative}.culture-photo::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#741923 0%,rgba(116,25,35,.74) 13%,transparent 48%)}.culture-photo img{width:100%;height:100%;object-fit:cover;object-position:center}

/* media */
.media-section{height:204px;background:#fbf8f1;padding-top:12px}.media-grid{height:189px;display:grid;grid-template-columns:560px 1fr;gap:10px}.gallery-card,.map-card{padding:0 12px 10px}.gallery-card .section-title,.map-card .section-title{padding:11px 0 8px}.gallery-wrap{position:relative}.gallery-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gallery-row img{width:100%;height:108px;object-fit:cover;border-radius:6px}.gallery-arrow{position:absolute;top:39px;z-index:3;width:26px;height:26px;border:1px solid #ddd0b6;border-radius:50%;background:white;color:#8c7650;font-size:20px;line-height:1}.gallery-arrow.left{left:-13px}.gallery-arrow.right{right:-13px}.gallery-card .text-link,.map-card .text-link{margin-top:7px}.map-visual{height:109px;border-radius:5px;overflow:hidden;position:relative;background:#eee}.map-visual img{width:100%;height:100%;object-fit:cover}.zoom-controls{position:absolute;right:9px;bottom:8px;display:flex;flex-direction:column}.zoom-controls button{width:24px;height:23px;border:1px solid #c9c3b7;background:white;color:#3b3934;font-size:15px;line-height:1}

/* footer */
.footer-main{height:181px;background:linear-gradient(90deg,#334221,#26391d 55%,#283b1f);position:relative;overflow:hidden;color:#f1e8d4}.footer-pattern{position:absolute;inset:0;opacity:.1;background:repeating-radial-gradient(circle at 10px 10px,transparent 0 13px,#e3c493 14px 15px,transparent 16px 31px)}.footer-grid{height:100%;display:grid;grid-template-columns:235px 205px 205px 170px 90px;gap:10px;align-items:start;padding-top:17px;position:relative;z-index:1}.footer-logo{display:flex;align-items:center;gap:10px;color:#f1d788}.footer-logo .flower-mark{font-size:32px}.footer-logo b{font:700 18px/1.05 Georgia,serif;letter-spacing:.08em;color:#f5ead8}.footer-brand p,.footer-col p,.footer-col a{font-size:8px;line-height:1.52;color:#e6dbc7}.socials{display:flex;gap:8px;margin-top:10px}.socials a{width:26px;height:26px;border-radius:50%;background:#b49142;color:white;display:grid;place-items:center}.socials svg{width:14px;height:14px}.footer-col h4{color:#d6b35e;font-size:9px;letter-spacing:.04em;margin:3px 0 10px}.footer-col p{margin:0 0 5px}.footer-col.links{display:flex;flex-direction:column}.footer-col.links a{margin-bottom:6px}.hours svg{width:12px;height:12px;color:#d6b35e;vertical-align:-2px}.wayang{width:78px;height:125px;color:#c7a34b;opacity:.95;margin-top:-4px;stroke:currentColor;fill:none;stroke-width:2}.wayang .fill{fill:rgba(199,163,75,.18);stroke:currentColor}
.theme-strip{height:92px;background:#fffdf9}.theme-grid{height:100%;display:grid;grid-template-columns:repeat(4,1fr) 1.65fr;gap:30px;align-items:center}.theme-grid>div{display:flex;flex-direction:column;gap:7px;align-items:center}.theme-grid span{font-size:11px;color:#5b5650}.theme-grid b{width:138px;height:27px;border-radius:3px;background:var(--swatch);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:400}.theme-grid .light-swatch{color:#5b5650;border:1px solid #d4cabb}.theme-grid p{font-size:12px;line-height:1.8;color:#5d5954;margin:0}

/* responsive */
@media (max-width:900px){
  .container{width:min(92%,var(--container))}.navlinks{gap:14px}.brand{min-width:auto}.brand-copy b{font-size:20px}.top-grid{grid-template-columns:1fr 1fr;height:auto}.dashboard{height:auto;padding-bottom:16px}.mid-stack{grid-column:1/-1}.news-card{min-height:300px}.culture-inner{grid-template-columns:1.2fr .4fr 1fr}.culture-photo{display:none}.media-grid{grid-template-columns:1fr;height:auto}.media-section{height:auto;padding-bottom:15px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:20px}.footer-main{height:auto;padding-bottom:20px}.hours,.wayang{display:none}.theme-grid{gap:10px}.theme-grid b{width:100%}
}
@media (max-width:700px){
  body{font-size:13px}.toplinks span{display:none}.navshell{height:auto}.navbar{min-height:76px}.mobile-menu{display:block}.navlinks{display:none;position:absolute;top:108px;left:0;right:0;background:#fffaf2;flex-direction:column;align-items:stretch;height:auto;padding:10px 24px;gap:0;box-shadow:0 10px 20px rgba(0,0,0,.12)}.navlinks.open{display:flex}.navlinks a{padding:12px 0}.navlinks a.active::after{bottom:4px}.search-btn{margin:8px 0}.brand img{width:35px;height:49px}.brand-copy b{font-size:17px}
  .hero{height:auto;padding:28px 0 0}.hero-copy{position:relative;left:auto;top:auto;width:auto;padding:0 0 25px}.hero h1{font-size:41px}.hero-image{position:relative;right:auto;width:100%;height:260px}.hero-pattern{right:0}.hero-border{display:none}
  .top-grid{grid-template-columns:1fr}.mid-stack{grid-column:auto;display:block}.government-card{margin-bottom:10px}.stats-row{grid-template-columns:1fr 1fr}.culture-band{height:auto}.culture-inner{grid-template-columns:1fr;padding:24px 0}.culture-copy{padding-left:0}.date-block{width:90px}.culture-event{padding-bottom:15px}.media-grid{display:block}.gallery-card{margin-bottom:12px}.gallery-row{grid-template-columns:repeat(2,1fr)}.gallery-row img{height:135px}.footer-grid{grid-template-columns:1fr}.footer-main{height:auto}.footer-col{margin-top:6px}.theme-strip{height:auto;padding:18px 0}.theme-grid{grid-template-columns:1fr 1fr}.theme-grid p{grid-column:1/-1;text-align:center}.container{width:90%}
}