@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/Inter/static/Inter_24pt-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/Inter/static/Inter_24pt-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/Inter/static/Inter_24pt-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/Inter/static/Inter_24pt-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/Playfair_Display/static/PlayfairDisplay-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/Playfair_Display/static/PlayfairDisplay-SemiBold.ttf) format('truetype');
}
/* latin-ext */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/Playfair_Display/static/PlayfairDisplay-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Great Vibes';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/Great_Vibes/GreatVibes-Regular.ttf) format('truetype');
}


:root{
    --red:#bb0e1f;
    --gray:#d9dadb;
    --gold:#c9a24d;
    --dark:#0b0d10;
    --dark-soft:#12151b;
}

body{
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    background:var(--dark);
    color:#e6e7ea;
    scroll-behavior:smooth;
}

.font-serif{font-family:'Playfair Display',serif;}
.font-script{font-family:'Great Vibes',cursive;}

/* NAV */
.navbar{
    background:rgba(11,13,16,.85);
    backdrop-filter:blur(10px);
}
.nav-link{color:#e6e7ea!important; margin-left:.75rem}
.btn-nav{
    border:1px solid var(--gold);
    color:var(--gold);
    border-radius:999px;
    padding:.5rem 1.5rem;
    background:transparent;
}
.btn-nav:hover{background:var(--gold); color:#111}

/* HERO */
.hero{
    background:url('Cocktail_dunkler_Hintergrund_L.jpg') center/cover fixed no-repeat;

    position: relative;
    min-height: 100vh;
    background-position: center center;
    padding: 4rem 0;
}
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg, rgba(5,6,8,.9), rgba(5,6,8,.55));
}
.hero-content{position:relative; z-index:2}

.claim{
    color:var(--gold);
    font-size:3rem;
    line-height:1.1;
}

/* SECTIONS */
section{padding:6rem 0}

.card-elevated{
    background:var(--dark-soft);
    border:0;
    border-radius:1.5rem;
    box-shadow:0 30px 60px rgba(0,0,0,.35);
    color:#fff;

    h5 {
        color: var(--gold);
    }
}

/* SERVICE ICONS */
.icon-circle{
    width:56px;height:56px;
    border-radius:50%;
    display:grid;place-items:center;
    border:2px solid rgba(201,162,77,.5);
    color:var(--gold);
    margin-bottom:1rem;
}

/* GALLERY */
.gallery-wrap{overflow:hidden}
.gallery-track{
    display:flex;
    gap:1.5rem;
    animation:scroll 45s linear infinite;
}
.gallery-track img{
    height:260px;
    border-radius:1.25rem;
}
@keyframes scroll{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}

/* STATS */
.stats{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.stats span{color:var(--gold); font-weight:600}

/* FORM */
.form-control, .form-select{
    background:#0f1217;
    border:1px solid rgba(255,255,255,.15);
    color:#fff;
}
.btn-gold{background:var(--gold); color:#111; border:none}

/* FOOTER */
footer{background:#080a0d;color:#9fa3ad}

/* BACK TO TOP */
.to-top{
    position:fixed;bottom:20px;right:20px;
    width:42px;height:42px;border-radius:50%;
    background:var(--gold);color:#111;
    display:grid;place-items:center;
    text-decoration:none;font-weight:bold
}

.logo {
    width: 100%;
    max-width: 400px;
}
.text-muted {
    color:#fff;
}

.gold {
    color: var(--gold);
}


.gallery-item {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 1 / 1;            /* квадратные превью, ровная сетка */
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;              /* обрезает без искажений */
    transition: transform .4s ease;
}

.gallery-item::after {
    content: "\f002";               /* иконка лупы Font Awesome */
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: opacity .3s ease;
}

.gallery-item:hover img { transform: scale(1.08); }
.gallery-item:hover::after { opacity: 1; }