:root{color-scheme:dark;--gold:#dfb96f;--bright:#ffe7b0;--dim:#9c7a43;--text:#f0e6d2;--muted:#c4b697;--bg:#070604;--serif:'Cormorant Garamond',Georgia,serif;--display:'Cinzel',Georgia,serif;--header-h:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 18px);background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -8%,#49301755,transparent 52%),radial-gradient(ellipse at 85% 48%,#24162b22,transparent 42%),var(--bg);color:var(--text);font-family:var(--serif);overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#dfb96f55;color:white}
#stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden} .star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff3d9;box-shadow:0 0 5px #ffe8bc66;opacity:.34}
header{height:var(--header-h);position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px clamp(18px,5vw,76px);background:linear-gradient(#070604f2,#070604b8 68%,transparent);}
.logo{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0}.logo svg{display:block;width:54px;height:54px;overflow:visible;flex:none}.wordmark{font:500 clamp(17px,1.65vw,23px) var(--display);letter-spacing:.34em;color:#f0e6cf;text-shadow:0 0 18px #e6be7830;white-space:nowrap}
nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2.2vw,28px);font:clamp(10px,.9vw,13px) var(--display);letter-spacing:.16em;color:#cfc3a6;white-space:nowrap}nav a{position:relative;padding:12px 0}nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:5px;height:1px;background:var(--bright);transition:left .25s,right .25s}nav a:hover:after,nav a.active:after,nav a:focus-visible:after{left:0;right:0}nav a:hover{color:var(--bright)}nav a:focus-visible,.logo:focus-visible,.scroll-cue:focus-visible{outline:1px solid #dfb96f99;outline-offset:6px;border-radius:2px}
main,footer{position:relative;z-index:1}.hero{min-height:100svh;min-height:100dvh;display:grid;place-items:center;text-align:center;padding:calc(var(--header-h) + 42px) 20px 68px;position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;width:min(82vw,850px);aspect-ratio:1;left:50%;top:47%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#7d4e2025,transparent 68%);z-index:-1}.hero-content{width:min(100%,1000px)}.kicker,.tag{font:clamp(11px,1vw,14px) var(--display);letter-spacing:.38em;color:var(--gold)}.kicker{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.5vw,18px)}.kicker:before,.kicker:after{content:"";height:1px;width:clamp(28px,5vw,62px);background:linear-gradient(90deg,transparent,var(--dim))}.kicker:after{transform:scaleX(-1)}h1{font:500 clamp(48px,9.6vw,126px)/1.12 var(--display);letter-spacing:.13em;margin:24px 0 12px;color:transparent;background:linear-gradient(100deg,#bd9250,#fff0c9 48%,#d6a95f 70%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 24px #e6b96b40)}.tag{font-size:clamp(13px,1.7vw,21px);letter-spacing:.32em}.intro{font-size:clamp(19px,2.1vw,26px);line-height:1.65;color:#e9dcbd;margin:clamp(26px,4vh,42px) 0 0}.scroll-cue{display:inline-block;margin-top:clamp(35px,6vh,56px);width:22px;height:22px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg);opacity:.8;animation:float 2.8s ease-in-out infinite}@keyframes float{50%{translate:0 7px}}
.section{padding:clamp(72px,8vw,112px) clamp(22px,7vw,110px);position:relative}.scene{min-height:min(740px,92svh);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);max-width:1600px;margin:auto;overflow:hidden}.copy{max-width:590px;position:relative;z-index:2}.section h2{font:400 clamp(31px,3.5vw,48px)/1.3 var(--display);color:#f2e4bf;margin:0 0 28px;text-shadow:0 2px 22px #000b}.section p{font-size:clamp(18px,1.65vw,22px);line-height:1.75;color:#ddd1b4;margin:0 0 22px}.section p b,.gold{color:var(--bright)}
.planet-stage{width:100%;height:clamp(330px,42vw,570px);min-width:0;position:relative;display:grid;place-items:center;isolation:isolate}.planet-stage:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e6a64a20,transparent 66%)}.planet-art{display:block;width:min(100%,570px);max-height:100%;height:auto;overflow:visible;position:relative;z-index:1;filter:drop-shadow(0 18px 32px #0009)}.planet-orbit{transform-origin:300px 250px;animation:orbit 42s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}
.principles{text-align:center;padding-top:clamp(55px,7vw,80px)}.divider{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.8vw,22px);margin:0 auto clamp(36px,5vw,62px);font:clamp(13px,1.7vw,22px) var(--display);letter-spacing:.2em;color:var(--bright);max-width:1200px}.divider:before,.divider:after{content:"";height:1px;flex:1;max-width:190px;background:linear-gradient(90deg,transparent,var(--dim))}.divider:after{transform:scaleX(-1)}.pgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,1.4vw,18px);max-width:1250px;margin:auto}.pitem{padding:clamp(14px,1.7vw,22px) 10px;border:1px solid transparent;transition:background .25s,border-color .25s,transform .25s}.pitem:hover{transform:translateY(-4px);border-color:#d9b26a44;background:linear-gradient(#d9b26a12,transparent)}.pitem svg{width:40px;height:40px;margin-bottom:9px}.letter{font:clamp(28px,2.4vw,34px) var(--display);color:var(--bright)}.en{font:12px var(--display);letter-spacing:.08em;color:var(--gold);margin-top:5px}.ru{font-size:16px;color:var(--muted);margin-top:4px}.desc{font-size:14px;line-height:1.45;font-style:italic;color:#c8ba96b8;margin-top:11px}
.philosophy-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,70px);min-height:clamp(620px,88svh,850px);padding-top:calc(var(--header-h) + 50px);max-width:1600px;margin:auto;overflow:hidden}.philosophy-hero h2{font-size:clamp(38px,5vw,66px);margin-bottom:28px}.philosophy-hero .lead{font-size:clamp(21px,2vw,26px);color:#eee1c2}.philosophy-hero .planet-stage{height:clamp(340px,40vw,530px)}.principles-thinking{padding-top:65px}.tgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.4vw,18px);max-width:1200px;margin:auto}.titem{padding:clamp(18px,2vw,28px) 12px;text-align:center;border-top:1px solid #d9b26a55;transition:background .25s,border-color .25s,transform .25s}.titem:hover{background:linear-gradient(#d9b26a10,transparent);border-color:var(--bright);transform:translateY(-4px)}.titem svg{width:42px;height:42px;margin-bottom:14px}.titem .en{font-size:12px;line-height:1.55;color:var(--bright)}.titem .ru{font-size:15px;line-height:1.45}.titem .desc{font-size:13px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,110px);padding-top:70px;max-width:1500px;margin:auto}.duo .col:first-child{border-left:1px solid #dfb96f99;padding-left:clamp(20px,3vw,44px)}.duo h3{font:400 clamp(25px,2.7vw,35px)/1.35 var(--display);color:#f2e4bf;margin:0 0 25px}.duo p{font-size:clamp(18px,1.65vw,22px);line-height:1.8;color:#d8cbad;margin-bottom:20px}
footer{text-align:center;padding:clamp(75px,9vw,115px) 20px 78px;overflow:hidden}footer:before{content:"";position:absolute;z-index:-1;width:150vw;height:65vw;left:-25vw;top:35px;border-radius:50%;background:radial-gradient(ellipse at 50% 0,#65451e55,transparent 65%)}.orn{display:block;margin:0 auto 24px}footer .endline{font:clamp(16px,2.3vw,27px) var(--display);letter-spacing:.25em;color:var(--bright);text-shadow:0 0 22px #f0d28c44}footer .sub{font-size:clamp(16px,1.6vw,20px);color:var(--muted);margin-top:18px}
#progress{position:fixed;z-index:30;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--dim),var(--bright));box-shadow:0 0 8px #f0d29499;pointer-events:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.scene,.philosophy-hero{grid-template-columns:1fr;gap:12px}.scene .planet-stage{order:-1}.scene .copy,.philosophy-hero .copy{max-width:760px;margin-inline:auto}.planet-stage{height:clamp(330px,48vw,470px)}.philosophy-hero{padding-top:calc(var(--header-h) + 42px)}.philosophy-hero .planet-stage{height:clamp(330px,48vw,450px)}.duo{gap:32px}}
@media(max-width:640px){:root{--header-h:74px}header{padding:8px 15px;gap:10px}.logo{gap:8px}.logo svg{width:42px;height:42px}.wordmark{font-size:15px;letter-spacing:.22em}nav{gap:10px;font-size:9px;letter-spacing:.08em}nav a{padding:10px 0}.hero{padding:calc(var(--header-h) + 45px) 18px 58px}.kicker{letter-spacing:.22em}.hero h1{letter-spacing:.055em;margin:20px 0 10px}.tag{letter-spacing:.16em}.intro{margin-top:28px}.section{padding:66px 21px}.scene{min-height:0}.planet-stage,.philosophy-hero .planet-stage{height:clamp(270px,82vw,360px)}.scene .planet-stage{margin-bottom:4px}.section h2{margin-bottom:22px}.section p{line-height:1.68}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pitem{padding:14px 7px}.divider{letter-spacing:.09em;gap:8px;font-size:12px;margin-bottom:34px}.tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.titem{padding:18px 8px}.duo{grid-template-columns:1fr;padding-top:28px}.duo .col:first-child{padding-left:18px}.philosophy-hero{padding-top:calc(var(--header-h) + 36px)}.philosophy-hero h2{font-size:clamp(36px,10vw,44px)}footer{padding:76px 17px}.endline{letter-spacing:.1em!important}}
/* Короткие и широкие экраны: не растягиваем первый экран на лишнюю высоту. */
@media (orientation:landscape) and (max-height:600px) and (min-width:641px){:root{--header-h:66px}header{padding-block:5px}.logo svg{width:42px;height:42px}.hero{min-height:100svh;padding:calc(var(--header-h) + 18px) 20px 28px}.hero h1{font-size:clamp(46px,8vh,76px);margin:12px 0 7px}.intro{margin-top:16px;font-size:18px}.scroll-cue{margin-top:18px;width:17px;height:17px}.scene,.philosophy-hero{min-height:0;padding-top:95px;padding-bottom:40px;grid-template-columns:1fr 1fr}.scene .planet-stage{order:initial}.planet-stage,.philosophy-hero .planet-stage{height:62vh;min-height:230px}.section{padding-block:50px}.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){.wordmark{font-size:13px;letter-spacing:.17em}.logo svg{width:38px;height:38px}nav{gap:8px;font-size:8px}.hero h1{font-size:46px}.divider{font-size:10px}.pitem .desc{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* --- медленное мерцание трети звёзд (чистая opacity, дёшево) --- */
.star.tw{animation:tw var(--twd,4s) ease-in-out infinite}
@keyframes tw{50%{opacity:1}}

/* ---------- PRINCIPLE PAGES ---------- */
.copy-wide{max-width:760px;margin-inline:auto}
.quote{font:italic 500 clamp(20px,2.3vw,27px)/1.5 var(--serif);color:#f2e0b4;text-align:center;max-width:640px;margin:clamp(34px,4vw,52px) auto 0;text-shadow:0 0 22px #dfb96f2e}
.prn-strip{display:flex;justify-content:center;align-items:baseline;gap:clamp(14px,3vw,42px);flex-wrap:wrap;margin-top:clamp(22px,3vw,36px)}
.prn-strip a{position:relative;font:500 clamp(13px,1.2vw,17px) var(--display);letter-spacing:.18em;color:var(--muted);padding:6px 2px;transition:color .25s}
.prn-strip a span{opacity:.55}
.prn-strip a:hover,.prn-strip a:focus-visible{color:var(--bright)}
.prn-strip a[aria-current="page"]{color:var(--bright);text-shadow:0 0 14px #ffe7b055}
.prn-strip a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--bright);box-shadow:0 0 8px #ffe7b066}
.hero h1{font-size:clamp(32px,7vw,92px);letter-spacing:.08em}