@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--ink:#0d2d43;--blue:#173d57;--sea:#2b6880;--sand:#f5f0e7;--gold:#bc9150;--paper:#fcfaf6;--muted:#68757d;--line:rgba(13,45,67,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:#18303f;background:var(--paper);font-weight:300}.container{width:min(1180px,calc(100% - 42px));margin:auto}.serif{font-family:'Playfair Display',Georgia,serif}.nav{position:absolute;z-index:20;top:0;left:0;right:0;padding:25px 0;color:white}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:white;text-decoration:none}.brand strong{display:block;font-family:'Playfair Display',serif;font-size:24px;letter-spacing:.14em;font-weight:400}.brand small{font-size:10px;letter-spacing:.22em;text-transform:uppercase}.menu{display:flex;align-items:center;gap:28px}.menu a,.lang-toggle{color:white;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.09em}.lang{position:relative}.lang-toggle{background:transparent;border:1px solid rgba(255,255,255,.45);padding:11px 13px;cursor:pointer}.lang-menu{display:none;position:absolute;right:0;top:42px;background:#fff;color:var(--ink);min-width:170px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.15)}.lang:hover .lang-menu,.lang:focus-within .lang-menu{display:block}.lang-menu a{display:block;color:var(--ink);padding:9px 10px;font-size:11px}.hero{min-height:720px;position:relative;display:flex;align-items:end;background-image:linear-gradient(90deg,rgba(5,25,39,.74),rgba(5,25,39,.2) 55%,rgba(5,25,39,.06)),url('https://upload.wikimedia.org/wikipedia/commons/b/bb/Kvarner_bay.jpg');background-size:cover;background-position:center 58%;color:#fff}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,31,44,.35),transparent 45%)}.hero-content{position:relative;z-index:2;padding:0 0 86px;max-width:670px}.eyebrow{font-size:12px;letter-spacing:.22em;color:#e5c891;margin-bottom:20px}.hero h1{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(54px,6.4vw,92px);line-height:.95;margin:0 0 26px;white-space:pre-line}.hero p{font-size:19px;line-height:1.65;max-width:580px;margin:0 0 32px}.btn{display:inline-flex;align-items:center;gap:12px;background:var(--gold);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.09em;font-size:12px;padding:16px 24px;border:0}.feature-strip{background:#fff;padding:28px 0;border-bottom:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.feature{padding:12px 28px;text-align:center;border-right:1px solid var(--line)}.feature:last-child{border-right:0}.icon{width:39px;height:39px;margin:0 auto 13px;color:var(--blue)}.feature h3{font-family:'Playfair Display',serif;font-weight:400;font-size:20px;margin:0 0 8px}.feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.section{padding:94px 0}.section.alt{background:#f1ede5}.split{display:grid;grid-template-columns:.9fr 1.2fr;gap:70px;align-items:center}.kicker{color:var(--gold);font-size:12px;letter-spacing:.18em;font-weight:500}.section h2{font-family:'Playfair Display',serif;font-size:clamp(40px,4vw,61px);font-weight:400;line-height:1.05;margin:14px 0 24px}.lead{font-size:17px;line-height:1.8;color:#465761}.smallcopy{font-size:15px;line-height:1.8;color:#5b6970}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-card{min-height:285px;position:relative;overflow:hidden;background:#ccd5d9}.photo-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .8s}.photo-card:hover img{transform:scale(1.035)}.photo-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,27,40,.72))}.photo-caption{position:absolute;z-index:2;left:22px;right:18px;bottom:18px;color:white}.photo-caption h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:400;margin:0 0 7px}.photo-caption p{font-size:12px;line-height:1.5;margin:0;opacity:.92}.story{display:grid;grid-template-columns:1.1fr .9fr;min-height:520px}.story-photo{background:url('https://thumb.wikimedia.org/wikipedia/commons/thumb/b/bb/Kraljevica_Stitch_2010_0728_03.JPG/1280px-Kraljevica_Stitch_2010_0728_03.JPG') center/cover no-repeat;min-height:520px}.story-copy{background:var(--ink);color:white;padding:80px 9vw 70px 70px;display:flex;flex-direction:column;justify-content:center}.story-copy .kicker{color:#e8c889}.story-copy h2{font-family:'Playfair Display',serif;font-size:52px;font-weight:400;line-height:1.06;margin:14px 0 25px}.story-copy p{line-height:1.85;color:#dbe4e8;max-width:560px}.experience-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.exp-main,.exp-side{position:relative;min-height:500px;overflow:hidden}.exp-main img,.exp-side img{width:100%;height:100%;object-fit:cover;position:absolute}.exp-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,34,50,.75),rgba(6,34,50,.08));display:flex;align-items:end;padding:34px;color:white}.exp-overlay h3{font-family:'Playfair Display',serif;font-size:34px;font-weight:400;margin:0 0 10px}.map-wrap{display:grid;grid-template-columns:.43fr 1fr;background:#eef1ed;border:1px solid var(--line)}.map-copy{background:var(--ink);color:white;padding:58px 48px}.map-copy h2{font-family:'Playfair Display',serif;font-size:46px;font-weight:400;margin:12px 0 20px}.map-copy p{color:#d8e0e4;line-height:1.7}.dist{list-style:none;padding:0;margin:30px 0 0}.dist li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px}.map{min-height:520px;position:relative;background:radial-gradient(circle at 62% 58%,#b9d5d1 0 4%,transparent 4.3%),linear-gradient(135deg,#dce2d8,#f0eadf);overflow:hidden}.map svg{width:100%;height:100%;position:absolute;inset:0}.map-pin{position:absolute;left:61%;top:55%;transform:translate(-50%,-50%);background:var(--ink);color:#fff;padding:11px 14px;font-size:12px;letter-spacing:.08em;box-shadow:0 12px 30px rgba(0,0,0,.2)}.map-pin:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--gold);position:absolute;left:-24px;top:50%;transform:translateY(-50%);box-shadow:0 0 0 5px rgba(188,145,80,.25)}.practical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.practical-card{background:white;border:1px solid var(--line);padding:30px 25px;min-height:220px}.practical-card span{display:block;color:var(--gold);font-size:11px;letter-spacing:.17em;margin-bottom:12px}.practical-card h3{font-family:'Playfair Display',serif;font-weight:400;font-size:24px;margin:0 0 12px}.practical-card p{font-size:14px;line-height:1.7;color:#657177}.faq{max-width:840px;margin:auto}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-family:'Playfair Display',serif;font-size:22px;cursor:pointer}.faq p{color:#5f6d75;line-height:1.7}.sources{background:#e9ede9;padding:45px 0}.source-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.source-links a{background:white;color:var(--ink);text-decoration:none;padding:20px;border:1px solid var(--line);font-size:13px}.source-links a:hover{border-color:var(--gold)}footer{background:#09283b;color:white;padding:34px 0 28px}.foot-top{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.foot-brand strong{font-family:'Playfair Display',serif;font-size:26px;font-weight:400;letter-spacing:.12em}.foot-note{max-width:620px;color:#b8c5cc;font-size:12px;line-height:1.7}.credits{margin-top:18px;color:#8298a4;font-size:10px;line-height:1.65}.mobile-menu{display:none}@media(max-width:900px){.menu>a{display:none}.features{grid-template-columns:1fr 1fr}.feature:nth-child(2){border-right:0}.split,.story,.experience-grid,.map-wrap{grid-template-columns:1fr}.story-copy{padding:60px 24px}.practical-grid,.source-links{grid-template-columns:1fr 1fr}.map{min-height:430px}}@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.nav{padding:17px 0}.brand strong{font-size:20px}.hero{min-height:650px}.hero-content{padding-bottom:58px}.hero h1{font-size:52px}.hero p{font-size:16px}.features{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line);padding:20px}.section{padding:68px 0}.photo-grid,.practical-grid,.source-links{grid-template-columns:1fr}.story-photo{min-height:320px}.story-copy h2,.map-copy h2{font-size:39px}.map-copy{padding:44px 24px}.exp-main,.exp-side{min-height:360px}.foot-top{display:block}.foot-note{margin-top:18px}.lang-menu{right:-5px}.map-pin{left:59%;top:56%;font-size:10px}}