html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body.lock { overflow: hidden; }

#hdr { background: transparent; border-bottom: 1px solid transparent; transition: background .3s, border-color .3s; }
#hdr.solid { background: rgba(250,246,238,.92); backdrop-filter: blur(10px); border-bottom-color: rgba(32,27,20,.15); }
#hdrIn { color: #ffffff; transition: color .3s; }
#hdr.solid #hdrIn { color: #201b14; }

.btn {
    display: inline-flex; align-items: center; gap: .6rem;
    background: #a1402c; color: #faf6ee;
    font-weight: 600; font-size: .96rem;
    padding: .95rem 1.75rem; border-radius: 3px; border: 1px solid #a1402c;
    text-decoration: none; cursor: pointer;
    transition: background .2s, color .2s;
}
.btn:hover { background: transparent; color: #201b14; }
.btn:disabled { opacity: .6; cursor: not-allowed; }

.btn-line {
    display: inline-flex; align-items: center; gap: .6rem;
    background: none; color: #faf6ee;
    font-weight: 600; font-size: .96rem;
    padding: .95rem 1.75rem; border-radius: 3px; border: 1px solid rgba(250,246,238,.5);
    text-decoration: none; cursor: pointer;
    transition: background .2s, color .2s;
}
.btn-line:hover { background: #faf6ee; color: #17130f; }

.chip {
    font-size: .84rem; padding: .4rem .8rem;
    border: 1px solid rgba(250,246,238,.28); border-radius: 999px;
    color: rgba(250,246,238,.85);
}

.eyebrow { font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 400; color: #a1402c; font-size: 1.08rem; }
.lede { font-size: 1.18rem; color: #6b6152; max-width: 34rem; line-height: 1.6; }
.wrap { max-width: 1240px; margin-inline: auto; padding-inline: 1.4rem; }
@media (min-width: 900px) { .wrap { padding-inline: 3rem; } }
.sec { padding-block: clamp(4rem, 8vw, 7rem); }

.lbl { display: block; font-size: .85rem; color: rgba(250,246,238,.65); margin-bottom: .35rem; }
.f {
    width: 100%; background: rgba(250,246,238,.06); border: 1px solid rgba(250,246,238,.22);
    border-radius: 4px; padding: .85rem .9rem; color: #faf6ee; font: inherit; font-size: .98rem;
    outline: none; transition: border-color .2s;
}
.f:focus { border-color: #a1402c; }
.f::placeholder { color: rgba(250,246,238,.4); }
select.f {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, rgba(250,246,238,.6) 50%), linear-gradient(135deg, rgba(250,246,238,.6) 50%, transparent 50%);
    background-position: calc(100% - 14px) 55%, calc(100% - 9px) 55%;
    background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;
}
select.f option { background: #221c14; color: #faf6ee; }

.ph { position: relative; background-size: cover; background-position: center; background-color: #1b140d; overflow: hidden; }
.ph::after { content: ''; position: absolute; inset: 0; }
.ph-label { position: absolute; z-index: 2; left: .8rem; bottom: .7rem; font-family: 'Inter', sans-serif; font-weight: 500; font-size: .68rem; letter-spacing: .02em; color: rgba(255,255,255,.6); }
.ph1::after { background: radial-gradient(85% 65% at 75% 20%, rgba(161,64,44,.55), transparent 65%), radial-gradient(70% 55% at 15% 85%, rgba(92,107,70,.5), transparent 65%), linear-gradient(165deg,#2c2117,#120d09); }
.ph2::after { background: radial-gradient(80% 60% at 20% 15%, rgba(92,107,70,.55), transparent 65%), radial-gradient(70% 60% at 85% 90%, rgba(161,64,44,.4), transparent 65%), linear-gradient(160deg,#211c12,#0f0c08); }
.ph3::after { background: radial-gradient(75% 60% at 80% 75%, rgba(184,138,66,.5), transparent 65%), radial-gradient(65% 55% at 10% 15%, rgba(161,64,44,.45), transparent 65%), linear-gradient(170deg,#241a13,#100b07); }
.ph4::after { background: radial-gradient(80% 60% at 25% 80%, rgba(92,107,70,.5), transparent 65%), radial-gradient(65% 50% at 80% 15%, rgba(184,138,66,.4), transparent 65%), linear-gradient(155deg,#1e1a12,#0d0a07); }
.ph5::after { background: radial-gradient(75% 60% at 70% 25%, rgba(161,64,44,.5), transparent 65%), radial-gradient(60% 55% at 20% 80%, rgba(184,138,66,.35), transparent 65%), linear-gradient(160deg,#241f16,#110d08); }
.ph6::after { background: radial-gradient(75% 60% at 30% 70%, rgba(184,138,66,.45), transparent 65%), radial-gradient(60% 55% at 85% 20%, rgba(92,107,70,.4), transparent 65%), linear-gradient(165deg,#20190f,#0f0b06); }

.hero-photo {
    background-image: url('/assets/img/hero.jpg');
    background-size: cover;
    background-position: center;
}

.location-img {
    background-image: url('/assets/img/privatni-event.jpg');
    background-size: cover;
    background-position: center;
}
.logo-swap { filter: brightness(0) invert(1); }
#hdr.solid .logo-swap { filter: none; }