:root {
  --cream: #F5F0E8;
  --warm-white: #FAF7F2;
  --bark: #1E140A;
  --timber: #4A2E12;
  --wood: #7A5030;
  --gold: #C49A55;
  --gold-light: #DDB96A;
  --ash: #C0BBB2;
  --charcoal: #141210;
  --mid: #1E1A16;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--charcoal); color:var(--cream); font-family:'DM Sans',sans-serif; overflow-x:hidden; }
::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background:var(--charcoal); }
::-webkit-scrollbar-thumb { background:var(--gold); border-radius:2px; }
body::after {
  content:''; position:fixed; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events:none; z-index:900; opacity:.45;
}

/* NAV */
nav {
  position:fixed; top:0; left:0; right:0; z-index:200;
  display:flex; justify-content:space-between; align-items:center;
  padding:0 56px; height:76px;
  transition:background .5s, box-shadow .5s;
}
nav::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to bottom, rgba(20,18,16,.9), transparent);
  pointer-events:none; transition:opacity .5s;
}
nav.scrolled::before { opacity:0; }
nav.scrolled {
  background:rgba(20,18,16,.97);
  box-shadow:0 1px 0 rgba(196,154,85,.15);
  backdrop-filter:blur(14px);
}
.nav-logo { display:flex; align-items:center; gap:14px; text-decoration:none; position:relative; z-index:1; }
.nav-logo img { height:36px; filter:brightness(0) invert(1); transition:filter .4s; }
nav.scrolled .nav-logo img { filter:brightness(0) saturate(100%) invert(72%) sepia(20%) saturate(700%) hue-rotate(2deg) brightness(96%); }
.nav-logo-text { font-family:'Bebas Neue',sans-serif; font-size:1.3rem; letter-spacing:.22em; color:var(--cream); line-height:1; }
.nav-logo-text b { color:var(--gold); font-weight:400; }
.nav-links { display:flex; gap:36px; list-style:none; position:relative; z-index:1; }
.nav-links a { color:rgba(192,187,178,.75); text-decoration:none; font-size:.67rem; letter-spacing:.2em; text-transform:uppercase; transition:color .3s; position:relative; }
.nav-links a::after { content:''; position:absolute; bottom:-3px; left:0; width:0; height:1px; background:var(--gold); transition:width .4s cubic-bezier(.25,.46,.45,.94); }
.nav-links a:hover { color:var(--gold); }
.nav-links a:hover::after { width:100%; }

/* HERO */
.hero { height:100vh; min-height:680px; display:grid; grid-template-columns:repeat(4,1fr); position:relative; }
.hero-col { position:relative; overflow:hidden; cursor:pointer; }
.hero-col img { width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.07); transition:transform 1s cubic-bezier(.25,.46,.45,.94), filter .8s; filter:brightness(.38) saturate(.6); }
.hero-col:hover img { transform:scale(1.0); filter:brightness(.6) saturate(.9); }
.hero-col-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(20,18,16,.93) 0%, rgba(20,18,16,.18) 55%, transparent 100%);
  transition:background .5s;
}
.hero-col:hover .hero-col-overlay { background:linear-gradient(to top, rgba(30,20,10,.97) 0%, rgba(30,20,10,.45) 55%, transparent 100%); }
.hero-col-num { position:absolute; top:22px; right:18px; font-family:'Bebas Neue',sans-serif; font-size:4.5rem; line-height:1; color:rgba(196,154,85,.1); transition:color .4s; user-select:none; }
.hero-col:hover .hero-col-num { color:rgba(196,154,85,.32); }
.hero-col-tag { position:absolute; left:30px; bottom:160px; font-size:.57rem; letter-spacing:.35em; text-transform:uppercase; color:var(--gold); opacity:0; transform:translateY(6px); transition:all .4s .05s; }
.hero-col:hover .hero-col-tag { opacity:1; transform:translateY(0); }
.hero-col-line { position:absolute; left:30px; bottom:145px; width:0; height:1px; background:var(--gold); transition:width .55s cubic-bezier(.25,.46,.45,.94); }
.hero-col:hover .hero-col-line { width:34px; }
.hero-col-title { position:absolute; left:30px; bottom:72px; font-family:'Bebas Neue',sans-serif; font-size:clamp(1.45rem,2vw,2.1rem); letter-spacing:.06em; line-height:1.1; color:var(--cream); transition:transform .45s; }
.hero-col:hover .hero-col-title { transform:translateY(-4px); }
.hero-col-sub { position:absolute; left:30px; bottom:16px; font-size:.71rem; color:var(--ash); line-height:1.55; font-weight:300; opacity:0; transform:translateY(6px); transition:all .45s .1s; max-width:215px; right:16px; }
.hero-col:hover .hero-col-sub { opacity:1; transform:translateY(0); }
.hero-col:not(:last-child)::after { content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:linear-gradient(to bottom, transparent, rgba(196,154,85,.22) 50%, transparent); z-index:2; }
.hero-overlay-text { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none; z-index:10; text-align:center; }
.hero-overlay-text h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(3.5rem,7vw,8.5rem); font-weight:300; font-style:italic; line-height:.95; color:var(--cream); text-shadow:0 4px 60px rgba(0,0,0,.7); opacity:0; animation:fadeUp 1.2s .2s cubic-bezier(.25,.46,.45,.94) forwards; }
.hero-overlay-text h1 strong { display:block; font-family:'Bebas Neue',sans-serif; font-style:normal; font-weight:400; font-size:1.12em; color:var(--gold); letter-spacing:.05em; }
.hero-overlay-text p { font-size:.66rem; letter-spacing:.44em; text-transform:uppercase; color:rgba(192,187,178,.7); margin-top:20px; opacity:0; animation:fadeUp 1.2s .65s cubic-bezier(.25,.46,.45,.94) forwards; }
.hero-scroll { position:absolute; bottom:34px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:9px; z-index:11; opacity:0; animation:fadeUp 1s 1.3s forwards; }
.hero-scroll span { font-size:.55rem; letter-spacing:.35em; text-transform:uppercase; color:rgba(192,187,178,.45); }
.scroll-bar { width:1px; height:46px; background:linear-gradient(to bottom, var(--gold), transparent); animation:scrollPulse 2.2s ease-in-out infinite; }
@keyframes scrollPulse { 0%,100%{opacity:.3;transform:scaleY(1);}50%{opacity:1;transform:scaleY(.65) translateY(8px);} }
@keyframes fadeUp { from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);} }

/* MARQUEE */
.marquee-bar { background:var(--gold); padding:13px 0; overflow:hidden; }
.marquee-inner { display:flex; white-space:nowrap; animation:ticker 38s linear infinite; }
.marquee-inner span { font-family:'Bebas Neue',sans-serif; font-size:.92rem; letter-spacing:.2em; color:var(--bark); padding:0 32px; display:inline-flex; align-items:center; gap:32px; }
.marquee-inner span::after { content:'◆'; font-size:.42rem; opacity:.55; }
@keyframes ticker { from{transform:translateX(0);}to{transform:translateX(-50%);} }

/* ABOUT */
.about { display:grid; grid-template-columns:1fr 1fr; background:var(--warm-white); color:var(--bark); min-height:88vh; }
.about-img { position:relative; overflow:hidden; }
.about-img img { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.25,.46,.45,.94); }
.about-img:hover img { transform:scale(1.04); }
.about-badge { position:absolute; bottom:52px; right:-16px; width:126px; height:126px; background:var(--gold); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:-8px 8px 40px rgba(0,0,0,.22); animation:glow 4s ease-in-out infinite; }
.about-badge strong { font-family:'Bebas Neue',sans-serif; font-size:2.7rem; color:var(--bark); line-height:1; }
.about-badge small { font-size:.46rem; letter-spacing:.18em; font-weight:500; color:var(--timber); text-align:center; padding:0 8px; margin-top:2px; }
@keyframes glow { 0%,100%{box-shadow:-8px 8px 40px rgba(0,0,0,.22);}50%{box-shadow:-12px 12px 55px rgba(196,154,85,.38);} }
.about-content { padding:90px 72px; display:flex; flex-direction:column; justify-content:center; }
.label { font-size:.57rem; letter-spacing:.42em; text-transform:uppercase; color:var(--wood); margin-bottom:20px; display:flex; align-items:center; gap:14px; }
.label::before { content:''; display:inline-block; width:26px; height:1px; background:var(--gold); }
.about-content h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.2rem,3.5vw,4rem); font-weight:300; line-height:1.1; color:var(--bark); margin-bottom:26px; }
.about-content h2 em { color:var(--wood); font-style:italic; }
.about-content p { font-size:.9rem; line-height:1.88; color:var(--timber); font-weight:300; max-width:450px; margin-bottom:16px; }
.about-pillars { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:40px; }
.pillar { padding:20px 18px; border:1px solid rgba(74,46,18,.11); background:rgba(255,255,255,.5); transition:all .4s; position:relative; overflow:hidden; }
.pillar::after { content:''; position:absolute; bottom:0; left:0; width:0; height:2px; background:var(--gold); transition:width .4s; }
.pillar:hover::after { width:100%; }
.pillar:hover { background:#fff; box-shadow:0 8px 30px rgba(74,46,18,.08); transform:translateY(-2px); }
.pillar img { width:30px; height:30px; margin-bottom:9px; filter:sepia(1) saturate(1.5) hue-rotate(5deg); }
.pillar h4 { font-family:'Cormorant Garamond',serif; font-size:.98rem; font-weight:600; color:var(--bark); margin-bottom:5px; }
.pillar p { font-size:.74rem !important; color:var(--timber) !important; margin:0 !important; line-height:1.55 !important; font-weight:300 !important; }

/* SERVICES */
.services { background:var(--charcoal); padding:120px 72px; position:relative; overflow:hidden; }
.services-bg { position:absolute; top:30px; right:-10px; font-family:'Bebas Neue',sans-serif; font-size:13rem; color:rgba(196,154,85,.03); pointer-events:none; user-select:none; white-space:nowrap; letter-spacing:.05em; }
.services-header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:64px; }
.services-header h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.5rem,4vw,5rem); font-weight:300; font-style:italic; line-height:1.05; }
.services-header p { max-width:270px; font-size:.8rem; line-height:1.8; color:var(--ash); font-weight:300; }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:rgba(196,154,85,.07); }
.svc { background:var(--charcoal); padding:50px 38px; position:relative; overflow:hidden; transition:background .5s; }
.svc::before { content:''; position:absolute; inset:0; background:var(--timber); transform:scaleY(0); transform-origin:bottom; transition:transform .55s cubic-bezier(.25,.46,.45,.94); z-index:0; }
.svc:hover::before { transform:scaleY(1); }
.svc > * { position:relative; z-index:1; }
.svc-num { font-family:'Bebas Neue',sans-serif; font-size:3.2rem; color:rgba(196,154,85,.12); line-height:1; margin-bottom:14px; transition:color .4s; }
.svc:hover .svc-num { color:rgba(196,154,85,.42); }
.svc h3 { font-family:'Bebas Neue',sans-serif; font-size:1.5rem; letter-spacing:.05em; color:var(--cream); margin-bottom:12px; transition:color .3s; }
.svc:hover h3 { color:var(--gold-light); }
.svc p { font-size:.79rem; line-height:1.8; color:var(--ash); font-weight:300; transition:color .3s; }
.svc:hover p { color:var(--cream); }
.svc-link { display:inline-flex; align-items:center; gap:9px; margin-top:22px; font-size:.62rem; letter-spacing:.28em; text-transform:uppercase; color:var(--gold); opacity:0; transform:translateX(-8px); transition:all .4s .08s; text-decoration:none; }
.svc-link::after { content:'→'; font-size:.88rem; letter-spacing:0; }
.svc:hover .svc-link { opacity:1; transform:translateX(0); }

