:root{
  --bg:#030303; --bg2:#080705; --panel:#0c0a07; --text:#f7efe3; --muted:#b8aa98; --soft:#837563;
  --gold:#d6a957; --gold2:#ffdf9b; --line:rgba(214,169,87,.22); --whiteLine:rgba(255,255,255,.08);
  --serif:'Playfair Display',serif; --cinzel:'Cinzel',serif; --sans:'Inter',sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg)} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}
a{text-decoration:none;color:inherit} img{display:block;max-width:100%} ::selection{background:var(--gold);color:#111}
.grain{position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.loader{position:fixed;inset:0;z-index:10000;background:radial-gradient(circle at 50% 35%,#14100a,#030303 58%);display:grid;place-items:center;transition:opacity 1s ease,visibility 1s ease}.loader.hide{opacity:0;visibility:hidden}.loader-ring{position:absolute;width:330px;height:330px;border:1px solid rgba(214,169,87,.18);border-radius:50%;animation:spin 8s linear infinite}.loader-ring:before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.06);border-radius:50%}.loader-panel{text-align:center;text-transform:uppercase;letter-spacing:.42em}.loader-logo{font-family:var(--cinzel);font-size:40px;font-weight:800;text-shadow:0 0 40px rgba(214,169,87,.35)}.loader-line{width:220px;height:1px;background:rgba(255,255,255,.08);margin:26px auto;overflow:hidden}.loader-line span{display:block;width:70px;height:100%;background:linear-gradient(90deg,transparent,var(--gold2),transparent);animation:loadline 1.4s ease-in-out infinite}.loader p{font-size:10px;color:var(--gold);letter-spacing:.28em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadline{to{transform:translateX(230px)}}
.cursor{position:fixed;width:26px;height:26px;border:1px solid var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;mix-blend-mode:difference}.cursor.grow{width:62px;height:62px;background:rgba(214,169,87,.12)}
.site-header{position:fixed;top:0;left:0;right:0;height:82px;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(3,3,3,.38);backdrop-filter:blur(18px);border-bottom:1px solid var(--whiteLine);transition:.35s}.site-header.scrolled{height:64px;background:rgba(3,3,3,.84)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--cinzel);font-weight:800;letter-spacing:.28em;font-size:22px}.brand img{width:42px;height:42px;object-fit:contain}.desktop-nav{display:flex;gap:34px;text-transform:uppercase;font-size:11px;letter-spacing:.22em;color:rgba(247,239,227,.72)}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:1px;background:var(--gold);transition:.35s}.desktop-nav a:hover:after{width:100%}.header-cta{border:1px solid var(--line);padding:14px 20px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--gold);transition:.3s}.header-cta:hover{background:var(--gold);color:#111}.menu-toggle{display:none;background:none;border:0;width:38px}.menu-toggle span{display:block;height:1px;background:var(--text);margin:9px 0}.mobile-menu{position:fixed;inset:0;background:rgba(3,3,3,.96);z-index:900;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;opacity:0;visibility:hidden;transition:.35s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu a{font-family:var(--serif);font-size:44px}
section{position:relative;padding:124px 6vw}.section-dark{background:#030303}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.34em;font-size:11px;font-weight:800;color:rgba(247,239,227,.72)}.gold,.section-kicker{color:var(--gold)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:44px;margin-bottom:54px}.section-head h2{font-family:var(--serif);font-size:clamp(54px,8vw,128px);line-height:.84;margin:0;letter-spacing:-.055em}.section-head p{max-width:450px;color:var(--muted);line-height:1.85}
.hero{height:100vh;min-height:780px;display:flex;align-items:center;overflow:hidden;padding:0 6vw}.hero-bg,.contact-bg{position:absolute;inset:0;background-image:var(--bg-image);background-size:cover;background-position:center;transform:scale(1.08)}.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,rgba(214,169,87,.16),transparent 30%)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.27) 50%,rgba(0,0,0,.72)),linear-gradient(0deg,#030303,transparent 42%,rgba(0,0,0,.42))}.hero-lux-line{position:absolute;left:6vw;top:21%;width:1px;height:48%;background:linear-gradient(transparent,var(--gold),transparent);opacity:.75}.hero-content{z-index:2;max-width:980px;margin-top:54px}.hero h1{font-family:var(--serif);font-size:clamp(76px,11vw,184px);line-height:.75;margin:22px 0 30px;letter-spacing:-.075em}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,223,155,.75);text-shadow:none}.hero-text{font-size:clamp(17px,1.55vw,23px);line-height:1.72;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:14px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:174px;height:56px;padding:0 28px;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800;border:1px solid var(--line);transition:.35s}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111}.btn-primary:hover{filter:brightness(1.12)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.hero-card{position:absolute;right:6vw;bottom:124px;z-index:2;width:310px;padding:24px;border:1px solid var(--line);background:rgba(5,5,5,.46);backdrop-filter:blur(20px)}.hero-card span{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:10px}.hero-card strong{display:block;font-family:var(--serif);font-size:30px;margin:12px 0 8px}.hero-card p{color:var(--muted);line-height:1.7;margin:0}.hero-meta{position:absolute;z-index:2;left:6vw;right:6vw;bottom:32px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:var(--gold)}.scroll-indicator{position:absolute;right:6vw;bottom:28px;z-index:3;width:42px;height:70px;border:1px solid var(--line);border-radius:40px;display:grid;place-items:start center;padding-top:13px}.scroll-indicator span{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:dot 1.5s infinite}@keyframes dot{to{transform:translateY(32px);opacity:0}}
.studio{background:linear-gradient(180deg,#090806,#050505);border-top:1px solid var(--whiteLine)}.studio-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px}.studio h2{font-family:var(--serif);font-size:clamp(48px,6vw,98px);line-height:.9;margin:28px 0 0;letter-spacing:-.055em}.lead{font-size:22px;color:var(--gold);line-height:1.6;max-width:680px}.studio-copy{color:var(--muted);font-size:17px;line-height:1.95}.signature-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:82px;border:1px solid var(--whiteLine);background:rgba(255,255,255,.02)}.signature-stats div{padding:38px;border-right:1px solid var(--whiteLine)}.signature-stats div:last-child{border-right:0}.signature-stats strong{display:block;font-family:var(--serif);font-size:70px;color:var(--gold);line-height:1}.signature-stats span{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--muted)}
.cinema-strip{padding:22px 0;overflow:hidden;border-top:1px solid var(--whiteLine);border-bottom:1px solid var(--whiteLine)}.strip-track{display:flex;gap:70px;white-space:nowrap;animation:marquee 25s linear infinite}.strip-track span{font-family:var(--cinzel);font-size:13px;letter-spacing:.45em;color:rgba(214,169,87,.65);text-transform:uppercase}@keyframes marquee{to{transform:translateX(-50%)}}
.service-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-auto-rows:360px;gap:18px}.service-card{position:relative;overflow:hidden;background:#111;border:1px solid var(--whiteLine)}.service-card.large{grid-row:span 2}.service-card:before{content:"";position:absolute;inset:0;background-image:var(--bg-image);background-size:cover;background-position:center;transition:transform 1s ease,filter 1s ease;filter:saturate(.82) contrast(1.05)}.service-card:hover:before{transform:scale(1.065);filter:saturate(1.08) contrast(1.16)}.card-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.50),rgba(0,0,0,.14),rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.62),transparent)}.number{position:absolute;top:34px;left:34px;color:var(--gold);letter-spacing:.24em;font-size:12px}.card-content{position:absolute;left:34px;right:34px;bottom:32px;max-width:460px}.card-content h3{font-family:var(--serif);font-size:clamp(38px,4vw,68px);line-height:.88;margin:0 0 18px}.card-content h3:after{content:"";display:block;width:54px;height:1px;background:var(--gold);margin-top:20px}.card-content p{color:rgba(247,239,227,.84);line-height:1.8}
.feature{display:grid;grid-template-columns:1.1fr .9fr;padding:0}.feature-img{min-height:760px;background-image:var(--bg-image);background-size:cover;background-position:center}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:10vw 7vw;background:radial-gradient(circle at 20% 20%,rgba(214,169,87,.08),transparent 35%),#070604}.feature-copy h2{font-family:var(--serif);font-size:clamp(46px,5.3vw,92px);line-height:.9;margin:24px 0;letter-spacing:-.055em}.feature-copy p{color:var(--muted);line-height:1.9}.text-link{margin-top:30px;color:var(--gold);text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800}
.collection{background:#080705;overflow:hidden}.gallery-row{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:18px}.gallery-card{position:relative;overflow:hidden;margin:0;min-height:430px;border:1px solid var(--whiteLine);background:#111}.gallery-card div{height:100%;min-height:430px;background-image:var(--bg-image);background-size:cover;background-position:center;transition:transform .9s}.gallery-card:hover div{transform:scale(1.065)}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 45%)}.gallery-card figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--gold);padding-top:13px;border-top:1px solid var(--line)}
.portfolio{background:#050505}.masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:255px;gap:18px}.masonry-item{position:relative;overflow:hidden;margin:0;border:1px solid var(--whiteLine);background:#111}.masonry-item div{height:100%;background-image:var(--bg-image);background-size:cover;background-position:center;transition:transform .9s}.masonry-item:hover div{transform:scale(1.07)}.masonry-item.wide{grid-column:span 2}.masonry-item.tall{grid-row:span 2}.masonry-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}.masonry-item figcaption{position:absolute;z-index:2;left:18px;bottom:18px;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:11px}
.process-list{border-top:1px solid var(--whiteLine)}.process-item{display:grid;grid-template-columns:110px 1fr 1fr;gap:40px;padding:42px 0;border-bottom:1px solid var(--whiteLine)}.process-item span{color:var(--gold);letter-spacing:.24em}.process-item h3{font-family:var(--serif);font-size:48px;line-height:1;margin:0}.process-item p{color:var(--muted);line-height:1.85;margin:0}
.contact{min-height:86vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.contact-overlay{position:absolute;inset:0;background:radial-gradient(circle,rgba(0,0,0,.35),rgba(0,0,0,.94)),linear-gradient(0deg,#030303,transparent 36%,#030303)}.contact-content{position:relative;z-index:2;max-width:980px}.contact h2{font-family:var(--serif);font-size:clamp(56px,8vw,126px);line-height:.84;margin:22px 0;letter-spacing:-.055em}.contact p{color:var(--muted);font-size:18px}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px}.contact-links a{border:1px solid var(--line);padding:15px 18px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;transition:.3s}.contact-links a:hover{background:var(--gold);color:#111}
.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px 4vw;border-top:1px solid var(--whiteLine);background:#030303;color:var(--soft);text-transform:uppercase;letter-spacing:.18em;font-size:10px}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1120px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.studio-grid,.feature{grid-template-columns:1fr}.gallery-row{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.service-card.large{grid-row:auto}.masonry{grid-template-columns:repeat(2,1fr)}.hero-card{display:none}}
@media(max-width:700px){section{padding:88px 22px}.site-header{height:66px;padding:0 22px}.brand span{font-size:16px}.brand img{width:34px;height:34px}.hero{min-height:760px;padding:0 22px}.hero-lux-line{display:none}.hero h1{font-size:78px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-meta{display:none}.section-head{display:block}.section-head h2{font-size:58px;margin-top:8px}.signature-stats{grid-template-columns:1fr}.signature-stats div{border-right:0;border-bottom:1px solid var(--whiteLine)}.gallery-row{grid-template-columns:1fr}.masonry{grid-template-columns:1fr;grid-auto-rows:330px}.masonry-item.wide,.masonry-item.tall{grid-column:auto;grid-row:auto}.process-item{grid-template-columns:1fr;gap:16px}.site-footer{flex-direction:column}.cursor{display:none}}
body.is-loading{
    overflow:hidden;
}

.luxury-loader{
    position:fixed;
    inset:0;
    z-index:99999;
    background:
        radial-gradient(circle at 50% 42%, rgba(214,169,87,.16), transparent 24%),
        radial-gradient(circle at 50% 50%, rgba(255,223,155,.08), transparent 36%),
        #020202;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    transition:opacity 1.25s ease, visibility 1.25s ease, transform 1.25s ease;
}

.luxury-loader.hide{
    opacity:0;
    visibility:hidden;
    transform:scale(1.025);
}

.loader-noise{
    position:absolute;
    inset:0;
    opacity:.11;
    pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.45'/%3E%3C/svg%3E");
}

.loader-aura{
    position:absolute;
    width:520px;
    height:520px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(214,169,87,.24), transparent 62%);
    filter:blur(34px);
    animation:loaderAura 3s ease-in-out infinite;
}

.loader-frame{
    position:absolute;
    width:360px;
    height:360px;
    opacity:.75;
}

.loader-frame span{
    position:absolute;
    width:72px;
    height:72px;
    border-color:rgba(214,169,87,.38);
}

.loader-frame span:nth-child(1){
    top:0;
    left:0;
    border-top:1px solid;
    border-left:1px solid;
}

.loader-frame span:nth-child(2){
    top:0;
    right:0;
    border-top:1px solid;
    border-right:1px solid;
}

.loader-frame span:nth-child(3){
    bottom:0;
    left:0;
    border-bottom:1px solid;
    border-left:1px solid;
}

.loader-frame span:nth-child(4){
    bottom:0;
    right:0;
    border-bottom:1px solid;
    border-right:1px solid;
}

.loader-logo-box{
    position:relative;
    width:170px;
    height:170px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    animation:loaderLogoIn 1.25s ease forwards;
}

.loader-logo-img{
    width:135px;
    height:auto;
    position:relative;
    z-index:2;
    filter:
        drop-shadow(0 0 18px rgba(214,169,87,.45))
        drop-shadow(0 0 55px rgba(214,169,87,.22));
}

.loader-shine{
    position:absolute;
    top:-30%;
    left:-120%;
    width:68%;
    height:160%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.08),
        rgba(255,223,155,.95),
        rgba(255,255,255,.18),
        transparent
    );
    transform:skewX(-22deg);
    z-index:4;
    animation:loaderShine 2.15s ease .75s forwards;
}

.loader-brand{
    margin-top:28px;
    font-family:var(--cinzel);
    color:#f7efe3;
    font-size:25px;
    font-weight:700;
    letter-spacing:.55em;
    text-indent:.55em;
    opacity:0;
    animation:loaderTextIn 1s ease 1.15s forwards;
}

.loader-tagline{
    margin-top:18px;
    color:var(--gold);
    font-size:10px;
    font-weight:800;
    letter-spacing:.42em;
    text-indent:.42em;
    opacity:0;
    animation:loaderTextIn 1s ease 1.45s forwards;
}

.luxury-loader .luxury-loader-line{
    width:250px;
    height:1px;
    margin-top:30px;
    background:rgba(255,255,255,.08);
    overflow:hidden;
    opacity:0;
    animation:loaderLineIn .8s ease 1.65s forwards;
}

.luxury-loader .luxury-loader-line span{
    display:block;
    width:90px;
    height:100%;
    background:linear-gradient(90deg, transparent, var(--gold2), transparent);
    animation:loaderLineMove 1.45s ease-in-out 1.75s infinite;
}

@keyframes loaderAura{
    0%,100%{
        opacity:.45;
        transform:scale(.92);
    }
    50%{
        opacity:1;
        transform:scale(1.08);
    }
}

@keyframes loaderLogoIn{
    from{
        opacity:0;
        transform:scale(.86) translateY(18px);
        filter:blur(10px);
    }
    to{
        opacity:1;
        transform:scale(1) translateY(0);
        filter:blur(0);
    }
}

@keyframes loaderShine{
    from{
        left:-120%;
    }
    to{
        left:150%;
    }
}

@keyframes loaderTextIn{
    from{
        opacity:0;
        transform:translateY(12px);
        filter:blur(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
        filter:blur(0);
    }
}

@keyframes loaderLineIn{
    to{
        opacity:1;
    }
}

@keyframes loaderLineMove{
    from{
        transform:translateX(-100px);
    }
    to{
        transform:translateX(270px);
    }
}

@media(max-width:700px){
    .loader-frame{
        width:280px;
        height:280px;
    }

    .loader-logo-box{
        width:140px;
        height:140px;
    }

    .loader-logo-img{
        width:110px;
    }

    .loader-brand{
        font-size:20px;
        letter-spacing:.42em;
        text-indent:.42em;
    }

    .loader-tagline{
        font-size:9px;
        letter-spacing:.25em;
        text-indent:.25em;
    }
}
.loader-logo-img{
    width:170px !important;
    max-height:170px;
    object-fit:contain;
    animation:logoPower 2.6s ease forwards;
}

.loader-brand{
    font-size:34px !important;
    color:#f6e6c8 !important;
    text-shadow:0 0 25px rgba(214,169,87,.65);
}

.loader-aura{
    width:720px !important;
    height:720px !important;
    background:radial-gradient(circle, rgba(214,169,87,.38), transparent 58%) !important;
}

.loader-frame{
    width:460px !important;
    height:460px !important;
}

@keyframes logoPower{
    0%{opacity:0; transform:scale(.55); filter:blur(18px);}
    45%{opacity:1; transform:scale(1.12); filter:blur(0) drop-shadow(0 0 60px rgba(214,169,87,.75));}
    100%{opacity:1; transform:scale(1); filter:drop-shadow(0 0 35px rgba(214,169,87,.55));}
}
.loader-logo-box{
    overflow:hidden !important;
}

.loader-logo-img{
    width:150px !important;
    height:150px !important;
    object-fit:contain !important;
}
.luxury-loader.hide{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

.luxury-loader.hide *{
    opacity:0 !important;
    visibility:hidden !important;
}

/* Odabir vrste projekta nakon loadera */
body.entry-choice-open{
    overflow:hidden;
}

.entry-choice{
    position:fixed;
    inset:0;
    z-index:99990;
    overflow:hidden;
    padding:0;
    background:#020202;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:scale(1.015);
    transition:
        opacity .75s ease,
        visibility .75s ease,
        transform 1.1s cubic-bezier(.22,.61,.36,1);
}

.entry-choice.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:scale(1);
}

.entry-choice.is-leaving{
    opacity:0;
    pointer-events:none;
    transform:scale(1.015);
}

.entry-choice__brand{
    position:absolute;
    z-index:4;
    top:30px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:14px;
    min-width:max-content;
    padding:11px 18px 11px 12px;
    border:1px solid rgba(214,169,87,.28);
    background:rgba(2,2,2,.72);
    box-shadow:0 18px 50px rgba(0,0,0,.32);
    backdrop-filter:blur(18px);
}

.entry-choice__brand img{
    width:43px;
    height:43px;
    object-fit:cover;
}

.entry-choice__brand div{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.entry-choice__brand strong{
    font-family:var(--cinzel);
    font-size:16px;
    line-height:1;
    letter-spacing:.32em;
    text-indent:.32em;
}

.entry-choice__brand span{
    color:var(--gold);
    font-size:8px;
    font-weight:700;
    line-height:1;
    letter-spacing:.25em;
    text-transform:uppercase;
}

.entry-choice__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    height:100%;
    gap:1px;
    background:rgba(214,169,87,.55);
}

.entry-choice__card{
    position:relative;
    display:block;
    min-width:0;
    min-height:0;
    overflow:hidden;
    padding:0;
    border:0;
    border-radius:0;
    background:#080706;
    color:var(--text);
    font:inherit;
    text-align:left;
    cursor:pointer;
    isolation:isolate;
}

.entry-choice__image{
    position:absolute;
    inset:0;
    z-index:-3;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    filter:saturate(.82) brightness(.7) contrast(1.05);
    transform:scale(1.025);
    will-change:transform;
    transition:
        transform 1.25s cubic-bezier(.22,.61,.36,1),
        filter .8s ease;
}

.entry-choice__card--luxury .entry-choice__image{
    object-position:center;
}

.entry-choice__card--standard .entry-choice__image{
    object-position:center 62%;
}

.entry-choice__shade{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.08) 38%,rgba(0,0,0,.86)),
        linear-gradient(90deg,rgba(0,0,0,.34),transparent 60%);
    transition:background .8s ease;
}

.entry-choice__card::after{
    content:"";
    position:absolute;
    inset:18px;
    z-index:1;
    border:1px solid rgba(214,169,87,.22);
    pointer-events:none;
    transition:border-color .55s ease,inset .55s ease;
}

.entry-choice__content{
    position:absolute;
    z-index:2;
    left:7vw;
    right:6vw;
    bottom:8vh;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    max-width:630px;
    opacity:0;
    transform:translateY(28px);
    transition:opacity .8s ease .18s,transform .9s ease .18s;
}

.entry-choice.is-visible .entry-choice__content{
    opacity:1;
    transform:translateY(0);
}

.entry-choice__eyebrow{
    margin-bottom:18px;
    color:var(--gold2);
    font-size:10px;
    font-weight:800;
    line-height:1.4;
    letter-spacing:.32em;
    text-transform:uppercase;
}

.entry-choice__title{
    font-family:var(--serif);
    font-size:clamp(48px,5.4vw,88px);
    font-weight:500;
    line-height:.88;
    letter-spacing:-.045em;
    text-wrap:balance;
}

.entry-choice__description{
    max-width:530px;
    margin-top:22px;
    color:rgba(247,239,227,.78);
    font-size:clamp(14px,1.1vw,17px);
    line-height:1.7;
}

.entry-choice__action{
    display:inline-flex;
    align-items:center;
    gap:18px;
    min-height:50px;
    margin-top:28px;
    padding:0 19px;
    border:1px solid rgba(214,169,87,.5);
    color:var(--gold2);
    font-size:9px;
    font-weight:800;
    line-height:1.3;
    letter-spacing:.2em;
    text-transform:uppercase;
    transition:background .35s ease,color .35s ease,border-color .35s ease;
}

.entry-choice__action b{
    font-size:17px;
    font-weight:400;
    transition:transform .35s ease;
}

.entry-choice__note{
    position:absolute;
    z-index:4;
    left:50%;
    bottom:23px;
    width:max-content;
    max-width:90vw;
    margin:0;
    color:rgba(247,239,227,.46);
    font-size:8px;
    font-weight:600;
    letter-spacing:.24em;
    text-transform:uppercase;
    transform:translateX(-50%);
}

.entry-choice__card--luxury:hover .entry-choice__image,
.entry-choice__card--standard:hover .entry-choice__image,
.entry-choice__card:focus-visible .entry-choice__image{
    filter:saturate(.98) brightness(.82) contrast(1.07);
    transform:scale(1.065);
}

.entry-choice__card:hover::after,
.entry-choice__card:focus-visible::after{
    inset:12px;
    border-color:rgba(255,223,155,.68);
}

.entry-choice__card:hover .entry-choice__action,
.entry-choice__card:focus-visible .entry-choice__action{
    border-color:var(--gold);
    background:var(--gold);
    color:#111;
}

.entry-choice__card:hover .entry-choice__action b,
.entry-choice__card:focus-visible .entry-choice__action b{
    transform:translateX(4px);
}

.entry-choice__card:focus-visible{
    outline:2px solid var(--gold2);
    outline-offset:-4px;
}

@media(max-width:900px){
    .entry-choice__grid{
        grid-template-columns:1fr;
        grid-template-rows:repeat(2,minmax(0,1fr));
    }

    .entry-choice__brand{
        top:14px;
        padding:8px 13px 8px 8px;
    }

    .entry-choice__brand img{
        width:34px;
        height:34px;
    }

    .entry-choice__brand strong{
        font-size:13px;
    }

    .entry-choice__brand span{
        font-size:7px;
    }

    .entry-choice__card::after{
        inset:9px;
    }

    .entry-choice__content{
        left:28px;
        right:25px;
        bottom:23px;
        max-width:680px;
    }

    .entry-choice__eyebrow{
        margin-bottom:8px;
        font-size:8px;
    }

    .entry-choice__title{
        font-size:clamp(30px,8vw,48px);
        line-height:.92;
    }

    .entry-choice__description{
        max-width:620px;
        margin-top:10px;
        font-size:12px;
        line-height:1.45;
    }

    .entry-choice__action{
        min-height:36px;
        margin-top:13px;
        padding:0 13px;
        font-size:7px;
    }

    .entry-choice__note{
        display:none;
    }

    .entry-choice__card--standard .entry-choice__image{
        object-position:center 58%;
    }
}

@media(max-width:430px){
    .entry-choice__description{
        max-width:330px;
    }

    .entry-choice__card--standard .entry-choice__title{
        font-size:29px;
    }
}

@media(prefers-reduced-motion:reduce){
    .entry-choice,
    .entry-choice__image,
    .entry-choice__content,
    .entry-choice__card::after,
    .entry-choice__action,
    .entry-choice__action b{
        transition-duration:.01ms !important;
    }
}

.site-header .brand img{
    width:42px !important;
    height:42px !important;
    object-fit:contain !important;
}

.site-header .brand{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}
.hero-content,
.hero-card,
.hero-meta,
.scroll-indicator{
    opacity:0;
    transform:translateY(35px);
    filter:blur(8px);
    transition:opacity 1.4s ease, transform 1.4s ease, filter 1.4s ease;
}

body.loader-finished .hero-content{
    opacity:1;
    transform:translateY(0);
    filter:blur(0);
    transition-delay:.15s;
}

body.loader-finished .hero-card{
    opacity:1;
    transform:translateY(0);
    filter:blur(0);
    transition-delay:.35s;
}

body.loader-finished .hero-meta,
body.loader-finished .scroll-indicator{
    opacity:1;
    transform:translateY(0);
    filter:blur(0);
    transition-delay:.55s;
}

.hero-bg{
    transform:scale(1.12);
    transition:transform 2.2s ease;
}

body.loader-finished .hero-bg{
    transform:scale(1.06);
}
.service-card,
.gallery-card,
.masonry-item{
    transition:transform .7s ease, border-color .7s ease, box-shadow .7s ease;
}

.service-card:hover,
.gallery-card:hover,
.masonry-item:hover{
    transform:translateY(-8px);
    border-color:rgba(214,169,87,.45);
    box-shadow:0 28px 70px rgba(0,0,0,.55);
}

.gallery-card figcaption,
.masonry-item figcaption{
    transition:letter-spacing .45s ease, color .45s ease;
}

.gallery-card:hover figcaption,
.masonry-item:hover figcaption{
    letter-spacing:.28em;
    color:#ffdf9b;
}

.card-content h3,
.gallery-card figcaption,
.masonry-item figcaption{
    text-shadow:0 0 20px rgba(0,0,0,.45);
}

.service-card,
.gallery-card,
.masonry-item{
    transition:transform .7s ease, border-color .7s ease, box-shadow .7s ease;
}

.service-card:hover,
.gallery-card:hover,
.masonry-item:hover{
    transform:translateY(-8px);
    border-color:rgba(214,169,87,.45);
    box-shadow:0 28px 70px rgba(0,0,0,.55);
}

.gallery-card figcaption,
.masonry-item figcaption{
    transition:letter-spacing .45s ease, color .45s ease;
}

.gallery-card:hover figcaption,
.masonry-item:hover figcaption{
    letter-spacing:.28em;
    color:#ffdf9b;
}
.product-modal{
    position:fixed;
    inset:0;
    z-index:99998;
    background:#030303;
    display:grid;
    grid-template-columns:68% 35%;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .75s ease, visibility .75s ease;
}

.product-modal.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.product-image{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    min-height:100vh;
    position:relative;
}

.product-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, transparent, rgba(3,3,3,.88));
}

.product-info{
    padding:9vw 6vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
        radial-gradient(circle at 20% 20%, rgba(214,169,87,.12), transparent 32%),
        #050505;
}

.product-kicker{
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:.36em;
    font-size:11px;
    font-weight:800;
}

.product-info h2{
    font-family:var(--serif);
    font-size:clamp(46px, 5vw, 82px);
    line-height:.9;
    margin:24px 0 28px;
    color:#f7efe3;
    max-width:100%;
    white-space:nowrap;
}
.product-info p{
    color:var(--muted);
    font-size:18px;
    line-height:1.85;
    max-width:620px;
}

.product-specs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    margin:38px 0;
}

.product-specs div{
    padding:22px 18px;
    border-right:1px solid rgba(255,255,255,.08);
}

.product-specs div:last-child{
    border-right:0;
}

.product-specs span{
    display:block;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:.22em;
    font-size:10px;
    margin-bottom:10px;
}

.product-specs strong{
    color:#f7efe3;
    font-weight:500;
}

.product-materials{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:36px;
}

.product-materials span{
    border:1px solid rgba(214,169,87,.25);
    color:var(--gold);
    padding:11px 13px;
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:10px;
}

.product-btn{
    width:max-content;
    border:1px solid rgba(214,169,87,.45);
    padding:17px 26px;
    color:#111;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:11px;
    font-weight:800;
}

.product-close{
    position:absolute;
    top:28px;
    right:34px;
    z-index:3;
    width:48px;
    height:48px;
    border:1px solid rgba(214,169,87,.4);
    background:rgba(0,0,0,.35);
    color:var(--gold);
    font-size:32px;
    cursor:pointer;
}

@media(max-width:900px){
    .product-modal{
        grid-template-columns:1fr;
        overflow:auto;
    }

    .product-image{
        min-height:55vh;
    }

    .product-info{
        padding:70px 24px;
    }

    .product-specs{
        grid-template-columns:1fr;
    }
}

/* =========================================
   PREMIUM COLLECTION BUTTONS
========================================= */

.collection-cta{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:56px;
}

.collection-explore{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:72px;

    min-width:330px;
    padding:20px 25px 20px 28px;

    border:1px solid rgba(214,169,87,.36);
    background:rgba(3,3,3,.28);
    color:var(--gold);

    font-family:var(--sans);
    font-size:11px;
    font-weight:800;
    letter-spacing:.28em;
    text-transform:uppercase;
    text-decoration:none;

    overflow:hidden;
    isolation:isolate;

    transition:
        color .45s ease,
        border-color .45s ease,
        box-shadow .45s ease,
        transform .45s ease;
}

.collection-explore::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;

    background:linear-gradient(
        135deg,
        var(--gold),
        var(--gold2)
    );

    transform:scaleX(0);
    transform-origin:right;
    transition:transform .55s cubic-bezier(.22,.61,.36,1);
}

.collection-explore::after{
    content:"";
    position:absolute;
    left:28px;
    right:78px;
    bottom:14px;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(214,169,87,.6),
        transparent
    );

    transform:scaleX(.28);
    opacity:.55;
    transition:
        transform .5s ease,
        opacity .5s ease;
}

