@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#0d1717;--paper:#f2efe7;--sand:#e7e0d3;--lake:#1d6570;--lake2:#9ec7c6;--rock:#a4553f;--moss:#4d5e50;--white:#fff;--max:1320px;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.55}.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.shell{width:min(calc(100% - 48px),var(--max));margin:auto}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:600}.display{font-family:var(--serif);font-weight:400;letter-spacing:-.03em;line-height:.91}.muted{opacity:.66}.btn{display:inline-flex;align-items:center;gap:12px;border:1px solid currentColor;padding:15px 20px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn.filled{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.header{position:absolute;z-index:20;top:0;left:0;width:100%;color:white;padding:24px 0}.header-inner{display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--serif);font-size:30px;line-height:1}.nav{display:flex;align-items:center;gap:28px;font-size:12px}.nav a{opacity:.9}.lang{position:relative}.lang-button{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:9px 13px;background:rgba(0,0,0,.12);color:white;font-family:var(--sans);font-size:11px;cursor:pointer}.lang-list{position:absolute;right:0;top:44px;background:#fff;color:var(--ink);min-width:170px;padding:8px;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.18);display:none}.lang.open .lang-list{display:block}.lang-list a{display:flex;justify-content:space-between;padding:9px 10px;border-radius:9px}.lang-list a:hover{background:var(--paper)}.mobile-toggle{display:none;border:0;background:none;color:white;font:inherit}
.hero{min-height:96svh;position:relative;color:white;display:flex;align-items:flex-end;background:#152427;overflow:hidden}.hero-media{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(6,13,14,.16) 15%,rgba(6,13,14,.08) 40%,rgba(6,13,14,.82) 100%),url('https://upload.wikimedia.org/wikipedia/commons/f/f6/Modro_jezero.jpeg');background-size:cover;background-position:center 46%;transform:scale(1.015)}.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,transparent 0 28%,rgba(0,0,0,.17) 90%);pointer-events:none}.hero-content{position:relative;z-index:2;padding:170px 0 58px;display:grid;grid-template-columns:1fr 380px;align-items:end;gap:40px}.hero h1{font-size:clamp(72px,10vw,150px);max-width:920px;margin:12px 0 24px;white-space:pre-line}.hero-copy{max-width:520px;font-size:18px;color:rgba(255,255,255,.88)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-aside{border-left:1px solid rgba(255,255,255,.35);padding-left:28px;margin-bottom:12px}.hero-aside p{font-family:var(--serif);font-size:30px;line-height:1.08;margin:12px 0 0}.hero-bottom{position:absolute;z-index:3;bottom:22px;left:0;width:100%;font-size:10px;letter-spacing:.17em;text-transform:uppercase;opacity:.72}.hero-bottom .shell{display:flex;justify-content:space-between}
.intro{padding:130px 0}.intro-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:80px}.intro h2{font-size:clamp(56px,7vw,105px);margin:12px 0 32px}.intro p{font-size:20px;max-width:760px}.note{margin-top:54px;padding:24px 0;border-top:1px solid rgba(13,23,23,.18);display:grid;grid-template-columns:150px 1fr;gap:24px;font-size:14px}.note strong{font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.feature{position:relative;min-height:86svh;color:white;display:flex;align-items:flex-end;overflow:hidden}.feature-bg{position:absolute;inset:0;background-size:cover;background-position:center}.feature::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(4,11,12,.78))}.feature-content{position:relative;z-index:2;padding:86px 0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:60px;align-items:end}.feature h3{font-size:clamp(62px,8vw,118px);margin:12px 0 24px;max-width:920px}.feature .copy{max-width:620px;font-size:17px;color:rgba(255,255,255,.87)}.feature .fact{align-self:end;border-top:1px solid rgba(255,255,255,.4);padding-top:18px;font-family:var(--serif);font-size:28px;line-height:1.08}.feature.red .feature-bg{background-image:url('https://upload.wikimedia.org/wikipedia/commons/c/cb/Red_Lake_Imotski_001.jpg');background-position:center 44%}.feature.blue .feature-bg{background-image:url('https://upload.wikimedia.org/wikipedia/commons/2/2d/%22Blue_Lake_%28Modro_jezero%29%22_Croata%2C_Imotski_in_2023_lakeside1.jpg');background-position:center 57%}.feature.heritage .feature-bg{background-image:url('https://upload.wikimedia.org/wikipedia/commons/3/35/Topana_overlooking_the_Blue_Lake_in_Imotski%2C_2021.jpg');background-position:center 32%}
.scenes{padding:130px 0;background:#e6e0d4}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:end;margin-bottom:64px}.section-head h2{font-size:clamp(58px,7vw,108px);margin:10px 0 0}.mosaic{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:420px 350px;gap:16px}.card{position:relative;overflow:hidden;min-height:300px;background:#66736f;color:white}.card:first-child{grid-row:span 2}.card img{transition:transform .6s ease}.card:hover img{transform:scale(1.03)}.card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(4,10,10,.76) 100%)}.card .cap{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.card h4{font-family:var(--serif);font-size:34px;line-height:1;margin:0 0 7px}.card p{font-size:12px;max-width:440px;margin:0;color:rgba(255,255,255,.82)}.card.text-card{background:var(--moss);padding:34px;display:flex;align-items:flex-end}.card.text-card::after{display:none}.card.text-card .cap{position:static}.card.text-card h4{font-size:42px}
.journey{padding:135px 0;background:var(--ink);color:var(--paper)}.journey-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}.journey h2{font-size:clamp(62px,7vw,110px);margin:14px 0 24px}.days{border-top:1px solid rgba(255,255,255,.25)}.day{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.18)}.day h3{font-family:var(--serif);font-size:48px;line-height:1;margin:0 0 16px}.day p{max-width:680px;color:rgba(255,255,255,.7);margin:0}.day .eyebrow{padding-top:8px}
.seasons{padding:120px 0}.scene-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.season{min-height:280px;padding:28px;border:1px solid rgba(13,23,23,.16);display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.season:hover{background:var(--ink);color:white;transform:translateY(-4px)}.season .num{font-size:11px;letter-spacing:.12em;margin-bottom:auto;opacity:.5}.season h3{font-family:var(--serif);font-size:42px;margin:0 0 12px}.season p{font-size:13px;opacity:.72}
.geo{position:relative;padding:150px 0;color:white;background:#394641;overflow:hidden}.geo::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,14,.92),rgba(8,15,14,.45)),url('https://upload.wikimedia.org/wikipedia/commons/6/68/Gospin_dolac_and_Topana.jpg');background-size:cover;background-position:center;filter:saturate(.72)}.geo .shell{position:relative;z-index:2}.geo-content{max-width:850px}.geo h2{font-size:clamp(64px,8vw,118px);margin:12px 0 28px}.geo p{font-size:18px;max-width:730px;color:rgba(255,255,255,.82)}
.faq{padding:130px 0}.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq h2{font-size:clamp(60px,7vw,100px);margin:12px 0 0}.faq-list{border-top:1px solid rgba(13,23,23,.22)}.faq-item{border-bottom:1px solid rgba(13,23,23,.22)}.faq-q{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:26px 0;border:0;background:none;text-align:left;font:500 17px var(--sans);cursor:pointer}.faq-q span:last-child{font-family:var(--serif);font-size:28px}.faq-a{max-height:0;overflow:hidden;transition:max-height .32s ease}.faq-a p{margin:0 0 28px;max-width:700px;opacity:.7}.faq-item.open .faq-a{max-height:220px}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.plan{background:#d7e5e2;padding:120px 0}.plan-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.plan h2{font-size:clamp(62px,8vw,116px);margin:12px 0 22px}.plan p{max-width:740px;font-size:17px}.plan-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.plan .btn.filled{background:var(--ink);color:white;border-color:var(--ink)}
.footer{background:var(--ink);color:white;padding:74px 0 28px}.footer-top{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.18)}.footer-brand{font-family:var(--serif);font-size:62px;line-height:.95}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:24px;font-size:10px;line-height:1.6;color:rgba(255,255,255,.5)}.credits{max-width:780px}.mobile-panel{display:none}
@media(max-width:920px){.shell{width:min(calc(100% - 30px),var(--max))}.nav{display:none}.mobile-toggle{display:block}.hero{min-height:92svh}.hero-content{grid-template-columns:1fr;padding:140px 0 90px}.hero h1{font-size:clamp(66px,18vw,112px)}.hero-aside{display:none}.hero-bottom{bottom:15px}.intro{padding:90px 0}.intro-grid,.section-head,.journey-grid,.faq-wrap,.plan-grid,.footer-top{grid-template-columns:1fr;gap:35px}.intro h2,.section-head h2,.journey h2,.faq h2,.plan h2,.geo h2{font-size:clamp(56px,15vw,92px)}.note{grid-template-columns:1fr}.feature{min-height:82svh}.feature-content{grid-template-columns:1fr;gap:20px;padding:64px 0}.feature h3{font-size:clamp(54px,14vw,90px)}.feature .fact{font-size:24px}.mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:none}.scene-text-grid{grid-template-columns:1fr}.card,.card:first-child{grid-row:auto;min-height:390px}.card.text-card{min-height:280px}.season-grid{grid-template-columns:1fr 1fr}.journey{padding:90px 0}.day{grid-template-columns:1fr;gap:8px}.geo{padding:100px 0}.plan{padding:90px 0}.footer-brand{font-size:52px}.footer-bottom{flex-direction:column}.mobile-panel{position:fixed;z-index:40;inset:0;background:var(--ink);color:white;padding:28px 22px;display:none}.mobile-panel.open{display:flex;flex-direction:column}.mobile-panel-top{display:flex;justify-content:space-between;align-items:center}.mobile-panel nav{display:flex;flex-direction:column;gap:22px;margin:auto 0;font-family:var(--serif);font-size:46px}.mobile-panel .languages{display:flex;gap:8px;flex-wrap:wrap}.mobile-panel .languages a{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 10px;font-size:11px}.mobile-panel button{background:none;border:0;color:white;font:inherit}}
@media(max-width:560px){.season-grid{grid-template-columns:1fr}.hero-copy{font-size:16px}.hero-actions{display:grid}.btn{justify-content:center}.feature{min-height:86svh}.feature .copy{font-size:15px}.mosaic .card{min-height:330px}.footer-links{grid-template-columns:1fr}.hero-media{background-position:56% 48%}}