/* GALLERY */
.gallery-section { padding:90px 72px; background:var(--mid); }
.gallery-section .label { color:var(--ash); }
.gallery-section h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.9rem,3.2vw,3.8rem); font-weight:300; font-style:italic; margin-bottom:44px; color:var(--cream); }
.gallery-tabs { display:flex; gap:2px; margin-bottom:28px; flex-wrap:wrap; }
.tab-btn { padding:11px 26px; background:rgba(196,154,85,.05); border:1px solid rgba(196,154,85,.14); color:var(--ash); font-family:'DM Sans',sans-serif; font-size:.66rem; letter-spacing:.24em; text-transform:uppercase; cursor:pointer; transition:all .3s; }
.tab-btn.active, .tab-btn:hover { background:var(--gold); border-color:var(--gold); color:var(--bark); }
.gallery-panel { display:none; }
.gallery-panel.active { display:grid; grid-template-columns:repeat(5,1fr); gap:3px; }
.g-item { position:relative; overflow:hidden; aspect-ratio:1; cursor:pointer; }
.g-item img { width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.25,.46,.45,.94), filter .4s; filter:brightness(.86); }
.g-item:hover img { transform:scale(1.09); filter:brightness(1.05); }
.g-overlay { position:absolute; inset:0; background:rgba(20,18,16,0); display:flex; align-items:center; justify-content:center; transition:background .4s; }
.g-item:hover .g-overlay { background:rgba(20,18,16,.44); }
.g-overlay svg { opacity:0; transform:scale(.65); transition:all .3s; color:var(--gold); }
.g-item:hover .g-overlay svg { opacity:1; transform:scale(1); }

/* STATS */
.stats { background:var(--bark); display:grid; grid-template-columns:repeat(4,1fr); }
.stat { padding:68px 36px; border-right:1px solid rgba(196,154,85,.1); text-align:center; transition:background .4s; }
.stat:last-child { border-right:none; }
.stat:hover { background:rgba(196,154,85,.05); }
.stat big { font-family:'Bebas Neue',sans-serif; font-size:5rem; color:var(--gold); line-height:1; display:block; }
.stat span { font-size:.61rem; letter-spacing:.28em; text-transform:uppercase; color:var(--ash); margin-top:8px; display:block; }

/* MISSION/VISION */
.mv { display:grid; grid-template-columns:1fr 1fr; }
.mv-block { padding:100px 72px; position:relative; overflow:hidden; }
.mv-block:first-child { background:var(--bark); border-right:1px solid rgba(196,154,85,.12); }
.mv-block:last-child { background:var(--timber); }
.mv-block::before { position:absolute; top:-20px; right:-10px; font-family:'Bebas Neue',sans-serif; font-size:17rem; opacity:.032; color:var(--gold); line-height:1; pointer-events:none; user-select:none; }
.mv-block:first-child::before { content:'M'; }
.mv-block:last-child::before { content:'V'; }
.mv-block .label { color:var(--gold); }
.mv-block .label::before { background:var(--gold); }
.mv-block h3 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.8rem,2.6vw,3rem); font-weight:300; font-style:italic; color:var(--cream); margin-bottom:20px; line-height:1.2; }
.mv-block p { font-size:.88rem; line-height:1.88; color:var(--ash); font-weight:300; max-width:380px; }
.mv-block blockquote { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-style:italic; color:var(--gold); border-left:2px solid var(--gold); padding-left:20px; margin-top:32px; line-height:1.6; font-weight:300; }

/* CLIENTS */
.clients { background:var(--warm-white); padding:100px 72px; color:var(--bark); }
.clients-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:52px; }
.clients-head h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.9rem,3.2vw,3.8rem); font-weight:300; font-style:italic; }
.clients-count { font-family:'Bebas Neue',sans-serif; font-size:3.8rem; color:var(--gold); line-height:1; }
.clients-count small { display:block; font-family:'DM Sans',sans-serif; font-size:.57rem; letter-spacing:.28em; text-transform:uppercase; color:var(--wood); margin-top:3px; }
.clients-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:2px; background:rgba(74,46,18,.07); }
.client { background:var(--warm-white); padding:32px 20px; display:flex; align-items:center; justify-content:center; transition:all .35s; }
.client:hover { background:#fff; box-shadow:0 6px 28px rgba(74,46,18,.09); z-index:1; position:relative; }
.client img { max-width:150px; max-height:105px; width:100%; height:auto; object-fit:contain; filter:grayscale(100%) opacity(.65); transition:filter .4s; }
.client:hover img { filter:grayscale(0%) opacity(1); }

/* CONTACT + MAP */
.contact-section { display:grid; grid-template-columns:1fr 1fr; min-height:75vh; }
.contact-info { background:var(--bark); padding:100px 72px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; }
.contact-info::before { content:'KONTAKT'; position:absolute; bottom:-40px; right:-20px; font-family:'Bebas Neue',sans-serif; font-size:11rem; color:rgba(196,154,85,.04); pointer-events:none; user-select:none; line-height:1; }
.contact-info h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.2rem,3.2vw,4.2rem); font-weight:300; font-style:italic; color:var(--cream); margin-bottom:40px; line-height:1.1; }
.cdetail { display:flex; gap:18px; align-items:flex-start; margin-bottom:26px; transition:transform .3s; }
.cdetail:hover { transform:translateX(6px); }
.cicon { width:40px; height:40px; border:1px solid rgba(196,154,85,.32); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:.95rem; color:var(--gold); transition:all .3s; }
.cdetail:hover .cicon { background:var(--gold); color:var(--bark); }
.ctext strong { display:block; font-family:'Bebas Neue',sans-serif; font-size:.83rem; letter-spacing:.18em; color:var(--gold); margin-bottom:3px; }
.ctext span, .ctext a { font-size:.83rem; color:var(--ash); text-decoration:none; line-height:1.8; font-weight:300; }
.ctext a:hover { color:var(--gold); }
.cta { display:inline-flex; align-items:center; gap:14px; padding:15px 36px; margin-top:36px; border:1px solid var(--gold); color:var(--gold); font-size:.63rem; letter-spacing:.3em; text-transform:uppercase; text-decoration:none; position:relative; overflow:hidden; width:fit-content; transition:color .4s; }
.cta::before { content:''; position:absolute; inset:0; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.25,.46,.45,.94); z-index:0; }
.cta:hover::before { transform:scaleX(1); }
.cta:hover { color:var(--bark); }
.cta span { position:relative; z-index:1; }
.map-container { position:relative; overflow:hidden; }
.map-container iframe { width:100%; height:100%; border:none; filter:grayscale(25%) contrast(1.05) brightness(0.95); min-height:500px; }

/* FOOTER */
footer { background:var(--charcoal); border-top:1px solid rgba(196,154,85,.1); padding:36px 72px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; }
.footer-logo { font-family:'Bebas Neue',sans-serif; font-size:1.3rem; letter-spacing:.22em; color:var(--cream); }
.footer-logo b { color:var(--gold); font-weight:400; }
footer p { font-size:.68rem; color:rgba(200,196,188,.33); letter-spacing:.05em; }
.footer-right { font-size:.62rem; color:rgba(200,196,188,.24); text-align:right; line-height:1.8; }

/* LIGHTBOX */
.lb { display:none; position:fixed; inset:0; background:rgba(14,12,10,.96); z-index:1000; align-items:center; justify-content:center; flex-direction:column; }
.lb.open { display:flex; }
.lb-img { max-width:88vw; max-height:80vh; object-fit:contain; border:1px solid rgba(196,154,85,.18); transition:opacity .28s; }
.lb-close, .lb-prev, .lb-next { background:none; border:none; color:var(--ash); cursor:pointer; transition:color .2s; font-family:inherit; }
.lb-close { position:absolute; top:22px; right:28px; font-size:1.8rem; }
.lb-close:hover, .lb-prev:hover, .lb-next:hover { color:var(--gold); }
.lb-prev, .lb-next { position:absolute; top:50%; transform:translateY(-50%); font-size:2.4rem; padding:14px; }
.lb-prev { left:14px; }
.lb-next { right:14px; }
.lb-counter { margin-top:14px; font-size:.62rem; letter-spacing:.3em; color:rgba(200,196,188,.38); text-transform:uppercase; }

/* REVEAL */
.reveal { opacity:0; transform:translateY(32px); transition:opacity .75s cubic-bezier(.25,.46,.45,.94), transform .75s cubic-bezier(.25,.46,.45,.94); }
.reveal.visible { opacity:1; transform:translateY(0); }
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}.d5{transition-delay:.5s;}-e 

/* ══ OGRADNI SUSTAVI ══ */

:root{--cream:#F5F0E8;--warm-white:#FAF7F2;--bark:#1E140A;--timber:#4A2E12;--wood:#7A5030;--gold:#C49A55;--gold-light:#DDB96A;--ash:#C0BBB2;--charcoal:#141210;--mid:#1E1A16;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{background:var(--charcoal);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden;}
::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--charcoal);}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px;}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:900;opacity:.45;}

nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 56px;height:76px;transition:background .5s,box-shadow .5s;}
nav::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(20,18,16,.9),transparent);pointer-events:none;transition:opacity .5s;}
nav.scrolled::before{opacity:0;}nav.scrolled{background:rgba(20,18,16,.97);box-shadow:0 1px 0 rgba(196,154,85,.15);backdrop-filter:blur(14px);}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;position:relative;z-index:1;}
.nav-logo img{height:36px;filter:brightness(0) invert(1);transition:filter .4s;}
nav.scrolled .nav-logo img{filter:brightness(0) saturate(100%) invert(72%) sepia(20%) saturate(700%) hue-rotate(2deg) brightness(96%);}
.nav-logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.22em;color:var(--cream);line-height:1;}
.nav-logo-text b{color:var(--gold);font-weight:400;}
.nav-links{display:flex;gap:36px;list-style:none;position:relative;z-index:1;}
.nav-links a{color:rgba(192,187,178,.75);text-decoration:none;font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;transition:color .3s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s cubic-bezier(.25,.46,.45,.94);}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}

.page-hero{height:75vh;min-height:540px;position:relative;overflow:hidden;display:flex;align-items:flex-end;}
.page-hero-img{position:absolute;inset:0;}
.page-hero-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.32) saturate(.6);transform:scale(1.06);animation:heroZoom 12s ease-out forwards;}
@keyframes heroZoom{from{transform:scale(1.06);}to{transform:scale(1);}}
.page-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(20,18,16,1) 0%,rgba(20,18,16,.25) 55%,transparent 100%);}
.page-hero-content{position:relative;z-index:2;padding:0 72px 68px;display:flex;justify-content:space-between;align-items:flex-end;width:100%;}
.page-hero-bg-num{position:absolute;font-family:'Bebas Neue',sans-serif;font-size:22rem;line-height:1;color:rgba(196,154,85,.05);top:50%;left:60px;transform:translateY(-50%);pointer-events:none;user-select:none;z-index:1;}
.page-hero-tag{font-size:.6rem;letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:14px;opacity:0;animation:fadeUp .9s .4s forwards;}
.page-hero-tag::before{content:'';width:30px;height:1px;background:var(--gold);}
.page-hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(4.5rem,9vw,11rem);letter-spacing:.03em;line-height:.88;color:var(--cream);opacity:0;animation:fadeUp 1s .15s forwards;}
.page-hero-h1 em{color:var(--gold);font-style:normal;}
.page-hero-right{max-width:360px;text-align:right;opacity:0;animation:fadeUp .9s .6s forwards;}
.page-hero-right p{font-size:.86rem;line-height:1.85;color:var(--ash);font-weight:300;}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}

.marquee-bar{background:var(--gold);padding:13px 0;overflow:hidden;}
.marquee-inner{display:flex;white-space:nowrap;animation:ticker 38s linear infinite;}
.marquee-inner span{font-family:'Bebas Neue',sans-serif;font-size:.92rem;letter-spacing:.2em;color:var(--bark);padding:0 32px;display:inline-flex;align-items:center;gap:32px;}
.marquee-inner span::after{content:'◆';font-size:.42rem;opacity:.55;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.label{font-size:.6rem;letter-spacing:.38em;text-transform:uppercase;color:var(--ash);display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.label::before{content:'';width:22px;height:1px;background:currentColor;flex-shrink:0;}

.intro{display:grid;grid-template-columns:1fr 1fr;background:var(--warm-white);color:var(--bark);}
.intro-img{position:relative;overflow:hidden;min-height:580px;}
.intro-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.25,.46,.45,.94);}
.intro-img:hover img{transform:scale(1.04);}
.intro-content{padding:90px 72px;display:flex;flex-direction:column;justify-content:center;}
.intro-content .label{color:var(--wood);}
.intro-content .label::before{background:var(--wood);}
.intro-content h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,3.5vw,4rem);font-weight:300;font-style:italic;line-height:1.1;margin-bottom:24px;color:var(--bark);}
.intro-content p{font-size:.88rem;line-height:1.88;color:var(--wood);font-weight:300;margin-bottom:14px;max-width:440px;}
.intro-content blockquote{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-style:italic;color:var(--timber);border-left:2px solid var(--gold);padding-left:20px;margin-top:28px;line-height:1.6;font-weight:300;}

