/* Гостевая главная ki-ri.ru — «Четыре сцены» (ТЗ kiri-home-scenes, макет diag/design/previews/kiri-home-scenes-home.html).
   Подключается только гостю (вошедший видит лаунчер без этого файла). Всё внутри <main class="scenes">; шторка «было / стало» —
   общий компонент platform-ui (curtain.css), здесь только размеры и содержимое панелей. Только светлая тема (тёмная — #1119):
   цвета шторок, листа и засвета — через переменные ниже, чтобы тёмная тема переопределила их одним блоком. Без inline-style (CSP):
   позиции «записок» и значения шкал в панелях — классы .s01…; цвет раздела — .c-met/.c-job/.c-psy/.c-tools. */
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/PTSerif-Regular.woff2) format('woff2')}
@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/PTSerif-Italic.woff2) format('woff2')}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/PTSerif-Bold.woff2) format('woff2')}
:root{--glow:transparent;--glow-k:30%}
@property --glow{syntax:'<color>';inherits:true;initial-value:transparent}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.scenes{--desk:#eef1ee;--paper:#fff;--ink:#18231f;--ink-2:#36443e;--mut:#5c6a63;--line:#d3dcd7;--rule:#dde4df;--brand:#0b6e4f;--brand-2:#085a40;
  --on-brand:#fff;--focus:#0b6e4f;--c-tools:#566476;--c-met:#2f6feb;--c-job:#4f46e5;--c-psy:#0e7490;--on-c:#fff;
  --calm:#e6efeb;--calm-line:#c3d5ce;--chip:#e2e8e4;--chip-h:#d6dfd9;--sheet:#fff;--scan:#f1eee6;--shade:rgba(16,40,30,.16);--tray:#dfe5e1;
  --sans:Onest,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"PT Serif",Georgia,"Times New Roman",serif;--lh:1.45;
  --cur-tray:var(--tray);--cur-shade:var(--shade);--cur-accent:var(--brand);--cur-on-accent:var(--on-brand);--cur-focus:var(--focus);--cur-font:var(--sans);
  position:relative;z-index:1;font:17px/1.55 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}
.scenes *,.scenes *::before,.scenes *::after{box-sizing:border-box}
.scenes h1,.scenes h2,.scenes h3,.scenes h5,.scenes h6,.scenes p,.scenes ul,.scenes ol,.scenes figure{margin:0}
.scenes ul,.scenes ol{padding:0;list-style:none}
.scenes section{margin-top:0}
.scenes a{color:inherit;text-decoration:underline}
.scenes [hidden]{display:none!important}
.scenes :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.scenes .sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.scenes .s-wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
html:not(.js) .scenes .under{display:none}
.scenes .noscript-note{margin-top:12px;color:var(--mut);font-size:14px;max-width:40em}
.scenes h1,
.scenes h2,
.scenes h3,
.scenes h5,
.scenes h6,
.scenes p,
.scenes ul,
.scenes ol,
.scenes figure{margin:0}
.scenes ul,
.scenes ol{padding:0;list-style:none}
.scenes [hidden]{display:none!important}
.scenes :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.scenes .s-wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.scenes .beta{display:inline-block;margin-left:8px;font:600 12px/1 var(--sans);letter-spacing:0;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:4px 8px;vertical-align:.45em}
.scenes .s-hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:start;padding-top:clamp(24px,4vw,56px);padding-bottom:clamp(16px,2vw,24px)}
.scenes h1{font-size:clamp(40px,4.6vw + 6px,72px);line-height:1;letter-spacing:-.045em;font-weight:800;text-wrap:balance}
.scenes .s-lead{margin-top:20px;font-size:clamp(17px,.5vw + 14px,20px);color:var(--ink-2);max-width:31em}
.scenes .ask{margin-top:clamp(28px,4vw,44px)}
.scenes .ask label{display:block;font-size:clamp(24px,1.2vw + 16px,32px);font-weight:700;letter-spacing:-.02em;line-height:1.1;cursor:text}
.scenes .field-sheet{position:relative;margin-top:10px;font-size:clamp(21px,1.1vw + 14px,29px);font-weight:500;letter-spacing:-.012em;line-height:var(--lh);
  background-image:linear-gradient(to bottom,transparent calc(var(--lh) * 1em - 1px),var(--line) calc(var(--lh) * 1em - 1px));background-size:100% calc(var(--lh) * 1em)}
