@font-face{font-family:"Onest";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/onest-cyrillic-400-normal.847ffd6992a7.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/onest-latin-400-normal.22cb2483abda.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/onest-cyrillic-500-normal.034877447068.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/onest-latin-500-normal.675404318935.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/onest-cyrillic-600-normal.194419e327a6.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/onest-latin-600-normal.b50295c22c13.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Oranienbaum";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/oranienbaum-cyrillic-400-normal.3c9809bfeb25.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Oranienbaum";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/oranienbaum-latin-400-normal.22bc59b32c92.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/ibm-plex-mono-cyrillic-400-normal.2f3900b11191.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/ibm-plex-mono-latin-400-normal.79936b18df9f.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/ibm-plex-mono-cyrillic-500-normal.42375444a220.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/ibm-plex-mono-latin-500-normal.b1c8a895f5fd.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --ground:#F1F2EE; --paper:#FBFBF8; --ink:#191C2A; --ink-2:#4A4F62; --line:#D8DAD2;
  --accent:#2A3CC8; --accent-ink:#FFFFFF; --accent-soft:#E2E6FA;
  --signal:#E3AE1C; --signal-ink:#2A2208;
  --ok:#1D7A4B; --ok-soft:#DDF0E4; --warn-soft:#F7ECC9; --mute-soft:#E7E8E2;
  --f-display:"Oranienbaum","Georgia",serif;
  --f-body:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#12141D; --paper:#1A1D29; --ink:#ECEDE7; --ink-2:#A7ACBD; --line:#2D3144;
    --accent:#8F9CFF; --accent-ink:#11132A; --accent-soft:#252A55;
    --signal:#E8B83A; --signal-ink:#2A2208;
    --ok:#6FD39B; --ok-soft:#1C3A2B; --warn-soft:#3A3217; --mute-soft:#242736;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ground:#12141D; --paper:#1A1D29; --ink:#ECEDE7; --ink-2:#A7ACBD; --line:#2D3144;
  --accent:#8F9CFF; --accent-ink:#11132A; --accent-soft:#252A55;
  --signal:#E8B83A; --signal-ink:#2A2208;
  --ok:#6FD39B; --ok-soft:#1C3A2B; --warn-soft:#3A3217; --mute-soft:#242736;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:400 15px/1.55 var(--f-body);
  padding-block:0 88px;
  padding-left:max(16px,env(safe-area-inset-left,0px));
  padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:1200px;margin:0 auto}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
ol{counter-reset:s}
h1,h2{font-family:var(--f-display);font-weight:400;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(38px,6.2vw,68px);line-height:1.02}
h1.h1s{font-size:clamp(32px,4.4vw,50px);line-height:1.06}
h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1}
h3{font-size:17px;line-height:1.3;font-weight:600;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lbl{font:500 11.5px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.muted{color:var(--ink-2)}
.meta{font:12.5px/1.45 var(--f-mono);color:var(--ink-2)}
.lead{font-size:18px;line-height:1.55;max-width:54ch;margin-top:18px;color:var(--ink-2)}
.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
code{font:13px var(--f-mono);background:var(--mute-soft);padding:1px 6px}

/* шапка */
.top{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--ink);flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo svg{width:30px;height:30px;flex:none}
.logo b{display:block;font:400 26px/1 var(--f-display)}
.logo small{display:block;font:500 10.5px/1.1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-top:3px}
.nav{display:flex;gap:2px;margin-left:10px}
.nav a{padding:8px 12px;text-decoration:none;font-weight:500;border-bottom:2px solid transparent}
.nav a:hover{border-color:var(--line)}
.nav a[aria-current="page"]{border-color:var(--accent)}
.acts{margin-left:auto;display:flex;gap:8px;align-items:center}
.who{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:500}
.av{display:inline-flex;align-items:center;justify-content:center;width:var(--s);height:var(--s);flex:none;color:#fff;font:500 calc(var(--s)*.36)/1 var(--f-mono);letter-spacing:.02em;border-radius:2px}
.badge{display:inline-block;min-width:18px;padding:0 5px;background:var(--signal);color:var(--signal-ink);font:600 11px/18px var(--f-mono);text-align:center;border-radius:9px}

/* кнопки, поля */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;min-height:42px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:2px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}
.btn:hover{filter:brightness(1.1)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.soft{background:var(--accent-soft);color:var(--ink);border-color:transparent}
.btn.sm{padding:6px 12px;min-height:34px;font-size:14px}
.btn.block{width:100%}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld>span,.fl-t{font:500 11.5px/1.2 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;min-height:42px;padding:9px 12px;background:var(--paper);border:1px solid var(--line);border-radius:2px;color:var(--ink)}
input:hover,select:hover,textarea:hover{border-color:var(--ink-2)}
textarea{min-height:110px;resize:vertical}
input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex:none}
.form{display:grid;gap:20px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hint{font-size:13px;color:var(--ink-2)}

/* рубрики: стиль закрашен, материал в рамке, жанр без обводки */
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-block;padding:2px 8px;font-size:12.5px;line-height:1.55;border-radius:2px;white-space:nowrap}
.chip.s{background:var(--accent-soft)}
.chip.m{border:1px solid var(--ink-2)}
.chip.g{padding-left:0;color:var(--ink-2)}
.chip.x{display:inline-flex;gap:6px;align-items:center;border:0;cursor:pointer;background:var(--accent-soft);color:var(--ink)}
.key{display:inline-block;width:10px;height:10px;margin-right:8px;vertical-align:-1px}
.key.s{background:var(--accent-soft);border:1px solid var(--accent)}
.key.m{border:1px solid var(--ink-2)}
.tg{position:relative}
.tg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.tg span{display:inline-block;padding:5px 10px;border:1px solid var(--line);background:var(--paper);font-size:14px}
.tg input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.tg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.pick{display:flex;flex-wrap:wrap;gap:6px}
.pill{display:inline-block;padding:2px 8px;font:500 11.5px/1.6 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:2px;white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.wait{background:var(--warn-soft);color:var(--ink)}
.pill.off{background:var(--mute-soft);color:var(--ink-2)}

/* блоки страниц */
.pghead{padding-block:36px 8px;display:grid;gap:10px}
.sec{padding-block:52px;border-top:1px solid var(--line)}
.hd{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.crumbs{padding-top:22px;font:12.5px var(--f-mono);color:var(--ink-2)}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line)}

/* главная */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;padding-block:48px 56px;align-items:start}
.hero h1 em{font-style:normal;color:var(--accent)}
.finder{margin-top:30px;border:1px solid var(--ink);background:var(--paper)}
.seg{display:flex;border-bottom:1px solid var(--ink)}
.seg button{flex:1;padding:12px 14px;background:transparent;border:0;cursor:pointer;font-weight:600;text-align:left}
.seg button+button{border-left:1px solid var(--ink)}
.seg button.on{background:var(--ink);color:var(--paper)}
.finder .gr{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}
.finder .full{grid-column:1/-1}
.finder .foot{display:flex;gap:16px;align-items:center;flex-wrap:wrap;grid-column:1/-1}
.wall{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.wall .col{display:grid;gap:14px}
.wall .col+.col{margin-top:48px}
.frame{background:var(--paper);border:1px solid var(--line);padding:8px}
.frame figcaption{padding-top:7px;font:11.5px var(--f-mono);color:var(--ink-2)}
.art{aspect-ratio:var(--r,1/1);overflow:hidden;background:var(--mute-soft);width:100%}
.art svg{display:block;width:100%;height:100%}
.idx{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.idx h3{margin-bottom:14px}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.steps ol{display:grid;gap:18px;margin-top:16px;counter-reset:s}
.steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;counter-increment:s}
.steps li::before{content:counter(s);font:500 14px/28px var(--f-mono);width:28px;height:28px;text-align:center;border:1px solid var(--ink)}
.cta{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding:36px;background:var(--ink);color:var(--paper)}
.cta h2{max-width:20ch}
.cta .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.cta .btn.ghost{background:transparent;color:var(--paper)}

/* каталог, ленты */
.cat{display:grid;grid-template-columns:272px minmax(0,1fr);gap:36px;padding-block:28px 56px;align-items:start}
.fpanel{position:sticky;top:12px}
.fpanel summary{font:500 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:12px 0;cursor:pointer;border-bottom:1px solid var(--ink);margin-bottom:18px}
.fg{border:0;padding:0;margin:0 0 20px;min-width:0}
.fg legend{padding:0;margin-bottom:8px;font:500 11.5px/1.2 var(--f-mono);letter-spacing:.07em;text-transform:uppercase}
.fl{display:flex;flex-direction:column;max-height:200px;overflow:auto;border:1px solid var(--line);background:var(--paper)}
.fl label{display:flex;align-items:center;gap:10px;padding:7px 10px;cursor:pointer;font-size:14px}
.fl label:hover{background:var(--mute-soft)}
.rh{display:flex;gap:12px 20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-bottom:14px}
.rh select{width:auto;min-height:36px}
.act-f{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-bottom:16px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.acard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);text-decoration:none}
.acard:hover{border-color:var(--ink)}
.strip{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:3/2;background:var(--line)}
.strip>div:first-child{grid-row:1/3}
.strip .art{height:100%;aspect-ratio:auto}
.acard .in{padding:14px 16px 16px;display:grid;gap:10px}
.acard .nm{display:flex;gap:12px;align-items:center}
.acard .ft{display:flex;justify-content:space-between;gap:8px;align-items:center;font:13px var(--f-mono);flex-wrap:wrap}
.rows{border-top:1px solid var(--ink)}
.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 28px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;cursor:pointer}
.row.static{cursor:default}
.row:not(.static):hover h3{color:var(--accent)}
.row .rb{display:grid;gap:8px;min-width:0}
.row .price{font:500 16px/1.3 var(--f-mono);white-space:nowrap;text-align:right}
.row .price small{display:block;font-size:12px;color:var(--ink-2);font-weight:400}
.empty{padding:40px 0;display:grid;gap:14px;justify-items:start}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto}
.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 14px;cursor:pointer;font-weight:500;white-space:nowrap}
.tabs button[aria-selected=true]{border-color:var(--accent);font-weight:600}
.tabbody{padding-top:24px}