/* SOLUTIONS - masonry-like grid */
.solutions{padding:100px 72px;background:var(--charcoal);}
.solutions-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;}
.solutions-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.5vw,4rem);font-weight:300;font-style:italic;color:var(--cream);}
.solutions-header p{max-width:340px;font-size:.82rem;line-height:1.8;color:var(--ash);font-weight:300;text-align:right;}

.sol-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:2px;}
.sol-card{position:relative;overflow:hidden;background:var(--mid);cursor:pointer;display:flex;flex-direction:column;}
.sol-card:nth-child(1){grid-column:span 7;}
.sol-card:nth-child(2){grid-column:span 5;}
.sol-card:nth-child(3){grid-column:span 4;}
.sol-card:nth-child(4){grid-column:span 4;}
.sol-card:nth-child(5){grid-column:span 4;}
.sol-card:nth-child(6){grid-column:span 6;}
.sol-card:nth-child(7){grid-column:span 6;}

.sol-card-img{overflow:hidden;height:260px;}
.sol-card:nth-child(1) .sol-card-img,.sol-card:nth-child(6) .sol-card-img,.sol-card:nth-child(7) .sol-card-img{height:300px;}
.sol-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94),filter .5s;filter:brightness(.78) saturate(.68);}
.sol-card:hover .sol-card-img img{transform:scale(1.07);filter:brightness(.95) saturate(1);}
.sol-card-body{padding:28px 26px 32px;flex:1;display:flex;flex-direction:column;border-top:1px solid rgba(196,154,85,.1);transition:border-color .4s;}
.sol-card:hover .sol-card-body{border-color:rgba(196,154,85,.3);}
.sol-card-num{font-family:'Bebas Neue',sans-serif;font-size:3rem;color:rgba(196,154,85,.12);line-height:1;margin-bottom:8px;}
.sol-card h3{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.07em;color:var(--cream);margin-bottom:10px;transition:color .3s;}
.sol-card:hover h3{color:var(--gold);}
.sol-card p{font-size:.78rem;line-height:1.75;color:var(--ash);font-weight:300;flex:1;}
.sol-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px;}
.tag{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;padding:5px 12px;border:1px solid rgba(196,154,85,.25);color:var(--gold);transition:all .3s;}
.sol-card:hover .tag{background:rgba(196,154,85,.1);}
.sol-card-link{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(192,187,178,.4);transition:color .3s;text-decoration:none;}
.sol-card:hover .sol-card-link{color:var(--gold);}
.sol-card-link::after{content:'→';transition:transform .3s;}
.sol-card:hover .sol-card-link::after{transform:translateX(4px);}

/* APPLICATION AREAS */
.applications{background:var(--timber);padding:100px 72px;}
.applications h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,3vw,3.6rem);font-weight:300;font-style:italic;color:var(--cream);margin-bottom:52px;}
.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.app-card{position:relative;overflow:hidden;height:380px;cursor:default;}
.app-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.3) saturate(.5);transition:all .8s cubic-bezier(.25,.46,.45,.94);}
.app-card:hover img{transform:scale(1.04);filter:brightness(.5) saturate(.8);}
.app-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(74,46,18,.96) 0%,transparent 55%);}
.app-card-body{position:absolute;bottom:0;left:0;right:0;padding:36px 32px;}
.app-card-icon{font-size:2rem;margin-bottom:12px;display:block;}
.app-card h4{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:.06em;color:var(--cream);margin-bottom:10px;}
.app-card p{font-size:.78rem;line-height:1.7;color:var(--ash);font-weight:300;}

/* FEATURES */
.features{background:var(--bark);padding:100px 72px;}
.features-head{margin-bottom:64px;}
.features-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,3vw,3.6rem);font-weight:300;font-style:italic;color:var(--cream);max-width:480px;}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(196,154,85,.08);}
.feature{background:var(--bark);padding:52px 36px;position:relative;overflow:hidden;transition:background .4s;}
.feature:hover{background:rgba(196,154,85,.04);}
.feature::before{content:attr(data-icon);position:absolute;top:28px;right:24px;font-size:2rem;opacity:.35;}
.feature-num{font-family:'Bebas Neue',sans-serif;font-size:4rem;color:rgba(196,154,85,.1);line-height:1;margin-bottom:16px;}
.feature h4{font-family:'Bebas Neue',sans-serif;font-size:1.05rem;letter-spacing:.1em;color:var(--gold);margin-bottom:12px;}
.feature p{font-size:.8rem;line-height:1.75;color:var(--ash);font-weight:300;}

/* GALLERY */
.gallery-section{padding:90px 72px;background:var(--mid);}
.gallery-section h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,3.2vw,3.8rem);font-weight:300;font-style:italic;margin-bottom:44px;color:var(--cream);}
.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;}
.g-item{position:relative;overflow:hidden;aspect-ratio:1;cursor:pointer;}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .4s;filter:brightness(.86);}
.g-item:hover img{transform:scale(1.09);filter:brightness(1.05);}
.g-overlay{position:absolute;inset:0;background:rgba(20,18,16,0);display:flex;align-items:center;justify-content:center;transition:background .4s;}
.g-item:hover .g-overlay{background:rgba(20,18,16,.44);}
.g-overlay svg{opacity:0;transform:scale(.65);transition:all .3s;color:var(--gold);}
.g-item:hover .g-overlay svg{opacity:1;transform:scale(1);}

/* STATS */
.stats{background:var(--bark);display:grid;grid-template-columns:repeat(4,1fr);}
.stat{padding:68px 36px;border-right:1px solid rgba(196,154,85,.1);text-align:center;transition:background .4s;}
.stat:last-child{border-right:none;}
.stat:hover{background:rgba(196,154,85,.05);}
.stat big{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:var(--gold);line-height:1;display:block;}
.stat span{font-size:.61rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ash);margin-top:8px;display:block;}

/* CTA */
.cta-section{background:var(--charcoal);padding:120px 72px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(196,154,85,.08);}
.cta-section-left h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4vw,5rem);font-weight:300;font-style:italic;color:var(--cream);line-height:1.1;}
.cta-section-left h2 strong{display:block;font-family:'Bebas Neue',sans-serif;font-style:normal;color:var(--gold);font-size:.75em;letter-spacing:.06em;}
.cta-section-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px;}
.cta-section-right p{font-size:.82rem;line-height:1.8;color:var(--ash);font-weight:300;max-width:300px;text-align:right;}
.btn-gold{display:inline-flex;align-items:center;gap:14px;padding:15px 40px;border:1px solid var(--gold);color:var(--gold);font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;transition:color .4s;}
.btn-gold::before{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:0;}
.btn-gold:hover::before{transform:scaleX(1);}
.btn-gold:hover{color:var(--bark);}
.btn-gold span{position:relative;z-index:1;}
.btn-outline{display:inline-flex;align-items:center;gap:14px;padding:15px 40px;border:1px solid rgba(192,187,178,.2);color:var(--ash);font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;transition:all .4s;}
.btn-outline:hover{border-color:var(--ash);color:var(--cream);}

/* OTHER CATS */
.other-cats{background:var(--mid);padding:90px 72px;}
.other-cats h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,2.5vw,2.8rem);font-weight:300;font-style:italic;color:var(--cream);margin-bottom:40px;}
.cats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.cat-card{position:relative;overflow:hidden;height:320px;cursor:pointer;text-decoration:none;display:block;}
.cat-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.32) saturate(.6);transition:all .8s cubic-bezier(.25,.46,.45,.94);}
.cat-card:hover img{transform:scale(1.04);filter:brightness(.52) saturate(.85);}
.cat-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,18,16,.92) 0%,transparent 60%);}
.cat-card-content{position:absolute;bottom:36px;left:36px;right:36px;}
.cat-card-num{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:rgba(196,154,85,.1);line-height:1;margin-bottom:4px;}
.cat-card-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.05em;color:var(--cream);transition:color .3s;}
.cat-card:hover .cat-card-title{color:var(--gold);}
.cat-card-sub{font-size:.75rem;color:var(--ash);font-weight:300;margin-top:6px;opacity:0;transform:translateY(6px);transition:all .4s;}
.cat-card:hover .cat-card-sub{opacity:1;transform:translateY(0);}

/* CONTACT */
.contact-section{display:grid;grid-template-columns:1fr 1fr;min-height:60vh;}
.contact-info{background:var(--bark);padding:90px 72px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.contact-info::before{content:'KONTAKT';position:absolute;bottom:-40px;right:-20px;font-family:'Bebas Neue',sans-serif;font-size:11rem;color:rgba(196,154,85,.04);pointer-events:none;user-select:none;line-height:1;}
.contact-info h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3vw,3.8rem);font-weight:300;font-style:italic;color:var(--cream);margin-bottom:36px;line-height:1.1;}
.cdetail{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px;transition:transform .3s;}
.cdetail:hover{transform:translateX(6px);}
.cicon{width:40px;height:40px;border:1px solid rgba(196,154,85,.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem;color:var(--gold);transition:all .3s;}
.cdetail:hover .cicon{background:var(--gold);color:var(--bark);}
.ctext strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:.83rem;letter-spacing:.18em;color:var(--gold);margin-bottom:3px;}
.ctext span,.ctext a{font-size:.83rem;color:var(--ash);text-decoration:none;line-height:1.8;font-weight:300;}
.ctext a:hover{color:var(--gold);}
.map-container{position:relative;overflow:hidden;}
.map-container iframe{width:100%;height:100%;border:none;filter:grayscale(25%) contrast(1.05) brightness(0.95);min-height:400px;}

footer{background:var(--charcoal);border-top:1px solid rgba(196,154,85,.1);padding:36px 72px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.22em;color:var(--cream);text-decoration:none;}
.footer-logo b{color:var(--gold);font-weight:400;}
footer p{font-size:.68rem;color:rgba(200,196,188,.33);letter-spacing:.05em;}
.footer-right{font-size:.62rem;color:rgba(200,196,188,.24);text-align:right;line-height:1.8;}

.lb{display:none;position:fixed;inset:0;background:rgba(14,12,10,.96);z-index:1000;align-items:center;justify-content:center;flex-direction:column;}
.lb.open{display:flex;}
.lb-img{max-width:88vw;max-height:80vh;object-fit:contain;border:1px solid rgba(196,154,85,.18);transition:opacity .28s;}
.lb-close,.lb-prev,.lb-next{background:none;border:none;color:var(--ash);cursor:pointer;transition:color .2s;font-family:inherit;}
.lb-close{position:absolute;top:22px;right:28px;font-size:1.8rem;}
.lb-close:hover,.lb-prev:hover,.lb-next:hover{color:var(--gold);}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);font-size:2.4rem;padding:14px;}
.lb-prev{left:14px;}.lb-next{right:14px;}
.lb-counter{margin-top:14px;font-size:.62rem;letter-spacing:.3em;color:rgba(200,196,188,.38);text-transform:uppercase;}

.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.25,.46,.45,.94),transform .75s cubic-bezier(.25,.46,.45,.94);}
.reveal.visible{opacity:1;transform:translateY(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}.d5{transition-delay:.5s;}
-e 

/* ══ PERGOLE ══ */

:root{--cream:#F5F0E8;--warm-white:#FAF7F2;--bark:#1E140A;--timber:#4A2E12;--wood:#7A5030;--gold:#C49A55;--gold-light:#DDB96A;--ash:#C0BBB2;--charcoal:#141210;--mid:#1E1A16;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{background:var(--charcoal);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden;}
::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--charcoal);}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px;}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:900;opacity:.45;}

nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 56px;height:76px;transition:background .5s,box-shadow .5s;}
nav::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(20,18,16,.9),transparent);pointer-events:none;transition:opacity .5s;}
nav.scrolled::before{opacity:0;}nav.scrolled{background:rgba(20,18,16,.97);box-shadow:0 1px 0 rgba(196,154,85,.15);backdrop-filter:blur(14px);}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;position:relative;z-index:1;}
.nav-logo img{height:36px;filter:brightness(0) invert(1);transition:filter .4s;}
nav.scrolled .nav-logo img{filter:brightness(0) saturate(100%) invert(72%) sepia(20%) saturate(700%) hue-rotate(2deg) brightness(96%);}
.nav-logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.22em;color:var(--cream);line-height:1;}
.nav-logo-text b{color:var(--gold);font-weight:400;}
.nav-links{display:flex;gap:36px;list-style:none;position:relative;z-index:1;}
.nav-links a{color:rgba(192,187,178,.75);text-decoration:none;font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;transition:color .3s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s cubic-bezier(.25,.46,.45,.94);}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}