.collection-explore:hover{
    color:#080705;
    border-color:var(--gold);
    box-shadow:0 18px 60px rgba(0,0,0,.38);
    transform:translateY(-3px);
}

.collection-explore:hover::before{
    transform:scaleX(1);
    transform-origin:left;
}

.collection-explore:hover::after{
    transform:scaleX(1);
    opacity:0;
}

.collection-explore-arrow{
    font-family:Georgia,serif;
    font-size:24px;
    font-weight:400;
    line-height:1;

    transform:translateX(0);
    transition:transform .45s ease;
}

.collection-explore:hover .collection-explore-arrow{
    transform:translateX(6px);
}

@media(max-width:700px){
    .collection-cta{
        margin-top:38px;
    }

    .collection-explore{
        width:100%;
        min-width:0;
        gap:30px;
        padding:18px 20px;
        font-size:10px;
        letter-spacing:.2em;
    }
}

/* =========================================
   HERO POZICIJE — GUMBI I DESNI SCROLL
   ========================================= */

/* Pomakni POGLEDAJ RADOVE + KONTAKT malo udesno */
.hero-actions,
.hero-buttons,
.hero-cta-group {
    transform: translateX(28px);
}

/* Pomakni kružni scroll skroz desno */
.hero-scroll,
.scroll-indicator,
.hero-scroll-indicator {
    right: 26px !important;
    left: auto !important;
    transform: none !important;
}

