{{! Generated by tools/generate_english_templates.py; edit default.hbs instead. }}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#10091c">
    <meta name="description" content="{{#block "page_description"}}Cosmos Luminosity — practices for thinking, state, body and meaning that support living choice.{{/block}}">
    <meta name="referrer" content="no-referrer-when-downgrade">
    <meta property="og:locale" content="en_US">
    <meta property="og:locale:alternate" content="ru_RU">
    <meta property="og:title" content="{{#block "page_title"}}Cosmos Luminosity — living choice{{/block}}">
    <meta property="og:description" content="{{#block "page_description"}}Cosmos Luminosity — practices for thinking, state, body and meaning that support living choice.{{/block}}">
    <meta property="og:url" content="{{#block "canonical_url"}}https://www.cosmosluminosity.com/{{/block}}">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="{{#block "page_title"}}Cosmos Luminosity — living choice{{/block}}">
    <meta name="twitter:description" content="{{#block "page_description"}}Cosmos Luminosity — practices for thinking, state, body and meaning that support living choice.{{/block}}">
    <meta name="twitter:url" content="{{#block "canonical_url"}}https://www.cosmosluminosity.com/{{/block}}">
    <link rel="canonical" href="{{#block "canonical_url"}}https://www.cosmosluminosity.com/{{/block}}">
    <link rel="alternate" hreflang="ru" href="{{#block "ru_url"}}https://www.cosmosluminosity.com/{{/block}}">
    <link rel="alternate" hreflang="en" href="{{#block "en_url"}}https://www.cosmosluminosity.com/en/{{/block}}">
    <link rel="alternate" hreflang="x-default" href="{{#block "ru_url"}}https://www.cosmosluminosity.com/{{/block}}">
    <title>{{#block "page_title"}}{{meta_title}}{{/block}}</title>
    <link rel="preload" href="{{asset "fonts/manrope-400.woff2"}}" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="{{asset "fonts/cormorant-500.woff2"}}" as="font" type="font/woff2" crossorigin>
    {{ghost_head exclude="metadata,social_data,schema"}}
    <style>
        @font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url("{{asset "fonts/cormorant-400.woff2"}}") format("woff2")}@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url("{{asset "fonts/cormorant-500.woff2"}}") format("woff2")}@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url("{{asset "fonts/cormorant-600.woff2"}}") format("woff2")}@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url("{{asset "fonts/cormorant-400-italic.woff2"}}") format("woff2")}@font-face{font-family:"Manrope";font-style:normal;font-weight:300;font-display:swap;src:url("{{asset "fonts/manrope-300.woff2"}}") format("woff2")}@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("{{asset "fonts/manrope-400.woff2"}}") format("woff2")}@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("{{asset "fonts/manrope-500.woff2"}}") format("woff2")}@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("{{asset "fonts/manrope-600.woff2"}}") format("woff2")}
        :root{--ink:#f7f1e8;--muted:#c6bdce;--night:#0b0711;--violet:#5f2ca0;--violet-bright:#a977ff;--solar:#f1da45;--gold:#d6b873;--line:rgba(225,207,255,.22);--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
        *{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{margin:0;color:var(--ink);background:var(--night);font-family:var(--sans);font-size:16px;line-height:1.65}body.menu-open{overflow:hidden}
        body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
        a{color:inherit}img,video,iframe{max-width:100%;height:auto}.kg-width-wide{width:min(1100px,calc(100vw - 48px));max-width:none;margin-left:50%;transform:translateX(-50%)}.kg-width-full{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}::selection{background:var(--solar);color:#130b20}
        :where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--solar);outline-offset:4px}.skip-link{position:fixed;left:20px;top:12px;z-index:1001;padding:12px 18px;background:var(--solar);color:#160d20;border-radius:8px;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:none}
        .site-shell{min-height:100vh;overflow:clip}.site-header{position:absolute;inset:0 0 auto;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(22px,5vw,76px);gap:24px}.site-header.is-scrolled{position:fixed;background:rgba(11,7,17,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{position:relative;z-index:1001;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-size:13px;letter-spacing:.2em;font-weight:600;white-space:nowrap}.brand i{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--solar);box-shadow:0 0 22px var(--solar)}
        .menu{display:flex;gap:22px;align-items:center}.menu a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted);text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:color .25s}.menu a:hover{color:var(--solar)}.menu .menu-portal{border:1px solid var(--line);color:var(--ink);padding:10px 16px;border-radius:999px}.lang-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px}.lang-switch a{min-width:44px;min-height:44px;justify-content:center;border:0;border-radius:999px;color:var(--muted);background:transparent;font:600 12px var(--sans);letter-spacing:.08em}.lang-switch a.active{color:#160d20;background:var(--solar)}.no-js-nav{display:none}
        .menu-toggle{position:relative;z-index:1001;display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:999px;background:rgba(11,7,17,.72);color:var(--ink);font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.menu-toggle .close-label{display:none}.menu-toggle[aria-expanded="true"] .open-label{display:none}.menu-toggle[aria-expanded="true"] .close-label{display:inline}
        main{display:block}.content-wrap{max-width:820px;margin:auto;padding:160px 24px 100px}.content-wrap h1{font:500 clamp(48px,8vw,88px)/.95 var(--serif)}.content-wrap h2{font:500 38px/1.08 var(--serif);margin-top:52px}.content-wrap p,.content-wrap li{color:#d8d0de}.content-wrap a{text-decoration-color:var(--gold);text-underline-offset:4px}.content-wrap blockquote{border-left:1px solid var(--gold);margin:32px 0;padding:4px 0 4px 24px;font:italic 28px/1.25 var(--serif)}
        .site-footer{border-top:1px solid var(--line);padding:48px clamp(22px,5vw,76px);color:var(--muted);font-size:13px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:36px}.footer-brand{color:var(--ink);font-weight:600;letter-spacing:.1em}.footer-links{display:grid;gap:2px}.footer-links a{min-height:44px;display:flex;align-items:center;text-decoration:none}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-meta{text-align:right}.footer-note{display:block;margin-top:8px}
        @media(max-width:1080px){.menu-toggle{display:inline-flex}.menu{position:fixed;z-index:1000;inset:0;background:rgba(11,7,17,.98);padding:110px 28px 40px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s;overflow-y:auto}.menu.open{transform:none;visibility:visible}.menu a{display:flex;align-items:center;min-height:52px;font-size:16px;border-bottom:1px solid var(--line)}.menu .menu-portal{justify-content:center;margin-top:12px;border-bottom:1px solid var(--line)}.lang-switch{align-self:flex-start;margin-top:12px}.site-header{padding:18px 22px}.site-footer{grid-template-columns:1fr 1fr}.footer-meta{text-align:left}}
        @media(max-width:580px){.brand{font-size:11px;letter-spacing:.15em}.menu-toggle{min-width:44px;min-height:44px}.site-footer{grid-template-columns:1fr}.content-wrap{padding-top:130px}}
        @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.skip-link:focus{transform:none!important}}
        @media(prefers-contrast:more){:root{--muted:#eee7f2;--line:rgba(255,255,255,.55)}}
    </style>
</head>
<body class="{{body_class}}">
<a class="skip-link" href="#main-content" data-ru="Перейти к содержанию" data-en="Skip to content">Skip to content</a>
<div class="site-shell">
    <header class="site-header">
        <a class="brand" href="/en/"><i aria-hidden="true"></i>COSMOS LUMINOSITY</a>
        <button class="menu-toggle" type="button" aria-expanded="false" aria-controls="site-menu"><span class="open-label" data-ru="Меню" data-en="Menu">Menu</span><span class="close-label" data-ru="Закрыть" data-en="Close">Close</span></button>
        <nav class="menu" id="site-menu" aria-label="Main navigation" data-aria-ru="Основная навигация" data-aria-en="Main navigation">
            <a href="/en/#metasystem" data-ru="Подход" data-en="Approach">Approach</a>
            <a href="/en/#gateways" data-ru="Форматы" data-en="Formats">Formats</a>
            <a href="/en/#method" data-ru="Как это работает" data-en="How it works">How it works</a>
            <a href="/en/#creator" data-ru="Создательница" data-en="Creator">Creator</a>
            <a class="menu-portal" href="/en/magic-cloud/" data-ru="Начать с вопроса" data-en="Start with a question">Start with a question</a>
            <div class="lang-switch" aria-label="Site language" data-aria-ru="Язык сайта" data-aria-en="Site language"><a href="{{#block "ru_url"}}https://www.cosmosluminosity.com/{{/block}}" hreflang="ru" lang="ru" aria-label="RU — Русский язык">RU</a><a href="{{#block "en_url"}}https://www.cosmosluminosity.com/en/{{/block}}" hreflang="en" lang="en" class="active" aria-current="page" aria-label="EN — English language">EN</a></div>
        </nav>
        <noscript>
            <style>@media(max-width:1080px){.menu-toggle{display:none!important}.menu{display:none!important}.site-header{position:relative;align-items:flex-start;flex-wrap:wrap}.no-js-nav{display:flex;flex:1 0 100%;gap:8px;overflow-x:auto;padding-bottom:8px}.no-js-nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;padding:0 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--muted)}main{margin-top:0}}</style>
            <nav class="no-js-nav" aria-label="Mobile navigation" data-aria-ru="Основная мобильная навигация" data-aria-en="Mobile navigation">
                <a href="/en/" data-ru="Главная" data-en="Home">Home</a><a href="/en/magic-cloud/">Magic Cloud</a><a href="/en/audioboosts/">AudioBoosts</a><a href="/en/gateways/">Gateways</a><a href="/en/portal/">Portal</a><a href="/en/cosmos-cacao/">Cosmos Cacao</a><a href="/en/lumoside/">LumoSide</a><a href="{{#block "ru_url"}}https://www.cosmosluminosity.com/{{/block}}" hreflang="ru" lang="ru">RU</a><a href="{{#block "en_url"}}https://www.cosmosluminosity.com/en/{{/block}}" hreflang="en" lang="en">EN</a>
            </nav>
        </noscript>
    </header>
    <main id="main-content" tabindex="-1">{{{body}}}</main>
    <footer class="site-footer">
        <div><span class="footer-brand">COSMOS LUMINOSITY</span><span class="footer-note" data-ru="Практики мышления, состояния, тела и смысла." data-en="Practices for thinking, state, body and meaning.">Practices for thinking, state, body and meaning.</span></div>
        <nav class="footer-links" aria-label="Utility navigation" data-aria-ru="Служебная навигация" data-aria-en="Utility navigation"><a href="/en/webinar/" data-ru="Вебинар · $77" data-en="Webinar · $77">Webinar · $77</a><a href="/en/terms/" data-ru="Условия продажи" data-en="Terms of sale">Terms of sale</a><a href="/en/refund-policy/" data-ru="Возвраты" data-en="Refund policy">Refund policy</a><a href="/en/privacy/" data-ru="Политика конфиденциальности" data-en="Privacy policy">Privacy policy</a><a href="/en/contact/" data-ru="Контакты" data-en="Contact">Contact</a></nav>
        <div class="footer-meta"><span>© {{date format="YYYY"}} Cosmos Luminosity</span><span class="footer-note" data-ru="Практики не заменяют медицинскую или психотерапевтическую помощь." data-en="These practices do not replace medical or psychotherapeutic care.">These practices do not replace medical or psychotherapeutic care.</span></div>
    </footer>
</div>
<script>
(() => {
  const currentLanguage='en';
  const languageRoot='/en';
  const menu = document.getElementById('site-menu');
  const toggle = document.querySelector('.menu-toggle');
  let returnFocus = null;
  const closeMenu = () => { menu.classList.remove('open'); toggle.setAttribute('aria-expanded','false'); menu.setAttribute('aria-hidden', matchMedia('(max-width:1080px)').matches ? 'true' : 'false'); document.body.classList.remove('menu-open'); if(returnFocus) returnFocus.focus(); };
  const openMenu = () => { returnFocus=document.activeElement; menu.classList.add('open'); toggle.setAttribute('aria-expanded','true'); menu.setAttribute('aria-hidden','false'); document.body.classList.add('menu-open'); menu.querySelector('a,button').focus(); };
  toggle.addEventListener('click', () => toggle.getAttribute('aria-expanded') === 'true' ? closeMenu() : openMenu());
  menu.addEventListener('click', e => { if(e.target.closest('a') && matchMedia('(max-width:1080px)').matches) closeMenu(); });
  document.addEventListener('keydown', e => {
    if(e.key === 'Escape' && menu.classList.contains('open')) closeMenu();
    if(e.key === 'Tab' && menu.classList.contains('open')) {
      const menuItems=[...menu.querySelectorAll('a,button')];
      const first=menuItems[0],last=menuItems[menuItems.length-1],active=document.activeElement;
      if(e.shiftKey && (active===toggle || active===first)){e.preventDefault();last.focus()}
      else if(!e.shiftKey && active===toggle){e.preventDefault();first.focus()}
      else if(!e.shiftKey && active===last){e.preventDefault();toggle.focus()}
      else if(active!==toggle && !menu.contains(active)){e.preventDefault();(e.shiftKey?last:first).focus()}
    }
  });
  const desktopQuery=matchMedia('(min-width:1081px)');
  const handleDesktop=e => { if(e.matches){menu.setAttribute('aria-hidden','false');if(menu.classList.contains('open')) closeMenu()}else if(!menu.classList.contains('open'))menu.setAttribute('aria-hidden','true'); };
  if(desktopQuery.addEventListener) desktopQuery.addEventListener('change',handleDesktop); else desktopQuery.addListener(handleDesktop);

  menu.setAttribute('aria-hidden',matchMedia('(max-width:1080px)').matches?'true':'false');
  const header=document.querySelector('.site-header');addEventListener('scroll',()=>header.classList.toggle('is-scrolled',scrollY>24),{passive:true});
})();
</script>
{{ghost_foot}}
</body>
</html>
