/* ═══════════════════════════════════════════════════════════════
   COSMOS — слой дизайна поверх styles.css / cinema-effects.css.
   Только внешний вид: разметка, тексты, ссылки и скрипты сайта не меняются.
   Подключается после cinema-effects.css, включается классом body.cosmos.
   ═══════════════════════════════════════════════════════════════ */

html { font-size: clamp(16px, .42vw + 9.5px, 21px); }

body.cosmos {
  --space: #05060a;
  --accent: #f0b94a;
  --gold: #f0b94a;
  --gold-strong: #ffe2a0;
  --cinema-text: #f4efe6;
  --cinema-muted: #bcb7ad;
  --cr: 26px;
  --wrapw: max(1400px, 76vw);
  --gut: max(clamp(20px, 4vw, 56px), calc((100vw - var(--wrapw)) / 2));
  --cmono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  background: var(--space);
}
body.cosmos main, body.cosmos .footer { position: relative; z-index: 1; }

/* ───────── Сцена: звёзды, туманность, белый карлик ───────── */
.cosmos-scene { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.cosmos-nebula { position: absolute; inset: -20%;
  background:
    radial-gradient(42% 34% at 78% 22%, rgba(64, 96, 190, .30), transparent 70%),
    radial-gradient(36% 30% at 14% 68%, rgba(120, 60, 150, .20), transparent 70%),
    radial-gradient(50% 40% at 50% 110%, rgba(90, 130, 230, .14), transparent 70%),
    radial-gradient(30% 26% at 30% 10%, rgba(30, 110, 130, .18), transparent 70%);
  filter: blur(30px); transform: translate3d(0, calc(var(--cosmos-scroll, 0) * -6%), 0); }
#cosmos-stars { position: absolute; inset: 0; width: 100%; height: 100%; }
.cosmos-sun { position: absolute; left: 0; top: 0; width: 0; height: 0; will-change: transform;
  transform: translate3d(var(--sx, 70vw), var(--sy, 30vh), 0) scale(var(--ss, 1)); }
.cosmos-sun i { position: absolute; border-radius: 50%; transform: translate(-50%, -50%); mix-blend-mode: screen; }
.cosmos-sun .corona { width: 1000px; height: 1000px; background: radial-gradient(closest-side, rgba(150, 185, 255, .10), rgba(110, 150, 255, .04) 34%, rgba(90, 120, 255, .012) 60%, transparent 72%); }
.cosmos-sun .halo { width: 190px; height: 190px; background: radial-gradient(closest-side, rgba(225, 236, 255, .30), rgba(175, 205, 255, .13) 32%, rgba(120, 160, 255, .04) 62%, transparent 74%); }
.cosmos-sun .core { width: 40px; height: 40px; background: radial-gradient(closest-side, rgba(236, 243, 255, .82) 0, rgba(215, 229, 255, .5) 42%, rgba(190, 215, 255, .2) 70%, transparent 100%); }
.cosmos-sun .streak { border-radius: 0; width: 190vw; height: 3px; filter: blur(1px);
  background: linear-gradient(90deg, transparent, rgba(111, 164, 245, 0) 18%, rgba(150, 190, 255, .16) 46%, rgba(225, 236, 255, .3) 50%, rgba(150, 190, 255, .16) 54%, rgba(111, 164, 245, 0) 82%, transparent); }
.cosmos-sun .streak.soft { height: 26px; opacity: .1; filter: blur(14px); }
.cosmos-ghost { position: absolute; left: 0; top: 0; border-radius: 50%; mix-blend-mode: screen; will-change: transform; opacity: .45; }
.cosmos-ghost.g1 { width: 90px; height: 90px; margin: -45px; border: 1px solid rgba(140, 185, 255, .2); background: radial-gradient(closest-side, transparent 60%, rgba(111, 164, 245, .12)); }
.cosmos-ghost.g2 { width: 34px; height: 34px; margin: -17px; background: radial-gradient(closest-side, rgba(190, 215, 255, .3), transparent); }
.cosmos-ghost.g3 { width: 210px; height: 210px; margin: -105px; background: radial-gradient(closest-side, rgba(111, 164, 245, .08), transparent 70%); }
.cosmos-ghost.g4 { width: 16px; height: 16px; margin: -8px; background: rgba(160, 220, 255, .45); filter: blur(2px); }
.cosmos-vignette { position: absolute; inset: 0; background: radial-gradient(120% 90% at 50% 45%, transparent 55%, rgba(0, 0, 0, .62) 100%); }
.cosmos-grain { position: fixed; inset: -100px; z-index: 60; pointer-events: none; opacity: .1; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: cosmos-grain .7s steps(6) infinite; }
@keyframes cosmos-grain { 0% { transform: translate(0, 0) } 20% { transform: translate(-40px, 30px) } 40% { transform: translate(30px, -50px) } 60% { transform: translate(-60px, -20px) } 80% { transform: translate(50px, 40px) } 100% { transform: translate(0, 0) } }
.cosmos-bars { position: fixed; left: 0; right: 0; height: 50vh; background: #000; z-index: 90; pointer-events: none; transition: transform 1.5s cubic-bezier(.7, 0, .15, 1) .2s; }
.cosmos-bars.top { top: 0 } .cosmos-bars.bot { bottom: 0 }
.cosmos-ready .cosmos-bars.top { transform: translateY(-100%) } .cosmos-ready .cosmos-bars.bot { transform: translateY(100%) }

/* ───────── Каркас: колонка по центру, фон на всю ширину ───────── */
body.cosmos main > section:not(.hero) {
  background: transparent !important;
  border-top: 0 !important;
  padding-inline: var(--gut) !important;
  padding-block: clamp(64px, 9vh, 124px);
}
body.cosmos .footer { background: transparent; border: 0; }

/* ───────── Типографика ───────── */
body.cosmos main h2 { font-size: clamp(1.9rem, 3.3vw, 3.5rem); font-weight: 750; letter-spacing: -.035em; line-height: 1.04; text-wrap: balance; }
body.cosmos main h3 { font-size: 1.22rem; letter-spacing: -.015em; line-height: 1.2; }
body.cosmos main :is(.eyebrow, .section-kicker) {
  display: flex; align-items: center; gap: 12px; margin-bottom: 20px;
  font: 600 .72rem var(--cmono); letter-spacing: .2em; text-transform: uppercase; color: var(--gold);
}
body.cosmos main :is(.eyebrow, .section-kicker)::before {
  content: ""; flex: none; width: 34px; height: 14px; border-radius: 2px;
  background: repeating-linear-gradient(-55deg, var(--gold) 0 5px, transparent 5px 10px);
}
body.cosmos .split p, body.cosmos main section > div > p { font-size: 1.05rem; }
body.cosmos .cosmos-gilt, body.cosmos .hero-brand-name {
  background: linear-gradient(100deg, #fff3d2, #f0b94a 45%, #ffe9bd 70%, #c98a22);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* фокус-пул при появлении (поверх существующего data-reveal) */
body.cosmos.motion-ready [data-reveal] { filter: blur(12px); transition: opacity .9s cubic-bezier(.2, .7, .2, 1), transform 1s cubic-bezier(.2, .7, .2, 1), filter 1s cubic-bezier(.2, .7, .2, 1), border-color .22s, background .22s, box-shadow .22s; transition-delay: var(--reveal-delay, 0ms); }
body.cosmos.motion-ready [data-reveal].is-revealed { filter: none; }

/* ───────── Liquid Glass ───────── */
body.cosmos :is(.cinema-glass-tile, .cosmos-glass) { position: relative; }
body.cosmos :is(.cinema-glass-tile, .hero-panel, .contact-dock, .cosmos-glass) {
  isolation: isolate; border: 0; border-radius: var(--cr);
  background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .035) 45%, rgba(255, 255, 255, .07));
  -webkit-backdrop-filter: blur(22px) saturate(190%) brightness(1.08); backdrop-filter: blur(22px) saturate(190%) brightness(1.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 1px 0 0 rgba(255, 255, 255, .14), inset 0 -1px 0 rgba(255, 255, 255, .1), inset 0 0 28px rgba(255, 255, 255, .045), 0 24px 60px -18px rgba(0, 0, 0, .65);
  transition: transform .5s cubic-bezier(.2, .7, .2, 1), box-shadow .3s;
}
body.cosmos :is(.cinema-glass-tile, .hero-panel, .contact-dock, .cosmos-glass)::before {
  content: ""; display: block !important; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none; z-index: 2;
  background: linear-gradient(140deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, .06) 30%, rgba(255, 255, 255, .02) 62%, rgba(255, 226, 160, .45));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
body.cosmos .cinema-shine-layer { background: radial-gradient(340px circle at var(--mx, 50%) var(--my, 0%), rgba(255, 255, 255, .16), transparent 62%); opacity: 0; transition: opacity .35s; z-index: 1; }
body.cosmos .cinema-glass-shine:hover > .cinema-shine-layer { opacity: 1; }
@media (hover: hover) and (pointer: fine) {
  body.cosmos .cinema-glass-tile:hover { transform: translateY(-5px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), inset 1px 0 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(255, 255, 255, .12), inset 0 0 28px rgba(255, 255, 255, .06), 0 34px 70px -18px rgba(0, 0, 0, .75); }
}
body.cosmos :is(.hero-tags, .post-tags, .tags, .contact-trust) span {
  border: 0; border-radius: 999px; padding: 7px 13px; min-height: 0; font-weight: 600; color: #e6e1d6;
  background: rgba(255, 255, 255, .08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}

/* Кнопки */
body.cosmos .button { border-radius: 999px; min-height: 3.3rem; padding: 0 1.6rem; font-weight: 650; font-size: 1rem; letter-spacing: -.01em; }
body.cosmos .button:hover { transform: translateY(-2px); }
body.cosmos .button.primary, body.cosmos .contact-dock a.is-primary {
  color: #1a1203; border: 0; background: linear-gradient(180deg, #ffe2a0, #f0b94a 55%, #d99a2b);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -2px 6px rgba(140, 80, 0, .35), 0 12px 40px -8px rgba(240, 185, 74, .55);
}
body.cosmos .button.secondary {
  color: var(--cinema-text); border: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .04));
  -webkit-backdrop-filter: blur(18px) saturate(180%); backdrop-filter: blur(18px) saturate(180%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .1), inset 0 0 0 1px rgba(255, 255, 255, .09), 0 14px 34px -14px rgba(0, 0, 0, .6);
}

/* ───────── Шапка: стеклянная капсула ───────── */
@media (min-width: 981px) {
  body.cosmos .site-header, body.cosmos .site-header.is-scrolled {
    top: 16px; left: 50%; right: auto; transform: translateX(-50%); width: min(var(--wrapw), 100% - 28px);
    padding: 8px 10px 8px 20px; border: 0; border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .035) 45%, rgba(255, 255, 255, .07));
    -webkit-backdrop-filter: blur(22px) saturate(190%) brightness(1.08); backdrop-filter: blur(22px) saturate(190%) brightness(1.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .1), inset 0 0 0 1px rgba(255, 255, 255, .07), 0 24px 60px -18px rgba(0, 0, 0, .65);
  }
  body.cosmos .nav { gap: 2px; font-size: .9rem; color: #ddd8ce; }
  body.cosmos .nav > a, body.cosmos .services-menu > summary { padding: 9px 13px; border-radius: 999px; transition: background .2s, color .2s; white-space: nowrap; }
  body.cosmos .nav > a:hover, body.cosmos .services-menu > summary:hover { background: rgba(255, 255, 255, .1); color: #fff; }
  body.cosmos .nav a:not(.language-link)::after { display: none; }
  body.cosmos .services-menu-links { top: calc(100% + 14px); padding: 10px; border: 0; border-radius: 20px; background: rgba(18, 20, 28, .82);
    -webkit-backdrop-filter: blur(26px) saturate(180%); backdrop-filter: blur(26px) saturate(180%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 0 0 1px rgba(255, 255, 255, .08), 0 30px 60px -20px #000; }
  body.cosmos .services-menu-links a { border-radius: 12px; padding: 11px 12px; }
}
body.cosmos .brand { letter-spacing: .14em; font-size: .82rem; }
body.cosmos .brand img { width: 2.4rem; height: 1.85rem; border-radius: 6px; object-fit: cover; }
body.cosmos .language-switcher { gap: 0; margin-left: 10px; padding: 3px; border-radius: 999px; background: rgba(0, 0, 0, .28); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .5); }
body.cosmos .nav .language-link { width: auto; min-width: 0; height: auto; padding: 7px 11px; border: 0; border-radius: 999px; background: none; box-shadow: none; text-shadow: none;
  font: 600 .72rem var(--cmono); letter-spacing: .08em; color: var(--cinema-muted); transform: none; }
body.cosmos .nav .language-link.is-active { background: rgba(255, 255, 255, .16); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); }
body.cosmos .nav .language-link:hover { color: #fff; box-shadow: none; }

/* ───────── Hero ───────── */
body.cosmos .hero {
  min-height: 100svh; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(20px, 3vw, 60px);
  padding: 146px var(--gut) clamp(210px, 26vh, 280px); overflow: visible;
}
body.cosmos .hero::after { display: none; }
body.cosmos .hero-media { position: relative; inset: auto; grid-column: 2; grid-row: 1; display: grid; place-items: center; aspect-ratio: 1024 / 640; }
body.cosmos .hero-media img, body.cosmos.motion-ready .hero-media img {
  width: 106%; max-width: none; height: auto; margin-left: 8%; object-fit: contain; transform: none;
  filter: brightness(.82) contrast(1.12) drop-shadow(0 0 2px rgba(205, 225, 255, .55)) drop-shadow(0 40px 60px rgba(0, 0, 0, .7));
  animation: cosmos-float 9s ease-in-out infinite;
}
@keyframes cosmos-float { 50% { transform: translateY(-12px) rotate(-.6deg) } }
body.cosmos .hero-content.hero-content-partner { grid-column: 1; grid-row: 1; max-width: none; justify-self: start; text-align: left; }
body.cosmos .hero-content-partner h1 { max-width: 13.5ch; margin: 0 0 26px; font-size: clamp(2.3rem, 4.1vw, 4.9rem); font-weight: 750; line-height: 1.02; letter-spacing: -.035em; }
body.cosmos .hero-content-partner :is(.eyebrow, .lead, .hero-tags, .hero-actions) { margin-inline: 0; }
body.cosmos .hero-content-partner :is(.hero-tags, .hero-actions) { justify-content: flex-start; }
body.cosmos .hero .lead { font-size: clamp(1.02rem, 1.25vw, 1.22rem); max-width: 54ch; color: var(--cinema-muted); }
body.cosmos .hero-tags { max-width: none; gap: 8px; margin-bottom: 26px; }
body.cosmos .hero-tags span { font-size: .78rem; padding: 6px 12px; }
body.cosmos .hero-panel {
  position: absolute; left: var(--gut); right: var(--gut); bottom: clamp(34px, 5vh, 60px); z-index: 5;
  display: grid; grid-template-columns: repeat(3, 1fr); padding: 0;
}
body.cosmos .hero-panel div { padding: 1.5rem 1.9rem; border: 0; border-left: 1px solid rgba(255, 255, 255, .09); }
body.cosmos .hero-panel div:first-child { border-left: 0; }
body.cosmos .hero-panel strong { display: block; font-size: clamp(1.9rem, 2.6vw, 2.9rem); font-weight: 750; letter-spacing: -.03em; line-height: 1; }
body.cosmos .hero-panel span { display: block; margin-top: 8px; color: var(--cinema-muted); font-size: .92rem; }
.cosmos-finder { position: absolute; inset: 96px clamp(20px, 4vw, 56px) calc(clamp(34px, 5vh, 60px) + 8.2rem); pointer-events: none; z-index: 4; font: 600 .7rem var(--cmono); letter-spacing: .16em; color: rgba(244, 239, 230, .7); }
.cosmos-finder::before, .cosmos-finder::after { content: ""; position: absolute; width: 38px; height: 38px; border: 1.5px solid rgba(244, 239, 230, .5); }
.cosmos-finder::before { left: 0; top: 0; border-right: 0; border-bottom: 0 }
.cosmos-finder::after { right: 0; bottom: 0; border-left: 0; border-top: 0 }
.cosmos-finder span { position: absolute; display: flex; gap: 14px; align-items: center; white-space: nowrap; }
.cosmos-finder .tl { left: 56px; top: 6px } .cosmos-finder .tr { right: 6px; top: 6px } .cosmos-finder .bl { left: 6px; bottom: 6px } .cosmos-finder .br { right: 56px; bottom: 6px }
.cosmos-rec { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #ff3b30; box-shadow: 0 0 12px #ff3b30; animation: cosmos-rec 1.2s steps(2) infinite; }
@keyframes cosmos-rec { 50% { opacity: .15 } }

/* ───────── Услуги: плитка с фотографиями ───────── */
@media (min-width: 981px) {
  body.cosmos .service-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; }
  body.cosmos .service-grid article { grid-column: span 3; }
  body.cosmos .service-grid article:nth-child(1) { grid-row: span 2; }
  body.cosmos .service-grid article:nth-child(1) h3 { font-size: clamp(1.8rem, 2.6vw, 2.9rem); letter-spacing: -.03em; }
  body.cosmos .service-grid article:nth-child(n+4) { grid-column: span 3; }
}
body.cosmos .service-grid article { overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; min-height: 17rem; padding: 1.9rem; background-size: cover; background-position: center; }
body.cosmos .service-grid article > * { position: relative; z-index: 3; }
body.cosmos .service-grid article::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background-size: cover; background-position: center;
  filter: saturate(.85) contrast(1.08); transition: transform 1.4s cubic-bezier(.2, .7, .2, 1); }
body.cosmos .service-grid article:hover::after { transform: scale(1.05); }
body.cosmos .service-grid article:nth-child(1)::after { background-image: linear-gradient(180deg, rgba(6, 8, 14, .86), rgba(6, 8, 14, .66) 48%, rgba(6, 8, 14, .93)), url("assets/images/location-webp/01-hero-samarkand-wide.webp"); }
body.cosmos .service-grid article:nth-child(2)::after { background-image: linear-gradient(180deg, rgba(6, 8, 14, .7), rgba(6, 8, 14, .78) 50%, rgba(6, 8, 14, .95)), url("assets/images/sound.jpg"); }
body.cosmos .service-grid article:nth-child(3)::after { background-image: linear-gradient(180deg, rgba(6, 8, 14, .7), rgba(6, 8, 14, .78) 50%, rgba(6, 8, 14, .95)), url("assets/images/caravan-office-1.webp"); }
body.cosmos .service-grid article:nth-child(4)::after { background-image: linear-gradient(180deg, rgba(6, 8, 14, .7), rgba(6, 8, 14, .78) 50%, rgba(6, 8, 14, .95)), url("assets/images/postproduction/color-suite.webp"); }
body.cosmos .service-grid article:nth-child(5)::after { background-image: linear-gradient(180deg, rgba(6, 8, 14, .7), rgba(6, 8, 14, .78) 50%, rgba(6, 8, 14, .95)), url("assets/images/ai-video-above-the-sky.jpg"); }
body.cosmos .service-grid article > span:first-of-type, body.cosmos :is(.audience-grid, .process-grid, .ai-capabilities, .post-studio-grid) article > span:first-of-type { font: 600 .72rem var(--cmono); letter-spacing: .2em; color: var(--gold); }
body.cosmos .service-grid a { color: var(--gold-strong); font-weight: 650; }

/* ───────── Плитки-карточки ───────── */
@media (min-width: 981px) { body.cosmos .caravan-modules { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
body.cosmos :is(.producer-guide-grid a, .audience-grid article, .process-grid article, .ai-capabilities article, .trust-points article, .trust-metrics article, .price-grid article, .location-types article, .caravan-modules button, .contact-card, .request-card) { padding: 1.7rem; }
body.cosmos :is(.producer-guide-grid, .audience-grid, .process-grid, .ai-capabilities, .trust-points, .trust-metrics, .price-grid, .location-types, .caravan-modules, .post-studio-grid) { gap: 18px; }
body.cosmos .trust-metrics strong { font-size: clamp(2.2rem, 3.2vw, 3.6rem); font-weight: 750; letter-spacing: -.03em; line-height: 1;
  background: linear-gradient(100deg, #fff3d2, #f0b94a 45%, #ffe9bd 70%, #c98a22); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.cosmos .post-studio-grid article { overflow: hidden; padding: 0 0 1.5rem; }
body.cosmos .post-studio-grid article > :not(img):not(i) { margin-inline: 1.5rem; }
body.cosmos .post-studio-grid img { border-radius: 0; width: 100%; }
body.cosmos :is(.post-studio-visual img, .caravan-photo, .caravan-photo img, .location-visual, .location-visual img, .location-gallery figure, .location-gallery img, .ai-video-card, .ai-showcase) { border-radius: var(--cr); }
body.cosmos :is(.caravan-photo, .location-visual, .ai-video-card, .post-studio-visual) { overflow: hidden; box-shadow: 0 30px 70px -20px #000, inset 0 0 0 1px rgba(255, 255, 255, .1); }
body.cosmos .ai-showcase { border: 0; background: rgba(255, 255, 255, .04); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 0 0 1px rgba(255, 255, 255, .06); }

/* Локации */
body.cosmos .location-caption { border: 0; border-radius: 18px; background: rgba(10, 12, 18, .5); -webkit-backdrop-filter: blur(18px) saturate(180%); backdrop-filter: blur(18px) saturate(180%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 0 0 1px rgba(255, 255, 255, .08); }
body.cosmos .location-visual img { filter: contrast(1.1) saturate(.9) brightness(.9); }
body.cosmos .location-gallery { gap: 14px; }
body.cosmos .location-gallery figure { grid-template-rows: clamp(110px, 9vw, 190px) 1fr; border: 0; border-radius: 18px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 20px 40px -18px #000; }
body.cosmos .location-gallery img { border-radius: 0; filter: contrast(1.1) saturate(.9) brightness(.9); }
body.cosmos .location-gallery strong { color: var(--cinema-text); }
body.cosmos .location-gallery small { color: var(--gold); }
body.cosmos .location-gallery :is(span, em) { color: var(--cinema-muted); }

/* Рентал: техника на тёмной сцене */
body.cosmos .equipment-strip figure { border: 0; border-radius: var(--cr); overflow: hidden; background: radial-gradient(120% 90% at 30% 0%, rgba(255, 226, 160, .16), rgba(255, 255, 255, .03) 60%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 0 0 1px rgba(255, 255, 255, .07), 0 24px 60px -18px rgba(0, 0, 0, .65); }
body.cosmos .equipment-strip figure:nth-child(-n+2) img { object-fit: contain; padding: 8%; background: none; filter: brightness(.85) contrast(1.12) drop-shadow(0 20px 30px rgba(0, 0, 0, .6)); }
body.cosmos .equipment-strip figcaption { padding: 0 1.2rem 1.1rem; font-weight: 650; }

/* ───────── Работы: киноплёнка ───────── */
body.cosmos .project-row.project-showcase {
  position: relative; margin-inline: calc(-1 * var(--gut)); padding: 46px var(--gut);
  background: linear-gradient(180deg, rgba(0, 0, 0, .74), rgba(0, 0, 0, .52));
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(255, 255, 255, .08);
}
body.cosmos .project-row.project-showcase::before, body.cosmos .project-row.project-showcase::after {
  content: ""; position: absolute; left: 0; right: 0; height: 18px; opacity: .5; border-radius: 4px;
  background: repeating-linear-gradient(90deg, transparent 0 14px, rgba(244, 239, 230, .82) 14px 34px, transparent 34px 48px);
}
body.cosmos .project-row.project-showcase::before { top: 14px } body.cosmos .project-row.project-showcase::after { bottom: 14px }
body.cosmos .project-row article img { border-radius: 14px; border: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 30px 60px -20px #000; }
body.cosmos .project-archive > summary { border-radius: 999px; }

/* ───────── Контакты и горизонт планеты ───────── */
body.cosmos .request-card :is(input, select, textarea) { border-radius: 14px; border: 0; background: rgba(0, 0, 0, .32); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .09); color: var(--cinema-text); }
body.cosmos .request-card :is(input, select, textarea):focus { outline: 0; box-shadow: inset 0 0 0 1.5px var(--gold), 0 0 0 4px rgba(240, 185, 74, .16); }
body.cosmos .request-quick button { border-radius: 999px; }
body.cosmos .footer { position: relative; overflow: hidden; margin-top: 40px; padding: 210px var(--gut) 34px; }
body.cosmos .footer::before { content: ""; position: absolute; left: 50%; top: 90px; width: max(240vw, 3200px); aspect-ratio: 1; transform: translateX(-50%); border-radius: 50%; z-index: -1;
  background: radial-gradient(closest-side, #020308 97%, #0a0f1c 99.2%, #05060a);
  box-shadow: 0 -2px 0 rgba(235, 243, 255, .9), 0 -8px 30px rgba(170, 205, 255, .6), 0 -40px 120px rgba(110, 150, 255, .3), 0 -120px 300px rgba(90, 120, 255, .12); }

/* Док */
body.cosmos .contact-dock { position: fixed; border-radius: 999px; padding: 6px; gap: 4px; overflow: visible; transition: opacity .4s, transform .4s; }
body.cosmos .contact-dock a { border-radius: 999px; border: 0; background: none; position: relative; z-index: 3; }
body.cosmos .contact-dock.cosmos-off { opacity: 0; transform: translateY(20px); pointer-events: none; }

/* Модальное окно галереи */
body.cosmos .gallery-dialog { border-radius: var(--cr); overflow: hidden; }

@media (max-width: 980px) {
  body.cosmos .hero { grid-template-columns: 1fr; padding: 110px var(--gut) 40px; min-height: 0; }
  body.cosmos .hero-media { grid-column: 1; grid-row: 1; margin-inline: 6%; }
  body.cosmos .hero-media img { width: 100%; margin: 0; }
  body.cosmos .hero-content.hero-content-partner { grid-row: 2; }
  body.cosmos .hero-panel { position: relative; left: auto; right: auto; bottom: auto; grid-row: 3; }
  .cosmos-finder { inset: 84px 14px auto; height: 46vw; }
  .cosmos-finder .tr, .cosmos-finder .br, .cosmos-finder .bl { display: none; }
  body.cosmos .site-header { background: rgba(8, 10, 16, .72); -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%); }
}
@media (max-width: 620px) {
  body.cosmos .hero-panel { grid-template-columns: 1fr; }
  body.cosmos .hero-panel div { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .09); padding: 1.1rem 1.4rem; }
  body.cosmos .hero-panel div:first-child { border-top: 0; }
  body.cosmos { --cr: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .cosmos-grain, .cosmos-rec, body.cosmos .hero-media img { animation: none !important; }
  .cosmos-bars { display: none; }
  body.cosmos.motion-ready [data-reveal] { filter: none; }
}
@media (prefers-reduced-transparency: reduce) {
  body.cosmos :is(.cinema-glass-tile, .hero-panel, .contact-dock, .site-header, .button.secondary) { -webkit-backdrop-filter: none; backdrop-filter: none; background: #1a1d24; }
}
@media print { .cosmos-scene, .cosmos-grain, .cosmos-bars, .cosmos-finder { display: none !important; } }

/* ═══════════════════════════════════════════════════════════════
   ВНУТРЕННИЕ СТРАНИЦЫ (прайс, свет, локации, услуги, гид, служебные)
   1) автоматическая тёмная карта цветов по styles.css — только цвета
   ═══════════════════════════════════════════════════════════════ */
body.cosmos:not(.cinema-theme) .skip-link{color: #f4efe6;color: #1a1203}
body.cosmos:not(.cinema-theme) .services-menu-links a:hover{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .nav a:not(.language-link)::after{color: #1a1203}
body.cosmos:not(.cinema-theme) .button.primary{color: #1a1203}
body.cosmos:not(.cinema-theme) .button.secondary.dark{border-color: rgba(255, 255, 255, 0.237);color: #f4efe6}
body.cosmos:not(.cinema-theme) .intro{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .intro h2,body.cosmos:not(.cinema-theme) .intro h3,body.cosmos:not(.cinema-theme) .location-band h2,body.cosmos:not(.cinema-theme) .price-section h2,body.cosmos:not(.cinema-theme) .price-section h3{color: #f4efe6}
body.cosmos:not(.cinema-theme) .service-grid{border: 1px solid rgba(255, 255, 255, 0.214)}
body.cosmos:not(.cinema-theme) .service-grid article{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .intro .service-grid p{color: rgba(244, 239, 230, 0.78)}
body.cosmos:not(.cinema-theme) .service-grid li{color: rgba(244, 239, 230, 0.72)}
body.cosmos:not(.cinema-theme) .audience-band{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .audience-grid{border: 1px solid rgba(255, 255, 255, 0.191)}
body.cosmos:not(.cinema-theme) .audience-grid article{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .audience-grid h3{color: #f4efe6}
body.cosmos:not(.cinema-theme) .audience-grid p{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .ai-band{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .ai-band h2{color: #f4efe6}
body.cosmos:not(.cinema-theme) .ai-band p{color: rgba(244, 239, 230, 0.82)}
body.cosmos:not(.cinema-theme) .ai-capabilities article{border: 1px solid rgba(255, 255, 255, 0.168);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .ai-capabilities h3{color: #f4efe6}
body.cosmos:not(.cinema-theme) .ai-showcase{border-top: 1px solid rgba(255, 255, 255, 0.214)}
body.cosmos:not(.cinema-theme) .ai-showcase h3{color: #f4efe6}
body.cosmos:not(.cinema-theme) .ai-video-card{border: 1px solid rgba(255, 255, 255, 0.214)}
body.cosmos:not(.cinema-theme) .text-link.dark{color: #f4efe6}
body.cosmos:not(.cinema-theme) .post-studio{color: #f4efe6;background: rgba(255, 255, 255, .05)}
body.cosmos:not(.cinema-theme) .post-studio h2,body.cosmos:not(.cinema-theme) .post-studio h3{color: #f4efe6}
body.cosmos:not(.cinema-theme) .post-studio-copy > p{color: rgba(244, 239, 230, 0.82)}
body.cosmos:not(.cinema-theme) .post-tags span{border: 1px solid rgba(255, 255, 255, 0.191);color: rgba(244, 239, 230, 0.86)}
body.cosmos:not(.cinema-theme) .post-studio-grid{border: 1px solid rgba(255, 255, 255, 0.191)}
body.cosmos:not(.cinema-theme) .post-studio-grid article{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .post-studio-grid p{color: rgba(244, 239, 230, 0.78)}
body.cosmos:not(.cinema-theme) .price-section{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .price-grid article{border: 1px solid rgba(255, 255, 255, 0.191);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .price-grid p{color: rgba(244, 239, 230, 0.78)}
body.cosmos:not(.cinema-theme) .price-help{border: 1px solid rgba(255, 255, 255, 0.191);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .price-help strong{color: #f4efe6}
body.cosmos:not(.cinema-theme) .price-help p{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .location-band{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .location-band p{color: rgba(244, 239, 230, 0.82)}
body.cosmos:not(.cinema-theme) .location-types article{background: rgba(255, 255, 255, .055);border: 1px solid rgba(255, 255, 255, 0.168)}
body.cosmos:not(.cinema-theme) .location-types h3,body.cosmos:not(.cinema-theme) .location-support h3{color: #f4efe6}
body.cosmos:not(.cinema-theme) .location-gallery figure{background: rgba(255, 255, 255, .055);border: 1px solid rgba(255, 255, 255, 0.168)}
body.cosmos:not(.cinema-theme) .location-gallery strong{color: #f4efe6}
body.cosmos:not(.cinema-theme) .location-gallery span{color: rgba(244, 239, 230, 0.82)}
body.cosmos:not(.cinema-theme) .location-gallery em{color: rgba(244, 239, 230, 0.7)}
body.cosmos:not(.cinema-theme) .location-support{border: 1px solid rgba(255, 255, 255, 0.145)}
body.cosmos:not(.cinema-theme) .location-support ul{color: rgba(244, 239, 230, 0.86)}
body.cosmos:not(.cinema-theme) .tags span{border: 1px solid rgba(255, 255, 255, 0.214);color: rgba(244, 239, 230, 0.9)}
body.cosmos:not(.cinema-theme) .error-links a:hover{color: #f4efe6;background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .download-section{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .download-section h2{color: #f4efe6}
body.cosmos:not(.cinema-theme) .download-section p{color: rgba(244, 239, 230, 0.8)}
body.cosmos:not(.cinema-theme) .download-grid a,body.cosmos:not(.cinema-theme) .download-grid button{border: 1px solid rgba(255, 255, 255, 0.191);color: #f4efe6;background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .download-grid .download-primary{color: #1a1203}
body.cosmos:not(.cinema-theme) .download-status{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .document-page{color: #f4efe6;background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .document-hero{border-right: 1px solid rgba(255, 255, 255, 0.168)}
body.cosmos:not(.cinema-theme) .document-hero h1{color: #f4efe6}
body.cosmos:not(.cinema-theme) .document-hero p{color: rgba(244, 239, 230, 0.82)}
body.cosmos:not(.cinema-theme) .document-status{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .document-frame{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .document-preview img{border: 1px solid rgba(255, 255, 255, 0.214);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .document-preview figcaption{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .document-archive{border: 1px solid rgba(255, 255, 255, 0.168);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .document-archive strong{color: #f4efe6}
body.cosmos:not(.cinema-theme) .document-archive p{color: rgba(244, 239, 230, 0.8)}
body.cosmos:not(.cinema-theme) .guide-page{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .guide-sidebar nav,body.cosmos:not(.cinema-theme) .guide-related{border: 1px solid rgba(255, 255, 255, 0.168);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .guide-sidebar a,body.cosmos:not(.cinema-theme) .guide-related a{color: rgba(244, 239, 230, 0.86)}
body.cosmos:not(.cinema-theme) .guide-sidebar a:hover,body.cosmos:not(.cinema-theme) .guide-sidebar a:focus-visible,body.cosmos:not(.cinema-theme) .guide-related a:hover,body.cosmos:not(.cinema-theme) .guide-related a:focus-visible{color: #f4efe6}
body.cosmos:not(.cinema-theme) .guide-intro h2{color: #f4efe6}
body.cosmos:not(.cinema-theme) .guide-intro p,body.cosmos:not(.cinema-theme) .guide-answer p,body.cosmos:not(.cinema-theme) .guide-checklist li,body.cosmos:not(.cinema-theme) .guide-source-list li{color: rgba(244, 239, 230, 0.86)}
body.cosmos:not(.cinema-theme) .guide-answer{border: 1px solid rgba(255, 255, 255, 0.145);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .guide-answer h2{color: #f4efe6}
body.cosmos:not(.cinema-theme) .guide-answer li{color: rgba(244, 239, 230, 0.84)}
body.cosmos:not(.cinema-theme) .guide-callout{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .guide-callout strong{color: #f4efe6}
body.cosmos:not(.cinema-theme) .guide-callout p{color: rgba(244, 239, 230, 0.88)}
body.cosmos:not(.cinema-theme) .producer-guide-band{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .producer-guide-grid a{border: 1px solid rgba(255, 255, 255, 0.168);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .producer-guide-grid strong{color: #f4efe6}
body.cosmos:not(.cinema-theme) .producer-guide-grid small{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .catalogue-section{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .catalogue-section h2,body.cosmos:not(.cinema-theme) .catalogue-section h3,body.cosmos:not(.cinema-theme) .terms-section h2{color: #f4efe6}
body.cosmos:not(.cinema-theme) .catalogue-note{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .catalogue-source-status{color: rgba(244, 239, 230, 0.66)}
body.cosmos:not(.cinema-theme) .catalogue-refresh{border: 1px solid rgba(255, 255, 255, 0.191);background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .catalogue-refresh:hover{border-color: rgba(255, 255, 255, 0.5)}
body.cosmos:not(.cinema-theme) .search-field span{color: rgba(244, 239, 230, 0.72)}
body.cosmos:not(.cinema-theme) .search-field input{border: 1px solid rgba(255, 255, 255, 0.237);color: #f4efe6;background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .category-tabs button{border: 1px solid rgba(255, 255, 255, 0.214);color: rgba(244, 239, 230, 0.86)}
body.cosmos:not(.cinema-theme) .category-tabs button span{color: rgba(244, 239, 230, 0.72)}
body.cosmos:not(.cinema-theme) .category-tabs button.is-active{color: #1a1203}
body.cosmos:not(.cinema-theme) .category-tabs button.is-active span{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .catalogue-status{border: 1px solid rgba(255, 255, 255, 0.168);color: rgba(244, 239, 230, 0.76);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .catalogue-empty{border: 1px solid rgba(255, 255, 255, 0.168);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .catalogue-empty strong{color: #f4efe6}
body.cosmos:not(.cinema-theme) .catalogue-empty span{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .catalogue-empty button{border: 1px solid rgba(255, 255, 255, 0.214)}
body.cosmos:not(.cinema-theme) .lighting-catalogue{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .lighting-catalogue h2,body.cosmos:not(.cinema-theme) .lighting-catalogue h3{color: #f4efe6}
body.cosmos:not(.cinema-theme) .lighting-catalogue .catalogue-toolbar p:last-child{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .lighting-filters{border: 1px solid rgba(255, 255, 255, 0.168);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .lighting-filters span{color: rgba(244, 239, 230, 0.69)}
body.cosmos:not(.cinema-theme) .lighting-filters input,body.cosmos:not(.cinema-theme) .lighting-filters select{border: 1px solid rgba(255, 255, 255, 0.214);color: #f4efe6;background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .lighting-filters button{border: 1px solid rgba(255, 255, 255, 0.214);color: #f4efe6}
body.cosmos:not(.cinema-theme) .lighting-empty{border: 1px solid rgba(255, 255, 255, 0.168);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .lighting-empty strong{color: #f4efe6}
body.cosmos:not(.cinema-theme) .lighting-empty span{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .lighting-card{border: 1px solid rgba(255, 255, 255, 0.168);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .lighting-card-image{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .lighting-card p{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .lighting-card dt{color: rgba(244, 239, 230, 0.66)}
body.cosmos:not(.cinema-theme) .lighting-card dd{color: rgba(244, 239, 230, 0.9)}
body.cosmos:not(.cinema-theme) .lighting-card-actions button{border: 1px solid rgba(255, 255, 255, 0.214);color: #f4efe6}
body.cosmos:not(.cinema-theme) .lighting-modal-media{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .lighting-modal-thumbs button{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .lighting-modal-close::before,body.cosmos:not(.cinema-theme) .lighting-modal-close::after{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .price-table{border: 1px solid rgba(255, 255, 255, 0.191);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .price-table-head{color: rgba(244, 239, 230, 0.66);border-bottom: 1px solid rgba(255, 255, 255, 0.168)}
body.cosmos:not(.cinema-theme) .price-table article{border-bottom: 1px solid rgba(255, 255, 255, 0.145)}
body.cosmos:not(.cinema-theme) .price-table p{color: rgba(244, 239, 230, 0.72)}
body.cosmos:not(.cinema-theme) .price-table article > span{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .price-table button,body.cosmos:not(.cinema-theme) .clear-quote{border: 1px solid rgba(255, 255, 255, 0.214);color: #f4efe6}
body.cosmos:not(.cinema-theme) .terms-section{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .terms-grid article{border: 1px solid rgba(255, 255, 255, 0.168);background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .terms-grid h3{color: #f4efe6}
body.cosmos:not(.cinema-theme) .terms-grid p{color: rgba(244, 239, 230, 0.78)}
body.cosmos:not(.cinema-theme) .tashkent-catalogue{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .tashkent-catalogue-head p:last-child{color: rgba(244, 239, 230, 0.82)}
body.cosmos:not(.cinema-theme) .tashkent-filters{background: rgba(255, 255, 255, .055);border: 1px solid rgba(255, 255, 255, 0.191)}
body.cosmos:not(.cinema-theme) .tashkent-filters span{color: rgba(244, 239, 230, 0.7)}
body.cosmos:not(.cinema-theme) .tashkent-filters input,body.cosmos:not(.cinema-theme) .tashkent-filters select,body.cosmos:not(.cinema-theme) .tashkent-filters button{border: 1px solid rgba(255, 255, 255, 0.214);background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .tashkent-catalogue-status{color: rgba(244, 239, 230, 0.72)}
body.cosmos:not(.cinema-theme) .tashkent-catalogue-status strong{color: #f4efe6}
body.cosmos:not(.cinema-theme) .tashkent-card{background: rgba(255, 255, 255, .055);border: 1px solid rgba(255, 255, 255, 0.168)}
body.cosmos:not(.cinema-theme) .tashkent-card button{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .tashkent-card-copy span,body.cosmos:not(.cinema-theme) .tashkent-card-copy small{color: rgba(244, 239, 230, 0.68)}
body.cosmos:not(.cinema-theme) .tashkent-card-copy h3{color: #f4efe6}
body.cosmos:not(.cinema-theme) .tashkent-card-copy p{color: rgba(244, 239, 230, 0.8)}
body.cosmos:not(.cinema-theme) .tashkent-empty{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .tashkent-modal{color: #f4efe6;background: rgba(255, 255, 255, .055);border: 1px solid rgba(255, 255, 255, 0.26)}
body.cosmos:not(.cinema-theme) .tashkent-modal-close::before,body.cosmos:not(.cinema-theme) .tashkent-modal-close::after{background: rgba(255, 255, 255, .055)}
body.cosmos:not(.cinema-theme) .tashkent-modal-content h2{color: #f4efe6}
body.cosmos:not(.cinema-theme) .tashkent-modal-title-en{color: rgba(244, 239, 230, 0.76)}
body.cosmos:not(.cinema-theme) .tashkent-modal-meta span{border: 1px solid rgba(255, 255, 255, 0.214);color: rgba(244, 239, 230, 0.82)}
body.cosmos:not(.cinema-theme) .tashkent-modal-content p{color: rgba(244, 239, 230, 0.86)}
body.cosmos:not(.cinema-theme) .tashkent-modal-note strong{color: #f4efe6}
body.cosmos:not(.cinema-theme) .tashkent-modal-note span{color: rgba(244, 239, 230, 0.86)}
body.cosmos:not(.cinema-theme) .tashkent-modal-content small{color: rgba(244, 239, 230, 0.66)}
@media (max-width: 980px){body.cosmos:not(.cinema-theme) .document-hero{border-bottom: 1px solid rgba(255, 255, 255, 0.168)}}
@media (max-width: 760px){body.cosmos:not(.cinema-theme) .contact-dock a.is-primary{color: #1a1203}}
@media (min-width: 761px){body.cosmos:not(.cinema-theme) .contact-dock a.is-primary{color: #1a1203}}
body.cosmos:not(.cinema-theme) .service-body{background: rgba(255, 255, 255, .055);color: #f4efe6}
body.cosmos:not(.cinema-theme) .service-body h2{color: #f4efe6}
body.cosmos:not(.cinema-theme) .service-copy a,body.cosmos:not(.cinema-theme) .service-related a{color: #f4efe6}

/* 2) оформление внутренних страниц */
body.cosmos { --radius: 16px; }
body.cosmos:not(.cinema-theme) { --green: #8fd3b6; --muted: #a8a297; --line: rgba(255, 255, 255, .14); color: #f4efe6; }
body.cosmos:not(.cinema-theme) main h1 { font-weight: 750; letter-spacing: -.035em; line-height: 1.03; text-wrap: balance; }
body.cosmos:not(.cinema-theme) main h2 { font-size: clamp(1.6rem, 2.4vw, 2.7rem); }
body.cosmos:not(.cinema-theme) :is(.guide-answer, .guide-shell, .service-body, .service-faq, .terms-section, .error-content) h2 { font-size: clamp(1.3rem, 1.6vw, 1.8rem); letter-spacing: -.02em; }
body.cosmos:not(.cinema-theme) main :is(p, li) { color: rgba(244, 239, 230, .8); }
body.cosmos:not(.cinema-theme) main a:not(.button):not([class]) { color: var(--gold-strong); }
body.cosmos:not(.cinema-theme) :is(.guide-page, .service-body, .document-page) { background: transparent; }

/* первые экраны внутренних страниц: космос вместо плашки, фото уходит в глубину */
body.cosmos:not(.cinema-theme) main > section:first-child { padding-top: clamp(130px, 17vh, 190px) !important; }
body.cosmos:not(.cinema-theme) main > section:first-child::after, body.cosmos:not(.cinema-theme) main > section:first-child::before { background: none; }
body.cosmos:not(.cinema-theme) main > section:first-child > :is(.price-hero-media, .lighting-hero-media, .tashkent-hero-media, .service-hero-media, .guide-hero-media, picture, img):first-child {
  opacity: .34; -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent 96%); mask-image: linear-gradient(180deg, #000 30%, transparent 96%); filter: saturate(.8) contrast(1.1);
}

/* панели и карточки: стекло без размытия (их много — бережём скорость) */
body.cosmos:not(.cinema-theme) :is(.lighting-card, .tashkent-card, .guide-answer, .guide-callout, .guide-sidebar nav, .guide-related, .download-grid a, .download-grid button, .price-summary article, .error-links a, .service-faq details, .catalogue-empty, .lighting-empty, .lighting-note article, .guide-hero aside, .price-hero aside, .lighting-hero aside, .tashkent-hero aside) {
  border: 0; border-radius: var(--cr);
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .03) 45%, rgba(255, 255, 255, .055));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .36), inset 0 0 0 1px rgba(255, 255, 255, .07), 0 22px 50px -22px rgba(0, 0, 0, .7);
}
body.cosmos:not(.cinema-theme) :is(.lighting-card, .tashkent-card) { overflow: hidden; transition: transform .45s cubic-bezier(.2, .7, .2, 1), box-shadow .3s; }
@media (hover: hover) and (pointer: fine) {
  body.cosmos:not(.cinema-theme) :is(.lighting-card, .tashkent-card, .download-grid a, .download-grid button, .error-links a):hover { transform: translateY(-4px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 0 0 1px rgba(255, 226, 160, .22), 0 30px 60px -22px rgba(0, 0, 0, .8); }
}
/* крупные панели: настоящее стекло */
body.cosmos:not(.cinema-theme) :is(.price-table, .tashkent-filters, .lighting-filters, .catalogue-toolbar, .catalogue-refresh, .quote-panel, .quote-form, .request-card, .contact-card, .lighting-modal-content, .tashkent-modal-content, .tashkent-modal) {
  border: 0; border-radius: var(--cr);
  background: linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .03) 45%, rgba(255, 255, 255, .06));
  -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 0 0 1px rgba(255, 255, 255, .08), 0 24px 60px -18px rgba(0, 0, 0, .65);
}
body.cosmos :is(.lighting-modal-content, .tashkent-modal-content, .tashkent-modal, .gallery-dialog) { background: rgba(14, 16, 24, .86); }
body.cosmos:not(.cinema-theme) :is(.lighting-card-image, .lighting-modal-media) { background: radial-gradient(120% 100% at 50% 0%, rgba(255, 255, 255, .92), rgba(226, 230, 240, .86)); }

/* поля и фильтры */
body.cosmos:not(.cinema-theme) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea) {
  border: 0; border-radius: 14px; color: #f4efe6; background-color: rgba(0, 0, 0, .34);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .1);
}
body.cosmos:not(.cinema-theme) :is(input, select, textarea):focus { outline: 0; box-shadow: inset 0 0 0 1.5px var(--gold), 0 0 0 4px rgba(240, 185, 74, .16); }
body.cosmos:not(.cinema-theme) :is(input, textarea)::placeholder { color: rgba(244, 239, 230, .45); }
body.cosmos:not(.cinema-theme) select option { color: #111; }
body.cosmos:not(.cinema-theme) .category-tabs button { border: 0; border-radius: 999px; color: #e6e1d6; background: rgba(255, 255, 255, .07); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); }
body.cosmos:not(.cinema-theme) .category-tabs button.is-active { color: #1a1203; background: linear-gradient(180deg, #ffe2a0, #f0b94a 55%, #d99a2b); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 10px 26px -10px rgba(240, 185, 74, .6); }
body.cosmos:not(.cinema-theme) .category-tabs button.is-active span { background: rgba(26, 18, 3, .16); color: #1a1203; }

/* таблица прайса */
body.cosmos:not(.cinema-theme) .price-table { overflow: hidden; }
body.cosmos:not(.cinema-theme) .price-table :is(th, td, .price-row, tr) { border-color: rgba(255, 255, 255, .08); }
body.cosmos:not(.cinema-theme) .price-table :is(tbody tr, .price-row):hover { background: rgba(255, 255, 255, .05); }

/* статьи: гид продюсера, услуги, политика */
body.cosmos:not(.cinema-theme) main > section:not([class]) { padding-block: clamp(26px, 4vh, 44px); }
body.cosmos:not(.cinema-theme) .guide-callout { box-shadow: inset 3px 0 0 var(--gold), inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 0 0 1px rgba(255, 255, 255, .07); }
body.cosmos:not(.cinema-theme) .footer { color: rgba(244, 239, 230, .7); }

/* прайс: документы, условия, заявка */
body.cosmos:not(.cinema-theme) :is(.download-card, .terms-grid article, .quote-card, .price-summary-card) {
  border: 0; border-radius: var(--cr); color: #f4efe6;
  background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .03) 45%, rgba(255, 255, 255, .055));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .36), inset 0 0 0 1px rgba(255, 255, 255, .07), 0 22px 50px -22px rgba(0, 0, 0, .7);
}
body.cosmos:not(.cinema-theme) .download-card :is(span, strong) { color: inherit; }
body.cosmos:not(.cinema-theme) .download-card strong { opacity: .72; }
body.cosmos:not(.cinema-theme) .download-card::after { color: var(--gold); }
body.cosmos:not(.cinema-theme) .download-grid .download-primary { color: #1a1203; background: linear-gradient(180deg, #ffe2a0, #f0b94a 55%, #d99a2b); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -2px 6px rgba(140, 80, 0, .3), 0 14px 40px -12px rgba(240, 185, 74, .55); }
body.cosmos:not(.cinema-theme) .download-grid .download-primary::after { color: #1a1203; }
body.cosmos:not(.cinema-theme) .terms-grid :is(h3, p) { color: inherit; }
body.cosmos:not(.cinema-theme) .terms-grid p { opacity: .78; }
body.cosmos:not(.cinema-theme) .terms-grid article { padding: 1.5rem; }
body.cosmos:not(.cinema-theme) .quote-card { -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%); }
body.cosmos:not(.cinema-theme) .quote-list { border: 0; border-radius: 16px; background: rgba(0, 0, 0, .3); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .08); }
body.cosmos .sticky-quote { border: 0; border-radius: 22px; background: rgba(14, 16, 24, .72); -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 0 0 1px rgba(255, 226, 160, .2), 0 24px 60px -18px #000; }
body.cosmos:not(.cinema-theme) .price-summary-card { overflow: hidden; }
@media (max-width: 620px) { body.cosmos:not(.cinema-theme) main h1 { font-size: clamp(1.9rem, 8.2vw, 2.5rem); } }

/* слова не рвём по буквам: перенос только по пробелам, размер заголовка подгоняет cosmos.js */
body.cosmos :is(h1, h2, h3, h4, p, li, span, strong, small, em, button, figcaption, summary, label, td, th) { overflow-wrap: normal; word-break: normal; -webkit-hyphens: manual; hyphens: manual; }
body.cosmos .contact-card a { overflow-wrap: break-word; }
/* колонку задаёт общий отступ --gut; собственные max-width секций на широких экранах сжимали текст */
body.cosmos main > section:not(.hero) { max-width: none; }
/* узкие текстовые страницы (политика, 404): колонка для чтения по центру */
body.cosmos:not(.cinema-theme) main > :is(section:not([class]), .error-content) { width: min(58rem, 100% - 2 * clamp(20px, 4vw, 56px)); max-width: none; margin-inline: auto; padding-inline: 0 !important; }