.scenes .field-sheet:focus-within{background-image:linear-gradient(to bottom,transparent calc(var(--lh) * 1em - 2px),var(--brand) calc(var(--lh) * 1em - 2px))}
.scenes .field,
.scenes .mirror{font:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;border:0;width:100%;white-space:pre-wrap;overflow-wrap:break-word}
.scenes .field{position:relative;z-index:2;display:block;resize:none;overflow:hidden;background:transparent;color:var(--ink);caret-color:var(--brand);min-height:calc(var(--lh) * 2em);border-radius:0}
.scenes .field:focus,
.scenes .field:focus-visible{outline:none}
.scenes .field::placeholder{color:var(--mut);opacity:1}
.scenes .mirror{position:absolute;inset:0;z-index:1;color:transparent;pointer-events:none;overflow:hidden}
.scenes .mirror mark{color:transparent;background:color-mix(in srgb,var(--c,var(--brand)) 20%,transparent);border-radius:.18em;box-shadow:0 .09em 0 0 color-mix(in srgb,var(--c,var(--brand)) 70%,transparent)}
.scenes .under{margin-top:12px;color:var(--mut);font-size:14px;max-width:40em}
.scenes .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.scenes .chip{font:inherit;font-size:15px;line-height:1.35;text-align:left;color:var(--ink);background:var(--chip);border:1px solid transparent;border-radius:14px;padding:11px 14px;cursor:pointer;max-width:100%}
.scenes .chip:hover{background:var(--chip-h);border-color:var(--line)}
.scenes .chip:active{transform:translateY(1px)}
.scenes .more{font:inherit;font-size:15px;font-weight:500;color:var(--brand);background:none;border:0;padding:9px 6px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.scenes .answer{margin-top:22px}
.scenes .answer:empty{display:none}
.scenes .reply{background:var(--paper);border-radius:16px;padding:18px 20px 20px;box-shadow:inset 4px 0 0 var(--c),0 18px 40px -28px var(--shade)}
.scenes .reply .sec{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--c)}
.scenes .reply .sec::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c)}
.scenes .reply h3{margin:4px 0 6px;font-size:clamp(24px,1.2vw + 16px,32px);line-height:1.1;letter-spacing:-.02em;font-weight:800}
.scenes .reply .what{color:var(--ink-2);font-size:16px;max-width:34em}
.scenes .reply .heard{margin-top:8px;font-size:14px;color:var(--mut)}
.scenes .reply .heard q{quotes:"«" "»";color:var(--ink);font-weight:500}
.scenes .s-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.scenes .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font:600 15.5px/1.2 var(--sans);text-decoration:none;cursor:pointer;border:0;text-align:center}
.scenes .btn.fill{background:var(--c,var(--brand));color:var(--on-c)}
.scenes .btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.scenes .btn:hover{filter:brightness(1.07)}
.scenes .btn.line:hover{box-shadow:inset 0 0 0 1.5px var(--c,var(--ink))}
.scenes .btn:active{transform:translateY(1px)}
.scenes .alts{margin-top:14px;font-size:15px;color:var(--mut);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.scenes .alts button{font:inherit;font-weight:600;color:var(--c);background:none;border:0;padding:2px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.scenes .none{border-top:3px solid var(--line);padding-top:14px}
.scenes .none h3{font-size:22px;font-weight:700}
.scenes .none p{color:var(--ink-2);margin-top:4px}
.scenes .none a{display:inline-block;margin-top:10px;color:var(--brand);font-weight:600;text-underline-offset:4px}
.scenes .calm{background:var(--calm);border:1px solid var(--calm-line);border-radius:18px;padding:clamp(18px,3vw,28px)}
.scenes .calm h3{font-size:clamp(21px,1vw + 15px,27px);font-weight:700;letter-spacing:-.015em;margin-bottom:6px}
.scenes .calm p{color:var(--ink-2);max-width:34em;margin-bottom:8px}
.scenes .calm .phone{display:inline-block;margin:2px 0 10px;font-size:clamp(28px,2vw + 18px,42px);font-weight:800;letter-spacing:-.02em;color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums}
.scenes .calm .psy{color:var(--c-psy);font-weight:600;text-underline-offset:4px}
.scenes .hero-art{padding-top:clamp(0px,2vw,24px)}
.scenes .legend{margin-top:22px;font-size:14.5px;color:var(--mut);display:grid;gap:4px}
.scenes .legend a{color:var(--ink);font-weight:600;text-underline-offset:3px;text-decoration-thickness:1px}
.scenes .cur.hero-sheet{aspect-ratio:1/1.08;transform:rotate(-1.2deg);border-radius:6px}
.scenes .cur.hero-sheet .cur-l{font-size:2.45cqw}
.scenes .doc{background:var(--sheet);color:#1d2421;font-family:var(--serif);padding:3.3em 2.6em 2em}
.scenes .scan{background-color:var(--scan);color:#262421;font-family:var(--serif);padding:3.3em 2.6em 2em;
  background-image:radial-gradient(rgba(60,50,30,.07) .06em,transparent .09em),radial-gradient(rgba(60,50,30,.05) .05em,transparent .08em);
  background-size:.55em .55em,.83em .83em;background-position:0 0,.3em .2em}
.scenes .scan .ink{text-shadow:0 0 .04em rgba(0,0,0,.45)}
.scenes .d-h{font-weight:700;text-align:center;font-size:1.02em;line-height:1.3}
.scenes .d-sub{text-align:center;font-size:.86em;color:#5d6762;margin:.2em 0 1em}
.scenes .doc p+p,
.scenes .scan p+p{margin-top:.6em}
.scenes .just{text-align:justify;hyphens:auto}
.scenes .ln{display:block;white-space:nowrap}
.scenes .s-tag{font:600 .78em/1 var(--sans);background:#e1f0e8;color:#0b6e4f;padding:.22em .4em;border-radius:.3em;white-space:nowrap}
.scenes .fix{background:linear-gradient(transparent 62%,rgba(11,110,79,.2) 62%)}
.scenes .bad{border-bottom:.13em solid rgba(196,48,36,.7)}
.scenes .foot-note{position:absolute;right:3.5%;width:43%;bottom:1.4em;font:500 .76em/1.35 var(--sans);color:#0b5a41;background:#e3f1ea;border-radius:.6em;padding:.6em .8em}
.scenes .foot-note.grey{color:#3d4a44;background:rgba(255,255,255,.75)}
.scenes .p-name p{font-size:.95em;line-height:1.62}
.scenes .p-name .sigs{position:absolute;left:2.6em;right:2.6em;bottom:2.2em;display:grid;grid-template-columns:1fr 1fr;gap:0 8%;font-size:.9em;line-height:1.45}
.scenes .p-name .sigs > span{display:block;border-top:.07em solid #1d2421;padding-top:.3em}
.scenes .sides{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;row-gap:.35em;margin:.4em 0 1.3em;font-size:.95em;line-height:1.5}
.scenes .sides span:nth-child(odd){color:#5d6762}
.scenes .sides > span{border-bottom:.07em solid #dfe3e1;padding-bottom:.25em;white-space:nowrap}
.scenes .req{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;margin-top:1.1em;font-size:.88em;line-height:1.55}
.scenes .req b{display:block;font:600 .8em/1.4 var(--sans);color:#5d6762;margin-bottom:.2em}
.scenes .req p > span{display:block;white-space:nowrap}
.scenes .p-typo .to{text-align:right;font-size:.92em;line-height:1.4;margin-bottom:1.4em}
.scenes .p-typo .greet{font-size:1.05em;margin-bottom:.6em}
.scenes .p-typo p{font-size:.98em;line-height:1.65}
.scenes .p-typo .sig{margin-top:1.2em}
.scenes .p-spot table{width:100%;border-collapse:collapse;font-size:.8em;margin-top:.6em;font-variant-numeric:tabular-nums}
.scenes .p-spot th,
.scenes .p-spot td{border:.08em solid #8b8678;padding:.3em .45em;text-align:left}
.scenes .p-spot td.n,
.scenes .p-spot th.n{text-align:right}
.scenes .p-spot .sigs{display:flex;justify-content:space-between;margin-top:1.4em;font-size:.82em}
.scenes .p-spot .sigs span{border-top:.08em solid #555;padding-top:.25em;width:42%}
.scenes .coffee{position:absolute;width:10em;height:10em;border-radius:50%;
  background:radial-gradient(circle,transparent 50%,rgba(132,86,32,.34) 54%,rgba(132,86,32,.14) 60%,transparent 68%),radial-gradient(circle at 42% 40%,rgba(132,86,32,.13),transparent 62%)}
.scenes .hole{position:absolute;left:2.4%;width:1.7em;height:1.7em;border-radius:50%;background:radial-gradient(circle,#4c4a44 0 45%,rgba(60,58,52,.5) 52%,transparent 70%)}
.scenes .edge{position:absolute;left:0;right:0;top:0;height:2.4em;background:linear-gradient(to bottom,rgba(28,26,22,.78),rgba(28,26,22,.35) 40%,transparent)}
.scenes .crumb{position:absolute;width:.32em;height:.28em;border-radius:40%;background:#4a4237}
.scenes .scrib{position:absolute;left:8%;bottom:2.4em;width:38%;height:4em}
.scenes .p-stamp p{font-size:.95em;line-height:1.6}
.scenes .p-stamp .sign{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.8em;font-size:.95em}
.scenes .p-stamp .sign i{flex:1;border-bottom:.07em solid #1d2421;margin:0 1em .35em;font-style:normal}
.scenes .p-stamp .mp{margin-top:.8em;font-size:.85em;color:#555}
.scenes .stampbox{position:absolute;right:6%;bottom:2.2em;border:.07em solid #1d2421;padding:.5em .8em;font-size:.95em;line-height:1.35}
.scenes .stampbox b{font-weight:700}
.scenes .place{position:absolute;right:6%;bottom:2.2em;width:11.5em;height:6.6em;border:.1em dashed #a3aaa6;border-radius:.3em;display:grid;place-items:center;font:500 .8em/1.2 var(--sans);color:#7b847f;text-align:center;padding:0 1em}
.scenes .p-chk .tilt{transform:rotate(-1.8deg);transform-origin:40% 30%}
.scenes .p-chk h5{font:700 1.15em/1.2 var(--serif);text-align:center;margin:0 0 .9em}
.scenes .p-chk p{font-size:.92em;line-height:1.6}
.scenes .ov{position:absolute;inset:0;width:100%;height:100%}
.scenes .readout{position:absolute;right:3%;bottom:1.3em;width:46%;white-space:nowrap;background:rgba(255,255,255,.95);border:.07em solid #b8c3d2;border-radius:.5em;padding:.6em .8em;font:500 .74em/1.45 var(--sans);color:#24303d;font-variant-numeric:tabular-nums;box-shadow:0 .4em 1em -.5em rgba(20,40,70,.35)}
.scenes .readout b{display:block;font-weight:700;margin-bottom:.2em}
.scenes .readout div{display:flex;justify-content:space-between;gap:1em}
.scenes .readout em{font-style:normal;color:#56657a}
.scenes .lbl-tip{position:absolute;font:600 .72em/1 var(--sans);color:#fff;background:#3d6fd0;padding:.3em .45em;border-radius:.25em;white-space:nowrap}
.scenes .p-pdf{background:#e9ecef;padding:3.2em 4% 1.6em;display:grid;grid-template-columns:1fr 1fr;gap:8%;font-family:var(--sans);color:#202832;align-items:start}
.scenes .win{background:#fff;border-radius:.5em;box-shadow:0 .3em 1em -.4em rgba(0,0,0,.3);overflow:hidden;font-size:.78em}
.scenes .win-t{background:#f3f4f6;border-bottom:.08em solid #d9dde3;padding:.5em .8em;font-weight:600;display:flex;gap:.5em;align-items:center}
.scenes .win-t i{width:.7em;height:.7em;border-radius:50%;background:#d0d5db}
.scenes .win dl{margin:0;padding:.4em .8em .7em}
.scenes .win dt{color:#6b7480;margin-top:.45em;font-size:.9em}
.scenes .win dd{margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scenes .win dd.hot{color:#b4361f}
.scenes .win dd.ok{color:#9aa3ad}
.scenes .checks{background:#fff;border-radius:.5em;box-shadow:0 .3em 1em -.4em rgba(0,0,0,.3);padding:.6em .8em;font-size:.74em}
.scenes .checks b{display:block;font-size:1.05em;margin-bottom:.35em}
.scenes .checks li{display:flex;justify-content:space-between;gap:.6em;padding:.16em 0;border-top:.08em solid #edf0f2}
.scenes .checks s{text-decoration:none;font-weight:600;white-space:nowrap}
.scenes .checks .f{color:#b4361f}
.scenes .checks .n{color:#8a939d}
.scenes .checks .k{color:#0b6e4f}
.scenes .p-team-b{background:#d9dfe6;font-family:var(--sans)}
.scenes .p-team-b h5{position:absolute;left:4%;top:2.6em;margin:0;font:600 1.4em/1 var(--serif);font-style:italic;color:#2a3440}
.scenes .note{position:absolute;width:21%;padding:.7em .8em;font:500 .86em/1.35 var(--sans);color:#3a3520;background:#fff2a8;box-shadow:0 .35em .6em -.3em rgba(0,0,0,.35)}
.scenes .note.p{background:#ffd9c9}
.scenes .note.g{background:#d6f0d2}
.scenes .note.b{background:#d4e6ff}
.scenes .p-team-a,
.scenes .p-self-a{background:#e8edf3;font-family:var(--sans);color:#1c2633}
.scenes .p-self-a{background:#e3ebee}
.scenes .card{position:absolute;right:3%;top:3em;bottom:1.4em;width:44%;background:#fff;border-radius:.7em;padding:1em 1.1em;box-shadow:0 .4em 1.2em -.6em rgba(20,40,70,.35)}
.scenes .card .foot-note{position:static;width:auto;margin-top:.9em}
.scenes .ghosts{position:absolute;left:5%;top:3.4em;width:38%;display:grid;gap:.5em;font:500 .8em/1.35 var(--sans);color:#8792a1}
.scenes .ghosts span{border-left:.2em solid #c3ccd8;padding-left:.6em}
.scenes .rep-h{font-weight:700;font-size:1.08em;line-height:1.25}
.scenes .rep-s{color:#5e6b7b;font-size:.82em;margin-top:.1em}
.scenes .bars{margin-top:.8em;display:grid;gap:.45em}
.scenes .bar{display:grid;grid-template-columns:1fr 2em;align-items:center;gap:.15em .6em;font-size:.8em}
.scenes .bar span:first-child{grid-column:1 / -1;white-space:nowrap}
.scenes .bar i{display:block;height:.62em;border-radius:.31em;background:linear-gradient(90deg,var(--bc,#2f6feb) var(--v),#dfe5ee var(--v))}
.scenes .bar b{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.scenes .p-self-b{background:#27303a;color:#d8dee6;font-family:var(--serif);padding:3.6em 5%}
.scenes .p-self-b p{font-size:1.2em;line-height:1.45;font-style:italic;opacity:.92;max-width:36%}
.scenes .p-self-b p+p{margin-top:.75em}
.scenes .p-self-b p:nth-child(2){margin-left:1.2em;opacity:.8}
.scenes .p-self-b p:nth-child(3){margin-left:.4em;opacity:.7}
.scenes .p-self-b .time{position:absolute;right:5%;bottom:1.6em;font:500 .8em/1 var(--sans);color:#8994a3;font-style:normal}
.scenes .s-lock{display:inline-flex;align-items:center;gap:.4em;font-size:.78em;font-weight:600;color:#0b6e4f;background:#e1f0e8;border-radius:999px;padding:.3em .7em;margin-top:.6em}
.scenes .s-lock svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2}
.scenes .p-cv-b{background:#fff;font:400 .78em/1.45 Arial,Helvetica,sans-serif;color:#333;padding:4.4em 0 2em 6%}
.scenes .p-cv-b .col{width:46%}
.scenes .p-cv-b .upd{color:#999;font-size:.85em}
.scenes .p-cv-b .nm{font-size:1.55em;font-weight:700;color:#222;margin:.3em 0 .1em;line-height:1.2}
.scenes .p-cv-b .gr{color:#777}
.scenes .p-cv-b .sec-h{margin-top:1em;padding-bottom:.2em;border-bottom:.08em solid #ddd;color:#999;font-size:.9em}
.scenes .p-cv-b .row{margin-top:.5em}
.scenes .p-cv-b .row small{display:block;color:#888;font-size:.9em}
.scenes .p-cv-b .photo{position:absolute;right:8%;top:5.4em;width:18%;aspect-ratio:3/4;background:#eceeef;border:.08em solid #ddd;
  background-image:radial-gradient(circle at 50% 38%,#cfd3d6 0 17%,transparent 18%),radial-gradient(ellipse at 50% 100%,#cfd3d6 0 40%,transparent 41%)}
.scenes .p-cv-a{background:#fff;display:grid;grid-template-columns:1fr 1fr;font-family:var(--sans);color:#1d2230}
.scenes .cv-side{background:#eceafd;padding:3.6em 7% 1.4em 8%}
.scenes .cv-side .nm{font-weight:800;font-size:1.6em;line-height:1.05;letter-spacing:-.02em;color:#2b2580}
.scenes .cv-side .role{font-size:.95em;margin-top:.45em;color:#3f3a9e;font-weight:600}
.scenes .cv-side .meta{font-size:.78em;color:#5b5b7a;margin-top:.8em;line-height:1.5}
.scenes .cv-side .sk{display:flex;flex-wrap:wrap;gap:.35em;margin-top:1em}
.scenes .cv-side .sk span{font-size:.74em;font-weight:600;background:#fff;color:#3f3a9e;border-radius:.4em;padding:.25em .5em}
.scenes .cv-side .tot{margin-top:1.1em;font-size:.74em;color:#5b5b7a;line-height:1.4}
.scenes .cv-main{padding:3.6em 8% 1.4em 9%}
.scenes .cv-main h6{margin:0;font-size:.72em;font-weight:700;color:#4f46e5}
.scenes .cv-main .job{margin-top:.6em}
.scenes .cv-main .job b{display:block;font-size:.95em}
.scenes .cv-main .job small{display:block;font-size:.72em;color:#6a6f80;font-variant-numeric:tabular-nums}
.scenes .cv-main .job p{font-size:.76em;line-height:1.45;margin-top:.25em;color:#333847}
.scenes .p-hunt-b{background:#fff;font:400 .74em/1.3 Arial,Helvetica,sans-serif;color:#333;padding:4.2em 6% 0}
.scenes .p-hunt-b .cnt{font-size:1.25em;font-weight:700;color:#222}
.scenes .p-hunt-b .flt{display:flex;gap:.4em;margin:.5em 0 .7em;flex-wrap:wrap}
.scenes .p-hunt-b .flt span{border:.08em solid #ccc;border-radius:1em;padding:.1em .6em;color:#666}
.scenes .vrow{display:grid;grid-template-columns:1fr auto;gap:.2em 1em;padding:.4em 0;border-top:.08em solid #eee}
.scenes .vrow b{color:#1f5fbf;font-weight:600}
.scenes .vrow span{color:#777}
.scenes .vrow em{font-style:normal;color:#222;grid-row:1 / span 2;grid-column:2;align-self:center;font-variant-numeric:tabular-nums}
.scenes .p-hunt-b::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5em;background:linear-gradient(transparent,#fff)}
.scenes .tg{background:#cfe0d8;font-family:var(--sans);color:#1b2420}
.scenes .tg-top{position:absolute;left:0;right:0;top:0;height:2.9em;background:#f7f9f8;display:flex;align-items:center;gap:.6em;padding:0 6.6em 0 calc(50% + 1.4em);font-size:.86em;border-bottom:.07em solid #dfe6e2}
.scenes .tg-top i{width:1.9em;height:1.9em;border-radius:50%;background:var(--av,#4f46e5);flex:none}
.scenes .tg-top > span{min-width:0}
.scenes .tg-top b{display:block;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scenes .tg-top small{color:#6b7a73;font-size:.82em}
.scenes .msgs{position:absolute;right:3%;width:42%;top:4em;display:grid;gap:.6em}
.scenes .bub{max-width:96%;background:#fff;border-radius:.9em .9em .9em .25em;padding:.65em .85em;font-size:.84em;line-height:1.42;box-shadow:0 .1em .2em rgba(0,0,0,.08)}
.scenes .bub.me{justify-self:end;background:#e0f5d6;border-radius:.9em .9em .25em .9em}
.scenes .bub small{display:block;text-align:right;font-size:.75em;color:#8a9690;margin-top:.15em;font-variant-numeric:tabular-nums}
.scenes .vac b{display:block;font-size:1.08em}
.scenes .vac .co{color:#5b6762}
.scenes .vac .sal{font-weight:700;margin:.25em 0;font-variant-numeric:tabular-nums}
.scenes .vac .why{color:#33403a;border-left:.2em solid #4f46e5;padding-left:.5em;margin-top:.4em}
.scenes .kb{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3em}
.scenes .kb span{background:rgba(255,255,255,.7);border-radius:.5em;text-align:center;padding:.45em .2em;font-size:.66em;white-space:nowrap;font-weight:600;color:#2a5f8f}
.scenes .p-psy-b{background:#1e2731;font-family:var(--serif);color:#c9d2dc}
.scenes .p-psy-b .t{position:absolute;font-size:.98em;font-style:italic;white-space:nowrap}
.scenes .p-psy-b .clock{position:absolute;right:5%;bottom:1.5em;font:600 1.6em/1 var(--sans);color:#6f7d8c;font-variant-numeric:tabular-nums}
.scenes .p-psy-b svg{position:absolute;inset:0;width:100%;height:100%}
.scenes .story{display:grid;grid-template-columns:168px minmax(0,1fr);gap:48px;align-items:start}
.scenes .rail{position:sticky;top:28px;padding-top:clamp(56px,7vw,104px);font-size:14.5px;z-index:5}
.scenes .rail > ol{display:grid;gap:4px}
.scenes .rail a{text-decoration:none;color:var(--mut);display:block;border-radius:8px}
.scenes .rail .p > a{display:flex;align-items:center;gap:10px;padding:6px 8px;font-weight:600}
.scenes .rail .p > a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none;opacity:.55;transition:transform .2s}
.scenes .rail .p > a:hover{color:var(--ink)}
.scenes .rail .p.on > a{color:var(--ink)}
.scenes .rail .p.on > a::before{opacity:1;transform:scale(1.35)}
.scenes .rail .s-sub{display:none;margin:0 0 8px 12px;padding-left:14px;border-left:2px solid color-mix(in srgb,var(--c) 30%,transparent)}
.scenes .rail .p.on .s-sub{display:grid}
.scenes .rail .s-sub a{padding:3px 6px;font-size:13.5px}
.scenes .rail .s-sub a[aria-current="true"]{color:var(--ink);font-weight:600;box-shadow:-16px 0 0 -14px var(--c)}
.scenes .rail .s-sub a:hover{color:var(--ink)}
.scenes .stages{min-width:0}
.scenes .stage{--c:var(--c-tools);padding-top:clamp(56px,7vw,104px)}
.scenes .stage:first-child{padding-top:clamp(40px,5vw,72px)}
.scenes .st-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,64px);align-items:end;padding-bottom:clamp(16px,2vw,24px);border-bottom:3px solid var(--c);scroll-margin-top:24px}
.scenes .st-head h2{font-size:clamp(42px,3.4vw + 8px,68px);line-height:.95;letter-spacing:-.05em;font-weight:800;color:var(--c)}
.scenes .st-head p{color:var(--ink-2);font-size:clamp(16px,.4vw + 14px,19px);max-width:34em}
.scenes .st-head .dom{display:block;margin-top:4px;font-size:14px;color:var(--mut);font-variant-numeric:tabular-nums}
.scenes .tabs{display:none}
.js .scenes .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;scroll-margin-top:24px}
.scenes .tab{font:600 15px/1.2 var(--sans);min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--ink-2);white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.scenes .tab:hover{border-color:var(--c);color:var(--ink)}
.scenes .tab[aria-selected="true"]{background:var(--c);border-color:var(--c);color:var(--on-c)}
.scenes .tab small{font-size:12px;font-weight:500;opacity:.75}
.scenes .st-body{margin-top:clamp(24px,3vw,36px)}
.scenes .svc{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4.5vw,64px);align-items:center;scroll-margin-top:24px}
.scenes .svc + .svc{margin-top:48px}
.js .scenes .svc + .svc{margin-top:0}
.scenes .stage.flip .svc{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.scenes .stage.flip .ch-text{order:2}
.scenes .svc::before{content:"";position:absolute;inset:-14px -20px;border-radius:24px;background:var(--c);opacity:0;pointer-events:none;z-index:-1}
.scenes .svc.lit::before{animation:lit 1.9s ease-out}
@keyframes lit{0%{opacity:.14}100%{opacity:0}}
.scenes .svc.enter{animation:enter .32s cubic-bezier(.2,.7,.2,1)}
.scenes .svc.enter .cur{animation:enter-ba .32s cubic-bezier(.2,.7,.2,1)}
@keyframes enter{from{opacity:.25}to{opacity:1}}
@keyframes enter-ba{from{transform:translateY(10px)}to{transform:none}}
.scenes .ch-url{font-size:14px;color:var(--c);font-weight:500;font-variant-numeric:tabular-nums}
.scenes .ch-text h3{margin-top:6px;font-size:clamp(30px,2vw + 14px,44px);line-height:1;letter-spacing:-.035em;font-weight:800}
.scenes .ch-text h3:focus{outline:none}
.scenes .ch-text h3:focus-visible{outline:3px solid var(--focus)}
.scenes .promise{margin-top:14px;font-size:clamp(17px,.4vw + 15px,19px);line-height:1.5;color:var(--ink-2);max-width:28em}
.scenes .s-facts{margin-top:16px;display:grid;gap:8px;font-size:15.5px;color:var(--ink-2)}
.scenes .s-facts li{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:baseline}
.scenes .s-facts li::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c);transform:translateY(-1px)}
.scenes .ch-text .btn{margin-top:22px}
.scenes .st-more{margin-top:clamp(20px,2.5vw,28px);display:flex;justify-content:flex-end}
.scenes .st-more a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;color:var(--c);font-weight:600;font-size:16px;text-underline-offset:5px;text-decoration-thickness:1.5px}
.scenes .st-more a:hover{text-decoration-thickness:2.5px}
.scenes .s-author{display:flex;gap:18px;align-items:center;margin-top:clamp(64px,8vw,104px);padding:clamp(20px,3vw,28px);background:var(--paper);border-radius:20px}
.scenes .s-avatar{flex:none;width:64px;height:64px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font-weight:700;font-size:21px}
.scenes .s-author p{color:var(--ink-2);max-width:42em}
.scenes .s-author b{color:var(--ink);font-weight:600}
.scenes .s-author .links{display:flex;gap:18px;margin-top:4px;flex-wrap:wrap}
.scenes .s-author .links a{color:var(--brand);font-weight:600;text-underline-offset:4px}
.scenes .foot{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:clamp(28px,4vw,40px);padding-top:22px;padding-bottom:max(28px,env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--mut);font-size:14px}
.scenes .foot a{color:var(--mut);text-underline-offset:3px}
.scenes .foot a:hover{color:var(--ink)}
@media (max-width:1180px){
.scenes .story{grid-template-columns:1fr;gap:0}
.scenes .rail{top:0;padding:10px 0;margin:0 -20px;padding-left:20px;padding-right:20px;background:color-mix(in srgb,var(--desk) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}
.scenes .rail::-webkit-scrollbar{display:none}
.scenes .rail > ol{display:flex;gap:8px;width:max-content}
.scenes .rail .s-sub,
.scenes .rail .p.on .s-sub{display:none}
.scenes .rail .p > a{padding:7px 14px 7px 12px;border-radius:999px;background:var(--chip);white-space:nowrap;font-size:14.5px}
.scenes .rail .p.on > a{background:var(--c);color:var(--on-c)}
.scenes .rail .p.on > a::before{background:var(--on-c);transform:none}
.scenes .st-head,
.js .scenes .tabs,
.scenes .svc{scroll-margin-top:72px}
}
@media (max-width:980px){
.scenes .s-hero{grid-template-columns:1fr}
.scenes .hero-art{max-width:560px}
}
@media (max-width:860px){
.scenes .st-head{grid-template-columns:1fr;align-items:start;gap:10px}
.scenes .svc,
.scenes .stage.flip .svc{grid-template-columns:1fr;gap:22px}
.scenes .stage.flip .ch-text{order:0}
.scenes .svc .cur{max-width:620px}
.js .scenes .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-20px;margin-right:-20px;padding:2px 20px;scroll-snap-type:x proximity;scroll-padding-inline:20px}
.js .scenes .tabs::-webkit-scrollbar{display:none}
.scenes .tab{scroll-snap-align:start;flex:none}
.scenes .st-more{justify-content:flex-start}
}
@media (max-width:600px){
.scenes .cur{aspect-ratio:4/5}
.scenes .cur.hero-sheet{aspect-ratio:4/5}
.scenes .cur .cur-l,
.scenes .cur .cur-l *{font-size:13px!important;line-height:1.45}
.scenes .cur .cur-l .d-h,
.scenes .cur .cur-l .nm,
.scenes .cur .cur-l .rep-h,
.scenes .cur .cur-l h5,
.scenes .cur .cur-l .cnt{font-size:15px!important;line-height:1.25}
.scenes .cur .cur-l .clock{font-size:20px!important}
.scenes .cur .x{display:none!important}
.scenes .doc,
.scenes .scan{padding:3.4em 1.2em 1.2em}
.scenes .p-name .sigs{left:1.2em;right:1.2em;bottom:1.4em}
.scenes .p-name p{line-height:1.55}
.scenes .note{width:43%}
.scenes .p-team-b .note:nth-child(2){left:4%!important;top:5.6em!important}
.scenes .p-team-b .note:nth-child(3){left:4%!important;top:11.4em!important}
.scenes .p-team-b .note:nth-child(5){left:4%!important;top:17.6em!important}
.scenes .p-team-b .note:nth-child(7){left:54%!important;top:6em!important}
.scenes .p-team-b .note:nth-child(8){left:54%!important;top:12em!important}
.scenes .card{width:47%;padding:.8em .8em;top:3.2em}
.scenes .bar span:first-child{white-space:normal}
.scenes .ghosts{width:42%}
.scenes .msgs{width:46%;right:2.5%}
.scenes .tg-top{padding-left:calc(50% + .6em);padding-right:5.4em}
.scenes .tg-top i{width:1.5em;height:1.5em}
.scenes .p-self-b p{max-width:44%}
.scenes .p-psy-b .t{white-space:normal;max-width:42%}
.scenes .p-cv-b{padding-left:5%}
.scenes .cv-side,
.scenes .cv-main{padding-left:6%;padding-right:6%}
.scenes .readout{width:48%;right:2%}
.scenes .p-pdf{gap:5%;padding:3.4em 3% 1em}
.scenes .p-spot table{margin-top:.4em}
.scenes .cur-tag{top:8px;font-size:11px!important;padding:5px 8px}
.scenes .cur-tag.b{left:8px}
.scenes .cur-tag.a{right:8px}
.scenes .knob{width:36px;height:36px;left:-18px;margin-top:-18px}
.scenes .svc::before{inset:-8px -12px}
.scenes .s-author{align-items:flex-start}
.scenes .s-avatar{width:52px;height:52px;font-size:18px}
}
@media (prefers-reduced-motion:reduce){
.scenes .svc.lit{outline:3px solid var(--c);outline-offset:8px;border-radius:12px}
}
.scenes .cur.hero-list{aspect-ratio:1/.9;transform:rotate(-1deg);border-radius:8px;background:var(--sheet)}
.scenes .wk-sheet{background:var(--sheet);color:#1d2421;padding:9% 5.5% 6%;font-size:2.55cqw;line-height:1.35}
.scenes .wk-h{display:grid;grid-template-columns:1fr 1fr;column-gap:9%;margin:0 0 .9em;align-items:end}
.scenes .wk-h span{font:italic 600 1.2em/1.2 var(--serif)}
.scenes .wk-h span+span{font:700 .82em/1.2 var(--sans);color:#0b6e4f}
.scenes .wk-h .wk-ghost{visibility:hidden}
.scenes .wk{list-style:none;margin:0;padding:0;display:grid;gap:.75em}
.scenes .wk-r{display:grid;grid-template-columns:1fr 1fr;column-gap:9%;align-items:start;padding-bottom:.75em;border-bottom:.08em dashed #cfd6d2}
.scenes .wk-r:last-child{border-bottom:0}
.scenes .wk-b{font:italic 1.08em/1.32 var(--serif);color:#26302c}
.scenes .wk-b.done{color:#8a948f;text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}
.scenes .wk-a.wk-ghost{color:transparent;text-decoration:underline dashed #c3cbc6;text-decoration-thickness:.09em;text-underline-offset:.32em}
.scenes .wk-a.wk-ghost b{visibility:hidden}
.scenes .wk-x{display:none;border-radius:1em;background:repeating-linear-gradient(90deg,#c9d1cc 0 .5em,transparent .5em .9em)}
.scenes .wk-a{display:grid;gap:.2em;color:#1d2421}
.scenes .wk-a b{font:700 .82em/1.2 var(--sans);color:var(--wk);display:flex;align-items:center;gap:.4em}
.scenes .wk-a b::before{content:"";width:.6em;height:.6em;border-radius:50%;background:var(--wk);flex:none}
.scenes .wk-m{--wk:#2f6feb}
.scenes .wk-j{--wk:#4f46e5}
.scenes .wk-p{--wk:#0e7490}
.scenes .wk-t{--wk:#566476}
@media (max-width:600px){
.scenes .cur.hero-list{aspect-ratio:3/5}
.scenes .wk-sheet{font-size:max(12.5px,3.4cqw);padding:13% 4.5% 5%}
.scenes .wk{gap:.6em}
.scenes .wk-r{padding-bottom:.6em}
.scenes .wk-h{font-size:1.1em}
}
.scenes .rail{top:calc(var(--pf-header-h) + 12px)}
.scenes .st-head,
.js .scenes .tabs,
.scenes .svc{scroll-margin-top:calc(var(--pf-header-h) + 16px)}
@media (max-width:1180px){
.scenes .rail{top:var(--pf-header-h)}
.scenes .rail .p > a{min-height:44px;box-sizing:border-box}
.scenes .st-head,
.js .scenes .tabs,
.scenes .svc{scroll-margin-top:calc(var(--pf-header-h) + 84px)}
}
@property --glow{syntax:'<color>';inherits:true;initial-value:transparent}
.glow{position:fixed;inset:0;z-index:0;pointer-events:none;transition:--glow .9s ease;
  background:radial-gradient(65% 55% at 95% 15%,color-mix(in srgb,var(--glow) var(--glow-k),transparent),transparent 72%),
             radial-gradient(55% 50% at 2% 90%,color-mix(in srgb,var(--glow) calc(var(--glow-k) * .7),transparent),transparent 72%)}
@media (prefers-reduced-motion:reduce){
.glow{transition:none}
}
.scenes .wk-sheet .wk-a{display:grid}
.scenes .wk-sheet .wk-a>*{grid-area:1/1}
.scenes .cur-b .wk-ki,
.scenes .cur-a .wk-self{visibility:hidden}
.scenes .wk-self{font:.92em/1.38 var(--sans);color:#5c6762}
.scenes .wk-self i{font-style:normal;font-weight:700;font-size:.86em;color:#a2481f;background:#fbe9df;border-radius:.4em;padding:.05em .45em;white-space:nowrap}
.scenes .wk-ki{display:grid;gap:.2em;color:#1d2421}
.scenes .wk-ki b{font:700 .82em/1.2 var(--sans);color:var(--wk);display:flex;align-items:center;gap:.4em}
.scenes .wk-ki b::before{content:"";width:.6em;height:.6em;border-radius:50%;background:var(--wk);flex:none}
.scenes .wk-h .wk-a>span{font:700 .82em/1.2 var(--sans)}
.scenes .wk-h .wk-self{color:#8a5a3c}
.scenes .wk-h .wk-ki{color:#0b6e4f;display:block}
.scenes .cur.hero-list,
.scenes .cur.hero-list[style]{aspect-ratio:auto!important}
.scenes .cur.hero-list .cur-a{position:relative;inset:auto}

/* позиции «записок», значения шкал и оттенки в панелях (раньше inline-style макета) */
.scenes .cur .s01{left:4%;top:6em;transform:rotate(-4deg)}
.scenes .cur .s02{left:27%;top:6.8em;transform:rotate(3deg)}
.scenes .cur .s03{left:5%;top:13em;transform:rotate(2deg)}
.scenes .cur .s04{left:26%;top:14.4em;transform:rotate(-2.5deg)}
.scenes .cur .s05{left:7%;top:20em;transform:rotate(-1.5deg)}
.scenes .cur .s06{left:55%;top:5em;transform:rotate(4deg)}
.scenes .cur .s07{left:76%;top:10em;transform:rotate(-3deg)}
.scenes .cur .s08{left:58%;top:17em;transform:rotate(2deg)}
.scenes .cur .s09{--v:60%}
.scenes .cur .s10{--v:40%;--bc:#e08a2c}
.scenes .cur .s11{--v:77.5%;--bc:#e08a2c}
.scenes .cur .s12{--v:57.5%}
.scenes .cur .s13{--v:42.5%;--bc:#e08a2c}
.scenes .cur .s14{background:#e6ecf5;color:#2b3a52}
.scenes .cur .s15{--v:70%;--bc:#0e7490}
.scenes .cur .s16{--v:52.5%;--bc:#0e7490}
.scenes .cur .s17{--v:40%;--bc:#0e7490}
.scenes .cur .s18{--v:30%;--bc:#0e7490}
.scenes .cur .s19{background:#e3eef1;color:#1f4a55}
.scenes .cur .s20{left:5%;top:4.4em;transform:rotate(-3deg)}
.scenes .cur .s21{left:4%;top:9em;transform:rotate(2deg)}
.scenes .cur .s22{left:4%;top:14.2em;transform:rotate(-2deg)}
.scenes .cur .s23{left:9%;top:19em;transform:rotate(2.5deg);opacity:.6}
.scenes .cur .s24{left:60%;top:7em;transform:rotate(1deg);opacity:.7}
.scenes .cur .s25{left:64%;top:15em;transform:rotate(-1deg);opacity:.75}
.scenes .cur .s26{background:#d3e4e8}
.scenes .cur .s27{--av:#0e7490}
.scenes .cur .s28{color:#5a554a}
.scenes .cur .s29{top:8em}
.scenes .cur .s30{top:17.5em}
.scenes .cur .s31{left:12%;top:10.5em}
.scenes .cur .s32{left:33%;top:5.6em}
.scenes .cur .s33{left:56%;top:21.4em}
.scenes .cur .s34{left:20%;top:23.6em;transform:rotate(30deg)}
.scenes .cur .s35{left:62%;top:13.5%}
.scenes .cur .s36{left:6%;top:27.5%;background:#d0533d}
.scenes .c-met{--c:var(--c-met)}.scenes .c-job{--c:var(--c-job)}.scenes .c-psy{--c:var(--c-psy)}.scenes .c-tools{--c:var(--c-tools)}
@media (prefers-reduced-motion:reduce){
  .scenes *,.scenes *::before,.scenes *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.scenes .skip{position:absolute;left:16px;top:-60px;background:var(--ink);color:var(--desk);padding:10px 14px;border-radius:8px;z-index:20;text-decoration:none}
.scenes .skip:focus{top:12px}
.scenes .calm .phones{display:grid;gap:6px;margin:4px 0 14px}
.scenes .calm .phones .phone{display:inline;margin:0;font-size:clamp(24px,1.4vw + 16px,32px)}

/* пол размеров текста в панелях (ТЗ, критерий 8): на ≥ 600 px не мельче 11 px; на меньших экранах 13 px задаёт правило .cur-l * выше */
@media (min-width:601px){
.scenes .wk-sheet{font-size:max(11px,2.55cqw)}
.scenes .wk-sheet .wk-self{font-size:max(11px,.92em)}
.scenes .wk-sheet .wk-self i{font-size:max(11px,.86em)}
.scenes .wk-sheet .wk-ki b,.scenes .wk-sheet .wk-a b{font-size:max(11px,.82em)}
.scenes .wk-sheet .wk-h .wk-a>span{font-size:max(11px,.82em)}
.scenes .bub small{font-size:max(11px,.75em)}
.scenes .tg-top small{font-size:max(11px,.82em)}
.scenes .cv-main h6{font-size:max(11px,.72em)}
.scenes .cv-main .job small{font-size:max(11px,.72em)}
.scenes .req b{font-size:max(11px,.8em)}
.scenes .s-tag{font-size:max(11px,.78em)}
}
@media (max-width:600px){.scenes .cur-tag{font-size:13px!important}}