.page-hero{height:75vh;min-height:540px;position:relative;overflow:hidden;display:flex;align-items:flex-end;}
.page-hero-img{position:absolute;inset:0;}
.page-hero-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.32) saturate(.6);transform:scale(1.06);animation:heroZoom 12s ease-out forwards;}
@keyframes heroZoom{from{transform:scale(1.06);}to{transform:scale(1);}}
.page-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(20,18,16,1) 0%,rgba(20,18,16,.25) 55%,transparent 100%);}
.page-hero-content{position:relative;z-index:2;padding:0 72px 68px;display:flex;justify-content:space-between;align-items:flex-end;width:100%;}
.page-hero-bg-num{position:absolute;font-family:'Bebas Neue',sans-serif;font-size:22rem;line-height:1;color:rgba(196,154,85,.05);top:50%;left:60px;transform:translateY(-50%);pointer-events:none;user-select:none;z-index:1;}
.page-hero-tag{font-size:.6rem;letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:14px;opacity:0;animation:fadeUp .9s .4s forwards;}
.page-hero-tag::before{content:'';width:30px;height:1px;background:var(--gold);}
.page-hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(4.5rem,9vw,11rem);letter-spacing:.03em;line-height:.88;color:var(--cream);opacity:0;animation:fadeUp 1s .15s forwards;}
.page-hero-h1 em{color:var(--gold);font-style:normal;}
.page-hero-right{max-width:360px;text-align:right;opacity:0;animation:fadeUp .9s .6s forwards;}
.page-hero-right p{font-size:.86rem;line-height:1.85;color:var(--ash);font-weight:300;}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}

.marquee-bar{background:var(--gold);padding:13px 0;overflow:hidden;}
.marquee-inner{display:flex;white-space:nowrap;animation:ticker 38s linear infinite;}
.marquee-inner span{font-family:'Bebas Neue',sans-serif;font-size:.92rem;letter-spacing:.2em;color:var(--bark);padding:0 32px;display:inline-flex;align-items:center;gap:32px;}
.marquee-inner span::after{content:'◆';font-size:.42rem;opacity:.55;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.label{font-size:.6rem;letter-spacing:.38em;text-transform:uppercase;color:var(--ash);display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.label::before{content:'';width:22px;height:1px;background:currentColor;flex-shrink:0;}

/* INTRO - reversed layout for variety */
.intro{display:grid;grid-template-columns:1fr 1fr;background:var(--warm-white);color:var(--bark);}
.intro-img{position:relative;overflow:hidden;min-height:580px;order:2;}
.intro-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.25,.46,.45,.94);}
.intro-img:hover img{transform:scale(1.04);}
.intro-content{padding:90px 72px;display:flex;flex-direction:column;justify-content:center;order:1;}
.intro-content .label{color:var(--wood);}
.intro-content .label::before{background:var(--wood);}
.intro-content h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,3.5vw,4rem);font-weight:300;font-style:italic;line-height:1.1;margin-bottom:24px;color:var(--bark);}
.intro-content p{font-size:.88rem;line-height:1.88;color:var(--wood);font-weight:300;margin-bottom:14px;max-width:440px;}
.intro-content blockquote{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-style:italic;color:var(--timber);border-left:2px solid var(--gold);padding-left:20px;margin-top:28px;line-height:1.6;font-weight:300;}

/* MODELS */
.models{padding:100px 72px;background:var(--charcoal);}
.models-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;}
.models-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.5vw,4rem);font-weight:300;font-style:italic;color:var(--cream);}
.models-header p{max-width:340px;font-size:.82rem;line-height:1.8;color:var(--ash);font-weight:300;text-align:right;}

/* Model spotlight - alternating layout */
.model-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:2px;}
.model-spotlight.rev{direction:rtl;}
.model-spotlight.rev>*{direction:ltr;}
.model-img{overflow:hidden;position:relative;}
.model-img img{width:100%;height:100%;object-fit:cover;min-height:460px;transition:transform .9s cubic-bezier(.25,.46,.45,.94),filter .6s;filter:brightness(.75) saturate(.7);}
.model-img:hover img{transform:scale(1.04);filter:brightness(.9) saturate(1);}
.model-content{background:var(--mid);padding:64px 56px;display:flex;flex-direction:column;justify-content:center;}
.model-num{font-family:'Bebas Neue',sans-serif;font-size:6rem;color:rgba(196,154,85,.08);line-height:1;margin-bottom:8px;}
.model-content h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.8rem,2.5vw,2.8rem);letter-spacing:.05em;color:var(--cream);margin-bottom:6px;}
.model-content h3 span{color:var(--gold);}
.model-subtitle{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:24px;}
.model-content p{font-size:.84rem;line-height:1.85;color:var(--ash);font-weight:300;margin-bottom:28px;}
.model-specs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;}
.spec{border-left:2px solid rgba(196,154,85,.25);padding-left:14px;}
.spec strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:.75rem;letter-spacing:.15em;color:var(--gold);margin-bottom:4px;}
.spec span{font-size:.78rem;color:var(--ash);font-weight:300;}
.model-tags{display:flex;flex-wrap:wrap;gap:6px;}
.tag{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;padding:5px 12px;border:1px solid rgba(196,154,85,.25);color:var(--gold);}
.btn-gold{display:inline-flex;align-items:center;gap:14px;padding:15px 40px;border:1px solid var(--gold);color:var(--gold);font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;transition:color .4s;}
.btn-gold::before{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:0;}
.btn-gold:hover::before{transform:scaleX(1);}
.btn-gold:hover{color:var(--bark);}
.btn-gold span{position:relative;z-index:1;}
.btn-outline{display:inline-flex;align-items:center;gap:14px;padding:15px 40px;border:1px solid rgba(192,187,178,.2);color:var(--ash);font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;transition:all .4s;}
.btn-outline:hover{border-color:var(--ash);color:var(--cream);}

/* FEATURES */
.features{background:var(--bark);padding:100px 72px;}
.features-head{margin-bottom:64px;}
.features-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,3vw,3.6rem);font-weight:300;font-style:italic;color:var(--cream);max-width:480px;}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(196,154,85,.08);}
.feature{background:var(--bark);padding:52px 36px;position:relative;overflow:hidden;transition:background .4s;}
.feature:hover{background:rgba(196,154,85,.04);}
.feature::before{content:attr(data-icon);position:absolute;top:28px;right:24px;font-size:2rem;opacity:.35;}
.feature-num{font-family:'Bebas Neue',sans-serif;font-size:4rem;color:rgba(196,154,85,.1);line-height:1;margin-bottom:16px;}
.feature h4{font-family:'Bebas Neue',sans-serif;font-size:1.05rem;letter-spacing:.1em;color:var(--gold);margin-bottom:12px;}
.feature p{font-size:.8rem;line-height:1.75;color:var(--ash);font-weight:300;}

/* GALLERY */
.gallery-section{padding:90px 72px;background:var(--mid);}
.gallery-section h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,3.2vw,3.8rem);font-weight:300;font-style:italic;margin-bottom:44px;color:var(--cream);}
.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;}
.g-item{position:relative;overflow:hidden;aspect-ratio:1;cursor:pointer;}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .4s;filter:brightness(.86);}
.g-item:hover img{transform:scale(1.09);filter:brightness(1.05);}
.g-overlay{position:absolute;inset:0;background:rgba(20,18,16,0);display:flex;align-items:center;justify-content:center;transition:background .4s;}
.g-item:hover .g-overlay{background:rgba(20,18,16,.44);}
.g-overlay svg{opacity:0;transform:scale(.65);transition:all .3s;color:var(--gold);}
.g-item:hover .g-overlay svg{opacity:1;transform:scale(1);}

/* STATS */
.stats{background:var(--timber);display:grid;grid-template-columns:repeat(3,1fr);}
.stat{padding:68px 36px;border-right:1px solid rgba(196,154,85,.15);text-align:center;transition:background .4s;}
.stat:last-child{border-right:none;}
.stat:hover{background:rgba(196,154,85,.06);}
.stat big{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:var(--gold);line-height:1;display:block;}
.stat span{font-size:.61rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ash);margin-top:8px;display:block;}

/* CTA */
.cta-section{background:var(--charcoal);padding:120px 72px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(196,154,85,.08);}
.cta-section-left h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4vw,5rem);font-weight:300;font-style:italic;color:var(--cream);line-height:1.1;}
.cta-section-left h2 strong{display:block;font-family:'Bebas Neue',sans-serif;font-style:normal;color:var(--gold);font-size:.75em;letter-spacing:.06em;}
.cta-section-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px;}
.cta-section-right p{font-size:.82rem;line-height:1.8;color:var(--ash);font-weight:300;max-width:300px;text-align:right;}

/* OTHER CATS */
.other-cats{background:var(--mid);padding:90px 72px;}
.other-cats h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,2.5vw,2.8rem);font-weight:300;font-style:italic;color:var(--cream);margin-bottom:40px;}
.cats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.cat-card{position:relative;overflow:hidden;height:320px;cursor:pointer;text-decoration:none;display:block;}
.cat-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.32) saturate(.6);transition:all .8s cubic-bezier(.25,.46,.45,.94);}
.cat-card:hover img{transform:scale(1.04);filter:brightness(.52) saturate(.85);}
.cat-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,18,16,.92) 0%,transparent 60%);}
.cat-card-content{position:absolute;bottom:36px;left:36px;right:36px;}
.cat-card-num{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:rgba(196,154,85,.1);line-height:1;margin-bottom:4px;}
.cat-card-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.05em;color:var(--cream);transition:color .3s;}
.cat-card:hover .cat-card-title{color:var(--gold);}
.cat-card-sub{font-size:.75rem;color:var(--ash);font-weight:300;margin-top:6px;opacity:0;transform:translateY(6px);transition:all .4s;}
.cat-card:hover .cat-card-sub{opacity:1;transform:translateY(0);}

/* CONTACT */
.contact-section{display:grid;grid-template-columns:1fr 1fr;min-height:60vh;}
.contact-info{background:var(--bark);padding:90px 72px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.contact-info::before{content:'KONTAKT';position:absolute;bottom:-40px;right:-20px;font-family:'Bebas Neue',sans-serif;font-size:11rem;color:rgba(196,154,85,.04);pointer-events:none;user-select:none;line-height:1;}
.contact-info h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3vw,3.8rem);font-weight:300;font-style:italic;color:var(--cream);margin-bottom:36px;line-height:1.1;}
.cdetail{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px;transition:transform .3s;}
.cdetail:hover{transform:translateX(6px);}
.cicon{width:40px;height:40px;border:1px solid rgba(196,154,85,.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem;color:var(--gold);transition:all .3s;}
.cdetail:hover .cicon{background:var(--gold);color:var(--bark);}
.ctext strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:.83rem;letter-spacing:.18em;color:var(--gold);margin-bottom:3px;}
.ctext span,.ctext a{font-size:.83rem;color:var(--ash);text-decoration:none;line-height:1.8;font-weight:300;}
.ctext a:hover{color:var(--gold);}
.map-container{position:relative;overflow:hidden;}
.map-container iframe{width:100%;height:100%;border:none;filter:grayscale(25%) contrast(1.05) brightness(0.95);min-height:400px;}

footer{background:var(--charcoal);border-top:1px solid rgba(196,154,85,.1);padding:36px 72px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.22em;color:var(--cream);text-decoration:none;}
.footer-logo b{color:var(--gold);font-weight:400;}
footer p{font-size:.68rem;color:rgba(200,196,188,.33);letter-spacing:.05em;}
.footer-right{font-size:.62rem;color:rgba(200,196,188,.24);text-align:right;line-height:1.8;}

.lb{display:none;position:fixed;inset:0;background:rgba(14,12,10,.96);z-index:1000;align-items:center;justify-content:center;flex-direction:column;}
.lb.open{display:flex;}
.lb-img{max-width:88vw;max-height:80vh;object-fit:contain;border:1px solid rgba(196,154,85,.18);transition:opacity .28s;}
.lb-close,.lb-prev,.lb-next{background:none;border:none;color:var(--ash);cursor:pointer;transition:color .2s;font-family:inherit;}
.lb-close{position:absolute;top:22px;right:28px;font-size:1.8rem;}
.lb-close:hover,.lb-prev:hover,.lb-next:hover{color:var(--gold);}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);font-size:2.4rem;padding:14px;}
.lb-prev{left:14px;}.lb-next{right:14px;}
.lb-counter{margin-top:14px;font-size:.62rem;letter-spacing:.3em;color:rgba(200,196,188,.38);text-transform:uppercase;}

