@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400&family=Prata&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap'); /* Default: mobile-app hidden */ .mobile-app { display: none !important; } /* Fixed mobile elements hidden on desktop (≥1201 = real desktop layout) */ @media (min-width: 1201px) { .vc-tabbar, .vc-nav, .vc-menu, .vc-menu-backdrop { display: none !important; visibility: hidden !important; } } /* Mobile + tablet (≤1200): show the mobile design, hide the desktop layout. Tablets (iPad portrait 810/834, iPad Pro 1024, up to 1200px landscape) were previously falling through to a desktop grid built for ≥1100px — the mobile design scales far better across these widths. */ @media (max-width: 1200px) { /* Show mobile */ .mobile-app { display: block !important; } /* Hide desktop */ body > nav:not(.vc-tabbar), .hero-block, .marquee-strip, body > section, body > footer, .pre-bar, #preBar, .cookie-bar, .preloader, .promo-overlay, .lang-panel, .new-era-block, .quote-section, .upcoming-section, .insider-access-section, .promo-split, .perf-section, .artists-split-section, .circle-section, .why-section, .partnerships-section, .mobile-menu, #mobileMenu { display: none !important; } } /* ── TABLET (769–1200): centre the phone column & gently up-scale type ── The mobile design is built for a single narrow column; on tablets we keep that column centred (not stretched edge-to-edge) and nudge the display type up for the longer reading distance. Fixed chrome (nav/tabbar) still spans full width. Below 769 this block is inert, so phones are unaffected. */ @media (min-width: 769px) and (max-width: 1200px) { body { background: #070706; } .mobile-app .app { max-width: 720px; margin-left: auto; margin-right: auto; } /* Gallery / scenes carousel: cap the photo field so the high-res images aren't blown up to ~720px wide (which looked soft) — keep it phone-sized & centred */ .vc-carousel-wrap { max-width: 460px; margin-left: auto; margin-right: auto; } .vc-hero-h1 { font-size: clamp(52px, 7vw, 72px); } .vc-about-h2, .vc-why-h2, .vc-insider-h2 { font-size: clamp(30px, 4.4vw, 42px); } .vc-light-h2 { font-size: clamp(28px, 4vw, 38px); } .vc-about-p, .vc-light-sub, .vc-insider-sub { font-size: clamp(16px, 1.9vw, 19px); } } /* ── MOBILE STYLES ── */ /* ════════════════════════════════════════════════════════════ CLASSICAL BALLET MULTIMEDIA — Mobile RU v3 ════════════════════════════════════════════════════════════ Шрифты: Prata (display) + EB Garamond (body) Палитра: светлая (paper/cream/ivory) + тёплое золото Тёмные: Hero + О нас ──────────────────────────────────────────────────────────── */ :root{ --safe-top: env(safe-area-inset-top, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); --safe-left: env(safe-area-inset-left, 0px); --safe-right: env(safe-area-inset-right, 0px); --black:#0a0a08; --deep:#0e0e0c; --gold-1:#b8922a; --gold-2:#c9a64a; --gold-3:#e8c97a; --gold-4:#f5e4a8; --gold-grad:linear-gradient(135deg,#b8922a 0%,#c9a64a 35%,#e8c97a 55%,#f5e4a8 75%,#b8922a 100%); --gold-text:linear-gradient(135deg,#c9a64a 0%,#e8c97a 40%,#f5e4a8 60%,#c9a64a 100%); --gold-dark:linear-gradient(135deg,#a07820 0%,#c9a64a 50%,#a07820 100%); --ivory:#f5f0e8; --cream:#faf8f5; --paper:#fbf8f2; --ink:#1a1a16; --ink-soft:#5a544a; --hair:rgba(184,146,42,0.18); } *{margin:0;padding:0;box-sizing:border-box;} html{ scroll-behavior:smooth; scrollbar-gutter:stable; } body{ margin:0; background:var(--cream); color:var(--ink); font-family:'EB Garamond',Georgia,serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; } /* Desktop preview wrapper — на мобильных растягивается на весь viewport */ .app{ max-width:430px; margin:0 auto; min-height:100vh; background:var(--cream); box-shadow:0 0 80px rgba(0,0,0,0.18); padding-bottom:calc(80px + env(safe-area-inset-bottom,0px)); } @media (max-width:480px){ .app{box-shadow:none;} } /* ═══════════════════════ TOP NAVBAR — Variant A (точная копия) ═══════════════════════ */ .vc-nav{ position:sticky;top:0;z-index:100002; display:flex;align-items:center;justify-content:space-between; padding:calc(10px + var(--safe-top)) 20px 14px; background:#0a0a08; border-bottom:none; } .vc-nav-lang{ font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.28em; color:rgba(255,255,255,0.6);padding:6px 10px; border:1px solid rgba(201,169,110,0.25); background:none;cursor:pointer; } .vc-nav-logo{ font-family:'Cinzel',serif;text-align:center;line-height:1.2; } .vc-nav-logo-top{ font-size:10px;letter-spacing:0.3em;text-transform:uppercase; background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; display:block; } .vc-nav-logo-sub{ font-size:8px;letter-spacing:0.32em;text-transform:uppercase; color:rgba(255,255,255,0.45);margin-top:2px;display:block; } .vc-nav-burger{ display:flex;flex-direction:column;gap:4px;width:24px;height:24px; align-items:flex-end;justify-content:center; cursor:pointer;background:none;border:none;padding:0; } .vc-nav-burger span{display:block;height:1px;background:var(--gold-3);} .vc-nav-burger span:nth-child(1){width:18px;} .vc-nav-burger span:nth-child(2){width:24px;} /* ─── Burger menu — мобильное модальное окно снизу ─── */ .vc-menu-backdrop{ position:fixed;inset:0;z-index:99998; background:rgba(0,0,0,0.65); opacity:0;pointer-events:none; transition:opacity .35s ease; } .vc-menu-backdrop.open{opacity:1;pointer-events:all;} .vc-menu{ position:fixed; top:0;left:0;right:0;bottom:0; z-index:100000; background:#0a0a08; display:flex;flex-direction:column;justify-content:center; /* содержимое начинается ниже навбара — меню как будто выезжает из-за него */ padding-top:calc(64px + var(--safe-top)); transform:translateY(-100%); visibility:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; transition:transform .42s cubic-bezier(.4,0,.2,1), visibility 0s linear .42s; } .vc-menu.open{ transform:translateY(0); visibility:visible; transition:transform .38s cubic-bezier(.4,0,.2,1), visibility 0s; } /* ─── Burger menu open: pin the navbar (with the close button) to the viewport top so the close affordance is ALWAYS visible, regardless of scroll position. Fixes the "can't close menu when scrolled" bug. ─── */ body.vc-menu-open .vc-nav{ position:fixed; top:0; left:0; right:0; z-index:100002; } .vc-menu-handle{ display:none; } /* Навбар (логотип + язык + бургер) остаётся на месте — собственная шапка меню не нужна */ .vc-menu-head{ display:none !important; } .vc-menu-lang{ display:none !important; } .vc-menu-close{ display:none !important; } /* Бургер превращается в крестик, когда меню открыто */ .vc-nav-burger span{ display:block;width:24px;height:1.5px;background:var(--gold-3); transition:transform .3s ease, opacity .2s ease;transform-origin:center; } .vc-nav-burger.open span:nth-child(1){transform:translateY(3px) rotate(45deg);} .vc-nav-burger.open span:nth-child(2){transform:translateY(-3px) rotate(-45deg);} .vc-menu-list{ position:static !important; display:flex !important;flex-direction:column !important; grid-template-columns:none !important; justify-content:center;align-items:center; padding:0;z-index:auto !important; top:auto !important;left:auto !important;right:auto !important; } .vc-menu-list a{ padding:18px 32px;text-align:center; font-family:'Cinzel',serif;font-size:16px;letter-spacing:0.28em;text-transform:uppercase; font-weight:400;text-decoration:none; background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; transition:opacity .15s; -webkit-tap-highlight-color:transparent;touch-action:manipulation; } .vc-menu-list a:active{opacity:0.55;} /* Стрелки убраны */ .vc-menu-list a::after{content:none !important;} /* ─── Social icons in burger-menu footer ─── */ .vc-menu-social{ display:flex;justify-content:center;align-items:center;gap:20px; margin:18px auto 0;padding-top:24px;width:148px; border-top:1px solid rgba(201,169,110,0.16); flex-shrink:0; } .vc-menu-social a{ display:flex;align-items:center;justify-content:center; width:42px;height:42px;border-radius:50%; border:1px solid rgba(201,169,110,0.32); color:var(--gold-3);text-decoration:none; -webkit-tap-highlight-color:transparent;touch-action:manipulation; transition:border-color .18s, opacity .18s; } .vc-menu-social a:active{opacity:0.55;border-color:var(--gold-4);} .vc-menu-social svg{width:18px;height:18px;display:block;} .vc-menu-foot{ padding:16px 24px calc(28px + var(--safe-bottom)); text-align:center;flex-shrink:0; } .vc-menu-cta{ display:block;padding:16px 32px;text-align:center; background:var(--gold-grad); font-family:'Cinzel',serif;font-size:11px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase; text-decoration:none;color:#0a0a08; -webkit-tap-highlight-color:transparent;touch-action:manipulation; } .vc-menu-cta span{color:#0a0a08;-webkit-text-fill-color:#0a0a08;} /* ═══════════════════════ HERO ═══════════════════════ */ .vc-hero{ position:relative;height:min(80vh,680px);min-height:560px;overflow:hidden; background: radial-gradient(ellipse 60% 50% at 80% 62%, rgba(160,85,18,0.6) 0%, rgba(110,55,12,0.35) 35%, transparent 68%), radial-gradient(ellipse 45% 40% at 65% 78%, rgba(90,45,8,0.3) 0%, transparent 55%), #07060400; background-color:#070604; } /* Video layer */ .vc-hero-video{ position:absolute;inset:0; background-image: linear-gradient(180deg,rgba(7,6,4,0.15) 0%,rgba(6,5,3,0.0) 30%,rgba(5,4,2,0.6) 70%,rgba(4,3,1,0.92) 100%); } .vc-hero-video::before{ content:'';position:absolute;inset:0; background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(255,255,255,0.006) 2px,rgba(255,255,255,0.006) 3px); opacity:0.5; } .vc-hero-video video{ width:100%;height:100%;object-fit:cover;display:block; } /* Season label — middle of hero */ .vc-hero-season{ position:absolute;left:22px;top:38%;z-index:3; display:flex;align-items:center;gap:14px; } .vc-hero-season-line{ width:32px;height:1px;background:#c9a96e;flex-shrink:0; } .vc-hero-season-text{ font-family:'Prata',serif;font-size:9px;letter-spacing:0.42em;text-transform:uppercase; } .vc-hero-season-text strong{ color:#c9a96e;font-weight:400;letter-spacing:0.42em; } .vc-hero-season-text span{ color:rgba(201,169,110,0.55);margin-left:8px;letter-spacing:0.3em; } /* H1 + CTA — bottom of hero */ .vc-hero-content{ position:absolute;left:22px;right:22px;bottom:72px;z-index:3; } .vc-hero-h1{ font-family:'Cinzel',serif;font-size:clamp(38px,10vw,52px);font-weight:400; letter-spacing:0.03em;line-height:1.1;color:#fff;margin-bottom:28px; } .vc-hero-h1 em{ font-family:'Cormorant Garamond',serif;font-style:italic; background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; } .vc-hero-cta{ display:grid;grid-template-columns:1fr 1fr;gap:10px; } .vc-hero-btn-primary{ padding:17px 12px;background:var(--gold-grad); font-family:'Cinzel',serif;font-size:11px;letter-spacing:0.26em;text-transform:uppercase; color:#0a0a08;text-align:center;text-decoration:none; box-shadow:0 8px 28px rgba(201,169,110,0.35); display:flex;align-items:center;justify-content:center; border:none;cursor:pointer;font-weight:700; } .vc-hero-btn-secondary{ padding:17px 12px;background:rgba(255,255,255,0.04);backdrop-filter:blur(8px); border:1px solid rgba(201,169,110,0.4); font-family:'Cinzel',serif;font-size:11px;letter-spacing:0.24em;text-transform:uppercase; color:#fff;text-align:center;text-decoration:none;cursor:pointer; display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700; } .vc-hero-btn-secondary svg{width:10px;height:10px;flex-shrink:0;} /* ─── Marquee ─── */ /* ─── Marquee — анимированная бегущая строка ─── */ .vc-marquee{display:none!important; padding:14px 0; background:transparent; overflow:hidden; -webkit-mask-image:linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); mask-image:linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); } .vc-marquee-track{ display:flex;width:max-content; animation:vcMarquee 40s linear infinite; white-space:nowrap;will-change:transform; } .vc-marquee-item{ font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;text-transform:uppercase; padding:0 20px; background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; display:inline-flex;align-items:center;flex-shrink:0; } .vc-marquee-sep{ padding:0 4px;color:rgba(201,169,110,0.4);font-size:11px;flex-shrink:0; } @keyframes vcMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}} /* iOS Safari fix */ @supports (-webkit-touch-callout:none){ .vc-marquee{display:none!important;overflow:visible !important;-webkit-mask-image:none !important;mask-image:none !important;} .vc-marquee-track{width:9999px !important;} .vc-marquee-item{background:none !important;-webkit-background-clip:unset !important;background-clip:unset !important;-webkit-text-fill-color:rgba(201,169,110,0.85) !important;color:rgba(201,169,110,0.85) !important;} .vc-marquee-sep{color:rgba(201,169,110,0.4) !important;} } /* ═══════════════════════ О НАС (dark, opera-house bg) ═══════════════════════ */ .vc-about{ position:relative;min-height:520px;overflow:hidden; display:flex;align-items:center;justify-content:center; background:#0a0a08; } .vc-about-bg{ position:absolute;inset:0;z-index:0; } .vc-about-bg img{ width:100%;height:100%;object-fit:cover;object-position:center 30%; display:block;transform:scale(1.04);transition:transform 8s ease; } .vc-about:hover .vc-about-bg img{transform:scale(1.0);} .vc-about-overlay{ position:absolute;inset:0;z-index:1; background: linear-gradient(180deg,rgba(10,10,8,0.62) 0%,rgba(10,10,8,0.48) 40%,rgba(10,10,8,0.72) 100%), linear-gradient(90deg,rgba(10,10,8,0.35) 0%,transparent 60%); } .vc-about-content{ position:relative;z-index:2;padding:64px 28px 56px;text-align:center; } .vc-section-tag{ display:inline-flex;align-items:center;gap:10px;margin-bottom:22px; font-family:'Prata',serif;font-size:9px;letter-spacing:0.42em;text-transform:uppercase; } .vc-section-tag::before,.vc-about .vc-section-tag::after{content:'';width:22px;height:1px;background:var(--gold-grad);} .vc-section-tag span{ background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; } .vc-about-h2{ font-family:'Prata',serif;font-size:30px;font-weight:400;letter-spacing:0.02em;line-height:1.18; color:#fff;margin-bottom:22px; } .vc-about-h2 em{ font-family:'EB Garamond',serif;font-style:italic; background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; } .vc-about-p{ font-family:'EB Garamond',serif;font-size:15px;line-height:1.7; color:rgba(255,255,255,0.78);margin:0 auto 18px;max-width:300px; } .vc-about-line{width:60px;height:1px;background:var(--gold-grad);margin:24px auto 0;} /* ═══════════════════════ LIGHT SECTIONS COMMON ═══════════════════════ */ .vc-light{background:var(--paper);color:var(--ink);padding:56px 24px;} .vc-light-tag{ display:inline-flex;align-items:center;gap:10px;margin-bottom:18px; font-family:'Prata',serif;font-size:9px;letter-spacing:0.42em;text-transform:uppercase; } .vc-light-tag::before{content:'';width:22px;height:1px;background:var(--gold-grad);} .vc-light-tag span{ background:var(--gold-dark);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; } .vc-light-h2{ font-family:'Prata',serif;font-size:30px;font-weight:400;letter-spacing:0.02em;line-height:1.18; color:var(--ink);margin-bottom:14px; } .vc-light-h2 em{ font-family:'EB Garamond',serif;font-style:italic;font-weight:500; background:var(--gold-dark);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; } .vc-light-sub{ font-family:'EB Garamond',serif;font-size:15px;line-height:1.7; color:var(--ink-soft);margin-bottom:28px;max-width:320px; } /* ═══════════════════════ ПРОМО ═══════════════════════ */ .vc-promo-tabs{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;} .vc-promo-tab{ display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px; padding:14px 16px;background:#fff;border:1px solid var(--hair); text-decoration:none;color:var(--ink);cursor:pointer; font:inherit; } .vc-promo-tab.active{ background:#fdf8ee;border-color:rgba(201,169,110,0.55); box-shadow:0 4px 20px rgba(201,169,110,0.12); } .vc-promo-tab-num{ font-family:'Prata',serif;font-size:13px; background:var(--gold-dark);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; letter-spacing:0.1em; } .vc-promo-tab-title{ font-family:'Prata',serif;font-size:12px;letter-spacing:0.14em;text-transform:uppercase; color:var(--ink);text-align:left; } .vc-promo-tab-title em{ display:block;font-family:'EB Garamond',serif;font-style:italic;font-size:13px; color:var(--ink-soft);letter-spacing:0;text-transform:none;margin-top:2px; } .vc-promo-tab-arrow{ width:30px;height:30px;border-radius:50%; border:1px solid rgba(201,169,110,0.4); display:flex;align-items:center;justify-content:center; color:#a07820;font-size:13px; } .vc-promo-player{ position:relative;aspect-ratio:16/9;background:#0e0e0c;overflow:hidden; border:1px solid var(--hair); } .vc-promo-player-bg{ position:absolute;inset:0; background-color:#0e0e0c; background-image: radial-gradient(ellipse at 40% 50%, rgba(232,201,122,0.16) 0%, transparent 50%), radial-gradient(ellipse at 70% 60%, rgba(184,115,51,0.18) 0%, transparent 55%), linear-gradient(180deg,#1a1410 0%,#0a0806 100%); background-size:110%;background-position:center;background-repeat:no-repeat; } .vc-promo-player-bg::after{ content:'';position:absolute;inset:0; background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(255,255,255,0.012) 2px,rgba(255,255,255,0.012) 3px); } /* Кинематографичное затемнение постера — как в десктоп-версии */ .vc-promo-player-bg::before{ content:'';position:absolute;inset:0;z-index:1; background:linear-gradient(180deg, rgba(8,8,6,0.1) 0%, rgba(8,8,6,0.5) 70%, rgba(8,8,6,0.75) 100%); } .vc-promo-play{ position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2; display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer; background:none;border:none;padding:0;-webkit-appearance:none;appearance:none; -webkit-tap-highlight-color:transparent;touch-action:manipulation; } .vc-promo-play-ring{ width:80px;height:80px;border-radius:50%; border:1px solid rgba(201,169,110,0.5); background:rgba(8,8,6,0.45); -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px); display:flex;align-items:center;justify-content:center; transition:background .3s, transform .3s, border-color .3s; } .vc-promo-play:active .vc-promo-play-ring{ background:rgba(201,169,110,0.18);border-color:rgba(201,169,110,0.9);transform:scale(1.08); } .vc-promo-play-icon{ width:0;height:0;border-left:14px solid var(--gold-3); border-top:9px solid transparent;border-bottom:9px solid transparent; margin-left:4px; } .vc-promo-play-label{ font-family:'Prata',serif;font-size:9px;letter-spacing:0.4em;text-transform:uppercase; color:rgba(201,169,110,0.9); } .vc-promo-player-meta{ position:absolute;left:14px;bottom:12px;z-index:2; display:flex;align-items:center;gap:8px; font-family:'Prata',serif;font-size:9px;letter-spacing:0.3em;text-transform:uppercase; color:rgba(255,255,255,0.55); } .vc-promo-player-meta b{ font-weight:400; background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; } .vc-promo-player-meta i{width:14px;height:1px;background:rgba(201,169,110,0.4);font-style:normal;} /* ═══════════════════════ СПЕКТАКЛИ + СОЛИСТЫ ═══════════════════════ */ .vc-section-perf{background:var(--cream);padding-bottom:64px;} .vc-perf-stack{display:flex;flex-direction:column;gap:16px;margin-bottom:18px;} .vc-perf-card{background:#fff;border:1px solid var(--hair);width:100%;} .vc-perf-img{ aspect-ratio:16/10; background:linear-gradient(135deg,#1a1410 0%,#3a2818 50%,#0e0e0c 100%); position:relative;overflow:hidden; } .vc-perf-img img{width:100%;height:100%;object-fit:cover;display:block;} .vc-perf-img::after{ content:'';position:absolute;inset:0;pointer-events:none; background: radial-gradient(ellipse at 30% 70%, rgba(232,201,122,0.2) 0%, transparent 50%), radial-gradient(ellipse at 70% 30%, rgba(184,115,51,0.14) 0%, transparent 50%); } .vc-perf-img-label{ display:none !important; } .vc-perf-img-badge{ position:absolute;top:12px;left:12px;z-index:2; font-family:'Prata',serif;font-size:8px;letter-spacing:0.32em;text-transform:uppercase; padding:5px 9px;background:rgba(10,10,8,0.7);backdrop-filter:blur(6px); color:var(--gold-3); } .vc-perf-body{padding:14px 16px 16px;} .vc-perf-tag{ font-family:'Prata',serif;font-size:9px;letter-spacing:0.32em;text-transform:uppercase; color:#a07820;margin-bottom:6px; } .vc-perf-title{ font-family:'Cinzel',serif;font-size:15px;font-weight:700;letter-spacing:0.04em; color:var(--ink);margin-bottom:8px;line-height:1.25; } .vc-perf-desc{ font-family:'EB Garamond',serif;font-size:13px;line-height:1.5; color:var(--ink-soft);margin-bottom:14px; } .vc-perf-btn{ display:block;padding:12px;background:#0a0a08;text-align:center;text-decoration:none; } .vc-perf-btn span{ font-family:'Cinzel',serif;font-size:10px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase; background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; } /* Soloists sub-block */ .vc-soloists-head{margin-top:8px;padding-top:32px;border-top:1px solid var(--hair);} .vc-soloists-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .vc-soloist-card{background:#fff;border:1px solid var(--hair);} .vc-soloist-photo{ aspect-ratio:3/4; background:linear-gradient(180deg,#2a1f14 0%,#1a1410 60%,#0e0a06 100%); position:relative;overflow:hidden; } .vc-soloist-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform 0.5s;filter:grayscale(15%);} .vc-soloist-card:hover .vc-soloist-photo img{transform:scale(1.04);filter:grayscale(0%);} .vc-soloist-photo::after{ content:'';position:absolute;inset:0;pointer-events:none; background: radial-gradient(ellipse at 50% 40%, rgba(232,201,122,0.18) 0%, transparent 55%), radial-gradient(ellipse at 30% 80%, rgba(184,115,51,0.18) 0%, transparent 55%); } .vc-soloist-initials{ position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1; font-family:'Cinzel',serif;font-size:34px;font-weight:400; background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; letter-spacing:0.05em; } .vc-soloist-body{padding:12px 14px 14px;} .vc-soloist-role{ font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.3em;text-transform:uppercase; color:#b87333;margin-bottom:6px; } .vc-soloist-name{ font-family:'Cinzel',serif;font-size:11px;font-weight:400;letter-spacing:0.02em; color:#1a1a16;margin-bottom:3px;line-height:1.2; } .vc-soloist-company{ font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.2em;text-transform:uppercase; color:#8a7a6a; } /* ═══════════════════════ КУЛЬТУРНЫЕ ИНВЕСТИЦИИ ═══════════════════════ */ .vc-invest{background:#fdf8ee;padding:56px 24px;color:var(--ink);} .vc-invest-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 0;} .vc-invest-stat-card{background:#fff;border:1px solid var(--hair);padding:18px 16px;} .vc-invest-stat-label{ font-family:'Prata',serif;font-size:9px;letter-spacing:0.42em;text-transform:uppercase; color:#a07820;margin-bottom:10px; } .vc-invest-stat-num{ font-family:'Cinzel',serif;font-size:24px;letter-spacing:0.02em; color:var(--ink);margin-bottom:6px; } .vc-invest-stat-num em{ font-family:'Cinzel',serif;font-style:normal;font-size:12px; color:var(--ink-soft);font-weight:400; } .vc-invest-stat-p{ font-family:'EB Garamond',serif;font-size:12.5px;line-height:1.5; color:var(--ink-soft); } /* ═══════════════════════ ПОЧЕМУ CBM ═══════════════════════ */ .vc-why{background:#0a0a08;padding:56px 24px;color:#fff;} .vc-why-head{text-align:center;margin-bottom:28px;} .vc-why-head .vc-light-tag{margin-bottom:14px;justify-content:center;} .vc-why-h2{ font-family:'EB Garamond',serif;font-style:italic;font-weight:400; font-size:30px;line-height:1.18;color:#fff;letter-spacing:0; } .vc-why-grid{ display:flex;flex-direction:column;gap:1px;background:rgba(201,169,110,0.15); border-top:1px solid rgba(201,169,110,0.15);border-bottom:1px solid rgba(201,169,110,0.15); } .vc-why-card{ background:#0e0e0c;padding:24px 22px; display:grid;grid-template-columns:36px 1fr;gap:18px;align-items:start; } .vc-why-num{ font-family:'Prata',serif;font-size:13px;letter-spacing:0.1em; background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; padding-top:2px; } .vc-why-card-title{ font-family:'Prata',serif;font-size:14px;font-weight:400;letter-spacing:0.08em;text-transform:uppercase; color:#fff;margin-bottom:6px; } .vc-why-card-p{ font-family:'EB Garamond',serif;font-size:13.5px;line-height:1.55; color:rgba(255,255,255,0.6); } .vc-why .vc-light-tag span{ background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; } .vc-why .vc-light-tag::before{display:none;} /* ═══════════════════════ ДОСТУП ИНСАЙДЕРА ═══════════════════════ */ .vc-insider{background:var(--ivory);padding:60px 24px 72px;text-align:center;color:var(--ink);} .vc-insider .vc-light-tag{justify-content:center;} .vc-insider-h2{ font-family:'Prata',serif;font-size:28px;font-weight:400;letter-spacing:0.02em;line-height:1.2; color:var(--ink);margin-bottom:14px; } .vc-insider-sub{ font-family:'EB Garamond',serif;font-size:15px;line-height:1.6; color:var(--ink-soft);margin:0 auto 28px;max-width:280px; } .vc-insider-form{ display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto; } .vc-insider-input{ padding:14px 16px;background:#fff;border:1px solid rgba(201,169,110,0.4); font-family:'EB Garamond',serif;font-size:14px; color:var(--ink);outline:none; } .vc-insider-input::placeholder{color:#8a8478;} .vc-insider-input:focus{border-color:#c9a64a;} /* No spinner arrows on numeric calculator inputs */ .vc-insider-input::-webkit-outer-spin-button, .vc-insider-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;} .vc-insider-input[type=number]{-moz-appearance:textfield;appearance:textfield;} .vc-insider-btn{ padding:14px;background:var(--gold-grad); font-family:'Cinzel',serif;font-size:10px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase; color:#0a0a08;border:none;cursor:pointer;text-align:center; } .vc-insider-note{ margin-top:18px; font-family:'EB Garamond',serif;font-style:italic;font-size:12px; color:var(--ink-soft); } /* ═══════════════════════ FOOTER ═══════════════════════ */ .vc-footer{ padding:32px 24px;background:#0a0a08;text-align:center; border-top:1px solid rgba(201,169,110,0.12); } .vc-footer-logo{font-family:'Cinzel',serif;line-height:1.2;margin-bottom:16px;} .vc-footer-logo-top{ font-size:10px;letter-spacing:0.3em;text-transform:uppercase; background:var(--gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; display:block; } .vc-footer-logo-sub{ font-size:8px;letter-spacing:0.32em;text-transform:uppercase; color:rgba(255,255,255,0.45);display:block;margin-top:2px; } /* ═══════════════════════ BOTTOM TAB BAR (floating, fixed) ═══════════════════════ */ /* Heavy !important is intentional: defeats desktop's `nav { position:fixed; top:0; display:grid !important; ... }` rules that match all