/* Scoped additions for the Seattle page only.
   Everything else on this page reuses the cloned theme's own classes, so this
   file stays deliberately small — it must never fight the theme. */

/* The slider plugin emits a per-slider inline rule keyed to the slider's DOM id
   that makes the hero fill the viewport. Ours has its own id, so it needs the
   same rule or the hero stops at the image's natural height and leaves a grey
   band underneath. */
#aios-slider-seattle .aios-slider-splide .aios-slider-img canvas {
    min-height: 100vh;
}

.seattle-office {
    margin: 1.75rem 0 2rem;
    border-top: 2px solid currentColor;
    padding-top: 0.9rem;
}

.seattle-office p {
    margin: 0 0 0.35rem;
}

.seattle-office__name {
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.9em;
}

.seattle-office__addr {
    opacity: 0.85;
}

.seattle-office__tel a {
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}

.seattle-sig {
    margin-top: 2rem;
}

.seattle-sig__name {
    display: block;
    font-weight: 600;
}

.seattle-sig__title {
    display: block;
    font-size: 0.85em;
    opacity: 0.8;
    line-height: 1.5;
    margin-top: 0.2rem;
}

/* The headshot is a portrait crop; the theme's media slots assume landscape. */
.seattle-headshot {
    width: 100%;
    max-width: 420px;
    height: auto;
    object-fit: cover;
}

/* Leadership team ------------------------------------------------------- */

.seattle-team {
    padding: 5rem 1.5rem 5.5rem;
    background: #f4f5f7;
}

@media (prefers-color-scheme: dark) {
    .seattle-team {
        background: #f4f5f7;   /* the cloned theme is light-only; stay consistent */
    }
}

.seattle-team__inner {
    max-width: 68rem;
    margin: 0 auto;
    text-align: center;
}

.seattle-team__intro {
    max-width: 40rem;
    margin: 1rem auto 0;
    opacity: 0.85;
}

.seattle-team__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-top: 3.25rem;
}

@media (min-width: 700px) {
    .seattle-team__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }
}

/* Headshots arrive at different crops and aspect ratios, so the frame — not
   the source file — has to define the shape or the row looks ragged. */
.seattle-team__photo {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.seattle-team__name {
    margin: 1.1rem 0 0.2rem;
    font-weight: 600;
}

.seattle-team__role {
    margin: 0;
    font-size: 0.9em;
    line-height: 1.5;
    opacity: 0.75;
}