.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.25,.46,.45,.94),transform .75s cubic-bezier(.25,.46,.45,.94);}
.reveal.visible{opacity:1;transform:translateY(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}.d5{transition-delay:.5s;}
-e 

/* ══ URBANA OPREMA ══ */

:root {
  --cream:#F5F0E8;--warm-white:#FAF7F2;--bark:#1E140A;--timber:#4A2E12;
  --wood:#7A5030;--gold:#C49A55;--gold-light:#DDB96A;--ash:#C0BBB2;
  --charcoal:#141210;--mid:#1E1A16;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--charcoal);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--charcoal);}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px;}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:900;opacity:.45;}

nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 56px;height:76px;transition:background .5s,box-shadow .5s;}
nav::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(20,18,16,.9),transparent);pointer-events:none;transition:opacity .5s;}
nav.scrolled::before{opacity:0;}
nav.scrolled{background:rgba(20,18,16,.97);box-shadow:0 1px 0 rgba(196,154,85,.15);backdrop-filter:blur(14px);}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;position:relative;z-index:1;}
.nav-logo img{height:36px;filter:brightness(0) invert(1);transition:filter .4s;}
nav.scrolled .nav-logo img{filter:brightness(0) saturate(100%) invert(72%) sepia(20%) saturate(700%) hue-rotate(2deg) brightness(96%);}
.nav-logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.22em;color:var(--cream);line-height:1;}
.nav-logo-text b{color:var(--gold);font-weight:400;}
.nav-links{display:flex;gap:36px;list-style:none;position:relative;z-index:1;}
.nav-links a{color:rgba(192,187,178,.75);text-decoration:none;font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;transition:color .3s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s cubic-bezier(.25,.46,.45,.94);}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}

.page-hero{height:75vh;min-height:540px;position:relative;overflow:hidden;display:flex;align-items:flex-end;}
.page-hero-img{position:absolute;inset:0;}
.page-hero-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.32) saturate(.6);transform:scale(1.06);animation:heroZoom 12s ease-out forwards;}
@keyframes heroZoom{from{transform:scale(1.06);}to{transform:scale(1);}}
.page-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(20,18,16,1) 0%,rgba(20,18,16,.25) 55%,transparent 100%);}
.page-hero-content{position:relative;z-index:2;padding:0 72px 68px;display:flex;justify-content:space-between;align-items:flex-end;width:100%;}
.page-hero-bg-num{position:absolute;font-family:'Bebas Neue',sans-serif;font-size:22rem;line-height:1;color:rgba(196,154,85,.05);top:50%;left:60px;transform:translateY(-50%);pointer-events:none;user-select:none;z-index:1;}
.page-hero-tag{font-size:.6rem;letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:14px;opacity:0;animation:fadeUp .9s .4s forwards;}
.page-hero-tag::before{content:'';width:30px;height:1px;background:var(--gold);}
.page-hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(4.5rem,9vw,11rem);letter-spacing:.03em;line-height:.88;color:var(--cream);opacity:0;animation:fadeUp 1s .15s forwards;}
.page-hero-h1 em{color:var(--gold);font-style:normal;}
.page-hero-right{max-width:360px;text-align:right;opacity:0;animation:fadeUp .9s .6s forwards;}
.page-hero-right p{font-size:.86rem;line-height:1.85;color:var(--ash);font-weight:300;}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}

.marquee-bar{background:var(--gold);padding:13px 0;overflow:hidden;}
.marquee-inner{display:flex;white-space:nowrap;animation:ticker 38s linear infinite;}
.marquee-inner span{font-family:'Bebas Neue',sans-serif;font-size:.92rem;letter-spacing:.2em;color:var(--bark);padding:0 32px;display:inline-flex;align-items:center;gap:32px;}
.marquee-inner span::after{content:'◆';font-size:.42rem;opacity:.55;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.label{font-size:.6rem;letter-spacing:.38em;text-transform:uppercase;color:var(--ash);display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.label::before{content:'';width:22px;height:1px;background:currentColor;flex-shrink:0;}

.intro{display:grid;grid-template-columns:1fr 1fr;background:var(--warm-white);color:var(--bark);}
.intro-img{position:relative;overflow:hidden;min-height:580px;}
.intro-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.25,.46,.45,.94);}
.intro-img:hover img{transform:scale(1.04);}
.intro-content{padding:90px 72px;display:flex;flex-direction:column;justify-content:center;}
.intro-content .label{color:var(--wood);}
.intro-content .label::before{background:var(--wood);}
.intro-content h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,3.5vw,4rem);font-weight:300;font-style:italic;line-height:1.1;margin-bottom:24px;color:var(--bark);}
.intro-content p{font-size:.88rem;line-height:1.88;color:var(--wood);font-weight:300;margin-bottom:14px;max-width:440px;}
.intro-content blockquote{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-style:italic;color:var(--timber);border-left:2px solid var(--gold);padding-left:20px;margin-top:28px;line-height:1.6;font-weight:300;}

.products{padding:100px 72px;background:var(--charcoal);}
.products-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;}
.products-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.5vw,4rem);font-weight:300;font-style:italic;color:var(--cream);}
.products-header p{max-width:320px;font-size:.82rem;line-height:1.8;color:var(--ash);font-weight:300;text-align:right;}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.product-card{position:relative;overflow:hidden;background:var(--mid);cursor:pointer;display:flex;flex-direction:column;}
.product-card-img{overflow:hidden;aspect-ratio:4/3;}
.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94),filter .5s;filter:brightness(.8) saturate(.7);}
.product-card:hover .product-card-img img{transform:scale(1.07);filter:brightness(.95) saturate(1);}
.product-card-body{padding:32px 28px 36px;flex:1;display:flex;flex-direction:column;border-top:1px solid rgba(196,154,85,.1);transition:border-color .4s;}
.product-card:hover .product-card-body{border-color:rgba(196,154,85,.3);}
.product-card-num{font-family:'Bebas Neue',sans-serif;font-size:3.2rem;color:rgba(196,154,85,.12);line-height:1;margin-bottom:10px;}
.product-card h3{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.07em;color:var(--cream);margin-bottom:12px;transition:color .3s;}
.product-card:hover h3{color:var(--gold);}
.product-card p{font-size:.8rem;line-height:1.75;color:var(--ash);font-weight:300;flex:1;}
.product-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;}
.tag{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;padding:5px 12px;border:1px solid rgba(196,154,85,.25);color:var(--gold);transition:all .3s;}
.product-card:hover .tag{background:rgba(196,154,85,.1);}
.product-card-link{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(192,187,178,.4);transition:color .3s;text-decoration:none;}
.product-card:hover .product-card-link{color:var(--gold);}
.product-card-link::after{content:'→';transition:transform .3s;}
.product-card:hover .product-card-link::after{transform:translateX(4px);}
.product-card.wide{grid-column:span 2;}
.product-card.wide .product-card-img{aspect-ratio:16/7;}

.features{background:var(--bark);padding:100px 72px;}
.features-head{margin-bottom:64px;}
.features-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,3vw,3.6rem);font-weight:300;font-style:italic;color:var(--cream);max-width:480px;}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(196,154,85,.08);}
.feature{background:var(--bark);padding:52px 36px;position:relative;overflow:hidden;transition:background .4s;}
.feature:hover{background:rgba(196,154,85,.04);}
.feature::before{content:attr(data-icon);position:absolute;top:28px;right:24px;font-size:2rem;opacity:.35;}
.feature-num{font-family:'Bebas Neue',sans-serif;font-size:4rem;color:rgba(196,154,85,.1);line-height:1;margin-bottom:16px;}
.feature h4{font-family:'Bebas Neue',sans-serif;font-size:1.05rem;letter-spacing:.1em;color:var(--gold);margin-bottom:12px;}
.feature p{font-size:.8rem;line-height:1.75;color:var(--ash);font-weight:300;}

.gallery-section{padding:90px 72px;background:var(--mid);}
.gallery-section h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,3.2vw,3.8rem);font-weight:300;font-style:italic;margin-bottom:44px;color:var(--cream);}
.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;}
.g-item{position:relative;overflow:hidden;aspect-ratio:1;cursor:pointer;}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .4s;filter:brightness(.86);}
.g-item:hover img{transform:scale(1.09);filter:brightness(1.05);}
.g-overlay{position:absolute;inset:0;background:rgba(20,18,16,0);display:flex;align-items:center;justify-content:center;transition:background .4s;}
.g-item:hover .g-overlay{background:rgba(20,18,16,.44);}
.g-overlay svg{opacity:0;transform:scale(.65);transition:all .3s;color:var(--gold);}
.g-item:hover .g-overlay svg{opacity:1;transform:scale(1);}

.stats{background:var(--timber);display:grid;grid-template-columns:repeat(3,1fr);}
.stat{padding:68px 36px;border-right:1px solid rgba(196,154,85,.15);text-align:center;transition:background .4s;}
.stat:last-child{border-right:none;}
.stat:hover{background:rgba(196,154,85,.06);}
.stat big{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:var(--gold);line-height:1;display:block;}
.stat span{font-size:.61rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ash);margin-top:8px;display:block;}

.cta-section{background:var(--charcoal);padding:120px 72px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(196,154,85,.08);}
.cta-section-left h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4vw,5rem);font-weight:300;font-style:italic;color:var(--cream);line-height:1.1;}
.cta-section-left h2 strong{display:block;font-family:'Bebas Neue',sans-serif;font-style:normal;color:var(--gold);font-size:.75em;letter-spacing:.06em;}
.cta-section-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px;}
.cta-section-right p{font-size:.82rem;line-height:1.8;color:var(--ash);font-weight:300;max-width:300px;text-align:right;}
.btn-gold{display:inline-flex;align-items:center;gap:14px;padding:15px 40px;border:1px solid var(--gold);color:var(--gold);font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;transition:color .4s;}
.btn-gold::before{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:0;}
.btn-gold:hover::before{transform:scaleX(1);}
.btn-gold:hover{color:var(--bark);}
.btn-gold span{position:relative;z-index:1;}
.btn-outline{display:inline-flex;align-items:center;gap:14px;padding:15px 40px;border:1px solid rgba(192,187,178,.2);color:var(--ash);font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;transition:all .4s;}
.btn-outline:hover{border-color:var(--ash);color:var(--cream);}

.other-cats{background:var(--mid);padding:90px 72px;}
.other-cats h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,2.5vw,2.8rem);font-weight:300;font-style:italic;color:var(--cream);margin-bottom:40px;}
.cats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.cat-card{position:relative;overflow:hidden;height:320px;cursor:pointer;text-decoration:none;display:block;}
.cat-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.32) saturate(.6);transition:all .8s cubic-bezier(.25,.46,.45,.94);}
.cat-card:hover img{transform:scale(1.04);filter:brightness(.52) saturate(.85);}
.cat-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,18,16,.92) 0%,transparent 60%);}
.cat-card-content{position:absolute;bottom:36px;left:36px;right:36px;}
.cat-card-num{font-family:'Bebas Neue',sans-serif;font-size:5rem;color:rgba(196,154,85,.1);line-height:1;margin-bottom:4px;}
.cat-card-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.05em;color:var(--cream);transition:color .3s;}
.cat-card:hover .cat-card-title{color:var(--gold);}
.cat-card-sub{font-size:.75rem;color:var(--ash);font-weight:300;margin-top:6px;opacity:0;transform:translateY(6px);transition:all .4s;}
.cat-card:hover .cat-card-sub{opacity:1;transform:translateY(0);}

