*{margin:0;padding:0;box-sizing:border-box}
:root{--accent:#6CB80F;--accent2:#315F10;--dark:#10160d;--muted:#5f6f58;--soft:#f4ffe8;--line:rgba(156,255,26,.24);--shadow:0 24px 70px rgba(35,60,20,.16);--radius:28px}
html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:#fff;color:var(--dark);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}
.top-strip{background:var(--dark);color:#fff;font-size:14px}.top-strip .container{display:flex;justify-content:space-between;gap:18px;padding:9px 0;flex-wrap:wrap}.top-strip a{color:#fff;font-weight:800}
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.logo{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:900}.logo img{width:88px;height:auto}.nav-links{display:flex;gap:22px;font-weight:800;color:#263244}.nav-links a:hover,.nav-links a.active{color:#315F10}.header-call{background:linear-gradient(135deg,#6CB80F,#4E8F0B);color:#fff;padding:13px 19px;border-radius:999px;font-weight:900;box-shadow:0 14px 32px rgba(156,255,26,.35)}.menu-toggle{display:none;background:none;border:0;flex-direction:column;gap:5px}.menu-toggle span{width:27px;height:3px;border-radius:4px;background:var(--dark)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:16px 24px;font-weight:900;transition:.25s}.btn-primary{background:linear-gradient(135deg,#6CB80F,#4E8F0B);color:#fff;box-shadow:0 18px 42px rgba(156,255,26,.38)}.btn-secondary{background:rgba(255,255,255,.88);color:#263244;border:1px solid rgba(49,95,16,.12);box-shadow:0 14px 38px rgba(16,22,13,.08)}.btn-light{background:#fff;color:#315F10;box-shadow:0 16px 40px rgba(0,0,0,.14)}
.hero,.page-hero{background:radial-gradient(circle at 10% 15%,rgba(114,181,24,.22),transparent 28%),radial-gradient(circle at 90% 20%,rgba(255,153,0,.12),transparent 26%),radial-gradient(circle at 75% 80%,rgba(0,180,120,.10),transparent 25%),radial-gradient(circle at 40% 65%,rgba(114,181,24,.10),transparent 30%),linear-gradient(135deg,#fdfdf8 0%,#eef8dd 55%,#fff7ea 100%);padding:88px 0 76px;overflow:hidden}.hero-grid,.page-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;background:rgba(108,184,15,.10);color:#315F10;padding:9px 14px;border-radius:999px;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.08em;margin-bottom:20px}h1{font-size:clamp(42px,6vw,74px);line-height:.96;letter-spacing:-.06em;margin-bottom:24px}.hero p,.page-hero p{font-size:20px;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.hero-stats div{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 12px 40px rgba(40,80,20,.06)}.hero-stats strong{display:block;font-size:28px;color:#315F10;line-height:1}.hero-stats span{font-size:13px;color:var(--muted);font-weight:800}.hero-photo,.page-photo{border-radius:42px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;aspect-ratio:5/4;max-height:620px}.hero-photo img,.page-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
section{padding:92px 0}.section-head{margin-bottom:38px}.section-head.center{text-align:center}.section-head span{color:#315F10;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.12em}.section-head h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;line-height:1.05;margin-top:10px}.section-head p{color:var(--muted);font-size:18px;max-width:820px;margin:16px auto 0}.soft{background:var(--soft)}
.intro-row,.split,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.intro-box,.white-box,.contact-card,.contact-form,.compare-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:38px;border:1px solid var(--line)}.intro-box h2,.white-box h2,.contact-card h2{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin-bottom:18px}.intro-box p,.white-box p,.service-card p,.step p,.compare-card li,.project-card p,.contact-card p{color:var(--muted)}
.quick-list,.feature-list{display:grid;gap:14px}.quick-list div,.feature-list div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;gap:12px;align-items:flex-start}.quick-list b,.feature-list strong{color:#315F10;font-size:22px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 18px 55px rgba(40,80,20,.08);transition:.25s;min-height:230px}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.icon{font-size:36px;margin-bottom:18px}.service-card h3{font-size:23px;margin-bottom:10px}.service-card a{margin-top:18px;color:#315F10;font-weight:900;display:inline-flex}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:#fff;border-radius:26px;padding:26px;border:1px solid var(--line)}.step b{color:#315F10;font-size:28px}.step h3{margin:10px 0}
.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.gallery-tile{min-height:265px;border-radius:34px;box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden;background:#fff}.gallery-tile.big{min-height:550px}.gallery-tile img{width:100%;height:100%;object-fit:cover}.gallery-stack{display:grid;gap:22px}
.project-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:#fff;border-radius:28px;border:1px solid var(--line);overflow:hidden;box-shadow:0 18px 55px rgba(40,80,20,.08)}.project-img{height:260px;background:#fff}.project-img img{width:100%;height:100%;object-fit:cover}.project-card div:last-child{padding:24px}
.comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.compare-card ul{padding-left:20px}.compare-card li{margin:8px 0}
.cta-band{background:linear-gradient(135deg,#17200e,#4f8f00);color:#fff}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-grid h2{font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.04em}.cta-grid p{opacity:.85;margin-top:10px}
.contact{background:var(--soft)}.contact-card span{color:#315F10;font-weight:900;text-transform:uppercase}.contact-card a{color:#315F10;font-weight:900}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:16px;font:inherit;outline:none}.contact-form button{border:0;background:linear-gradient(135deg,#6CB80F,#4E8F0B);color:#fff;padding:17px 20px;border-radius:999px;font-weight:900;font-size:16px;cursor:pointer}
.footer{background:var(--dark);color:#fff;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:30px}.footer p,.footer a{color:rgba(255,255,255,.72)}.footer h4{margin-bottom:12px}.footer-grid div{display:grid;gap:8px;align-content:start}.footer .logo img{width:115px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:22px}.copyright a{color:#fff;font-weight:900}.floating-call{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6CB80F,#4E8F0B);color:#fff;font-size:25px;box-shadow:0 20px 40px rgba(156,255,26,.45);z-index:99}
@media(max-width:960px){.nav-links,.header-call{display:none}.menu-toggle{display:flex}.nav-links.active{position:absolute;left:4%;right:4%;top:102px;display:grid;background:#fff;border-radius:22px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--line)}.hero-grid,.page-grid,.intro-row,.split,.contact-grid,.gallery-grid{grid-template-columns:1fr}.service-grid,.steps,.project-row,.comparison{grid-template-columns:1fr 1fr}.cta-grid{display:grid;text-align:center}}
@media(max-width:620px){.top-strip .container{display:none}.container{width:90%}section{padding:62px 0}.hero,.page-hero{padding:56px 0}h1{font-size:40px}.hero p,.page-hero p{font-size:17px}.hero-stats,.service-grid,.steps,.footer-grid,.project-row,.comparison{grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-photo,.page-photo{aspect-ratio:4/4.6;min-height:320px;border-radius:30px}.contact-card,.contact-form,.intro-box,.white-box{padding:26px}.floating-call{width:58px;height:58px;right:16px;bottom:16px}.gallery-tile.big{min-height:360px}.logo img{width:78px}}
/* Modern button/detail polish */
.header-call,
.btn-primary,
.contact-form button,
.floating-call{
    border:0;
    letter-spacing:-.01em;
    box-shadow:0 16px 36px rgba(78,143,11,.28);
}

.header-call:hover,
.btn-primary:hover,
.contact-form button:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 46px rgba(78,143,11,.34);
}

.btn-secondary:hover{
    transform:translateY(-2px);
    border-color:rgba(49,95,16,.22);
    box-shadow:0 20px 42px rgba(16,22,13,.12);
}

.eyebrow{
    border:1px solid rgba(49,95,16,.10);
    box-shadow:0 10px 28px rgba(108,184,15,.10);
}

.nav-links a{
    position:relative;
    padding:8px 0;
}

.nav-links a.active::after,
.nav-links a:hover::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:2px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#6CB80F,#315F10);
}

.hero-stats div,
.quick-list div,
.feature-list div{
    backdrop-filter:blur(12px);
}

.floating-call{
    box-shadow:0 18px 44px rgba(78,143,11,.38);
}

/* Final custom update */
.hero{
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(circle at 16% 18%,rgba(108,184,15,.28),transparent 28%),
        radial-gradient(circle at 82% 18%,rgba(49,95,16,.20),transparent 26%),
        linear-gradient(135deg,#f6ffe9 0%,#e9f8d1 48%,#ffffff 100%);
    animation:heroGreenShift 7s ease-in-out infinite alternate;
}
.hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:38%;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(49,95,16,.18),rgba(49,95,16,.30));
    pointer-events:none;
    z-index:-1;
    animation:heroBottomGreen 6s ease-in-out infinite alternate;
}
@keyframes heroGreenShift{
    from{filter:saturate(1); background-position:0% 0%;}
    to{filter:saturate(1.18); background-position:100% 100%;}
}
@keyframes heroBottomGreen{
    from{opacity:.35; transform:translateY(8px);}
    to{opacity:.9; transform:translateY(0);}
}
.trust-badge,.since-mini{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:6px 0 12px;
    padding:11px 15px;
    border-radius:999px;
    background:rgba(49,95,16,.10);
    color:#315F10;
    border:1px solid rgba(49,95,16,.15);
    font-weight:800;
    box-shadow:0 12px 30px rgba(49,95,16,.10);
}
.since-mini{
    margin-bottom:12px;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.hero-stats{
    grid-template-columns:repeat(4,1fr);
}
@media(max-width:960px){
    .hero-stats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:620px){
    .hero-stats{grid-template-columns:1fr;}
}

/* HERO FINAL FIX - svetlo u tamno zelenu animacija */
.hero{
    position:relative;
    isolation:isolate;
    background:
        radial-gradient(circle at 18% 18%,rgba(218,244,198,.95),transparent 30%),
        radial-gradient(circle at 88% 14%,rgba(163,220,113,.55),transparent 31%),
        linear-gradient(135deg,#f7ffee 0%,#e7f8d5 44%,#c8eaa9 100%) !important;
    animation:heroTintToDark 1.25s ease-out forwards !important;
    overflow:hidden;
}
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 25%,rgba(255,255,255,.75),transparent 26%),
        linear-gradient(135deg,rgba(236,250,224,.25),rgba(41,82,10,.33));
    opacity:0;
    animation:heroGreenOverlay 1.45s ease-out forwards;
    pointer-events:none;
    z-index:-1;
}
.hero::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:46%;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(93,151,42,.18),rgba(55,105,14,.34)) !important;
    opacity:0;
    animation:heroBottomGlow 1.45s ease-out forwards;
    pointer-events:none;
    z-index:-1;
}
@keyframes heroTintToDark{
    0%{filter:saturate(.88) brightness(1.08);}
    100%{filter:saturate(1.08) brightness(.98);}
}
@keyframes heroGreenOverlay{
    0%{opacity:0;transform:scale(1.04);}
    100%{opacity:1;transform:scale(1);}
}
@keyframes heroBottomGlow{
    0%{opacity:0;transform:translateY(24px);}
    100%{opacity:1;transform:translateY(0);}
}
.trust-badge{display:none !important;}
.trust-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:18px 0 4px;
}
.trust-row span{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:10px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(49,95,16,.14);
    color:#315F10;
    font-weight:900;
    box-shadow:0 12px 32px rgba(49,95,16,.10);
}
.hero-stats div{
    min-height:112px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.hero-stats strong{
    font-size:24px;
}
.cta-band{
    background:linear-gradient(135deg,#17290b 0%,#244f08 46%,#3d8500 100%) !important;
}
@media(max-width:620px){
    .trust-row span{width:100%;justify-content:center;text-align:center;}
    .hero-stats div{min-height:auto;}
}

/* FINAL CLEAN HERO COLOR + LESS BUTTONS */
.hero{
    background:
        radial-gradient(circle at 18% 20%, rgba(255,255,255,.55), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(210,236,183,.42), transparent 30%),
        linear-gradient(135deg,#f7ffef 0%,#eaf8d7 42%,#b7d99b 100%) !important;
    animation:heroSoftGreen 1.25s ease-out forwards !important;
}
.hero::before{
    background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(120,166,85,.22)) !important;
}
.hero::after{
    height:42%;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(138,180,96,.16),rgba(93,137,55,.26)) !important;
}
@keyframes heroSoftGreen{
    0%{filter:saturate(.88) brightness(1.08);}
    100%{filter:saturate(1.02) brightness(1);}
}
.trust-row{display:none !important;}
.hero-since{
    display:inline-flex;
    margin:16px 0 4px;
    padding:10px 18px;
    border-radius:999px;
    background:#fff;
    color:#315F10;
    font-weight:900;
    border:1px solid rgba(49,95,16,.14);
    box-shadow:0 10px 26px rgba(49,95,16,.10);
}
.hero-stats{
    grid-template-columns:repeat(3,1fr) !important;
    max-width:470px;
}
.hero-stats div{
    min-height:92px !important;
    padding:20px 20px !important;
}
.hero-stats strong{
    font-size:23px !important;
}
.hero-stats span{
    font-size:13px !important;
    line-height:1.25 !important;
}
.excavator-icon{
    width:38px;
    height:38px;
    display:block;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23315F10' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 62h35l12 12H21z' fill='%23d7ff64'/%3E%3Cpath d='M31 62V44h19l12 18' fill='%238bc34a'/%3E%3Cpath d='M49 44l15-17 17 10-10 27'/%3E%3Cpath d='M79 38l7 21-15 5'/%3E%3Ccircle cx='32' cy='75' r='7' fill='%230f1f0b'/%3E%3Ccircle cx='62' cy='75' r='7' fill='%230f1f0b'/%3E%3C/g%3E%3C/svg%3E");
}
@media(max-width:620px){
    .hero-stats{grid-template-columns:1fr !important;max-width:100%;}
    .hero-stats div{min-height:auto !important;}
}

/* HERO EXACT LIKE CTA ABOVE FOOTER - light to dark green entrance */
.hero{
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.22), transparent 30%),
        linear-gradient(135deg,#eef9df 0%,#6aaa18 46%,#2f7f00 100%) !important;
    animation:heroLightToFooterGreen 1.45s ease-out forwards !important;
}
.hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(135deg,#f7ffef 0%,#b8df88 45%,#3d8500 100%) !important;
    opacity:1;
    animation:heroOverlayDarken 1.45s ease-out forwards !important;
    pointer-events:none !important;
    z-index:-1 !important;
}
.hero::after{
    content:"" !important;
    position:absolute !important;
    inset:auto 0 0 0 !important;
    height:55% !important;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(36,79,8,.38),rgba(23,41,11,.58)) !important;
    opacity:0;
    animation:heroFooterShade 1.55s ease-out forwards !important;
    pointer-events:none !important;
    z-index:-1 !important;
}
@keyframes heroLightToFooterGreen{
    0%{filter:brightness(1.09) saturate(.9);}
    100%{filter:brightness(.98) saturate(1.12);}
}
@keyframes heroOverlayDarken{
    0%{opacity:1;}
    100%{opacity:.18;}
}
@keyframes heroFooterShade{
    0%{opacity:0;transform:translateY(28px);}
    100%{opacity:1;transform:translateY(0);}
}


/* LIVE HERO BACKGROUND ANIMATION */
.hero{
    position:relative;
    overflow:hidden;
    background: linear-gradient(
        135deg,
        #eef9df 0%,
        #d9efb7 20%,
        #86bf3d 48%,
        #4e8d15 72%,
        #244f08 100%
    ) !important;
    background-size: 240% 240% !important;
    animation:
        heroGradientFlow 10s ease-in-out infinite,
        heroFadeIn 1.2s ease-out forwards !important;
}

.hero::before{
    content:"";
    position:absolute;
    inset:-20%;
    background:
        radial-gradient(circle at 20% 30%, rgba(255,255,255,.20), transparent 28%),
        radial-gradient(circle at 80% 40%, rgba(191,255,120,.18), transparent 25%),
        radial-gradient(circle at 50% 80%, rgba(255,255,255,.08), transparent 30%);
    animation: floatingGlow 12s ease-in-out infinite alternate;
    pointer-events:none;
}

.hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,
        rgba(255,255,255,0) 0%,
        rgba(0,0,0,.08) 60%,
        rgba(0,0,0,.18) 100%);
    pointer-events:none;
}

@keyframes heroGradientFlow{
    0%{background-position:0% 50%;}
    25%{background-position:30% 30%;}
    50%{background-position:100% 50%;}
    75%{background-position:70% 70%;}
    100%{background-position:0% 50%;}
}

@keyframes floatingGlow{
    0%{transform:translate(-2%, -1%) scale(1);}
    100%{transform:translate(2%, 2%) scale(1.08);}
}

@keyframes heroFadeIn{
    from{filter:brightness(1.08);}
    to{filter:brightness(1);}
}


/* FORCE VISIBLE LIVE HERO ANIMATION */
.hero{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    background:none !important;
}

/* moving animated layer */
.hero .hero-bg-animated{
    position:absolute;
    inset:-20%;
    z-index:-2;
    background:
    linear-gradient(
        115deg,
        #f7ffe9 0%,
        #d9f2b3 20%,
        #9fdb52 45%,
        #5eab17 65%,
        #2e7004 100%
    );
    background-size:300% 300%;
    animation:ecoGradientMove 7s ease-in-out infinite;
    filter:saturate(1.1);
}

/* glow moving overlay */
.hero .hero-bg-animated::before{
    content:"";
    position:absolute;
    inset:-10%;
    background:
    radial-gradient(circle at 20% 40%, rgba(255,255,255,.35), transparent 30%),
    radial-gradient(circle at 80% 50%, rgba(198,255,0,.18), transparent 25%),
    radial-gradient(circle at 60% 80%, rgba(255,255,255,.12), transparent 35%);
    animation:ecoGlowMove 8s ease-in-out infinite alternate;
    mix-blend-mode:screen;
}

@keyframes ecoGradientMove{
    0%{
        background-position:0% 50%;
        transform:scale(1);
    }
    50%{
        background-position:100% 50%;
        transform:scale(1.03);
    }
    100%{
        background-position:0% 50%;
        transform:scale(1);
    }
}

@keyframes ecoGlowMove{
    0%{
        transform:translate(-4%, -2%) scale(1);
    }
    100%{
        transform:translate(4%, 2%) scale(1.08);
    }
}


/* HERO TEXT VISIBILITY FIX */
.hero p,
.hero .subtitle,
.hero .hero-description,
.hero-text p{
    color: rgba(0,0,0,.72) !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 2px rgba(255,255,255,.18);
}

.hero .hero-description,
.hero-text{
    max-width: 680px;
}

.hero .badge,
.hero .hero-since{
    backdrop-filter: blur(10px);
}

@media(max-width:768px){
    .hero p,
    .hero .subtitle,
    .hero .hero-description{
        color: rgba(0,0,0,.78) !important;
    }
}

/* HERO VIDEO */
.hero-media{
    position:relative;
    overflow:hidden;
    border-radius:32px;
}
.hero-video{
    width:100%;
    height:100%;
    min-height:480px;
    object-fit:cover;
    border-radius:32px;
    display:block;
    box-shadow:0 22px 60px rgba(0,0,0,.18);
}
.hero-media img{
    display:none !important;
}
@media(max-width:768px){
    .hero-video{
        min-height:360px;
    }
}

/* FORCE HERO VIDEO VISIBLE */
.hero-media{
    position:relative !important;
    display:block !important;
    overflow:hidden !important;
    border-radius:32px !important;
    min-height:390px !important;
    background:#dff2c8 !important;
}
.hero-media .hero-video{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:390px !important;
    object-fit:cover !important;
    border-radius:32px !important;
    box-shadow:0 22px 60px rgba(0,0,0,.18) !important;
}
.hero-media > img{
    display:none !important;
}
@media(max-width:768px){
    .hero-media{min-height:300px !important;}
    .hero-media .hero-video{min-height:300px !important;}
}

.hero-media{
    position:relative !important;
    min-height:460px !important;
}
.hero-video{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:32px !important;
    display:block !important;
    z-index:20 !important;
    background:#000 !important;
}
.hero-media img{
    display:none !important;
}

/* 100% FIX - HERO VIDEO MUST SHOW */
.hero{
  min-height:auto !important;
}
.hero .hero-media{
  display:block !important;
  position:relative !important;
  width:100% !important;
  min-height:420px !important;
  height:420px !important;
  overflow:hidden !important;
  border-radius:32px !important;
  background:#111 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}
.hero .hero-media video.hero-video,
.hero video.hero-video{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:420px !important;
  object-fit:cover !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:999 !important;
  border-radius:32px !important;
  background:#111 !important;
}
.hero .hero-media img{
  display:none !important;
}
@media(max-width:768px){
  .hero .hero-media{
    height:320px !important;
    min-height:320px !important;
  }
  .hero .hero-media video.hero-video,
  .hero video.hero-video{
    min-height:320px !important;
  }
}


/* GALERIJA FOTO + VIDEO */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.video-card video{width:100%;height:290px;object-fit:cover;background:#0b1407;display:block}.video-card div{padding:18px 20px}.video-card h3{font-size:20px;letter-spacing:-.02em}.gallery-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-masonry img{width:100%;height:280px;object-fit:cover;border-radius:26px;box-shadow:0 16px 42px rgba(40,80,20,.12);border:1px solid var(--line)}.gallery-masonry img.tall{height:420px}.hero-media{position:relative;min-height:430px;border-radius:38px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#10200a}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-video{z-index:1}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.10));z-index:2;pointer-events:none}.page-photo img{object-fit:cover}.footer-grid{align-items:start}.footer .footer-note{font-size:14px;color:rgba(255,255,255,.58);line-height:1.7}.work-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.work-list div{padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(40,80,20,.07)}
@media(max-width:960px){.video-grid,.gallery-masonry{grid-template-columns:1fr 1fr}.hero-media{min-height:360px}}@media(max-width:620px){.video-grid,.gallery-masonry,.work-list{grid-template-columns:1fr}.gallery-masonry img,.gallery-masonry img.tall{height:310px}.video-card video{height:260px}.hero-media{min-height:320px}}
