@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--pine:#13291f;--cream:#f2ecdf;--gold:#e8ca8b;--ink:#202d24}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 'Instrument Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,summary{cursor:pointer;font:inherit}img{max-width:100%;display:block}h1,h2,.species-card strong{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.08;margin:0 0 .45em}h1{font-size:clamp(4.5rem,10vw,9rem);letter-spacing:-.065em}h2{font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.045em}p{max-width:65ch}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{padding-block:clamp(64px,9vw,125px);scroll-margin-top:80px}.skip{position:absolute;transform:translateY(-200%)}.skip:focus{transform:none;z-index:15;background:white;padding:10px}
.mast{position:sticky;top:0;z-index:10;background:#f6f0e3;color:var(--ink)}.nav,.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px}.brand img{width:102px;height:52px;object-fit:contain}.desktop{display:flex;gap:clamp(14px,2vw,34px);font-weight:600}.nav-cta{border:1px solid #acaa98;padding:8px 16px}.header-checker{height:6px;background:repeating-conic-gradient(#963b36 0 25%,#f5ecdf 0 50%) 0/12px 6px}.mobile{display:none}.mobile nav{position:absolute;inset:100% 0 auto;display:grid;background:var(--cream);padding:16px 24px;box-shadow:0 20px 35px #0004}.mobile nav a{padding:8px}.mobile summary{list-style:none;padding:8px 12px;border:1px solid #acaa98;border-radius:5px}
.hero{position:relative;overflow:hidden;isolation:isolate;background:#10291f;color:#fff9e9}.hero:before{content:"";position:absolute;z-index:-2;inset:-12% 0;background:url(assets/ceke.webp) 62% center/cover;transform:translateY(var(--shift,0px))}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#10251def,#10251d93 56%,#10251d35),linear-gradient(0deg,#10251dc9,transparent 55%)}.hero-inner{min-height:clamp(570px,76svh,830px);display:grid;align-content:center;position:relative;padding-block:55px 86px}.hero h1 em{color:var(--gold)}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:700;font-size:.75rem;color:#75562f;margin:0 0 18px}.hero .eyebrow,.contact .eyebrow,#ponuda .eyebrow{color:var(--gold)}.lede{font-size:1.2rem}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;padding:13px 20px;border-radius:5px;font-weight:700}.primary{background:var(--gold);color:#17281f}.ghost{border:1px solid #fff8}.dark{background:var(--pine);color:white}.textlink{font-weight:700;text-underline-offset:5px}.textlink:hover{text-decoration:underline}.hero-caption{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid #fff5;padding-top:14px;font-size:.8rem}.quick{background:#e7d8b9}.quickgrid{display:grid;grid-template-columns:repeat(3,1fr)}.quickgrid a{display:flex;justify-content:space-between;gap:8px;padding:15px;border-inline-start:1px solid #93866855;font-weight:700}.quick small{display:none}
.home-story{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-content:center}.home-story .eyebrow{grid-column:1/-1}.home-story h2{grid-row:2/6}.home-story p:not(.eyebrow){margin-top:0}.home-story .actions{grid-column:2}
#ponuda{width:100%;background:radial-gradient(ellipse at 50% 55%,#3b5037,#142b21 67%);color:#fff9ea;overflow:hidden;padding-inline:max(24px,calc((100% - 1180px)/2));border-block:1px solid #ac9865}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.carousel{touch-action:pan-y}.species-grid{height:clamp(390px,43vw,510px);position:relative;perspective:1100px;display:grid;place-items:center}.species-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:min(48%,490px);height:80%;padding:clamp(16px,3vw,36px);border:1px solid #faf4e0a6;border-radius:20px 5px 20px 5px;color:#243127;background:linear-gradient(145deg,#f5eddb,var(--card,#dfd0af));box-shadow:0 32px 52px #000b,0 10px 16px #0006;opacity:0;visibility:hidden;transition:transform .56s cubic-bezier(.2,.75,.2,1),opacity .35s,visibility .55s}.species-card[data-slot="0"]{opacity:1;visibility:visible;z-index:3}.species-card[data-slot="-1"],.species-card[data-slot="1"]{opacity:.7;visibility:visible;transform:translateX(calc(var(--slot) * 72%)) rotateY(calc(var(--slot) * -27deg)) translateZ(-95px);z-index:1}.species-moss{--card:#cad8bd}.species-clay{--card:#e2bdab}.species-slate{--card:#c5d6d8}.species-umber{--card:#cbbba8}.species-card .index{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.species-card strong{font-size:clamp(1.5rem,3vw,2.6rem);margin:0;padding-right:20px}.species-arrow{position:absolute;right:7%;bottom:8%}.species-art{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}.species-art>img,.species-art canvas{width:76%;height:100%;object-fit:contain;min-height:0;filter:drop-shadow(0 9px 6px #2225)}.species-art canvas{position:absolute;inset:0;width:100%;height:100%}.species-track{display:none}.controls{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.controls button{min-height:44px;border:1px solid #f3ebd588;background:#13291f;color:#fff9ea;border-radius:5px;padding:6px 14px}.controls output{min-width:58px;text-align:center;font-variant-numeric:tabular-nums}
.map-section,.stay,.contact .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,5vw,80px)}.map-art{margin:0;background:#e2dbc5;border:1px solid #c9bfa7;border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:center;gap:8%}.map-art img{width:54%;object-fit:contain}.map-art img+img{width:29%}.stay{background:#e5e8db;box-shadow:0 0 0 100vmax #e5e8db;clip-path:inset(0 -100vmax)}.stay-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stay-photos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}.stay-photos img+img{transform:translateY(16px)}.info-grid,.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-grid>a{display:grid;gap:7px;padding:24px;background:#e7ddc5;border-radius:8px}.info-grid strong{font:1.65rem 'Playfair Display',Georgia,serif}.info-grid small{font-weight:700}.partners{background:#e9dfca;box-shadow:0 0 0 100vmax #e9dfca;clip-path:inset(0 -100vmax)}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:28px}.photo-grid a{background:#fffdf8;border:1px solid #cfc7b4;border-radius:9px;min-width:0;display:grid;place-items:center;height:114px;padding:16px}.photo-grid img{width:100%;height:75px;object-fit:contain}.contact{background:var(--pine);color:#fff9ea;padding-block:80px}.contact-details{display:grid;justify-items:start;gap:13px}.footer{flex-wrap:wrap;padding-block:14px}
@media(max-width:820px){.desktop,.nav-cta{display:none}.mobile{display:block}.home-story,.map-section,.stay,.contact .wrap{grid-template-columns:1fr}.home-story h2,.home-story .eyebrow,.home-story .actions{grid-column:auto;grid-row:auto}.section-head{align-items:start;flex-direction:column}.species-card{width:min(68%,420px);height:79%}.species-card[data-slot="-1"],.species-card[data-slot="1"]{transform:translateX(calc(var(--slot) * 64%)) rotateY(calc(var(--slot) * -27deg)) translateZ(-90px)}}
@media(max-width:550px){.wrap{width:calc(100% - 36px)}.hero:before{background-position:64% center}.hero:after{background:linear-gradient(90deg,#10251dd8,#10251d5e),linear-gradient(0deg,#10251dec,transparent 55%)}.quickgrid a{font-size:.84rem;padding:12px 7px}.hero-caption{font-size:.7rem}.species-grid{height:360px}.species-card{width:75%;height:77%}.info-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid a{height:100px}}
@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important;scroll-behavior:auto!important}}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guides>a{background:#e7ddc5;border:1px solid #ccbea2;border-radius:8px;padding:24px;display:grid;gap:8px}.guides strong{font:1.65rem 'Playfair Display',Georgia,serif}
@media(max-width:700px){.guides{grid-template-columns:1fr}}

@media(max-width:850px){
 /* The child theme provides the only header on its own page templates. */
 body.gt-redizajn :is(
   #site-header,.elementor-location-header,.ekit-template-content-header,
   .hfe-site-header,.elementskit-menu-hamburger,.elementskit-menu-overlay,
   .hfe-nav-menu__toggle,.elementor-menu-toggle,.site-navigation-toggle-holder
 ):not(.mast,.mast *):not(:has(.mast)){
   display:none!important;
   pointer-events:none!important
 }
 .gt-redizajn .mast{position:sticky;top:0;z-index:9990;overflow:visible}
 .gt-redizajn .mast .nav{overflow:visible}
 .gt-redizajn .mast :is(.mobile,.gt-header-language){pointer-events:auto}
 .gt-redizajn .mast .mobile summary{display:flex;min-height:42px;align-items:center;justify-content:center;gap:6px}
 .gt-redizajn .mast .mobile summary::-webkit-details-marker{display:none}
 .gt-redizajn .mast .mobile nav{z-index:6;max-height:calc(100vh - 90px);overflow-y:auto}
 .gt-redizajn .mast .gt-header-language{z-index:7}
 .gt-redizajn.admin-bar .mast{top:46px}
}
@media(max-width:600px){.gt-redizajn.admin-bar .mast{top:0}}

/* The WP Mobile Menu plugin may still print markup after its assets are removed. */
body.gt-redizajn :is(
 .mob-menu-header-holder,.mobmenu-left-bt,.mobmenu-right-bt,
 .mobmenu-panel,.mobmenu-overlay,.mobmenul-container,.mobmenur-container
):not(.mast,.mast *) {
 display:none!important;
 pointer-events:none!important
}

@media(max-width:850px){.desktop,.nav-cta{display:none}.mobile{display:block}.mast .brand img{width:clamp(66px,22vw,102px)}.mobile summary{padding:6px 8px}}

/* Flat, native scrolling keeps the logo strip usable with touch and keyboard. */
.partners .photo-grid {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 4 * 16px) / 5);
  gap: 16px;
  margin: 18px -9px 0;
  padding: 10px 9px 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 9px;
  scrollbar-width: thin;
  scrollbar-color: #ab9e84 transparent;
}
.partners .photo-grid a {
  height: 122px;
  scroll-snap-align: start;
  box-shadow: 0 5px 11px #25211626;
}
.partner-controls { display: flex; justify-content: center; gap: 10px; margin-top: 12px; }
.partner-controls[hidden] { display: none; }
.partner-controls button {
  width: 46px;
  height: 44px;
  color: var(--pine);
  background: #fffdf8;
  border: 1px solid #c4b99f;
  border-radius: 6px;
}
.partner-controls button:hover:not(:disabled) { background: var(--pine); color: white; }
.partner-controls button:disabled { opacity: .45; cursor: default; }
@media (max-width: 950px) {
  .partners .photo-grid { grid-auto-columns: calc((100% - 2 * 16px) / 3); }
}
@media (max-width: 550px) {
  .partners .photo-grid { grid-auto-columns: calc((100% - 16px) / 2); }
  .partners .photo-grid a { height: 100px; padding: 12px; }
  .partners .photo-grid img { height: 65px; }
}

.destination { padding-block: clamp(30px, 5.5vw, 76px); scroll-margin-top: 92px; }
.destination-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  align-items: center;
  gap: clamp(22px, 4vw, 62px);
  padding: clamp(30px, 5vw, 72px);
  background: #102b23;
  color: #fff9e9;
  border: 1px solid #354c3c;
  border-radius: 22px 6px 22px 6px;
  box-shadow: 0 22px 42px #152e2626;
}
.destination-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(100deg, #102b23 7%, #102b23eb 36%, #102b2366 100%), url('assets/forest.jpg') center 58% / cover;
}
.destination-copy .eyebrow { color: var(--gold); }
.destination-copy h2 { font-size: clamp(2.75rem, 5.9vw, 5.2rem); max-width: 9ch; }
.destination-copy h2 em { color: var(--gold); }
.destination-copy > p:not(.eyebrow) { color: #f3eddd; max-width: 36ch; margin-bottom: 24px; }
.destination-copy .button { gap: 12px; }
.destination-map { margin: 0; position: relative; min-width: 0; }
.destination-map-frame {
  min-height: clamp(220px, 28vw, 385px);
  display: grid;
  place-items: center;
  border: 1px solid #f0d99e48;
  border-radius: 10px;
  background-color: #10291e55;
  background-image: linear-gradient(#fae8ac1c 1px, transparent 1px), linear-gradient(90deg, #fae8ac1c 1px, transparent 1px);
  background-size: 32px 32px;
  background-position: center;
  padding: clamp(22px, 4vw, 48px);
}
.destination-map img { width: min(100%, 400px); max-height: 290px; object-fit: contain; filter: drop-shadow(0 9px 11px #0007); }
.destination-map figcaption {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 11px;
  background: #102b23;
  border: 1px solid #f0d99e65;
  border-radius: 4px;
  color: #fff9e9;
  font-size: .76rem;
}
.destination-map figcaption span { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
@media (max-width: 740px) {
  .destination-panel { grid-template-columns: minmax(0, 1fr); }
  .destination-panel::before { background-image: linear-gradient(180deg,#102b23f0,#102b23a6),url('assets/forest.jpg'); }
  .destination-copy h2 { max-width: none; }
  .destination-map-frame { min-height: 0; padding: 22px 20px 33px; }
  .destination-map img { max-height: 210px; }
}

.home-story {
  display:block;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#12271e;
  color:#fff9ec;
  padding-block:clamp(65px,8vw,118px);
  border-bottom:1px solid #ad976354;
  scroll-margin-top:var(--mast-height);
}
.home-story::before,.home-story::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
}
.home-story::before { background:url('assets/jelen-fotografija.webp') 68% center/cover no-repeat; }
.home-story::after { background:linear-gradient(90deg,#10231cf7 0%,#10231ce6 34%,#10231c70 58%,#10231c10 100%),linear-gradient(0deg,#10231c90,transparent 50%); }
.home-story .eyebrow { color:var(--gold); }
.home-story h2 { max-width:15ch; font-size:clamp(2.4rem,4.25vw,4.1rem); }
.home-story p:not(.eyebrow) { max-width:44ch; color:#f3eee1; }
.home-story .actions { gap:14px 22px; }
.home-story .button.dark { color:#17281f; background:var(--gold); }
.home-story .textlink { color:#fff9ec; text-decoration:underline; }
@media(max-width:740px) {
  .home-story { padding-top:clamp(210px,55vw,330px); }
  .home-story::before { background-size:auto clamp(330px,90vw,590px); background-position:60% top; }
  .home-story::after { background:linear-gradient(180deg,#10231c15 0,#10231c35 145px,#12271ed9 275px,#12271e 380px); }
}
@media(min-width:741px) {
  .home-story::before {
    background-position:right 36%;
    background-size:auto 100%;
  }
  .home-story::after {
    background:linear-gradient(90deg,#10231c 0%,#10231cf5 27%,#10231ccf 40%,#10231c36 59%,transparent 76%);
  }
}