.three-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-3d);pointer-events:none;opacity:.7;transition:opacity .8s var(--ease-soft)}.hero,.manifest-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(80px,15vh,160px) 0;position:relative;overflow:hidden}.hero-orientir,.hero-local-ai,.hero-lab,.hero-animation{min-height:auto;padding:clamp(40px,8vh,80px) 0 clamp(20px,4vh,40px) 0;margin-bottom:0}.hero-title,.manifest-title{font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:clamp(32px,4vw,48px);position:relative}.title-line{display:block;opacity:0;transform:translateY(30px);animation:titleReveal 1s var(--transition-smooth) forwards}.title-line:nth-child(1){animation-delay:.3s}.title-line:nth-child(2){animation-delay:.6s}.title-line:nth-child(3){animation-delay:.9s}.title-word{position:relative;display:inline-block;cursor:pointer;transition:all var(--transition-smooth)}.title-word:hover{color:transparent;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-green),var(--color-accent-yellow),var(--color-accent-pink));-webkit-background-clip:text;background-clip:text;transform:translateY(-5px)}.hero-subtitle{font-size:clamp(1.25rem,2.2vw,1.75rem);color:var(--color-text-secondary);max-width:900px;margin:0 auto clamp(48px,6vh,72px);line-height:1.7;opacity:0;transform:translateY(20px);animation:titleReveal 1s var(--transition-smooth) .9s forwards}.manifest-subtitle{font-size:clamp(1rem,1.8vw,1.35rem);color:var(--color-text-secondary);max-width:720px;margin:0 auto;line-height:1.7;text-align:center;opacity:0;transform:translateY(20px);animation:titleReveal 1s var(--transition-smooth) .9s forwards;margin-bottom:clamp(80px,12vh,140px)}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-muted);font-size:.85rem;opacity:0;animation:fadeIn 1s ease 1.5s forwards;z-index:5}.scroll-hint:after{content:"";width:2px;height:60px;background:linear-gradient(to bottom,var(--color-accent-blue),transparent);border-radius:1px;animation:scrollHint 2s ease-in-out infinite}.hero-cta{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin-top:48px}.hero--compact{min-height:auto;padding:clamp(20px,5vh,40px) 0 clamp(10px,2vh,20px) 0}.hero--compact .hero-title,.hero--compact .manifest-title{margin-bottom:clamp(16px,3vh,24px)}.about-project{position:relative;margin:0 auto 108px;max-width:var(--container-max-width);padding:0 clamp(24px,5vw,64px);transition:margin-bottom var(--transition-smooth)}.about-project.active{margin-bottom:140px}.about-toggle{width:100%;background:linear-gradient(145deg,#1a1f2999,#10151f99);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all var(--transition-smooth);margin-bottom:0;color:var(--color-text-primary);font-family:Manrope,sans-serif;font-size:1.1rem;font-weight:600;box-shadow:0 10px 40px #0003}.about-toggle:hover{background:linear-gradient(145deg,#242933cc,#1a1f29cc);border-color:#4fc3f766;transform:translateY(-3px);box-shadow:0 20px 60px #0006,0 0 0 1px #4fc3f733}.about-toggle:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.toggle-icon{font-size:1.2rem;transition:transform var(--transition-slow-open)}.about-toggle.active .toggle-icon{transform:rotate(180deg)}.about-content{max-height:0;overflow:hidden;opacity:0;background:#1a1f294d;backdrop-filter:blur(15px);border-radius:0 0 20px 20px;border:1px solid rgba(255,255,255,.08);border-top:none;margin-top:-1px;transition:max-height var(--transition-slow-open),opacity 1.5s var(--ease-slow-open) .3s,transform 1.5s var(--ease-slow-open) .3s;transform:translateY(-10px)}.about-content.active{max-height:200vh;opacity:1;transform:translateY(0);transition:max-height var(--transition-slow-open),opacity 1.2s var(--ease-slow-open) .2s,transform 1.2s var(--ease-slow-open) .2s;overflow:hidden}.about-inner{padding:40px;opacity:0;transform:translateY(10px);transition:opacity 1s var(--ease-slow-open) .4s,transform 1s var(--ease-slow-open) .4s}.about-content.active .about-inner{opacity:1;transform:translateY(0)}.about-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.about-icon{font-size:2.5rem;filter:drop-shadow(0 0 15px rgba(255,204,128,.4))}.about-title{font-size:1.8rem;font-weight:700;color:var(--color-accent-warm);text-shadow:0 0 20px rgba(255,204,128,.3)}.about-subtitle{font-size:1rem;color:var(--color-text-secondary);font-style:italic}.chekhov-text{font-size:1.15rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:32px;position:relative;padding-left:24px;border-left:3px solid rgba(255,204,128,.3)}.chekhov-text p{margin-bottom:24px;text-indent:1.5em}.chekhov-text em{color:var(--color-text-primary);font-style:italic}.contacts-section{background:linear-gradient(145deg,#0a0e14b3,#05090fb3);border-radius:20px;padding:32px;margin-top:48px;border:1px solid rgba(255,204,128,.2);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.contacts-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-warm),transparent)}.contacts-title{font-size:1.3rem;font-weight:700;margin-bottom:20px;color:var(--color-text-primary)}.chekhov-contact-text{margin-bottom:20px;color:var(--color-text-secondary)}.email-link{display:inline-flex;align-items:center;gap:12px;color:var(--color-accent-warm);text-decoration:none;font-size:1.1rem;font-weight:600;padding:16px 32px;background:linear-gradient(135deg,#ffcc8026,#ffab9126);border-radius:20px;border:1px solid rgba(255,204,128,.3);transition:all .5s var(--ease-soft);margin-top:8px;backdrop-filter:blur(10px);box-shadow:0 8px 32px #ffcc801a;position:relative;overflow:hidden}.email-link:hover{background:linear-gradient(135deg,#ffcc8040,#ffab9140);transform:translateY(-4px);box-shadow:0 16px 48px #ffcc8033,0 0 0 1px #ffcc8066;border-color:var(--color-accent-warm);color:#ffcc80}.email-link:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.email-link:after{content:"↗";opacity:0;transform:translate(-10px);transition:all .5s var(--ease-soft)}.email-link:hover:after{opacity:1;transform:translate(0)}.chekhov-close-wrapper{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,204,128,.1)}.chekhov-close-btn{display:inline-flex;align-items:center;gap:10px;background:#ffcc800d;border:1px solid rgba(255,204,128,.2);border-radius:16px;padding:12px 24px;color:var(--color-text-secondary);font-family:Manrope,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .5s var(--ease-soft);backdrop-filter:blur(8px)}.chekhov-close-btn:hover{background:#ffcc801a;border-color:#ffcc8066;color:var(--color-accent-warm);transform:translateY(-2px);box-shadow:0 8px 24px #ffcc801a}.chekhov-close-btn:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.chekhov-close-btn .close-icon{font-size:1.4rem;line-height:1;font-weight:300;transition:transform .5s var(--ease-soft)}.chekhov-close-btn:hover .close-icon{transform:scale(1.2) rotate(90deg)}@media (max-width: 768px){.about-project{margin-bottom:60px}.about-inner{padding:24px}.chekhov-text{font-size:1rem;padding-left:16px}.contacts-section{padding:24px}.email-link{width:100%;justify-content:center}}.performance-panel{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:10px;z-index:var(--z-controls);opacity:.3;transition:opacity .3s}.performance-panel:hover{opacity:1}.perf-btn{padding:10px 16px;background:#0a0e14d9;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:20px;color:var(--color-text-primary);font-family:Manrope,sans-serif;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s var(--ease-soft);min-width:180px}.perf-btn:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.perf-btn:hover{background:#4fc3f726;border-color:#4fc3f766;transform:translateY(-3px)}.perf-btn.active{background:#4fc3f740;border-color:#4fc3f799}.perf-icon{font-size:1.1rem;width:24px;text-align:center;transition:transform .5s var(--ease-soft)}.perf-btn:hover .perf-icon{transform:scale(1.2)}.perf-label{white-space:nowrap;flex:1;text-align:left}@media (max-width: 768px){.performance-panel{bottom:10px;left:10px;right:auto;flex-direction:column;gap:6px;z-index:var(--z-controls);opacity:.85;max-width:180px}.performance-panel:hover{opacity:1}.perf-btn{min-width:auto;padding:8px 12px;font-size:.75rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0e14eb;border:1px solid rgba(255,255,255,.15)}.perf-label{font-size:.72rem;white-space:nowrap}}

/* === v2.6.4 FIX: Chekhov block scroll — REAL SOLUTION ===
   Previous attempts failed because:
   - v2.6.2: max-height:none broke CSS animation (block collapsed to 0)
   - v2.6.3: overscroll-behavior:contain BLOCKED scroll chaining (the
     opposite of what we wanted). This property is for MODALS, where you
     want to PREVENT scroll from leaking to page. For Chekhov blocks we
     want scroll to PASS to page.
   Real fix: overflow:hidden (not auto) so block is NOT a scroll container.
   With overflow:hidden, wheel events pass through to page naturally.
   max-height:200vh is enough for any content (2 screens tall). */
/* === v2.6.4 FIX: ссылки внутри блоков Чехова — цвет как у Лицензии ===
   Браузер по умолчанию красит посещённые ссылки в тёмно-синий/фиолетовый.
   Это выглядело некрасиво на тёмном фоне. Явно фиксируем цвет:
   обычное состояние — accent-blue (светло-синий, как все ссылки),
   hover — text-primary (почти белый, как Лицензия при hover),
   visited — accent-blue (не даём браузеру красить в тёмно-синий). */
.about-inner a, .chekhov-text a {color:var(--color-accent-blue);text-decoration:none;transition:color .2s}
.about-inner a:hover, .chekhov-text a:hover {color:var(--color-text-primary);text-decoration:underline}
.about-inner a:visited, .chekhov-text a:visited {color:var(--color-accent-blue)}