.contact-section{display:grid;grid-template-columns:1fr 1fr;min-height:60vh;}
.contact-info{background:var(--bark);padding:90px 72px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.contact-info::before{content:'KONTAKT';position:absolute;bottom:-40px;right:-20px;font-family:'Bebas Neue',sans-serif;font-size:11rem;color:rgba(196,154,85,.04);pointer-events:none;user-select:none;line-height:1;}
.contact-info h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3vw,3.8rem);font-weight:300;font-style:italic;color:var(--cream);margin-bottom:36px;line-height:1.1;}
.cdetail{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px;transition:transform .3s;}
.cdetail:hover{transform:translateX(6px);}
.cicon{width:40px;height:40px;border:1px solid rgba(196,154,85,.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem;color:var(--gold);transition:all .3s;}
.cdetail:hover .cicon{background:var(--gold);color:var(--bark);}
.ctext strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:.83rem;letter-spacing:.18em;color:var(--gold);margin-bottom:3px;}
.ctext span,.ctext a{font-size:.83rem;color:var(--ash);text-decoration:none;line-height:1.8;font-weight:300;}
.ctext a:hover{color:var(--gold);}
.map-container{position:relative;overflow:hidden;}
.map-container iframe{width:100%;height:100%;border:none;filter:grayscale(25%) contrast(1.05) brightness(0.95);min-height:400px;}

footer{background:var(--charcoal);border-top:1px solid rgba(196,154,85,.1);padding:36px 72px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.22em;color:var(--cream);text-decoration:none;}
.footer-logo b{color:var(--gold);font-weight:400;}
footer p{font-size:.68rem;color:rgba(200,196,188,.33);letter-spacing:.05em;}
.footer-right{font-size:.62rem;color:rgba(200,196,188,.24);text-align:right;line-height:1.8;}

.lb{display:none;position:fixed;inset:0;background:rgba(14,12,10,.96);z-index:1000;align-items:center;justify-content:center;flex-direction:column;}
.lb.open{display:flex;}
.lb-img{max-width:88vw;max-height:80vh;object-fit:contain;border:1px solid rgba(196,154,85,.18);transition:opacity .28s;}
.lb-close,.lb-prev,.lb-next{background:none;border:none;color:var(--ash);cursor:pointer;transition:color .2s;font-family:inherit;}
.lb-close{position:absolute;top:22px;right:28px;font-size:1.8rem;}
.lb-close:hover,.lb-prev:hover,.lb-next:hover{color:var(--gold);}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);font-size:2.4rem;padding:14px;}
.lb-prev{left:14px;}.lb-next{right:14px;}
.lb-counter{margin-top:14px;font-size:.62rem;letter-spacing:.3em;color:rgba(200,196,188,.38);text-transform:uppercase;}

.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.25,.46,.45,.94),transform .75s cubic-bezier(.25,.46,.45,.94);}
.reveal.visible{opacity:1;transform:translateY(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}.d5{transition-delay:.5s;}
-e 

/* ══ ZAVRSENI RADOVI ══ */

:root{--cream:#F5F0E8;--warm-white:#FAF7F2;--bark:#1E140A;--timber:#4A2E12;--wood:#7A5030;--gold:#C49A55;--gold-light:#DDB96A;--ash:#C0BBB2;--charcoal:#141210;--mid:#1E1A16;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--charcoal);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden;}
::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--charcoal);}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px;}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:900;opacity:.45;}

nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 56px;height:76px;transition:background .5s,box-shadow .5s;}
nav::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(20,18,16,.9),transparent);pointer-events:none;transition:opacity .5s;}
nav.scrolled::before{opacity:0;}
nav.scrolled{background:rgba(20,18,16,.97);box-shadow:0 1px 0 rgba(196,154,85,.15);backdrop-filter:blur(14px);}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;position:relative;z-index:1;}
.nav-logo img{height:36px;filter:brightness(0) invert(1);transition:filter .4s;}
nav.scrolled .nav-logo img{filter:brightness(0) saturate(100%) invert(72%) sepia(20%) saturate(700%) hue-rotate(2deg) brightness(96%);}
.nav-logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.22em;color:var(--cream);line-height:1;}
.nav-logo-text b{color:var(--gold);font-weight:400;}
.nav-links{display:flex;gap:36px;list-style:none;position:relative;z-index:1;}
.nav-links a{color:rgba(192,187,178,.75);text-decoration:none;font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;transition:color .3s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s cubic-bezier(.25,.46,.45,.94);}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}

/* HERO */
.page-hero{height:72vh;min-height:500px;position:relative;overflow:hidden;display:flex;align-items:flex-end;}
.page-hero-img{position:absolute;inset:0;}
.page-hero-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.28) saturate(.55);transform:scale(1.06);animation:heroZoom 12s ease-out forwards;}
@keyframes heroZoom{from{transform:scale(1.06);}to{transform:scale(1);}}
.page-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(20,18,16,1) 0%,rgba(20,18,16,.2) 55%,transparent 100%);}
.page-hero-bg-text{position:absolute;font-family:'Bebas Neue',sans-serif;font-size:13rem;line-height:1;color:rgba(196,154,85,.04);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;user-select:none;z-index:1;white-space:nowrap;letter-spacing:.05em;}
.page-hero-content{position:relative;z-index:2;padding:0 72px 68px;display:flex;justify-content:space-between;align-items:flex-end;width:100%;}
.page-hero-tag{font-size:.6rem;letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:14px;opacity:0;animation:fadeUp .9s .4s forwards;}
.page-hero-tag::before{content:'';width:30px;height:1px;background:var(--gold);}
.page-hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(4rem,8vw,10rem);letter-spacing:.03em;line-height:.88;color:var(--cream);opacity:0;animation:fadeUp 1s .15s forwards;}
.page-hero-h1 em{color:var(--gold);font-style:normal;}
.page-hero-right{max-width:380px;text-align:right;opacity:0;animation:fadeUp .9s .6s forwards;}
.page-hero-right p{font-size:.86rem;line-height:1.85;color:var(--ash);font-weight:300;}
.hero-stats{display:flex;gap:36px;margin-top:22px;justify-content:flex-end;}
.hero-stat big{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--gold);line-height:1;display:block;}
.hero-stat span{font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(192,187,178,.45);}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}

/* MARQUEE */
.marquee-bar{background:var(--gold);padding:13px 0;overflow:hidden;}
.marquee-inner{display:flex;white-space:nowrap;animation:ticker 44s linear infinite;}
.marquee-inner span{font-family:'Bebas Neue',sans-serif;font-size:.92rem;letter-spacing:.2em;color:var(--bark);padding:0 32px;display:inline-flex;align-items:center;gap:32px;}
.marquee-inner span::after{content:'◆';font-size:.42rem;opacity:.55;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.label{font-size:.6rem;letter-spacing:.38em;text-transform:uppercase;color:var(--ash);display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.label::before{content:'';width:22px;height:1px;background:currentColor;flex-shrink:0;}

/* FILTER */
.filter-bar{padding:52px 72px 40px;background:var(--charcoal);display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid rgba(196,154,85,.07);}
.filter-left h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.7rem,2.6vw,3rem);font-weight:300;font-style:italic;color:var(--cream);line-height:1.1;}
.filter-left h2 em{color:var(--gold);}
.filter-left .label{margin-bottom:8px;}
.filter-tabs{display:flex;gap:2px;}
.filter-btn{padding:11px 26px;background:rgba(196,154,85,.04);border:1px solid rgba(196,154,85,.12);color:var(--ash);font-family:'DM Sans',sans-serif;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:all .3s;}
.filter-btn.active,.filter-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--bark);}

/* PROJECTS */
.projects-section{padding:3px 72px 100px;background:var(--charcoal);}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding-top:2px;}

/* CARD */
.proj-card{position:relative;overflow:hidden;background:var(--mid);cursor:pointer;display:flex;flex-direction:column;}
.proj-card-img{overflow:hidden;position:relative;flex-shrink:0;}
.proj-card-img img{width:100%;height:260px;display:block;object-fit:cover;transition:transform .75s cubic-bezier(.25,.46,.45,.94),filter .5s;filter:brightness(.72) saturate(.62);}
.proj-card:hover .proj-card-img img{transform:scale(1.06);filter:brightness(.92) saturate(1);}
.proj-card.featured .proj-card-img img{height:420px;}
.proj-card.featured{grid-column:span 2;}

.proj-year{position:absolute;top:16px;left:16px;font-family:'Bebas Neue',sans-serif;font-size:.72rem;letter-spacing:.25em;color:var(--gold);background:rgba(14,12,10,.85);padding:5px 13px;backdrop-filter:blur(8px);z-index:2;}
.proj-cat-badge{position:absolute;top:16px;right:16px;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bark);background:var(--gold);padding:5px 11px;z-index:2;font-weight:500;}

.proj-card-body{padding:26px 28px 32px;flex:1;display:flex;flex-direction:column;border-top:1px solid rgba(196,154,85,.09);transition:border-color .4s;}
.proj-card:hover .proj-card-body{border-color:rgba(196,154,85,.26);}

.proj-location{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:9px;opacity:.85;display:flex;align-items:center;gap:6px;}
.proj-location::before{content:'';width:14px;height:1px;background:var(--gold);flex-shrink:0;}

.proj-card h3{font-family:'Bebas Neue',sans-serif;font-size:1.38rem;letter-spacing:.05em;color:var(--cream);margin-bottom:10px;transition:color .3s;line-height:1.12;}
.proj-card:hover h3{color:var(--gold);}

.proj-card p{font-size:.78rem;line-height:1.78;color:var(--ash);font-weight:300;flex:1;}

.proj-card-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px;padding-top:14px;border-top:1px solid rgba(196,154,85,.06);}
.proj-tags{display:flex;flex-wrap:wrap;gap:4px;}
.ptag{font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;padding:4px 9px;border:1px solid rgba(196,154,85,.16);color:rgba(192,187,178,.48);}
.proj-open{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(192,187,178,.3);white-space:nowrap;display:flex;align-items:center;gap:5px;transition:color .3s;margin-left:10px;flex-shrink:0;}
.proj-open::after{content:'↗';transition:transform .3s;}
.proj-card:hover .proj-open{color:var(--gold);}
.proj-card:hover .proj-open::after{transform:translate(2px,-2px);}

/* STATS */
.stats-bar{background:var(--timber);display:grid;grid-template-columns:repeat(4,1fr);}
.stat{padding:64px 36px;border-right:1px solid rgba(196,154,85,.15);text-align:center;transition:background .4s;}
.stat:last-child{border-right:none;}
.stat:hover{background:rgba(196,154,85,.06);}
.stat big{font-family:'Bebas Neue',sans-serif;font-size:4.8rem;color:var(--gold);line-height:1;display:block;}
.stat span{font-size:.61rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ash);margin-top:8px;display:block;}

/* QUOTE */
.quote-section{background:var(--bark);padding:90px 72px;display:grid;grid-template-columns:1fr auto 320px;gap:60px;align-items:center;}
.quote-divider{width:1px;background:rgba(196,154,85,.14);align-self:stretch;}
blockquote.main-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,2.3vw,2.6rem);font-style:italic;font-weight:300;color:var(--cream);line-height:1.5;position:relative;padding-left:32px;}
blockquote.main-quote::before{content:'"';position:absolute;left:-12px;top:-18px;font-size:7rem;color:rgba(196,154,85,.1);font-family:'Cormorant Garamond',serif;line-height:1;}
.quote-side{text-align:right;}
.quote-side .label{justify-content:flex-end;}
.quote-side .label::before{display:none;}
.quote-author strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:.12em;color:var(--cream);margin-bottom:4px;}
.quote-author span{font-size:.74rem;color:var(--ash);font-weight:300;line-height:1.6;}

/* CLIENTS */
.clients-strip{background:var(--warm-white);padding:56px 72px;}
.clients-strip-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;color:var(--bark);}
.clients-strip-head h3{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,1.9vw,2rem);font-weight:300;font-style:italic;}
.clients-strip-head span{font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--wood);}
.clients-row{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:rgba(74,46,18,.07);}
.client-logo{background:var(--warm-white);padding:22px 14px;display:flex;align-items:center;justify-content:center;transition:all .35s;}
.client-logo:hover{background:#fff;box-shadow:0 4px 20px rgba(74,46,18,.08);position:relative;z-index:1;}
.client-logo img{max-width:110px;max-height:68px;width:100%;height:auto;object-fit:contain;filter:grayscale(100%) opacity(.55);transition:filter .4s;}
.client-logo:hover img{filter:grayscale(0%) opacity(1);}

/* CTA */
.cta-section{background:var(--charcoal);padding:110px 72px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(196,154,85,.08);}
.cta-left h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.8vw,4.8rem);font-weight:300;font-style:italic;color:var(--cream);line-height:1.1;}
.cta-left h2 strong{display:block;font-family:'Bebas Neue',sans-serif;font-style:normal;color:var(--gold);font-size:.75em;letter-spacing:.06em;}
.cta-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px;}
.cta-right p{font-size:.82rem;line-height:1.8;color:var(--ash);font-weight:300;max-width:300px;text-align:right;}
.btn-gold{display:inline-flex;align-items:center;gap:14px;padding:15px 40px;border:1px solid var(--gold);color:var(--gold);font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;transition:color .4s;}
.btn-gold::before{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:0;}
.btn-gold:hover::before{transform:scaleX(1);}
.btn-gold:hover{color:var(--bark);}
.btn-gold span{position:relative;z-index:1;}
.btn-outline{display:inline-flex;align-items:center;padding:15px 40px;border:1px solid rgba(192,187,178,.2);color:var(--ash);font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;transition:all .4s;}
.btn-outline:hover{border-color:var(--ash);color:var(--cream);}

