/* Shared layout adjustments and the pearl / graphite alternative palette. */
.cinematic .hero h1 { font-size:clamp(48px,5.2vw,82px); line-height:1.06; letter-spacing:-.05em; }
.cinematic .nav-row { gap:16px; }
.cinematic .desktop-nav { gap:16px; }
.cinematic .theme-control select { width:112px; min-height:42px; padding:9px 6px 9px 33px; border-radius:24px; font-size:12px; }
.cinematic .theme-control svg { z-index:1; }
@media (min-width:761px) and (max-width:1280px) {
    .cinematic .desktop-nav,.cinematic .nav-row > .btn { display:none; }
    .cinematic .menu-button { display:grid; place-items:center; margin-left:0; }
    .cinematic .header-contacts { margin-left:auto; }
    .cinematic .nav-row > .theme-control { margin-left:0; }
    .cinematic .mobile-menu.open { display:block; background:#090c12; }
}
@media (max-width:1020px) {
    .cinematic .hero h1 { font-size:clamp(42px,5.6vw,58px); }
}
@media (max-width:760px) {
    .cinematic .nav-row { grid-template-columns:1fr 44px 42px; grid-template-areas:"brand theme menu" "contacts contacts contacts"; gap:8px 10px; }
    .cinematic .nav-row > .theme-control { grid-area:theme; margin:0; }
    .cinematic .theme-control select { width:44px; min-height:44px; padding:0; color:transparent; }
    .cinematic .theme-control select option { color:var(--ink); }
    .cinematic .theme-control svg { left:13px; }
}
@media (max-width:700px) {
    .cinematic .hero h1 { font-size:clamp(34px,9.8vw,54px); }
}
@media (max-width:360px) {
    .cinematic .brand-name { font-size:15px; }
    .cinematic .brand-wordmark small { font-size:7px; }
    .cinematic .brand { gap:7px; }
}

:root[data-theme="light"] .cinematic,
:root[data-theme="light"] .cinematic :is(.quality-panel,.audience-card.business,.contact-info,.calculator-controls,footer) {
    --paper:#f3f5f8; --soft:#e9eef4; --ink:#202d40; --muted:#526177;
    --blue:#356799; --blue-dark:#285780; --sky:#e2eaf4; --line:#ccd6e2;
    --navy:#e4ebf3; --green:#356799; --shadow:0 16px 45px #233c5512;
}
:root[data-theme="light"] body.cinematic { background:var(--paper); color:var(--ink); }
:root[data-theme="light"] .cinematic .hero,
:root[data-theme="light"] .cinematic #works { background:transparent; }
:root[data-theme="light"] .cinematic .section-soft { background:#e9eef455; }
:root[data-theme="light"] .cinematic .hero-glow { background:radial-gradient(ellipse at 76% 48%,#aec5e144,transparent 55%); }
:root[data-theme="light"] .cinematic .site-header { background:#f5f7fae8; border-color:#ccd6e280; }
:root[data-theme="light"] .cinematic .brand-logo { background:none; padding:0; border-radius:0; }
:root[data-theme="light"] .cinematic .brand .brand-name { color:var(--ink); }
:root[data-theme="light"] .cinematic .brand .brand-name b { color:var(--blue); }
:root[data-theme="light"] .cinematic .header-contact strong,
:root[data-theme="light"] .cinematic .header-contact[href^="tel:"] strong { color:var(--ink); }
:root[data-theme="light"] .cinematic .header-contact:hover strong { color:var(--blue); }
:root[data-theme="light"] .cinematic .header-contacts { border-color:var(--line); }
:root[data-theme="light"] .cinematic .btn-primary { background:#25364d; border-color:#25364d; color:#fff; }
:root[data-theme="light"] .cinematic .btn-primary:hover { background:#365776; border-color:#365776; box-shadow:0 8px 25px #335a7d18; }
:root[data-theme="light"] .cinematic :is(.btn-secondary,.btn-dark,.menu-button,.works-arrow) { background:#f8faff; color:var(--ink); border-color:#bbc9da; }
:root[data-theme="light"] .cinematic .mobile-menu.open { background:#f3f5f8; }
:root[data-theme="light"] .cinematic .mobile-menu .btn { color:#fff; }
:root[data-theme="light"] .cinematic .theme-control select { background:#e8eef6; color:var(--ink); border-color:#b9c8d9; }
:root[data-theme="light"] .cinematic .hero h1,
:root[data-theme="light"] .cinematic #works h2 { color:#59697f; }
:root[data-theme="light"] .cinematic .hero h1 em,
:root[data-theme="light"] .cinematic h2 em { color:#1c2e48; }
:root[data-theme="light"] .cinematic :is(.hero-copy > p,.eyebrow,.brand-wordmark small,.hero-note,.hero-link,.hero-bottom,.scene-caption,.scene-hint,.works-count,.trust-item small,.task-number,.task-card p,.price-card small,.price-note,.quality-panel p,.audience-card p,.audience-list li,.calculator-controls > p,.calc-disclaimer,.contact-info p,.contact-meta,.consent,footer p,footer .footer-legal) { color:var(--muted); }
:root[data-theme="light"] .cinematic .hero-link:hover { color:var(--blue); }
:root[data-theme="light"] .cinematic .live-dot { background:#386eac; box-shadow:0 0 10px #538ed266; }
:root[data-theme="light"] .cinematic .caption-dot { background:#6387b4; }
:root[data-theme="light"] .cinematic .scene-modes { background:#e1e8f1d9; border-color:#becbdb; }
:root[data-theme="light"] .cinematic .scene-modes button { color:#526177; }
:root[data-theme="light"] .cinematic .scene-modes button[aria-pressed="true"] { background:#fff; color:#263e5a; box-shadow:0 2px 8px #243c5512; }
:root[data-theme="light"] .cinematic .scene-icon { background:#e7edf5; border-color:#bfccdc; color:#314d70; }
:root[data-theme="light"] .cinematic .scene-icon:hover { background:#d3deed; }
:root[data-theme="light"] .cinematic :is(.hero-bottom,.trust-strip,.trust-item) { border-color:var(--line); }
:root[data-theme="light"] .cinematic .hero-facts strong { color:var(--ink); }
:root[data-theme="light"] .cinematic .work-card { background:#fff; border-color:#cad5e2; }
:root[data-theme="light"] .cinematic .work-card[data-position="active"] { box-shadow:0 15px 50px #273e5720; }
:root[data-theme="light"] .cinematic .work-card-copy { background:#fbfcfe; }
:root[data-theme="light"] .cinematic .work-card-copy small { color:var(--blue); }
:root[data-theme="light"] .cinematic .work-card-copy strong { color:var(--ink); }
:root[data-theme="light"] .cinematic .trust-strip { background:#e9eef488; }
:root[data-theme="light"] .cinematic :is(.trust-icon,.task-icon,.task-link) { color:var(--blue); }
:root[data-theme="light"] .cinematic .task-card { background:#f9fbfd77; }
:root[data-theme="light"] .cinematic .task-card:hover { background:#e5edf7; }
:root[data-theme="light"] .cinematic :is(.price-card,.case-feature,.check-card,.audience-card,.quality-panel,.contact-form,.chat-panel) { background:#fbfcfe; border-color:var(--line); color:var(--ink); }
:root[data-theme="light"] .cinematic .case-tag { background:#e2eaf4; color:var(--blue-dark); }
:root[data-theme="light"] .cinematic .process-step::before { color:var(--blue); }
:root[data-theme="light"] .cinematic .process-note { background:#e1eaf5; color:var(--muted); }
:root[data-theme="light"] .cinematic .process-note strong { color:var(--ink); }
:root[data-theme="light"] .cinematic .tech-badges span { color:var(--blue-dark); border-color:var(--line); }
:root[data-theme="light"] .cinematic .contact-info { color:var(--ink); }
:root[data-theme="light"] .cinematic .contact-direct { border-color:var(--line); }
:root[data-theme="light"] .cinematic .contact-points svg { color:var(--blue); }
:root[data-theme="light"] .cinematic .email-copy { color:var(--blue-dark); background:#e2eaf4; border-color:#bdccde; }
:root[data-theme="light"] .cinematic .calculator-shell { background:#e8edf4; border-color:#becbdc; }
:root[data-theme="light"] .cinematic .calculator-controls { color:var(--ink); background:#f8fafd; }
:root[data-theme="light"] .cinematic .viewer { background:#e8edf4; }
:root[data-theme="light"] .cinematic :is(.field label,.stat,.price-row span,.dropzone span,.load-progress-meta) { color:var(--muted); }
:root[data-theme="light"] .cinematic :is(.stat strong,.price-row strong) { color:var(--ink); }
:root[data-theme="light"] .cinematic .calc-stats { border-color:var(--line); }
:root[data-theme="light"] .cinematic .view-label { background:#f9fbfde6; color:#4b627e; }
:root[data-theme="light"] .cinematic :is(.cross-v,.cross-h) { background:#aabbd477; }
:root[data-theme="light"] .cinematic :is(select,.quantity-input,input[type="text"],input[type="tel"],input[type="email"],textarea) { background:#fff; border-color:#b9c9dc; color:var(--ink); }
:root[data-theme="light"] .cinematic :is(.upload-box,.dropzone) { background:#edf2f8; border-color:#94abc6; }
:root[data-theme="light"] .cinematic .dropzone.active { background:#dce9f8; border-color:var(--blue); }
:root[data-theme="light"] .cinematic .load-progress-track { background:#d2dfed; }
:root[data-theme="light"] .cinematic footer { color:var(--muted); background:#e9eef488; border-color:var(--line); }
:root[data-theme="light"] .cinematic .footer-links a:hover { color:var(--blue-dark); }
:root[data-theme="light"] .cinematic .messenger-button.chat { color:#2d527f; background:#e5edf8; border-color:#becde0; }
:root[data-theme="light"] .cinematic .chat-head { background:#e1e9f4; color:var(--ink); }
:root[data-theme="light"] .cinematic .chat-head span { color:var(--muted); }
:root[data-theme="light"] .cinematic .chat-close { background:#cddbee; color:var(--ink); }
:root[data-theme="light"] .cinematic .toast { background:#25364d; }
:root[data-theme="light"] .cinematic .mobile-cta { background:#f6f8fbed; border-color:var(--line); }
:root[data-theme="light"] .cinematic .mobile-whatsapp { color:#166542; background:#e5f3eb; border-color:#abd4bc; }
:root[data-theme="light"] .cinematic .mobile-telegram { color:#195a88; background:#e6f1fb; border-color:#aecce5; }
:root[data-theme="light"] .cinematic .mobile-whatsapp:hover { background:#d2ebdd; }
:root[data-theme="light"] .cinematic .mobile-telegram:hover { background:#d4e8f8; }
:root[data-theme="light"] .cinematic .back-to-top { background:#f7faffe8; color:#28496d; border-color:#b2c4da; box-shadow:0 5px 25px #2b45631a; }
:root[data-theme="light"] .cinematic .back-to-top:hover { background:#dfe9f7; }
@media (max-width:760px) {
    :root[data-theme="light"] .cinematic .theme-control select { color:transparent; }
    :root[data-theme="light"] .cinematic .theme-control select option { color:var(--ink); }
}
