@import url("/tokens.css");
:root{--accent:#a9855d;--bg:#d8cbbb;/* подобрано под тон фото */--fs-h1:clamp(51px,4.5vw,75px);--lh-h1:1}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0;background:var(--bg);color:var(--ink)}body{overflow:hidden;font-family:var(--font-sans)}a{color:inherit;text-decoration:none}.form-screen{position:relative;width:100vw;height:100vh;min-height:640px;overflow:hidden;isolation:isolate}.background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.form-screen:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(249,244,237,.12),transparent 38%)}.header{position:absolute;top:clamp(27px,5vh,55px);left:clamp(34px,4.2vw,70px);right:clamp(34px,4.2vw,70px);display:flex;align-items:flex-start;justify-content:space-between}.brand{display:flex;width:48px;flex-direction:column;align-items:center;font:400 clamp(38px,3.2vw,56px)/.86 var(--font-serif);letter-spacing:-.08em}.brand i{width:4px;height:4px;margin-top:16px;border-radius:50%;background:currentColor}.section-nav{position:absolute;left:50%;display:flex;gap:62px;transform:translateX(-50%);font-size:12px;letter-spacing:.2em}.section-nav a{padding:8px 0 12px;border-bottom:1px solid transparent}.section-nav .active{border-color:rgba(var(--ink-rgb),.64)}.menu{display:flex;align-items:center;gap:22px;padding:0;border:0;background:none;color:inherit;font:13px var(--font-sans);letter-spacing:.3em}.menu>i{width:4px;height:4px;border-radius:50%;background:currentColor}.menu>b{display:grid;width:43px;gap:7px}.menu em{height:1px;background:currentColor}.intro{position:absolute;top:50%;left:clamp(55px,7.2vw,120px);width:280px;transform:translateY(-48%)}.eyebrow{margin:0 0 23px}h1{margin:0 0 17px}.lead{margin:0;font:400 clamp(21px,1.7vw,28px)/1.42 var(--font-serif)}.rule{display:block;width:32px;height:1px;margin:27px 0 23px;background:var(--accent)}.copy{margin:0;color:rgba(var(--ink-rgb),.76);font-size:14px;line-height:1.65}.cards{position:absolute;inset:0;pointer-events:none}.card{position:absolute;bottom:17.2%;display:flex;width:20.8%;min-width:220px;flex-direction:column;align-items:center;padding:72px 10px 17px;color:rgba(255,250,244,.98);text-align:center;text-shadow:0 1px 12px rgba(32,24,19,.46);pointer-events:auto}.card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,rgba(35,27,22,.62));opacity:.72;transition:opacity .25s}.card:hover:before{opacity:.94}.card span{font:400 clamp(24px,1.9vw,32px)/1.1 var(--font-serif)}.card small{margin-top:12px;font-size:9px;line-height:1.55;letter-spacing:.18em}.card b{margin-top:15px;font-size:21px;font-weight:200;transition:transform .25s}.card:hover b{transform:translateX(6px)}.card--bob{left:32.9%}.card--long{left:54.9%}.card--pixie{left:77%}.back{position:absolute;left:clamp(34px,4.2vw,70px);bottom:clamp(27px,4vh,45px);display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.21em}.back span{font-size:22px}.progress{position:absolute;right:clamp(34px,4.2vw,70px);bottom:clamp(29px,4vh,47px);display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.14em}.progress b{font-weight:500}.progress i{width:82px;height:1px;background:linear-gradient(90deg,var(--accent) 66%,rgba(255,255,255,.8) 66%)}.progress span{opacity:.65}@media(max-width:900px){body{overflow:auto}.form-screen{min-height:760px}.background{object-position:0 center}.intro{left:5vw;top:42%}
/* Шаг 4 (2026-08-31): mobile-паттерн «тип Б» — 3 отдельные панели-портрета.
   Раскладка/section-nav/тихий «Назад» — в responsive-shell.css (блок
   COLOR/FORM/MOVEMENT). Сняты: прежние mobile-карточки,
   `.background{display:none}` (фон-сцена показывается), `.section-nav
   {display:none}`, `.back{top:62px}`, `.intro .eyebrow{display:none}`.
   Ниже — только конкретные картинки панелей формы: нарезки
   form-panel-{bob,long,pixie}.png из form-selection-background-v1-16x9.png,
   края по чистой стене между фигурами (без заезжающих соседей). */
.form-screen .card--bob::before{background-image:url("/form-panel-bob.png")!important}
.form-screen .card--long::before{background-image:url("/form-panel-long.png")!important}
.form-screen .card--pixie::before{background-image:url("/form-panel-pixie.png")!important}
}