/* CONTACT */
.contact-section{display:grid;grid-template-columns:1fr 1fr;min-height:60vh;}
.contact-info{background:var(--bark);padding:90px 72px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.contact-info::before{content:'KONTAKT';position:absolute;bottom:-40px;right:-20px;font-family:'Bebas Neue',sans-serif;font-size:11rem;color:rgba(196,154,85,.04);pointer-events:none;user-select:none;line-height:1;}
.contact-info h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3vw,3.8rem);font-weight:300;font-style:italic;color:var(--cream);margin-bottom:36px;line-height:1.1;}
.cdetail{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px;transition:transform .3s;}
.cdetail:hover{transform:translateX(6px);}
.cicon{width:40px;height:40px;border:1px solid rgba(196,154,85,.32);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem;color:var(--gold);transition:all .3s;}
.cdetail:hover .cicon{background:var(--gold);color:var(--bark);}
.ctext strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:.83rem;letter-spacing:.18em;color:var(--gold);margin-bottom:3px;}
.ctext span,.ctext a{font-size:.83rem;color:var(--ash);text-decoration:none;line-height:1.8;font-weight:300;}
.ctext a:hover{color:var(--gold);}
.map-container{position:relative;overflow:hidden;}
.map-container iframe{width:100%;height:100%;border:none;filter:grayscale(25%) contrast(1.05) brightness(0.95);min-height:400px;}

footer{background:var(--charcoal);border-top:1px solid rgba(196,154,85,.1);padding:36px 72px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:.22em;color:var(--cream);text-decoration:none;}
.footer-logo b{color:var(--gold);font-weight:400;}
footer p{font-size:.68rem;color:rgba(200,196,188,.33);letter-spacing:.05em;}
.footer-right{font-size:.62rem;color:rgba(200,196,188,.24);text-align:right;line-height:1.8;}

/* LIGHTBOX */
.lb{display:none;position:fixed;inset:0;background:rgba(12,10,8,.97);z-index:1000;align-items:center;justify-content:center;}
.lb.open{display:flex;}
.lb-layout{display:grid;grid-template-columns:1fr 380px;width:92vw;max-height:88vh;gap:0;background:var(--mid);border:1px solid rgba(196,154,85,.1);}
.lb-img-wrap{overflow:hidden;position:relative;}
.lb-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .28s;}
.lb-info{padding:48px 44px;display:flex;flex-direction:column;justify-content:space-between;background:var(--mid);border-left:1px solid rgba(196,154,85,.1);}
.lb-info-top{}
.lb-info-meta{font-size:.55rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:flex;gap:16px;flex-wrap:wrap;}
.lb-info-meta span{opacity:.8;}
.lb-info h4{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.06em;color:var(--cream);margin-bottom:14px;line-height:1.1;}
.lb-info p{font-size:.8rem;line-height:1.8;color:var(--ash);font-weight:300;}
.lb-info-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;}
.lb-tag{font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;padding:5px 11px;border:1px solid rgba(196,154,85,.22);color:var(--gold);}
.lb-nav{display:flex;gap:2px;margin-top:32px;}
.lb-nav button{flex:1;padding:13px;background:rgba(196,154,85,.06);border:1px solid rgba(196,154,85,.12);color:var(--ash);font-size:1rem;cursor:pointer;transition:all .3s;}
.lb-nav button:hover{background:var(--gold);border-color:var(--gold);color:var(--bark);}
.lb-counter-info{font-size:.56rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(192,187,178,.3);text-align:center;margin-top:10px;}
.lb-close-btn{position:absolute;top:18px;right:22px;background:none;border:none;color:var(--ash);font-size:1.5rem;cursor:pointer;z-index:10;transition:color .3s;line-height:1;}
.lb-close-btn:hover{color:var(--gold);}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);}
.reveal.visible{opacity:1;transform:translateY(0);}
.d1{transition-delay:.08s;}.d2{transition-delay:.16s;}.d3{transition-delay:.24s;}.d4{transition-delay:.32s;}.d5{transition-delay:.4s;}


/* ══════════════════════════════════════════
   RESPONZIVNI DIZAJN
   ══════════════════════════════════════════ */

/* ── Hamburger menu (hidden on desktop) ── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  position: relative;
  z-index: 1;
}
.nav-hamburger span {
  display: block;
  width: 100%;
  height: 1px;
  background: var(--cream);
  transition: all .35s cubic-bezier(.25,.46,.45,.94);
}
nav.scrolled .nav-hamburger span { background: var(--gold); }
.nav-hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ── Tablet: 1024px ── */
@media (max-width: 1024px) {
  /* Nav */
  nav { padding: 0 32px; }

  /* Hero columns - 2x2 */
  .hero { grid-template-columns: repeat(2,1fr); }
  .hero-col:nth-child(3)::after,
  .hero-col:nth-child(4)::after { display: none; }

  /* About */
  .about { grid-template-columns: 1fr; }
  .about-img { min-height: 420px; }
  .about-content { padding: 64px 48px; }
  .about-badge { right: 24px; }

  /* Services */
  .services { padding: 90px 48px; }
  .services-grid { grid-template-columns: repeat(2,1fr); }

  /* Gallery */
  .gallery-section { padding: 72px 48px; }
  .gallery-panel.active { grid-template-columns: repeat(3,1fr); }

  /* Stats */
  .stats, .stats-bar { grid-template-columns: repeat(2,1fr); }
  .stat { border-right: none; border-bottom: 1px solid rgba(196,154,85,.1); }
  .stat:nth-child(2n) { border-right: none; }
  .stat:nth-last-child(-n+2) { border-bottom: none; }

  /* Mission/Vision */
  .mv { grid-template-columns: 1fr; }
  .mv-block { padding: 72px 48px; }

  /* Clients */
  .clients { padding: 72px 48px; }
  .clients-grid { grid-template-columns: repeat(4,1fr); }
  .clients-row { grid-template-columns: repeat(5,1fr); }

  /* Quote section */
  .quote-section { grid-template-columns: 1fr; gap: 32px; padding: 64px 48px; }
  .quote-divider { display: none; }
  .quote-side { text-align: left; }
  .quote-side .label { justify-content: flex-start; }
  .quote-side .label::before { display: inline-block; }

  /* CTA */
  .cta-section { flex-direction: column; align-items: flex-start; gap: 36px; padding: 80px 48px; }
  .cta-section-right, .cta-right { align-items: flex-start; }
  .cta-section-right p, .cta-right p { text-align: left; }

  /* Contact */
  .contact-section { grid-template-columns: 1fr; }
  .contact-info { padding: 72px 48px; }
  .map-container iframe { min-height: 380px; }

  /* Footer */
  footer { padding: 32px 48px; }

  /* Page hero */
  .page-hero-content { padding: 0 48px 56px; }
  .page-hero-right { display: none; }

  /* Subpage sections */
  .intro { grid-template-columns: 1fr; }
  .intro-img { min-height: 380px; order: 0 !important; }
  .intro-content { padding: 64px 48px; order: 0 !important; }

  /* Solutions */
  .solutions { padding: 80px 48px; }
  .sol-grid { grid-template-columns: repeat(6,1fr); }
  .sol-card:nth-child(1) { grid-column: span 6; }
  .sol-card:nth-child(2) { grid-column: span 3; }
  .sol-card:nth-child(3) { grid-column: span 3; }
  .sol-card:nth-child(4) { grid-column: span 3; }
  .sol-card:nth-child(5) { grid-column: span 3; }
  .sol-card:nth-child(6) { grid-column: span 3; }
  .sol-card:nth-child(7) { grid-column: span 3; }

  /* Applications */
  .applications { padding: 80px 48px; }
  .app-grid { grid-template-columns: repeat(2,1fr); }

  /* Features */
  .features { padding: 80px 48px; }
  .features-grid { grid-template-columns: repeat(2,1fr); }

  /* Models */
  .models { padding: 80px 48px; }
  .models-header { flex-direction: column; align-items: flex-start; gap: 16px; }
  .models-header p { text-align: left; }

  /* Other cats */
  .other-cats { padding: 72px 48px; }

  /* Clients strip */
  .clients-strip { padding: 48px 48px; }

  /* Lightbox */
  .lb-layout { grid-template-columns: 1fr; width: 94vw; max-height: 90vh; overflow-y: auto; }
  .lb-info { border-left: none; border-top: 1px solid rgba(196,154,85,.1); padding: 32px; }
  .lb-img-wrap { max-height: 50vh; }
}