/* Pomakni RIJEKA I OKOLICA malo ulijevo */
.hero-location,
.location-label,
.hero-area {
    margin-right: 76px;
}

/* =========================================
   PREMIUM RADOVI — PROFESIONALNI 2x2 GRID
========================================= */

.services .service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 420px;
    gap: 18px;
}

.services .service-card,
.services .service-card.large {
    grid-row: auto;
    min-height: 420px;
}

.services .service-card {
    transition:
        transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
        border-color 0.4s ease,
        box-shadow 0.4s ease;
}

.services .service-card:hover {
    transform: translateY(-4px);
    border-color: rgba(214, 169, 87, 0.7);
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.38);
}

@media (max-width: 900px) {
    .services .service-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 380px;
    }

    .services .service-card,
    .services .service-card.large {
        min-height: 380px;
    }
}

.services .service-grid {
    align-items: stretch !important;
}

.services .service-card,
.services .service-card.large {
    height: 420px !important;
    min-height: 420px !important;
    grid-row: auto !important;
}

.services .service-card .card-content {
    max-width: 560px;
}

@media (max-width: 900px) {
    .services .service-card,
    .services .service-card.large {
        height: 380px !important;
        min-height: 380px !important;
    }
}

/* =====================================================
   INTERRA — FOUR PREMIUM PROJECT COLLECTIONS
===================================================== */

