@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:block;src:url(fonts/unbounded_0.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:block;src:url(fonts/inter_0.woff2) format('woff2');}
@font-face{font-family:'JBMono';font-style:normal;font-weight:100 800;font-display:block;src:url(fonts/jbmono_0.woff2) format('woff2');}
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:block;src:url(fonts/oswald_0.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:block;src:url(fonts/oswald_1.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:block;src:url(fonts/oswald_2.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+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 700;font-display:block;src:url(fonts/cormorant_0.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 700;font-display:block;src:url(fonts/cormorant_1.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 700;font-display:block;src:url(fonts/cormorant_2.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+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ===== СЕХМЕТ-AI · кинотрейлер · стили ===== */
:root{
  --black:#050403;--ink:#0A0806;--gold:#E2B25A;--gold2:#F6D892;--goldD:#9C6E2C;--white:#FFF7E6;--cream:#EFE2C4;--mute:#9A8B6E;
  --lapis:#2A5BD7;--lapis2:#4F86FF;--carn:#D2381F;--carn2:#FF5A36;
  --f-tr:'Cormorant Garamond',Georgia,serif;--f-w:'Unbounded',sans-serif;--f-m:'JBMono',monospace;--f-c:'Oswald',sans-serif;--f-t:'Inter',sans-serif;
  --bh:138px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;background:#000;overflow:hidden;cursor:default}
body{font-family:var(--f-t);color:var(--cream);-webkit-font-smoothing:antialiased}
#stage{position:fixed;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:var(--black)}
#world{position:absolute;inset:0}
#gl,#cv{position:absolute;left:0;top:0;width:1920px;height:1080px}
#gl{z-index:0}#cv{z-index:1}
.shot{position:absolute;inset:0;z-index:3;visibility:hidden;pointer-events:none}
.shot.active{visibility:visible}
/* ---------- кинорамка ---------- */
#vig{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}
#grain{position:absolute;inset:-50%;z-index:6;pointer-events:none;opacity:.075;mix-blend-mode:overlay;animation:grain .45s steps(5) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-7%,4%)}40%{transform:translate(5%,-9%)}60%{transform:translate(-3%,8%)}80%{transform:translate(8%,2%)}100%{transform:translate(0,0)}}
#bars{--b:1;position:absolute;inset:0;z-index:7;pointer-events:none}
#bars i{position:absolute;left:0;right:0;height:calc(var(--b) * var(--bh));background:#000;transition:height 1.1s cubic-bezier(.7,0,.2,1)}
#bars .t{top:0}#bars .b{bottom:0}
#subs{position:absolute;inset:0;z-index:8;pointer-events:none}
#black{position:absolute;inset:0;z-index:9;background:#000;opacity:0;pointer-events:none}
#flash{position:absolute;inset:0;z-index:10;background:#fff;opacity:0;pointer-events:none;mix-blend-mode:screen}
body.blackout #black{opacity:1!important;transition:opacity .4s}
/* ---------- HUD в верхней шторке ---------- */
#hud{position:absolute;left:0;right:0;top:0;height:var(--bh);z-index:11;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 64px;
  font:500 14px/1 var(--f-m);letter-spacing:.32em;color:#6f624b;transition:opacity .6s}
#hud .br{font:600 14px/1 var(--f-w);letter-spacing:.5em;color:#8d7a55}
#hud .br b{color:var(--carn);font-weight:600}
#hud .r{display:flex;gap:34px;align-items:center}
#hud-tr{color:var(--carn2)}
#hud .n b{color:var(--gold2);font-weight:500}
#prog{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:11;background:rgba(255,255,255,.05)}
#prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lapis),var(--gold) 50%,var(--carn));transition:width .9s cubic-bezier(.6,0,.2,1)}
body.nohud #hud,body.nohud #prog{opacity:0}
body.paused #hud .n::after{content:'  ❚❚ ПАУЗА';color:var(--carn2)}
/* ---------- текст: голос Сехмет (субтитры) ---------- */
.vo{position:absolute;left:160px;right:160px;bottom:44px;display:block;text-align:center;
  font:600 40px/1.15 var(--f-tr);letter-spacing:.015em;color:var(--cream);text-shadow:0 0 18px rgba(0,0,0,.9);opacity:0;z-index:8}
.vo span{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(6px)}
.vo.on{opacity:1}
.vo.on span{animation:word .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 85ms)}
.vo.off{opacity:0;transition:opacity .45s}
@keyframes word{to{opacity:1;filter:none;transform:none}}
.vo em{font-style:normal;color:var(--gold2)}
/* ---------- слэмы: жёсткие титры на бит ---------- */
.slam{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;z-index:4;opacity:0;white-space:nowrap;
  font:700 168px/1 var(--f-tr);letter-spacing:.1em;text-transform:uppercase;
  background:linear-gradient(180deg,#fffaf0 0%,#f6d892 38%,#d9a54c 62%,#8c5f22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 30px rgba(226,178,90,.35)) drop-shadow(0 6px 0 rgba(0,0,0,.6))}
.slam.on{opacity:1;animation:slamIn 2.6s cubic-bezier(.15,.7,.2,1) both}
.slam.off{opacity:0;animation:none}
@keyframes slamIn{0%{transform:translateY(-50%) scale(1.14);letter-spacing:.24em;filter:brightness(3) drop-shadow(0 0 60px rgba(255,240,200,.9))}
  12%{filter:brightness(1.3) drop-shadow(0 0 30px rgba(226,178,90,.5))}100%{transform:translateY(-50%) scale(1);letter-spacing:.1em;filter:drop-shadow(0 0 30px rgba(226,178,90,.35)) drop-shadow(0 6px 0 rgba(0,0,0,.6))}}
.slam.w{font:800 132px/1 var(--f-w);letter-spacing:.04em}
.slam.s{font-size:96px}
.slam.xs{font:600 46px/1 var(--f-m);letter-spacing:.42em;background:none;color:var(--gold2);-webkit-text-fill-color:var(--gold2)}
.slam.red{background:linear-gradient(180deg,#fff1e8 0%,#ff9a6a 40%,#d2381f 70%,#7a160a 100%);-webkit-background-clip:text;background-clip:text}
.slam.l{left:120px;right:auto;text-align:left}
/* глитч-призраки на появлении */
.slam[data-g]::before,.slam[data-g]::after{content:attr(data-g);position:absolute;inset:0;opacity:0;-webkit-text-fill-color:currentColor;background:none}
.slam[data-g]::before{color:var(--carn2)}.slam[data-g]::after{color:var(--lapis2)}
.slam.on[data-g]::before{animation:gl1 .38s steps(3) both}.slam.on[data-g]::after{animation:gl2 .38s steps(3) both}
@keyframes gl1{0%{opacity:.8;transform:translate(-14px,3px)}50%{opacity:.6;transform:translate(9px,-2px)}100%{opacity:0;transform:none}}
@keyframes gl2{0%{opacity:.8;transform:translate(14px,-3px)}50%{opacity:.6;transform:translate(-9px,2px)}100%{opacity:0;transform:none}}
/* ---------- нижняя «титровая» строка ценности ---------- */
.lt{position:absolute;left:120px;bottom:178px;z-index:4;display:flex;align-items:center;gap:22px;font:500 17px/1 var(--f-m);letter-spacing:.32em;color:var(--gold2);opacity:0;white-space:nowrap}
.lt::before{content:'';width:0;height:1px;background:linear-gradient(90deg,var(--gold),transparent);transition:width 1.1s cubic-bezier(.6,0,.2,1)}
.lt.on{opacity:1;transition:opacity .6s}.lt.on::before{width:90px}
.lt i{font-style:normal;color:var(--carn2)}.lt u{text-decoration:none;color:var(--lapis2)}
.lt span{display:inline-block;clip-path:inset(0 100% 0 0)}.lt.on span{animation:wipe 1.3s .25s cubic-bezier(.6,0,.2,1) both}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}
.tag{font:600 13px/1 var(--f-m);letter-spacing:.3em;color:var(--carn2);border:1px solid rgba(255,90,54,.55);padding:7px 10px}
/* мелкие надписи-гравюры */
.fig{position:absolute;z-index:4;font:600 24px/1.25 var(--f-tr);color:var(--cream);opacity:0;letter-spacing:.01em}
.fig b{display:block;font:600 13px/1 var(--f-m);letter-spacing:.3em;color:var(--gold);margin-bottom:8px}
.fig.on{opacity:1;transition:opacity 1.2s}
.fig.off{opacity:0;transition:opacity .5s}
.cred{position:absolute;left:0;right:0;text-align:center;z-index:4;font:500 16px/1 var(--f-m);letter-spacing:.6em;color:#a89470;opacity:0}
.cred.on{opacity:1;transition:opacity 1.6s}.cred.off{opacity:0;transition:opacity .8s}
.type{position:absolute;left:0;right:0;text-align:center;z-index:4;font:600 76px/1.1 var(--f-tr);color:var(--white);opacity:0}
.type span{display:inline-block;opacity:0}
.type.on{opacity:1}.type.on span{animation:typ .01s both;animation-delay:calc(var(--i) * 42ms)}
.type.off{opacity:0;filter:blur(14px);transform:scale(1.06);transition:opacity .7s,filter .7s,transform .7s}
@keyframes typ{to{opacity:1}}
/* ---------- кадр 8: две силы ---------- */
.duo{position:absolute;left:120px;right:120px;bottom:186px;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:80px;opacity:0}
.duo.on{opacity:1;transition:opacity 1s}
.duo div{border-top:1px solid;padding-top:18px}
.duo .a{border-color:rgba(79,134,255,.6)}.duo .b{border-color:rgba(255,90,54,.6);text-align:right}
.duo b{display:block;font:600 15px/1 var(--f-m);letter-spacing:.4em;margin-bottom:12px}
.duo .a b{color:var(--lapis2)}.duo .b b{color:var(--carn2)}
.duo p{font:600 34px/1.2 var(--f-tr);color:var(--cream)}
/* ---------- кадр 10: финал ---------- */
.fin-w{position:absolute;left:0;right:0;top:628px;text-align:center;z-index:4;opacity:0;
  font:700 92px/1 var(--f-w);letter-spacing:.08em;color:var(--white);text-shadow:0 0 40px rgba(255,220,160,.25)}
.fin-w b{color:var(--carn2);font-weight:700}
.fin-w.on{opacity:1;animation:finW 1.6s cubic-bezier(.15,.7,.2,1) both}
@keyframes finW{0%{letter-spacing:.5em;filter:blur(16px) brightness(2);opacity:0}100%{letter-spacing:.08em;filter:none;opacity:1}}
.fin-m{position:absolute;left:0;right:0;top:742px;text-align:center;z-index:4;font:500 22px/1 var(--f-m);letter-spacing:.62em;color:var(--gold2);opacity:0}
.fin-m.on{opacity:1;transition:opacity 1.2s}
.fin-p{position:absolute;right:120px;top:300px;z-index:4;text-align:right;opacity:0}
.fin-p.on{opacity:1;transition:opacity .2s}
.fin-p .k{font:600 14px/1 var(--f-m);letter-spacing:.42em;color:var(--carn2);margin-bottom:18px}
.fin-p .h{font:700 74px/1 var(--f-tr);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fffaf0,#f6d892 40%,#c08a3a);-webkit-background-clip:text;background-clip:text;color:transparent}
.fin-c{position:absolute;left:120px;top:300px;z-index:4;opacity:0;font:600 15px/1 var(--f-m);letter-spacing:.42em;color:var(--gold2)}
.fin-c.on{opacity:1;transition:opacity .8s}
.fin-c .btn{display:inline-block;margin-top:22px;padding:18px 26px;border:1px solid var(--gold);color:var(--white);font:600 17px/1 var(--f-m);letter-spacing:.38em;
  background:linear-gradient(90deg,rgba(226,178,90,.18),rgba(226,178,90,.02));box-shadow:0 0 28px rgba(226,178,90,.18),inset 0 0 18px rgba(226,178,90,.12)}
.fin-c .btn::before{content:'';display:inline-block;width:9px;height:9px;background:var(--carn2);box-shadow:0 0 10px var(--carn2);margin-right:16px;transform:rotate(45deg);vertical-align:1px;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.3}}
.bill{position:absolute;left:120px;right:120px;top:818px;z-index:4;text-align:center;opacity:0;font:300 25px/1.05 var(--f-c);letter-spacing:.05em;color:#b9a684;text-transform:uppercase;transform:scaleY(1.25)}
.bill b{font-weight:500;color:#e8d6b0}
.bill i{font-style:normal;display:inline-block;margin:0 14px;color:var(--goldD)}
.bill.on{opacity:1;transition:opacity 1.6s}
/* ---------- стартовый экран ---------- */
#gate{position:absolute;inset:0;z-index:20;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;cursor:pointer;transition:opacity 1.1s}
#gate.gone{opacity:0;pointer-events:none}
#gate .w{font:700 30px/1 var(--f-w);letter-spacing:.7em;color:#d8c39b;margin-right:-.7em}
#gate .w b{color:var(--carn2)}
#gate .l{width:420px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
#gate .p{font:600 34px/1 var(--f-tr);color:var(--cream);letter-spacing:.04em}
#gate .go{font:500 16px/1 var(--f-m);letter-spacing:.5em;color:var(--gold2);animation:pulse 2s infinite;margin-right:-.5em}
#gate .keys{position:absolute;bottom:70px;font:500 13px/2 var(--f-m);letter-spacing:.22em;color:#6f624b;text-align:center}
#gate .keys b{color:#a8946c;font-weight:500}
@media print{#gate,#hud,#prog,#grain{display:none}}
/* запись видео: без служебных надписей, зерно мягче (иначе раздувает поток) */
body.capture #hud,body.capture #prog,body.capture #gate{display:none!important}
body.capture #grain{opacity:.05}

/* ===== САЙТ: обёртка вокруг кино-сцены ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.site{background:var(--black);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
body.site #hud,body.site #prog{display:none}
body.site.playing:not(.ui):not(.paused):not(.ended){cursor:none}
body.site.playing:not(.ui):not(.paused):not(.ended) #stage{cursor:none}
.site button{font:inherit;color:inherit;-webkit-appearance:none;appearance:none}

/* ---------- стартовый экран ---------- */
body.site #gate{position:fixed;inset:0;z-index:30;display:block;gap:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--black);cursor:default;transition:opacity 1.1s}
.g-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px 0 90px}
body.site #gate.gone{opacity:0;pointer-events:none}
.g-bg{position:absolute;inset:-3%;background:url(img/gate.jpg) 50% 50%/cover no-repeat;opacity:.5;animation:kb 30s cubic-bezier(.2,.6,.3,1) both}
@keyframes kb{from{transform:scale(1.14)}to{transform:scale(1)}}
.g-vg{position:absolute;inset:0;background:radial-gradient(ellipse 62% 58% at 50% 48%,rgba(5,4,3,.25),rgba(5,4,3,.82) 72%,var(--black) 100%)}
.g-in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;animation:gIn 1.6s .15s cubic-bezier(.2,.7,.2,1) both}
@keyframes gIn{from{opacity:0;transform:translateY(14px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.g-k{font:500 12px/1 var(--f-m);letter-spacing:.55em;margin-right:-.55em;color:var(--carn2);margin-bottom:28px}
.g-w{font:700 clamp(30px,5.6vw,72px)/1 var(--f-w);letter-spacing:.3em;margin-right:-.3em;color:#f5e9cc;text-shadow:0 0 50px rgba(255,210,140,.28)}
.g-w b{color:var(--carn2)}
.g-l{width:min(460px,70vw);height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:28px 0 22px}
.g-s{font:600 clamp(19px,2.3vw,29px)/1.25 var(--f-tr);color:var(--cream);max-width:640px;letter-spacing:.01em}
.g-play{position:relative;width:136px;height:136px;margin:46px 0 24px;border:0;border-radius:50%;cursor:pointer;
 background:radial-gradient(circle,rgba(226,178,90,.2),rgba(226,178,90,.04) 58%,transparent 71%);
 box-shadow:inset 0 0 0 1px rgba(226,178,90,.5),0 0 60px rgba(226,178,90,.14);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.g-play:not(:disabled):hover,.g-play:not(:disabled):focus-visible{transform:scale(1.07);box-shadow:inset 0 0 0 1px rgba(246,216,146,.9),0 0 80px rgba(246,216,146,.32);outline:none}
.g-play::after{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid rgba(246,216,146,.6);animation:ping 2.6s cubic-bezier(.2,.6,.3,1) infinite}
#gate.loading .g-play::after{display:none}
@keyframes ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.55);opacity:0}}
.g-ring{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);animation:spin 16s linear infinite}
.g-ring circle{fill:none;stroke:var(--gold);stroke-width:1.1;stroke-dasharray:1.5 6.5;opacity:.75}
@keyframes spin{to{transform:rotate(360deg)}}
.g-tri{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-44%,-50%);transition:opacity .6s}
.g-tri path{fill:var(--gold2);filter:drop-shadow(0 0 8px rgba(246,216,146,.6))}
#gate.loading .g-play{cursor:wait}
#gate.loading .g-ring{animation-duration:1.6s}
#gate.loading .g-tri{opacity:.2}
.g-go{font:500 14px/1 var(--f-m);letter-spacing:.42em;margin-right:-.42em;color:var(--gold2);height:14px;white-space:nowrap}
.g-go .rd{display:none}
#gate:not(.loading) .g-go .ld{display:none}
#gate:not(.loading) .g-go .rd{display:inline}
.g-go .ld{animation:pulse 1.3s infinite}
.g-go i{font-style:normal;color:var(--carn2)}
.g-go b{font-weight:500;color:var(--white)}
.g-p{font:600 18px/1 var(--f-tr);color:var(--mute);margin-top:16px;letter-spacing:.02em}
.g-v{margin-top:28px;font:500 11px/1 var(--f-m);letter-spacing:.3em;color:#8d7a55;text-decoration:none;border-bottom:1px solid rgba(141,122,85,.4);padding-bottom:5px;transition:color .3s,border-color .3s}
.g-v:hover{color:var(--gold2);border-color:var(--gold)}
body:not(.has-video) .g-v{display:none}
.g-keys{position:absolute;bottom:30px;left:36px;text-align:left;font:500 11px/1.8 var(--f-m);letter-spacing:.2em;color:#5f5442}
@media (max-width:1100px){.g-keys{display:none}}
.g-keys b{color:#a8946c;font-weight:500}
@media (hover:none),(max-height:560px){.g-keys{display:none}}
@media (max-height:560px){.g-k{margin-bottom:16px}.g-l{margin:16px 0 14px}.g-play{width:104px;height:104px;margin:22px 0 16px}.g-tri{width:38px;height:38px}.g-p{display:none}.g-v{margin-top:16px}}

/* ---------- панель управления: в верхней кинорамке ---------- */
#ui{position:fixed;z-index:12;left:var(--sx,0);top:var(--sy,0);width:var(--sw,100vw);height:max(52px,var(--bhp,138px));display:flex;align-items:center;justify-content:space-between;gap:18px;
 padding:0 max(14px,calc(var(--sw,100vw) * .03));opacity:0;transform:translateY(-8px);transition:opacity .45s,transform .45s;pointer-events:none;
 background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}
body.started.ui #ui,body.started.paused #ui,body.started.ended #ui{opacity:1;transform:none;pointer-events:auto}
#ui button{width:40px;height:40px;flex:none;border:0;background:none;display:grid;place-items:center;cursor:pointer;border-radius:50%;transition:background .25s}
#ui button:hover,#ui button:focus-visible{background:rgba(226,178,90,.14);outline:none}
#ui svg{width:22px;height:22px;fill:none;stroke:var(--gold2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#ui .i-play path{fill:var(--gold2)}
#ui .i-play,#ui .i-again,#ui .i-off{display:none}
body.paused #ui .i-pause{display:none}body.paused #ui .i-play{display:block}
body.ended #ui .i-pause,body.ended #ui .i-play{display:none}body.ended #ui .i-again{display:block}
body.muted #ui .i-on{display:none}body.muted #ui .i-off{display:block}
body.nofs #ui [data-a=fs]{display:none}
.u-br{font:600 13px/1 var(--f-w);letter-spacing:.5em;color:#8d7a55;white-space:nowrap}
.u-br b{color:var(--carn)}
.u-c{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;max-width:820px;min-width:0}
.u-seg{display:flex;gap:5px;flex:1;margin:0 14px;height:26px;align-items:center;cursor:pointer;min-width:120px}
.u-seg i{display:block;height:3px;background:rgba(246,216,146,.16);position:relative;overflow:hidden;transition:height .2s;flex-basis:0}
.u-seg i b{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--goldD),var(--gold2))}
.u-seg i.cur b{background:linear-gradient(90deg,var(--gold),#fff3d6);box-shadow:0 0 8px rgba(246,216,146,.6)}
.u-seg:hover i{height:6px}
.u-tc{font:500 12px/1 var(--f-m);letter-spacing:.16em;color:#a8946c;min-width:96px;text-align:right;white-space:nowrap}
.u-r{display:flex;align-items:center;gap:4px}
.u-cta{margin-left:12px;padding:13px 18px;border:1px solid var(--gold);font:600 11px/1 var(--f-m);letter-spacing:.32em;color:var(--white);text-decoration:none;white-space:nowrap;
 background:linear-gradient(90deg,rgba(226,178,90,.22),rgba(226,178,90,.04));box-shadow:0 0 22px rgba(226,178,90,.15);transition:box-shadow .3s,background .3s}
.u-cta::before{content:'';display:inline-block;width:7px;height:7px;background:var(--carn2);box-shadow:0 0 9px var(--carn2);margin-right:12px;transform:rotate(45deg);vertical-align:1px;animation:pulse 1.6s infinite}
.u-cta:hover{box-shadow:0 0 34px rgba(246,216,146,.38);background:linear-gradient(90deg,rgba(226,178,90,.34),rgba(226,178,90,.08))}
body:not(.has-cta) .u-cta{display:none}
body.ended .u-cta{animation:ctaGlow 2.2s ease-in-out infinite}
@keyframes ctaGlow{50%{box-shadow:0 0 44px rgba(246,216,146,.5)}}
@media (max-width:900px){.u-br{display:none}.u-tc{min-width:0;font-size:11px}.u-cta{padding:11px 12px;letter-spacing:.22em;margin-left:6px}.u-cta::before{display:none}}
@media (max-width:640px) and (orientation:landscape){.u-tc{display:none}}

/* кнопка «продолжить» по центру кадра на паузе */
#bigplay{position:fixed;z-index:12;left:calc(var(--sx,0px) + var(--sw,100vw) / 2);top:calc(var(--sy,0px) + var(--sh,100vh) / 2);width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;
 border:1px solid rgba(226,178,90,.65);background:rgba(5,4,3,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;place-items:center;cursor:pointer;box-shadow:0 0 50px rgba(226,178,90,.2)}
#bigplay svg{width:40px;height:40px;transform:translateX(3px)}#bigplay path{fill:var(--gold2)}
body.started.paused:not(.ended) #bigplay{display:grid}
/* кнопка заявки внутри финального кадра */
.site .fin-c a.btn{pointer-events:auto;cursor:pointer;text-decoration:none;transition:box-shadow .3s,background .3s}
.site .fin-c a.btn:hover{box-shadow:0 0 44px rgba(246,216,146,.45),inset 0 0 18px rgba(226,178,90,.2);background:linear-gradient(90deg,rgba(226,178,90,.32),rgba(226,178,90,.06))}

/* ---------- вертикальный экран: шапка, подписи под кадром, панель снизу ---------- */
#top,#cap{display:none}
body.portrait #subs{visibility:hidden}
body.portrait #top{display:flex;position:fixed;left:0;right:0;top:0;height:var(--sy);flex-direction:column;align-items:center;justify-content:center;gap:12px;padding-top:env(safe-area-inset-top)}
.t-w{font:700 21px/1 var(--f-w);letter-spacing:.36em;margin-right:-.36em;color:#f5e9cc;text-shadow:0 0 30px rgba(255,210,140,.25)}
.t-w b{color:var(--carn2)}
.t-k{font:500 10px/1 var(--f-m);letter-spacing:.5em;margin-right:-.5em;color:var(--carn2)}
body.portrait.started #cap{display:block;position:fixed;left:22px;right:22px;top:calc(var(--sy) + var(--sh) + 24px);text-align:center;pointer-events:none}
#cap1{font:600 23px/1.3 var(--f-tr);color:var(--cream);min-height:2.6em;transition:opacity .45s}
#cap1 em{font-style:normal;color:var(--gold2)}
#cap1 span{display:inline-block;opacity:0;filter:blur(6px);transform:translateY(5px)}
#cap1.on span{animation:word .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 85ms)}
#cap1.off{opacity:0}
#cap2{font:500 10.5px/1.75 var(--f-m);letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-top:12px;opacity:0;transition:opacity .8s;min-height:3.5em}
#cap2.on{opacity:1}
#turn{margin-top:18px;font:500 10px/1 var(--f-m);letter-spacing:.22em;color:#6f624b}
body.portrait #ui{left:0;width:100%;top:auto;bottom:0;height:auto;flex-direction:column;align-items:stretch;gap:10px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));
 background:linear-gradient(180deg,transparent,rgba(5,4,3,.92) 26%)}
body.portrait.started #ui{opacity:1;transform:none;pointer-events:auto}
body.portrait .u-br{display:none}
body.portrait .u-c{max-width:none;flex-wrap:wrap;justify-content:flex-start}
body.portrait .u-seg{order:-1;flex:0 0 100%;margin:0 0 4px}
body.portrait .u-tc{margin-left:auto;display:block;font-size:12px}
body.portrait .u-r{justify-content:flex-start}
body.portrait .u-cta{flex:1;text-align:center;padding:16px 10px;margin-left:8px}

/* ---------- видео ---------- */
#vid{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center}
#vid[hidden]{display:none}
#vid video{width:min(100vw,calc(100vh * 16 / 9));max-height:100vh;background:#000;outline:none}
#vid .x{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:48px;height:48px;border:1px solid rgba(226,178,90,.5);border-radius:50%;background:rgba(5,4,3,.6);color:var(--gold2);font:300 30px/1 var(--f-t);cursor:pointer}
.nos{position:fixed;left:0;right:0;top:0;padding:12px 20px;text-align:center;font:500 13px/1.4 var(--f-m);letter-spacing:.06em;color:#efe2c4;background:#3a1408;z-index:50}

/* ---------- первый экран: подсказка прокрутки ---------- */
.g-co{font:500 11px/1 var(--f-m);letter-spacing:.36em;margin:16px -.36em 0 0;color:#8d7a55}
.g-down{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;
 font:500 11px/1 var(--f-m);letter-spacing:.36em;color:var(--gold2);white-space:nowrap;opacity:.85;transition:opacity .3s}
.g-down span{margin-right:-.36em}
.g-down:hover{opacity:1}
.g-down i{width:12px;height:12px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg);animation:dn 1.8s ease-in-out infinite}
@keyframes dn{0%,100%{transform:translateY(-3px) rotate(45deg);opacity:.5}50%{transform:translateY(4px) rotate(45deg);opacity:1}}
@media (max-height:560px){.g-down{display:none}}

/* ---------- сайт компании под первым экраном ---------- */
.a-wrap{position:relative;-webkit-user-select:text;user-select:text;color:var(--cream);
 background:radial-gradient(ellipse 60% 40% at 0% 30%,rgba(42,91,215,.07),transparent 70%),radial-gradient(ellipse 60% 40% at 100% 70%,rgba(210,56,31,.06),transparent 70%),linear-gradient(180deg,#050403,#0a0806 50%,#050403)}
.a-wrap ::selection{background:rgba(226,178,90,.35);color:#fff}
.a-nav{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:28px;height:62px;padding:0 max(20px,4vw);
 background:rgba(5,4,3,.84);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,178,90,.14)}
.n-br{font:700 14px/1 var(--f-w);letter-spacing:.4em;color:#f0e2c2;text-decoration:none;white-space:nowrap}
.n-br b{color:var(--carn2)}
.n-l{display:flex;gap:26px;flex:1;overflow-x:auto;scrollbar-width:none}
.n-l::-webkit-scrollbar{display:none}
.n-l a{font:500 11px/1 var(--f-m);letter-spacing:.22em;text-transform:uppercase;color:#a8946c;text-decoration:none;white-space:nowrap;padding:8px 0;transition:color .25s}
.n-l a:hover,.n-l a.cur{color:var(--gold2)}
.n-play{display:flex;align-items:center;gap:10px;height:38px;padding:0 16px;border:1px solid rgba(226,178,90,.6);background:linear-gradient(90deg,rgba(226,178,90,.18),rgba(226,178,90,.03));cursor:pointer;
 font:600 11px/1 var(--f-m);letter-spacing:.26em;color:var(--white);white-space:nowrap;transition:box-shadow .3s}
.n-play:hover{box-shadow:0 0 26px rgba(246,216,146,.35)}
.n-play svg{width:12px;height:12px;fill:var(--gold2)}
@media (max-width:760px){.a-nav{gap:16px;height:56px}.n-br{display:none}.n-l{gap:18px}.n-play span{display:none}.n-play{padding:0 12px}}

.a-sec{position:relative;max-width:1180px;margin:0 auto;padding:clamp(70px,11vh,128px) clamp(20px,5vw,56px);scroll-margin-top:56px}
.a-sec+.a-sec::before{content:'';position:absolute;top:0;left:clamp(20px,5vw,56px);right:clamp(20px,5vw,56px);height:1px;background:linear-gradient(90deg,transparent,rgba(226,178,90,.28),transparent)}
.a-k{display:flex;align-items:center;gap:14px;font:500 12px/1 var(--f-m);letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:26px}
.a-k::before{content:'';width:46px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.a-sec h2{font:600 clamp(32px,4.6vw,60px)/1.08 var(--f-tr);color:#f5e9cc;letter-spacing:.005em;text-wrap:balance}
.a-en{font:500 12px/1 var(--f-m);letter-spacing:.32em;color:#8d7a55;margin-top:16px}
.a-lead{font:400 clamp(17px,1.4vw,20px)/1.68 var(--f-t);color:#d6c9ad;max-width:780px;margin-top:24px}
.a-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:58px}
.a-facts div{border-top:1px solid rgba(226,178,90,.32);padding-top:22px}
.a-facts b{display:block;font:700 clamp(30px,3.4vw,46px)/1 var(--f-w);letter-spacing:.02em;background:linear-gradient(180deg,#fffaf0,#f6d892 45%,#c08a3a);-webkit-background-clip:text;background-clip:text;color:transparent}
.a-facts span{display:block;margin-top:16px;font:400 15px/1.55 var(--f-t);color:#b6a685}
.a-tags{margin-top:22px;font:500 12px/1 var(--f-m);letter-spacing:.32em;text-transform:uppercase;color:var(--carn2)}
.a-tags i{font-style:normal;color:var(--goldD);margin:0 6px}
.a-who{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
.a-who>div{padding:28px 24px 30px;border:1px solid rgba(226,178,90,.15);background:linear-gradient(180deg,rgba(226,178,90,.07),rgba(226,178,90,.012));transition:border-color .35s,transform .35s,box-shadow .35s}
.a-who>div:hover{border-color:rgba(246,216,146,.45);transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.4),0 0 30px rgba(226,178,90,.08)}
.a-who svg{width:36px;height:36px;fill:none;stroke:var(--gold2);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.a-who h3{font:600 25px/1.15 var(--f-tr);color:#f5e9cc;margin:20px 0 10px}
.a-who p{font:400 15px/1.55 var(--f-t);color:#b6a685}
.a-two{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}
.a-note{margin-top:26px;padding-left:16px;border-left:2px solid rgba(255,90,54,.6);font:400 14px/1.6 var(--f-t);color:#a8946c;max-width:640px}
.a-loc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;aspect-ratio:1;max-width:300px;width:100%;justify-self:center;border-radius:50%;
 border:1px solid rgba(226,178,90,.28);background:radial-gradient(circle,rgba(226,178,90,.1),transparent 68%);box-shadow:inset 0 0 60px rgba(226,178,90,.06)}
.a-loc b{font:800 clamp(64px,8vw,104px)/1 var(--f-w);letter-spacing:.06em;margin-right:-.06em;background:linear-gradient(180deg,#fffaf0,#f6d892 45%,#b07a2c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(246,216,146,.22))}
.a-loc span{font:500 11px/1.7 var(--f-m);letter-spacing:.26em;text-transform:uppercase;color:#a8946c;text-align:center}
.a-req{display:grid;grid-template-columns:minmax(200px,340px) 1fr;margin-top:42px;border-top:1px solid rgba(226,178,90,.22)}
.a-req dt,.a-req dd{padding:17px 0;border-bottom:1px solid rgba(226,178,90,.1)}
.a-req dt{font:500 11px/1.5 var(--f-m);letter-spacing:.18em;text-transform:uppercase;color:#9a8b6e;padding-right:24px;padding-top:20px}
.a-req dd{font:400 16px/1.55 var(--f-t);color:#efe2c4}
.a-req .n{font:500 15px/1.55 var(--f-m);letter-spacing:.05em;color:var(--gold2)}
.a-copy{margin-top:30px;padding:15px 22px;border:1px solid var(--gold);background:linear-gradient(90deg,rgba(226,178,90,.16),rgba(226,178,90,.03));cursor:pointer;
 font:600 11px/1 var(--f-m);letter-spacing:.3em;text-transform:uppercase;color:var(--white);transition:box-shadow .3s}
.a-copy:hover{box-shadow:0 0 28px rgba(246,216,146,.3)}
.a-copy.ok{border-color:#7fd08a;color:#c9f5cf}
.a-ct{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center}
.a-tg{display:inline-flex;align-items:center;gap:14px;margin-top:34px;padding:18px 28px;border:1px solid var(--gold);text-decoration:none;
 font:600 clamp(16px,1.6vw,20px)/1 var(--f-w);letter-spacing:.06em;color:var(--white);background:linear-gradient(90deg,rgba(226,178,90,.22),rgba(226,178,90,.04));box-shadow:0 0 30px rgba(226,178,90,.14);transition:box-shadow .3s}
.a-tg:hover{box-shadow:0 0 46px rgba(246,216,146,.4)}
.a-tg svg{width:24px;height:24px;fill:none;stroke:var(--gold2);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.a-qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 18px 14px;border-radius:20px;background:#fff;text-decoration:none;
 box-shadow:0 0 0 1px rgba(226,178,90,.5),0 0 0 8px rgba(226,178,90,.06),0 0 70px rgba(226,178,90,.18);transition:transform .35s}
.a-qr:hover{transform:scale(1.02)}
.a-qr img{display:block;width:230px;height:auto}
.a-qr span{font:500 10px/1 var(--f-m);letter-spacing:.24em;text-transform:uppercase;color:#6d5e86}
.a-foot{max-width:1180px;margin:0 auto;padding:36px clamp(20px,5vw,56px) calc(36px + env(safe-area-inset-bottom));border-top:1px solid rgba(226,178,90,.14);
 display:flex;justify-content:space-between;gap:12px 30px;flex-wrap:wrap;font:500 11px/1.7 var(--f-m);letter-spacing:.14em;color:#7a6c52}
/* появление разделов при прокрутке (только с JS — без него всё видно сразу) */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}
@media (max-width:1000px){.a-who{grid-template-columns:repeat(2,1fr)}.a-two{grid-template-columns:1fr;gap:44px}.a-loc{max-width:240px}}
@media (max-width:760px){.a-facts{grid-template-columns:1fr;gap:26px;margin-top:44px}.a-req{grid-template-columns:1fr}.a-req dt{border-bottom:0;padding:18px 0 4px}.a-req dd{padding:0 0 16px}
 .a-ct{grid-template-columns:1fr;gap:44px}.a-qr{justify-self:start}.a-qr img{width:190px}}
@media (max-width:560px){.a-who{grid-template-columns:1fr}.a-foot{flex-direction:column}.a-copy{width:100%;letter-spacing:.2em}}
@media print{body.site,html{overflow:visible!important;height:auto!important}body.site #gate{position:static;overflow:visible}.g-hero,#stage,#ui,#top,#cap,#bigplay,.a-nav{display:none!important}.js .rv{opacity:1;transform:none}}

/* кнопка «О компании» в панели трейлера */
#ui .u-about{width:auto;height:38px;padding:0 12px;border-radius:0;margin-left:8px;font:600 11px/1 var(--f-m);letter-spacing:.26em;color:#d8c39b;border:1px solid rgba(226,178,90,.3)}
#ui .u-about:hover{color:var(--white);border-color:rgba(226,178,90,.7)}
@media (max-width:900px){#ui .u-about{letter-spacing:.16em;padding:0 9px}}
body.portrait #ui .u-about{height:48px;margin-left:4px}
/* живой фон «Код» (assets/bg-code.js) не печатается */
@media print{.sekhmet-bg{display:none!important}}
/* живой фон «Код» стоит по центру во весь экран: тексту поверх него — мягкий тёмный ореол (свои тени разделов важнее) */
.a-wrap :where(h2,h3,p,li,dt,dd,td,th,small){text-shadow:0 0 2px rgba(5,4,3,.95),0 0 8px rgba(5,4,3,.9),0 0 22px rgba(5,4,3,.8)}