.areas-page .areas-main-title {
    font-size: 58px;
    line-height: 1.04;
    font-weight: 700;
}

.areas-page .areas-hero {
    background: var(--charcoal-color);
}

.areas-page span.mdi {
    font-size: 20px;
}

.areas-page .glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(120% 90% at 78% 18%, rgba(215, 108, 62, .34) 0%, rgba(23, 19, 16, 0) 62%);
}

.areas-page .areas-hero-grid {
    position: absolute;
    inset: 0;
    opacity: .16;
    background-image: linear-gradient(rgba(255, 255, 255, .10) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .10) 1px, transparent 1px);
    background-size: 64px 64px;
}

.areas-page .crate {
    position: absolute;
    border: 1.5px solid rgba(238, 154, 114, .30);
    border-radius: 4px;
}

.areas-page .crate-top {
    width: 190px;
    height: 150px;
    right: 8%;
    top: 16%;
    transform: rotate(-9deg);
}

.areas-page .crate-middle {
    width: 130px;
    height: 104px;
    right: 24%;
    top: 52%;
    transform: rotate(7deg);
}

.areas-page .crate-bottom {
    width: 250px;
    height: 190px;
    right: -4%;
    bottom: -8%;
    transform: rotate(4deg);
}

.areas-page .eyebrow {
    display: inline-block;
    font-size: 13px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--soft-orange-color);
}

.areas-page .chip,
.areas-page .pill {
    border-radius: 999px;
    font-size: 15px;
}

.areas-page .chip {
    padding: 13px 24px;
}

.areas-page .pill {
    border: 1px solid var(--off-white-color);
    padding: 13px 22px;
}

.areas-page .areas-card {
    border-radius: 10px;
    padding: 30px;
    gap: 14px;
}

.areas-page .facility-map {
    height: 220px;
    overflow: hidden;
}

.areas-page .facility-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.areas-page .areas-faq {
    gap: 0;
    border-top: 1px solid var(--off-white-color);
}

.areas-page .areas-question {
    border-bottom: 1px solid var(--off-white-color);
    padding: 26px 0;
    gap: 10px;
}

.areas-page .areas-placeholder {
    background: rgba(215, 108, 62, .10);
    border-radius: 5px;
    padding: 3px 9px;
    white-space: nowrap;
}