/* Approved Caviar palette and compact homepage typography. */
/* Original navy-and-gold brand seal, placed as an editorial signature. */
.lookbook-photos { position: relative; }
.lookbook-photos > .lookbook-seal {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 18%;
    width: 144px;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    transform: translateX(-50%) rotate(-8deg);
    filter: drop-shadow(0 10px 12px #03132330);
    pointer-events: none;
}
@media (max-width: 700px) {
    .lookbook-photos > .lookbook-seal { width: 100px; bottom: 16%; }
}
/* A tighter introduction and rhythm for the service choices. */
.home-services.section { padding: 44px 0; }
.home-services > .container > .section-label { margin-bottom: 0; }
.home-services h2 { margin: 8px 0 10px; line-height: 1.12; }
.home-services > .container > p { margin: 0; line-height: 1.5; }
.home-services .photo-service-grid { margin-top: 24px; row-gap: 26px; }
.home-services .photo-service-grid .photo-caption { padding-top: 10px; }
@media (max-width: 700px) {
    .home-services.section { padding: 32px 0; }
    .home-services h2 { font-size: 30px; }
    .home-services .photo-service-grid { margin-top: 20px; row-gap: 22px; }
}
/* Center the invitation around one prominent quiz action. */
.home-quiz-invite { padding: 36px 0; }
.home-quiz-invite .container { flex-direction: column; align-items: center; justify-content: center; gap: 20px; text-align: center; }
.home-quiz-invite .container > div { flex: none; min-width: 0; width: 100%; max-width: 640px; }
.home-quiz-invite h2 { margin: 10px 0 12px; }
.home-quiz-invite p { font-size: 18px; line-height: 1.55; max-width: 48ch; margin-inline: auto; text-wrap: pretty; }
.home-quiz-invite .btn-primary { width: 320px; max-width: 100%; min-height: 64px; justify-content: center; gap: 14px; align-self: center; padding: 18px 30px; font-size: 17px; font-weight: 500 !important; }
.home-quiz-invite .btn-primary > span { font-size: 24px; line-height: 1; }
@media (max-width: 700px) {
    .home-quiz-invite { padding: 32px 0; }
    .home-quiz-invite .container { gap: 20px; }
    .home-quiz-invite .container > div { flex-basis: auto; }
}
/* Service captions end in a horizontal arrow that fills the remaining row. */
.home-services .photo-service-grid .photo-caption { align-items: center; gap: 12px; }
.home-services .photo-service-grid .photo-caption p { flex: 0 1 auto; min-width: 0; }
.home-services .photo-service-grid .photo-caption > .service-caption-arrow {
    position: relative;
    display: block;
    flex: 1 0 28px;
    height: 1px;
    min-width: 28px;
    background: currentColor;
    color: #8d6f35;
}
.home-services .photo-service-grid .service-caption-arrow::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
}
html[data-site-theme="caviar"] {
    --site-brown: #4d3a2e;
    --site-blue: #345985;
    --site-accent: #a7c8e5;
    --site-paper: #f3eee5;
    --site-card: #faf7f0;
    --site-ink: #342a23;
    --site-muted: #66594d;
    --site-line: #c7bcb0;
    --site-soft: #e8dfd3;
    --site-grain: url('/assets/textures/paper-grain.svg');
    --site-dark-grain: url('/assets/textures/paper-grain.svg');
    --brand-ink: var(--site-brown);
    --brand-ink-deep: var(--site-ink);
    --brand-gold: var(--site-accent);
    --brand-gold-light: #c8dff2;
    --brand-cream: var(--site-paper);
    --brand-cream-deep: var(--site-soft);
    --brand-navy: var(--site-brown);
    --navy-dark: var(--site-brown);
    --navy-darker: var(--site-ink);
    --text-heading: var(--site-ink);
    --text-body: var(--site-ink);
    --bronze-primary: var(--site-blue);
    --bronze-dark: var(--site-brown);
    --rose-accent: var(--site-blue);
}
html[data-site-theme="caviar"] {
    --site-brown: #031323;
    --site-blue: #031323;
    --site-accent: #c8a458;
    --site-paper: #ffffff;
    --site-card: #ffffff;
    --site-ink: #031323;
    --site-muted: #596773;
    --site-line: #dce3e9;
    --site-soft: #ffffff;
    --site-grain: none;
    --brand-gold-light: #e0c57f;
    --brand-gold-dark: #a9853e;
    --accent: #c8a458;
    --accent-light: #e0c57f;
    --accent-warm: #c8a458;
    --accent-muted: #a9853e;
    --gold-primary: #c8a458;
    --gold-secondary: #b99449;
    --gold-light: #e0c57f;
    --gold-dark: #8d6f35;
    --color-accent-gold: #c8a458;
}
html[data-site-theme="caviar"] body { background: var(--site-paper); color: var(--site-ink); }
html[data-site-theme="caviar"] :is(.header, .mobile-menu, .dropdown-menu, .footer-premium, .home-footer, .home-quiz-invite) {
    background-color: var(--site-brown) !important;
    background-image: var(--site-dark-grain) !important;
    background-blend-mode: soft-light;
    color: #faf7f0;
    border-color: var(--site-line) !important;
}
html[data-site-theme="caviar"] :is(.home-lookbook, .home-services, .section:not(.section-dark), .section-light, .project-showcase, .caviar-region, .quiz-page) {
    background-color: var(--site-paper) !important;
    background-image: var(--site-grain) !important;
    background-blend-mode: multiply;
    border-color: var(--site-line);
}
html[data-site-theme="caviar"] :is(.section-alt, .section-warm, .category-art) {
    background-color: var(--site-soft) !important;
    background-image: var(--site-grain) !important;
    background-blend-mode: multiply;
}
html[data-site-theme="caviar"] :is(.home-steps, .section-dark, .trust-bar) {
    background-color: var(--site-blue) !important;
    background-image: var(--site-dark-grain) !important;
    background-blend-mode: soft-light;
    color: #faf7f0 !important;
}
html[data-site-theme="caviar"] :is(.home-steps, .section-dark) :is(h2, h3, p, li) { color: #faf7f0 !important; }
html[data-site-theme="caviar"] :is(.home-steps li > span, .home-steps .section-label) { color: #d6e6f3 !important; }
html[data-site-theme="caviar"] .home-steps li { border-color: #ffffff50; }
html[data-site-theme="caviar"] :is(.simple-service, .service-card, .process-card-glass, .quiz-option) {
    background-color: var(--site-card) !important;
    border-color: var(--site-line) !important;
    color: var(--site-ink);
}
html[data-site-theme="caviar"] :is(.lookbook-copy h2 em, .simple-service > span, .section-label, .quiz-eyebrow, .service-discover) { color: var(--site-blue) !important; }
html[data-site-theme="caviar"] :is(.hero, .header, .home-quiz-invite, .footer-premium, .section-dark) :is(.section-label, .text-emphasis) { color: var(--site-accent) !important; }
html[data-site-theme="caviar"] :is(.lookbook-photos figcaption, .home-services .service-note) { color: var(--site-muted); }
html[data-site-theme="caviar"] :is(.btn-primary, .header .btn-primary, .section-light .btn-primary, .section-warm .btn-primary, .hero-form-glass .btn-primary, .hero-form-glass .hero-form-btn) {
    background: var(--site-blue) !important;
    border-color: #ffffff40 !important;
    color: #ffffff !important;
}
html[data-site-theme="caviar"] .btn-primary:hover { background: var(--site-brown) !important; }
html[data-site-theme="caviar"] :is(.home-footer-brand, .home-footer nav, .home-footer p, .dropdown-item, .dropdown-category-title) { color: #faf7f0 !important; }
html[data-site-theme="caviar"] .home-footer .home-copyright { border-color: #ffffff40; }
html[data-site-theme="caviar"] .home-quiz-invite p { color: #ede5dc; }
html[data-site-theme="caviar"] .lookbook-link { border-color: var(--site-blue); }
html[data-site-theme="caviar"] :is(a, button, input, select, textarea):focus-visible { outline-color: var(--site-blue); }
html[data-site-theme="caviar"] :is(.header, .home-quiz-invite, .home-footer) :is(a, button):focus-visible { outline-color: var(--site-accent); }

/* Clean four-color direction: white process with restrained brown and gold accents. */
html[data-site-theme="caviar"] :is(.header, .mobile-menu, .dropdown-menu, .footer-premium, .home-footer, .home-quiz-invite, .section-dark, .trust-bar) {
    background-image: none !important;
}
html[data-site-theme="caviar"] .home-steps {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #031323 !important;
    border-top: 1px solid #dce3e9;
}
html[data-site-theme="caviar"] .home-steps :is(h2, h3, p, li) { color: #031323 !important; }
html[data-site-theme="caviar"] :is(.home-steps li > span, .home-steps .section-label) {
    color: #8d6f35 !important;
}
html[data-site-theme="caviar"] .home-steps li { border-color: #dce3e9; }
html[data-site-theme="caviar"] :is(.btn-primary, .header .btn-primary, .section-light .btn-primary, .section-warm .btn-primary, .hero-form-glass .btn-primary, .hero-form-glass .hero-form-btn) {
    background: #c8a458 !important;
    border-color: #c8a458 !important;
    color: #031323 !important;
}
html[data-site-theme="caviar"] .btn-primary:hover {
    background: #e0c57f !important;
}
html[data-site-theme="caviar"] :is(.simple-service > span, .service-discover) { color: #8d6f35 !important; }
html[data-site-theme="caviar"] .home-services .section-label { color: #8d6f35 !important; }
html[data-site-theme="caviar"] .lookbook-link { border-color: #c8a458; }
html[data-site-theme="caviar"] .simple-service:hover { border-color: #c8a458 !important; }
html[data-site-theme="caviar"] .home-quiz-invite p { color: #d9e4ee; }

/* Navy header with the earlier warm cream divider. */
/* Optical alignment for the condensed navigation type beside the script logo. */
html[data-site-theme="caviar"] .header :is(.nav-links, .header-right) {
    position: relative;
    top: 4px;
}
@media (max-width: 700px) {
    html[data-site-theme="caviar"] .service-hero { padding-top: 120px; }
}
html[data-site-theme="caviar"] .header {
    background-color: #031323 !important;
    background-image: var(--site-dark-grain) !important;
    border-bottom: 1px solid #d3c8bc !important;
}
html[data-site-theme="caviar"] .header .btn-primary {
    background: #c8a458 !important;
    border-color: #c8a458 !important;
    color: #031323 !important;
}
html[data-site-theme="caviar"] .header .btn-primary:hover {
    background: #e0c57f !important;
}
html[data-site-theme="caviar"] .header :is(.nav-link.active, .nav-link:hover, .header-phone:hover) {
    color: #e3d3c3 !important;
}

/* White hero copy against a consistent navy treatment of the footage. */
html[data-site-theme="caviar"] .home-drone .hero-overlay {
    background: linear-gradient(90deg, rgba(3,19,35,.9), rgba(3,19,35,.5)) !important;
}
html[data-site-theme="caviar"] .home-drone :is(.hero-title, .text-emphasis, .hero-subtitle, .section-label, .home-work-link, .home-hero-note) {
    color: #ffffff !important;
}
@media (max-width: 700px) {
    html[data-site-theme="caviar"] .home-drone .hero-overlay { background: rgba(3,19,35,.78) !important; }
}

/* Hero type hierarchy: one headline, readable supporting copy, clear actions. */
html[data-site-theme="caviar"] .hero.home-drone {
    display: block;
    min-height: 0;
    padding: 136px 0 56px;
}
html[data-site-theme="caviar"] .home-drone .home-hero-copy {
    max-width: 900px;
    padding-block: 0;
    text-align: left;
}
html[data-site-theme="caviar"] .home-drone .section-label {
    display: block;
    font-size: 11px !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .14em !important;
    opacity: .8;
}
html[data-site-theme="caviar"] .home-drone .hero-title {
    font-size: clamp(54px, 6vw, 84px) !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
    letter-spacing: -.015em !important;
    text-transform: none;
    text-shadow: none;
    margin: 16px 0 20px;
}
html[data-site-theme="caviar"] .home-drone .hero-title .text-emphasis {
    font: inherit;
    letter-spacing: inherit;
}
html[data-site-theme="caviar"] .home-drone .hero-subtitle {
    font-size: 18px !important;
    line-height: 1.6 !important;
    max-width: 52ch !important;
    margin: 0 0 24px;
    text-wrap: pretty;
    opacity: .9;
}
html[data-site-theme="caviar"] .home-drone .home-hero-actions {
    gap: 24px;
    align-items: center;
}
html[data-site-theme="caviar"] .home-drone .home-hero-actions .btn-primary {
    font-size: 14px;
    font-weight: 500 !important;
    letter-spacing: .04em !important;
    min-height: 52px;
    padding: 14px 24px;
}
html[data-site-theme="caviar"] .home-drone .home-work-link {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    min-height: 52px;
    padding-block: 12px;
    font-size: 14px;
    font-weight: 400;
}
html[data-site-theme="caviar"] .home-drone .home-hero-note { display: none; }
@media (max-width: 700px) {
    html[data-site-theme="caviar"] .hero.home-drone { padding: 120px 0 40px; }
    html[data-site-theme="caviar"] .home-drone .hero-title {
        font-size: clamp(42px, 12vw, 58px) !important;
        margin: 16px 0;
    }
    html[data-site-theme="caviar"] .home-drone .section-label {
        font-size: 10px !important;
        letter-spacing: .1em !important;
    }
    html[data-site-theme="caviar"] .home-drone .hero-subtitle {
        font-size: 17px !important;
        margin-bottom: 24px;
    }
    html[data-site-theme="caviar"] .home-drone .home-hero-actions { gap: 16px; }
    html[data-site-theme="caviar"] .home-drone .home-hero-actions .btn-primary {
        width: auto !important;
        flex: 0 0 auto;
        padding-inline: 18px;
        gap: 18px;
    }
}
