@font-face{font-family:Manrope;src:url("fonts/manrope-regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/manrope-semibold.woff") format("woff");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Prata;src:url("fonts/prata.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}

:root{color-scheme:dark;--background:#101718;--ivory:#f1ece1;--muted:#a4aaa7;--gold:#d1b886;--line:rgba(220,203,164,.16)}
*{box-sizing:border-box}
html{min-width:280px;min-height:100%;background:var(--background);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ivory);font-family:Manrope,"Segoe UI",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 77% 41%,rgba(93,91,58,.12),transparent 47%),linear-gradient(123deg,#111a1b 0%,#101718 54%,#151a18 100%)}
body::before{content:"";position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.045;background-image:url("grain.svg");background-size:176px 176px}
::selection{background:#d1b886;color:#101718}
a{color:inherit}
.page{width:min(100%,1680px);min-height:100vh;min-height:100svh;margin:auto;padding:0 clamp(28px,5.15vw,86px);display:grid;grid-template-rows:auto 1fr auto;position:relative;isolation:isolate;overflow:hidden}
.masthead{display:flex;align-items:center;justify-content:space-between;padding:39px 0 28px;gap:24px;position:relative;z-index:2}
.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}
.brand__mark{height:39px;width:39px;color:var(--gold)}
.brand__name{font-size:22px;line-height:1;font-weight:600;letter-spacing:.19em;margin-right:-.19em}
.brand:focus-visible{outline:1px solid var(--gold);outline-offset:10px;border-radius:2px}
.masthead__note{display:flex;align-items:center;gap:18px;color:#c0c2b8;font-size:10px;font-weight:400;letter-spacing:.19em;text-transform:uppercase}
.fine-line{display:block;width:38px;height:1px;background:var(--gold);opacity:.7}
.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;min-height:660px;padding:29px 0 50px;position:relative}
.hero__copy{position:relative;z-index:2;padding-bottom:7px}
.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.2em;line-height:1.6;text-transform:uppercase;color:var(--gold);margin:0 0 33px}
.eyebrow>span{width:6px;height:6px;display:block;background:var(--gold);transform:rotate(45deg);opacity:.9}
h1{font-family:Prata,Georgia,"Times New Roman",serif;font-size:clamp(62px,6vw,96px);line-height:1.16;font-weight:400;letter-spacing:-.055em;margin:0 0 30px;position:relative}
h1>span{color:var(--gold)}
.hero__description{font-size:13px;line-height:1.95;font-weight:400;color:#b2b8b4;max-width:410px;margin:0}
.launch-status{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(209,184,134,.22);border-radius:2px;padding:14px 19px 14px 17px;margin-top:41px;color:#d4d7cb;background:linear-gradient(110deg,rgba(209,184,134,.055),rgba(209,184,134,.012));font-size:11px;line-height:1.7;letter-spacing:.025em}
.launch-status__dot{width:5px;height:5px;border-radius:50%;background:#cdb88c;box-shadow:0 0 0 4px rgba(205,184,140,.07);flex-shrink:0}
.hero__visual{width:100%;min-width:0;min-height:0;aspect-ratio:1/.99;position:relative;display:flex;align-items:center;justify-content:center;align-self:center;margin-top:14px}
.visual__halo{position:absolute;width:90%;height:90%;border-radius:50%;background:radial-gradient(ellipse at 48% 43%,rgba(167,142,86,.09),rgba(94,94,62,.035) 44%,transparent 72%);filter:blur(12px)}
.visual__orbit{position:absolute;border:1px solid rgba(210,188,145,.105);width:86%;height:86%;border-radius:50%;transform:rotate(-27deg) scaleX(.97)}
.visual__orbit--inner{width:68%;height:68%;border-color:rgba(210,188,145,.06)}
.visual__orbit--outer::before{content:"";position:absolute;inset:10.5%;border:1px dashed rgba(210,188,145,.09);border-radius:50%;transform:rotate(27deg)}
.visual__cross{position:absolute;width:11px;height:11px;z-index:1;opacity:.5}
.visual__cross::before,.visual__cross::after{content:"";position:absolute;background:var(--gold)}
.visual__cross::before{left:0;top:5px;width:11px;height:1px}
.visual__cross::after{left:5px;top:0;height:11px;width:1px}
.visual__cross--top{top:13%;right:18%}
.visual__cross--bottom{bottom:19%;left:11%}
.sculpture{position:relative;z-index:1;flex:none;width:119%;height:auto;max-width:none;margin:-8% -9% -4% -10%;filter:drop-shadow(12px 25px 26px rgba(0,0,0,.23));animation:reveal 1.5s .12s cubic-bezier(.2,.7,.3,1) both}
.visual__caption{position:absolute;bottom:-10px;left:19%;right:0;display:flex;align-items:center;gap:14px;white-space:nowrap;color:#a1a594;font-size:8px;letter-spacing:.18em;text-transform:uppercase;z-index:2}
.visual__caption-line{height:1px;width:29px;flex-shrink:0;background:var(--gold);opacity:.45}
.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 27px;gap:20px;position:relative;z-index:2;font-size:10px;line-height:1.7;color:#a0a79e}
.footer__copyright{letter-spacing:.07em}
.footer__domain{display:flex;align-items:center;gap:20px;color:#d5c7a8;font-size:11px;letter-spacing:.12em}
.footer__diamond{width:5px;height:5px;display:block;transform:rotate(45deg);background:var(--gold);opacity:.8}
@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:720px}.hero__description{font-size:14px}.visual__caption{bottom:7px}}
@media(max-width:1100px){.page{padding-right:5%;padding-left:5%}.hero{min-height:610px;grid-template-columns:1.1fr 1fr}h1{font-size:clamp(55px,6.65vw,74px)}.hero__description{font-size:12px;max-width:350px}.visual__caption{left:8%;font-size:7px;letter-spacing:.13em;bottom:-38px}.sculpture{width:124%}.masthead{padding-top:30px}.hero__visual{margin-top:3px}}
@media(max-width:760px){.page{padding:0 7%}.masthead{padding:26px 0 25px}.brand__mark{width:32px;height:32px}.brand__name{font-size:18px;letter-spacing:.17em}.brand{gap:10px}.masthead__note{font-size:8px;letter-spacing:.11em;gap:10px}.fine-line{width:20px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:54px 0 35px}.hero__copy{padding-bottom:0}.eyebrow{font-size:8px;margin-bottom:25px;letter-spacing:.2em;gap:11px}h1{font-size:clamp(46px,10vw,71px);margin-bottom:22px;line-height:1.17;letter-spacing:-.048em}.hero__description{font-size:12px;line-height:1.9;max-width:380px}.launch-status{font-size:10px;margin-top:27px;padding:12px 16px;gap:11px}.hero__visual{width:min(100%,430px);align-self:center;aspect-ratio:1/1;margin:24px auto 10px}.sculpture{width:113%;margin:-6% -7% -5% -6%}.visual__orbit{width:87%;height:87%}.visual__orbit--inner{width:68%;height:68%}.visual__caption{bottom:0;left:10%;right:0;font-size:7px;letter-spacing:.14em}.footer{font-size:9px;padding:21px 0 23px}.footer__domain{font-size:10px;gap:13px}}
@media(max-width:380px){.masthead__note{display:none}.hero{padding-top:38px}h1{font-size:clamp(38px,11.8vw,45px)}.hero__description{font-size:11px}.desktop-break{display:none}.hero__visual{margin-top:20px;margin-bottom:10px}.visual__caption{left:4%;font-size:6px}.visual__caption-line{width:22px}.footer{font-size:8px}}
@media(min-width:761px) and (max-height:760px){.masthead{padding-top:27px;padding-bottom:18px}.hero{min-height:535px;padding:14px 0 38px}h1{font-size:clamp(56px,5.5vw,80px)}.hero__visual{max-width:500px;justify-self:end}.hero__description{font-size:12px}.footer{padding-top:20px;padding-bottom:20px}.visual__caption{bottom:0}}

/* Мягкая хореография: металл, свет и движение по орбитам. */
.masthead{animation:soft-arrival 1s .06s both}
.eyebrow{animation:soft-arrival 1s .18s both}
h1{animation:soft-arrival 1.15s .28s both}
.hero__description{animation:soft-arrival 1s .44s both}
.launch-status{animation:soft-arrival 1s .58s both}
.visual__caption{animation:soft-arrival 1s .8s both}
.footer{animation:soft-arrival 1s .68s both}
.sculpture__motion{position:relative;transform-origin:50% 48%;animation:golden-float 11s ease-in-out infinite;will-change:transform}
.sculpture__image{display:block;width:100%;height:auto}
.sculpture__sheen{position:absolute;inset:0;pointer-events:none;opacity:.5;-webkit-mask:url("emblem-mask.svg") center/100% 100% no-repeat;mask:url("emblem-mask.svg") center/100% 100% no-repeat;overflow:hidden}
.sculpture__sheen::before{content:"";position:absolute;top:-25%;left:0;width:22%;height:150%;background:linear-gradient(90deg,transparent,rgba(255,243,208,.12) 22%,rgba(255,250,225,.7) 48%,rgba(255,243,208,.15) 70%,transparent);transform:translate3d(-250%,0,0) rotate(-18deg);animation:metal-sheen 10s 1.1s ease-in-out infinite}
.visual__halo{animation:halo-breath 8s ease-in-out infinite}
.visual__orbit--outer{animation:outer-orbit 64s linear infinite}
.visual__orbit--inner{animation:inner-orbit 47s linear infinite}
.visual__orbit::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#dac395;box-shadow:0 0 9px 2px rgba(224,194,133,.32);opacity:.85}
.visual__orbit--outer::after{top:14.2%;left:14.2%}
.visual__orbit--inner::after{top:50%;right:-2px;width:3px;height:3px;opacity:.65}
.visual__cross--top{animation:star-breath 6s 1s ease-in-out infinite}
.visual__cross--bottom{animation:star-breath 7s 3s ease-in-out infinite}
.visual__dust{position:absolute;inset:0;pointer-events:none}
.visual__dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:#ead6ac;opacity:0;box-shadow:0 0 7px rgba(234,214,172,.25);animation:dust-rise 14s ease-in-out infinite}
.visual__dust i:nth-child(1){left:15%;top:61%;animation-delay:-3s}
.visual__dust i:nth-child(2){left:80%;top:72%;animation-delay:-8s}
.visual__dust i:nth-child(3){left:70%;top:25%;animation-delay:-11s}
.visual__dust i:nth-child(4){left:27%;top:30%;animation-delay:-5s;width:1px;height:1px}
.visual__dust i:nth-child(5){left:88%;top:43%;animation-delay:-1s;width:1px;height:1px}
.visual__dust i:nth-child(6){left:45%;top:87%;animation-delay:-10s;width:1px;height:1px}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:4px 8px;border:0;border-radius:2px;background:none;color:#acb1a8;font:inherit;font-size:10px;letter-spacing:.02em;cursor:pointer;transition:color .2s,background .2s}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{color:#dfc99e;background:rgba(209,184,134,.04)}
.motion-toggle:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.motion-toggle svg{width:12px;height:12px;flex:none}
.motion-toggle__play{display:none}
.motion-paused .motion-toggle__pause{display:none}
.motion-paused .motion-toggle__play{display:block}
.motion-paused .page *,.motion-paused .page *::before,.motion-paused .page *::after,.motion-background .page *,.motion-background .page *::before,.motion-background .page *::after{animation-play-state:paused!important}
@keyframes soft-arrival{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes golden-float{0%,100%{transform:perspective(1100px) translate3d(0,4px,0) rotateY(-4deg) rotateZ(-1deg)}50%{transform:perspective(1100px) translate3d(0,-11px,0) rotateY(4deg) rotateZ(1.2deg)}}
@keyframes metal-sheen{0%,13%{transform:translate3d(-250%,0,0) rotate(-18deg)}44%,100%{transform:translate3d(650%,0,0) rotate(-18deg)}}
@keyframes halo-breath{0%,100%{transform:scale(.94);opacity:.65}50%{transform:scale(1.06);opacity:1}}
@keyframes outer-orbit{from{transform:rotate(-27deg) scaleX(.97)}to{transform:rotate(333deg) scaleX(.97)}}
@keyframes inner-orbit{from{transform:rotate(-27deg) scaleX(.97)}to{transform:rotate(-387deg) scaleX(.97)}}
@keyframes star-breath{0%,100%{opacity:.22;transform:scale(.85)}50%{opacity:.6;transform:scale(1.05)}}
@keyframes dust-rise{0%,100%{opacity:0;transform:translate3d(0,15px,0)}25%{opacity:.44}65%{opacity:.22}85%{opacity:0;transform:translate3d(8px,-28px,0)}}
@media(max-width:760px){.sculpture__motion{animation-duration:13s}.visual__dust i:nth-child(n+4){display:none}.footer{flex-wrap:wrap;column-gap:10px;row-gap:6px}.motion-toggle{font-size:8px;gap:5px;padding-right:3px;padding-left:3px;min-height:28px}.motion-toggle svg{width:10px;height:10px}.footer__domain{gap:9px}.footer__diamond{width:4px;height:4px}}
@media(max-width:340px){.motion-toggle{order:3;flex-basis:100%;margin:0 0 -3px}.footer__copyright{margin-right:auto}}
@media(prefers-reduced-motion:reduce){.page *,.page *::before,.page *::after{animation:none!important;transition:none!important}.sculpture__motion{will-change:auto}.sculpture__sheen,.visual__dust,.motion-toggle{display:none!important}}