/* v15 — Diagonal Split: decorative stripe, shake animation */

.angled-ribbon-backdrop__spectrum {
    clip-path: polygon(50% 0, 50.5% 0, 60.5% 100%, 60% 100%);
    background: linear-gradient(to bottom,
        rgba(var(--primary-500), 0.1),
        rgba(var(--primary-500), 0.2),
        rgba(var(--primary-500), 0.1));
}

@keyframes angled-ribbon-backdrop-form-shake-kf {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-10px); }
    75% { transform: translateX(10px); }
}

.contact-us-flex__min {
    min-width: 0;
}

.contact-us-media__cover {
    object-fit: cover;
}

/* contact-bento — CSS Grid bento layout (applies to both TW and BS) */
.contact-bento__grid {
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .contact-bento__grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 14rem 10rem;
    }

    .contact-bento__cell--title   { grid-column: 1 / 3; grid-row: 1; }
    .contact-bento__cell--image   { grid-column: 3 / 4; grid-row: 1; }
    .contact-bento__cell--phone   { grid-column: 1 / 2; grid-row: 2; }
    .contact-bento__cell--email   { grid-column: 2 / 3; grid-row: 2; }
    .contact-bento__cell--address { grid-column: 3 / 4; grid-row: 2; }
}

/* contact-bento — icon cell fixed size (TW w-10 h-10 has no BS util) */
.contact-bento__icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* contact-bento — image fill (no BS object-fit util) */
.contact-bento__img {
    object-fit: cover;
    min-height: 12rem;
}

.google-map-asymmetric-layout-map-60-with-contact-panel-40__iframe { width: 100%; min-height: 400px; }
@media (min-width: 768px) { .google-map-asymmetric-layout-map-60-with-contact-panel-40__iframe { min-height: 600px; } }

/* iframe-normalized */
.google-map-asymmetric-layout-map-60-with-contact-panel-40__iframe {
    width: 100%;
    max-width: 100%;
    height: 400px;
    min-height: 400px;
    display: block;
    border: 0;
    box-sizing: border-box;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    .google-map-asymmetric-layout-map-60-with-contact-panel-40__iframe {
        height: 600px;
        min-height: 600px;
    }
}