/* профиль */
.phead{display:flex;gap:24px;align-items:center;padding-block:24px 30px}
.phead>div{display:grid;gap:8px;min-width:0}
.prof{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding-bottom:56px;align-items:start}
.sidec{border:1px solid var(--ink);background:var(--paper);padding:20px;display:grid;gap:14px;position:sticky;top:12px}
.sidec dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px}
.sidec dt{color:var(--ink-2)}
.sidec dd{margin:0;text-align:right;font-family:var(--f-mono);font-size:13px}
.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;align-items:start}
.wk{display:grid;gap:8px}
.wkb{padding:0;border:1px solid var(--line);background:var(--paper);cursor:pointer;display:block;width:100%}
.wkb:hover{border-color:var(--ink)}
.wk figcaption{display:grid;gap:2px}
table{width:100%;border-collapse:collapse}
th{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);text-align:left;padding:8px 14px 8px 0;border-bottom:1px solid var(--ink)}
td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tw{overflow-x:auto}
.rev{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid var(--line);max-width:68ch}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.scrim{position:absolute;inset:0;background:rgba(8,10,18,.74)}
.mbox{position:relative;background:var(--paper);border:1px solid var(--ink);max-width:920px;width:100%;max-height:100%;overflow:auto;display:grid;grid-template-columns:1.2fr 1fr}
.mbox .mi{padding:24px;display:grid;gap:14px;align-content:start}
.mbox .art{height:100%;aspect-ratio:auto;min-height:320px}

/* заказ */
.ord{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;padding-block:20px 56px;align-items:start}
.ord .body{display:grid;gap:26px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;padding:18px 0;border-block:1px solid var(--line)}
.facts div{display:grid;gap:4px}
.facts b{font:500 15px var(--f-mono)}
.refs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.card{border:1px solid var(--ink);background:var(--paper);padding:20px;display:grid;gap:16px}
.pk{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pk label{position:relative;cursor:pointer;display:block;border:1px solid var(--line)}
.pk input{position:absolute;top:6px;left:6px;z-index:1}
.sent{padding:16px;background:var(--ok-soft);color:var(--ok);font-weight:600}

/* новая публикация */
.npost{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;padding-block:24px 56px;align-items:start}
.npost aside{position:sticky;top:12px;display:grid;gap:12px}
.drop{border:1px dashed var(--ink-2);padding:22px;display:grid;gap:8px;justify-items:start;background:var(--paper)}

/* кабинет */
.cab{display:grid;grid-template-columns:232px minmax(0,1fr);gap:40px;padding-block:28px 56px;align-items:start}
.side{display:grid;gap:2px;position:sticky;top:12px}
.side button,.side a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:none;border:0;border-left:2px solid transparent;text-align:left;cursor:pointer;text-decoration:none;font-weight:500}
.side button:hover,.side a:hover{background:var(--mute-soft)}
.side button[aria-current=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:600}
.cabc{display:grid;gap:32px;min-width:0}
.bar{height:8px;background:var(--mute-soft)}
.bar i{display:block;height:100%;background:var(--accent)}
.todo{display:grid;gap:0;border-top:1px solid var(--ink)}
.todo li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.ck{display:grid;gap:8px}
.ck li{display:flex;gap:10px;font-size:14px}
.ck li::before{content:"";width:14px;height:14px;margin-top:4px;border:1px solid var(--ink-2);flex:none}
.ck li.d::before{background:var(--accent);border-color:var(--accent)}
.kv{display:flex;flex-wrap:wrap;gap:8px 32px}
.kv div{display:grid;gap:2px}
.kv b{font:500 20px var(--f-mono)}
.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;align-items:start}
.pg figure{display:grid;gap:6px;border:1px solid var(--line);background:var(--paper);padding:6px}
.pg figcaption{display:grid;gap:4px;font-size:13px}

