.page-interior {
    background: #f5f7f9;
}

.interior-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 590px;
    display: flex;
    align-items: center;
    background: var(--color-navy-950);
    color: var(--color-white);
}

.interior-hero::before,
.interior-hero::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
}

.interior-hero::before {
    z-index: -2;
    background: var(--interior-art) center / cover no-repeat;
    filter: saturate(.8) brightness(.64);
}

.interior-hero--trustee { --interior-art: url("/assets/artwork/trustee-sales-handoff-v1.png"); }
.interior-hero--wholesale { --interior-art: url("/assets/artwork/wholesale-property-v1.png"); }
.interior-hero--hard-money { --interior-art: url("/assets/artwork/hard-money-v1.png"); }
.interior-hero--company { --interior-art: url("/assets/artwork/hero-phoenix-home-v1.png"); }
.interior-hero--contact { --interior-art: url("/assets/artwork/hero-phoenix-home-v1.png"); }

.interior-hero::after {
    z-index: -1;
    background: linear-gradient(90deg, rgb(3 15 27 / 96%) 0%, rgb(4 18 31 / 76%) 52%, rgb(4 18 31 / 30%) 100%);
}

.interior-hero__inner {
    width: min(var(--content-width), calc(100% - (var(--section-gutter) * 2)));
    margin: 0 auto;
    padding-block: 92px;
}

.interior-hero__content {
    max-width: 770px;
}

.interior-hero h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(3rem, 5.4vw, 5.8rem);
    letter-spacing: -.055em;
    line-height: .98;
}

.interior-hero h1 span {
    color: #ff3038;
}

.interior-hero__lede {
    max-width: 680px;
    margin: 24px 0 0;
    color: rgb(255 255 255 / 84%);
    font-size: clamp(1.05rem, 1.4vw, 1.3rem);
}

.interior-hero__actions {
    display: flex;
    gap: 16px;
    margin-top: 30px;
}

.interior-hero__actions .button {
    gap: 10px;
}

.interior-section {
    padding-block: clamp(76px, 8vw, 124px);
}

.interior-section--dark {
    background: var(--color-navy-950);
    color: var(--color-white);
}

.interior-section__heading {
    max-width: 800px;
    margin-bottom: 42px;
}

.interior-section__heading h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4vw, 4.25rem);
    letter-spacing: -.045em;
    line-height: 1.02;
}

.interior-section__heading p:last-child {
    margin: 18px 0 0;
    color: var(--color-gray-700);
    font-size: 1.05rem;
}

.interior-section--dark .interior-section__heading p:last-child {
    color: rgb(255 255 255 / 76%);
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.service-card {
    padding: 28px;
    border: 1px solid #d8dfe6;
    border-radius: 16px;
    background: rgb(255 255 255 / 86%);
    box-shadow: 0 18px 44px rgb(6 23 41 / 8%);
}

.service-card > i {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 14px;
    background: rgb(239 21 27 / 10%);
    color: var(--color-red-600);
    font-size: 1.35rem;
}

.service-card h3 {
    margin: 20px 0 8px;
    font-size: 1.1rem;
}

.service-card p {
    margin: 0;
    color: var(--color-gray-700);
}

.interior-section--dark .service-card {
    border-color: rgb(255 255 255 / 14%);
    background: rgb(255 255 255 / 7%);
    box-shadow: 0 20px 50px rgb(0 0 0 / 20%);
}

.interior-section--dark .service-card p {
    color: rgb(255 255 255 / 72%);
}

.process-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: process;
}

.process-list li {
    position: relative;
    min-height: 220px;
    padding: 32px;
    border-top: 3px solid var(--color-red-500);
    background: var(--color-white);
    box-shadow: 0 18px 44px rgb(6 23 41 / 8%);
    counter-increment: process;
}

.process-list li::before {
    color: rgb(217 8 18 / 22%);
    content: "0" counter(process);
    font-size: 3rem;
    font-weight: 850;
}

.process-list h3 {
    margin: 14px 0 8px;
}

.process-list p {
    margin: 0;
    color: var(--color-gray-700);
}

.preview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.property-preview {
    overflow: hidden;
    border: 1px solid #d8dfe6;
    border-radius: 16px;
    background: var(--color-white);
    box-shadow: 0 20px 54px rgb(6 23 41 / 10%);
}

.property-preview img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.property-preview__body {
    padding: 22px;
}

.property-preview__type {
    color: var(--color-red-600);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.property-preview h3 {
    margin: 10px 0 6px;
}

.property-preview p {
    margin: 0;
    color: var(--color-gray-700);
    font-size: .86rem;
}

.page-boundary {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 36px;
    padding: 22px 24px;
    border: 1px solid #d8dfe6;
    border-radius: 14px;
    background: rgb(255 255 255 / 82%);
}

.page-boundary > i {
    color: var(--color-red-600);
    font-size: 2rem;
}

.page-boundary p {
    margin: 0;
    color: var(--color-gray-700);
}

.page-boundary strong {
    display: block;
    color: var(--color-navy-950);
}

.content-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(42px, 7vw, 110px);
    align-items: center;
}

.content-split__visual {
    min-height: 520px;
    border-radius: 18px;
    background: var(--split-art) center / cover no-repeat;
    box-shadow: 0 28px 70px rgb(6 23 41 / 18%);
}

.content-split__visual--leadership { --split-art: url("/assets/artwork/hard-money-v1.png"); }

.content-split h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4vw, 4.4rem);
    letter-spacing: -.045em;
    line-height: 1.02;
}

.content-split p {
    color: var(--color-gray-700);
}

.contact-layout {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: clamp(42px, 7vw, 100px);
}

.contact-methods {
    display: grid;
    gap: 14px;
}

.contact-method {
    display: flex;
    gap: 16px;
    padding: 20px;
    border: 1px solid #d8dfe6;
    border-radius: 14px;
    background: var(--color-white);
}

.contact-method i {
    color: var(--color-red-600);
    font-size: 1.3rem;
}

.contact-method h3,
.contact-method p {
    margin: 0;
}

.contact-method p {
    color: var(--color-gray-700);
    font-size: .85rem;
}

.public-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 30px;
    border: 1px solid #d8dfe6;
    border-radius: 18px;
    background: var(--color-white);
    box-shadow: 0 22px 58px rgb(6 23 41 / 9%);
}

.public-form label {
    display: grid;
    gap: 7px;
    font-size: .8rem;
    font-weight: 750;
}

.public-form label.is-wide,
.public-form__status,
.public-form button {
    grid-column: 1 / -1;
}

.public-form input,
.public-form select,
.public-form textarea {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #cbd3db;
    border-radius: 9px;
    background: #fbfcfd;
    color: var(--color-navy-950);
    font: inherit;
}

.public-form textarea {
    min-height: 130px;
    resize: vertical;
}

.public-form__status {
    margin: 0;
    color: var(--color-gray-700);
    font-size: .78rem;
}

.public-form__status.is-prepared {
    color: #167445;
    font-weight: 750;
}

@media (max-width: 900px) {
    .service-grid,
    .process-list,
    .preview-grid { grid-template-columns: 1fr 1fr; }
    .content-split,
    .contact-layout { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .interior-hero { min-height: 520px; }
    .interior-hero__inner { width: calc(100% - 40px); padding-block: 72px; }
    .interior-hero__actions { align-items: stretch; flex-direction: column; }
    .service-grid,
    .process-list,
    .preview-grid,
    .public-form { grid-template-columns: 1fr; }
    .public-form label,
    .public-form button { grid-column: 1; }
    .content-split__visual { min-height: 380px; }
    .page-boundary { align-items: flex-start; }
}