/* ── Mobile: 768px ── */
@media (max-width: 768px) {
  /* Nav - mobile */
  nav { padding: 0 20px; height: 64px; }
  .nav-links {
    display: none !important;
    position: fixed;
    top: 64px; left: 0; right: 0;
    background: rgba(20,18,16,.98);
    backdrop-filter: blur(20px);
    flex-direction: column;
    gap: 0;
    padding: 16px 0 32px;
    border-bottom: 1px solid rgba(196,154,85,.15);
    z-index: 199;
  }
  .nav-links.mobile-open { display: flex !important; }
  .nav-links li { width: 100%; }
  .nav-links a {
    display: block;
    padding: 14px 28px;
    font-size: .72rem;
    letter-spacing: .22em;
  }
  .nav-links a::after { display: none; }
  .nav-hamburger { display: flex; }

  /* Hero - single column, card layout */
  .hero { grid-template-columns: 1fr !important; height: auto !important; min-height: 0; }
  .hero-col {
    height: auto !important;
    min-height: 0 !important;
    display: flex;
    flex-direction: column;
    cursor: default;
  }
  .hero-col img {
    width: 100%;
    height: 54vw;
    object-fit: cover;
    display: block;
    position: relative;
    transform: none !important;
    filter: brightness(.55) saturate(.75) !important;
    transition: none;
    flex-shrink: 0;
  }
  /* Overlay postaje flow container ispod slike */
  .hero-col-overlay {
    position: relative !important;
    inset: auto !important;
    background: var(--charcoal) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 16px 20px 20px !important;
    border-bottom: 1px solid rgba(196,154,85,.12) !important;
  }
  /* Sakrij dekorativne elemente */
  .hero-col-num,
  .hero-col-tag,
  .hero-col-line { display: none !important; }

  .hero-col-title {
    position: relative !important;
    left: auto !important; bottom: auto !important;
    font-size: 1.4rem !important;
    color: var(--cream) !important;
    transform: none !important;
    transition: none !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
  }
  .hero-col-sub {
    position: relative !important;
    left: auto !important; bottom: auto !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    font-size: .78rem !important;
    max-width: 100% !important;
    color: var(--ash) !important;
    padding: 0 !important;
    right: auto !important;
  }
  .hero-overlay-text { display: none !important; }
  .hero-scroll { display: none !important; }

  /* About */
  .about { grid-template-columns: 1fr; }
  .about-img { min-height: 60vw; }
  .about-content { padding: 48px 20px; }
  .about-badge { width: 100px; height: 100px; right: 20px; bottom: 20px; }
  .about-badge strong { font-size: 2.2rem; }
  .about-pillars { grid-template-columns: 1fr; gap: 10px; }

  /* Services */
  .services { padding: 60px 20px; }
  .services-header { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 40px; }
  .services-header p { max-width: 100%; }
  .services-grid { grid-template-columns: 1fr; }
  .svc { padding: 36px 24px; }

  /* Gallery */
  .gallery-section { padding: 52px 20px; }
  .gallery-panel.active { grid-template-columns: repeat(2,1fr); }
  .gallery-tabs { gap: 4px; }
  .tab-btn { padding: 9px 16px; font-size: .62rem; }

  /* Stats */
  .stats, .stats-bar { grid-template-columns: repeat(2,1fr); }
  .stat { padding: 40px 20px; }
  .stat big { font-size: 3.6rem; }

  /* Mission/Vision */
  .mv-block { padding: 56px 20px; }
  .mv-block::before { font-size: 12rem; }

  /* Clients */
  .clients { padding: 52px 20px; }
  .clients-head { flex-direction: column; align-items: flex-start; gap: 12px; }
  .clients-grid { grid-template-columns: repeat(3,1fr); }
  .clients-row { grid-template-columns: repeat(3,1fr); }

  /* Quote */
  .quote-section { padding: 52px 20px; }
  blockquote.main-quote { font-size: clamp(1.2rem,4.5vw,1.7rem); padding-left: 20px; }

  /* CTA */
  .cta-section { padding: 60px 20px; gap: 28px; }
  .cta-section-left h2, .cta-left h2 { font-size: clamp(1.8rem,7vw,3rem); }
  .btn-gold, .btn-outline { padding: 13px 26px; font-size: .6rem; }

  /* Contact */
  .contact-section { grid-template-columns: 1fr; }
  .contact-info { padding: 52px 20px; }
  .contact-info::before { font-size: 7rem; }
  .map-container iframe { min-height: 300px; }

  /* Footer */
  footer { padding: 28px 20px; flex-direction: column; align-items: flex-start; gap: 10px; }
  .footer-right { text-align: left; }

  /* Page hero */
  .page-hero { height: 65vw; min-height: 340px; }
  .page-hero-content { padding: 0 20px 36px; flex-direction: column; align-items: flex-start; gap: 8px; }
  .page-hero-h1 { font-size: clamp(3rem, 12vw, 6rem); }
  .page-hero-right { display: none; }
  .page-hero-bg-num { font-size: 12rem; left: 10px; }

  /* Intro */
  .intro { grid-template-columns: 1fr; }
  .intro-img { min-height: 56vw; }
  .intro-content { padding: 48px 20px; }
  .intro-content p { max-width: 100%; }

  /* Solutions */
  .solutions { padding: 52px 20px; }
  .solutions-header { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 36px; }
  .solutions-header p { text-align: left; max-width: 100%; }
  .sol-grid { grid-template-columns: 1fr; }
  .sol-card:nth-child(n) { grid-column: span 1; }
  .sol-card-img { height: 220px !important; }

  /* Applications */
  .applications { padding: 52px 20px; }
  .app-grid { grid-template-columns: 1fr; }
  .app-card { height: 280px; }

  /* Features */
  .features { padding: 52px 20px; }
  .features-grid { grid-template-columns: 1fr; }
  .feature { padding: 36px 24px; }

  /* Models */
  .models { padding: 52px 20px; }
  .model-spotlight { grid-template-columns: 1fr; direction: ltr !important; }
  .model-spotlight.rev { direction: ltr !important; }

  /* Other cats */
  .other-cats { padding: 52px 20px; }
  .cats-grid { grid-template-columns: 1fr; }
  .cat-card { height: 240px; }

  /* Clients strip */
  .clients-strip { padding: 40px 20px; }
  .clients-strip-head { flex-direction: column; align-items: flex-start; gap: 8px; }
  .clients-row { grid-template-columns: repeat(3,1fr); }

  /* Projects/portfolio */
  .proj-grid { grid-template-columns: 1fr !important; }

  /* Lightbox */
  .lb-layout { width: 98vw; }
  .lb-info { padding: 24px 20px; }
  .lb-nav { flex-direction: row; }

  /* Reveal animations - reduce for perf */
  .d1,.d2,.d3,.d4,.d5 { transition-delay: 0s; }
}

/* ── Small mobile: 480px ── */
@media (max-width: 480px) {
  /* Gallery even simpler */
  .gallery-panel.active { grid-template-columns: 1fr; }

  /* Stats 1 column */
  .stats, .stats-bar { grid-template-columns: 1fr; }
  .stat { border-right: none; border-bottom: 1px solid rgba(196,154,85,.1); }
  .stat:last-child { border-bottom: none; }

  /* Clients 2 col */
  .clients-grid, .clients-row { grid-template-columns: repeat(2,1fr); }

  /* Hero col taller on small phones */
  .hero-col { height: 75vw; }

  /* Page hero */
  .page-hero { height: 75vw; min-height: 260px; }
  .page-hero-h1 { font-size: clamp(2.4rem,13vw,4rem); }

  /* Applications */
  .app-grid { grid-template-columns: 1fr; }

  /* Features */
  .features-grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════
   FLOATING ACTION BUTTONS
   ══════════════════════════════════════════ */
.fab-group {
  position: fixed;
  bottom: 32px;
  right: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 500;
}

.fab {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(196,154,85,.35);
  background: rgba(20,18,16,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.1rem;
  transition: opacity .35s, transform .35s cubic-bezier(.25,.46,.45,.94), background .3s, box-shadow .3s;
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
  position: relative;
}

/* Scroll-to-top hidden until JS adds .visible */
.fab-top {
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
}

.fab.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: all !important;
}

.fab:hover {
  background: var(--gold);
  color: var(--bark);
  border-color: var(--gold);
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(196,154,85,.32);
}

/* Tooltip */
.fab::before {
  content: attr(data-tip);
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  background: rgba(20,18,16,.95);
  color: var(--cream);
  font-family: 'DM Sans', sans-serif;
  font-size: .6rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 7px 12px;
  border: 1px solid rgba(196,154,85,.2);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s;
}
.fab::after {
  content: '';
  position: absolute;
  right: calc(100% + 6px);
  top: 50%;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left-color: rgba(196,154,85,.2);
  opacity: 0;
  transition: opacity .25s;
}
.fab:hover::before,
.fab:hover::after { opacity: 1; }

/* Call button — always green pulse */
.fab-call {
  background: rgba(16,36,18,.92);
  border-color: rgba(74,160,80,.45);
  color: #5fc965;
  overflow: visible;
}
.fab-call .pulse-ring {
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  border: 1px solid rgba(74,160,80,.6);
  animation: callPulse 2.4s ease-out infinite;
  pointer-events: none;
}
@keyframes callPulse {
  0%   { transform: scale(1);    opacity: .8; }
  70%  { transform: scale(1.6);  opacity: 0; }
  100% { transform: scale(1.6);  opacity: 0; }
}
.fab-call:hover {
  background: #3fa845;
  color: #fff;
  border-color: #3fa845;
  box-shadow: 0 8px 28px rgba(63,168,69,.35);
}

@media (max-width: 768px) {
  .fab-group { bottom: 24px; right: 18px; gap: 10px; }
  .fab { width: 48px; height: 48px; font-size: 1rem; }
  .fab::before, .fab:hover::before { display: none; }
}

/* ══════════════════════════════════════════
   DOPUNE RESPONZIVNOG — subpage grids
   ══════════════════════════════════════════ */

/* FAB pulse fix — pseudo-element za callPulse odvojen od tooltip arrowa */
.fab-call { overflow: visible; }
.fab-call .pulse-ring {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  border: 1px solid rgba(74,160,80,.55);
  animation: callPulse 2.4s ease-out infinite;
  pointer-events: none;
}

@media (max-width: 1024px) {
  /* product grid tablet */
  .products { padding: 80px 48px; }
  .products-header { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 40px; }
  .products-header p { text-align: left; max-width: 100%; }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .product-card.wide { grid-column: span 2; }
}

@media (max-width: 768px) {
  /* product grid — 1 col */
  .products { padding: 52px 20px; }
  .product-grid { grid-template-columns: 1fr !important; }
  .product-card.wide { grid-column: span 1 !important; }
  .product-card.wide .product-card-img { aspect-ratio: 4/3; }
  .product-card-body { padding: 24px 20px 28px; }
  .product-card-num { font-size: 2.4rem; }

  /* model spotlight */
  .model-spotlight { grid-template-columns: 1fr !important; direction: ltr !important; }
  .model-spotlight.rev { direction: ltr !important; }

  /* gallery grid on subpages */
  .gallery-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 2px; }

  /* features */
  .features { padding: 52px 20px; }
  .features-grid { grid-template-columns: 1fr !important; }

  /* cats-grid */
  .cats-grid { grid-template-columns: 1fr !important; }
  .cat-card { height: 220px; }

  /* other-cats */
  .other-cats { padding: 52px 20px; }

  /* FAB — ensure visible on mobile */
  .fab-group { bottom: 20px; right: 16px; }
  .fab { width: 50px; height: 50px; }
}

@media (max-width: 480px) {
  .gallery-grid { grid-template-columns: 1fr !important; }
}

/* ═══════════════════════════════════════════════════════════
   PRODUCT MODAL
   ═══════════════════════════════════════════════════════════ */
.pm-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: rgba(10,10,10,.82);
  backdrop-filter: blur(6px);
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.pm-overlay.open { display: flex; }

.pm-box {
  background: #fff;
  width: 100%;
  max-width: 1020px;
  max-height: 90vh;
  border-radius: 4px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  box-shadow: 0 32px 80px rgba(0,0,0,.5);
}
.pm-gallery {
  position: relative;
  background: #111;
  overflow: hidden;
}
.pm-gallery-main {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  display: block;
  transition: opacity .25s;
}
.pm-gallery-thumbs {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  display: flex;
  gap: 6px;
  padding: 10px 12px;
  background: linear-gradient(transparent, rgba(0,0,0,.7));
}
.pm-gallery-thumbs button {
  width: 52px;
  height: 38px;
  border: 2px solid transparent;
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  background: none;
  flex-shrink: 0;
  transition: border-color .2s;
}
.pm-gallery-thumbs button.active { border-color: var(--gold, #c8a96e); }
.pm-gallery-thumbs button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pm-gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px;
  pointer-events: none;
}
.pm-gallery-nav button {
  pointer-events: all;
  background: rgba(0,0,0,.45);
  border: none;
  color: #fff;
  font-size: 1.5rem;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s;
}
.pm-gallery-nav button:hover { background: rgba(200,169,110,.8); }
.pm-gallery-counter {
  position: absolute;
  top: 12px;
  right: 14px;
  background: rgba(0,0,0,.5);
  color: #fff;
  font-size: .7rem;
  padding: 3px 8px;
  border-radius: 20px;
  letter-spacing: .04em;
}
.pm-info {
  padding: 36px 32px 32px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.pm-close {
  position: absolute;
  top: 14px;
  right: 16px;
  background: rgba(0,0,0,.12);
  border: none;
  font-size: 1.1rem;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background .2s;
}
.pm-close:hover { background: rgba(0,0,0,.25); }
.pm-num {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 3rem;
  color: rgba(0,0,0,.06);
  line-height: 1;
  margin-bottom: -8px;
}
.pm-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.9rem;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.15;
  margin-bottom: 4px;
}
.pm-title span { color: var(--gold, #c8a96e); }
.pm-subtitle {
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 16px;
}
.pm-desc {
  font-size: .88rem;
  line-height: 1.7;
  color: #444;
  margin-bottom: 18px;
}
.pm-specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 18px;
}
.pm-spec {
  background: #f7f5f1;
  border-radius: 3px;
  padding: 9px 12px;
}
.pm-spec strong {
  display: block;
  font-size: .65rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #999;
  margin-bottom: 2px;
}
.pm-spec span { font-size: .82rem; color: #222; }
.pm-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 22px;
}
.pm-tags .tag {
  font-size: .67rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 20px;
  background: #f0ebe0;
  color: #7a6a4f;
  border: 1px solid rgba(200,169,110,.3);
}
.pm-cta {
  margin-top: auto;
  display: flex;
  gap: 10px;
  align-items: center;
}
.pm-cta a { font-size: .8rem; }

/* Clickable model spotlights */
.model-spotlight {
  cursor: pointer;
  transition: box-shadow .25s;
}
.model-spotlight:hover {
  box-shadow: 0 8px 40px rgba(200,169,110,.18);
}
.model-spotlight:hover .model-img img {
  transform: scale(1.03);
}
.model-spotlight .model-img img {
  transition: transform .4s ease;
}
.model-open-hint {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .7rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gold, #c8a96e);
  margin-top: 18px;
  font-family: 'DM Sans', sans-serif;
  opacity: .85;
}
.model-open-hint svg { opacity: .8; }

@media (max-width: 720px) {
  .pm-box {
    grid-template-columns: 1fr;
    max-height: 95vh;
    overflow-y: auto;
  }
  .pm-gallery { min-height: 220px; }
  .pm-gallery-main { min-height: 220px; max-height: 260px; }
  .pm-info { padding: 24px 20px; }
  .pm-specs { grid-template-columns: 1fr; }
}