/* сообщения */
.msgs{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid var(--ink);background:var(--paper);height:min(660px,78vh);margin-block:20px 56px}
.dl{border-right:1px solid var(--line);overflow:auto}
.di{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;width:100%;padding:14px;background:none;border:0;border-bottom:1px solid var(--line);border-left:2px solid transparent;text-align:left;cursor:pointer;align-items:center}
.di.on{background:var(--accent-soft);border-left-color:var(--accent)}
.di span{display:grid;min-width:0}
.di small,.di em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;font-size:13px;color:var(--ink-2)}
.th{display:flex;flex-direction:column;min-height:0;min-width:0}
.thh{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.ctx{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--mute-soft);font-size:14px;text-decoration:none}
.bubbles{flex:1;overflow:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px}
.b{max-width:76%;padding:10px 14px;background:var(--mute-soft);display:grid;gap:2px}
.b small{font:11px var(--f-mono);color:var(--ink-2)}
.b.me{align-self:flex-end;background:var(--accent);color:var(--accent-ink)}
.b.me small{color:inherit;opacity:.8}
.compose{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}
.mb{display:none}

/* форум */
.fc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 28px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.fc button{all:unset;cursor:pointer;display:grid;gap:2px}
.fc button:hover b{color:var(--accent)}
.post{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.post .au{display:grid;gap:6px;justify-items:start;align-content:start}
.post p+p{margin-top:10px}

/* структура */
.paths{display:grid;gap:10px}
.paths li{display:grid;gap:2px}
.cols3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
.rr{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.rr .sw{width:18px;height:18px;margin-top:3px}
.rr b{display:block}
.rr .rl{display:grid;gap:2px;text-align:right;font:12.5px var(--f-mono)}
.rr .rl a{text-decoration:none;border-bottom:1px solid var(--line)}
.rr .rl a:hover{border-color:var(--accent);color:var(--accent)}
.defs{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0}
.defs dt,.defs dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.defs dt{font-weight:600}

footer{margin-top:24px;padding-block:32px 8px;border-top:1px solid var(--ink);display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.3fr;gap:28px;font-size:14px}
footer ul{display:grid;gap:6px;margin-top:10px}
footer a{text-decoration:none;color:var(--ink-2);cursor:pointer}
footer a:hover{color:var(--ink)}

.dev{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40}
.dev>button{padding:10px 14px;background:var(--ink);color:var(--paper);border:0;border-radius:2px;font:500 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.devp{position:absolute;right:0;bottom:48px;width:270px;max-height:68vh;overflow:auto;background:var(--paper);border:1px solid var(--ink);padding:6px}
.devp p{padding:8px 10px 4px}
.devp button{display:block;width:100%;text-align:left;padding:7px 10px;background:none;border:0;cursor:pointer;font-size:14px}
.devp button:hover{background:var(--accent-soft)}
#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--ink);color:var(--paper);padding:11px 18px;max-width:min(92vw,520px);text-align:center;font-size:14px}

@media (max-width:980px){
  .hero,.ord,.npost,.prof{grid-template-columns:minmax(0,1fr);gap:36px}
  .cat,.cab{grid-template-columns:minmax(0,1fr);gap:20px}
  .fpanel,.side,.sidec,.npost aside{position:static}
  .side{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}
  .side button,.side a{border-left:0;border-bottom:2px solid transparent}
  .side button[aria-current=true]{border-bottom-color:var(--accent)}
  footer{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .msgs{grid-template-columns:minmax(0,1fr)}
  .msgs.list .th{display:none}
  .msgs.thread .dl{display:none}
  .mb{display:inline-flex}
  .dl{border-right:0}
}
@media (max-width:720px){
  .nav{order:3;width:100%;margin:0;overflow-x:auto}
  .nav a{white-space:nowrap}
  .idx,.steps,.grid2,.two{grid-template-columns:minmax(0,1fr)}
  .finder .gr{grid-template-columns:minmax(0,1fr)}
  .phead{flex-direction:column;align-items:flex-start}
  .mbox{grid-template-columns:minmax(0,1fr)}
  .mbox .art{min-height:240px;aspect-ratio:4/3;height:auto}
  .post{grid-template-columns:minmax(0,1fr);gap:10px}
  .post .au{grid-auto-flow:column;align-items:center;justify-content:start}
  .defs{grid-template-columns:minmax(0,1fr)}
  .defs dt{border-bottom:0;padding-bottom:0}
  .row{grid-template-columns:minmax(0,1fr)}
  .row .price{text-align:left}
  .cta{padding:24px}
  .rr{grid-template-columns:18px minmax(0,1fr)}
  .rr .rl{grid-column:2;text-align:left;display:flex;gap:14px}
  .pk{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  footer{grid-template-columns:minmax(0,1fr)}
  .logo small{display:none}
  .acts{gap:6px}
  .acts .btn.sm{padding:6px 10px}
}

/* --- добавления для рабочего сайта --- */
.av img{width:100%;height:100%;object-fit:cover;border-radius:2px}
img.art-img{display:block;width:100%;height:100%;object-fit:cover}
.art img{display:block;width:100%;height:100%;object-fit:cover}
.msgs-flash{margin:14px 0}
.flash{padding:12px 16px;margin:14px 0 0;background:var(--accent-soft);border-left:3px solid var(--accent)}
.flash.error{background:var(--warn-soft);border-color:var(--signal)}
.flash.success{background:var(--ok-soft);border-color:var(--ok)}
.demo-bar{background:var(--ink);color:var(--paper);font:12.5px/1.4 var(--f-mono);padding:8px 0}
.demo-bar a{color:var(--paper)}
.errorlist{list-style:none;padding:0;margin:4px 0 0;color:#B3261E;font-size:13px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .errorlist{color:#FFB4AB}}
.pager{display:flex;gap:6px;flex-wrap:wrap;padding-top:26px}
.pager a,.pager span{padding:6px 12px;border:1px solid var(--line);text-decoration:none;font:500 13px var(--f-mono)}
.pager .cur{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.rate{font:500 14px var(--f-mono);color:var(--signal-ink);background:var(--signal);padding:1px 7px;border-radius:2px}
.imgbox{background:var(--mute-soft)}
.wkb img{display:block;width:100%;height:auto}
.mbox .art{min-height:0}
.workpage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding-block:20px 56px;align-items:start}
.workpage .big{border:1px solid var(--line);background:var(--paper);padding:10px}
.workpage .big img{display:block;width:100%;height:auto}
.linkbtn{background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;color:inherit}
.inline{display:inline}
.rubgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 28px}
.rubgrid .rr{grid-template-columns:18px minmax(0,1fr)}
.tbl-act{display:flex;gap:10px;flex-wrap:wrap}
.pk img{display:block;width:100%;height:auto}
.fl-sm{max-height:170px}
.hp{position:absolute;left:-9999px}
@media (max-width:980px){.workpage{grid-template-columns:minmax(0,1fr)}}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:8px 12px;z-index:100}
.skip:focus{left:8px;top:8px}

.tabs a{background:none;border-bottom:2px solid transparent;padding:12px 14px;font-weight:500;white-space:nowrap;text-decoration:none}
.tabs a[aria-selected=true]{border-color:var(--accent);font-weight:600}
.tabs a:hover{background:var(--mute-soft)}
[hidden]{display:none!important}

.demo-bar .wrap{padding-inline:12px}

/* юридические страницы */
.legal h2{font:600 19px/1.3 var(--f-body);margin-top:14px}


/* v1 unified visual refresh: vivid atelier palette and conversion-focused home */
:root{
  --ground:#f6f1e9; --paper:#fffdf9; --ink:#211b28; --ink-2:#655d6d; --line:#ded4c7;
  --accent:#6b35c9; --accent-ink:#fff; --accent-soft:#eee4ff;
  --signal:#f7b82b; --signal-ink:#241806; --ok:#168259; --ok-soft:#ddf5e9; --mute-soft:#f1ebe3;
}
body{background:radial-gradient(circle at 84% 2%,#f9d9b7 0,transparent 22rem),radial-gradient(circle at 7% 14%,#e9ddff 0,transparent 22rem),var(--ground)}
.wrap{max-width:1240px}
.top{position:relative;border-color:rgba(33,27,40,.22);padding:18px 0;background:color-mix(in srgb,var(--ground) 82%,transparent);backdrop-filter:blur(14px);z-index:10}
.logo b{font-size:29px;color:var(--accent)}
.nav a{border-radius:99px;border-bottom:0;padding:8px 13px}
.nav a:hover{background:var(--accent-soft)}
.nav a[aria-current="page"]{background:var(--accent);color:var(--accent-ink)}
.btn{border-radius:12px;box-shadow:0 5px 0 rgba(52,23,103,.15);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 17px rgba(62,29,125,.22);filter:none}
.btn.ghost{box-shadow:none;border-color:rgba(33,27,40,.45)}
.btn--shine{background:linear-gradient(135deg,#7b43df,#5223b2);border-color:#5d2ac5}
.hero--bright{padding-block:66px 72px;gap:64px;align-items:center}
.hero-copy{position:relative}
.eyebrow{display:flex;align-items:center;gap:8px;font:600 11.5px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.eyebrow span{width:22px;height:2px;background:var(--signal)}
.hero h1{font-size:clamp(46px,6.1vw,74px);letter-spacing:-.035em}
.hero h1 em{color:var(--accent);text-decoration:underline 6px var(--signal);text-underline-offset:8px}
.hero .lead{font-size:19px;color:var(--ink-2);max-width:50ch}
.quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.proof{display:flex;gap:0;margin:30px 0 0}
.proof>div{padding:0 20px;border-left:1px solid var(--line);display:grid;gap:1px}
.proof>div:first-child{padding-left:0;border:0}
.proof b{font:500 22px/1 var(--f-mono);color:var(--accent)}
.proof span{font-size:12px;color:var(--ink-2)}
.finder--lift{margin-top:34px;border:0;border-radius:18px;overflow:hidden;box-shadow:0 18px 46px rgba(76,47,31,.14)}
.finder .seg{border-color:var(--line)}
.seg button{padding:14px 18px}
.seg button.on{background:linear-gradient(105deg,#5423b7,#7b41de)}
.finder .gr{padding:20px;background:rgba(255,253,249,.94)}
.finder select{border-radius:9px}
.wall--showcase{position:relative;padding:14px 0 0 16px}
.wall--showcase:before{content:"";position:absolute;inset:2% 3% 8% 6%;background:linear-gradient(145deg,#ffd76e,#f49d5e 52%,#9d59d9);border-radius:34px;transform:rotate(3deg);opacity:.72}
.wall--showcase .col,.wall--showcase .frame,.wall-note{position:relative}
.wall--showcase .frame{border:0;border-radius:18px;padding:7px;box-shadow:0 14px 28px rgba(40,23,50,.2);overflow:hidden}
.wall--showcase .art{border-radius:12px}
.wall--showcase .frame figcaption{font-size:11px;padding:9px 4px 4px}
.wall-note{display:inline-block;z-index:3;margin:0 0 12px -10px;padding:10px 14px;background:var(--paper);color:var(--ink-2);border-radius:12px;box-shadow:0 8px 22px rgba(40,23,50,.13);font:11px/1.45 var(--f-mono)}
.wall-note b{color:var(--accent)}
.mood-section{padding-top:60px}
.mood-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}
.mood-card{min-height:235px;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-decoration:none;overflow:hidden;position:relative;color:white;isolation:isolate;transition:transform .2s ease}
.mood-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,13,31,.79),rgba(22,13,31,.05) 75%);z-index:-1}
.mood-card:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.4);border-radius:50%;top:-40px;right:-38px;z-index:-1}
.mood-card:hover{transform:translateY(-5px)}
.mood-card span{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.88;margin-bottom:auto}
.mood-card b{font:400 clamp(24px,2.3vw,32px)/1.02 var(--f-display)}
.mood-card i{position:absolute;right:20px;bottom:21px;width:35px;height:35px;border-radius:50%;background:var(--signal);color:var(--signal-ink);display:grid;place-items:center;font-style:normal;font-size:20px}
.mood-card--portrait{background:linear-gradient(130deg,#be668a,#573159)}
.mood-card--interior{background:linear-gradient(130deg,#d58b42,#6e3c32)}
.mood-card--pets{background:linear-gradient(130deg,#4c8079,#254955)}
.rows--cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border:0}
.rows--cards .row{min-height:210px;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:0 5px 17px rgba(49,35,20,.05);grid-template-columns:1fr}
.rows--cards .price{text-align:left;margin-top:auto;color:var(--accent)}
.rows--cards .row:hover{border-color:var(--accent);box-shadow:0 12px 26px rgba(78,40,130,.15)}
.how-section{background:linear-gradient(125deg,#2d1753,#5229a0);margin-inline:calc(50% - 50vw);padding:60px max(16px,calc((100vw - 1240px)/2));color:#fff;border:0}
.how-section .eyebrow{color:#ffd266}.how-section .eyebrow span{background:#fff}.how-section .hd{margin-bottom:36px}
.steps--bright{grid-template-columns:repeat(3,1fr);gap:18px}
.steps--bright>div{padding:22px 22px 18px;border:1px solid rgba(255,255,255,.26);border-radius:16px;background:rgba(255,255,255,.08)}
.steps--bright h3{font-size:19px;margin:16px 0 7px}.steps--bright .muted{color:#e3dced}.step-no{font:500 13px var(--f-mono);color:#ffd266}
.cta--bright{border-radius:23px;background:linear-gradient(115deg,#f5aa28,#f27843 50%,#c34fb3);box-shadow:0 16px 34px rgba(133,69,72,.23)}
.cta--bright .eyebrow{color:#3c172a}.cta--bright h2{color:#271724;max-width:24ch}.cta--bright .btn{background:#271724;color:#fff;border-color:#271724}.cta--bright .btn.ghost{background:transparent;color:#271724;border-color:#271724}
@media (max-width:980px){.hero--bright{padding-block:44px}.wall--showcase{max-width:640px;margin:auto}.rows--cards{grid-template-columns:1fr 1fr}.steps--bright{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.proof{gap:10px}.proof>div{padding:0 10px}.proof b{font-size:17px}.mood-grid,.rows--cards,.steps--bright{grid-template-columns:1fr}.mood-card{min-height:190px}.how-section{padding-block:44px}.hero h1{font-size:48px}.wall--showcase .col+.col{margin-top:28px}}
@media (max-width:430px){.quick-actions .btn{width:100%}.proof{justify-content:space-between}.proof>div{padding:0 6px}.proof span{font-size:10px}}


/* Compact hero: title must begin directly below the navigation, not be centered against the gallery */
@media (min-width:981px){
  .hero--bright{align-items:start;min-height:0}
  .hero--bright .hero-copy{padding-top:18px}
  .wall--showcase .col .frame:nth-child(n+3){display:none}
  .wall--showcase{max-height:790px}
}


/* === Unified atelier interface: catalog, profiles, orders, cabinet, messages and forms === */
:root[data-theme="dark"] body{background:radial-gradient(circle at 7% 9%,rgba(119,83,210,.30),transparent 28rem),radial-gradient(circle at 94% 18%,rgba(244,161,75,.18),transparent 27rem),#10121c}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body{background:radial-gradient(circle at 7% 9%,rgba(119,83,210,.30),transparent 28rem),radial-gradient(circle at 94% 18%,rgba(244,161,75,.18),transparent 27rem),#10121c}}
.pghead{position:relative;padding:52px 0 24px;margin-bottom:16px}
.pghead:after{content:"";display:block;width:62px;height:4px;margin-top:19px;border-radius:99px;background:linear-gradient(90deg,var(--signal),var(--accent))}
.pghead .muted{max-width:62ch;font-size:16px}
.sec{border-color:color-mix(in srgb,var(--line) 72%,transparent)}
.cat,.cab,.ord,.npost,.prof,.workpage{padding-top:34px}
.card,.sidec,.acard,.frame,.pg figure,.drop{
  border:1px solid color-mix(in srgb,var(--line) 80%,transparent);
  border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 96%,#8569bd 4%),var(--paper));
  box-shadow:0 10px 28px rgba(9,8,18,.10);
}
.card,.sidec{padding:22px}
.acard{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.acard:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 34px rgba(45,27,77,.22)}
.acard .in{padding:17px;gap:12px}
.strip{gap:3px;background:var(--accent-soft)}
.strip .art{transition:transform .35s ease}
.acard:hover .strip .art{transform:scale(1.025)}
.art,.wkb,.big{border-radius:11px;overflow:hidden}
.wkb{border-color:transparent}.wkb:hover{border-color:var(--accent)}
.wk figcaption{padding:2px 3px}
.cat{gap:30px}.fpanel{padding:6px 16px 16px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:16px;background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:0 10px 24px rgba(9,8,18,.08)}
.fpanel summary{border-color:var(--accent)}
.fg legend{color:var(--accent)}
.fl{border-radius:10px;border-color:var(--line);overflow:hidden}
.fl label{transition:background .15s ease}.fl label:hover{background:var(--accent-soft)}
.tg span{border-radius:99px;border-color:var(--line);transition:all .16s ease}
.tg input:checked+span{box-shadow:0 3px 8px rgba(51,29,120,.22)}
.act-f{padding:11px 12px;background:var(--accent-soft);border-radius:12px}
.rh{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 92%,transparent)}
.rows{border:0;gap:12px;display:grid}
.row{padding:20px 22px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:15px;background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 5px 15px rgba(9,8,18,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.row:not(.static):hover{transform:translateX(4px);border-color:var(--accent);box-shadow:0 12px 25px rgba(45,27,77,.14)}
.row .price{color:var(--accent)}
.chip{border-radius:99px;padding:3px 9px}.chip.s{background:color-mix(in srgb,var(--accent-soft) 84%,var(--paper))}.chip.m{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.phead{padding:28px 0 32px;border-bottom:1px solid var(--line)}
.phead .av{box-shadow:0 9px 22px rgba(45,27,77,.22);border-radius:14px}
.sidec{gap:16px}.sidec .btn{margin-top:4px}.sidec dl{padding:12px 0;border-block:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.works{gap:18px}.wk{padding:8px;border:1px solid transparent;border-radius:15px;transition:border-color .18s ease}.wk:hover{border-color:var(--accent)}
.workpage .big{padding:12px;box-shadow:0 14px 32px rgba(9,8,18,.14)}
.facts{gap:12px}.facts div{padding:13px;border-radius:12px;background:var(--accent-soft)}
.facts b{color:var(--accent)}
.refs{gap:12px}.refs img{border-radius:10px}
.form{gap:18px}.two{gap:16px}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{border-radius:11px;background:color-mix(in srgb,var(--paper) 93%,transparent);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);outline:0}
.drop{border-style:dashed;border-width:2px;padding:28px;background:linear-gradient(145deg,var(--paper),var(--accent-soft))}
.npost aside{gap:16px}
.tabs{gap:7px;border:0;padding:5px;background:var(--mute-soft);border-radius:13px}
.tabs a,.tabs button{border:0;border-radius:9px;padding:10px 14px}
.tabs a[aria-selected=true],.tabs button[aria-selected=true]{background:var(--paper);box-shadow:0 3px 11px rgba(12,10,25,.12)}
.tabbody{padding-top:28px}
.cab{gap:28px}.side{padding:8px;background:color-mix(in srgb,var(--paper) 90%,transparent);border:1px solid var(--line);border-radius:16px}
.side button,.side a{border-radius:9px;margin:1px 5px;padding:11px 12px}.side button[aria-current=true]{border-left-color:var(--accent);background:var(--accent-soft)}
.cabc{gap:28px}.kv div{padding:14px 16px;min-width:150px;border-radius:13px;background:var(--accent-soft)}.kv b{color:var(--accent)}
.todo{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--paper)}.todo li{padding:15px 16px}.todo li:hover{background:var(--mute-soft)}
.msgs{border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:18px;overflow:hidden;box-shadow:0 16px 36px rgba(9,8,18,.13)}
.di{transition:background .15s ease}.di:hover{background:var(--mute-soft)}.di.on{background:var(--accent-soft)}
.thh{padding:16px 18px}.ctx{background:var(--mute-soft)}.b{border-radius:14px 14px 14px 3px}.b.me{border-radius:14px 14px 3px 14px;background:linear-gradient(135deg,#6430cb,#8b59e4)}.compose{padding:15px 18px;background:color-mix(in srgb,var(--paper) 90%,transparent)}
.fc,.post{border-color:var(--line);padding:18px 16px;border-radius:13px}.fc:hover,.post:hover{background:color-mix(in srgb,var(--paper) 72%,transparent)}
.post{grid-template-columns:140px minmax(0,1fr)}.post .au{padding:10px;border-radius:11px;background:var(--accent-soft)}
.rr{border-color:var(--line)}.rr:hover{background:color-mix(in srgb,var(--paper) 80%,transparent)}
table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}th{background:var(--mute-soft);padding:11px 14px}td{padding:13px 14px}tr:last-child td{border-bottom:0}
.pager a,.pager span{border-radius:9px;border-color:var(--line)}.pager a:hover{background:var(--accent-soft);border-color:var(--accent)}.pager .cur{background:var(--accent);border-color:var(--accent)}
.social{display:grid;gap:10px;padding:16px;border-radius:14px;background:var(--accent-soft)}
.legal{max-width:82ch;padding:28px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:0 10px 26px rgba(9,8,18,.08)}
footer{margin-top:46px;padding:36px 24px 18px;border-radius:22px 22px 0 0;border:0;background:linear-gradient(135deg,#21153b,#121521);color:#ded8ea}footer a{color:#c9c2d8}footer a:hover{color:#ffd46f}
@media (max-width:980px){.cat,.cab{gap:18px}.fpanel{padding:7px 12px}.side{border-radius:13px}.side button,.side a{margin:1px}.post{grid-template-columns:110px minmax(0,1fr)}}
@media (max-width:720px){.pghead{padding-top:34px}.row{padding:17px}.card,.sidec{padding:18px}.msgs{border-radius:14px}.post{grid-template-columns:1fr}.facts div{padding:10px}.tabs{overflow:auto}.cab{padding-top:20px}}


/* Interactive rubric picker and catalog-first list pages */
.rubric-head{padding-bottom:8px}
.rubric-picker{display:grid;gap:26px;padding-bottom:56px}
.rubric-group{padding:28px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:20px;background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:0 10px 26px rgba(9,8,18,.08)}
.rubric-group .hd{margin-bottom:20px}.rubric-group .hd>.muted{max-width:30ch;text-align:right}
.choice-cloud{display:flex;flex-wrap:wrap;gap:10px}
.choice{position:relative;display:block;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}
.choice>span{display:flex;flex-direction:column;gap:2px;min-width:155px;padding:11px 38px 11px 14px;border:1px solid var(--line);border-radius:13px;background:var(--paper);transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}
.choice>span:after{content:"+";position:absolute;right:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:500 14px/1 var(--f-mono);color:var(--ink-2)}
.choice small{max-width:27ch;color:var(--ink-2);font-size:12px;line-height:1.35}
.choice:hover>span{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 7px 16px rgba(50,29,100,.14)}
.choice input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 6px 17px rgba(50,29,100,.17)}
.choice input:checked+span:after{content:"✓";background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.choice--style>span{border-left:4px solid var(--accent)}.choice--medium>span{border-left:4px solid var(--signal)}.choice--genre>span{min-width:auto;padding:9px 36px 9px 12px;border-radius:999px}.choice-cloud--compact{gap:8px}
.rubric-submit{position:sticky;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:0 13px 29px rgba(8,7,17,.18);backdrop-filter:blur(12px)}
.rubric-actions{display:flex;gap:10px;flex-wrap:wrap}
.artist-finder{display:grid;grid-template-columns:1.22fr 1fr 1fr 1fr 1fr auto;gap:10px;align-items:end;margin:6px 0 30px;padding:18px;border-radius:18px;background:linear-gradient(120deg,#2e185f,#5630a7);box-shadow:0 14px 29px rgba(39,20,90,.23)}
.artist-finder__head{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;color:#fff}.artist-finder__head b{font:400 26px/1 var(--f-display)}.artist-finder__head span{font:12px var(--f-mono);color:#d8cafb}.artist-finder .fld>span{color:#d8cafb}.artist-finder select,.artist-finder input{background:rgba(255,255,255,.96);color:#211b28;border:0}.artist-finder .btn{min-height:42px;white-space:nowrap}.artist-results{padding-bottom:56px}
.listing-layout{grid-template-columns:270px minmax(0,1fr)}.showcase-side{position:sticky;top:12px;align-self:start;display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent-soft) 65%,var(--paper)),var(--paper));box-shadow:0 12px 25px rgba(9,8,18,.09)}.showcase-side h3{font-size:18px}.showcase-stack{display:grid;gap:8px}
.showcase-mini{display:grid;gap:3px;padding:13px;border-radius:12px;background:color-mix(in srgb,var(--paper) 90%,transparent);border:1px solid color-mix(in srgb,var(--line) 76%,transparent);text-decoration:none;transition:transform .16s ease,border-color .16s ease}.showcase-mini:hover{transform:translateX(3px);border-color:var(--accent)}.showcase-mini span{font-weight:600;line-height:1.25}.showcase-mini b{font:500 14px var(--f-mono);color:var(--accent)}.showcase-mini small{color:var(--ink-2)}
@media (max-width:1120px){.artist-finder{grid-template-columns:repeat(3,1fr)}.artist-finder__search{grid-column:span 2}.listing-layout{grid-template-columns:230px minmax(0,1fr)}}
@media (max-width:980px){.listing-layout{grid-template-columns:minmax(0,1fr)}.showcase-side{position:static;grid-template-columns:repeat(3,1fr);align-items:stretch}.showcase-side>.eyebrow,.showcase-side>h3{grid-column:1/-1}.showcase-side>.btn{grid-column:1/-1}.showcase-stack{display:contents}.showcase-mini{min-height:110px}.artist-finder{grid-template-columns:1fr 1fr}.artist-finder__search{grid-column:auto}}
@media (max-width:720px){.rubric-group{padding:20px}.rubric-group .hd>.muted{display:none}.choice-cloud{gap:8px}.choice>span{min-width:calc(50vw - 44px)}.choice--genre>span{min-width:auto}.rubric-submit{position:static;align-items:stretch;flex-direction:column}.rubric-actions{width:100%}.rubric-actions .btn{flex:1}.artist-finder{grid-template-columns:1fr;padding:15px}.artist-finder__search{grid-column:auto}.artist-finder .btn{width:100%}.showcase-side{grid-template-columns:1fr}.showcase-side>.eyebrow,.showcase-side>h3,.showcase-side>.btn{grid-column:auto}.showcase-mini{min-height:auto}}


/* Связанные пары: образец слева соответствует карточке справа */
.listing-toolbar{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:14px 16px;margin-bottom:16px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(18,22,35,.72)}
.listing-board{display:grid;gap:16px;padding-bottom:56px}
.listing-pair{display:grid;grid-template-columns:minmax(390px,.96fr) minmax(0,1.04fr);gap:16px;align-items:stretch}
.listing-visual,.listing-detail{min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;background:linear-gradient(145deg,rgba(31,37,58,.94),rgba(18,22,35,.94));box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.listing-visual{display:grid;grid-template-columns:47% 53%;min-height:274px}
.listing-visual__art{min-height:100%;overflow:hidden;background:linear-gradient(135deg,#7f4160,#3a426d)}
.listing-visual__art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.listing-visual:hover,.listing-detail:hover{transform:translateY(-3px);border-color:rgba(238,177,104,.62);box-shadow:0 18px 36px rgba(0,0,0,.28)}
.listing-visual:hover .listing-visual__art img{transform:scale(1.045)}
.listing-placeholder{height:100%;min-height:260px;display:grid;place-items:center;text-align:center;font-family:var(--font-display,serif);font-size:25px;line-height:1.12;letter-spacing:.04em;color:rgba(255,255,255,.85);background:radial-gradient(circle at 28% 20%,rgba(255,209,120,.63),transparent 33%),linear-gradient(135deg,#a75058,#48528a 58%,#19273f)}
.listing-visual__copy{display:grid;align-content:center;gap:10px;padding:20px}
.listing-visual__copy .eyebrow{margin:0}
.listing-visual__copy h3{margin:0;font-size:22px;line-height:1.12}
.listing-visual__copy p{margin:0}
.listing-visual__copy b{margin-top:2px;color:#ffc875;font-size:18px}
.listing-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-content:start;padding:22px}
.listing-detail .rb{min-width:0}
.listing-detail .rb h3{margin-top:0}
.listing-detail .price{min-width:108px;text-align:right}
@media (max-width:900px){.listing-pair{grid-template-columns:1fr}.listing-visual{grid-template-columns:42% 58%}}
@media (max-width:600px){.listing-toolbar{align-items:stretch;flex-direction:column}.listing-pair{gap:11px}.listing-visual{grid-template-columns:1fr}.listing-visual__art{min-height:0;aspect-ratio:16/9}.listing-placeholder{min-height:0}.listing-detail{grid-template-columns:1fr;padding:17px}.listing-detail .price{text-align:left}.listing-visual__copy{padding:17px}}


/* Заказ: образец слева, полная карточка из описания — справа */
.listing-pair--order{display:grid;grid-template-columns:47% 53%;gap:0;min-height:320px;border:1px solid rgba(255,255,255,.11);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(31,37,58,.94),rgba(18,22,35,.94));box-shadow:0 12px 28px rgba(0,0,0,.16)}
.listing-pair--order:hover{border-color:rgba(238,177,104,.62);box-shadow:0 18px 36px rgba(0,0,0,.28)}
.listing-pair--order .listing-visual__art{display:block;min-height:320px;text-decoration:none}
.listing-pair--order .listing-visual__copy{min-width:0;padding:24px;align-content:start}
.listing-visual__copy--full .chips{margin:1px 0 0}
.listing-visual__copy--full .muted{margin:2px 0 0;line-height:1.5}
.listing-visual__copy--full .meta{margin-top:0}
.listing-amount{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:baseline;margin-top:1px}
.listing-amount b{font-size:20px;color:#ffc875}
.listing-amount small{color:var(--muted,#aeb8cf)}
.listing-open{align-self:start;margin-top:2px}
@media (max-width:760px){.listing-pair--order{grid-template-columns:1fr}.listing-pair--order .listing-visual__art{min-height:0;aspect-ratio:16/9}.listing-pair--order .listing-visual__copy{padding:18px}}


/* Компактная версия карточки заказа */
.listing-pair--order{min-height:250px}
.listing-pair--order .listing-visual__art{min-height:250px}
.listing-pair--order .listing-visual__copy{gap:7px;padding:17px 20px}
.listing-pair--order .listing-visual__copy h3{font-size:20px;line-height:1.14}
.listing-visual__copy--full .muted{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35}
.listing-pair--order .chips{gap:5px}
.listing-pair--order .chip{padding:5px 8px;font-size:13px}
.listing-amount b{font-size:18px}
.listing-open{padding:8px 13px;font-size:14px}
@media (max-width:760px){.listing-pair--order .listing-visual__art{min-height:0}.listing-pair--order .listing-visual__copy{padding:16px}}


/* Жёсткая компактная высота на компьютере */
@media (min-width:761px){
  .listing-pair--order{height:250px;min-height:250px;max-height:250px}
  .listing-pair--order .listing-visual__art{height:250px;min-height:250px}
  .listing-pair--order .listing-visual__copy{height:250px;box-sizing:border-box;overflow:hidden;gap:5px;padding:13px 18px}
  .listing-pair--order .eyebrow{font-size:11px}
  .listing-pair--order .listing-visual__copy h3{font-size:18px;line-height:1.1}
  .listing-pair--order .chips{gap:4px}
  .listing-pair--order .chip{padding:3px 7px;font-size:12px}
  .listing-visual__copy--full .muted{-webkit-line-clamp:2;font-size:14px}
  .listing-pair--order .meta{font-size:12px}
  .listing-amount b{font-size:17px}
  .listing-open{padding:6px 11px;font-size:13px}
}


/* Компактная единая карточка предложения */
.listing-pair--offer{display:grid;grid-template-columns:47% 53%;gap:0;min-height:250px;border:1px solid rgba(255,255,255,.11);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(31,37,58,.94),rgba(18,22,35,.94));box-shadow:0 12px 28px rgba(0,0,0,.16)}
.listing-pair--offer:hover{border-color:rgba(238,177,104,.62);box-shadow:0 18px 36px rgba(0,0,0,.28)}
.listing-pair--offer .listing-visual__art{display:block;min-height:250px;text-decoration:none}
.listing-pair--offer .listing-visual__copy{min-width:0;padding:13px 18px;align-content:start;gap:5px}
@media (min-width:761px){
  .listing-pair--offer{height:250px;min-height:250px;max-height:250px}
  .listing-pair--offer .listing-visual__art{height:250px;min-height:250px}
  .listing-pair--offer .listing-visual__copy{height:250px;box-sizing:border-box;overflow:hidden}
  .listing-pair--offer .eyebrow{font-size:11px}
  .listing-pair--offer .listing-visual__copy h3{font-size:18px;line-height:1.1}
  .listing-pair--offer .chips{gap:4px}
  .listing-pair--offer .chip{padding:3px 7px;font-size:12px}
  .listing-pair--offer .meta{font-size:12px}
}
@media (max-width:760px){.listing-pair--offer{grid-template-columns:1fr}.listing-pair--offer .listing-visual__art{min-height:0;aspect-ratio:16/9}.listing-pair--offer .listing-visual__copy{padding:16px}}


/* Полное изображение по центру левой части карточки */
.listing-pair--order .listing-visual__art,
.listing-pair--offer .listing-visual__art{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#202841,#141a2d);overflow:hidden}
.listing-pair--order .listing-visual__art img,
.listing-pair--offer .listing-visual__art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}


/* Заказы на главной: реальные заполненные карточки */
.home-orders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.home-order-card{display:flex;flex-direction:column;min-width:0;min-height:315px;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;background:linear-gradient(145deg,rgba(31,37,58,.95),rgba(18,22,35,.95));box-shadow:0 10px 24px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease}
.home-order-card:hover{transform:translateY(-4px);border-color:rgba(238,177,104,.68)}
.home-order-art{height:145px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#24304d,#151b31);color:#eef1ff;font:18px/1.1 var(--font-display,serif);text-align:center}
.home-order-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.home-order-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px;padding:14px}
.home-order-copy h3{margin:0;font-size:17px;line-height:1.18}
.home-order-copy p{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#bdc6dc;font-size:14px;line-height:1.35}
.home-order-copy b{margin-top:auto;color:#ffc875;font-size:16px}
.home-order-copy small{color:#aeb8cf;font-size:12px}
.home-order-chips{display:flex;flex-wrap:wrap;gap:5px}
.home-order-chips span{padding:3px 7px;border-radius:999px;background:#28325a;color:#e5e9ff;font-size:11px}
@media (max-width:980px){.home-orders{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.home-orders{grid-template-columns:1fr}.home-order-card{min-height:0}.home-order-art{height:175px}}


/* Нижняя картина в коллаже главной выровнена с кнопками героя */
@media (min-width:981px){
  .wall--showcase .col:last-child{transform:translateY(-570px)}
}


/* Единый вид карточек рубрикатора */
.choice-cloud--rubrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.choice-cloud--rubrics .choice{min-width:0}
.choice--rubric>span{min-width:0;min-height:96px;box-sizing:border-box;padding:17px 42px 15px 18px;border:1px solid rgba(142,151,255,.28);border-left:5px solid #8e97ff;border-radius:18px;background:rgba(25,30,48,.92)}
.choice--rubric>span:after{right:16px;width:22px;height:22px;border-color:rgba(142,151,255,.3);color:#cbd0ff}
.choice--rubric b{font-size:18px;line-height:1.16;color:#fff7ed}
.choice--rubric small{max-width:32ch;font-size:14px;color:#b9c3dd}
.choice--rubric:hover>span{border-color:#aeb5ff;border-left-color:#aeb5ff;background:rgba(39,46,77,.98);box-shadow:0 8px 18px rgba(33,43,100,.22)}
.choice--rubric input:checked+span{border-color:#aeb5ff;border-left-color:#aeb5ff;background:rgba(68,76,135,.48);box-shadow:0 8px 20px rgba(67,76,164,.28)}
.choice--rubric input:checked+span:after{background:#aeb5ff;border-color:#aeb5ff;color:#18203a}
@media (max-width:980px){.choice-cloud--rubrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Маркеры демонстрационных материалов */
.demo-bar b{display:inline-block;margin-right:4px;padding:2px 7px;border:1px solid currentColor;border-radius:999px;font:600 10px/1.45 var(--f-mono);letter-spacing:.09em}
.art,.wkb,.workpage .big,.refs .frame,.listing-visual__art,.home-order-art,.pg figure>a{position:relative}
.art:has(img)::after,.wkb:has(img)::after,.workpage .big::after,.refs .frame:has(img)::after,.listing-visual__art:has(img)::after,.home-order-art:has(img)::after,.pg figure>a:has(img)::after{content:"Образец";position:absolute;top:9px;left:9px;z-index:2;padding:4px 8px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(23,27,47,.78);box-shadow:0 2px 10px rgba(0,0,0,.22);color:#fff;font:600 10px/1 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;pointer-events:none}
.phead .h1s::after,.nm h3::after,.di b::after,.thh b::after,.au b::after,.who>span::after{content:"Образец";display:inline-block;vertical-align:middle;margin-left:7px;padding:2px 6px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:999px;background:var(--accent-soft);color:var(--accent);font:600 9px/1.25 var(--f-mono);letter-spacing:.045em;text-transform:uppercase}
.bubbles::before{content:"Образец переписки";align-self:flex-start;margin:0 0 4px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:999px;background:var(--accent-soft);color:var(--accent);font:600 10px/1.25 var(--f-mono);letter-spacing:.055em;text-transform:uppercase}
@media (max-width:620px){.choice-cloud--rubrics{grid-template-columns:1fr}.choice-cloud--rubrics .choice>span{min-height:0}.art:has(img)::after,.wkb:has(img)::after,.workpage .big::after,.refs .frame:has(img)::after,.listing-visual__art:has(img)::after,.home-order-art:has(img)::after{top:7px;left:7px;font-size:9px}}