/*
 * Version 2.1.0 — Söğütözü video hero and publication archive controls.
 */

.polat-v210-hero {
    position: relative;
    display: block !important;
    width: 100%;
    height: clamp(440px, 38vw, 620px);
    max-height: 620px;
    min-height: 440px !important;
    overflow: hidden;
    background: #101513 !important;
}

.polat-v210-hero > .polat-v181-hero-media,
.polat-v210-hero .polat-hero-video,
.polat-v210-hero .polat-hero-video-stage,
.polat-v210-hero .polat-hero-video-media,
.polat-v210-hero .polat-hero-video-poster,
.polat-v210-hero .polat-hero-video-element {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

.polat-v210-hero .polat-hero-video-poster,
.polat-v210-hero .polat-hero-video-element {
    object-fit: cover;
    object-position: center 52%;
    transform: none !important;
}

.polat-v210-hero .polat-hero-video-element.is-active {
    opacity: 1 !important;
}

.polat-v210-hero::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(9, 15, 13, 0.64) 0%, rgba(9, 15, 13, 0.25) 52%, rgba(9, 15, 13, 0.4) 100%),
        linear-gradient(0deg, rgba(7, 11, 10, 0.54) 0%, transparent 52%, rgba(7, 11, 10, 0.18) 100%);
}

.polat-v210-hero .polat-video-toggle {
    z-index: 5;
}

.polat-v210-hero-quote {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: clamp(28px, 8vw, 150px);
    width: min(760px, calc(100% - 56px));
    color: #fff;
    transform: translateY(-50%);
}

.polat-v210-hero-quote span {
    display: block;
    margin-bottom: 22px;
    color: rgba(255, 255, 255, 0.78);
    font-family: Manrope, "Segoe UI", Arial, sans-serif;
    font-size: clamp(0.66rem, 0.8vw, 0.78rem);
    font-weight: 700;
    letter-spacing: 0.2em;
}

.polat-v210-hero-quote blockquote {
    max-width: 760px;
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff;
    font-family: "Source Serif 4", Georgia, serif;
    font-size: clamp(2.35rem, 5vw, 5.25rem);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 0.98;
    text-wrap: balance;
    text-shadow: 0 3px 30px rgba(0, 0, 0, 0.38);
}

.polat-v210-section-head {
    display: block !important;
    text-align: center;
}

.polat-v210-section-head h2 {
    margin-right: auto !important;
    margin-left: auto !important;
}

.polat-card-meta {
    gap: 10px !important;
    align-items: baseline !important;
    margin: 0 18px 8px !important;
}

.polat-card-meta .polat-card-category,
.polat-card-meta .polat-card-date {
    margin: 0 !important;
}

.polat-card-date,
.polat-card-date time {
    color: var(--v200-muted) !important;
    font-family: Manrope, "Segoe UI", Arial, sans-serif;
    font-size: 0.65rem !important;
    font-weight: 650;
    letter-spacing: 0.025em;
    white-space: nowrap;
}

.polat-publications-query .polat-card-date {
    display: block;
    margin: -2px 18px 10px !important;
}

.polat-page-size {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    align-items: center;
    max-width: 1480px;
    margin: 24px auto 34px;
    color: var(--v200-muted);
    font-family: Manrope, "Segoe UI", Arial, sans-serif;
    font-size: 0.72rem;
}

.polat-page-size > span {
    margin-right: 5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.polat-page-size a {
    display: inline-grid;
    place-items: center;
    min-width: 40px;
    min-height: 38px;
    box-sizing: border-box;
    padding: 0 10px;
    color: var(--v200-ink) !important;
    background: var(--v200-white);
    border: 1px solid var(--v200-line);
    font-weight: 750;
}

.polat-page-size a:hover,
.polat-page-size a[aria-current="page"] {
    color: #fff !important;
    background: var(--v200-green);
    border-color: var(--v200-green);
}

@media (max-width: 780px) {
    .polat-v210-hero {
        height: 410px !important;
        min-height: 410px !important;
    }

    .polat-v210-hero-quote {
        left: 24px;
        width: calc(100% - 48px);
    }

    .polat-v210-hero-quote blockquote {
        font-size: clamp(2.35rem, 12vw, 3.8rem);
    }

    .polat-v210-hero .polat-hero-video-poster,
    .polat-v210-hero .polat-hero-video-element {
        object-position: 55% center;
    }

    .polat-card-meta {
        align-items: flex-start !important;
    }

    .polat-page-size {
        justify-content: flex-start;
        margin-bottom: 28px;
        overflow-x: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .polat-v210-hero .polat-hero-video-element {
        display: none;
    }
}