html {
    scroll-behavior: smooth;
}

[x-cloak] {
    display: none !important;
}

body {
    background:
        radial-gradient(circle at top, rgba(79, 122, 94, 0.12), transparent 32%),
        linear-gradient(180deg, #f6f3ee 0%, #f1ede6 100%);
}

.site-logo-shell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    overflow: hidden;
    flex: 0 0 auto;
}

.site-logo-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-logo-image {
    display: block;
    width: min(100%, 15rem);
    border-radius: 1rem;
}

.section-kicker {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.hero-title,
.section-title {
    font-family: "Barlow Condensed", system-ui, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 0.95;
}

.hero-title {
    font-size: clamp(3.1rem, 9vw, 6rem);
}

.section-title {
    font-size: clamp(2.4rem, 6vw, 4.2rem);
}

.hero-image-frame,
.content-card-media {
    overflow: hidden;
    border-radius: 1.5rem;
    box-shadow: 0 24px 80px rgba(17, 24, 39, 0.18);
}

.hero-image,
.content-card-media img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.hero-image {
    aspect-ratio: 5 / 4;
}

.content-card-media img {
    aspect-ratio: 16 / 11;
}

.founder-card-media,
.founder-portrait-media,
.flyer-card-media,
.flyer-portrait-media,
.flyer-service-panel {
    overflow: hidden;
    border-radius: 1.35rem;
    background: #183324;
}

.founder-card-media img,
.founder-portrait-media img,
.flyer-card-media img,
.flyer-portrait-media img,
.service-flyer-image {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center 18%;
    filter: saturate(0.95) contrast(1.04);
}

.founder-card-media img {
    aspect-ratio: 4 / 3;
}

.founder-portrait-media img {
    aspect-ratio: 4 / 4.6;
}

.flyer-card-media img,
.service-flyer-image {
    aspect-ratio: 3 / 4;
    object-fit: contain;
    background: #10271d;
}

.flyer-portrait-media img {
    aspect-ratio: 3 / 4;
    object-fit: contain;
    background: #10271d;
}

.faq-home-card details:first-child {
    margin-top: 0;
}

.content-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

.content-card-cta {
    margin-top: auto;
}

.site-form-control,
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
    width: 100%;
    border: 1px solid #d7ddd7;
    border-radius: 1rem;
    background: #fff;
    color: #0f172a;
    padding: 0.95rem 1rem;
    font-size: 0.96rem;
}

textarea {
    min-height: 8rem;
}

.dashboard-checkbox {
    width: 1.1rem;
    height: 1.1rem;
}

.dashboard-shell {
    background: linear-gradient(180deg, #f7f5f0, #eef2ec);
}

.dashboard-sidebar {
    background: linear-gradient(180deg, #183324, #254833);
}

.dashboard-table {
    width: 100%;
    border-collapse: collapse;
}

.dashboard-table th,
.dashboard-table td {
    padding: 0.95rem 1rem;
    vertical-align: top;
}

.dashboard-table thead th {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #64748b;
}

.dashboard-table tbody tr + tr {
    border-top: 1px solid #e2e8f0;
}

.pill {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    padding: 0.35rem 0.7rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.pill-green {
    background: #e7f4e9;
    color: #24553a;
}

.pill-gold {
    background: #f7edd7;
    color: #8a5a13;
}

.pill-slate {
    background: #edf2f7;
    color: #334155;
}