.project-category {
  padding: 130px 6vw;
  background: var(--bg);
  overflow: hidden;
}

.project-category.section-dark {
  background: var(--bg2);
}

.project-category .section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 520px);
  gap: 80px;
  align-items: end;
  margin-bottom: 54px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--whiteLine);
}

.project-category .section-head h2 {
  margin: 8px 0 0;
  font-family: var(--serif);
  font-size: clamp(52px, 7vw, 110px);
  line-height: 0.9;
  font-weight: 500;
  letter-spacing: -0.045em;
}

.project-category .section-head > p {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.85;
  max-width: 520px;
}

.category-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.category-gallery .gallery-card {
  position: relative;
  min-width: 0;
  height: 430px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(214, 169, 87, 0.14);
  background: #090806;
  cursor: default;
  transition:
    transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1),
    border-color 0.4s ease,
    box-shadow 0.4s ease;
}

.category-gallery .gallery-card > div {
  position: absolute;
  inset: 0;
  height: 100%;
  min-height: 0;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition:
    transform 1s cubic-bezier(0.22, 0.61, 0.36, 1),
    filter 0.7s ease;
  filter: saturate(0.88) contrast(1.05);
}

.category-gallery .gallery-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.02) 35%,
      rgba(0, 0, 0, 0.78) 100%
    );
  z-index: 1;
}

