/* SiteByMe — October 2026. Reference supplied by Alika. */
:root {
 --c-paper:#faf7f2; --c-paper-2:#f0e8dd; --c-ink:#15171d; --c-ink-2:#38332f;
 --c-muted:#655e57; --c-blue:#865c32; --c-blue-hover:#674322; --c-blue-soft:#f0e5d7;
 --c-yellow:#d4b48b; --c-green:#865c32; --c-navy:#30261f; --c-navy-2:#44352a;
 --c-on-navy:#fffaf3; --c-on-navy-muted:#dacbbd;
 --g-sky:linear-gradient(145deg,#eee4d8,#f9f4ed);
 --g-mint:linear-gradient(145deg,#e5e6dc,#f7f4ec);
 --g-peach:linear-gradient(145deg,#efddcc,#faf3ea);
 --g-lilac:linear-gradient(145deg,#e5dfd9,#f6eee6);
}
.sbm-header {background:rgba(255,252,248,.96);border-radius:0 0 20px 20px;box-shadow:0 5px 25px #49351c12;}
.sbm-header__row {min-height:76px;gap:22px;}
.sbm-logo {font-size:30px;letter-spacing:-1.5px;gap:0;}
.sbm-logo img {display:none;}
.sbm-header__tagline {font-size:11px;line-height:1.4;color:var(--c-muted);border-left:1px solid var(--c-line);padding-left:16px;flex:none;}
.sbm-nav ul a {font-size:13px;padding:10px 9px;}
.sbm-header__actions {gap:12px;}
.sbm-header__phone {font-size:14px;}
.sbm-header__actions>.sbm-btn {font-size:12px;padding:12px 18px;border-radius:999px;gap:9px;}
.sbm-header__actions>.sbm-btn .sbm-ico {width:18px;height:18px;}
.sbm-header__tg {display:none;}
.sbm-btn--primary {background:#865c32;color:#fff;box-shadow:0 4px 12px #65401d20;}
.sbm-btn--primary:hover {background:#674322;color:#fff;}
.sbm-editorial {padding:0;isolation:isolate;background:#ede1d3;overflow:hidden;}
.sbm-editorial__photo {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;z-index:-3;}
.sbm-editorial__wash {position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.95) 25%,rgba(255,253,248,.87) 36%,rgba(255,253,248,.4) 48%,transparent 63%),linear-gradient(0deg,rgba(245,236,222,.85),transparent 26%);}
.sbm-editorial__layout {position:relative;min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) 224px;align-content:space-between;padding-block:42px 24px;gap:24px;}
.sbm-editorial .sbm-hero__text {max-width:610px;display:flex;flex-direction:column;align-items:flex-start;justify-items:start;text-align:left;gap:18px;}
.sbm-editorial .sbm-hero__kicker {display:inline-flex;gap:8px;padding:6px 10px;border:0;background:#f1ece5;color:#36302b;font-size:10px;letter-spacing:.025em;border-radius:999px;line-height:1.4;}
.sbm-editorial .sbm-dot {background:#865c32;box-shadow:none;width:7px;height:7px;}
.sbm-editorial h1 {font-size:clamp(42px,4.35vw,65px);line-height:1.04;letter-spacing:-.045em;margin:0;max-width:660px;text-wrap:initial;}
.sbm-editorial h1 em {color:#865c32;font-style:normal;white-space:normal;}
.sbm-editorial h1 em::after {display:none;}
.sbm-editorial .sbm-lead {font-size:17px;line-height:1.45;max-width:470px;margin:0;letter-spacing:-.015em;color:#38332f;}
.sbm-editorial__benefits {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:8px 0 0;gap:14px;width:100%;max-width:550px;}
.sbm-editorial__benefits li {display:flex;align-items:flex-start;gap:8px;min-width:0;}
.sbm-editorial__benefits .sbm-ico {width:28px;height:28px;flex:none;color:#865c32;}
.sbm-editorial__benefits b {display:block;font-size:12px;line-height:1.35;font-weight:650;}
.sbm-editorial__benefits span {display:block;font-size:10px;line-height:1.45;color:#655e57;margin-top:6px;}
.sbm-editorial__proof {display:flex;align-items:center;gap:14px;margin-top:4px;color:#332c26;text-decoration:none;font-size:13px;line-height:1.5;min-height:48px;}
.sbm-editorial__count {font-size:32px;font-weight:650;border-right:1px solid #b99c7866;padding-right:14px;color:#865c32;}
.sbm-editorial__proof>.sbm-ico {width:20px;height:20px;color:#865c32;}
.sbm-editorial__degree {align-self:start;background:rgba(255,252,247,.96);padding:18px;border:1px solid #fff;border-radius:18px;box-shadow:0 15px 40px #31251a15;margin-top:20px;}
.sbm-editorial__degree-head {display:flex;align-items:center;gap:8px;}
.sbm-editorial__degree-head strong {font-size:12px;line-height:1.2;}
.sbm-editorial__degree-head>.sbm-ico {width:27px;height:27px;flex:none;color:#6a4d32;}
.sbm-editorial__degree-head>.sbm-ico:last-child {width:18px;height:18px;margin-left:auto;}
.sbm-editorial__degree>p {font-size:10px;line-height:1.4;color:#655e57;margin:9px 0 14px;padding-left:35px;}
.sbm-editorial__credential {display:flex;flex-direction:column;justify-content:center;min-height:126px;padding:16px;background:#213247;background-image:linear-gradient(125deg,#213247,#0f1b2c);border-radius:10px;color:#e3c69d;box-shadow:inset 0 0 0 1px #b2956a55;}
.sbm-editorial__credential>span {font-size:28px;line-height:1.1;letter-spacing:.02em;font-weight:700;}
.sbm-editorial__credential small {font-size:8px;letter-spacing:.13em;margin-top:6px;color:#dccbb7;}
.sbm-editorial__credential b {font-size:10px;line-height:1.4;margin-top:12px;color:#fff7eb;font-weight:500;}
.sbm-editorial__degree ul {list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px;}
.sbm-editorial__degree li {display:flex;gap:7px;align-items:center;font-size:10px;line-height:1.3;color:#51483f;}
.sbm-editorial__degree li .sbm-ico {width:15px;height:15px;flex:none;padding:2px;color:white;background:#865c32;border-radius:50%;}
.sbm-editorial__services {grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.sbm-editorial__service {position:relative;display:flex;min-width:0;min-height:134px;padding:16px 18px;overflow:hidden;border:3px solid #fffcf7;border-radius:15px;background:rgba(255,252,247,.92);color:var(--c-ink);text-decoration:none;box-shadow:0 6px 20px #36241908;}
.sbm-editorial__service:hover {color:var(--c-ink);border-color:#b79874;}
.sbm-editorial__service-copy {position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;width:70%;}
.sbm-editorial__number {font-size:23px;line-height:1;font-weight:250;color:#775e48;}
.sbm-editorial__service-copy>b {font-size:13px;line-height:1.2;letter-spacing:-.025em;}
.sbm-editorial__service-copy>small {font-size:10px;line-height:1.4;color:#655e57;max-width:150px;}
.sbm-editorial__service-art {position:absolute;right:-20px;top:18px;width:42%;height:96px;padding:5px;background:#514438;border-radius:7px;rotate:-7deg;box-shadow:0 6px 15px #2f23152b;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 38%);}
.sbm-editorial__service-art img {width:100%;height:100%;object-fit:cover;object-position:top;border-radius:3px;}
.sbm-editorial__service-symbol {position:absolute;right:22px;top:32px;color:#b79b7b;}
.sbm-editorial__service-symbol .sbm-ico {width:58px;height:58px;opacity:.45;}
.sbm-editorial__service-arrow {position:absolute;right:12px;bottom:10px;width:32px;height:32px;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 12px #4c392316;color:#865c32;z-index:3;}
.sbm-editorial__service-arrow .sbm-ico {width:18px;height:18px;}
.sbm-service {box-shadow:0 8px 30px #4f321b08;border:1px solid #e6ddd1;background:#fffcf7;}
.sbm-card .sbm-browser {border:1px solid #e4d8c9;}
.sbm-service .sbm-ico,.sbm-card__more {color:#865c32;}
.sbm-marquee {background:#e8d4ba;}
.sbm-why,.sbm-contact {background:#30261f;}
.sbm-footer {background:#f0e8dd;}
@media (min-width:1500px) {
 .sbm-editorial__layout {min-height:760px;padding-top:60px;}
 .sbm-editorial__photo {object-position:center 18%;}
 .sbm-editorial__degree {margin-top:32px;}
}
@media (max-width:1190px) and (min-width:981px) {
 .sbm-header__tagline {display:none;}
 .sbm-header__row {gap:16px;}
 .sbm-header__actions>.sbm-btn {padding:10px 12px;}
 .sbm-nav ul a {padding:10px 6px;font-size:12px;}
 .sbm-editorial .sbm-hero__text {max-width:550px;}
 .sbm-editorial__layout {grid-template-columns:minmax(0,1fr) 205px;}
 .sbm-editorial h1 {font-size:48px;}
}
@media (max-width:980px) {
 .sbm-header__tagline {display:none;}
 .sbm-header__row {min-height:68px;}
 .sbm-header__actions {gap:8px;}
 .sbm-header__tg {display:inline-flex;}
 .sbm-editorial__layout {min-height:740px;padding-block:36px 20px;grid-template-columns:1fr;}
 .sbm-editorial .sbm-hero__text {max-width:55%;}
 .sbm-editorial h1 {font-size:clamp(36px,5vw,48px);}
 .sbm-editorial h1 br {display:none;}
 .sbm-editorial .sbm-lead {font-size:15px;}
 .sbm-editorial__benefits {grid-template-columns:repeat(2,1fr);gap:16px;}
 .sbm-editorial__degree {position:absolute;right:var(--gutter);top:315px;width:205px;margin:0;}
 .sbm-editorial__services {grid-template-columns:repeat(2,minmax(0,1fr));}
 .sbm-editorial__wash {background:linear-gradient(90deg,#fffdf9f7 0%,#fffdf9df 35%,#fffdf944 60%,transparent 80%),linear-gradient(0deg,#f1e7d8,transparent 36%);}
 .sbm-editorial__photo {object-position:65% center;}
 .sbm-editorial__service-copy {width:65%;}
}
@media (max-width:640px) {
 .sbm-logo {font-size:27px;}
 .sbm-editorial {padding-top:270px;background:#faf7f2;}
 .sbm-editorial__photo {inset:0 0 auto;height:315px;object-fit:cover;object-position:62% 26%;}
 .sbm-editorial__wash {inset:0 0 auto;height:320px;background:linear-gradient(0deg,#faf7f2 0%,#faf7f200 45%);}
 .sbm-editorial__layout {min-height:0;padding-block:0 24px;gap:24px;}
 .sbm-editorial .sbm-hero__text {max-width:none;gap:16px;}
 .sbm-editorial .sbm-hero__kicker {font-size:9px;padding:7px 10px;}
 .sbm-editorial h1 {font-size:clamp(34px,8.8vw,49px);line-height:1.08;max-width:none;}
 .sbm-editorial .sbm-lead {font-size:15px;max-width:none;}
 .sbm-editorial__benefits {gap:18px 12px;margin:4px 0 0;}
 .sbm-editorial__benefits b {font-size:12px;}
 .sbm-editorial__benefits span {font-size:11px;}
 .sbm-editorial__proof {font-size:12px;}
 .sbm-editorial__degree {position:static;width:auto;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;}
 .sbm-editorial__degree-head {grid-column:1;}
 .sbm-editorial__degree>p {grid-column:1;padding-left:0;margin:0;font-size:11px;}
 .sbm-editorial__credential {grid-column:2;grid-row:1/4;min-height:140px;}
 .sbm-editorial__degree ul {grid-column:1;margin:0;gap:8px;}
 .sbm-editorial__degree li {font-size:9px;}
 .sbm-editorial__services {gap:10px;}
 .sbm-editorial__service {padding:14px 12px;min-height:160px;}
 .sbm-editorial__service-copy {width:100%;gap:8px;}
 .sbm-editorial__service-copy>b {font-size:12px;max-width:130px;}
 .sbm-editorial__service-copy>small {font-size:10px;padding-right:14px;max-width:130px;}
 .sbm-editorial__service-art {opacity:.16;width:60%;}
 .sbm-editorial__service-symbol {opacity:.35;}
 .sbm-editorial__service-arrow {width:28px;height:28px;right:8px;bottom:8px;}
}

.sbm-header__tg {background:#865c32;color:#fff;}
.sbm-header__tg:hover {background:#674322;color:#fff;}

@media (min-width:641px) and (max-width:980px) {
 .sbm-editorial {padding-top:360px;background:#faf7f2;}
 .sbm-editorial__photo {inset:0 0 auto;height:410px;object-position:center 30%;}
 .sbm-editorial__wash {inset:0 0 auto;height:415px;background:linear-gradient(0deg,#faf7f2,transparent 50%);}
 .sbm-editorial__layout {min-height:0;padding-top:0;}
 .sbm-editorial .sbm-hero__text {max-width:100%;}
 .sbm-editorial h1 {font-size:46px;max-width:640px;}
 .sbm-editorial .sbm-lead {max-width:620px;}
 .sbm-editorial__benefits {grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;}
 .sbm-editorial__degree {position:static;width:100%;display:grid;grid-template-columns:1fr 220px 1fr;gap:12px;align-items:center;margin:0;}
 .sbm-editorial__degree-head {grid-column:1;grid-row:1;}
 .sbm-editorial__degree>p {grid-column:1;grid-row:2;margin:0;align-self:start;}
 .sbm-editorial__credential {grid-column:2;grid-row:1/3;min-height:120px;}
 .sbm-editorial__degree ul {grid-column:3;grid-row:1/3;margin:0;}
}

.sbm-editorial__layout>* {min-width:0;}
@media (max-width:980px) {
 .sbm-editorial__layout {grid-template-columns:minmax(0,1fr);}
 .sbm-nav ul a {font-size:18px;}
}
@media (max-width:640px) {
 .sbm-editorial__degree {grid-template-columns:repeat(2,minmax(0,1fr));}
 .sbm-editorial__degree>* {min-width:0;}
 .sbm-editorial__degree-head strong,.sbm-editorial__credential b {overflow-wrap:anywhere;}
}
@media (max-width:380px) {
 .sbm-editorial__degree {grid-template-columns:minmax(0,1fr);}
 .sbm-editorial__degree-head,.sbm-editorial__degree>p,.sbm-editorial__degree ul,.sbm-editorial__credential {grid-column:1;grid-row:auto;}
 .sbm-editorial__degree-head strong {font-size:14px;}
 .sbm-editorial__degree li {font-size:11px;}
 .sbm-editorial__credential {min-height:140px;}
}

/* Узкие экраны: контактные ссылки не расширяют колонку сетки. */
.sbm-contact__text,.sbm-contact__ways,.sbm-contact__ways a>span {min-width:0;}
@media(max-width:380px) {
 .sbm-contact__ways a {gap:12px;padding:16px 12px;font-size:16px;}
 .sbm-contact__ways small {font-size:12px;}
 .sbm-contact__ico {width:40px;height:40px;}
}
.sbm-footer__nav a {display:inline-flex;align-items:center;min-height:24px;}
@media(max-width:860px) {.sbm-footer__nav a {min-height:44px;}}
.sbm-crumbs a {display:inline-flex;align-items:center;min-height:24px;}
@media(max-width:860px) {.sbm-crumbs a {min-height:44px;}}
/* Размер вводного текста не зависит от ширины символа загружаемого шрифта. */
.sbm-page-hero .sbm-lead {max-width:660px;}

/* SiteByMe: знак S из двух линий кода. */
.sbm-logo {gap:8px;min-height:44px;}
.sbm-logo__symbol {width:33px;height:35px;flex:none;overflow:visible;}
.sbm-logo__bronze {color:#865c32;}
.sbm-header .sbm-logo__symbol {transition:transform .2s ease;}
.sbm-header .sbm-logo:hover .sbm-logo__symbol {transform:rotate(-6deg);}
@media(max-width:640px) {
 .sbm-logo {font-size:23px;gap:6px;letter-spacing:-1.1px;}
 .sbm-logo__symbol {width:27px;height:29px;}
}
@media(prefers-reduced-motion:reduce) {.sbm-header .sbm-logo__symbol {transition:none;}}

/* Образование — компактная карточка внутри блока о работе. */
.sbm-editorial__layout {grid-template-columns:minmax(0,1fr);}
.sbm-qualification {display:flex;align-items:center;gap:16px;max-width:440px;padding:18px;margin:12px 0 8px;border:1px solid #ffffff26;border-radius:16px;background:#ffffff08;}
.sbm-qualification__mark {display:grid;place-items:center;flex:none;width:68px;height:68px;border-radius:12px;background:#e8cf9d;color:#30261f;font-weight:750;font-size:19px;letter-spacing:-.5px;}
.sbm-qualification>div {min-width:0;display:grid;gap:5px;}
.sbm-qualification strong {font-size:15px;line-height:1.4;color:#fff;}
.sbm-qualification>div>span {font-size:13px;line-height:1.5;color:#d6c9bc;text-wrap:pretty;}
@media(max-width:380px) {.sbm-qualification {padding:14px;gap:12px;}.sbm-qualification__mark {width:54px;height:60px;font-size:16px;}.sbm-qualification strong {font-size:13px;}.sbm-qualification>div>span {font-size:12px;}}

/* На компьютере фотография занимает правую часть, без увеличения на всю ширину. */
@media(min-width:981px) {
 .sbm-editorial__photo {inset:0 0 0 auto;width:min(78%,1100px);height:100%;object-fit:cover;object-position:center center;}
}

/* Иконки круглых кнопок центрированы и не сжимаются. */
.sbm-header__tg {align-items:center;justify-content:center;}
.sbm-header__tg .sbm-ico {display:block;width:20px;height:20px;margin:0;}
.sbm-header__actions>* {flex-shrink:0;}
.sbm-ico {display:inline-block;vertical-align:middle;}
.sbm-btn .sbm-ico,.sbm-header__phone .sbm-ico {flex-shrink:0;}

/* Расширенный кадр: масштаб портрета близок к референсу. */
.sbm-editorial__picture {display:contents;}
@media(min-width:981px) {
 .sbm-editorial__photo {inset:0 auto 0 50%;width:100%;max-width:1920px;height:100%;transform:translateX(-50%);object-position:center center;}
}

/* Общий рисунок интерфейсных иконок. */
.sbm-ico [stroke] {stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.sbm-editorial h1 {text-wrap:balance;}
.sbm-editorial__service-copy>b {text-wrap:balance;}
.sbm-editorial__service-copy>small {text-wrap:pretty;}
@media(max-width:640px) {
 .sbm-editorial h1 {font-size:clamp(30px,8.3vw,49px);line-height:1.12;}
}

/* Единая серия изображений для четырёх услуг. */
.sbm-editorial__service-art {right:0;top:0;width:55%;height:100%;padding:0;background:none;border-radius:0;rotate:0;box-shadow:none;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 44%);}
.sbm-editorial__service-art img {object-position:68% center;border-radius:0;}
.sbm-editorial__service-copy {width:66%;}
@media(max-width:640px) {
 .sbm-editorial__service {min-height:215px;padding:14px 12px;}
 .sbm-editorial__service-copy {width:100%;gap:7px;}
 .sbm-editorial__service-copy>b {font-size:13px;max-width:none;line-height:1.3;}
 .sbm-editorial__service-copy>small {font-size:11px;max-width:none;padding-right:0;}
 .sbm-editorial__service-art {top:auto;bottom:0;width:100%;height:90px;opacity:1;mask-image:linear-gradient(0deg,#000 65%,transparent);}
 .sbm-editorial__service-art img {object-position:center 54%;}
}

/* Контактный портрет и подсветка согласованы с тёплым первым экраном. */
.sbm-contact>.sbm-wrap::before {background:radial-gradient(closest-side,rgba(182,138,79,.22),transparent 70%);}
.sbm-contact__photo img {object-position:center center;}

.sbm-contact {position:relative;isolation:isolate;overflow:hidden;}
.sbm-contact::before {
 content:"";position:absolute;z-index:-1;pointer-events:none;
 width:1000px;height:1000px;left:calc(50% - 500px);top:calc(50% - 500px);
 background:radial-gradient(ellipse at center,rgba(195,145,83,.24),rgba(139,94,54,.12) 35%,transparent 68%);
 transform:translate3d(var(--contact-light-x,0px),var(--contact-light-y,0px),0);
 transition:transform 650ms cubic-bezier(.16,1,.3,1);
}
@media(prefers-reduced-motion:reduce) {.sbm-contact::before {transform:none;transition:none;}}

.sbm-contact__email {grid-column:1/-1;min-width:0;}
.sbm-contact__email a {font-size:18px;}
.sbm-footer__email {display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;font-size:15px;text-decoration:none;color:var(--c-blue);}
.sbm-footer__email span {min-width:0;overflow-wrap:anywhere;}
@media(max-width:380px) {.sbm-contact__email a {font-size:14px;}}

/* Единый тёплый стиль и отдельный ряд направлений под первым экраном. */
:root {
 --c-card:#fffdf9;--c-line:rgba(104,76,48,.12);--c-line-strong:rgba(104,76,48,.25);
 --c-green-bright:#c4a077;--c-coral:#865c32;--c-coral-bright:#c4a077;
 --r-lg:22px;--r-xl:28px;
 --sh-sm:0 2px 12px #4f321b08;--sh-md:0 14px 32px -12px #4f321b20;--sh-lg:0 28px 60px -20px #4f321b30;
 --neo:0 6px 24px #4f321b08;--neo-sm:0 3px 12px #4f321b08;--neo-in:inset 0 1px 5px #4f321b0c;
 --g-sky:linear-gradient(145deg,#eee4d8,#faf7f2);--g-mint:linear-gradient(145deg,#e9e3d9,#faf7f2);
 --g-peach:linear-gradient(145deg,#eddfce,#faf7f2);--g-lilac:linear-gradient(145deg,#e8dfd6,#faf7f2);
}
.sbm-editorial__layout {min-height:640px;align-content:center;padding-block:44px;}
.sbm-service-overview {background:var(--c-paper);padding-block:40px 12px;}
.sbm-editorial__services {gap:16px;}
.sbm-editorial__service {min-height:162px;border:1px solid var(--c-line);border-radius:18px;padding:20px;background:var(--c-card);box-shadow:var(--sh-sm);}
.sbm-editorial__service-copy>b {font-size:15px;line-height:1.35;}
.sbm-editorial__service-copy>small {font-size:12px;}
.sbm-editorial__number {font-size:20px;margin-bottom:6px;}
.sbm-editorial__service-art {width:56%;}
.sbm-fact,.sbm-step {background:var(--c-card);border:1px solid var(--c-line);box-shadow:var(--sh-sm);}
.sbm-services {gap:20px;}
.sbm-service {padding:28px;border-radius:18px;}
.sbm-service__ico {background:var(--c-blue-soft);box-shadow:none;color:var(--c-blue);}
.sbm-service:nth-child(n) .sbm-service__ico {color:var(--c-blue);}
.sbm-step:nth-child(n) .sbm-step__num {background:var(--c-blue-soft);color:var(--c-blue);}
.sbm-step:nth-child(n)::after {background:var(--c-blue);}
.sbm-step::before,.sbm-step::after {height:2px;}
.sbm-why {background:var(--c-paper-2);padding-block:var(--section);}
.sbm-why .sbm-head h2,.sbm-why__item h3 {color:var(--c-ink);}
.sbm-why .sbm-head p,.sbm-why__item p {color:var(--c-muted);}
.sbm-why__item {border-color:var(--c-line-strong);}
.sbm-why__item:nth-child(n) .sbm-why__num {color:var(--c-blue);}
.sbm-qualification {background:var(--c-card);border-color:var(--c-line);}
.sbm-qualification strong {color:var(--c-ink);}
.sbm-qualification>div>span {color:var(--c-muted);}
.sbm-qualification__mark {background:var(--c-blue-soft);color:var(--c-blue);}
.sbm-marquee {background:var(--c-paper);}
.sbm-marquee__band--a {background:#e3ceb2;}
.sbm-marquee__band--b {background:#5b422f;}
.sbm-chip {border-color:var(--c-line);background:var(--c-card);box-shadow:none;}
.sbm-chip[aria-pressed="true"],.sbm-chip[aria-selected="true"] {background:var(--c-blue);}
.sbm-chip[aria-pressed="true"] span,.sbm-chip[aria-selected="true"] span {color:#fff5e7;}
.sbm-faq__item summary i {background:var(--c-blue-soft);color:var(--c-blue);box-shadow:none;}
.sbm-faq__item[open] summary i {background:var(--c-blue);color:#fff;}
.sbm-badge {background:var(--c-blue-soft);color:var(--c-blue);}
.sbm-nav ul a:hover,.sbm-nav ul a[aria-current="page"] {background:#865c320d;}
.sbm-btn--primary:hover {box-shadow:0 5px 16px #65401d25;}
.sbm-ink .sbm-btn--primary:hover {background:#e1c39d;}
.sbm-browser__bar i:nth-child(n) {background:#bfa68b;}
.sbm-contact__ways a {background:#ffffff08;}
@media(min-width:1500px) {.sbm-editorial__layout {min-height:700px;padding-block:52px;}}
@media(max-width:980px) {
 .sbm-editorial__layout {min-height:0;padding-block:0 28px;}
 .sbm-editorial__services {grid-template-columns:repeat(2,minmax(0,1fr));}
 .sbm-service-overview {padding-top:28px;}
}
@media(max-width:640px) {
 .sbm-editorial__services {gap:12px;}
 .sbm-editorial__service {min-height:215px;padding:16px 12px;}
 .sbm-editorial__service-copy>b {font-size:13px;}
 .sbm-editorial__service-copy>small {font-size:11px;}
 .sbm-editorial__service-art {width:100%;}
 .sbm-service {padding:22px 18px;}
}

/* Исходное лицо поверх дорисованного кадра: только масштаб, без изменения черт. */


/* Подпись на портрете — тёплая тёмная карточка с бронзовым акцентом. */
.sbm-contact__photo figcaption {
 left:50%;right:auto;translate:-50% 0;bottom:20px;width:max-content;max-width:calc(100% - 32px);
 padding:14px 18px;border-radius:14px;border:1px solid #d4b48b55;border-left:3px solid #c4a077;
 background:rgba(48,38,31,.94);color:#fffaf3;box-shadow:0 8px 24px #20170f26;gap:3px;white-space:normal;
}
.sbm-contact__photo figcaption b {font-size:18px;line-height:1.35;}
.sbm-contact__photo figcaption span {font-size:13px;line-height:1.45;color:#dacbbd;text-wrap:pretty;}
@media(max-width:380px) {.sbm-contact__photo figcaption {padding:12px 15px;bottom:16px;}.sbm-contact__photo figcaption b {font-size:17px;}}

/* Single full-width original photograph: no second photographic layer. */
@media(min-width:981px){
 .sbm-editorial::before{content:none;background:none;}
 .sbm-editorial__photo{inset:0;width:100%;max-width:none;height:100%;transform:none;object-fit:cover;object-position:center 46%;mask-image:none;}
 .sbm-editorial__wash{background:linear-gradient(90deg,#fffdf8fa 0%,#fffdf8f0 25%,#fffdf8db 36%,#fffdf866 48%,transparent 63%),linear-gradient(0deg,#f5ecdea6,transparent 22%);}
}
.sbm-service-overview .sbm-qualification{margin:0 0 28px;max-width:440px;}

/* Fit the whole source frame, avoiding face enlargement on wide monitors. */
@media(min-width:981px){
 .sbm-editorial{background:#eee2d4;}
 .sbm-editorial__photo{object-fit:contain;object-position:right center;}
 .sbm-editorial__wash{background:linear-gradient(90deg,#fffdf8 0%,#fffdf8 27%,#fffdf8eb 38%,#fffdf880 49%,transparent 64%),linear-gradient(0deg,#f5ecde99,transparent 22%);}
}

@media(min-width:981px){
 .sbm-editorial__photo{inset:0 0 0 auto;width:auto;mask-image:linear-gradient(90deg,transparent,#000 25%);}
}

/* Hero is slightly wider than the shared content container. */
@media(min-width:981px){
 .sbm-hero.sbm-editorial{width:calc(100% - 32px);max-width:1480px!important;margin-inline:auto!important;}
}

/* Shared editorial treatment for portfolio, project pages, legal content and 404. */
.sbm-page-hero{background:linear-gradient(120deg,#faf7f2,#f0e8dd);border-bottom:1px solid var(--c-line);padding-block:clamp(36px,5vw,64px);}
.sbm-page-hero h1{font-size:clamp(32px,4.2vw,60px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance;}
.sbm-page-hero .sbm-lead{max-width:680px;color:var(--c-muted);text-wrap:pretty;}
.sbm-crumbs ol{font-family:var(--f-sans);font-size:13px;}
.sbm-case__shots{background:var(--c-paper-2);border:1px solid var(--c-line);border-radius:22px;}
.sbm-browser--big{box-shadow:var(--sh-md);border:1px solid var(--c-line);}
.sbm-case__shots .sbm-chip{background:var(--c-card);border-color:var(--c-line);}
.sbm-case__shots .sbm-chip[aria-selected="true"]{background:var(--c-blue);border-color:var(--c-blue);color:#fff;}
.sbm-case__facts{background:var(--c-card);border-radius:18px;}
.sbm-case__facts dt{font-family:var(--f-sans);}
.sbm-case__cta{background:var(--c-blue-soft);border:1px solid var(--c-line);border-left:3px solid #c4a077;box-shadow:none;border-radius:18px;}
.sbm-case__aside h2{letter-spacing:-.025em;}
.sbm-prose{line-height:1.75;}
.sbm-prose h2{letter-spacing:-.025em;line-height:1.25;text-wrap:balance;}
.sbm-prose a{color:var(--c-blue);text-underline-offset:3px;}
.sbm-404 .c-k{color:var(--c-blue);}.sbm-404 .c-s{color:var(--c-muted);}
@media(max-width:640px){.sbm-case__shots{padding:12px;border-radius:18px;}.sbm-page-hero{padding-block:32px;}.sbm-case__cta{padding:20px;}}

/* Education card sits below the portrait on desktop. */
@media(min-width:981px){
 .sbm-service-overview .sbm-qualification{margin-left:auto;margin-right:0;}
}

/* Stable vector wordmark, smooth navigation and contact light across the full section. */
.sbm-logo{gap:0;line-height:1;min-height:44px;}
.sbm-logo img{display:block;width:196px;height:auto;aspect-ratio:335/76;border-radius:0;flex:none;}
.sbm-logo:hover{transform:none;}
.sbm-contact>.sbm-wrap::before{content:none;}
.sbm-contact::before{inset:0;width:100%;height:100%;transform:none;transition:none;background:radial-gradient(circle 430px at var(--contact-light-x,50%) var(--contact-light-y,50%),#c391533b,transparent 72%);}
.sbm-editorial .sbm-qualification{position:absolute;right:28px;bottom:22px;z-index:2;width:370px;max-width:calc(100% - 32px);margin:0;padding:14px 16px;background:#fffdf9ed;backdrop-filter:blur(8px);box-shadow:0 8px 24px #30261f12;}
.sbm-qualification__diploma{width:92px;height:74px;object-fit:contain;border-radius:8px;flex:none;}
.sbm-editorial .sbm-qualification strong{font-size:14px;}
.sbm-editorial .sbm-qualification>div>span{font-size:12px;}
.sbm-service__body .sbm-service__price{font-size:20px;font-weight:650;color:var(--c-blue);margin:14px 0 4px;}
@media(max-width:980px){
 .sbm-logo img{width:152px;}
 .sbm-nav{transform:translateY(-10px);transition:opacity .38s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility 0s .38s;}
 .sbm-nav.is-open{transform:translateY(0);transition:opacity .38s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility 0s;}
 .sbm-nav ul,.sbm-nav__mobile-cta{transform:translateY(10px);transition:transform .44s cubic-bezier(.22,1,.36,1);}
 .sbm-nav.is-open ul,.sbm-nav.is-open .sbm-nav__mobile-cta{transform:translateY(0);}
 .sbm-burger span:not(.screen-reader-text){transition:top .3s ease,transform .3s ease;}
 .sbm-editorial .sbm-qualification{top:215px;bottom:auto;right:16px;width:285px;padding:10px 12px;}
 .sbm-editorial__layout{padding-top:70px;}
}
@media(min-width:641px) and (max-width:980px){.sbm-editorial .sbm-qualification{top:310px;}}
@media(max-width:380px){.sbm-logo img{width:132px;}.sbm-editorial .sbm-qualification strong{font-size:12px;}.sbm-editorial .sbm-qualification>div>span{font-size:11px;}}
@media(prefers-reduced-motion:reduce){.sbm-nav,.sbm-nav ul,.sbm-nav__mobile-cta,.sbm-burger span:not(.screen-reader-text){transition:none;transform:none;}}

.sbm-editorial__service-copy .sbm-editorial__price{display:block;margin-top:8px;font-size:13px;font-weight:650;color:var(--c-blue);}

/* Closed diploma cover in the compact education card. */
.sbm-editorial .sbm-qualification{gap:12px;}
.sbm-qualification__diploma{width:58px;height:82px;object-fit:cover;border-radius:7px;}
@media(max-width:980px){.sbm-editorial .sbm-qualification{width:340px;}.sbm-qualification__diploma{width:46px;height:66px;}}

/* Equal contact card heights, including wrapped labels. */
.sbm-contact__ways{grid-auto-rows:1fr;align-items:stretch;}
.sbm-contact__ways>li{display:flex;min-width:0;}
.sbm-contact__ways>li>a{width:100%;height:100%;box-sizing:border-box;}

/* 2026-10-10: contact cards fit their actual grid width. */
.sbm-contact__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);}
.sbm-contact__ways{grid-template-columns:minmax(0,1fr);}
.sbm-contact__ways>li>a{min-width:0;max-width:100%;gap:16px;padding:20px 24px;}
.sbm-contact__ways a>span:last-child{flex:1;min-width:0;overflow-wrap:anywhere;}
.sbm-contact__ways a strong,.sbm-contact__ways a b{font-size:clamp(16px,1.6vw,22px);line-height:1.4;overflow-wrap:anywhere;white-space:normal;}
.sbm-contact__ico{flex-shrink:0;}
@media(min-width:1500px){.sbm-contact__ways{grid-template-columns:repeat(2,minmax(0,1fr));}.sbm-contact__ways>li>a{padding:20px 18px;gap:12px;}}
@media(max-width:860px){.sbm-contact__grid{grid-template-columns:minmax(0,1fr);}}
@media(max-width:380px){.sbm-contact__ways>li>a{padding:16px 12px;gap:12px;}.sbm-contact__ways a strong,.sbm-contact__ways a b{font-size:16px;}}
.sbm-contact__ways a{font-size:clamp(16px,1.6vw,22px);line-height:1.4;}
/* Case columns must shrink to the padded viewport rather than min-content width. */
.sbm-case__aside,.sbm-case__facts,.sbm-case__facts>div,.sbm-case__cta{min-width:0;max-width:100%;}
.sbm-case__aside p,.sbm-case__facts dd{overflow-wrap:anywhere;}
@media(max-width:980px){.sbm-case__grid{grid-template-columns:minmax(0,1fr);}.sbm-case__aside{grid-template-columns:minmax(0,1fr);}}