/* Dizajn D – Kamen, more i svjetlo: petrolej, kameno bijela, bakar; Instrument Serif + Hanken Grotesk */
:root{
	--petrol:#0F2A30; --night:#0A1D22; --deep:#07161A; --stone:#F3EFE7; --sea-l:#DCE8E4; --copper:#C9927C; --copper-l:#E6B9A3;
	--rose:#E6B9A3; --rose-d:#C9927C; --cream:#F3EFE7; --brown:#0F2A30; --rose-l:#DCE8E4; --rose-xl:#E8F0ED;
	--accent:#8C4F3A; --ink:#10282E; --ink-soft:#4A5E62; --line:rgba(16,40,46,.13); --paper:#FBFAF6; --sand:#EAE4D8;
	--gold:linear-gradient(110deg,#F2D2C2 0%,#E6B9A3 30%,#C9927C 55%,#F0CDBB 100%);
	--f-head:'Instrument',Georgia,'Times New Roman',serif; --f-body:'Hanken',system-ui,-apple-system,'Segoe UI',sans-serif;
	--r-l:28px; --r-m:18px; --ease-o:cubic-bezier(.16,1,.3,1);
	--shadow:0 30px 70px -30px rgba(7,22,26,.45); --shadow-s:0 14px 34px -18px rgba(7,22,26,.35);
	--light:rgba(243,239,231,.84); --light-soft:rgba(243,239,231,.62);
	interpolate-size:allow-keywords;
}
body{font-weight:400;letter-spacing:.003em}
::selection{background:var(--copper);color:var(--night)}
h1,h2,h3,h4,.b-h1,.b-h2,.b-h3{font-weight:400;font-synthesis:none;letter-spacing:-.012em}
.b-h2{font-size:clamp(2.5rem,4.8vw,4.6rem);line-height:1}
.b-h3{font-size:clamp(1.65rem,2.3vw,2.2rem);line-height:1.1}
.b-tagline{font-size:clamp(1.5rem,2vw,1.95rem);color:var(--accent)}
.b-lead{color:var(--ink-soft)}
.b-eyebrow{font-weight:600;letter-spacing:.24em;font-size:.72rem;gap:14px}
.b-eyebrow::before{content:"";width:30px;height:1px;background:currentColor;opacity:.7}
.b-head--center .b-eyebrow::after{content:"";width:30px;height:1px;background:currentColor;opacity:.7}
.b-sign{font-size:1.5rem}
.b-wrap{gap:clamp(44px,6vw,88px)}

/* gumbi */
.b-btn .elementor-button,.b-btn-raw{font-weight:600;letter-spacing:.03em;min-height:54px;padding:0 30px}
.b-btn--primary .elementor-button,.b-btn-raw--primary{background:var(--copper);color:var(--night);box-shadow:0 16px 34px -16px rgba(201,146,124,.75)}
.b-btn--primary .elementor-button:hover,.b-btn-raw--primary:hover{background:var(--copper-l);color:var(--night)}
.b-btn--glass .elementor-button{background:rgba(255,255,255,.07);color:var(--cream);border-color:rgba(243,239,231,.32);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.b-btn--glass .elementor-button:hover{background:rgba(255,255,255,.14);border-color:var(--copper-l)}
.b-btn--outline .elementor-button{border-color:var(--ink);color:var(--ink)}
.b-btn--outline .elementor-button:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}

/* header: svijetao iznad hera, kameni nakon skrolanja */
.b-header:not(.is-scrolled):not(.is-open) .b-menu a,.b-header:not(.is-scrolled):not(.is-open) .b-header__tel{color:var(--cream)}
.b-header:not(.is-scrolled):not(.is-open) .b-brand__logo--dark{opacity:0}
.b-header:not(.is-scrolled):not(.is-open) .b-brand__logo--light{opacity:1}
.b-header:not(.is-scrolled) .b-header__cta{background:rgba(255,255,255,.08);color:var(--cream);border-color:rgba(243,239,231,.35);box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.b-header:not(.is-scrolled) .b-header__cta:hover{background:var(--copper);color:var(--night);border-color:var(--copper)}
.b-header:not(.is-scrolled) .b-burger{background:rgba(255,255,255,.1);box-shadow:none;backdrop-filter:blur(10px)}
.b-header:not(.is-scrolled):not(.is-open) .b-burger span{background:var(--cream)}
.b-header.is-scrolled{background:rgba(243,239,231,.84)}
.b-header{animation:d-fade 1s ease 1.6s both}

/* napredak čitanja (CSS scroll timeline, gdje je podržan) */
@supports (animation-timeline:scroll()){
	@media (prefers-reduced-motion:no-preference){
		body.bello-d::before{content:"";position:fixed;inset:0 0 auto;height:2px;z-index:200;background:var(--gold);transform-origin:0 50%;transform:scaleX(0);animation:d-prog linear both;animation-timeline:scroll(root);pointer-events:none}
	}
}
@keyframes d-prog{to{transform:scaleX(1)}}

/* ---------------------------------------------------------------- HERO */
.d-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;background:var(--night);color:var(--cream)}
.d-hero__bg{position:absolute!important;inset:0;z-index:-1}
.d-hero__media{position:absolute;inset:0;overflow:hidden}
.d-hero__zoom{position:absolute;inset:0;animation:d-zoom 9s cubic-bezier(.2,.6,.2,1) both}
.d-hero__img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.d-hero__glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;overflow:visible}
.d-glow__spill{opacity:0;animation:d-on 1.6s ease 1.75s both,d-breathe 6s ease-in-out 3.6s infinite}
.d-glow__halo{fill:none;stroke:#FFB089;stroke-width:13;stroke-linecap:round;opacity:0;animation:d-on 1.6s ease 1.75s both,d-breathe 6s ease-in-out 3.6s infinite}
.d-glow__core{fill:none;stroke:#FFE9DC;stroke-width:2.4;stroke-linecap:round;opacity:0;animation:d-on 1.6s ease 1.75s both}
.d-hero__shade{position:absolute;inset:0;background:
	linear-gradient(180deg,rgba(10,29,34,.6) 0,rgba(10,29,34,0) 22%),
	linear-gradient(0deg,rgba(10,29,34,.94) 0,rgba(10,29,34,.6) 30%,rgba(10,29,34,0) 64%),
	linear-gradient(90deg,rgba(10,29,34,.72) 0,rgba(10,29,34,.3) 42%,rgba(10,29,34,0) 68%)}
/* "zamagljeno staklo" koje jedan potez obriše (maska putuje slijeva nadesno) */
.d-hero__fog{position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(70% 60% at 28% 62%,rgba(226,234,232,.56),rgba(226,234,232,.3) 55%,rgba(214,226,224,.44) 100%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	-webkit-mask:linear-gradient(90deg,transparent 47.5%,#000 52.5%) 100% 0/300% 100% no-repeat;mask:linear-gradient(90deg,transparent 47.5%,#000 52.5%) 100% 0/300% 100% no-repeat;
	animation:d-wipe 1.7s cubic-bezier(.7,0,.3,1) .35s both}
.d-hero__blade{position:absolute;top:0;bottom:0;left:0;width:100%;pointer-events:none;animation:d-blade 1.7s cubic-bezier(.7,0,.3,1) .35s both}
.d-hero__blade::before{content:"";position:absolute;top:-6%;bottom:-6%;left:-1px;width:2px;background:linear-gradient(180deg,transparent,#fff 18%,#fff 82%,transparent);box-shadow:0 0 16px 3px rgba(255,255,255,.75),0 0 70px 22px rgba(230,185,163,.38)}
.d-hero__blade::after{content:"";position:absolute;top:0;bottom:0;right:100%;width:clamp(80px,12vw,200px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.14))}
@keyframes d-wipe{to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes d-blade{0%{transform:translateX(-50%);opacity:1}88%{opacity:1}100%{transform:translateX(150%);opacity:0}}
@keyframes d-zoom{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes d-on{0%{opacity:0}10%{opacity:.85}16%{opacity:.1}24%{opacity:1}30%{opacity:.35}100%{opacity:1}}
@keyframes d-breathe{0%,100%{opacity:1}50%{opacity:.62}}
@keyframes d-fade{from{opacity:0}to{opacity:1}}
@keyframes d-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes d-rise{from{transform:translateY(140%)}to{transform:none}}

.d-hero__in{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:calc(var(--hh) + 48px) var(--gut) clamp(96px,12vh,140px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(32px,5vw,80px)}
.d-hero__content{max-width:820px;display:flex;flex-direction:column;gap:22px}
.d-hero__eb{animation:d-up 1s var(--ease-o) 1.25s both}
.d-hero .b-h1{font-size:clamp(3.5rem,9vw,9.4rem);line-height:.9;letter-spacing:-.025em;color:#F7F2EA}
.d-line{display:block;overflow:hidden;padding:.02em 0 .12em;margin-bottom:-.1em}
.d-line>span{display:inline-block;animation:d-rise 1.25s var(--ease-o) 1.05s both}
.d-line.b-h1__l2>span{font-style:italic;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em;animation-delay:1.2s}
.d-hero .b-h1__sub{display:block;font-family:var(--f-body);font-size:clamp(.8rem,.9vw,.92rem);letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--light-soft);margin-top:26px;line-height:1.6;animation:d-up 1s var(--ease-o) 1.45s both}
.d-hero__p{max-width:560px;animation:d-up 1s var(--ease-o) 1.55s both}
.d-hero__p p{color:var(--light);font-size:clamp(1.02rem,.35vw + .96rem,1.16rem);line-height:1.7}
.d-hero .b-btns{animation:d-up 1s var(--ease-o) 1.7s both}

.d-idx ul{display:grid;gap:2px;min-width:300px;padding:10px;border-radius:22px;background:rgba(10,29,34,.38);border:1px solid rgba(243,239,231,.13);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);animation:d-up 1.1s var(--ease-o) 1.85s both}
.d-idx a{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;color:var(--cream);text-decoration:none;font-size:.95rem;transition:background .3s,padding .4s var(--ease-o)}
.d-idx a:hover{background:rgba(255,255,255,.08);padding-left:22px}
.d-idx__n{font-size:.7rem;letter-spacing:.16em;color:var(--copper-l);font-weight:600}
.d-idx .bi{width:20px;height:20px;color:var(--copper-l)}

.d-hero__metaw{position:absolute!important;left:0;right:0;bottom:0}
.d-hero__meta{max-width:1400px;margin:0 auto;padding:0 var(--gut) 30px;display:flex;align-items:center;gap:16px;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--light-soft);animation:d-fade 1.2s ease 2.1s both}
.d-sep{width:48px;height:1px;background:currentColor;opacity:.6}

@supports (animation-timeline:scroll()){
	@media (prefers-reduced-motion:no-preference){
		.d-hero__media{animation:d-par linear both;animation-timeline:scroll(root);animation-range:0 100vh}
		.d-hero__in,.d-hero__metaw{animation:d-away linear both;animation-timeline:scroll(root);animation-range:0 85vh}
	}
}
@keyframes d-par{to{transform:translateY(22%)}}
@keyframes d-away{to{opacity:0;transform:translateY(-70px)}}

/* ---------------------------------------------------------------- TRAKA POVJERENJA */
.d-trustw{background:var(--stone);border-bottom:1px solid var(--line)}
.d-trust{max-width:var(--wrap);margin:0 auto;padding:clamp(26px,3.4vw,42px) var(--gut);display:grid;grid-template-columns:repeat(4,1fr)}
.d-trust li{display:flex;gap:14px;align-items:center;padding:6px clamp(14px,2vw,28px);border-left:1px solid var(--line)}
.d-trust li:first-child{border-left:0;padding-left:0}
.d-trust .bi{width:42px;height:42px;padding:10px;border-radius:50%;border:1px solid rgba(140,79,58,.32);color:var(--accent)}
.d-trust strong{display:block;font-weight:600;font-size:.97rem;line-height:1.35;color:var(--ink)}
.d-trust small{display:block;font-size:.85rem;line-height:1.4;color:var(--ink-soft)}

/* ---------------------------------------------------------------- SEKCIJE */
.d-sec--stone{background:var(--stone)}
.d-sec--stone2{background:var(--sand)}
.d-sec--sea{background:var(--sea-l)}
.d-sec--night{background:var(--night);color:var(--light);overflow:hidden;isolation:isolate}
.d-sec--night::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(48% 55% at 8% 4%,rgba(201,146,124,.2),rgba(201,146,124,.07) 55%,rgba(201,146,124,0) 100%);animation:d-candle 7s ease-in-out infinite alternate}
@keyframes d-candle{from{opacity:.55}to{opacity:1}}
.d-sec--night .b-h2,.d-sec--night .b-h3,.d-sec--night h3{color:#F7F2EA}
.d-sec--night .b-lead{color:var(--light)}
.d-sec--night .b-muted{color:var(--light-soft)}
.d-sec--night .b-tagline{color:var(--copper-l)}
.d-sec--night .b-eyebrow,.b-eyebrow--light{color:var(--copper-l)}
.d-sec--night :focus-visible,.d-hero :focus-visible{outline-color:var(--copper-l)}

/* naslovi koji izranjaju riječ po riječ (d.js) */
.d-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.d-w>span{display:inline-block;transform:translateY(110%);transition:transform 1.1s var(--ease-o);transition-delay:calc(var(--k) * 55ms)}
.d-split.is-in .d-w>span{transform:none}

/* tekst koji se "ispisuje" skrolanjem (d.js postavlja --p) */
.d-fill{font-family:var(--f-head);font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.04;letter-spacing:-.02em;color:var(--ink);max-width:18ch;margin:8px 0 0}
.d-fill .d-f{display:inline;opacity:calc(.55 + .45 * clamp(0, var(--p, 1) * var(--n) - var(--k), 1));transition:opacity .2s linear}

/* otkrivanje fotografija maskom – maska je na slici, okvir ostaje vidljiv IntersectionObserveru */
.js .d-clip.b-rv{transform:none}
.js .d-clip img{clip-path:inset(100% 0 0 0);transform:scale(1.2);transition:clip-path 1.4s var(--ease-o),transform 1.8s var(--ease-o)}
.js .d-clip.is-in img,.js .is-in .d-clip img{clip-path:inset(0);transform:none}

/* citati, kvačice, oznake */
.d-quote .bi{width:30px;height:30px;color:var(--copper);margin-bottom:10px}
.d-quote p{font-size:clamp(1.55rem,2.3vw,2.2rem);line-height:1.22}
.d-quote--sm p{font-size:clamp(1.25rem,1.6vw,1.5rem)}
.d-quote--light p{color:#F7F2EA}
.d-checks{gap:0;border-top:1px solid var(--line)}
.d-checks li{padding:13px 0;border-bottom:1px solid var(--line);align-items:center}
.d-checks .bi{background:var(--petrol);color:var(--copper-l);stroke-width:2.4}
.b-tags li{background:transparent;border-color:rgba(16,40,46,.22);font-weight:500}
.d-ico{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid currentColor;opacity:.85}
.d-ico .bi{width:24px;height:24px}
.d-pill{position:absolute;left:18px;top:18px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(10,29,34,.8);color:var(--cream);font-size:.85rem;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.d-pill .bi{width:16px;height:16px;color:var(--copper-l)}

/* ---------------------------------------------------------------- USLUGE: kartice koje se slažu */
.d-u__top{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:clamp(28px,5vw,80px)}
.d-u__lead{padding-bottom:6px}
.d-stack{display:grid}
.d-scard{--p:0;position:sticky;top:calc(var(--hh) + 22px + var(--i) * 16px);display:grid;grid-template-columns:1.05fr 1fr;min-height:min(560px,calc(100vh - var(--hh) - 90px));margin-bottom:clamp(30px,6vh,64px);border-radius:var(--r-l);overflow:hidden;text-decoration:none;color:var(--ink);background:var(--paper);box-shadow:0 -18px 50px -30px rgba(7,22,26,.45);transform-origin:50% 0;transform:scale(calc(1 - var(--p) * .05))}
.d-scard:last-child{margin-bottom:0}
.d-scard::after{content:"";position:absolute;inset:0;background:var(--night);opacity:calc(var(--p) * .35);pointer-events:none}
.d-scard--1{background:var(--petrol);color:var(--cream)}
.d-scard--2{background:#DCE8E4}
.d-scard--3{background:var(--paper)}
.d-scard--4{background:#EFDDD3}
.d-scard__txt{padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:flex-end;gap:16px}
.d-scard__n{font-family:var(--f-head);font-size:clamp(4.4rem,9vw,8.4rem);line-height:.8;letter-spacing:-.04em;margin-bottom:auto;opacity:.92}
.d-scard--1 .d-scard__n{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.d-scard h3{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.02;color:inherit}
.d-scard p{max-width:38ch;opacity:.8;font-size:1.04rem}
.d-more{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:.93rem;letter-spacing:.03em;width:max-content;padding-bottom:4px;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease-o)}
.d-more .bi{transition:transform .4s var(--ease-o)}
.d-scard:hover .d-more{background-size:100% 1px}
.d-scard:hover .d-more .bi{transform:translateX(5px)}
.d-scard__img{position:relative;overflow:hidden}
.d-scard__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-o)}
.d-scard:hover .d-scard__img img{transform:scale(1.05)}

/* ---------------------------------------------------------------- ZGRADE */
.d-z__head{max-width:1080px}
.d-split2{grid-template-columns:1fr 1.05fr;align-items:center}
.d-z__media{position:relative;padding:0 8% 9% 0}
.d-z__media>.d-clip:first-child{border-radius:var(--r-l);overflow:hidden;aspect-ratio:4/5}
.d-z__media>.d-clip:first-child img{width:100%;height:100%;object-fit:cover}
.d-z__small{position:absolute!important;right:0;bottom:0;width:46%;aspect-ratio:1;border-radius:20px;overflow:hidden;border:8px solid var(--sand);box-shadow:var(--shadow)}
.d-z__small img{width:100%;height:100%;object-fit:cover}
.d-z__txt{gap:24px}
.d-z__freq{gap:28px}
.d-freq{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.d-freq li{position:relative;text-align:center;padding:clamp(30px,4vw,48px) 20px;border-left:1px solid var(--line)}
.d-freq li:first-child{border-left:0}
.d-freq strong{display:block;font-family:var(--f-head);font-weight:400;font-size:clamp(2.3rem,4vw,3.6rem);line-height:1;margin-bottom:10px;color:var(--ink)}
.d-freq span{color:var(--ink-soft)}
.d-freq li.is-top{background:var(--petrol);border-radius:22px;border-left-color:transparent;box-shadow:var(--shadow)}
.d-freq li.is-top+li{border-left-color:transparent}
.d-freq li.is-top strong{color:#F7F2EA}
.d-freq li.is-top span{color:var(--light)}
.d-freq em{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-style:normal;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--copper-l);white-space:nowrap}
.d-split--top{align-items:start}

.d-steps{position:relative;gap:30px;padding-left:64px}
.d-steps::before,.d-steps::after{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:1px;background:var(--line)}
.d-steps::after{background:var(--copper);transform-origin:50% 0}
.d-steps .b-step{position:relative}
.d-steps .b-step__n{position:absolute;left:-64px;top:-4px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--sand);border:1px solid var(--copper);font-family:var(--f-head);font-size:1.3rem;letter-spacing:0;text-transform:none;color:var(--accent);font-weight:400}
.d-steps .b-step h3{font-size:1.6rem;margin-top:0}
@supports (animation-timeline:view()){
	@media (prefers-reduced-motion:no-preference){
		.d-steps::after{animation:d-draw linear both;animation-timeline:view();animation-range:entry 30% cover 60%}
	}
}
@keyframes d-draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* ---------------------------------------------------------------- PIJETET */
.d-split--p{grid-template-columns:1.1fr .9fr}
.d-p__txt{gap:22px}
.d-p__media{position:relative;padding-left:12%}
.d-arch{border-radius:999px 999px 26px 26px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 40px 90px -40px rgba(0,0,0,.7)}
.d-arch img{width:100%;height:100%;object-fit:cover}
.d-note{position:absolute!important;left:0;bottom:12%;display:flex;align-items:center;gap:12px;padding:14px 20px 14px 14px;border-radius:18px;background:rgba(243,239,231,.96);color:var(--ink);box-shadow:0 24px 50px -20px rgba(0,0,0,.6);max-width:300px}
.d-note.is-in{animation:d-float 5s ease-in-out 1.2s infinite alternate}
.d-note .bi{width:44px;height:44px;padding:11px;border-radius:12px;background:var(--petrol);color:var(--copper-l);flex:none}
.d-note span{font-size:.9rem;line-height:1.35}
.d-note strong{display:block;font-size:.68rem;letter-spacing:.2em;color:var(--accent);margin-bottom:2px}
@keyframes d-float{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.d-steps--row{padding-left:0;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);border-top:1px solid rgba(243,239,231,.14)}
.d-steps--row::before,.d-steps--row::after{display:none}
.d-steps--row .b-step{padding-top:30px}
.d-steps--row .b-step::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 6px rgba(201,146,124,.16)}
.d-steps--row .b-step__n{position:static;width:auto;height:auto;display:block;background:none;border:0;font-family:var(--f-body);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--copper-l)}
.d-steps--row .b-step h3{margin:10px 0 8px;color:#F7F2EA}
.d-steps--row .b-step p{color:var(--light-soft)}

/* ---------------------------------------------------------------- OSTALE USLUGE */
.d-ocs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,40px)}
.d-oc{display:flex;flex-direction:column;background:var(--paper);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-s)}
.d-oc__img{position:relative;aspect-ratio:16/10;overflow:hidden}
.d-oc__img img{width:100%;height:100%;object-fit:cover}
.d-oc__eb{position:absolute;left:18px;top:18px;padding:7px 14px;border-radius:999px;background:var(--petrol);color:var(--copper-l);font-size:.7rem;letter-spacing:.2em;font-weight:600}
.d-oc__body{padding:clamp(24px,3.2vw,44px);gap:16px;flex:1}
.d-oc__body .b-btns{margin-top:auto;padding-top:8px}
.d-soon{margin-top:clamp(8px,1vw,16px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(20px,3.4vw,48px);padding:clamp(28px,4vw,56px);border-radius:var(--r-l);background:var(--petrol);color:var(--light);position:relative;overflow:hidden;isolation:isolate}
.d-soon::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(40% 90% at 92% 0%,rgba(201,146,124,.22),rgba(201,146,124,0) 100%)}
.d-s__ico .bi{width:68px;height:68px;padding:18px;border-radius:50%;border:1px solid rgba(230,185,163,.4);color:var(--copper-l)}
.d-s__txt{gap:12px}
.d-s__h{color:#F7F2EA}
.d-soon .b-soon{background:rgba(230,185,163,.14);color:var(--copper-l)}

/* ---------------------------------------------------------------- O NAMA */
.d-split--n{align-items:start}
.d-n__txt{gap:24px}
.d-letter{padding-left:30px;border-left:1px solid rgba(140,79,58,.45)}
.d-letter p:first-child{font-family:var(--f-head);font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:1.22;color:var(--ink);letter-spacing:-.01em}
.d-values li{position:relative;display:grid;grid-template-columns:70px 1fr;grid-template-areas:"n h" "n p";column-gap:10px;padding:30px 48px 30px 0;border-top:1px solid rgba(16,40,46,.16)}
.d-values li:last-child{border-bottom:1px solid rgba(16,40,46,.16)}
.d-v__n{grid-area:n;font-family:var(--f-head);font-size:2.4rem;line-height:1;color:var(--accent)}
.d-values h3{grid-area:h;font-size:clamp(1.6rem,2vw,2rem);margin-bottom:6px}
.d-values p{grid-area:p;color:var(--ink-soft)}
.d-values .bi{position:absolute;right:0;top:32px;width:28px;height:28px;color:var(--accent)}

/* ---------------------------------------------------------------- PODRUČJE */
.d-sec--map{background:var(--night);color:var(--light);overflow:hidden;padding:clamp(130px,17vw,240px) 0}
.d-sec--map .b-wrap{position:static}
.d-g__bg{position:absolute!important;inset:0;overflow:hidden}
.d-g__img{position:absolute;inset:-12% 0 -12% 0}
.d-g__img img{width:100%;height:100%;object-fit:cover}
.d-g__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,29,34,.88) 0,rgba(10,29,34,.55) 50%,rgba(10,29,34,.2) 100%)}
@supports (animation-timeline:view()){
	@media (prefers-reduced-motion:no-preference){
		.d-g__img{animation:d-gpar linear both;animation-timeline:view();animation-range:cover}
	}
}
@keyframes d-gpar{from{transform:translateY(-8%)}to{transform:translateY(8%)}}
.d-g__card{position:relative;max-width:660px;gap:20px;padding:clamp(28px,4vw,54px);border-radius:var(--r-l);background:rgba(10,29,34,.5);border:1px solid rgba(243,239,231,.14);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
.d-g__card .b-h2{color:#F7F2EA}
.d-g__card p{color:var(--light)}
.d-g__card .b-places li{border:1px solid rgba(243,239,231,.24);color:var(--cream);background:rgba(255,255,255,.04);transition:opacity .6s ease,transform .6s var(--ease-o),background .3s,border-color .3s;transition-delay:calc(var(--k, 0) * 40ms + .3s)}
.js .d-g__card:not(.is-in) .b-places li{opacity:0;transform:translateY(10px)}
.d-g__card .b-places li:hover{background:rgba(201,146,124,.2);border-color:var(--copper);transition-delay:0s}

/* ---------------------------------------------------------------- PITANJA */
.d-f{display:grid;grid-template-columns:.85fr 1.3fr;gap:clamp(32px,6vw,100px);align-items:start}
.d-f__head{position:sticky;top:calc(var(--hh) + 40px)}
.d-sec--stone .b-faq{gap:0;border-top:1px solid var(--line)}
.d-sec--stone .b-faq__i{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.d-sec--stone .b-faq__i[open]{box-shadow:none}
.d-sec--stone .b-faq summary{padding:26px 0}
.d-sec--stone .b-faq summary h3{font-family:var(--f-head);font-size:clamp(1.3rem,1.7vw,1.6rem);font-weight:400;line-height:1.25;transition:color .3s}
.d-sec--stone .b-faq summary:hover h3{color:var(--accent)}
.d-sec--stone .b-faq summary .bi{width:38px;height:38px;padding:9px;border-radius:50%;border:1px solid var(--line);flex:none}
.d-sec--stone .b-faq__i[open] summary .bi{background:var(--petrol);color:var(--copper-l);border-color:var(--petrol)}
.d-sec--stone .b-faq__a{padding:0 60px 28px 0}
.b-faq__i::details-content{block-size:0;overflow:hidden;transition:block-size .5s var(--ease-o),content-visibility .5s allow-discrete}
.b-faq__i[open]::details-content{block-size:auto}

/* ---------------------------------------------------------------- KONTAKT */
.d-split--k{grid-template-columns:1fr 1fr;align-items:start}
.d-k__txt{gap:22px}
.d-k__h{font-size:clamp(3rem,7vw,6.6rem);line-height:.95}
.d-sec--night .b-contact .bi{background:rgba(255,255,255,.06);color:var(--copper-l);box-shadow:none;border:1px solid rgba(243,239,231,.14)}
.d-sec--night .b-contact small{color:var(--light-soft)}
.d-sec--night .b-contact a,.d-sec--night .b-contact strong{color:#F7F2EA}
.d-sec--night .b-contact a:hover{color:var(--copper-l)}
.d-sec--night .b-formcard{background:var(--stone);color:var(--ink);box-shadow:0 50px 100px -40px rgba(0,0,0,.75)}
.b-formcard .fluentform .ff-el-form-control{background:var(--paper)}
.b-formcard .fluentform .ff-el-form-control:focus{border-color:var(--copper);box-shadow:0 0 0 4px rgba(201,146,124,.25)}
.b-formcard .fluentform .ff-btn-submit{background:var(--petrol);color:var(--cream)}
.b-formcard .fluentform .ff-btn-submit:hover{background:var(--copper);color:var(--night)}
.b-formcard .ff-message-success{background:var(--sea-l)}

/* footer i mobilna traka */
.b-footer{background:var(--deep);border-top:1px solid rgba(243,239,231,.08)}
.b-mbar{background:rgba(10,29,34,.92)}
.b-mbar__main{background:var(--copper);color:var(--night)!important}

/* ---------------------------------------------------------------- RESPONZIVNO */
@media (max-width:1100px){
	.d-idx ul{min-width:250px}
	.d-trust{grid-template-columns:repeat(2,1fr);row-gap:22px}
	.d-trust li:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:960px){
	.d-hero__in{grid-template-columns:1fr;padding-bottom:110px}
	.d-idx ul{min-width:0;display:flex;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:999px}
	.d-idx li{flex:none}
	.d-idx a{grid-template-columns:auto 1fr;padding:9px 14px;border-radius:999px;font-size:.86rem;gap:8px}
	.d-idx a:hover{padding-left:14px}
	.d-idx__n{display:none}
	.d-u__top{grid-template-columns:1fr}
	.d-split2,.d-split--p,.d-split--k{grid-template-columns:1fr}
	.d-z__media{max-width:560px}
	.d-p__media{max-width:440px;padding-left:10%}
	.d-f{grid-template-columns:1fr}
	.d-f__head{position:static}
	.d-soon{grid-template-columns:1fr}
	.d-ocs{grid-template-columns:1fr}
}
@media (max-width:767px){
	.d-hero__in{padding-top:calc(var(--hh) + 28px);padding-bottom:28px;gap:24px}
	.d-hero__content{gap:16px}
	.d-hero .b-h1{font-size:clamp(3rem,15vw,4.4rem)}
	.d-hero .b-h1__sub{margin-top:16px;letter-spacing:.14em}
	.d-hero__metaw{display:none}
	.d-hero__shade{background:linear-gradient(180deg,rgba(10,29,34,.55) 0,rgba(10,29,34,0) 16%),linear-gradient(0deg,rgba(10,29,34,.97) 0,rgba(10,29,34,.84) 45%,rgba(10,29,34,.55) 72%,rgba(10,29,34,.25) 100%)}
	.d-hero__glow{opacity:.55}
	.d-trust{grid-template-columns:1fr 1fr;gap:18px 0}
	.d-trust li{flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 0 16px}
	.d-trust li:nth-child(odd){border-left:0;padding-left:0}
	.d-scard{grid-template-columns:1fr;grid-template-rows:200px auto;min-height:0;top:calc(var(--hh) + 12px + var(--i) * 10px);margin-bottom:24px}
	.d-scard__img{grid-row:1}
	.d-scard__txt{gap:12px;padding:26px 24px 30px}
	.d-scard__n{font-size:3.4rem;margin-bottom:6px}
	.d-ico{display:none}
	.d-freq{grid-template-columns:1fr}
	.d-freq li{border-left:0;border-top:1px solid var(--line);padding:30px 20px}
	.d-freq li:first-child{border-top:0}
	.d-freq li.is-top{margin:6px 0}
	.d-freq li.is-top+li{border-top-color:transparent}
	.d-steps--row{grid-template-columns:1fr;border-top:0;padding-left:28px;border-left:1px solid rgba(243,239,231,.14)}
	.d-steps--row .b-step{padding-top:0}
	.d-steps--row .b-step::before{top:6px;left:-33px}
	.d-values li{grid-template-columns:52px 1fr;padding-right:40px}
	.d-sec--stone .b-faq__a{padding-right:0}
	.d-letter{padding-left:20px}
}
@media (prefers-reduced-motion:reduce){
	.js .d-clip img{clip-path:none;transform:none}
	.d-w>span{transform:none}
	.d-fill .d-f{opacity:1}
	.d-hero__fog,.d-hero__blade{display:none}
	.js .d-g__card:not(.is-in) .b-places li{opacity:1;transform:none}
}