:root{--ink:#17211d;--paper:#f5f0e7;--cream:#fbf8f2;--green:#183c2e;--green2:#2e654a;--gold:#d3a75e;--line:rgba(23,33,29,.15);--card:#fff;--shadow:0 24px 60px rgba(14,27,21,.14)}html[data-theme=dark]{--ink:#eef4ef;--paper:#101a15;--cream:#15231c;--green:#0d281d;--green2:#7eb995;--line:rgba(255,255,255,.13);--card:#18271f;--shadow:0 24px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;transition:background .25s,color .25s}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Playfair Display",serif;line-height:1.1}h1{font-size:clamp(3rem,8vw,7rem);max-width:1100px}h2{font-size:clamp(2.2rem,5vw,4.5rem)}h3{font-size:1.55rem}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:fixed;z-index:1000;inset:0 0 auto;display:flex;align-items:center;gap:20px;padding:16px 4vw;color:#fff;background:linear-gradient(to bottom,rgba(8,16,12,.75),transparent);transition:.3s}.site-header.scrolled{background:rgba(20,42,32,.96);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff8c;border-radius:50%;font-family:"Playfair Display"}.site-header nav{display:flex;gap:18px;margin-left:auto}.site-header nav a{text-decoration:none;font-size:.9rem}.language-switcher select,.icon-button{background:#ffffff18;color:#fff;border:1px solid #ffffff59;border-radius:999px;padding:9px 13px}.language-switcher option{color:#111}.icon-button{cursor:pointer;font-size:1rem}.menu-button{display:none}.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;padding:150px 6vw 9vh;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('https://commons.wikimedia.org/wiki/Special:FilePath/Gornja%20Rade%C5%A1a.jpg?width=2200') center/cover;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07120dd6 0%,#07120d73 55%,#07120d1a),linear-gradient(0deg,#050c09a6,transparent 55%)}.hero-content{position:relative;z-index:2;max-width:1150px}.hero-copy{font-size:clamp(1.1rem,2vw,1.4rem);max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 20px;text-decoration:none;font-weight:700;cursor:pointer;font:inherit}.button.primary{background:var(--gold);color:#1c241f}.button.ghost{background:#ffffff1a;color:#fff;border:1px solid #ffffff66}.button.dark{background:var(--green);color:#fff}.photo-credit{position:absolute;right:22px;bottom:16px;font-size:.72rem;opacity:.75;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;font-weight:700}.eyebrow.dark{color:var(--green2)}.section{padding:105px 6vw}.section-tight{padding:0 6vw}.quick-search{position:relative;z-index:5;margin-top:-34px}.search-shell{max-width:950px;margin:auto;background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:14px 20px;display:flex;gap:12px;align-items:center;position:relative}.search-shell input{width:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.05rem;outline:0}.search-results{display:none;position:absolute;top:64px;left:0;right:0;background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:10px;max-height:320px;overflow:auto}.search-results.open{display:block}.search-result{display:block;padding:10px 12px;border-radius:12px;text-decoration:none}.search-result:hover{background:var(--cream)}.section-heading{max-width:900px;margin-bottom:50px}.feature-radesa{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;background:var(--cream)}.feature-copy p{font-size:1.06rem}.feature-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.feature-stats span{padding:18px;border-top:1px solid var(--line)}.feature-stats b,.feature-stats small{display:block}.feature-stats small{margin-top:6px;opacity:.7}.feature-image img{width:100%;height:520px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}figcaption{font-size:.75rem;opacity:.65;margin-top:8px}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-gallery button{border:0;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;background:none}.mini-gallery img{width:100%;height:110px;object-fit:cover;display:block}.story{background:#e7e0d4;color:#17211d}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#17211d26;border:1px solid #17211d26}.timeline article{background:#eee8de;padding:28px;min-height:260px}.timeline span{font-weight:700;color:#2e654a}.timeline h3{margin-top:65px}.map-toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.map-toolbar input{min-width:260px;padding:13px 16px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 14px;border-radius:999px;cursor:pointer}.filter.active{background:var(--green);color:#fff}.explorer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr);gap:22px}#real-map{min-height:680px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);z-index:1}.village-panel{background:var(--card);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.panel-top{display:flex;justify-content:space-between}.favorite-button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%;width:42px;height:42px;font-size:1.5rem;cursor:pointer}.village-panel h3{font-size:2.5rem;margin-bottom:4px}.panel-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px 0}.panel-meta span{padding-top:12px;border-top:1px solid var(--line)}.panel-meta small,.panel-meta b{display:block}.village-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.village-chip{border:1px solid var(--line);color:var(--ink);border-radius:16px;padding:12px 14px;background:var(--card);cursor:pointer;text-align:left}.village-chip.featured{border-color:var(--gold);background:#f4e4c8;color:#17211d}.culture{background:var(--green);color:#fff}.culture-grid,.recipe-grid,.travel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.culture-card{padding:28px;border:1px solid #ffffff2e;border-radius:22px;background:#ffffff0a}.culture-card span{color:var(--gold);font-weight:700}.recipe-card,.travel-grid article{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px}.recipe-card span{font-size:2rem}.language{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#132f24;color:#fff}.phrasebook{display:grid;gap:10px}.phrase{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:left;padding:18px;border:1px solid #ffffff29;background:#ffffff0d;color:#fff;border-radius:18px}.phrase button{justify-self:end;border:1px solid #ffffff4d;background:transparent;color:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer}.quiz-section{background:var(--cream)}.quiz-card{max-width:780px;background:var(--card);border-radius:28px;padding:36px;box-shadow:var(--shadow)}.quiz-options{display:grid;gap:10px;margin:24px 0}.quiz-option{padding:14px;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.quiz-option.correct{background:#dcebdc}.quiz-option.wrong{background:#f1d3d3}.events{background:var(--cream)}.event-list{display:grid;gap:12px}.event-list article{display:grid;grid-template-columns:120px 1fr;gap:25px;padding:24px;background:var(--card);border-radius:20px}.event-list time{font-weight:800;color:var(--green2)}.contribution{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:var(--green);color:#fff}.contribution form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contribution label{display:grid;gap:6px}.contribution .full{grid-column:1/-1}.contribution input,.contribution select,.contribution textarea{width:100%;border:1px solid #ffffff40;background:#ffffff0d;color:#fff;border-radius:12px;padding:12px;font:inherit}.contribution option{color:#111}footer{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:55px 6vw;background:#0d2118;color:#fff}.credits{opacity:.68}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}dialog{border:0;padding:0;background:transparent;max-width:90vw}dialog::backdrop{background:#000c}dialog img{max-width:88vw;max-height:85vh;border-radius:18px}dialog button{position:absolute;right:-8px;top:-12px;width:42px;height:42px;border-radius:50%;border:0;font-size:1.5rem}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--card);color:var(--ink)}
@media(max-width:1050px){.site-header nav{display:none;position:absolute;top:72px;left:4vw;right:4vw;background:var(--green);padding:20px;border-radius:18px;flex-direction:column}.site-header nav.open{display:flex}.menu-button{display:block;margin-left:auto;border:1px solid #ffffff59;background:transparent;color:#fff;border-radius:999px;padding:8px 12px}.feature-radesa,.explorer-grid,.language,.contribution{grid-template-columns:1fr}.timeline,.culture-grid,.recipe-grid,.travel-grid{grid-template-columns:1fr 1fr}.village-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.site-header{gap:8px}.brand span:last-child{display:none}.language-switcher select{max-width:118px}.section{padding:75px 5vw}.feature-stats,.timeline,.culture-grid,.recipe-grid,.travel-grid,.village-list{grid-template-columns:1fr}.map-toolbar{display:block}.filter-group{margin-top:12px}#real-map{min-height:520px}.phrase{grid-template-columns:1fr}.event-list article{grid-template-columns:1fr}.contribution form{grid-template-columns:1fr}.contribution .full{grid-column:auto}.hero{padding-left:5vw;padding-right:5vw}.hero h1{font-size:3.2rem}.photo-credit{left:15px;right:auto}.mini-gallery img{height:80px}footer{grid-template-columns:1fr}}