/* ================================================================
   AKB-STYLE SIMPLE INQUIRY FORM
   ================================================================ */

:root {
    --inq-green:#123f32;
    --inq-green-dark:#092f28;
    --inq-orange:#e6672f;
    --inq-cream:#fbf7ef;
    --inq-text:#17282d;
    --inq-muted:#73807c;
    --inq-border:#dfe7e2;
    --inq-success:#177245;
    --inq-error:#b6322b;
    --inq-width:1320px;
    --inq-serif:"DM Serif Display",Georgia,serif;
    --inq-sans:"DM Sans",sans-serif;
}


.contact-h1{
    color: #fff;
}

.contact-h3{
    color: #fff;
}

.inquiry-page {
    color:var(--inq-text);
    font-family:var(--inq-sans);
}

.inquiry-page * {
    box-sizing:border-box;
}

.inquiry-page img {
    display:block;
    max-width:100%;
}

.inquiry-page a {
    color:inherit;
    text-decoration:none;
}

.inquiry-page input,
.inquiry-page select,
.inquiry-page textarea,
.inquiry-page button {
    font:inherit;
}

.inquiry-container {
    width:min(calc(100% - 48px),var(--inq-width));
    margin-inline:auto;
}


/* HERO */

.inquiry-hero {
    min-height:470px;
    position:relative;
    overflow:hidden;
    background:var(--inq-green-dark);
}

.inquiry-hero-image {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.inquiry-hero-overlay {
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(5,35,29,.94),
            rgba(5,35,29,.61) 50%,
            rgba(5,35,29,.14)
        );
}

.inquiry-hero-content {
    min-height:470px;
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:#fff;
}

.inquiry-breadcrumb {
    margin-bottom:34px;
    display:flex;
    align-items:center;
    gap:8px;
    color:rgba(255,255,255,.68);
    font-size:12px;
}

.inquiry-eyebrow,
.inquiry-kicker {
    display:block;
    margin-bottom:9px;
    color:var(--inq-orange);
    font-size:11px;
    font-weight:800;
    letter-spacing:.2em;
    text-transform:uppercase;
}

.inquiry-hero .inquiry-eyebrow {
    color:#efb386;
}

.inquiry-hero h1 {
    margin:0;
    max-width:800px;
    font-family:var(--inq-serif);
    font-size:clamp(58px,6vw,88px);
    font-weight:400;
    line-height:.95;
}

.inquiry-hero p {
    max-width:650px;
    margin:20px 0 0;
    color:rgba(255,255,255,.8);
    font-size:15px;
    line-height:1.7;
}


/* CONTACT STRIP */

.inquiry-contact-strip {
    background:#fff;
    box-shadow:0 10px 30px rgba(20,55,45,.06);
}

.inquiry-contact-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.inquiry-contact-grid article {
    min-height:110px;
    padding:20px 22px;
    display:flex;
    align-items:center;
    gap:12px;
    border-right:1px solid var(--inq-border);
}

.inquiry-contact-grid article:last-child {
    border-right:0;
}

.inquiry-contact-grid article>span {
    width:44px;
    height:44px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#edf4ef;
    color:var(--inq-green);
    font-size:18px;
}

.inquiry-contact-grid article>div {
    min-width:0;
    display:flex;
    flex-direction:column;
}

.inquiry-contact-grid small {
    color:var(--inq-muted);
    font-size:10px;
}

.inquiry-contact-grid strong,
.inquiry-contact-grid a {
    margin-top:3px;
    font-size:13px;
    font-weight:700;
    overflow-wrap:anywhere;
}


/* MAIN */

.inquiry-section {
    padding:80px 0;
    background:var(--inq-cream);
}

.inquiry-main-grid {
    display:grid;
    grid-template-columns:1fr 330px;
    gap:30px;
    align-items:start;
}

.inquiry-form-card {
    padding:34px;
    border:1px solid var(--inq-border);
    border-radius:13px;
    background:#fff;
    box-shadow:0 10px 30px rgba(20,55,45,.04);
}

.inquiry-form-card h2 {
    margin:0;
    font-family:var(--inq-serif);
    font-size:42px;
    font-weight:400;
}

