/* =========================================================
   Page: Strona główna (index2)
   Ładowany tylko gdy template page-home.php jest aktywny.
   Scope: body.is-home
   ========================================================= */

/* Full-width reset */
body.is-home .site-main,
body.is-home .content-area,
body.is-home .inside-article,
body.is-home .inside-content,
body.is-home .entry-content {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.is-home .entry-header,
body.is-home .separator { display: none !important; }
body.is-home .entry-content,
body.is-home .site-main {
    --wp--style--block-gap: 0 !important;
}
body.is-home .entry-content > *,
body.is-home .site-main > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Linki bez podkreślenia (nadpisuje reguły GeneratePress .entry-content a) */
body.is-home .hero2 a,
body.is-home .hero2 a:hover,
body.is-home .hero2 a:focus,
body.is-home .tiles a,
body.is-home .tiles a:hover,
body.is-home .tiles a:focus,
body.is-home .tile,
body.is-home .tile:hover,
body.is-home .tile:focus {
    text-decoration: none;
    box-shadow: none;
}

/* =====================================================
   HERO SPLIT
   ===================================================== */
body.is-home .hero2 {
    background: var(--c-light);
    padding: 32px 0 72px;
}
body.is-home .hero2__inner {
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 48px;
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 96px;
    align-items: center;
}
body.is-home .hero2__media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--c-black);
}
body.is-home .hero2__video,
body.is-home .hero2__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
body.is-home .hero2__image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
body.is-home .hero2__body { max-width: 560px; }

body.is-home .hero2__kicker {
    font-family: var(--f-sans);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--c-brown);
    margin: 0 0 20px;
}
body.is-home .hero2__title {
    font-family: var(--f-serif);
    font-weight: 500;
    font-size: clamp(26px, 2.8vw, 38px);
    line-height: 1.15;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--c-black);
    margin: 0 0 18px;
}
body.is-home .hero2__lead {
    font-family: var(--f-serif);
    font-style: italic;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.5;
    color: var(--c-black);
    margin: 0 0 24px;
}

/* CTA filled brown — widoczne na jasnym tle */
body.is-home .hero2 .cta-btn--dark {
    background: var(--c-brown);
    color: var(--c-light);
    border-color: var(--c-brown);
}
body.is-home .hero2 .cta-btn--dark::before { background: var(--c-black); }
body.is-home .hero2 .cta-btn--dark:hover {
    color: var(--c-light);
    border-color: var(--c-black);
}

/* =====================================================
   KAFELKI (2 ścieżki)
   ===================================================== */
body.is-home .tiles {
    background: var(--c-light);
    padding: 0 0 80px;
}
body.is-home .tiles__inner {
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 48px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
body.is-home .tile {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    color: var(--c-light);
    isolation: isolate;
}
body.is-home .tile__media {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.9s var(--ease-out, ease-out), filter 0.6s ease;
    z-index: 1;
}
body.is-home .tile:hover .tile__media {
    transform: scale(1.05);
    filter: brightness(1.04);
}
body.is-home .tile__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(36,35,33,0.25) 0%, rgba(36,35,33,0.75) 100%);
    z-index: 2;
    transition: background 0.5s ease;
}
body.is-home .tile__body {
    position: relative; z-index: 3;
    height: 100%;
    padding: 40px;
    display: flex; flex-direction: column;
    justify-content: flex-end;
    gap: 14px;
    color: var(--c-light);
}
body.is-home .tile__kicker {
    font-family: var(--f-sans);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    margin: 0;
    opacity: 0.9;
}
body.is-home .tile__eyebrow {
    font-family: var(--f-serif);
    font-style: italic;
    font-size: 18px;
    margin: 0;
    opacity: 0.95;
}
body.is-home .tile__title {
    font-family: var(--f-serif);
    font-weight: 500;
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0 0 8px;
    max-width: 440px;
}
body.is-home .tile .cta-btn { align-self: flex-start; }

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 960px) {
    body.is-home .hero2 { padding: 24px 0; }
    body.is-home .hero2__inner {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 0 20px;
    }
    body.is-home .hero2__media { aspect-ratio: 16 / 10; }
    body.is-home .hero2__body { max-width: none; }

    body.is-home .tiles { padding: 16px 0 56px; }
    body.is-home .tiles__inner {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 20px;
    }
    body.is-home .tile { aspect-ratio: 4 / 3; }
    body.is-home .tile__body { padding: 24px; }
}