/* ===========================
   עמודים: דף הבית / צור קשר / 404 (פאזה 2.5)
   =========================== */

/* --- Hero וידאו (02 §3.1) --- */
.hero--video {
    position: relative;
    height: 88vh;
    min-height: 520px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.hero--video .hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero--video .hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(20, 21, 17, 0.65), rgba(20, 21, 17, 0.2) 55%);
}
.hero--video .container { position: relative; z-index: 1; }
.hero--video .hero-content { max-width: 640px; }
.hero--video .hero-title {
    color: #fff;
    font-size: clamp(2.6rem, 6vw, 4.2rem);
    margin-bottom: var(--space-4);
}
.hero--video .hero-text {
    color: rgba(255, 255, 255, 0.88);
    font-size: var(--font-size-xl);
    font-weight: 300;
    max-width: 34ch;
    margin-bottom: var(--space-8);
}

/* --- הצהרת מהות (02 §3.2) --- */
.essence-section { padding-block: var(--section-padding); }
.essence-text {
    max-width: 46ch;
    margin-inline: auto;
    text-align: center;
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2.4vw, 1.65rem);
    line-height: 1.6;
    color: var(--color-text);
}
.essence-text strong { color: var(--color-brand); font-weight: 500; }

/* --- עבודות נבחרות --- */
.section-flush { padding-bottom: var(--section-padding); }
.works-more { margin-top: var(--space-8); }

/* --- כרטיסי קטגוריה (02 §3.4) --- */
.cat-cards {
    display: grid;
    grid-template-columns: 3fr 2fr; /* בנייה — המוביל — גדול יותר */
    gap: var(--gallery-gap, 14px);
}
.cat-card {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: var(--color-brand-dark);
    color: #fff;
    border-radius: var(--radius-sm);
}
.cat-card--lead { aspect-ratio: auto; min-height: 100%; }
.cat-card__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
    .cat-card:hover .cat-card__img { transform: scale(1.04); }
}
.cat-card__body {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: var(--space-10) var(--space-6) var(--space-5);
    background: linear-gradient(to top, rgba(20, 21, 17, 0.75), transparent);
}
.cat-card__title { color: #fff; margin-bottom: var(--space-1); }
.cat-card__text {
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    max-width: 40ch;
    font-size: var(--font-size-sm);
}
.cat-card__arrow {
    position: absolute;
    inset-inline-end: var(--space-5); /* צד שמאל בעברית — החץ מוביל קדימה */
    bottom: var(--space-5);
    font-size: var(--font-size-xl);
    transition: transform var(--transition);
}
.cat-card:hover .cat-card__arrow { transform: translateX(-4px); }
@media (max-width: 767px) {
    .cat-cards { grid-template-columns: 1fr; }
    .cat-card, .cat-card--lead { aspect-ratio: 16 / 10; min-height: 0; }
}

/* --- תהליך העבודה (02 §3.5) --- */
.process-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-8) var(--space-6);
    counter-reset: step;
}
.process-step { position: relative; }
.process-step__num {
    display: block;
    font-family: var(--font-heading);
    font-size: var(--font-size-3xl);
    color: var(--color-brand-light);
    opacity: 0.75;
    margin-bottom: var(--space-2);
}
.process-step__title { color: #fff; font-size: var(--font-size-lg); margin-bottom: var(--space-2); }
.process-step__text { color: rgba(255, 255, 255, 0.75); margin: 0; font-size: var(--font-size-sm); }
@media (max-width: 1023px) { .process-steps { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .process-steps { grid-template-columns: 1fr; } }

/* --- טיזר אודות (02 §3.6) --- */
.about-teaser__layout {
    display: grid;
    grid-template-columns: 5fr 4fr;
    gap: var(--space-10);
    align-items: center;
}
.about-teaser__img img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-sm);
}
.about-teaser__content h2 { margin-bottom: var(--space-4); }
.about-teaser__content p { margin-bottom: var(--space-5); max-width: 48ch; }
@media (max-width: 860px) {
    .about-teaser__layout { grid-template-columns: 1fr; gap: var(--space-6); }
}

/* --- CTA --- */
.cta-section { padding-block: var(--section-padding); }
.cta-title { color: #fff; margin-bottom: var(--space-4); }
.cta-text {
    color: rgba(255, 255, 255, 0.8);
    max-width: 52ch;
    margin: 0 auto var(--space-7);
}

/* --- צור קשר (02 §8) --- */
.contact-layout {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: var(--space-10);
    align-items: start;
}
@media (max-width: 860px) { .contact-layout { grid-template-columns: 1fr; } }

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}
@media (max-width: 560px) { .form-row { grid-template-columns: 1fr; } }

.el-hp {
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px;
}

.form-notice {
    padding: var(--space-4) var(--space-5);
    margin-bottom: var(--space-6);
    border-radius: var(--radius-sm);
    border-inline-start: 3px solid;
}
.form-notice--ok  { background: #eef2ea; border-color: var(--color-brand); }
.form-notice--err { background: #f7ecea; border-color: #a4472f; }

.contact-form__submit { width: 100%; }

.contact-aside__title { font-size: var(--font-size-xl); margin-bottom: var(--space-4); }
.contact-direct {
    list-style: none;
    margin: 0 0 var(--space-8);
    padding: 0;
    display: grid;
    gap: var(--space-4);
}
.contact-direct__label {
    display: block;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    letter-spacing: 0.05em;
    margin-bottom: 2px;
}
.contact-direct a { font-weight: 600; color: var(--color-text); }
.contact-direct a:hover { color: var(--color-brand); }

.contact-notice {
    background: var(--color-bg-alt);
    border-inline-start: 3px solid var(--color-brand);
    padding: var(--space-5);
    border-radius: var(--radius-sm);
}
.contact-notice__title { font-size: var(--font-size-base); margin-bottom: var(--space-2); }
.contact-notice p { margin: 0; color: var(--color-text-muted); }

/* --- 404 (02 §9) --- */
.error-404-hero {
    height: 38vh;
    min-height: 240px;
    overflow: hidden;
}
.error-404-hero__img { width: 100%; height: 100%; object-fit: cover; }
.error-actions {
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: var(--space-6);
}
.error-blog-link { margin: 0; }

/* --- Header / Footer --- */
.site-logo-img,
.site-branding .custom-logo,
.site-branding .custom-logo-link img {
    display: block;
    max-height: 52px;
    width: auto;
    height: auto;
}
.footer-logo,
.footer-brand .custom-logo,
.footer-brand .custom-logo-link img {
    max-height: 60px;
    width: auto;
    height: auto;
}
/* --- פוסט בודד --- */
.post-meta--hero { justify-content: center; color: rgba(255, 255, 255, 0.75); }
.post-faq { margin-block: var(--space-10); }
.post-nav-link--next { text-align: left; }