.category-gallery .gallery-card figcaption {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 22px;
  z-index: 2;
  color: var(--gold);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.category-gallery .gallery-card:hover {
  transform: translateY(-5px);
  border-color: rgba(214, 169, 87, 0.78);
  box-shadow:
    0 0 0 1px rgba(214, 169, 87, 0.15),
    0 26px 60px rgba(0, 0, 0, 0.42);
}

.category-gallery .gallery-card:hover > div {
  transform: scale(1.055);
  filter: saturate(1) contrast(1.08);
}

/* Prva slika svake galerije malo šira */
.category-gallery .gallery-card:first-child {
  grid-column: span 2;
}

/* Luxury stolovi — ravnomjerniji raspored */
#stolovi .category-gallery .gallery-card:first-child {
  grid-column: auto;
}

/* Tablet */
@media (max-width: 1100px) {
  .category-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .project-category .section-head {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  #stolovi .category-gallery .gallery-card:first-child {
    grid-column: span 2;
  }
}

/* Mobitel */
@media (max-width: 700px) {
  .project-category {
    padding: 90px 22px;
  }

  .category-gallery {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .category-gallery .gallery-card,
  .category-gallery .gallery-card:first-child,
  #stolovi .category-gallery .gallery-card:first-child {
    grid-column: auto;
    height: 330px;
  }

  .project-category .section-head {
    margin-bottom: 34px;
  }

  .project-category .section-head h2 {
    font-size: 52px;
  }
}