.inquiry-form-intro {
    margin:10px 0 25px;
    color:var(--inq-muted);
    font-size:13px;
    line-height:1.7;
}

.inquiry-form-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:17px;
}

.inquiry-form label>span {
    display:block;
    margin-bottom:7px;
    font-size:11px;
    font-weight:700;
}

.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea {
    width:100%;
    border:1px solid var(--inq-border);
    border-radius:8px;
    background:#fbfcfb;
    color:var(--inq-text);
    outline:0;
    transition:.2s ease;
}

.inquiry-form input,
.inquiry-form select {
    min-height:48px;
    padding:0 13px;
}

.inquiry-form textarea {
    padding:13px;
    resize:vertical;
}

.inquiry-form input:focus,
.inquiry-form select:focus,
.inquiry-form textarea:focus {
    border-color:#79a390;
    box-shadow:0 0 0 3px rgba(18,63,50,.08);
}

.inquiry-field-wide {
    grid-column:1 / -1;
}

.inquiry-honeypot {
    position:absolute !important;
    left:-10000px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

.inquiry-submit {
    min-height:52px;
    margin-top:21px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:0;
    border-radius:8px;
    background:var(--inq-orange);
    color:#fff;
    cursor:pointer;
    font-weight:700;
}

.inquiry-submit:disabled {
    opacity:.65;
    cursor:wait;
}


/* INLINE AKB-STYLE MESSAGE */

.inquiry-form-message {
    min-height:22px;
    margin:13px 0 0;
    font-size:13px;
    font-weight:600;
}

.inquiry-form-message.is-success {
    color:var(--inq-success);
}

.inquiry-form-message.is-error {
    color:var(--inq-error);
}

.inquiry-form-message.is-loading {
    color:var(--inq-green);
}


/* SIDEBAR */

.inquiry-side {
    position:sticky;
    top:100px;
}

.inquiry-side-card {
    margin-bottom:18px;
    padding:24px;
    border:1px solid var(--inq-border);
    border-radius:11px;
    background:#fff;
}

.inquiry-side-card h3 {
    margin:0 0 9px;
    font-family:var(--inq-serif);
    font-size:26px;
    font-weight:400;
}

.inquiry-side-primary {
    background:var(--inq-green);
    color:#fff;
}

.inquiry-side-primary>i {
    margin-bottom:14px;
    color:#efb386;
    font-size:30px;
}

.inquiry-side-primary p {
    margin:0 0 18px;
    color:rgba(255,255,255,.7);
    font-size:12px;
    line-height:1.7;
}

.inquiry-side-primary a {
    min-height:43px;
    padding:0 15px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:7px;
    background:#fff;
    color:var(--inq-green);
    font-size:12px;
    font-weight:700;
}

.inquiry-side-card ul {
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:12px;
    list-style:none;
}

.inquiry-side-card li {
    display:flex;
    align-items:flex-start;
    gap:8px;
    color:var(--inq-muted);
    font-size:12px;
    line-height:1.55;
}

.inquiry-side-card li i {
    margin-top:2px;
    color:var(--inq-green);
}


/* TABLET */

@media(max-width:1000px) {

    .inquiry-contact-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .inquiry-main-grid {
        grid-template-columns:1fr;
    }

    .inquiry-side {
        position:static;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px;
    }

    .inquiry-side-card {
        margin:0;
    }
}


/* MOBILE */

@media(max-width:720px) {

    .inquiry-container {
        width:min(calc(100% - 28px),var(--inq-width));
    }

    .inquiry-hero,
    .inquiry-hero-content {
        min-height:520px;
    }

    .inquiry-hero h1 {
        font-size:52px;
    }

    .inquiry-contact-grid,
    .inquiry-form-grid,
    .inquiry-side {
        grid-template-columns:1fr;
    }

    .inquiry-contact-grid article {
        border-right:0;
        border-bottom:1px solid var(--inq-border);
    }

    .inquiry-form-card {
        padding:23px;
    }

    .inquiry-field-wide {
        grid-column:auto;
    }

    .inquiry-submit {
        width:100%;
    }
}
