:root{--ink:#18352e;--cream:#f4f0e7;--gold:#b4935e;--muted:#617069}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}em{font-family:Georgia,serif;font-weight:400}.nav{height:82px;position:absolute;z-index:5;width:100%;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff44}.brand{font-weight:700;letter-spacing:.22em;display:flex;align-items:center;gap:10px}.brand span{font:italic 31px Georgia;color:#d7bd8f}.nav nav{display:flex;gap:34px;font-size:13px}.navCta,.primary{background:var(--gold);color:#fff;padding:15px 22px;font-size:13px;font-weight:700}.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:center;color:#fff}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a201bd1,#0a1b1730 70%),linear-gradient(0deg,#05141177,transparent 48%)}.heroContent{z-index:2;padding:80px 8vw 0;max-width:900px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.25em;color:var(--gold);margin:0 0 25px}.light{color:#ecd6ad}.hero h1{font-size:clamp(58px,7.6vw,108px);line-height:.91;letter-spacing:-.055em;margin:0 0 28px}.heroText{font:20px/1.6 Georgia;max-width:530px}.actions{display:flex;gap:25px;align-items:center;margin-top:32px}.secondary{font-size:13px;font-weight:700;border-bottom:1px solid #ffffff88;padding-bottom:7px}.rating{position:absolute;right:6vw;bottom:45px;z-index:2;display:flex;gap:13px;align-items:center}.rating strong{font:56px Georgia}.rating span{font-size:13px}.rating small{opacity:.7}.intro{padding:120px 8vw 100px;display:grid;grid-template-columns:1.3fr .7fr;gap:9vw}.intro h2,.sectionHead h2,.location h2,.faq h2{font-size:clamp(40px,4.2vw,66px);line-height:1.08;letter-spacing:-.035em;margin:0}.introCopy{padding-top:38px}.introCopy p,.locationCopy>p{font:18px/1.75 Georgia;color:#455b54}.introCopy a,.textLink{font-size:13px;font-weight:700;color:var(--gold);border-bottom:1px solid;padding-bottom:6px}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cec5b4;border-left:1px solid #cec5b4;margin:0 5vw 120px}.features article{padding:45px;border-right:1px solid #cec5b4;border-bottom:1px solid #cec5b4;min-height:245px}.features article>span{font:34px Georgia;color:var(--gold)}.features h3{font:24px Georgia;margin:28px 0 12px}.features p{font-size:14px;line-height:1.7;color:var(--muted)}.gallery{background:var(--ink);padding:110px 5vw 6vw;color:#fff}.sectionHead{display:flex;justify-content:space-between;align-items:flex-end;margin:0 3vw 65px}.sectionHead>a{font-size:13px;color:#d9c7a8;border-bottom:1px solid;padding-bottom:6px}.photoGrid{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:360px 310px;gap:12px}.photoGrid figure{margin:0;overflow:hidden}.photoGrid img{width:100%;height:100%;object-fit:cover;transition:.6s}.photoGrid figure:hover img{transform:scale(1.03)}.p1{grid-row:1/3}.location{padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.mapCard{height:540px;background:#d9d2c2;position:relative;overflow:hidden}.mapCard:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(65deg,transparent 0 85px,#c8bfac 87px 90px)}.mapCard i{position:absolute;width:130%;height:11px;background:#f4f0e7;left:-15%;top:45%;transform:rotate(-18deg)}.mapCard i:nth-of-type(2){transform:rotate(70deg)}.mapCard i:nth-of-type(3){top:72%;transform:rotate(20deg)}.mapCard>span{position:absolute;z-index:2;left:48%;top:41%;background:var(--ink);color:#fff;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:italic 27px Georgia;box-shadow:0 5px 20px #0004}.mapCard b{position:absolute;bottom:30px;left:30px;font-size:10px;letter-spacing:.25em}.locationCopy ul{display:flex;list-style:none;padding:25px 0;margin:25px 0;border-block:1px solid #cec5b4}.locationCopy li{display:flex;flex-direction:column;gap:7px;padding-right:25px;margin-right:25px;border-right:1px solid #cec5b4}.locationCopy li:last-child{border:0}.locationCopy strong{font:28px Georgia}.locationCopy small{color:var(--muted)}.faq{padding:110px 8vw;background:#ebe5da}.faq>h2{margin-bottom:55px}.faqGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.faq details{border-top:1px solid #c5bcab;padding:23px 0}.faq summary{font:20px Georgia;list-style:none;display:flex;justify-content:space-between;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--gold)}.faq details p{font-size:14px;line-height:1.7;color:var(--muted)}.reserve{background:var(--ink);color:#fff;text-align:center;padding:125px 20px}.reserve h2{font-size:clamp(50px,6vw,82px);line-height:.98;margin:0}.reserve>p:not(.eyebrow){font:18px Georgia;color:#cbd4d0;margin:28px}.center{justify-content:center}.pale{background:#e8d8b9;color:var(--ink)}.booking{display:inline-block;margin-top:28px;font-size:12px;color:#c4cfc9;border-bottom:1px solid #657c74;padding-bottom:5px}footer{background:#10251f;color:#d5ddd9;padding:45px 5vw 80px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:12px}footer>p{text-align:center}footer>div{text-align:right}footer>div a{margin-left:24px}footer small{grid-column:1/4;text-align:center;margin-top:40px;opacity:.5}.mobileCta{display:none}
@media(max-width:900px){.nav{height:68px}.nav nav,.navCta{display:none}.heroContent{padding:60px 24px 0}.hero h1{font-size:58px}.rating{right:24px;bottom:28px}.intro{grid-template-columns:1fr;padding:85px 24px}.introCopy{padding-top:0}.features{grid-template-columns:1fr 1fr;margin:0 20px 80px}.features article{padding:28px;min-height:215px}.gallery{padding:85px 20px}.sectionHead{display:block;margin:0 0 35px}.sectionHead>a{display:inline-block;margin-top:25px}.photoGrid{grid-template-columns:1fr 1fr;grid-template-rows:390px 230px 230px}.p1{grid-column:1/3;grid-row:auto}.location{grid-template-columns:1fr;padding:85px 24px}.mapCard{height:390px}.faq{padding:85px 24px}.faqGrid{grid-template-columns:1fr}.reserve{padding:90px 20px 120px}footer{grid-template-columns:1fr;text-align:center;gap:18px;padding-bottom:100px}footer>p,footer>div{text-align:center}footer>div a{margin:0 12px}footer small{grid-column:1}.mobileCta{display:block;position:fixed;z-index:20;bottom:12px;left:12px;right:12px;background:var(--gold);color:#fff;text-align:center;padding:17px;font-size:13px;font-weight:700;box-shadow:0 8px 30px #0005}}
@media(max-width:560px){.hero h1{font-size:50px}.heroText{font-size:17px}.features{grid-template-columns:1fr}.features article{min-height:0}.photoGrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.photoGrid figure{min-width:85vw;height:380px;scroll-snap-align:center}.locationCopy ul{overflow:auto}.locationCopy li{min-width:100px}.reserve h2{font-size:48px}.actions{flex-wrap:wrap}}

/* Življe i toplije fotografije, uz zadržan prirodan izgled objekta. */
.hero>img{filter:saturate(1.22) brightness(1.09) contrast(1.04)}
.shade{background:linear-gradient(90deg,#0a201ba8,#0a1b171f 70%),linear-gradient(0deg,#05141152,transparent 48%)}
.photoGrid img{filter:saturate(1.2) brightness(1.08) contrast(1.035);transition:transform .6s,filter .6s}
.photoGrid figure:hover img{transform:scale(1.035);filter:saturate(1.28) brightness(1.12) contrast(1.04)}

/* Originalni vizualni identitet i lokalno pohranjene fotografije objekta. */
.logoLink{width:108px;height:78px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.brandLogo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 10px #0007)}
.footerLogo{width:148px;height:118px}
.hero>img{object-position:center 56%;filter:saturate(1.08) brightness(1.03) contrast(1.02)}
.photoGrid{grid-template-columns:repeat(4,1fr);grid-template-rows:none;grid-auto-rows:275px}
.photoGrid .p1{grid-column:span 2;grid-row:span 2}
.photoGrid .p2,.photoGrid .p5,.photoGrid .p8,.photoGrid .p9{grid-column:span 2}
.photoGrid img{filter:saturate(1.06) brightness(1.02) contrast(1.02)}
.photoGrid figure:hover img{filter:saturate(1.12) brightness(1.04) contrast(1.03)}

@media(max-width:900px){
  .logoLink{width:88px;height:64px}
  .footerLogo{width:140px;height:110px;margin:auto}
  .photoGrid{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:250px}
  .photoGrid .p1{grid-column:span 2;grid-row:span 2}
  .photoGrid .p2,.photoGrid .p5,.photoGrid .p8,.photoGrid .p9{grid-column:span 2}
}

@media(max-width:560px){
  .photoGrid{display:flex}
  .photoGrid figure{min-width:85vw;height:400px}
}