.table-service-card {
    display: block;
    color: inherit;
    text-decoration: none;
}

.table-service-card:hover {
    color: inherit;
}

/* =========================================================
   INTERRA — STANDARDNI PROJEKTI
   ========================================================= */

.standard-projects {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(480px, 1fr);
  min-height: 760px;
  padding: 0;
  overflow: hidden;
  border-top: 1px solid var(--whiteLine);
  border-bottom: 1px solid var(--whiteLine);
  background: var(--bg);
}

.standard-projects-image {
  position: relative;
  min-height: 760px;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  transform: scale(0.85);
  transition:
    transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1),
    filter 0.8s ease;
  filter: saturate(0.9) contrast(1.04) brightness(0.84);
}

.standard-projects-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.05) 35%,
      rgba(0, 0, 0, 0.36) 100%
    ),
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.42) 0%,
      transparent 45%
    );
}

.standard-projects:hover .standard-projects-image {
  transform: scale(1);
  filter: saturate(1) contrast(1.06) brightness(0.92);
}

.standard-projects-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 90px clamp(70px, 90px, 35px);
  background:
    radial-gradient(
      circle at 10% 50%,
      rgba(214, 169, 87, 0.05),
      transparent 38%
    ),
    var(--bg);
}

.standard-projects-copy::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11%;
  bottom: 11%;
  width: 1px;
  background: linear-gradient(
    transparent,
    rgba(214, 169, 87, 0.55),
    transparent
  );
}

