/* ============ Fonts (self-hosted) ============ */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:200;font-display:swap;src:url(../assets/fonts/m-cyrillic-200.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:200;font-display:swap;src:url(../assets/fonts/m-latin-200.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/m-cyrillic-300.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/m-latin-300.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/m-cyrillic-400.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/m-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/m-cyrillic-500.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/m-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/m-cyrillic-600.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/m-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


/* ============ Tokens ============ */
:root{
  --ink:#05060A; --black:#050505;
  --milk:#FBF7F1; --text:#EDE4D8;
  --mute:rgba(251,247,241,.62); --faint:rgba(251,247,241,.4);
  --line:rgba(251,247,241,.14);
  --gold:#E9D3A1; --gold2:#D9BC85; --gold3:#B8945A;
  --red:#D2232F; --wine:#7A1724; --rose:#C2434F;
  --ease:cubic-bezier(.2,.7,.2,1);
  --wrap:1240px; --pad:48px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--ink);color:var(--text);font-family:'Montserrat',system-ui,-apple-system,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,video,svg{display:block;max-width:100%}
p{margin:0}
::selection{background:var(--gold);color:#120E0C}
.wrap{position:relative;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ============ Preloader ============ */
.preloader{position:fixed;inset:0;z-index:100;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}
.pl-name{font-size:30px;font-weight:300;letter-spacing:4px;color:var(--milk);overflow:hidden}
.pl-name span{display:inline-block}
.pl-name .dim{color:rgba(251,247,241,.5)}
.pl-bar{width:180px;height:1px;background:rgba(251,247,241,.12);overflow:hidden}
.pl-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--gold3),#FFF3D6);transform:scaleX(0);transform-origin:left}
.no-js .preloader{display:none}

/* ============ Sky canvas, grain, cursor ============ */
#sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 70% 0%,#141a33 0%,rgba(5,6,10,0) 55%),radial-gradient(ellipse at 10% 100%,#1a0f1c 0%,rgba(5,6,10,0) 50%),var(--ink)}
.grain{position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.cursor,.cursor-ring{position:fixed;left:0;top:0;z-index:90;pointer-events:none;border-radius:50%;opacity:0;transition:opacity .4s}
.cursor{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--milk)}
.cursor-ring{width:42px;height:42px;margin:-21px 0 0 -21px;border:1px solid rgba(233,211,161,.6);transition:opacity .4s,width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .4s,border-color .4s}
.has-cursor .cursor,.has-cursor .cursor-ring{opacity:1}
.cursor-ring.is-hover{width:76px;height:76px;margin:-38px 0 0 -38px;background:rgba(233,211,161,.08);border-color:var(--gold)}
@media (hover:none),(pointer:coarse){.cursor,.cursor-ring{display:none}}

main,footer,.topbar{position:relative;z-index:2}

/* ============ Shared type ============ */
.eyebrow{font-size:14px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:rgba(251,247,241,.75)}
.eyebrow.gold-e{color:var(--gold2)}
.gold{background:linear-gradient(90deg,#E9D3A1,#FFF3D6,#B8945A,#E9D3A1);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:goldflow 7s linear infinite}
@keyframes goldflow{to{background-position:200% 50%}}
.h-xl{font-weight:300;font-size:clamp(40px,5.4vw,76px);line-height:1.04;letter-spacing:-.025em;color:var(--milk);margin:0}
.lead{font-size:20px;line-height:1.7;color:rgba(251,247,241,.82)}
/* split words */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wi{display:inline-block;will-change:transform}

/* links & buttons */
.ul{position:relative}
.ul::after{content:"";position:absolute;left:0;bottom:-6px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.ul:hover::after{transform:scaleX(1);transform-origin:left}

@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spinAng{to{--ang:360deg}}
@keyframes sheen{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes breathe{0%,100%{box-shadow:0 0 0 0 rgba(194,67,79,.5),0 14px 50px rgba(142,31,43,.35)}50%{box-shadow:0 0 0 16px rgba(194,67,79,0),0 14px 50px rgba(142,31,43,.35)}}
.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:18px;min-height:64px;padding:0 8px 0 32px;border-radius:999px;font-weight:500;font-size:17px;letter-spacing:.4px;color:var(--milk);transition:color .45s;will-change:transform}
.btn::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ang),rgba(255,255,255,.12) 0 55%,#FFF3D6 70%,var(--rose) 82%,rgba(255,255,255,.12) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinAng 3.5s linear infinite;z-index:-1}
.btn::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--milk);clip-path:circle(0% at var(--mx,50%) var(--my,50%));transition:clip-path .7s var(--ease);z-index:-1}
.btn:hover{color:#120E0C}
.btn:hover::after{clip-path:circle(150% at var(--mx,50%) var(--my,50%))}
.btn .ar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(251,247,241,.12);transition:transform .6s var(--ease),background .45s,color .45s}
.btn:hover .ar{transform:rotate(-45deg);background:#120E0C;color:var(--milk)}
.btn--red{background:linear-gradient(110deg,var(--wine) 35%,var(--rose) 50%,var(--wine) 65%);background-size:250% 100%;animation:sheen 4.5s ease-in-out infinite,breathe 2.8s ease-in-out infinite}
.btn--gold{background:linear-gradient(110deg,var(--gold3) 35%,#FFF3D6 50%,var(--gold3) 65%);background-size:250% 100%;color:#120E0C;animation:sheen 4.5s ease-in-out infinite}
.btn--gold .ar{background:rgba(18,14,12,.12)}
.btn--glass{background:rgba(251,247,241,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn--sm{min-height:54px;padding-left:26px;font-size:16px}
.btn--sm .ar{width:36px;height:36px}
.btn--outline-gold{color:var(--gold2);border:1px solid rgba(217,188,133,.55)}

/* ============ Topbar ============ */
.topbar{position:fixed;left:0;right:0;top:0;z-index:50;transition:transform .6s var(--ease),background .5s,backdrop-filter .5s}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:88px;font-size:16px}
.topbar.is-scrolled{background:rgba(5,6,10,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.topbar.is-hidden{transform:translateY(-100%)}
.logo{font-size:24px;font-weight:500;letter-spacing:.6px;white-space:nowrap}
.platinum{background:linear-gradient(100deg,#d6d6d8 0%,#ffffff 18%,#dec8a0 36%,#f5f6f8 52%,#b0b6be 70%,#ecd6aa 86%,#ffffff 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:platinum 10s ease-in-out infinite alternate;filter:drop-shadow(0 0 12px rgba(236,214,170,.14))}
@keyframes platinum{to{background-position:100% 0}}
/* scroll progress */
.progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:70;pointer-events:none}
.progress i{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#b0b6be,#ffffff,#dec8a0,#ffffff);box-shadow:0 0 10px rgba(236,214,170,.5)}
/* star trail */
#trail{position:fixed;inset:0;width:100%;height:100%;z-index:85;pointer-events:none;mix-blend-mode:screen}
@media (hover:none),(pointer:coarse){#trail{display:none}}
.status{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:rgba(251,247,241,.72);margin-left:28px}
.status i{width:6px;height:6px;border-radius:50%;background:#9BE3A0;animation:dot 2s ease-in-out infinite}
@keyframes dot{0%,100%{box-shadow:0 0 0 0 rgba(155,227,160,.6)}50%{box-shadow:0 0 0 6px rgba(155,227,160,0)}}
.nav{display:flex;gap:32px;align-items:center}
.nav a{color:rgba(251,247,241,.85);transition:color .3s}
.nav a:hover,.nav a.tg{color:var(--milk)}

/* ============ Hero ============ */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;
  background:linear-gradient(180deg,var(--black) 0%,var(--black) 70%,rgba(5,5,5,.6) 88%,rgba(5,5,5,0) 100%);color:var(--milk)}
.hero-photo{position:absolute;top:0;bottom:0;right:4%;width:50%;perspective:1400px;-webkit-mask-image:radial-gradient(ellipse 70% 62% at 55% 48%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 70% 62% at 55% 48%,#000 55%,transparent 100%)}
.hero-photo .frame{position:absolute;inset:0;overflow:hidden;transform-style:preserve-3d;will-change:transform}
.hero-photo img{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;object-position:50% 60%;filter:grayscale(1) contrast(1.06) brightness(.95);will-change:transform}
.hero-photo .veil{position:absolute;inset:0;background:linear-gradient(90deg,var(--black) 0%,rgba(5,5,5,.55) 28%,rgba(5,5,5,0) 58%,rgba(5,5,5,.45) 100%),linear-gradient(180deg,var(--black) 0%,rgba(5,5,5,0) 20%,rgba(5,5,5,0) 55%,rgba(5,5,5,.8) 82%,var(--black) 100%)}
.hero-photo .light{position:absolute;inset:0;background:radial-gradient(circle at var(--lx,60%) var(--ly,35%),rgba(255,243,214,.16),rgba(255,243,214,0) 40%);mix-blend-mode:screen;pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:640px;padding-top:40px}
.hero h1{margin:0;font-weight:300;font-size:clamp(56px,8vw,112px);line-height:1;letter-spacing:-.035em}
.hero .creds{margin-top:24px;font-size:17px;line-height:1.55;color:rgba(251,247,241,.75)}
.hero .mission{margin-top:30px;font-size:23px;line-height:1.5;color:#FBF7F1;max-width:560px}
.hero .meta{margin-top:20px;font-size:18px;line-height:1.65;color:rgba(251,247,241,.8)}
.hero .go{margin-top:44px}
.scroll-hint{position:absolute;left:50%;bottom:34px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:rgba(251,247,241,.45);transform:translateX(-50%)}
.scroll-hint i{width:1px;height:46px;background:rgba(251,247,241,.5);animation:hint 2.4s ease-in-out infinite}
@keyframes hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ============ Media sections ============ */
.media{position:absolute;inset:0;overflow:hidden}
.media video,.media img.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media .shade{position:absolute;inset:0}

/* Approach (sea) */
.approach{position:relative;min-height:120vh;display:flex;align-items:center;overflow:hidden}
.approach .media{will-change:clip-path}
.approach .shade{background:linear-gradient(90deg,rgba(5,6,10,.88) 0%,rgba(5,6,10,.55) 55%,rgba(5,6,10,.25) 100%),linear-gradient(180deg,var(--ink) 0%,rgba(5,6,10,0) 20%,rgba(5,6,10,0) 80%,var(--ink) 100%)}
.approach .inner{position:relative;padding:200px 0;max-width:800px}
.approach .statement{margin-top:28px;font-weight:300;font-size:clamp(30px,3.4vw,48px);line-height:1.2;letter-spacing:-.02em;color:var(--milk)}
.approach .body{margin-top:48px;max-width:680px;display:grid;gap:22px}
.approach .body p{font-size:21px;line-height:1.65;color:rgba(251,247,241,.92)}

/* Belief (milky way) */
.belief{position:relative;min-height:110vh;display:flex;align-items:center;overflow:hidden}
.belief .shade{background:linear-gradient(90deg,rgba(5,6,10,.6) 0%,rgba(5,6,10,.25) 55%,rgba(5,6,10,0) 100%),linear-gradient(180deg,var(--ink) 0%,rgba(5,6,10,0) 25%,rgba(5,6,10,0) 75%,var(--ink) 100%)}
.belief .meteors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.belief .inner{position:relative;padding:180px 0}
.belief .quote{max-width:980px;font-weight:300;font-size:clamp(32px,4.2vw,60px);line-height:1.14;letter-spacing:-.022em;color:var(--milk)}
.belief .quote .sw{opacity:.16;transition:none}
.belief .sub{margin-top:44px}
.belief .q-list{display:block;margin-top:.35em}
.belief .q-list,.belief .plat-w{background:linear-gradient(100deg,#d6d6d8 0%,#ffffff 18%,#dec8a0 36%,#f5f6f8 52%,#b0b6be 70%,#ecd6aa 86%,#ffffff 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:platinum 10s ease-in-out infinite alternate}

/* Formats (sunset) */
.formats{position:relative;overflow:hidden}
.formats .media{clip-path:inset(30% 34% 30% 34% round 400px);will-change:clip-path}
.formats .shade{background:radial-gradient(ellipse at 50% 50%,rgba(5,6,10,.35) 0%,rgba(5,6,10,.7) 60%,rgba(5,6,10,.9) 100%),linear-gradient(180deg,var(--ink) 0%,rgba(5,6,10,0) 20%,rgba(5,6,10,0) 80%,var(--ink) 100%)}
.formats .inner{position:relative;padding:200px 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.f-lead{margin-top:26px;max-width:620px}
.f-wrap{width:100%;text-align:left}
.formats .p-list{margin-top:70px}
.f-list{margin-top:60px;width:100%;max-width:820px;text-align:left;border-bottom:1px solid var(--line)}
.f-item{position:relative;display:grid;grid-template-columns:64px 1fr;gap:0 8px;padding:34px 0;border-top:1px solid var(--line);transition:padding .6s var(--ease)}
.f-item::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:linear-gradient(90deg,var(--gold),rgba(233,211,161,0));transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease)}
.f-item:hover::before{transform:scaleX(1)}
.f-item:hover{padding-left:14px}
.f-num{font-size:15px;letter-spacing:2px;color:var(--gold2);padding-top:8px}
.f-title{font-size:30px;font-weight:400;color:var(--milk);line-height:1.25}
.f-title small{font-size:19px;color:var(--gold2);font-weight:400;margin-left:8px;white-space:nowrap}
.f-item p{grid-column:2;margin-top:14px;font-size:19px;line-height:1.65;color:rgba(251,247,241,.9)}
.f-item p.note{margin-top:10px;color:rgba(251,247,241,.68);font-size:17px}
.f-item p.tight{margin-top:4px}
.f-foot{margin-top:32px;font-size:18px;line-height:1.65;color:rgba(251,247,241,.8)}
.formats .go{margin-top:44px}

/* МОКША */
.moksha{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 50%,rgba(90,30,30,.28),rgba(5,6,10,0) 60%)}
.threadline{position:absolute;left:0;top:40px;width:100%;height:220px;overflow:visible;pointer-events:none}
.threadline path{filter:drop-shadow(0 0 6px rgba(225,40,50,.8))}
.moksha .inner{position:relative;padding:190px 0 150px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}
.m-title{margin:14px 0 0;font-weight:200;font-size:clamp(54px,6.6vw,100px);line-height:1;letter-spacing:.14em;white-space:nowrap;color:var(--gold)}
.m-sub{margin-top:22px;font-weight:400;font-size:26px;line-height:1.4;color:var(--milk);max-width:560px}
.m-text{margin-top:26px;font-size:20px;line-height:1.65;max-width:600px;color:rgba(251,247,241,.92)}
.m-result{margin-top:34px;font-weight:400;font-size:clamp(24px,2.4vw,32px);line-height:1.3;max-width:580px}
.m-proof{margin-top:34px;padding-top:24px;border-top:1px solid rgba(217,188,133,.25);font-size:17px;line-height:1.7;max-width:600px;color:rgba(251,247,241,.82)}
.m-proof b{font-weight:500;color:var(--gold)}
.m-src{display:inline-block;margin-top:16px;font-size:16px;letter-spacing:1px;color:var(--gold2)}
.m-cta{margin-top:40px;display:flex;flex-wrap:wrap;gap:14px}
.board-col{position:relative}
.boardscene{position:relative;perspective:1600px;height:660px;display:flex;align-items:center;justify-content:center}
.boardtilt{transform-style:preserve-3d;will-change:transform}
.boardfloat{transform-style:preserve-3d;animation:boardFloat 8s ease-in-out infinite}
@keyframes boardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.board{position:relative;width:520px;height:520px;transform-style:preserve-3d;transform:rotateX(62deg)}
.board .disc{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 38% 32%,#8C5B34 0%,#6A3F20 40%,#3E2312 78%,#2A170B 100%);box-shadow:inset 0 0 60px rgba(0,0,0,.55)}
.board .grainw{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 46% 54%,rgba(0,0,0,.08) 0 3px,rgba(255,255,255,.025) 3px 7px);mix-blend-mode:multiply}
.board .edge{position:absolute;inset:0;border-radius:50%;background:#24130A}
.board .lines{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.board .thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.board .thread path{filter:drop-shadow(0 0 6px rgba(225,40,50,.9))}
.board .glint{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 200deg,rgba(255,243,214,0) 0deg,rgba(255,243,214,.18) 40deg,rgba(255,243,214,0) 90deg);mix-blend-mode:screen}
.boardshadow{position:absolute;bottom:50px;left:50%;width:480px;height:90px;margin-left:-240px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.75),rgba(0,0,0,0) 70%);filter:blur(10px)}
.board-cap{text-align:center;font-size:13px;letter-spacing:4px;text-transform:uppercase;color:rgba(233,211,161,.7)}


/* ============ Итоги / Стратегия / Сопровождение ============ */
.products{position:relative;overflow:hidden}
.aurora{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 70%,transparent 100%)}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.42;mix-blend-mode:screen;will-change:transform}
.aurora i:nth-child(1){width:70vw;height:38vw;left:-12vw;top:6%;background:radial-gradient(closest-side,rgba(72,190,160,.55),rgba(72,190,160,0));animation:aur1 26s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:60vw;height:32vw;right:-10vw;top:22%;background:radial-gradient(closest-side,rgba(120,110,230,.5),rgba(120,110,230,0));animation:aur2 32s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:50vw;height:26vw;left:25vw;top:48%;background:radial-gradient(closest-side,rgba(233,211,161,.35),rgba(233,211,161,0));animation:aur3 38s ease-in-out infinite alternate}
@keyframes aur1{to{transform:translate(18vw,6vh) rotate(8deg) scale(1.15)}}
@keyframes aur2{to{transform:translate(-16vw,-4vh) rotate(-10deg) scale(1.2)}}
@keyframes aur3{to{transform:translate(-10vw,-8vh) scale(1.25)}}
.products .inner{position:relative;padding:170px 0 120px}
.p-lead{margin-top:28px;max-width:640px}
.p-list{margin-top:64px;border-bottom:1px solid var(--line)}
.p-item{position:relative;border-top:1px solid var(--line)}
.p-item::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:linear-gradient(90deg,var(--gold),rgba(233,211,161,0));transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease)}
.p-item:hover::before,.p-item.is-open::before{transform:scaleX(1)}
.p-head{display:grid;grid-template-columns:64px 1fr auto;gap:0 24px;align-items:center;padding:40px 0;cursor:pointer}
.p-num{font-size:15px;letter-spacing:2px;color:var(--gold2);align-self:start;padding-top:12px}
.p-main h3{margin:0;font-weight:300;font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-.02em;color:var(--milk)}
.p-short{margin-top:14px;font-size:20px;line-height:1.55;color:rgba(251,247,241,.88);max-width:640px}
.p-meta{margin-top:12px;font-size:15px;letter-spacing:.5px;color:var(--gold2)}
.p-toggle{font-family:inherit;cursor:pointer;border:0;white-space:nowrap}
.p-toggle .ar svg{transition:transform .6s var(--ease)}
.p-item.is-open .p-toggle .ar svg{transform:rotate(45deg)}
.p-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s var(--ease)}
.p-item.is-open .p-body{grid-template-rows:1fr}
.p-inner{overflow:hidden;padding-left:88px}
.p-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px;padding:8px 0 40px;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .8s var(--ease)}
.p-item.is-open .p-grid{opacity:1;transform:none;transition-delay:.15s}
.p-sec h4{margin:0 0 12px;font-size:13px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--gold2)}
.p-sec p,.p-sec li{font-size:18px;line-height:1.65;color:rgba(251,247,241,.88)}
.p-sec ul{margin:0;padding:0;list-style:none}
.p-sec li{position:relative;padding-left:22px;margin-bottom:6px}
.p-sec li::before{content:"";position:absolute;left:0;top:.75em;width:10px;height:1px;background:var(--gold2)}
.p-inner>.btn{margin-bottom:48px}
.p-grid--one{grid-template-columns:1fr;max-width:760px}
.choose{margin-top:90px}
.choose-title{margin:0 0 28px;font-weight:300;font-size:clamp(26px,2.6vw,36px);color:var(--milk);letter-spacing:-.01em}
.ch-row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0;border-top:1px solid var(--line);transition:padding .5s var(--ease)}
.ch-row:last-child{border-bottom:1px solid var(--line)}
.ch-row:hover{padding-left:12px}
.ch-row p{font-size:19px;line-height:1.5;color:rgba(251,247,241,.85)}
.ch-row span{flex:none;font-size:16px;letter-spacing:.5px;color:var(--gold2);text-align:right}
@media (max-width:760px){.ch-row{flex-direction:column;gap:6px}.ch-row span{text-align:left}.ch-row p{font-size:17px}}
@media (max-width:760px){
  .p-head{grid-template-columns:36px 1fr;gap:0 12px;padding:30px 0}
  .p-toggle{grid-column:2;justify-self:start;margin-top:20px}
  .p-inner{padding-left:0}
  .p-grid{grid-template-columns:1fr;gap:26px}
  .p-short{font-size:18px}
  .p-sec p,.p-sec li{font-size:17px}
  .products .inner{padding:120px 0 90px}
}

/* ============ Footer ============ */
.footer{position:relative;background:linear-gradient(180deg,rgba(5,6,10,0) 0%,rgba(5,6,10,.75) 30%,rgba(5,6,10,.92) 100%);border-top:1px solid rgba(251,247,241,.08)}
.footer .inner{padding:140px 0 48px}
.f-head{margin:0;font-weight:300;font-size:clamp(46px,7vw,104px);line-height:1;letter-spacing:-.035em;color:var(--milk)}
.f-row{margin-top:56px;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:flex-end}
.contacts{display:flex;flex-direction:column;gap:12px;font-size:19px}
.contacts a{color:var(--milk);width:max-content}
.contacts span{color:rgba(251,247,241,.72);font-size:17px}
.socials{margin-top:60px;display:flex;flex-wrap:wrap;gap:12px}
.small{font-size:14px;line-height:1.55;color:rgba(251,247,241,.6)}
.legal{margin-top:48px;padding-top:24px;border-top:1px solid rgba(237,228,216,.12);display:flex;flex-wrap:wrap;gap:12px 28px;font-size:16px}
.legal a{color:var(--gold2)}
.seller{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:15px;line-height:1.6;color:rgba(251,247,241,.62)}

/* reveal default (JS animates) */
[data-reveal]{opacity:0;transform:translateY(40px)}
.no-js [data-reveal],.reduced [data-reveal]{opacity:1;transform:none}

/* ============ Responsive ============ */
@media (max-width:1000px){
  .moksha .inner{grid-template-columns:1fr}
  .board-col{order:-1}
  .nav a:not(.tg){display:none}
}
@media (max-width:760px){
  :root{--pad:22px}
  .status{display:none}
  .topbar .wrap{height:68px}
  .logo{font-size:20px}
}
@media (max-width:440px){
  .nav{display:none}
  .logo{font-size:21px}
  .pl-name{font-size:22px}
  .hero{align-items:flex-end}
  .hero{flex-direction:column;align-items:stretch;min-height:0}
  .hero-photo{position:relative;right:auto;width:100%;height:470px;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}
  .hero-photo .veil{background:linear-gradient(180deg,var(--black) 0%,rgba(5,5,5,0) 25%,rgba(5,5,5,0) 70%,var(--black) 100%)}
  .hero-photo img{inset:auto;left:-49%;top:-82%;width:190%;height:auto;max-width:none}
  .hero-copy{padding:0 0 90px;margin-top:-40px}
  .hero h1{font-size:54px}
  .scroll-hint{display:none}
  .approach .inner,.belief .inner,.formats .inner{padding:140px 0}
  .f-item{grid-template-columns:40px 1fr}
  .f-title{font-size:24px}
  .hero .mission{font-size:20px}
  .approach .body p,.m-text{font-size:18px}
  .f-item p{font-size:17px}
  .m-proof{font-size:16px}
  .f-title small{display:block;margin:6px 0 0}
  .board{width:310px;height:310px}
  .boardscene{height:420px}
  .boardshadow{width:300px;margin-left:-150px;bottom:30px}
  .m-title{letter-spacing:.08em;font-size:52px}
  .btn{min-height:56px}
  .footer .inner{padding-top:100px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .formats .media{clip-path:none}
  .belief .quote .sw{opacity:1}
}