:root{--bg:#0e1114;--ink:#e8eef2;--muted:#8b969f;--accent:#c8f542;--line:#2a3238;--panel:#151a1e;--sans:Outfit, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0}a{color:inherit;text-decoration:none}[data-reveal]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}[data-reveal].is-in{opacity:1;transform:none}.s{min-height:100vh;position:relative}.s-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#c8f54209 1px,#0000 1px),linear-gradient(90deg,#c8f54209 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.s-nav,main,.s-foot{z-index:1;position:relative}.s-mono{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);margin:0;font-size:.78rem}.s-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0e1114e0;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px clamp(16px,3vw,40px);display:grid;position:sticky;top:0}.s-brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.s-brand span{font-family:var(--mono);color:var(--accent);border:1px solid var(--line);padding:3px 6px;font-size:.7rem}.s-nav__desk{justify-content:center;align-items:center;gap:clamp(16px,3vw,32px);display:flex}.s-nav__item{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);align-items:center;min-height:44px;font-size:.78rem;display:inline-flex}.s-nav__item.is-active,.s-nav__item:hover{color:var(--accent)}.s-nav__end{justify-content:flex-end;align-items:center;gap:12px;display:flex}.s-nav__toggle{border:1px solid var(--line);background:var(--panel);min-width:44px;min-height:44px;color:var(--accent);font-family:var(--mono);letter-spacing:.06em;cursor:pointer;justify-content:center;align-items:center;padding:0 10px;font-size:.72rem;display:none}.s-nav__toggle:focus-visible,.s-nav__item:focus-visible,.s-link:focus-visible,.s-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.s-nav__drawer{z-index:19;border-top:1px solid var(--line);background:#0e1114f7;flex-direction:column;gap:8px;padding:28px clamp(16px,4vw,40px) 40px;display:none;position:fixed;inset:57px 0 0}.s-nav.is-open .s-nav__drawer{display:flex}.s-nav__drawer-list{flex-direction:column;gap:4px;display:flex}.s-nav__drawer .s-nav__item{font-size:1.35rem;font-family:var(--sans);letter-spacing:-.03em;color:var(--ink);font-weight:700}.s-nav__drawer .s-nav__item.is-active{color:var(--accent)}.s-nav__drawer .s-nav__write{align-items:center;min-height:44px;margin-top:20px;display:inline-flex}@media (width<=860px){.s-nav{grid-template-columns:1fr auto}.s-nav__desk,.s-nav__end .s-nav__write{display:none}.s-nav__toggle{display:inline-flex}}.s-link{font-family:var(--mono);color:var(--accent);font-size:.8rem}.s-hero{grid-template-columns:.95fr 1.05fr;gap:20px;min-height:calc(100vh - 58px);padding:28px clamp(16px,3vw,40px) 48px;display:grid}@media (width<=960px){.s-hero{grid-template-columns:1fr;min-height:auto}.s-hero--scene{height:auto;min-height:0}.s-hero--boat{grid-template-columns:1fr}.s--lodka{height:auto;overflow:visible}.s--lodka main{overflow:visible}.s--lodka .s-hero--scene{min-height:70vh}}.s-hero h1{letter-spacing:-.04em;margin:12px 0 0;font-size:clamp(2.1rem,4.6vw,3.8rem);font-weight:800;line-height:1.02}.s-hero h1 span{color:var(--accent);margin-top:.15em;font-size:.72em;font-weight:700;display:block}.s-hero__sub{max-width:40ch;color:var(--muted);margin:18px 0 26px;line-height:1.5}.s-hero__actions{flex-wrap:wrap;gap:10px;display:flex}.s-hero__actions--stack{flex-direction:column;align-items:stretch}.s-hero__actions--stack .s-btn{justify-content:center;min-height:44px}.s-btn{background:var(--bg);color:var(--accent);cursor:pointer;border:1px solid #c8f54273;align-items:center;padding:12px 16px;font-family:inherit;font-size:.92rem;font-weight:700;display:inline-flex}.s-btn--accent{background:var(--accent);color:#10140a;border-color:var(--accent)}.s-hero__stage{border:1px solid var(--line);background:linear-gradient(#12171b,#0e1114);grid-template-rows:auto 1fr auto;min-height:460px;display:grid;position:relative}.s-frame{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--muted);justify-content:space-between;gap:8px;padding:10px 12px;font-size:.7rem;display:flex}.s-hero__vp,.s-hero__vp canvas{width:100%;height:100%;min-height:320px;display:block}.s-tele{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:12px;list-style:none;display:grid}.s-tele li{border:1px solid var(--line);background:#0e1114b3;padding:10px}.s-tele strong{font-family:var(--mono);color:var(--accent);font-size:1.2rem;display:block}.s-tele span{color:var(--muted);font-size:.72rem}.s-section{border-top:1px solid var(--line);padding:64px clamp(16px,3vw,40px)}.s-section__head h2{letter-spacing:-.03em;max-width:24ch;margin:10px 0 0;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.1}.s-table{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;display:grid}@media (width<=900px){.s-table{grid-template-columns:1fr}}.s-table article{background:var(--panel);min-height:180px;padding:20px}.s-table h3{margin:8px 0;font-size:1.25rem}.s-table p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.s-why{gap:10px;margin-top:28px;display:grid}.s-why article{border:1px solid var(--line);background:var(--panel);padding:18px 20px}.s-why__top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.s-why h3{margin:0;font-size:1.2rem}.s-why p{color:var(--muted);margin:10px 0 0;line-height:1.45}.s-who{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}@media (width<=900px){.s-who{grid-template-columns:1fr}}.s-who article{border:1px solid var(--line);background:var(--panel);min-height:220px;padding:22px}.s-who h3{margin:8px 0 12px;font-size:1.4rem}.s-who p:not(.s-mono){color:var(--muted);margin:0;line-height:1.45}.s-who__cta{background:#18200f;border-color:#c8f54259}.s-who__cta a{color:var(--accent);font-family:var(--mono);margin-top:18px;font-weight:600;display:inline-block}.s-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px clamp(16px,3vw,40px) 40px;font-size:.9rem;display:flex}.s-foot p:not(.s-mono){max-width:42ch;margin:0}.s-hero--scene{align-items:stretch;height:calc(100vh - 58px);min-height:calc(100vh - 58px)}.s-hero--scene .s-hero__hud{grid-template-rows:auto 1fr;align-self:stretch;gap:28px;min-height:0;display:grid}.s-hero--scene .s-section__head,.s-hero--scene .s-section__head h2{margin:0}.s-hero--scene .s-host{grid-template-rows:1fr;gap:16px;min-height:0;margin-top:0;display:grid}.s-hero--scene .s-host:has(.annexx-host-timeline:not([data-state=empty])){grid-template-rows:auto 1fr}.s-hero--scene .annexx-host-text-panel{height:auto;min-height:0;max-height:none}.s-hero--scene .s-hero__stage{align-self:stretch;height:auto;min-height:0}.s-scene-iframe{pointer-events:auto;background:#0b0f12;border:0;width:100%;height:100%;min-height:320px}.s-scene-iframe--white{background:#fff}.s-hero--scroll .s-hero__stage{touch-action:none;overscroll-behavior:none;cursor:ns-resize}html.annexx-page-scroll{scroll-behavior:auto}@media (pointer:coarse){.s--watch-scroll .s-hero-scroll-track,.s--scroll-scene .s-hero-scroll-track{height:320vh}.s--watch-scroll .s-hero-scroll-sticky,.s--scroll-scene .s-hero-scroll-sticky{flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.s--watch-scroll .s-hero-scroll-sticky .s-hero,.s--scroll-scene .s-hero-scroll-sticky .s-hero{flex:1;height:100%;min-height:0}.s--watch-scroll .s-hero--scroll .s-hero__stage,.s--scroll-scene .s-hero--scroll .s-hero__stage{touch-action:pan-y;overscroll-behavior:auto}}.s-hero--scroll .s-scene-iframe{pointer-events:none}.s-hero--scroll .s-host{grid-template-rows:auto auto;align-content:start}.s-hero--scroll .s-host .s-hero__sub{max-width:none;margin:0}.s-ex-head{padding-top:36px}.s-ex-head .s-section__head h2{max-width:32ch}.s-ex-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;display:grid}@media (width<=900px){.s-ex-grid{grid-template-columns:1fr}}.s-ex{background:var(--panel);flex-direction:column;min-width:0;padding:0 0 20px;display:flex}.s-ex .s-frame{border-bottom:1px solid var(--line)}.s-ex__shot{border-bottom:1px solid var(--line);background:linear-gradient(#12171b,#0e1114);min-height:180px;display:block;overflow:hidden}.s-ex__shot img{object-fit:cover;width:100%;height:180px;display:block}.s-ex h3{letter-spacing:-.03em;margin:16px 20px 8px;font-size:1.25rem}.s-ex h3 a:hover{color:var(--accent)}.s-ex p:not(.s-mono){color:var(--muted);margin:0 20px 14px;font-size:.95rem;line-height:1.45}.s-ex .s-link{align-items:center;min-height:44px;margin:auto 20px 0;display:inline-flex}.s-host{gap:12px;margin-top:28px;display:grid}.annexx-host-timeline,.annexx-host-text-panel{border:1px solid var(--line);background:var(--panel);padding:18px 20px}.annexx-host-timeline[data-state=empty]{display:none}.annexx-host-timeline-row{gap:8px;display:grid}.annexx-host-timeline-head{font-family:var(--mono);color:var(--muted);justify-content:space-between;gap:12px;font-size:.72rem;display:flex}.annexx-host-timeline-time{color:var(--accent);font-variant-numeric:tabular-nums}.annexx-host-timeline-range{appearance:none;background:var(--line);width:100%;height:4px;accent-color:var(--accent);cursor:pointer}.annexx-host-timeline-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:14px;height:14px}.annexx-host-text-panel{overscroll-behavior:contain;min-height:12rem;max-height:min(52vh,420px);color:var(--ink);overflow:auto}.annexx-host-text-panel[data-state=empty]:before{content:"Кликните по объекту в сцене…";color:var(--muted);font-family:var(--mono);font-size:.78rem;display:block}.annexx-host-text-panel[data-state=loading]{justify-content:center;align-items:center;display:flex}.annexx-host-text-loader{justify-content:center;align-items:center;min-height:8rem;display:flex}.annexx-host-text-loader__spinner{--annexx-loader-size:40px;--annexx-loader-slower:1.7;--annexx-loader-duration:.35s;--annexx-loader-color:var(--accent);width:var(--annexx-loader-size);height:var(--annexx-loader-size);border-radius:50%;position:relative}.annexx-host-text-loader__spinner:before,.annexx-host-text-loader__spinner:after{border:1px solid var(--annexx-loader-color);content:"";border-radius:50%;position:absolute;inset:0}.annexx-host-text-loader__spinner:before{animation:annexx-host-loader-betta calc(var(--annexx-loader-duration) * var(--annexx-loader-slower)) infinite linear}.annexx-host-text-loader__spinner:after{animation:annexx-host-loader-alfa calc(var(--annexx-loader-duration) * var(--annexx-loader-slower)) infinite linear;opacity:0}@keyframes annexx-host-loader-alfa{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes annexx-host-loader-betta{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.annexx-host-text-audio{align-items:center;gap:10px;margin-bottom:14px;display:flex}.annexx-host-text-audio-time{font-family:var(--mono);color:var(--muted);font-size:.72rem}.annexx-host-text-audio-btn{border:1px solid var(--line);background:var(--bg);width:44px;height:44px;color:var(--accent);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.annexx-host-text-body{font-size:.98rem;line-height:1.5}.annexx-host-text-body h1,.annexx-host-text-body h2,.annexx-host-text-body h3{letter-spacing:-.03em;margin:0 0 .4em}.annexx-host-text-body p{color:var(--muted);margin:0 0 .75em}.annexx-host-text-body p:last-child{margin-bottom:0}.s-hero__hud{min-width:0}.s-hero--boat{grid-template-columns:33% minmax(0,1fr)}.s-hero--boat .s-section__head h2{letter-spacing:-.03em;max-width:none;font-size:1.35rem;font-weight:700;line-height:1.15}.s-hero--boat .s-hero__hud{gap:14px;padding:16px 18px;overflow:auto}.s-hero--boat .s-hero__hud .s-why{gap:8px;min-height:0;margin-top:0;overflow:auto}.s-hero--boat .s-hero__hud .s-why article{padding:10px 12px}.s-hero--boat .s-cat h3{letter-spacing:-.02em;font-size:.95rem;font-weight:600}.s-hero--boat .s-cat article>.s-mono{color:var(--accent);margin-top:6px;font-weight:700;display:block}.s-hero--boat .s-cat article .s-btn{margin-top:8px;padding:8px 14px}.s-hero--boat .s-cat__sum{margin-top:8px;font-size:1.25rem}.s-hero--boat .s-hero__stage{grid-template-rows:auto 1fr;height:100%;min-height:0}.s--lodka{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.s--lodka main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.s--lodka .s-hero--scene{flex:1;height:auto;min-height:0;padding:16px clamp(16px,3vw,40px)}.s--lodka .s-foot{flex-shrink:0;padding:12px clamp(16px,3vw,40px) 14px}body>#vp{pointer-events:none;width:1px;height:1px;position:fixed;left:-9999px;overflow:hidden}.s-hero--scene #vp{pointer-events:auto;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.s-hero--scene #ThreeJS,.s-hero--scene #ThreeJS .viewer{pointer-events:auto;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.s-hero--scene #ThreeJS canvas{pointer-events:auto;display:block}.s-cat article .s-btn{margin-top:12px}.s-cat__sum{font-family:var(--mono);color:var(--accent);margin-top:14px;font-size:1.5rem;display:block}::selection{background:var(--accent);color:#10140a}.s-hero.s-hero--scene .s-hero__hud{border:1px solid var(--line);background:var(--panel);grid-template-rows:auto minmax(0,1fr);gap:20px;min-height:0;padding:22px 20px 20px;display:grid}.s-hero.s-hero--scene .s-section__head{padding-bottom:0}.s-hero.s-hero--scene .s-host{grid-template-rows:minmax(0,1fr);gap:16px;min-height:0;margin-top:0;display:grid}.s-hero.s-hero--scene .s-host:has(.annexx-host-timeline:not([data-state=empty])){grid-template-rows:auto minmax(0,1fr)}.s-hero.s-hero--scene .annexx-host-text-panel{height:100%;min-height:0;max-height:none}.s-hero.s-hero--boat .s-hero__hud{gap:14px;padding:16px 18px}.s-hero.s-hero--boat .s-section__head h2{font-size:1.35rem}