.standard-projects-copy .eyebrow {
  margin: 0 0 36px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.36em;
  text-transform: uppercase;
}

.standard-projects-copy h2 {
  max-width: 650px;
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(64px, 6.8vw, 118px);
  font-weight: 500;
  line-height: 0.84;
  letter-spacing: -0.055em;
  color: var(--text);
}

.standard-projects-copy h2::after {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  margin-top: 38px;
  background: var(--gold);
}

.standard-projects-copy > p:not(.eyebrow) {
  max-width: 620px;
  margin: 34px 0 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.85;
}

.standard-projects-copy .text-link {
  display: inline-flex;
  align-items: center;
  margin-top: 44px;
  padding-bottom: 10px;
  color: var(--gold);
  border-bottom: 1px solid rgba(214, 169, 87, 0.45);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  transition:
    color 0.35s ease,
    border-color 0.35s ease,
    transform 0.35s ease;
}

.standard-projects-copy .text-link:hover {
  color: var(--gold2);
  border-color: var(--gold2);
  transform: translateX(8px);
}

@media (max-width: 1050px) {
  .standard-projects {
    grid-template-columns: 1fr;
  }

  .standard-projects-image {
    min-height: 620px;
  }

  .standard-projects-copy {
    min-height: 620px;
    padding: 90px 8vw;
  }

  .standard-projects-copy::before {
    left: 8vw;
    right: 8vw;
    top: 0;
    bottom: auto;
    width: auto;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(214, 169, 87, 0.55),
      transparent
    );
  }
}

@media (max-width: 700px) {
  .standard-projects-image {
    min-height: 440px;
  }

  .standard-projects-copy {
    min-height: auto;
    padding: 78px 22px 88px;
  }

  .standard-projects-copy h2 {
    font-size: clamp(52px, 15vw, 78px);
    line-height: 0.88;
  }

  .standard-projects-copy > p:not(.eyebrow) {
    font-size: 16px;
    line-height: 1.75;
  }
}

/* ==================================================
   INTERRA — STANDARDNI PROJEKTI / PREMIUM GRID
================================================== */

.standard-projects {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(420px, 0.85fr);
  min-height: 820px;
  background: var(--bg);
  border-top: 1px solid var(--whiteLine);
  border-bottom: 1px solid var(--whiteLine);
  overflow: hidden;
}

.standard-projects-gallery {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  min-width: 0;
  background: #050505;
}

.standard-project-image {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-height: 0;
  background: #0b0a08;
  border: 1px solid rgba(214, 169, 87, 0.12);
}

.standard-project-image-large {
  grid-row: span 2;
}

.standard-project-image-wide {
  grid-column: auto;
}

.standard-project-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter:
    saturate(0.9)
    contrast(1.04)
    brightness(0.88);
  transform: scale(1.01);
  transition:
    transform 1.1s cubic-bezier(0.22, 0.61, 0.36, 1),
    filter 0.8s ease;
}

.standard-project-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.03) 35%,
      rgba(0, 0, 0, 0.68) 100%
    );
  z-index: 1;
}

.standard-project-image figcaption {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 22px;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding-top: 14px;
  border-top: 1px solid rgba(214, 169, 87, 0.42);
  color: var(--text);
}

.standard-project-image figcaption span {
  color: var(--gold);
  font-family: var(--cinzel);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.28em;
}

