:root{--ink:#16291f;--green:#286044;--light:#f4f7ee;--line:#d9e4d7}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--light);font:16px/1.65 system-ui,sans-serif}a{color:inherit}img,video{display:block;max-width:100%}h1,h2,h3{font-family:Georgia,serif;line-height:1.04;margin:.15em 0 .45em}h1{font-size:clamp(48px,8vw,112px);letter-spacing:-.06em;max-width:12ch}h2{font-size:clamp(34px,5vw,68px);letter-spacing:-.045em}h3{font-size:28px}p{max-width:68ch}.wrap{width:min(92%,1280px);margin:auto;padding:clamp(36px,7vw,100px) 0}.header{position:absolute;z-index:4;inset:0 0 auto;color:white}.bar{width:min(92%,1280px);margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:82px;border-bottom:1px solid #ffffff50;gap:18px}.brand{font:700 30px Georgia;text-decoration:none;display:flex;align-items:center;gap:10px}.brand img{width:40px;height:40px;object-fit:contain}.nav{display:flex;gap:22px}.nav a{font-weight:650;text-decoration:none;white-space:nowrap}.nav a:hover,.nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.toggle{display:none}.hero{min-height:clamp(480px,72svh,780px);display:grid;align-items:end;color:white;background:linear-gradient(90deg,#0d2217e8,#10231960),var(--image) center/cover,#1a3527}.hero .wrap{padding-top:130px;animation:enter .75s ease both}.hero.inner{min-height:420px}.label{letter-spacing:.17em;text-transform:uppercase;font-weight:750;font-size:.78rem;color:var(--green)}.hero .label,.dark .label{color:#c3e9ba}.btn{display:inline-block;border-radius:100px;padding:11px 20px;background:var(--green);color:white;text-decoration:none;font-weight:750;margin:5px 8px 5px 0;transition:transform .2s,background .2s}.btn.white{background:#fff;color:#214c35}.btn:hover{transform:translateY(-3px);background:#367a55;color:#fff}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 30px #2144290c}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.04)}.pad{padding:20px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,5vw,70px)}.split img,.media{border-radius:24px;width:100%;max-height:540px;object-fit:cover}.dark,footer{background:#163427;color:white}.gallery{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory}.gallery a{flex:0 0 36%;scroll-snap-align:start}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}footer .wrap{padding-block:34px}.legal{max-width:850px}a:focus-visible,button:focus-visible{outline:3px solid #79bc8d;outline-offset:4px}@keyframes enter{from{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:760px){.bar{flex-wrap:wrap;min-height:68px;padding:10px 0}.toggle{display:none}.js .toggle{display:grid;place-items:center;width:44px;height:44px;color:white;background:transparent;border:0;font-size:28px;cursor:pointer}.nav{flex-basis:100%;flex-direction:column;gap:0;background:#163427;border-radius:15px;padding:8px 14px}.nav a{padding:10px}.js .toggle[aria-expanded=false]+.nav{display:none}.hero .wrap{padding-top:115px}.grid,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.gallery a{flex-basis:78%}.pad{padding:14px}.card h3{font-size:22px}}@media(max-width:390px){.grid,.grid.three{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Editorial layout with exposed photography and restrained detailing. */
:root{--ink:#15271e;--green:#2e6547;--light:#f6f5ef;--line:#cdd6ca}
.bar{min-height:106px;width:min(90%,1400px)}
.brand img{width:clamp(112px,13vw,172px);height:88px;object-fit:contain;filter:brightness(0) invert(1)}
.nav{gap:clamp(14px,3vw,42px)}
.hero{background-image:linear-gradient(90deg,#10251cf2,#10251c65),var(--image)}
.editorial-hero{position:relative;isolation:isolate;background:#152b21;min-height:clamp(520px,78svh,820px);align-items:center}
.editorial-hero::before{content:"";position:absolute;z-index:-1;inset:0 0 0 45%;background:linear-gradient(180deg,#0b1c14aa,transparent 38%),var(--image) center/cover}
.editorial-hero .wrap{width:min(90%,1400px);padding-top:146px}
.editorial-hero h1{font-size:clamp(52px,7.1vw,114px);max-width:8ch}
.editorial-hero p{max-width:min(34ch,40%)}
.index-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);background:#e7ebdf}
.index-strip div{padding:15px clamp(8px,4vw,55px);font-weight:650}
.index-strip div+div{border-left:1px solid var(--line)}
.index-strip span{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-right:.45em}
.btn,.btn.white{border-radius:4px;padding:12px 20px;border:1px solid var(--green);font-size:.89rem;letter-spacing:.025em}
.btn.white{border-color:white}
.btn:hover{transform:translateY(-2px)}
.card{border:0;border-radius:0;box-shadow:none;background:transparent;border-bottom:1px solid var(--line)}
.card img{border-radius:3px;aspect-ratio:4/3}
.card .pad{padding:18px 0 22px}
.grid,.grid.three{gap:clamp(14px,3vw,36px)}
.split img,.media,.gallery img{border-radius:3px}
.dark{background:#1b3327}
.gallery a{flex-basis:42%}
@media(max-width:760px){
 .bar{min-height:76px}.brand img{width:114px;height:62px}
 .editorial-hero{min-height:0;align-items:end;padding-top:clamp(175px,57vw,330px)}
 .editorial-hero::before{inset:0 0 auto;height:clamp(250px,75vw,430px);background:linear-gradient(180deg,#0b1c14b0,transparent 45%,#152b21),var(--image) center/cover}
 .editorial-hero .wrap{padding-top:26px;padding-bottom:38px}
 .editorial-hero p{max-width:34ch}
 .index-strip div{font-size:.78rem;line-height:1.4}.index-strip span{display:block}
 .gallery a{flex-basis:82%}
}

/* Long diagonal edges echo split timber; the photography stays full-width. */
.editorial-hero {
  padding:0;
  min-height:clamp(590px,85svh,850px);
  align-items:end;
  background:#14291e;
}
.editorial-hero::before {
  inset:0;
  height:auto;
  background:linear-gradient(180deg,#102219c7 0%,transparent 32%),var(--image) center/cover;
}
.editorial-hero::after {
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(106deg,#101f18 9%,#11271fef 42%,#11271f30 91%);
  clip-path:polygon(0 0,70% 0,54% 100%,0 100%);
}
.editorial-hero .wrap{padding-bottom:clamp(74px,11vw,150px)}
.editorial-hero h1{max-width:10ch}
.editorial-hero p{max-width:34ch}
.btn,.btn.white {
  border-radius:999px;padding:12px 24px;min-height:46px;
  background:#286044;border:1px solid #4e8261;color:#fff;
  box-shadow:inset 0 1px 0 #ffffff25;
  transition:background .25s,color .25s,box-shadow .25s,transform .25s;
}
.btn.white{background:#fff;color:#244b36;border-color:#fff}
.btn:hover,.btn.white:hover{background:#dcebdc;color:#173625;border-color:#dcebdc;box-shadow:0 5px 18px #10221930}
.timber-story{position:relative;isolation:isolate;background:#172f24;margin-top:calc(-1 * clamp(28px,5vw,76px));padding-top:clamp(28px,5vw,76px);clip-path:polygon(0 clamp(28px,5vw,76px),100% 0,100% 100%,0 100%)}
.timber-story .split{grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr)}
.timber-story img{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);border-radius:0}
.timber-featured .card img,.timber-gallery img{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);border-radius:0}
.timber-featured .card{border-bottom:1px solid var(--line)}
.timber-featured .card h3{font-size:clamp(21px,2.4vw,34px)}
.fade-ready .fade-pending{opacity:0;transform:translateY(18px)}
.fade-ready .fade-pending,.fade-ready .fade-visible{transition:opacity .7s ease,transform .7s ease}
.fade-ready .fade-visible{opacity:1;transform:none}
@media(max-width:760px){
  .editorial-hero{min-height:clamp(530px,83svh,680px)}
  .editorial-hero::after{clip-path:none;background:linear-gradient(180deg,transparent 21%,#14291e55 38%,#14291ef5 80%)}
  .editorial-hero .wrap{padding-top:160px;padding-bottom:72px}
  .timber-story .split{grid-template-columns:1fr}
  .timber-story img{max-height:360px}
  .timber-featured .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .timber-featured .btn{padding-inline:15px}
}
@media(prefers-reduced-motion:reduce){.fade-ready .fade-pending{opacity:1;transform:none}}

.coverflow.ready{position:relative;display:grid;place-items:center;overflow:hidden;perspective:1050px;min-height:clamp(280px,49vw,570px);touch-action:pan-y}
.coverflow.ready a{grid-area:1/1;width:min(67%,750px);z-index:var(--layer);transform:translateX(calc(var(--offset)*48%)) rotateY(calc(var(--offset)*-31deg)) scale(var(--scale));opacity:var(--opacity);transition:transform .6s cubic-bezier(.22,.72,.3,1),opacity .45s;filter:drop-shadow(0 18px 18px #000a)}
.coverflow.ready img{clip-path:none;border-radius:8px}
.coverflow-controls:not([hidden]){display:flex;justify-content:center;align-items:center;gap:18px;margin-top:8px}
.coverflow-controls button{width:46px;height:46px;border:1px solid #b7c9bb;border-radius:50%;background:#fff;color:#224b34;font-size:27px;cursor:pointer}
.about-story{gap:clamp(26px,6vw,86px)}
.about-story img{clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);border-radius:0}
@media(max-width:760px){.coverflow.ready a{width:76%}.coverflow.ready{min-height:clamp(220px,68vw,430px)}.about-story img{max-height:430px}}

.timber-featured .grid{gap:clamp(14px,2vw,24px)}
.timber-featured .card{position:relative;display:flex;align-items:flex-end;isolation:isolate;min-height:340px;border:0;border-radius:20px 20px 20px 6px;background:#173629;color:#fff;box-shadow:0 14px 25px #10221926}
.timber-featured .card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:none;border-radius:0;z-index:-2}
.timber-featured .card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(164deg,transparent 18%,#10221930 37%,#102219f0 70%,#102219 100%);pointer-events:none}
.timber-featured .card .pad{width:100%;padding:clamp(13px,2vw,22px)}
.timber-featured .card p{margin:0 0 12px;color:#e6f1e3;font-size:.88rem}
.timber-actions{display:grid;grid-template-columns:1fr;gap:1px;background:#ffffff3d;border:1px solid #ffffff3d;border-radius:12px;overflow:hidden}
.timber-actions a,.timber-actions .btn{display:grid;place-items:center;min-height:44px;padding:6px 8px;margin:0;border:0;border-radius:0;box-shadow:none;text-align:center;text-decoration:none;font-weight:750;font-size:.85rem;line-height:1.2}
.timber-actions .btn{background:#f5faf1;color:#204432}
.timber-actions a[href^="tel:"]{background:#244c38;color:#fff}
.timber-actions a:hover,.timber-actions .btn:hover{background:#d9ebd6;color:#173625;transform:none}
.timber-actions a:focus-visible{outline-offset:-4px}
@media(max-width:760px){.timber-featured .card{min-height:clamp(260px,69vw,360px)}}

@media(min-width:761px){
 .nav{align-items:center;gap:0}
 .nav a+a{border-left:1px solid #ffffff65;margin-left:clamp(10px,1.55vw,24px);padding-left:clamp(10px,1.55vw,24px)}
}
.about-chapters{position:relative;isolation:isolate;padding-block:clamp(22px,4vw,58px);background:#efeee3;overflow:hidden}
.about-chapters::before{content:"";position:absolute;inset:0;z-index:-1;background:url('godovi.svg') right -185px center / min(105vw,980px) auto no-repeat;opacity:.12}
.about-page .about-story{position:relative;padding:0;gap:0;margin:clamp(18px,4vw,50px) auto;grid-template-columns:1fr 1fr;align-items:stretch}
.about-chapters .about-story>div{display:grid;align-content:center;background:#faf9f0;padding:clamp(24px,5vw,72px);border-top:3px solid #6f8b68}
.about-chapters .about-story>div p{margin-bottom:0}
.about-page .about-story>img{height:100%;min-height:320px;max-height:480px;object-fit:cover;clip-path:none}
.about-page .about-story:first-child>img{border-radius:0 24px 24px 0}
.about-page .about-story:nth-child(2)>img{border-radius:24px 0 0 24px}
.about-ecology{background:linear-gradient(90deg,#152b21 12%,#152b21dd),url('godovi.svg') right center / 650px auto no-repeat,#152b21}
@media(max-width:760px){
 .about-page .about-story{grid-template-columns:1fr;border-radius:18px;overflow:hidden;margin-block:24px}
 .about-page .about-story>img{order:-1;height:clamp(200px,64vw,320px);min-height:0;border-radius:0!important}
 .about-chapters::before{background-position:right -100px top}
}

.about-page footer{background:#163427;color:#fff}
.about-page footer .wrap{overflow:visible;border-radius:0}
.about-page footer .wrap>div{background:transparent;color:inherit;border:0;padding:0;display:block}
.about-page footer .btn.white{color:#244b36}
.about-page footer .btn.white:hover{color:#173625}

body.drva-redizajn{font:16px/1.65 system-ui,sans-serif;color:var(--ink);background:var(--light);margin:0}
.drva-redizajn :is(h1,h2,h3){font-family:Georgia,serif;line-height:1.04;font-weight:700}
.drva-redizajn .hero h1,.drva-redizajn .header a,.drva-redizajn .dark h2,.drva-redizajn footer h3{color:#fff}
.drva-redizajn .btn.white{color:#244b36}
.drva-redizajn .timber-actions .btn{color:#204432}
.drva-redizajn.admin-bar .header{top:32px}
@media(max-width:782px){.drva-redizajn.admin-bar .header{top:46px}}

.drva-redizajn .privacy-content {
  padding-inline:clamp(18px,5vw,60px);
  background:#fffdf6;
  border:1px solid var(--line);
  border-radius:20px;
  margin-block:clamp(24px,6vw,76px);
  overflow-wrap:anywhere;
}
.drva-redizajn .privacy-content :is(h2,h3) {font-size:clamp(24px,4vw,38px);margin-top:1.2em}
.drva-redizajn .privacy-content a {color:#245b3d;text-underline-offset:.2em}
.home-page main{position:relative;isolation:isolate;background:var(--light)}
.home-page main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('godovi.svg') right -170px bottom 210px / min(85vw,760px) auto no-repeat;opacity:.09}

/* Groovy Menu prints its own navigation through WordPress hooks. */
body.drva-redizajn :is(.gm-wrapper,.gm-navbar,.gm-navigation-drawer,.gm-mobile-menu-container){display:none!important}
body.drva-redizajn > .header{display:block;position:absolute;z-index:50;background:transparent;color:#fff}
body.drva-redizajn .header .nav a{color:#fff!important}
body.drva-redizajn .header .toggle,
body.drva-redizajn .header .toggle:is(:hover,:focus,:active){
  color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0;
}
body.drva-redizajn .header .toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.drva-redizajn .header .toggle svg{display:block}
.drva-contact-form .elementor-134 > :not(.elementor-element-730391db),
.drva-contact-form .elementor-element-730391db .elementor-widget:not(.elementor-widget-form),
.drva-contact-form .elementor-element-730391db .e-con:not(:has(.elementor-widget-form)){display:none!important}
.drva-contact-form .elementor-element-730391db,
.drva-contact-form .elementor-element-730391db .e-con:has(.elementor-widget-form),
.drva-contact-form .elementor-widget-form{width:100%;max-width:none;margin:0;padding:0;background:none;min-height:0}
.drva-contact-form .elementor-field-group{min-width:0}