:root{
--nav:#03171b;--green:#08724e;--gold:#f3b91e;--ink:#101513;--cream:#f8f0e4;
}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
body{overflow-x:hidden;background:#fff}a{text-decoration:none;color:inherit}button{font:inherit}
.topbar{height:74px;background:#03171b;color:#fff;display:flex;align-items:center;padding:0 clamp(18px,2.2vw,40px);gap:24px;position:fixed;top:0;left:0;right:0;z-index:20;box-shadow:0 5px 24px #0005}
.brand{display:flex;align-items:center;gap:10px;min-width:300px}.brand-icon{width:45px;height:45px;border-radius:50%;background:#f3b91e;color:#03171b;display:grid;place-items:center;font-size:24px}
.brand b{font:700 22px Georgia,serif;white-space:nowrap}.brand b span{color:#f3b91e}.brand small{display:block;font-size:11px;color:#d6dfdc;margin-top:2px}
nav{display:flex;align-self:stretch;align-items:center;gap:clamp(12px,1.35vw,24px);flex:1;white-space:nowrap}
nav a{height:100%;display:flex;align-items:center;font-size:13px;border-bottom:3px solid transparent}nav a:hover,nav a.active{color:var(--gold);border-bottom-color:var(--gold)}
.langs{display:flex;gap:8px;white-space:nowrap}.langs button{border:0;background:none;color:#fff;font-size:12px;cursor:pointer}
.hamburger{display:none;background:none;border:0;color:#fff;font-size:24px}

.hero{position:relative;margin-top:74px;width:100%;height:calc(100svh - 74px);min-height:620px;overflow:hidden;background:#f8f0e4}
.hero-image{position:absolute;inset:0}.image-map{position:absolute;inset:0}.image-map>img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.map-hotspots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.map-hotspots a{pointer-events:auto}.map-hotspots path{fill:transparent;stroke:transparent;cursor:pointer;transition:.18s}
.map-hotspots a:hover path{fill:#f3b91e55;stroke:#f3b91e;stroke-width:3;filter:drop-shadow(0 0 8px #f3b91e)}
.content{position:absolute;z-index:5;left:6.1%;top:12%;width:37%;max-width:560px}
.kicker{font-size:12px;letter-spacing:2.5px;font-weight:800;color:#08724e;margin-bottom:15px}
h1{font:700 clamp(62px,6.5vw,110px)/.88 Georgia,serif;letter-spacing:-4px;margin:0 0 18px}
h1 em{font-style:normal;color:#d9970d}.flag-line{display:flex;width:165px;height:7px;margin:0 0 22px;overflow:hidden;border-radius:5px}.flag-line i{flex:1}.flag-line i:nth-child(1){background:#08724e}.flag-line i:nth-child(2){background:#f3b91e}.flag-line i:nth-child(3){background:#d72832}
.content p{max-width:500px;font-size:15px;line-height:1.65;margin:0;color:#26332f}.actions{display:flex;gap:16px;margin-top:25px}
.actions a{padding:14px 20px;border-radius:8px;font-size:14px;font-weight:800;display:flex;gap:22px;align-items:center}
.primary{background:#08724e;color:#fff}.secondary{background:#fff;border:1px solid #08724e;color:#15201d}.actions strong{font-size:20px}
.map-help{position:absolute;z-index:7;right:7%;top:9%;display:flex;gap:8px;color:#063f32;font-size:27px}.map-help span{font-size:12px;line-height:1.3}.map-help small{display:block;font-size:11px;margin-top:2px}
.tooltip{position:absolute;z-index:10;display:none;background:#063f32;color:#fff;padding:10px 13px;border-radius:8px;font-size:12px;pointer-events:none;box-shadow:0 8px 25px #0005}.tooltip strong{color:#f3b91e;display:block;font:700 16px Georgia,serif}

@media(max-width:1250px){nav{gap:11px}nav a{font-size:11px}.brand{min-width:245px}.langs{display:none}.content{width:40%}}
@media(max-width:900px){
.topbar{height:64px}.brand{min-width:0;flex:1}.brand b{font-size:19px}nav,.langs{display:none}.hamburger{display:block}
.hero{margin-top:64px;height:auto;min-height:calc(100svh - 64px);overflow:auto;display:flex;flex-direction:column}
.content{position:relative;left:auto;top:auto;width:auto;max-width:none;padding:44px 24px 20px;order:1;background:linear-gradient(#fffaf1ee,#fffaf1cc)}
.content h1{font-size:clamp(55px,15vw,82px);letter-spacing:-2px}.content p{max-width:650px}
.map-help{right:20px;top:auto;bottom:48%;}.hero-image{position:relative;inset:auto;order:2;height:58svh;min-height:410px}.image-map{inset:0}.image-map>img{object-position:center center}
}
@media(max-width:520px){
.brand small{font-size:9px}.brand-icon{width:38px;height:38px}.content{padding:32px 20px 18px}.content p{font-size:14px}.actions{flex-wrap:wrap}.actions a{padding:12px 15px}
.hero-image{height:55svh;min-height:360px}.map-help{display:none}
}