.standard-project-image figcaption p {
  margin: 0;
  color: rgba(247, 239, 227, 0.88);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.standard-project-image:hover img {
  transform: scale(1.055);
  filter:
    saturate(1)
    contrast(1.06)
    brightness(0.96);
}

.standard-projects-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 100px clamp(40px, 90px, 20px);
  background:
    radial-gradient(
      circle at 10% 50%,
      rgba(214, 169, 87, 0.05),
      transparent 38%
    ),
    var(--bg);
}

.standard-projects-copy::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  bottom: 10%;
  width: 1px;
  background:
    linear-gradient(
      transparent,
      rgba(214, 169, 87, 0.5),
      transparent
    );
}

.standard-projects-copy .eyebrow {
  margin: 24px 0 34px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.36em;
  text-transform: uppercase;
}

.standard-projects-copy h2 {
  max-width: 660px;
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(62px, 6.3vw, 112px);
  font-weight: 500;
  line-height: 0.86;
  letter-spacing: -0.055em;
  color: var(--text);
}

.standard-projects-copy h2::after {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  margin-top: 38px;
  background: var(--gold);
}

.standard-projects-description {
  max-width: 610px;
  margin: 22px 0 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.85;
  position: relative;
  top: -10px;
}

.standard-projects-copy .text-link {
  display: inline-flex;
  align-items: center;
  position:relative;
  top: -8px;
  margin-top: 32px;
  padding-bottom: 18px;
  color: var(--gold);
  border-bottom: 1px solid rgba(214, 169, 87, 0.45);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    color 0.35s ease,
    border-color 0.35s ease,
    transform 0.35s ease;
}

.standard-projects-copy .text-link:hover {
  color: var(--gold2);
  border-color: var(--gold2);
  transform: translateX(8px);
}

/* TABLET */

@media (max-width: 1050px) {
  .standard-projects {
    grid-template-columns: 1fr;
  }

  .standard-projects-gallery {
    min-height: 700px;
  }

  .standard-projects-copy {
    min-height: 620px;
    padding: 90px 8vw;
  }

  .standard-projects-copy::before {
    left: 8vw;
    right: 8vw;
    top: 0;
    bottom: auto;
    width: auto;
    height: 1px;
  }
}

/* MOBILE */

@media (max-width: 700px) {
  .standard-projects-gallery {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 370px 260px 260px;
    min-height: 0;
    gap: 6px;
    padding: 6px;
  }

  .standard-project-image-large {
    grid-column: span 2;
    grid-row: auto;
  }

  .standard-project-image-wide {
    grid-column: span 2;
  }

  .standard-project-image figcaption {
    left: 16px;
    right: 16px;
    bottom: 16px;
  }

  .standard-project-image figcaption p {
    font-size: 9px;
  }

  .standard-projects-copy {
    min-height: auto;
    padding: 78px 22px 88px;
  }

  .standard-projects-copy h2 {
    font-size: clamp(50px, 14vw, 76px);
    line-height: 0.88;
  }

  .standard-projects-description {
    font-size: 16px;
    line-height: 1.75;
  }
}

@media (min-width: 1051px) {
  .standard-projects {
    height: 680px !important;
    min-height: 0 !important;
  }

  .standard-projects-gallery {
    height: 680px !important;
    min-height: 0 !important;
  }

  .standard-projects-copy {
    height: 680px !important;
    min-height: 0 !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

/* =========================================================
   STANDARDNI PROJEKTI — GUMB ZA GALERIJU
========================================================= */

.standard-gallery-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  width: fit-content;
  min-width: 285px;
  margin-top: 18px;
  transform: translateY(-18px);
  padding: 18px 22px;
  border: 1px solid rgba(214, 169, 87, 0.55);
  color: var(--gold);
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.20em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease,
    transform 0.35s ease;
}

.standard-gallery-arrow {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  transition: transform 0.35s ease;
}

.standard-gallery-button:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: #111;
  transform: translateY(-20px);
}

.standard-gallery-button:hover .standard-gallery-arrow {
  transform: translateX(7px);
}

@media (max-width: 700px) {
  .standard-gallery-button {
    min-width: 100%;
    margin-top: 28px;
    padding: 17px 18px;
    gap: 20px;
  }
}

.gallery-brand-logo{
    width:44px;
    height:44px;
    object-fit:contain;
    display:block;
}

/* NAVIGACIJA */

#studio {
    scroll-margin-top: -32px;
}

#standardni-projekti {
    scroll-margin-top: 75px;
}

#luxury {
    scroll-margin-top: -40px;
}

#kolekcije {
    scroll-margin-top: -30px;
}

#kontakt {
    scroll-margin-top: 70px;
}

/* Samo 45° */

.signature-stats div:first-child strong{
    transform: translateY(-8px);
}

.hero-text{
    margin-top:50px;
}

.hero-content .eyebrow{
    margin-top: 35px !important;
}

.hero-actions{
    transform: translateY(-24px);
}

@media (max-width: 768px) {

    .standard-projects{
        display: flex;
        flex-direction: column;
    }

    .standard-projects-content{
        order: 1;
    }

    .standard-projects-gallery{
        order: 2;
    }

}

.brand-logo{
    width:42px;
    height:42px;
    object-fit:contain;
    display:block;
    flex-shrink:0;
}

/* Slike kolekcija na početnoj stranici */
.gallery-card .gallery-image {
  width: 100%;
  height: calc(100% - 85px);
  overflow: hidden;
}

.gallery-card .gallery-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Ispravak boje Standard opcije na mobitelu */
.entry-choice__card:link,
.entry-choice__card:visited,
.entry-choice__card:active {
    color: var(--text);
}

.entry-choice__title {
    color: var(--text);
    -webkit-text-fill-color: var(--text);
}

.entry-choice__description {
    color: rgba(247, 239, 227, .78);
    -webkit-text-fill-color: rgba(247, 239, 227, .78);
}