/* Extracted from Задизайним.html. Keep block order: later rules intentionally override earlier rules. */

/* === style block 1 === */
* { margin:0; padding:0; box-sizing:border-box; }
    :root {
      --bg:#fefefe;
      --soft:#f4f6f9;
      --paper:#ffffff;
      --ink:#111111;
      --muted:#555;
      --line:#eeeeee;
      --accent:#ff6b3d;
      --accent-soft:#fff0ea;
      --shadow:0 25px 40px -20px rgba(0,0,0,.24);
      --ease:cubic-bezier(.22,1,.36,1);
    }
    html { scroll-behavior:smooth; background:var(--bg); color:var(--ink); }
    body {
      font-family:'Raleway',Arial,sans-serif;
      background:
        radial-gradient(circle at 82% 36%, rgba(255,107,61,.13), transparent 21rem),
        radial-gradient(circle at 16% 42%, rgba(0,0,0,.026), transparent 18rem),
        var(--bg);
      color:var(--ink);
      line-height:1.4;
      overflow-x:hidden;
    }
    img { display:block; max-width:100%; }
    a { color:inherit; text-decoration:none; }
    button { font:inherit; }
    .progress { position:fixed; top:0; left:0; height:3px; width:0; background:var(--accent); z-index:1000; }
    .container { max-width:1280px; margin:0 auto; padding:0 24px; }

    .intro-horizontal {
      position:relative;
    }
    .intro-sticky {
      position:relative;
    }
    .intro-track {
      display:block;
    }
    .intro-panel {
      position:relative;
    }
    .intro-panel-advantages {
      display:flex;
      align-items:center;
    }


    .advantages-mosaic {
      max-width:1180px;
      margin:0 auto;
      padding:0 24px;
    }
    .mosaic-board {
      position:relative;
      display:grid;
      grid-template-columns:1.25fr .75fr .8fr 1fr;
      grid-auto-rows:132px;
      gap:18px;
      padding:18px;
      border-radius:46px;
      background:
        radial-gradient(circle at 94% 9%, rgba(255,107,61,.18), transparent 18rem),
        linear-gradient(135deg, #f4f6f9 0%, #ffffff 100%);
      border:1px solid rgba(0,0,0,.05);
      box-shadow:0 28px 70px -48px rgba(0,0,0,.30);
      overflow:hidden;
    }
    .mosaic-board::before {
      content:"";
      position:absolute;
      inset:auto -70px -90px auto;
      width:260px;
      height:260px;
      border-radius:50%;
      background:rgba(255,107,61,.12);
      pointer-events:none;
    }
    .mosaic-tile {
      position:relative;
      z-index:2;
      overflow:hidden;
      border-radius:28px;
      padding:22px;
      background:rgba(255,255,255,.84);
      border:1px solid rgba(0,0,0,.055);
      box-shadow:0 20px 42px -34px rgba(0,0,0,.26);
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      transition:transform .42s var(--ease), box-shadow .42s var(--ease);
    }
    .mosaic-tile:hover {
      transform:translateY(-5px);
      box-shadow:0 28px 54px -34px rgba(0,0,0,.32);
    }
    .mosaic-tile h2,
    .mosaic-tile h3,
    .mosaic-tile p {
      margin:0;
    }
    .mosaic-tile h2 {
      max-width:620px;
      font-size:clamp(2rem,4vw,3.45rem);
      line-height:.9;
      letter-spacing:-.065em;
      text-transform:uppercase;
    }
    .mosaic-tile h3 {
      font-size:1.25rem;
      line-height:1;
      letter-spacing:-.035em;
    }
    .mosaic-tile p {
      margin-top:10px;
      color:#3f3f3f;
      font-size:.92rem;
      line-height:1.45;
    }
    .mosaic-tile small {
      position:absolute;
      top:18px;
      left:20px;
      color:rgba(0,0,0,.32);
      font-size:.72rem;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .mini-badge {
      width:max-content;
      margin-bottom:18px;
      padding:8px 12px;
      border-radius:999px;
      background:#111;
      color:#fff;
      font-size:.74rem;
      font-weight:850;
      letter-spacing:.04em;
    }
    .tile-title {
      grid-column:1 / span 2;
      grid-row:1 / span 2;
      justify-content:center;
      background:#fff;
    }
    .tile-title p {
      max-width:560px;
      font-size:1rem;
    }
    .tile-accent {
      grid-column:3 / span 1;
      grid-row:1 / span 1;
      background:var(--accent);
      color:#fff;
    }
    .tile-accent span,
    .tile-mini span {
      font-size:2.4rem;
      line-height:.9;
      font-weight:950;
      letter-spacing:-.07em;
    }
    .tile-accent p {
      color:rgba(255,255,255,.85);
    }
    .tile-dark {
      grid-column:4 / span 1;
      grid-row:1 / span 2;
      background:#111;
      color:#fff;
    }
    .tile-dark p {
      color:rgba(255,255,255,.72);
    }
    .tile-dark small {
      color:rgba(255,255,255,.34);
    }
    .tile-light {
      grid-column:3 / span 1;
      grid-row:2 / span 1;
      background:#f7f7f7;
    }
    .tile-line {
      grid-column:1 / span 1;
      grid-row:3 / span 1;
      background:#fff;
    }
    .tile-line::after {
      content:"";
      position:absolute;
      right:18px;
      top:18px;
      width:42px;
      height:42px;
      border-radius:50%;
      border:10px solid var(--accent);
      opacity:.18;
    }
    .tile-photo {
      grid-column:2 / span 1;
      grid-row:3 / span 1;
      min-height:132px;
      background:#161616;
      color:#fff;
      justify-content:flex-end;
    }
    .fake-image {
      position:absolute;
      inset:0;
      background:
        linear-gradient(135deg, rgba(0,0,0,.15), rgba(0,0,0,.75)),
        radial-gradient(circle at 70% 20%, rgba(255,107,61,.55), transparent 8rem),
        repeating-linear-gradient(135deg, #222 0 9px, #1a1a1a 9px 18px);
      opacity:.95;
    }
    .tile-photo h3 {
      position:relative;
      z-index:2;
      color:#fff;
    }
    .tile-wide {
      grid-column:3 / span 2;
      grid-row:3 / span 1;
      background:#fff;
    }
    .tile-mini {
      grid-column:4 / span 1;
      grid-row:2 / span 1;
      background:#111;
      color:#fff;
      justify-content:center;
    }
    .tile-mini p {
      color:rgba(255,255,255,.72);
      font-weight:700;
    }

    @media (min-width:1051px) {
      .intro-panel-advantages .mosaic-tile {
        opacity:0;
        transition:
          opacity .62s var(--ease),
          transform .76s var(--ease),
          box-shadow .42s var(--ease);
      }
      .intro-panel-advantages .tile-title { transform:translate(-48px, 0) scale(.97); }
      .intro-panel-advantages .tile-accent { transform:translate(42px, -22px) rotate(1.2deg) scale(.96); }
      .intro-panel-advantages .tile-dark { transform:translate(56px, 0) rotate(-1deg) scale(.96); }
      .intro-panel-advantages .tile-light { transform:translate(36px, 24px) rotate(-.8deg) scale(.96); }
      .intro-panel-advantages .tile-line { transform:translate(-38px, 30px) rotate(1deg) scale(.96); }
      .intro-panel-advantages .tile-photo { transform:translate(0, 44px) rotate(-1.1deg) scale(.96); }
      .intro-panel-advantages .tile-wide { transform:translate(46px, 36px) rotate(.8deg) scale(.96); }
      .intro-panel-advantages .tile-mini { transform:translate(38px, 6px) rotate(1deg) scale(.96); }

      .intro-horizontal.advantages-active .mosaic-tile {
        opacity:1;
        transform:translate(0,0) rotate(0) scale(1);
      }
      .intro-horizontal.advantages-active .mosaic-tile:nth-child(1) { transition-delay:.03s; }
      .intro-horizontal.advantages-active .mosaic-tile:nth-child(2) { transition-delay:.09s; }
      .intro-horizontal.advantages-active .mosaic-tile:nth-child(3) { transition-delay:.15s; }
      .intro-horizontal.advantages-active .mosaic-tile:nth-child(4) { transition-delay:.21s; }
      .intro-horizontal.advantages-active .mosaic-tile:nth-child(5) { transition-delay:.27s; }
      .intro-horizontal.advantages-active .mosaic-tile:nth-child(6) { transition-delay:.33s; }
      .intro-horizontal.advantages-active .mosaic-tile:nth-child(7) { transition-delay:.39s; }
      .intro-horizontal.advantages-active .mosaic-tile:nth-child(8) { transition-delay:.45s; }
    }

    .advantages-panel {
      position:relative;
      padding:46px;
      border-radius:46px;
      background:
        radial-gradient(circle at 92% 12%, rgba(255,107,61,.14), transparent 18rem),
        linear-gradient(135deg, #f4f6f9 0%, #ffffff 100%);
      border:1px solid rgba(0,0,0,.045);
      box-shadow:0 28px 70px -46px rgba(0,0,0,.28);
      overflow:hidden;
    }
    .advantages-panel::before {
      content:"";
      position:absolute;
      right:-64px;
      top:-64px;
      width:230px;
      height:230px;
      border-radius:50%;
      background:rgba(255,107,61,.10);
      pointer-events:none;
    }
    .advantages-panel::after {
      content:"Преимущества";
      position:absolute;
      right:34px;
      bottom:28px;
      color:rgba(0,0,0,.04);
      font-size:clamp(3rem,8vw,7rem);
      line-height:.8;
      font-weight:900;
      letter-spacing:-.07em;
      text-transform:uppercase;
      pointer-events:none;
      white-space:nowrap;
    }


    .advantages-cards {
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:16px;
    }
    .advantages-panel {
      display:grid;
      grid-template-columns:.86fr 1.14fr;
      gap:30px;
      align-items:center;
    }
    .advantages-panel .advantages-head {
      position:relative;
      z-index:2;
      margin:0;
    }
    .advantages-panel .advantages-head h2 {
      margin:0 0 16px;
    }
    .advantages-panel .advantages-head p {
      font-size:1rem;
    }
    .advantages-cards .advantage-card {
      min-height:158px;
      align-items:start;
      grid-template-columns:1fr;
      gap:14px;
      padding:24px;
      border-radius:28px;
    }
    .advantages-cards .advantage-icon {
      width:38px;
      height:38px;
      border-radius:15px;
    }

    @media (min-width:1051px) {
      .intro-panel-advantages .advantages-card,
      .intro-panel-advantages .advantage-card {
        will-change:transform, opacity;
      }
      .intro-panel-advantages .advantage-card {
        opacity:0;
        transition:
          opacity .62s var(--ease),
          transform .72s var(--ease),
          box-shadow .28s var(--ease);
      }
      .intro-panel-advantages .advantage-card:nth-child(1) {
        transform:translate(-46px, -18px) rotate(-1.4deg) scale(.96);
      }
      .intro-panel-advantages .advantage-card:nth-child(2) {
        transform:translate(42px, -8px) rotate(1.2deg) scale(.96);
      }
      .intro-panel-advantages .advantage-card:nth-child(3) {
        transform:translate(-34px, 32px) rotate(1deg) scale(.96);
      }
      .intro-panel-advantages .advantage-card:nth-child(4) {
        transform:translate(46px, 36px) rotate(-1deg) scale(.96);
      }
      .intro-horizontal.advantages-active .advantage-card {
        opacity:1;
        transform:translate(0,0) rotate(0) scale(1);
      }
      .intro-horizontal.advantages-active .advantage-card:nth-child(1) { transition-delay:.05s; }
      .intro-horizontal.advantages-active .advantage-card:nth-child(2) { transition-delay:.12s; }
      .intro-horizontal.advantages-active .advantage-card:nth-child(3) { transition-delay:.19s; }
      .intro-horizontal.advantages-active .advantage-card:nth-child(4) { transition-delay:.26s; }

      .intro-panel-advantages .advantages-head {
        opacity:.25;
        transform:translateY(20px);
        transition:opacity .62s var(--ease), transform .72s var(--ease);
      }
      .intro-horizontal.advantages-active .advantages-head {
        opacity:1;
        transform:translateY(0);
      }
    }

    .advantages-head {
      margin:0 0 26px;
      max-width:780px;
    }
    .advantages-head h2 {
      margin:0 0 12px;
      max-width:780px;
    }
    .advantages-head p {
      max-width:720px;
      color:#444;
      font-size:1.02rem;
      line-height:1.55;
    }
    .intro-progress {
      display:none;
    }

    @media (min-width:1051px) {

      .advantages-mosaic {
        padding:0 18px;
      }
      .mosaic-board {
        grid-template-columns:1fr;
        grid-auto-rows:auto;
        gap:12px;
        padding:14px;
        border-radius:30px;
      }
      .mosaic-tile,
      .tile-title,
      .tile-accent,
      .tile-dark,
      .tile-light,
      .tile-line,
      .tile-photo,
      .tile-wide,
      .tile-mini {
        grid-column:auto;
        grid-row:auto;
        min-height:150px;
      }
      .tile-title {
        min-height:260px;
      }
      .mosaic-tile h2 {
        font-size:2.25rem;
      }
      .tile-photo {
        min-height:190px;
      }

      .intro-horizontal {
        height:238vh;
        margin-bottom:24px;
      }
      .intro-sticky {
        position:sticky;
        top:74px;
        height:calc(100vh - 74px);
        overflow:hidden;
      }
      .intro-track {
        height:100%;
        width:300vw;
        display:grid;
        grid-template-columns:100vw 100vw 100vw;
        will-change:transform;
        transform:translate3d(calc(var(--intro-progress, 0) * -200vw),0,0);
      }
      .intro-panel {
        width:100vw;
        height:100%;
        display:flex;
        align-items:center;
        overflow:hidden;
      }
      .intro-panel > .container {
        width:100%;
      }
      .intro-panel .hero {
        min-height:calc(100vh - 74px);
        padding:44px 0 42px;
      }
      .intro-panel .hero-content,
      .intro-panel .hero-works {
        transform:translateY(-24px);
      }
      .intro-panel-advantages {
        background:
          radial-gradient(circle at 86% 32%, rgba(255,107,61,.12), transparent 20rem),
          var(--bg);
      }
      .intro-panel-advantages .container {
        max-width:1180px;
      }
      .intro-panel-advantages .advantages {
        margin:0;
        padding:0;
        max-width:1180px;
      }
      .intro-panel-advantages .mosaic-board {
        min-height:560px;
      }
      .intro-panel-advantages .advantage-card {
        min-height:92px;
      }
      .intro-progress {
        display:block;
        position:absolute;
        left:50%;
        bottom:24px;
        width:160px;
        height:4px;
        transform:translateX(-50%);
        border-radius:999px;
        background:rgba(0,0,0,.08);
        overflow:hidden;
      }
      .intro-progress span {
        display:block;
        width:calc(50% + var(--intro-progress, 0) * 50%);
        height:100%;
        background:var(--accent);
        border-radius:999px;
      }
    }


    header {
      position:sticky; top:0; z-index:900;
      background:rgba(254,254,254,.80);
      backdrop-filter:blur(16px);
      border-bottom:1px solid rgba(0,0,0,.05);
    }
    .nav { min-height:74px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
    .brand { display:flex; align-items:center; gap:12px; text-transform:uppercase; }
    .brand-copy { display:grid; gap:2px; line-height:1; }
    .brand-copy strong { font-size:.78rem; font-weight:850; letter-spacing:.065em; }
    .brand-copy small { color:#777; font-size:.48rem; font-weight:700; letter-spacing:.085em; }
    .brand-mark { width:30px; height:30px; flex:0 0 30px; border-radius:50%; border:8px solid #111; position:relative; }
    .brand-mark::after { content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:var(--accent); left:50%; top:50%; transform:translate(-50%,-50%); }
    .nav-links { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; align-items:center; }
    .nav-links a { padding:10px 14px; border-radius:40px; font-size:.76rem; font-weight:750; text-transform:uppercase; letter-spacing:.06em; transition:.25s var(--ease); }
    .nav-links a:hover { background:var(--accent-soft); color:var(--accent); }
    .nav-links .order { background:#111; color:#fff; }
    .nav-links .order:hover { background:var(--accent); color:#fff; }
    .nav-links .order-telegram { display:inline-flex; align-items:center; gap:8px; background:var(--accent); color:#fff; }
    .nav-links .order-telegram:hover { background:#f25736; color:#fff; transform:translateY(-1px); }
    .nav-links .order-telegram svg { width:16px; height:16px; flex:0 0 auto; fill:currentColor; }

    h1,h2,h3,h4 { font-weight:800; letter-spacing:-.04em; }
    h2 { font-size:clamp(2rem,4vw,3.8rem); line-height:.95; margin-bottom:1.2rem; text-transform:uppercase; }
    .badge { display:inline-flex; align-items:center; gap:8px; background:#000; color:#fff; font-size:.75rem; padding:7px 14px; border-radius:40px; font-weight:700; margin-bottom:1rem; }
    .badge.orange { background:var(--accent); }
    .btn {
      display:inline-flex; align-items:center; justify-content:center;
      background:#111; color:#fff; padding:15px 28px; border-radius:40px;
      font-weight:760; transition:all .3s var(--ease); border:1.5px solid #111; cursor:pointer;
      box-shadow:0 12px 20px -14px rgba(0,0,0,.35);
    }
    .btn-accent { background:var(--accent); border-color:var(--accent); color:#fff; }
    .btn-accent:hover { background:#111; border-color:#111; }
    .btn:hover { transform:translateY(-3px); box-shadow:0 18px 26px -16px rgba(0,0,0,.35); }

    .hero {
      padding:52px 0 78px;
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:42px;
      align-items:center;
      min-height:calc(100vh - 74px);
    }
    @media (min-width:1051px) {
      .hero-content,
      .hero-works {
        transform:translateY(-44px);
      }
    }
    .hero h1 {
      font-size:clamp(3.4rem,8.4vw,7.8rem);
      line-height:.80;
      margin:1rem 0;
      text-transform:uppercase;
      letter-spacing:-.065em;
    }
    .hero h1 span { color:var(--accent); }
    .hero p { font-size:clamp(1.05rem,1.6vw,1.28rem); color:#2c2c2c; max-width:580px; margin:20px 0; letter-spacing:-.02em; }
    .hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
    .hero-trust {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:28px;
      max-width:620px;
    }
    .trust-item {
      min-width:142px;
      padding:14px 16px;
      border-radius:22px;
      background:var(--soft);
      border:1px solid rgba(0,0,0,.04);
    }
    .trust-item b {
      display:block;
      font-size:1.35rem;
      line-height:1;
      letter-spacing:-.045em;
      font-weight:900;
    }
    .trust-item span {
      display:block;
      margin-top:6px;
      font-size:.78rem;
      color:var(--muted);
      font-weight:700;
    }

    .hero-works {
      width:100%;
      max-width:620px;
      min-height:530px;
      justify-self:center;
      position:relative;
    }
    .hero-works::before {
      content:"";
      position:absolute;
      width:70%;
      height:74%;
      right:8%;
      top:10%;
      background:var(--soft);
      border-radius:46px;
      transform:rotate(-5deg);
      box-shadow:0 25px 40px -25px rgba(0,0,0,.20);
    }
    .hero-work {
      position:absolute;
      overflow:hidden;
      border:0;
      border-radius:30px;
      background:#fff;
      box-shadow:0 25px 40px -20px rgba(0,0,0,.28);
      cursor:pointer;
      transition:transform .42s var(--ease), box-shadow .42s var(--ease);
      text-align:left;
    }
    .hero-work:hover {
      transform:translateY(-10px) rotate(0deg) scale(1.02);
      box-shadow:0 32px 54px -18px rgba(0,0,0,.32);
      z-index:20;
    }
    .hero-work img { width:100%; height:100%; object-fit:cover; }
    .hero-work span {
      position:absolute;
      left:14px;
      right:14px;
      bottom:14px;
      background:rgba(255,255,255,.84);
      backdrop-filter:blur(12px);
      padding:12px 14px;
      border-radius:22px;
      display:grid;
      gap:3px;
    }
    .hero-work b { font-size:.92rem; }
    .hero-work em { font-style:normal; color:#555; font-size:.74rem; }
    .hero-work-1 { width:58%; height:192px; left:4%; top:38px; transform:rotate(-5deg); }
    .hero-work-2 { width:41%; height:182px; right:6%; top:12px; transform:rotate(4deg); }
    .hero-work-3 { width:40%; height:300px; left:17%; top:214px; transform:rotate(2deg); }
    .hero-work-4 { width:44%; height:222px; right:0; top:238px; transform:rotate(-4deg); }

    .stats {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:20px;
      margin:-34px 0 66px;
      background:var(--soft);
      padding:38px 32px;
      border-radius:44px;
      position:relative;
      z-index:3;
    }
    .stat-item { text-align:center; }
    .stat-number { font-size:clamp(2rem,3vw,3rem); font-weight:850; letter-spacing:-.04em; }
    .stat-label { font-size:.95rem; font-weight:520; opacity:.7; margin-top:8px; }

    .stat-number {
      white-space:nowrap;
    }


    .advantages {
      max-width:1180px;
      margin:10px auto 70px;
      padding:0 24px;
      display:grid;
      gap:18px;
    }
    .advantage-card {
      display:grid;
      grid-template-columns:42px 1fr;
      gap:18px;
      align-items:center;
      padding:24px 28px;
      border-radius:22px;
      background:rgba(255,255,255,.82);
      border:1px solid rgba(0,0,0,.05);
      box-shadow:0 18px 40px -30px rgba(0,0,0,.20);
      backdrop-filter:blur(10px);
      transition:transform .28s var(--ease), box-shadow .28s var(--ease);
    }
    .advantage-card:hover {
      transform:translateY(-4px);
      box-shadow:0 24px 46px -28px rgba(0,0,0,.26);
    }
    .advantage-icon {
      width:34px;
      height:34px;
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:var(--accent-soft);
      color:var(--accent);
      font-size:1.25rem;
      font-weight:900;
      line-height:1;
    }
    .advantage-card h3 {
      margin:0 0 5px;
      font-size:1rem;
      letter-spacing:-.02em;
    }
    .advantage-card p {
      margin:0;
      color:#252525;
      font-size:.98rem;
      line-height:1.45;
    }

    .portfolio-section {
      padding-top:54px;
    }
    .section-head { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:22px; }
    .section-head p { color:#444; max-width:560px; font-size:.98rem; }
    .tabs {
      position:sticky; top:75px; z-index:50;
      display:flex; flex-wrap:wrap; gap:10px;
      padding:16px 0 24px;
      background:linear-gradient(180deg, rgba(254,254,254,.95), rgba(254,254,254,.82) 75%, rgba(254,254,254,0));
      backdrop-filter:blur(8px);
    }
    .tab { background:#fff; color:#111; border:1.5px solid #eee; border-radius:40px; padding:10px 16px; cursor:pointer; font-size:.8rem; font-weight:740; transition:.25s var(--ease); }
    .tab:hover,.tab.active { background:#111; color:#fff; border-color:#111; }

    .portfolio-grid {
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:22px;
      margin:26px 0 70px;
      align-items:stretch;
    }
    .portfolio-card {
      min-height:300px;
      background:#fff;
      border-radius:30px;
      overflow:hidden;
      box-shadow:0 4px 14px rgba(0,0,0,.03);
      transition:transform .35s var(--ease), box-shadow .35s var(--ease), opacity .25s ease;
      border:1px solid #eee;
    }
    .portfolio-card:hover { transform:translateY(-8px); box-shadow:0 28px 34px -18px rgba(0,0,0,.20); }
    .portfolio-card.hidden { display:none; }

    .portfolio-media {
      width:100%;
      height:100%;
      min-height:300px;
      border:0;
      padding:0;
      background:#ddd;
      display:block;
      position:relative;
      cursor:pointer;
      overflow:hidden;
    }
    .portfolio-media img {
      width:100%;
      height:100%;
      min-height:300px;
      object-fit:cover;
      background:#ddd;
      transition:transform .42s var(--ease), filter .42s var(--ease);
    }
    .portfolio-card:hover .portfolio-media img {
      transform:scale(1.045);
      filter:saturate(.9) brightness(.78);
    }
    .hover-layer {
      position:absolute;
      inset:0;
      display:flex;
      align-items:flex-end;
      background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.78));
      color:#fff;
      padding:22px;
      opacity:0;
      transform:translateY(12px);
      transition:opacity .28s var(--ease), transform .28s var(--ease);
    }
    .portfolio-media:hover .hover-layer {
      opacity:1;
      transform:translateY(0);
    }
    .hover-layer small { display:block; margin-bottom:8px; font-size:.68rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; opacity:.82; }
    .hover-layer h3 { font-size:1.45rem; line-height:1; }
    .hover-layer p { margin-top:8px; font-size:.92rem; color:rgba(255,255,255,.86); }
    .hover-layer span {
      position:absolute;
      top:18px;
      right:18px;
      width:44px;
      height:44px;
      margin:0;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(255,255,255,.92);
      color:#111;
      font-size:1.18rem;
      font-weight:900;
      line-height:1;
      box-shadow:0 12px 24px rgba(0,0,0,.18);
      transform:translateY(8px) scale(.94);
      transition:transform .28s var(--ease), background .28s var(--ease), color .28s var(--ease);
    }
    .portfolio-media:hover .hover-layer span {
      transform:translateY(0) scale(1);
    }
    .hover-layer span:hover {
      background:var(--accent);
      color:#fff;
    }

    .future-card {
      display:flex;
      min-height:300px;
      background:
        radial-gradient(circle at 80% 18%, rgba(255,107,61,.18), transparent 10rem),
        linear-gradient(135deg,#fff,#f4f6f9);
      border:1.5px dashed #dcdde2;
    }
    .future-inner { padding:24px; display:flex; flex-direction:column; justify-content:flex-end; min-height:100%; }
    .future-inner small { color:var(--accent); font-size:.72rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
    .future-inner h3 { margin-top:12px; font-size:1.45rem; line-height:1; }
    .future-inner p { margin-top:10px; color:#555; font-size:.92rem; }
    .future-inner span { margin-top:18px; width:max-content; padding:9px 12px; border-radius:999px; background:#111; color:#fff; font-size:.76rem; font-weight:760; }

    .process { background:#111; color:#fff; padding:60px 42px; border-radius:48px; margin:70px 0; }
    .process-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:32px; }
    .step { background:rgba(255,255,255,.06); padding:28px; border-radius:28px; backdrop-filter:blur(2px); }
    .step span { display:block; font-size:2rem; font-weight:850; opacity:.5; margin-bottom:12px; }
    .free-trial { background:#eef2ff; border-radius:48px; padding:48px; margin:40px 0; text-align:center; }
    .free-trial h3 { font-size:clamp(1.6rem,3vw,2.4rem); margin-bottom:14px; }
    .contact { text-align:center; padding:60px 0 80px; }
    .contact h2 { font-size:clamp(2rem,4vw,3.4rem); }
    footer { text-align:center; padding:32px; border-top:1px solid #eee; font-size:.8rem; color:#777; }

    .reveal,.animate-on-scroll { opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s ease; }
    .visible { opacity:1; transform:translateY(0); }

    .slideshow {
      position:fixed;
      inset:0;
      z-index:2000;
      display:none;
      align-items:center;
      justify-content:center;
      padding:32px;
      background:rgba(0,0,0,.86);
    }
    .slideshow[hidden] { display:none !important; }
    .slideshow.open { display:flex; }
    .slide-inner {
      position:relative;
      width:min(1240px,94vw);
      height:min(820px,88vh);
      display:grid;
      grid-template-columns:1fr 310px;
      gap:22px;
      align-items:center;
    }
    .slide-image-wrap {
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      min-width:0;
    }
    .slide-image {
      max-width:100%;
      max-height:100%;
      border-radius:24px;
      box-shadow:0 30px 80px rgba(0,0,0,.45);
      object-fit:contain;
    }
    .slide-info {
      align-self:stretch;
      color:#fff;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      border-radius:28px;
      padding:24px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      backdrop-filter:blur(14px);
    }
    .slide-info small {
      color:rgba(255,255,255,.64);
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-size:.72rem;
    }
    .slide-info h3 {
      margin-top:14px;
      font-size:2rem;
      line-height:.96;
    }
    .slide-info p {
      margin-top:14px;
      color:rgba(255,255,255,.78);
      font-size:.98rem;
      line-height:1.5;
    }
    .slide-counter {
      margin-top:20px;
      color:rgba(255,255,255,.62);
      font-weight:700;
    }
    .slide-actions {
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:24px;
    }
    .slide-btn,.close {
      border:0;
      cursor:pointer;
      color:#111;
      background:#fff;
      border-radius:999px;
      font-weight:800;
      transition:.24s var(--ease);
    }
    .slide-btn {
      padding:12px 16px;
    }
    .slide-btn:hover,.close:hover {
      transform:translateY(-2px);
      background:var(--accent);
      color:#fff;
    }
    .close {
      position:absolute;
      top:-14px;
      right:-14px;
      width:44px;
      height:44px;
      font-size:28px;
      line-height:1;
    }
    .arrow {
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      width:52px;
      height:52px;
      border:0;
      border-radius:50%;
      background:#fff;
      color:#111;
      font-size:24px;
      font-weight:900;
      cursor:pointer;
      transition:.24s var(--ease);
      z-index:3;
    }
    .arrow:hover {
      background:var(--accent);
      color:#fff;
    }
    .arrow.prev { left:-18px; }
    .arrow.next { right:292px; }

    @media (max-width:1050px) {
      .hero-content,
      .hero-works {
        transform:none;
      }
      .hero { grid-template-columns:1fr; }
      .hero-works { min-height:520px; }
      .stats,.process-steps { grid-template-columns:repeat(2,1fr); }
      .portfolio-grid { grid-template-columns:repeat(3, minmax(0,1fr)); }
      .slide-inner { grid-template-columns:1fr; height:auto; max-height:90vh; overflow:auto; }
      .slide-image-wrap { height:62vh; }
      .slide-info { align-self:auto; }
      .arrow.next { right:-18px; }
    }
    @media (max-width:800px) {
      .container { padding:0 18px; }
      .nav { padding:16px 0; align-items:flex-start; flex-direction:column; }
      .hero { padding:38px 0 36px; min-height:auto; }
      .hero h1 { font-size:3.4rem; }

      .intro-horizontal {
        height:auto;
      }
      .intro-sticky {
        position:relative;
        height:auto;
        overflow:visible;
      }
      .intro-track {
        display:block;
        width:auto;
        transform:none !important;
      }
      .intro-panel {
        width:auto;
        height:auto;
      }
      .intro-panel-advantages .container {
        padding:0;
      }
      .advantages-head {
        padding:0 18px;
        margin:0 0 20px;
      }
      .advantages-head h2 {
        font-size:2rem;
      }
      .advantages-head p {
        font-size:.95rem;
      }




      .advantages-panel {
        display:block;
      }
      .advantages-cards {
        grid-template-columns:1fr;
        gap:12px;
      }
      .advantages-cards .advantage-card {
        min-height:auto;
        padding:18px;
        border-radius:20px;
      }

      .advantages-panel {
        padding:24px 18px;
        border-radius:28px;
      }
      .advantages-panel::after {
        display:none;
      }
      .advantages-panel::before {
        width:160px;
        height:160px;
      }

      .advantages {
        margin:8px auto 48px;
        padding:0 18px;
        gap:12px;
      }
      .advantage-card {
        grid-template-columns:34px 1fr;
        padding:18px;
        border-radius:18px;
      }
      .advantage-icon {
        width:30px;
        height:30px;
        border-radius:12px;
        font-size:1rem;
      }
      .advantage-card p {
        font-size:.9rem;
      }

      .hero-trust {
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
      }
      .trust-item {
        min-width:0;
      }
      .portfolio-section {
        padding-top:28px;
      }

      h2 { font-size:2rem; }
      .hero-works { min-height:720px; }
      .hero-work-1 { left:0; top:0; width:92%; height:165px; }
      .hero-work-2 { right:0; top:145px; width:75%; height:145px; }
      .hero-work-3 { left:0; top:285px; width:82%; height:250px; }
      .hero-work-4 { right:0; top:505px; width:84%; height:190px; }
      .stats,.process-steps { grid-template-columns:1fr; }
      .stats {
        padding:32px 22px;
        margin:8px 0 54px;
      }
      .section-head { display:grid; }
      .tabs { top:0; }
      .portfolio-grid { grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; }
      .portfolio-card,.portfolio-media,.portfolio-media img,.future-card { min-height:220px; }
      .hover-layer { opacity:1; transform:none; padding:14px; }
      .hover-layer h3 { font-size:1.05rem; }
      .hover-layer p { display:none; }
      .hover-layer span {
        display:flex;
        width:36px;
        height:36px;
        top:12px;
        right:12px;
        font-size:1rem;
      }
      .process,.free-trial { padding:36px 22px; border-radius:32px; }
      .slideshow { padding:18px; }
      .slide-image-wrap { height:54vh; }
      .slide-info { padding:18px; }
      .slide-info h3 { font-size:1.5rem; }
      .arrow { width:44px; height:44px; }
      .arrow.prev { left:6px; }
      .arrow.next { right:6px; }
      .close { top:6px; right:6px; }
    }
  
    @media (prefers-reduced-motion: reduce) {
      .intro-horizontal {
        height:auto !important;
      }
      .intro-sticky {
        position:relative !important;
        height:auto !important;
        overflow:visible !important;
      }
      .intro-track {
        display:block !important;
        width:auto !important;
        transform:none !important;
      }
      .intro-panel {
        width:auto !important;
        height:auto !important;
      }
    }

  
    /* v15 fix: stable desktop mosaic layout */
    @media (min-width:1051px) {
      .intro-panel-advantages .advantages-mosaic {
        padding:0 24px !important;
        width:100%;
        max-width:1180px;
        margin:0 auto;
      }
      .intro-panel-advantages .mosaic-board {
        display:grid !important;
        grid-template-columns:1.25fr .75fr .8fr 1fr !important;
        grid-auto-rows:132px !important;
        gap:18px !important;
        padding:18px !important;
        border-radius:46px !important;
        min-height:560px;
        align-content:stretch;
      }
      .intro-panel-advantages .mosaic-tile {
        min-height:auto !important;
      }
      .intro-panel-advantages .tile-title {
        grid-column:1 / span 2 !important;
        grid-row:1 / span 2 !important;
        min-height:auto !important;
      }
      .intro-panel-advantages .tile-accent {
        grid-column:3 / span 1 !important;
        grid-row:1 / span 1 !important;
      }
      .intro-panel-advantages .tile-dark {
        grid-column:4 / span 1 !important;
        grid-row:1 / span 2 !important;
      }
      .intro-panel-advantages .tile-light {
        grid-column:3 / span 1 !important;
        grid-row:2 / span 1 !important;
      }
      .intro-panel-advantages .tile-line {
        grid-column:1 / span 1 !important;
        grid-row:3 / span 1 !important;
      }
      .intro-panel-advantages .tile-photo {
        grid-column:2 / span 1 !important;
        grid-row:3 / span 1 !important;
      }
      .intro-panel-advantages .tile-wide {
        grid-column:3 / span 2 !important;
        grid-row:3 / span 1 !important;
      }
      .intro-panel-advantages .tile-mini {
        grid-column:4 / span 1 !important;
        grid-row:2 / span 1 !important;
      }

      /* Do not leave the second screen blank while the class is being calculated */
      .intro-panel-advantages .mosaic-tile {
        opacity:.18;
      }
      .intro-horizontal.advantages-active .mosaic-tile {
        opacity:1;
      }
    }

  
    /* v16: remove mosaic underlay, keep only independent blocks */
    .advantages-mosaic {
      padding:0 24px;
    }
    .mosaic-board {
      padding:0 !important;
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      overflow:visible !important;
    }
    .mosaic-board::before,
    .mosaic-board::after {
      display:none !important;
    }
    @media (min-width:1051px) {
      .intro-panel-advantages {
        background:var(--bg) !important;
      }
      .intro-panel-advantages .mosaic-board {
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        overflow:visible !important;
      }
    }
    @media (max-width:800px) {
      .mosaic-board {
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
      }
    }

  
    /* v17: spacious advantages mosaic */
    @media (min-width:1051px) {
      .intro-panel-advantages .advantages-mosaic {
        width:100%;
        max-width:1320px !important;
        padding:0 48px !important;
        margin:0 auto !important;
      }

      .intro-panel-advantages .mosaic-board {
        width:100%;
        display:grid !important;
        grid-template-columns:repeat(12, minmax(0,1fr)) !important;
        grid-template-rows:repeat(4, 142px) !important;
        gap:20px !important;
        min-height:auto !important;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        overflow:visible !important;
      }

      .intro-panel-advantages .mosaic-board::before,
      .intro-panel-advantages .mosaic-board::after {
        display:none !important;
      }

      .intro-panel-advantages .mosaic-tile {
        min-height:auto !important;
        padding:30px !important;
        border-radius:34px !important;
        overflow:hidden;
        justify-content:flex-end;
      }

      .intro-panel-advantages .tile-title {
        grid-column:1 / span 6 !important;
        grid-row:1 / span 2 !important;
        padding:42px !important;
        justify-content:center !important;
      }

      .intro-panel-advantages .tile-accent {
        grid-column:7 / span 3 !important;
        grid-row:1 / span 2 !important;
      }

      .intro-panel-advantages .tile-dark {
        grid-column:10 / span 3 !important;
        grid-row:1 / span 3 !important;
      }

      .intro-panel-advantages .tile-light {
        grid-column:7 / span 3 !important;
        grid-row:3 / span 1 !important;
      }

      .intro-panel-advantages .tile-line {
        grid-column:1 / span 3 !important;
        grid-row:3 / span 2 !important;
      }

      .intro-panel-advantages .tile-photo {
        grid-column:4 / span 3 !important;
        grid-row:3 / span 2 !important;
      }

      .intro-panel-advantages .tile-wide {
        grid-column:7 / span 6 !important;
        grid-row:4 / span 1 !important;
      }

      .intro-panel-advantages .tile-mini {
        grid-column:10 / span 3 !important;
        grid-row:3 / span 1 !important;
      }

      .intro-panel-advantages .mosaic-tile h2 {
        font-size:clamp(2.65rem, 4.2vw, 4.6rem) !important;
        line-height:.92 !important;
        letter-spacing:-.07em !important;
        max-width:680px !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
      }

      .intro-panel-advantages .mosaic-tile h3 {
        font-size:1.35rem !important;
        line-height:1.05 !important;
        letter-spacing:-.035em !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
      }

      .intro-panel-advantages .mosaic-tile p {
        max-width:520px;
        margin-top:12px !important;
        font-size:1rem !important;
        line-height:1.48 !important;
      }

      .intro-panel-advantages .tile-title p {
        max-width:620px !important;
        font-size:1.08rem !important;
      }

      .intro-panel-advantages .tile-accent span,
      .intro-panel-advantages .tile-mini span {
        font-size:3.2rem !important;
        line-height:.86 !important;
      }

      .intro-panel-advantages .mini-badge {
        margin-bottom:22px !important;
      }
    }

    @media (max-width:1050px) {
      .mosaic-board {
        gap:14px !important;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
      }

      .mosaic-board::before,
      .mosaic-board::after {
        display:none !important;
      }

      .mosaic-tile {
        padding:24px !important;
        border-radius:24px !important;
      }

      .tile-title {
        min-height:280px !important;
      }

      .mosaic-tile h2 {
        font-size:2.25rem !important;
        line-height:.94 !important;
      }

      .mosaic-tile h3 {
        font-size:1.22rem !important;
        line-height:1.08 !important;
      }

      .mosaic-tile p {
        font-size:.96rem !important;
        line-height:1.45 !important;
      }
    }

  
    /* v18: align advantages mosaic with portfolio container grid */
    @media (min-width:1051px) {
      .intro-panel-advantages .container {
        width:100%;
        max-width:1280px !important;
        padding:0 24px !important;
        margin:0 auto !important;
      }

      .intro-panel-advantages .advantages-mosaic {
        width:100%;
        max-width:1280px !important;
        padding:0 !important;
        margin:0 auto !important;
      }

      .intro-panel-advantages .mosaic-board {
        width:100%;
        max-width:100%;
        margin:0 !important;
      }
    }

  
    /* v19: fix cramped / cropped advantages mosaic */
    @media (min-width:1051px) {
      .intro-panel-advantages .mosaic-board {
        grid-template-columns:repeat(12, minmax(0,1fr)) !important;
        grid-template-rows:150px 150px 150px 150px !important;
        gap:22px !important;
        align-items:stretch !important;
        overflow:visible !important;
      }

      .intro-panel-advantages .mosaic-tile {
        overflow:hidden !important;
        padding:28px !important;
      }

      .intro-panel-advantages .tile-title {
        grid-column:1 / span 6 !important;
        grid-row:1 / span 3 !important;
        padding:44px !important;
        justify-content:center !important;
        overflow:hidden !important;
      }

      .intro-panel-advantages .tile-title h2 {
        font-size:clamp(2.35rem, 3.55vw, 4rem) !important;
        line-height:.94 !important;
        letter-spacing:-.065em !important;
        max-width:620px !important;
        margin:0 !important;
      }

      .intro-panel-advantages .tile-title p {
        max-width:560px !important;
        margin-top:22px !important;
        font-size:1.02rem !important;
        line-height:1.5 !important;
      }

      .intro-panel-advantages .tile-accent {
        grid-column:7 / span 3 !important;
        grid-row:1 / span 2 !important;
      }

      .intro-panel-advantages .tile-dark {
        grid-column:10 / span 3 !important;
        grid-row:1 / span 3 !important;
      }

      .intro-panel-advantages .tile-light {
        grid-column:7 / span 3 !important;
        grid-row:3 / span 1 !important;
      }

      .intro-panel-advantages .tile-line {
        grid-column:1 / span 3 !important;
        grid-row:4 / span 1 !important;
      }

      .intro-panel-advantages .tile-photo {
        grid-column:4 / span 3 !important;
        grid-row:4 / span 1 !important;
      }

      .intro-panel-advantages .tile-wide {
        grid-column:7 / span 6 !important;
        grid-row:4 / span 1 !important;
      }

      .intro-panel-advantages .tile-mini {
        grid-column:10 / span 3 !important;
        grid-row:3 / span 1 !important;
      }

      .intro-panel-advantages .mosaic-tile h3 {
        font-size:1.28rem !important;
        line-height:1.08 !important;
      }

      .intro-panel-advantages .mosaic-tile p {
        font-size:.96rem !important;
        line-height:1.45 !important;
      }

      .intro-panel-advantages .tile-accent span,
      .intro-panel-advantages .tile-mini span {
        font-size:3rem !important;
      }

      .intro-panel-advantages .mini-badge {
        margin-bottom:20px !important;
      }
    }

  
    /* v20: remove numbering in advantages mosaic */
    .advantages-mosaic .mosaic-tile small {
      display:none !important;
    }

  
    /* v21: hide horizontal intro progress line */
    .intro-progress {
      display:none !important;
    }

  
    /* v22: remote work across Russia section */
    .remote-section {
      margin:72px auto 70px;
    }
    .remote-card {
      position:relative;
      display:grid;
      grid-template-columns:.82fr 1.18fr;
      gap:36px;
      align-items:center;
      min-height:560px;
      padding:56px 56px 50px;
      border-radius:48px;
      background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,247,249,.92));
      border:1px solid rgba(0,0,0,.055);
      box-shadow:0 28px 70px -52px rgba(0,0,0,.34);
      overflow:hidden;
    }
    .remote-card::before {
      display:none;
    }
    .remote-copy {
      position:relative;
      z-index:2;
    }
    .remote-badge {
      background:#fff;
      color:var(--accent);
      border:1px solid rgba(255,107,61,.38);
      box-shadow:0 12px 28px -24px rgba(0,0,0,.25);
      text-transform:uppercase;
      letter-spacing:.08em;
    }
    .remote-badge span {
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--accent);
      display:inline-block;
      box-shadow:0 0 0 6px rgba(255,107,61,.12);
    }
    .remote-copy h2 {
      margin:18px 0 22px;
      font-size:clamp(2.7rem,5.2vw,5.6rem);
      line-height:.88;
      letter-spacing:-.07em;
    }
    .remote-copy p {
      max-width:520px;
      color:#343434;
      font-size:1.08rem;
      line-height:1.58;
      letter-spacing:-.018em;
    }
    .remote-points {
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:12px;
      margin-top:32px;
    }
    .remote-point {
      min-height:82px;
      display:flex;
      align-items:center;
      gap:12px;
      padding:16px;
      border-radius:22px;
      background:rgba(255,255,255,.74);
      border:1px solid rgba(0,0,0,.06);
      box-shadow:0 18px 36px -30px rgba(0,0,0,.22);
      backdrop-filter:blur(10px);
    }
    .remote-point i {
      width:34px;
      height:34px;
      flex:0 0 34px;
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--accent);
      background:var(--accent-soft);
      font-style:normal;
      font-weight:900;
      font-size:1.05rem;
    }
    .remote-point span {
      font-size:.86rem;
      font-weight:780;
      line-height:1.18;
      color:#242424;
    }
    .remote-map-wrap {
      position:relative;
      z-index:2;
      min-height:410px;
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:visible;
    }
    .remote-map-glow {
      display:none;
    }
    .remote-map {
      position:relative;
      z-index:1;
      width:min(760px,100%);
      max-height:460px;
      object-fit:contain;
      filter:
        drop-shadow(0 18px 26px rgba(0,0,0,.10))
        saturate(.96);
      opacity:.98;
      animation:mapBreath 4.8s ease-in-out infinite;
    }
    .map-node {
      position:absolute;
      z-index:3;
      width:12px;
      height:12px;
      border-radius:50%;
      background:#fff;
      border:3px solid var(--accent);
      box-shadow:0 0 0 8px rgba(255,107,61,.13), 0 0 24px rgba(255,107,61,.58);
      animation:nodePulse 1.9s ease-in-out infinite;
    }
    .node-1 { left:20%; top:52%; animation-delay:.1s; }
    .node-2 { left:36%; top:44%; animation-delay:.35s; }
    .node-3 { left:50%; top:55%; animation-delay:.7s; }
    .node-4 { left:66%; top:42%; animation-delay:1s; }
    .node-5 { left:82%; top:36%; animation-delay:1.25s; }
    .map-line {
      position:absolute;
      z-index:2;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(255,107,61,.44), transparent);
      transform-origin:left center;
      opacity:.68;
      animation:lineFlow 2.8s ease-in-out infinite;
    }
    .line-1 { width:34%; left:24%; top:49%; transform:rotate(-7deg); }
    .line-2 { width:32%; left:47%; top:50%; transform:rotate(-14deg); animation-delay:.4s; }
    .line-3 { width:48%; left:28%; top:58%; transform:rotate(9deg); animation-delay:.8s; }
    .remote-note {
      position:relative;
      z-index:2;
      grid-column:1 / -1;
      display:flex;
      align-items:center;
      gap:14px;
      margin-top:6px;
      padding:18px 22px;
      border-radius:24px;
      background:rgba(255,255,255,.68);
      border:1px solid rgba(0,0,0,.045);
    }
    .remote-note span {
      color:var(--accent);
      font-size:1.3rem;
      font-weight:900;
    }
    .remote-note p {
      margin:0;
      color:#3c3c3c;
      font-size:.98rem;
      font-weight:580;
    }
    @keyframes mapBreath {
      0%,100% { transform:scale(1); }
      50% { transform:scale(1.018); }
    }
    @keyframes nodePulse {
      0%,100% { transform:scale(1); opacity:1; }
      50% { transform:scale(1.35); opacity:.78; }
    }
    @keyframes lineFlow {
      0%,100% { opacity:.2; }
      50% { opacity:.72; }
    }
    @media (max-width:1050px) {
      .remote-card {
        grid-template-columns:1fr;
        padding:38px 28px;
        min-height:auto;
      }
      .remote-map-wrap {
        min-height:330px;
        order:2;
      }
      .remote-note {
        order:3;
      }
    }
    @media (max-width:800px) {
      .remote-section {
        margin:46px auto 48px;
      }
      .remote-card {
        border-radius:32px;
        padding:30px 20px;
        gap:22px;
      }
      .remote-copy h2 {
        font-size:2.7rem;
      }
      .remote-copy p {
        font-size:.98rem;
      }
      .remote-points {
        grid-template-columns:1fr;
        margin-top:22px;
      }
      .remote-map-wrap {
        min-height:240px;
      }
      .map-node,
      .map-line {
        display:none;
      }
      .remote-note {
        align-items:flex-start;
        padding:16px;
      }
    }

  
    /* v23: remove remote bottom note */
    .remote-note {
      display:none !important;
    }

  
    /* v24: align small remote cards */
    .remote-points {
      max-width:560px;
      align-items:stretch;
    }
    .remote-point {
      min-height:88px;
      display:grid !important;
      grid-template-columns:38px 1fr;
      align-items:center;
      gap:14px;
      padding:16px 18px;
    }
    .remote-point i {
      width:38px;
      height:38px;
      flex:0 0 38px;
      align-self:center;
    }
    .remote-point span {
      display:block;
      max-width:110px;
      line-height:1.14;
    }
    @media (max-width:800px) {
      .remote-points {
        max-width:none;
      }
      .remote-point {
        min-height:72px;
        grid-template-columns:38px 1fr;
      }
      .remote-point span {
        max-width:none;
      }
    }

  

    /* v26: widen remote cards row so the badges breathe horizontally */
    .remote-copy p,
    .remote-points {
      max-width: 640px;
    }
    .remote-points {
      width: 100%;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .remote-point {
      min-height: 94px;
      padding: 16px 16px;
    }
    .remote-point span {
      max-width: none;
      font-size: .92rem;
      line-height: 1.14;
    }
    @media (max-width: 960px) {
      .remote-copy p,
      .remote-points {
        max-width: none;
      }
    }


  
    /* v27: actually widen the left remote column for horizontal cards */
    @media (min-width:1180px) {
      .remote-card {
        grid-template-columns:minmax(610px, .98fr) minmax(430px, 1.02fr) !important;
        gap:28px !important;
      }

      .remote-copy {
        width:100%;
        max-width:640px;
      }

      .remote-copy p {
        max-width:560px !important;
      }

      .remote-points {
        width:640px !important;
        max-width:640px !important;
        grid-template-columns:repeat(3, 1fr) !important;
        gap:14px !important;
      }

      .remote-point {
        min-height:92px !important;
        padding:16px 18px !important;
        grid-template-columns:38px 1fr !important;
      }

      .remote-point span {
        max-width:none !important;
        font-size:.92rem !important;
        line-height:1.12 !important;
      }

      .remote-map-wrap {
        transform:translateX(16px);
      }

      .remote-map {
        width:min(650px,100%) !important;
      }
    }

    @media (min-width:1051px) and (max-width:1179px) {
      .remote-points {
        grid-template-columns:1fr !important;
        max-width:520px !important;
      }
      .remote-point {
        min-height:76px !important;
      }
      .remote-point span {
        max-width:none !important;
      }
    }

  
    /* v28: mini price + full price */
    .mini-price-section { margin:76px auto 70px; }
    .mini-price-head,.price-top { display:flex; justify-content:space-between; gap:34px; align-items:flex-end; margin-bottom:26px; }
    .mini-price-head p,.price-top p { max-width:560px; color:#404040; font-size:1rem; line-height:1.55; }
    .mini-price-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
    .mini-price-card { min-height:250px; padding:26px; border-radius:34px; background:#fff; border:1px solid rgba(0,0,0,.055); box-shadow:0 22px 48px -38px rgba(0,0,0,.28); display:flex; flex-direction:column; justify-content:space-between; transition:transform .32s var(--ease), box-shadow .32s var(--ease); }
    .mini-price-card:hover { transform:translateY(-6px); box-shadow:0 28px 58px -38px rgba(0,0,0,.34); }
    .mini-price-card span { width:max-content; padding:8px 11px; border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:.74rem; font-weight:900; }
    .mini-price-card h3 { margin-top:auto; font-size:1.35rem; line-height:1.02; }
    .mini-price-card p { margin-top:10px; color:#555; font-size:.93rem; }
    .mini-price-card strong { margin-top:20px; font-size:1.4rem; letter-spacing:-.04em; }
    .mini-price-card.is-accent { background:var(--accent); color:#fff; }
    .mini-price-card.is-dark { background:#111; color:#fff; }
    .mini-price-card.is-accent p,.mini-price-card.is-dark p { color:rgba(255,255,255,.76); }
    .mini-price-card.is-accent span { background:rgba(255,255,255,.18); color:#fff; }
    .mini-price-card.is-dark span { background:rgba(255,255,255,.12); color:#fff; }
    .mini-price-action { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }

    .price-section { margin:70px auto; scroll-margin-top:96px; }
    .price-shell { padding:52px; border-radius:48px; background:radial-gradient(circle at 88% 14%, rgba(255,107,61,.12), transparent 24rem), linear-gradient(135deg,#111,#1d1d1d); color:#fff; overflow:hidden; position:relative; }
    .price-shell::after { content:""; position:absolute; right:-120px; bottom:-160px; width:360px; height:360px; border-radius:50%; background:rgba(255,107,61,.14); pointer-events:none; }
    .price-top { position:relative; z-index:2; }
    .price-top p { color:rgba(255,255,255,.72); }
    .price-tabs { position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:10px; margin:30px 0 26px; }
    .price-tab { border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); color:#fff; border-radius:999px; padding:10px 15px; font-size:.82rem; font-weight:800; cursor:pointer; transition:.25s var(--ease); }
    .price-tab:hover,.price-tab.active { background:#fff; color:#111; border-color:#fff; }
    .price-layout { position:relative; z-index:2; display:grid; grid-template-columns:1fr 360px; gap:24px; align-items:start; }
    .price-list { display:grid; gap:12px; }
    .price-row { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; padding:22px; border-radius:26px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); transition:opacity .24s ease, transform .24s var(--ease), background .24s ease; }
    .price-row.hidden { display:none; }
    .price-row:hover { transform:translateY(-3px); background:rgba(255,255,255,.10); }
    .price-row small { color:var(--accent); font-weight:900; text-transform:uppercase; letter-spacing:.08em; font-size:.7rem; }
    .price-row h3 { margin-top:8px; font-size:1.18rem; line-height:1.05; }
    .price-row p { margin-top:8px; color:rgba(255,255,255,.66); font-size:.9rem; line-height:1.45; max-width:620px; }
    .price-row strong { white-space:nowrap; font-size:1.25rem; letter-spacing:-.035em; }
    .price-tools { display:block; max-height:0; margin-top:0; overflow:hidden; color:var(--accent); font-size:.76rem; font-weight:800; opacity:0; transform:translateY(4px); transition:max-height .25s ease, margin-top .25s ease, opacity .25s ease, transform .25s ease; }
    .price-row-ai:hover .price-tools,
    .price-row-ai:focus-within .price-tools,
    .price-row-motion:hover .price-tools,
    .price-row-motion:focus-within .price-tools { max-height:32px; margin-top:9px; opacity:1; transform:translateY(0); }
    @media (hover:none) {
      .price-row-ai .price-tools,
      .price-row-motion .price-tools { max-height:32px; margin-top:9px; opacity:1; transform:translateY(0); }
    }
    .barter-card { position:relative; z-index:2; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:22px; align-items:center; margin-top:26px; padding:24px 26px; border:1px solid rgba(255,103,72,.46); border-radius:28px; background:linear-gradient(135deg,rgba(255,103,72,.18),rgba(255,255,255,.07)); }
    .barter-mark { display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:var(--accent); color:#fff; font-size:1.65rem; font-weight:900; box-shadow:0 14px 28px -18px var(--accent); }
    .barter-copy span { color:var(--accent); font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .barter-copy h3 { margin-top:7px; color:#fff; font-size:1.28rem; line-height:1.12; }
    .barter-copy p { max-width:720px; margin-top:7px; color:rgba(255,255,255,.68); font-size:.88rem; line-height:1.5; }
    .barter-button { white-space:nowrap; }
    @media (max-width:760px) {
      .barter-card { grid-template-columns:auto 1fr; padding:22px; }
      .barter-button { grid-column:1 / -1; width:100%; justify-content:center; }
    }
    .price-calculator { position:sticky; top:96px; }
    .calc-card { padding:28px; border-radius:32px; background:#fff; color:#111; box-shadow:0 28px 58px -38px rgba(0,0,0,.36); }
    .calc-label { display:inline-flex; width:max-content; padding:8px 12px; border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
    .calc-card h3 { margin:18px 0 18px; font-size:1.7rem; }
    .calc-card label { display:grid; gap:8px; margin-top:14px; color:#555; font-size:.82rem; font-weight:800; }
    .calc-card select,.calc-card input[type="number"] { width:100%; border:1px solid #e6e6e6; background:#f7f8fa; border-radius:18px; padding:13px 14px; font:inherit; color:#111; outline:none; }
    .calc-card select:focus,.calc-card input[type="number"]:focus { border-color:var(--accent); box-shadow:0 0 0 4px rgba(255,107,61,.10); }
    .calc-checks { display:grid; gap:8px; margin-top:16px; }
    .calc-checks label { display:flex; align-items:center; gap:10px; margin:0; color:#222; font-size:.9rem; }
    .calc-checks input { accent-color:var(--accent); }
    .calc-total { margin-top:22px; padding:18px; border-radius:22px; background:#111; color:#fff; display:flex; justify-content:space-between; align-items:center; gap:16px; }
    .calc-total span { color:rgba(255,255,255,.64); font-size:.82rem; font-weight:800; }
    .calc-total strong { font-size:1.8rem; letter-spacing:-.05em; white-space:nowrap; }
    .calc-card p { margin:16px 0 18px; color:#555; font-size:.86rem; line-height:1.45; }
    .calc-card .btn { width:100%; }

    @media (max-width:1050px) {
      .mini-price-head,.price-top { display:grid; align-items:start; }
      .mini-price-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .price-layout { grid-template-columns:1fr; }
      .price-calculator { position:relative; top:auto; }
    }
    @media (max-width:800px) {
      .mini-price-section,.price-section { margin:50px auto; }
      .mini-price-grid { grid-template-columns:1fr; }
      .mini-price-card { min-height:210px; border-radius:28px; }
      .price-shell { padding:34px 20px; border-radius:34px; }
      .price-row { grid-template-columns:1fr; gap:14px; }
      .price-row strong { justify-self:start; }
      .calc-card { padding:22px; border-radius:28px; }
    }

  
    /* v29: full price opens on demand */
    .price-open-btn {
      appearance:none;
    }
    .price-section.price-collapsed {
      max-height:0;
      opacity:0;
      margin:0 auto;
      overflow:hidden;
      pointer-events:none;
      transform:translateY(-18px);
      transition:max-height .72s var(--ease), opacity .32s ease, transform .42s var(--ease), margin .42s var(--ease);
    }
    .price-section.price-open {
      max-height:4200px;
      opacity:1;
      margin:70px auto;
      pointer-events:auto;
      transform:translateY(0);
    }
    .price-close-btn {
      position:absolute;
      top:24px;
      right:24px;
      z-index:5;
      width:44px;
      height:44px;
      border:0;
      border-radius:50%;
      background:rgba(255,255,255,.12);
      color:#fff;
      font-size:30px;
      line-height:1;
      cursor:pointer;
      transition:.25s var(--ease);
    }
    .price-close-btn:hover {
      background:var(--accent);
      transform:rotate(90deg);
    }
    @media (max-width:800px) {
      .price-section.price-open {
        margin:50px auto;
      }
      .price-close-btn {
        top:16px;
        right:16px;
        width:38px;
        height:38px;
        font-size:26px;
      }
    }

  
    /* v30: slideshow CTA panel + close button fix */
    .slideshow {
      isolation:isolate;
    }
    .slide-info {
      position:relative;
      z-index:5;
      background:rgba(255,255,255,.10);
      box-shadow:0 24px 70px rgba(0,0,0,.24);
    }
    .close {
      z-index:50 !important;
      box-shadow:0 16px 38px rgba(0,0,0,.28);
    }
    .slide-cta {
      display:grid;
      gap:12px;
      margin-top:26px;
    }
    .slide-main-link {
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:48px;
      padding:13px 18px;
      border-radius:999px;
      background:var(--accent);
      color:#fff;
      font-size:.92rem;
      font-weight:850;
      text-align:center;
      transition:.24s var(--ease);
    }
    .slide-main-link:hover {
      background:#fff;
      color:#111;
      transform:translateY(-2px);
    }
    .slide-quick-links {
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:8px;
    }
    .slide-quick-links a {
      min-height:40px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:10px 8px;
      border-radius:999px;
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.13);
      color:rgba(255,255,255,.86);
      font-size:.76rem;
      font-weight:800;
      transition:.24s var(--ease);
    }
    .slide-quick-links a:hover {
      background:#fff;
      color:#111;
      transform:translateY(-2px);
    }
    @media (max-width:800px) {
      .slide-quick-links {
        grid-template-columns:1fr;
      }
      .close {
        position:fixed;
        top:16px;
        right:16px;
      }
    }

  
    /* v31: icon social links in slideshow */
    .slide-icon-links {
      grid-template-columns:repeat(3, 44px);
      justify-content:center;
      gap:12px;
    }
    .slide-icon-links .social-icon-link {
      width:44px;
      height:44px;
      min-height:44px;
      padding:0;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.16);
      color:#fff;
      transition:transform .24s var(--ease), background .24s var(--ease), color .24s var(--ease);
    }
    .slide-icon-links .social-icon-link svg {
      width:20px;
      height:20px;
      fill:currentColor;
      display:block;
    }
    .slide-icon-links .social-icon-link span {
      font-size:.58rem;
      font-weight:950;
      letter-spacing:-.03em;
      line-height:1;
    }
    .slide-icon-links .social-icon-link:hover {
      transform:translateY(-3px) scale(1.04);
      background:#fff;
      color:#111;
    }
    .slide-icon-links .social-icon-link.tg:hover {
      background:#229ED9;
      color:#fff;
    }
    .slide-icon-links .social-icon-link.mail:hover {
      background:var(--accent);
      color:#fff;
      border-color:var(--accent);
    }
    @media (max-width:800px) {
      .slide-icon-links {
        grid-template-columns:repeat(3, 44px);
        justify-content:flex-start;
      }
    }

  
    /* v32: remove MAX and clean icon outlines */
    .slide-icon-links {
      grid-template-columns:repeat(2, 46px) !important;
      justify-content:center;
      gap:12px;
    }
    .slide-icon-links .social-icon-link {
      width:46px;
      height:46px;
      min-height:46px;
      border:0 !important;
      outline:0 !important;
      background:rgba(255,255,255,.14);
      box-shadow:0 14px 26px -18px rgba(0,0,0,.55);
    }
    .slide-icon-links .social-icon-link:focus,
    .slide-icon-links .social-icon-link:focus-visible {
      outline:0 !important;
      box-shadow:0 0 0 4px rgba(255,107,61,.18), 0 14px 26px -18px rgba(0,0,0,.55);
    }
    .slide-info {
      border:0 !important;
    }
    .slide-main-link {
      border:0 !important;
      outline:0 !important;
    }
    @media (max-width:800px) {
      .slide-icon-links {
        grid-template-columns:repeat(2, 46px) !important;
        justify-content:flex-start;
      }
    }

  
    /* v33: move slideshow arrows below image area */
    @media (min-width:801px) {
      .slide-inner {
        --slide-info-space:332px;
      }
      .arrow {
        top:auto !important;
        bottom:18px !important;
        transform:none !important;
        z-index:12;
        width:48px;
        height:48px;
        background:rgba(255,255,255,.94);
        box-shadow:0 16px 36px -20px rgba(0,0,0,.55);
      }
      .arrow.prev {
        left:calc((100% - var(--slide-info-space)) / 2 - 58px) !important;
        right:auto !important;
      }
      .arrow.next {
        left:calc((100% - var(--slide-info-space)) / 2 + 10px) !important;
        right:auto !important;
      }
      .slide-image-wrap {
        padding-bottom:64px;
      }
    }

    @media (max-width:800px) {
      .arrow {
        top:auto !important;
        bottom:20px !important;
        transform:none !important;
        z-index:12;
        width:46px;
        height:46px;
      }
      .arrow.prev {
        left:calc(50% - 56px) !important;
        right:auto !important;
      }
      .arrow.next {
        left:calc(50% + 10px) !important;
        right:auto !important;
      }
      .slide-image-wrap {
        padding-bottom:62px;
      }
    }

  
    /* v34: move slideshow navigation into right info panel */
    .slideshow .arrow {
      display:none !important;
    }
    .slide-image-wrap {
      padding-bottom:0 !important;
    }
    .slide-panel-nav {
      display:flex;
      gap:10px;
      margin-top:20px;
    }
    .panel-arrow {
      width:44px;
      height:44px;
      border:0;
      outline:0;
      border-radius:50%;
      background:rgba(255,255,255,.14);
      color:#fff;
      font-size:26px;
      line-height:1;
      font-weight:900;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 14px 26px -18px rgba(0,0,0,.55);
      transition:transform .24s var(--ease), background .24s var(--ease), color .24s var(--ease);
    }
    .panel-arrow:hover {
      transform:translateY(-3px);
      background:#fff;
      color:#111;
    }
    .panel-arrow:focus,
    .panel-arrow:focus-visible {
      outline:0 !important;
      box-shadow:0 0 0 4px rgba(255,107,61,.16), 0 14px 26px -18px rgba(0,0,0,.55);
    }
    @media (max-width:800px) {
      .slide-panel-nav {
        margin-top:16px;
      }
      .panel-arrow {
        width:42px;
        height:42px;
      }
    }

  
    /* v35: drag / swipe slideshow interaction */
    .slide-image-wrap {
      cursor:grab;
      touch-action:pan-y;
      user-select:none;
      -webkit-user-select:none;
    }
    .slide-image-wrap.is-dragging {
      cursor:grabbing;
    }
    .slide-image {
      pointer-events:none;
      will-change:transform;
      transition:transform .22s var(--ease), opacity .22s ease;
    }
    .slide-image-wrap.is-dragging .slide-image {
      transform:translateX(var(--drag-x, 0px)) scale(.992);
      transition:none;
    }
    .slide-drag-hint {
      margin-top:14px;
      color:rgba(255,255,255,.44);
      font-size:.76rem;
      font-weight:750;
      letter-spacing:.02em;
    }
    @media (max-width:800px) {
      .slide-drag-hint {
        font-size:.72rem;
      }
    }

  
    /* v36: compact drag hint and remove work numbering */
    .slide-counter {
      display:none !important;
    }
    .slide-drag-hint {
      width:max-content;
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-top:18px;
      padding:8px 12px;
      border-radius:999px;
      background:rgba(255,255,255,.12);
      color:rgba(255,255,255,.82);
      font-size:.72rem;
      font-weight:900;
      letter-spacing:.06em;
      text-transform:uppercase;
      box-shadow:0 14px 26px -20px rgba(0,0,0,.55);
      user-select:none;
    }
    .slide-drag-hint span {
      color:var(--accent);
      font-size:.92rem;
      line-height:1;
      animation:dragHintPulse 1.25s ease-in-out infinite;
    }
    @keyframes dragHintPulse {
      0%,100% { transform:translateX(0); opacity:.65; }
      50% { transform:translateX(4px); opacity:1; }
    }
    @media (max-width:800px) {
      .slide-drag-hint {
        margin-top:14px;
      }
    }

  
    /* v37: make drag hint visible in slideshow panel */
    .slide-drag-hint {
      width:max-content !important;
      display:inline-flex !important;
      align-items:center !important;
      gap:8px !important;
      margin-top:18px !important;
      margin-bottom:2px !important;
      padding:8px 12px !important;
      border-radius:999px !important;
      background:rgba(255,255,255,.16) !important;
      color:rgba(255,255,255,.88) !important;
      font-size:.72rem !important;
      font-weight:900 !important;
      letter-spacing:.06em !important;
      text-transform:uppercase !important;
      box-shadow:0 14px 26px -20px rgba(0,0,0,.55) !important;
      user-select:none !important;
    }
    .slide-drag-hint span {
      color:var(--accent) !important;
      font-size:.95rem !important;
      line-height:1 !important;
      animation:dragHintPulse 1.25s ease-in-out infinite !important;
    }

  
    /* v38: remove drag idea, keep arrows, add selling microcopy */
    .slide-drag-hint {
      display:none !important;
    }
    .slide-image-wrap {
      cursor:default !important;
      touch-action:auto !important;
      user-select:auto !important;
      -webkit-user-select:auto !important;
      padding-bottom:0 !important;
    }
    .slide-image {
      pointer-events:auto !important;
      transform:none !important;
    }
    .slide-counter {
      display:none !important;
    }
    .slide-value {
      margin-top:22px;
      display:grid;
      gap:12px;
    }
    .slide-value-title {
      color:rgba(255,255,255,.62);
      font-size:.76rem;
      font-weight:850;
      letter-spacing:.055em;
      text-transform:uppercase;
    }
    .slide-value-grid {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .slide-value-grid span {
      display:inline-flex;
      align-items:center;
      min-height:32px;
      padding:8px 11px;
      border-radius:999px;
      background:rgba(255,255,255,.12);
      color:rgba(255,255,255,.86);
      font-size:.72rem;
      font-weight:820;
      white-space:nowrap;
    }
    .slide-panel-nav {
      display:flex;
      gap:10px;
      margin-top:22px;
    }
    .panel-arrow {
      width:44px;
      height:44px;
      border:0;
      outline:0;
      border-radius:50%;
      background:rgba(255,255,255,.14);
      color:#fff;
      font-size:26px;
      line-height:1;
      font-weight:900;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 14px 26px -18px rgba(0,0,0,.55);
      transition:transform .24s var(--ease), background .24s var(--ease), color .24s var(--ease);
    }
    .panel-arrow:hover {
      transform:translateY(-3px);
      background:#fff;
      color:#111;
    }
    .slide-main-link {
      font-size:.94rem;
    }
    .slide-main-link::before {
      content:"Заказать дизайн для бренда";
    }
    .slide-main-link {
      font-size:0;
    }
    .slide-main-link::before {
      font-size:.94rem;
    }
    .slideshow .arrow {
      display:none !important;
    }
    @media (max-width:800px) {
      .slide-value {
        margin-top:18px;
      }
      .slide-value-grid {
        gap:7px;
      }
      .slide-value-grid span {
        font-size:.68rem;
      }
    }

  
    /* v39: brand-focused slideshow selling text */
    .slide-value-note {
      margin:2px 0 0;
      color:rgba(255,255,255,.62);
      font-size:.84rem;
      line-height:1.42;
    }

  
    /* v40: modern tools badges in slideshow panel */
    .slide-tools {
      margin-top:22px;
      display:grid;
      gap:12px;
    }
    .slide-tools-title {
      color:rgba(255,255,255,.62);
      font-size:.76rem;
      font-weight:850;
      letter-spacing:.055em;
      text-transform:uppercase;
    }
    .tool-icons {
      display:flex;
      flex-wrap:wrap;
      gap:9px;
    }
    .tool-icon {
      width:42px;
      height:42px;
      border-radius:16px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(255,255,255,.13);
      color:#fff;
      font-size:.86rem;
      font-weight:950;
      letter-spacing:-.035em;
      line-height:1;
      box-shadow:0 14px 26px -20px rgba(0,0,0,.55);
      transition:transform .24s var(--ease), background .24s var(--ease), color .24s var(--ease);
    }
    .tool-icon:hover {
      transform:translateY(-3px);
      background:#fff;
      color:#111;
    }
    .tool-icon svg {
      width:22px;
      height:22px;
      fill:currentColor;
      display:block;
    }
    .tool-icon.ps {
      color:#7fd5ff;
    }
    .tool-icon.ai {
      color:#ffb45f;
    }
    .tool-icon.neural {
      color:#fff;
      background:rgba(255,107,61,.72);
    }
    .tool-icon.blender {
      color:#ff9b4a;
    }
    .tool-icon.figma {
      color:#fff;
    }
    @media (max-width:800px) {
      .slide-tools {
        margin-top:18px;
      }
      .tool-icon {
        width:40px;
        height:40px;
        border-radius:15px;
      }
    }

  
    /* v41: return modal arrows to sides + add After Effects */
    .slide-panel-nav {
      display:none !important;
    }

    @media (min-width:801px) {
      .slide-inner {
        --slide-info-space:342px;
      }
      .slideshow .arrow {
        display:flex !important;
        position:absolute !important;
        top:50% !important;
        bottom:auto !important;
        transform:translateY(-50%) !important;
        z-index:18 !important;
        width:48px !important;
        height:48px !important;
        border:0 !important;
        outline:0 !important;
        border-radius:50% !important;
        background:rgba(255,255,255,.94) !important;
        color:#111 !important;
        box-shadow:0 18px 38px -20px rgba(0,0,0,.58) !important;
      }
      .slideshow .arrow.prev {
        left:24px !important;
        right:auto !important;
      }
      .slideshow .arrow.next {
        left:auto !important;
        right:calc(var(--slide-info-space) + 24px) !important;
      }
      .slideshow .arrow:hover {
        background:var(--accent) !important;
        color:#fff !important;
        transform:translateY(-50%) scale(1.04) !important;
      }
      .slide-image-wrap {
        padding-bottom:0 !important;
      }
    }

    .tool-icon.ae {
      color:#d9b2ff;
    }

    @media (max-width:800px) {
      .slide-panel-nav {
        display:none !important;
      }
      .slideshow .arrow {
        display:flex !important;
        position:absolute !important;
        top:50% !important;
        bottom:auto !important;
        transform:translateY(-50%) !important;
        z-index:18 !important;
        width:44px !important;
        height:44px !important;
        border:0 !important;
        outline:0 !important;
        border-radius:50% !important;
        background:rgba(255,255,255,.94) !important;
        color:#111 !important;
        box-shadow:0 18px 38px -20px rgba(0,0,0,.58) !important;
      }
      .slideshow .arrow.prev {
        left:14px !important;
        right:auto !important;
      }
      .slideshow .arrow.next {
        right:14px !important;
        left:auto !important;
      }
      .slide-image-wrap {
        padding-bottom:0 !important;
      }
    }

  
    /* v42: glass dark arrows */
    @media (min-width:801px) {
      .slideshow .arrow {
        background: rgba(18, 18, 18, 0.28) !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        box-shadow:
          0 18px 38px -22px rgba(0,0,0,.65),
          inset 0 1px 0 rgba(255,255,255,.10) !important;
        backdrop-filter: blur(14px) saturate(135%) !important;
        -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
      }
      .slideshow .arrow:hover {
        background: rgba(10, 10, 10, 0.46) !important;
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.18) !important;
        box-shadow:
          0 22px 44px -24px rgba(0,0,0,.72),
          inset 0 1px 0 rgba(255,255,255,.12) !important;
      }
      .slideshow .arrow:active {
        background: rgba(8, 8, 8, 0.56) !important;
        transform: translateY(-50%) scale(0.98) !important;
      }
    }

    @media (max-width:800px) {
      .slideshow .arrow {
        background: rgba(18, 18, 18, 0.30) !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        box-shadow:
          0 18px 38px -22px rgba(0,0,0,.65),
          inset 0 1px 0 rgba(255,255,255,.10) !important;
        backdrop-filter: blur(12px) saturate(130%) !important;
        -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
      }
      .slideshow .arrow:hover,
      .slideshow .arrow:active {
        background: rgba(10, 10, 10, 0.50) !important;
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.18) !important;
      }
    }

  
    /* v43: center arrow glyphs inside circles */
    .slideshow .arrow{
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      padding:0 !important;
      line-height:1 !important;
      text-align:center !important;
      font-size:28px !important;
      font-weight:700 !important;
    }
    .slideshow .arrow.prev{
      padding-left:0 !important;
    }
    .slideshow .arrow.next{
      padding-right:0 !important;
    }


  
    /* v44: stronger email CTA in slideshow panel */
    .slide-main-link {
      min-height:64px !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:5px !important;
      padding:14px 18px !important;
      font-size:inherit !important;
      line-height:1.1 !important;
      text-align:center !important;
      border:0 !important;
      outline:0 !important;
    }
    .slide-main-link::before {
      content:none !important;
      display:none !important;
    }
    .slide-cta-title {
      display:block;
      font-size:.94rem;
      font-weight:950;
      letter-spacing:-.02em;
      color:inherit;
    }
    .slide-cta-mail {
      display:inline-flex;
      align-items:center;
      gap:7px;
      font-size:.72rem;
      font-weight:850;
      color:rgba(255,255,255,.82);
      text-transform:uppercase;
      letter-spacing:.045em;
    }
    .slide-main-link:hover .slide-cta-mail {
      color:rgba(17,17,17,.72);
    }
    .slide-cta-mail svg {
      width:15px;
      height:15px;
      fill:currentColor;
      flex:0 0 15px;
    }
    @media (max-width:800px) {
      .slide-main-link {
        min-height:60px !important;
      }
      .slide-cta-title {
        font-size:.88rem;
      }
      .slide-cta-mail {
        font-size:.68rem;
      }
    }


  
    /* v45: slogan + contact icons in modal panel */
    .slide-contact-card {
      margin-top:28px;
      display:grid;
      justify-items:center;
      gap:10px;
      padding:18px;
      border-radius:28px;
      background:rgba(255,255,255,.08);
      box-shadow:0 18px 34px -28px rgba(0,0,0,.55);
    }
    .slide-contact-slogan {
      max-width:240px;
      color:#fff;
      font-size:1rem;
      line-height:1.12;
      font-weight:950;
      letter-spacing:-.025em;
      text-align:center;
    }
    .slide-contact-label {
      margin-top:2px;
      color:rgba(255,255,255,.62);
      font-size:.72rem;
      font-weight:850;
      letter-spacing:.06em;
      text-transform:uppercase;
      text-align:center;
    }
    .slide-contact-icons {
      display:flex;
      justify-content:center;
      gap:12px;
      margin-top:2px;
    }
    .slide-contact-icons .social-icon-link {
      width:46px;
      height:46px;
      min-height:46px;
      padding:0;
      border:0 !important;
      outline:0 !important;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(255,255,255,.14);
      color:#fff;
      box-shadow:0 14px 26px -18px rgba(0,0,0,.55);
      transition:transform .24s var(--ease), background .24s var(--ease), color .24s var(--ease);
    }
    .slide-contact-icons .social-icon-link svg {
      width:20px;
      height:20px;
      fill:currentColor;
      display:block;
    }
    .slide-contact-icons .social-icon-link:hover {
      transform:translateY(-3px) scale(1.04);
    }
    .slide-contact-icons .social-icon-link.tg:hover {
      background:#229ED9;
      color:#fff;
    }
    .slide-contact-icons .social-icon-link.mail:hover {
      background:var(--accent);
      color:#fff;
    }
    .slide-cta {
      margin-top:0 !important;
    }
    .slide-main-link {
      display:none !important;
    }
    .slide-icon-links {
      display:none !important;
    }
    @media (max-width:800px) {
      .slide-contact-card {
        justify-items:start;
        padding:16px;
        border-radius:24px;
      }
      .slide-contact-slogan,
      .slide-contact-label {
        text-align:left;
      }
      .slide-contact-icons {
        justify-content:flex-start;
      }
    }


  
    /* v47: modern chevrons + white tool icons with branded hover */
    .slideshow .arrow svg {
      width: 20px;
      height: 20px;
      display: block;
      flex: 0 0 20px;
      pointer-events: none;
    }

    .tool-icon {
      color: rgba(255,255,255,.96) !important;
      background: rgba(255,255,255,.12) !important;
    }

    .tool-icon.ps:hover {
      background: #001e36 !important;
      color: #31A8FF !important;
    }

    .tool-icon.figma:hover {
      background: #111111 !important;
      color: #ffffff !important;
    }

    .tool-icon.ai:hover {
      background: #2b1600 !important;
      color: #FF9A00 !important;
    }

    .tool-icon.ae:hover {
      background: #1d1133 !important;
      color: #CF96FD !important;
    }

    .tool-icon.neural:hover {
      background: #ff6b3d !important;
      color: #ffffff !important;
    }

    .tool-icon.blender:hover {
      background: #1f2630 !important;
      color: #F5792A !important;
    }


  


  
    /* v49: Gemini-like AI icon */
    .tool-icon.neural {
      background: rgba(255,255,255,.10) !important;
      color: rgba(255,255,255,.98) !important;
    }

    .tool-icon.neural .gemini-icon {
      width: 21px;
      height: 21px;
      display: block;
    }

    .tool-icon.neural .gemini-shape {
      fill: currentColor;
      transition: fill .22s ease, filter .22s ease, transform .22s ease;
    }

    .tool-icon.neural:hover {
      background: rgba(255,255,255,.16) !important;
      color: transparent !important;
      box-shadow: 0 16px 28px -18px rgba(72,132,255,.55) !important;
    }

    .tool-icon.neural:hover .gemini-shape {
      fill: url(#geminiGrad);
      filter: drop-shadow(0 3px 10px rgba(103, 102, 241, .28));
      transform: scale(1.02);
      transform-origin: center;
    }

    .tool-icon.blender {
      letter-spacing: -.04em;
      font-size: .78rem !important;
    }


  
    /* v50: breadcrumbs in portfolio modal */
    .slide-breadcrumbs {
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:7px;
      margin:0 0 14px;
      color:rgba(255,255,255,.48);
      font-size:.72rem;
      font-weight:900;
      letter-spacing:.045em;
      text-transform:uppercase;
      line-height:1.2;
    }

    .slide-breadcrumbs span {
      display:inline-flex;
      align-items:center;
      white-space:nowrap;
    }

    .slide-breadcrumbs span:first-child {
      color:rgba(255,255,255,.34);
    }

    .slide-breadcrumbs .current {
      color:var(--accent);
    }

    .slide-breadcrumbs i {
      color:rgba(255,255,255,.26);
      font-style:normal;
      font-weight:900;
      transform:translateY(-1px);
    }

    @media (max-width:800px) {
      .slide-breadcrumbs {
        font-size:.68rem;
        gap:6px;
        margin-bottom:12px;
      }
    }


  
    /* v51: modal panel hierarchy — orange CTA above tools */
    .slide-value {
      display:none !important;
    }

    .slide-info {
      display:flex !important;
      flex-direction:column !important;
      justify-content:flex-start !important;
      gap:22px !important;
    }

    .slide-info-main {
      display:block;
    }

    .slide-info-bottom {
      margin-top:auto;
      display:grid;
      gap:20px;
    }

    .slide-cta {
      margin-top:0 !important;
      display:block !important;
    }

    .slide-contact-card {
      margin-top:0 !important;
      display:grid !important;
      justify-items:center;
      gap:10px;
      padding:20px 18px !important;
      border-radius:28px !important;
      background:
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.34), transparent 8rem),
        linear-gradient(135deg, #ff5f36 0%, #ff7a45 56%, #ff9a5f 100%) !important;
      box-shadow:
        0 22px 42px -26px rgba(255,107,61,.72),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
      color:#fff !important;
    }

    .slide-contact-slogan {
      max-width:240px;
      color:#fff !important;
      font-size:1.04rem !important;
      line-height:1.08 !important;
      font-weight:950 !important;
      letter-spacing:-.025em;
      text-align:center;
    }

    .slide-contact-label {
      margin-top:0 !important;
      color:rgba(255,255,255,.78) !important;
      font-size:.72rem !important;
      font-weight:900 !important;
      letter-spacing:.06em;
      text-transform:uppercase;
      text-align:center;
    }

    .slide-contact-icons {
      display:flex;
      justify-content:center;
      gap:12px;
      margin-top:2px;
    }

    .slide-contact-icons .social-icon-link {
      width:46px;
      height:46px;
      min-height:46px;
      padding:0;
      border:0 !important;
      outline:0 !important;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(255,255,255,.22) !important;
      color:#fff !important;
      box-shadow:0 14px 26px -18px rgba(0,0,0,.55);
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
      transition:transform .24s var(--ease), background .24s var(--ease), color .24s var(--ease);
    }

    .slide-contact-icons .social-icon-link svg {
      width:20px;
      height:20px;
      fill:currentColor;
      display:block;
    }

    .slide-contact-icons .social-icon-link:hover {
      transform:translateY(-3px) scale(1.04);
      background:#fff !important;
      color:#ff653b !important;
    }

    .slide-tools {
      margin-top:0 !important;
      display:grid;
      gap:12px;
    }

    .slide-tools-title {
      color:rgba(255,255,255,.55) !important;
      font-size:.72rem !important;
      font-weight:900 !important;
      letter-spacing:.055em !important;
      text-transform:uppercase;
    }

    .tool-icons {
      gap:9px !important;
    }

    @media (max-width:800px) {
      .slide-info-bottom {
        gap:18px;
      }

      .slide-contact-card {
        justify-items:start;
        padding:18px 16px !important;
        border-radius:24px !important;
      }

      .slide-contact-slogan,
      .slide-contact-label {
        text-align:left;
      }

      .slide-contact-icons {
        justify-content:flex-start;
      }
    }


  
    /* v52: clean solid highlighted CTA, no gradient */
    .slide-contact-card {
      background:#ff6b3d !important;
      box-shadow:
        0 0 0 1px rgba(255,255,255,.08) inset,
        0 18px 44px -22px rgba(255,107,61,.85),
        0 0 38px rgba(255,107,61,.22) !important;
    }

    .slide-contact-card::before {
      content:none !important;
      display:none !important;
    }

    .slide-contact-icons .social-icon-link {
      background:rgba(255,255,255,.22) !important;
      color:#fff !important;
    }

    .slide-contact-icons .social-icon-link:hover {
      background:#fff !important;
      color:#ff6b3d !important;
    }


  
    /* v53: cleaner hero, no top badge, stronger selling copy */
    .hero-copy > .badge,
    .hero-copy .badge.orange {
      display:none !important;
    }

    .hero-copy h1 {
      font-family:'Raleway', Arial, sans-serif !important;
      font-weight:900 !important;
      letter-spacing:-.085em !important;
    }

    .hero-copy h1 span {
      font-family:'Raleway', Arial, sans-serif !important;
      font-weight:900 !important;
    }

    .hero-copy p {
      max-width:620px !important;
      font-size:1.08rem !important;
      line-height:1.5 !important;
      color:#2f2f2f !important;
      letter-spacing:-.025em !important;
    }

    @media (max-width:800px) {
      .hero-copy p {
        font-size:.98rem !important;
        line-height:1.48 !important;
      }
    }


  
    /* v54: actual hero content typography and selling text */
    .hero-content > .badge,
    .hero-content .badge.orange {
      display:none !important;
    }

    .hero-content h1 {
      font-family:'Raleway', Arial, sans-serif !important;
      font-weight:900 !important;
      letter-spacing:-.085em !important;
    }

    .hero-content h1 span {
      font-family:'Raleway', Arial, sans-serif !important;
      font-weight:900 !important;
    }

    .hero-content p {
      max-width:650px !important;
      font-size:1.08rem !important;
      line-height:1.5 !important;
      color:#2f2f2f !important;
      letter-spacing:-.025em !important;
    }

    @media (max-width:800px) {
      .hero-content p {
        font-size:.98rem !important;
        line-height:1.48 !important;
      }
    }


  
    /* v55: softer hero text and better line spacing */
    .hero-content h1 {
      line-height:.91 !important;
      letter-spacing:-.072em !important;
      margin-bottom:24px !important;
    }

    .hero-content h1 span {
      display:inline-block;
      margin-top:6px;
    }

    .hero-content p {
      max-width:590px !important;
      font-size:.96rem !important;
      line-height:1.48 !important;
      color:#3b3b3b !important;
    }

    @media (max-width:800px) {
      .hero-content h1 {
        line-height:.94 !important;
        letter-spacing:-.055em !important;
        margin-bottom:18px !important;
      }

      .hero-content h1 span {
        margin-top:4px;
      }

      .hero-content p {
        font-size:.9rem !important;
        line-height:1.45 !important;
      }
    }


  
    /* v57: conservative hero balance after rollback */
    @media (min-width:1051px) {
      .hero {
        grid-template-columns:minmax(500px,.94fr) minmax(560px,1.06fr) !important;
        gap:42px !important;
      }

      .hero-content h1 {
        font-size:clamp(3.6rem,7.25vw,7.35rem) !important;
        line-height:.93 !important;
        letter-spacing:-.066em !important;
      }

      .hero-content p {
        max-width:575px !important;
        font-size:.94rem !important;
        line-height:1.48 !important;
      }

      .hero-works {
        max-width:680px !important;
        transform:translateY(-18px) scale(1.015) !important;
        transform-origin:center right !important;
      }
    }

    @media (max-width:800px) {
      .hero-content h1 {
        font-size:3.05rem !important;
      }
    }


  
    /* v58a: hero variant — 2% smaller title, safer gap */
    @media (min-width:1051px) {
      .hero {
        grid-template-columns:minmax(500px,.92fr) minmax(560px,1.08fr) !important;
        gap:58px !important;
      }

      .hero-content {
        position:relative;
        z-index:3;
        max-width:575px !important;
      }

      .hero-content h1 {
        font-size:clamp(3.5rem,7.1vw,7.2rem) !important;
        line-height:.94 !important;
        letter-spacing:-.064em !important;
      }

      .hero-content p {
        max-width:560px !important;
        font-size:.92rem !important;
      }

      .hero-works {
        position:relative;
        z-index:1;
        max-width:675px !important;
        transform:translate(16px,-14px) scale(1.005) !important;
        transform-origin:center right !important;
      }
    }


  
    /* v63: hero works exactly as clean 4-card sketch grid */
    @media (min-width:1051px) {
      .hero {
        grid-template-columns:minmax(500px,.9fr) minmax(560px,1.1fr) !important;
        gap:86px !important;
        align-items:center !important;
      }

      .hero-content {
        position:relative !important;
        z-index:5 !important;
        max-width:570px !important;
      }

      .hero-content h1 {
        font-size:clamp(3.16rem,6.35vw,6.48rem) !important;
        line-height:.955 !important;
        letter-spacing:-.056em !important;
        margin-bottom:24px !important;
      }

      .hero-content p {
        max-width:540px !important;
        font-size:.9rem !important;
        line-height:1.48 !important;
      }

      .hero-works.hero-works-clean-grid {
        position:relative !important;
        z-index:1 !important;
        justify-self:end !important;
        width:620px !important;
        height:604px !important;
        max-width:620px !important;
        min-height:604px !important;
        transform:none !important;
        isolation:isolate !important;
      }

      .hero-works.hero-works-clean-grid::before {
        content:"" !important;
        position:absolute !important;
        inset:7% 0 0 7% !important;
        width:88% !important;
        height:86% !important;
        border-radius:52px !important;
        background:radial-gradient(circle at 50% 52%, rgba(255,107,61,.11), transparent 64%) !important;
        filter:blur(34px) !important;
        opacity:.55 !important;
        transform:none !important;
        box-shadow:none !important;
        z-index:-1 !important;
      }

      .hero-works.hero-works-clean-grid .hero-work {
        position:absolute !important;
        display:block !important;
        padding:0 !important;
        border:0 !important;
        border-radius:34px !important;
        overflow:hidden !important;
        background:#ff6b3d !important;
        box-shadow:0 26px 58px -42px rgba(0,0,0,.46) !important;
        cursor:pointer !important;
        transform-origin:center !important;
        transition:
          transform .36s var(--ease),
          box-shadow .36s var(--ease),
          filter .36s var(--ease) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work:hover {
        z-index:6 !important;
        filter:saturate(1.05) contrast(1.02) !important;
        box-shadow:0 34px 68px -42px rgba(0,0,0,.52) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work img {
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        display:block !important;
        transform:scale(1.012) !important;
      }

      /* схема как в наброске */
      .hero-works.hero-works-clean-grid .hero-work-1 {
        width:214px !important;
        height:300px !important;
        left:0 !important;
        top:20px !important;
        right:auto !important;
        bottom:auto !important;
        transform:rotate(3.4deg) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-1:hover {
        transform:rotate(1deg) translateY(-8px) scale(1.018) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-2 {
        width:292px !important;
        height:214px !important;
        right:0 !important;
        top:18px !important;
        left:auto !important;
        bottom:auto !important;
        transform:rotate(-2.1deg) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-2:hover {
        transform:rotate(-.6deg) translateY(-8px) scale(1.018) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3 {
        width:214px !important;
        height:206px !important;
        left:8px !important;
        bottom:24px !important;
        top:auto !important;
        right:auto !important;
        transform:rotate(-.2deg) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3:hover {
        transform:translateY(-8px) scale(1.018) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-4 {
        width:300px !important;
        height:278px !important;
        right:0 !important;
        bottom:24px !important;
        top:auto !important;
        left:auto !important;
        transform:rotate(.4deg) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-4:hover {
        transform:rotate(.2deg) translateY(-8px) scale(1.018) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work span {
        display:none !important;
      }
    }

    @media (min-width:1051px) and (max-width:1320px) {
      .hero {
        gap:70px !important;
      }

      .hero-content h1 {
        font-size:clamp(3rem,5.75vw,5.88rem) !important;
      }

      .hero-works.hero-works-clean-grid {
        width:560px !important;
        height:556px !important;
        min-height:556px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-1 {
        width:194px !important;
        height:276px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-2 {
        width:264px !important;
        height:192px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3 {
        width:194px !important;
        height:184px !important;
        bottom:24px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-4 {
        width:270px !important;
        height:258px !important;
        bottom:24px !important;
      }
    }

    @media (max-width:1050px) {
      .hero-works.hero-works-clean-grid {
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:14px !important;
        height:auto !important;
        min-height:auto !important;
        max-width:none !important;
      }

      .hero-works.hero-works-clean-grid::before {
        display:none !important;
      }

      .hero-works.hero-works-clean-grid .hero-work {
        position:relative !important;
        inset:auto !important;
        width:100% !important;
        height:220px !important;
        transform:none !important;
        border-radius:26px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-1,
      .hero-works.hero-works-clean-grid .hero-work-4 {
        height:280px !important;
      }
    }

    @media (max-width:640px) {
      .hero-works.hero-works-clean-grid {
        grid-template-columns:1fr !important;
      }

      .hero-works.hero-works-clean-grid .hero-work {
        height:230px !important;
      }
    }

/* === style block 2 === */
/* v64: shift hero works farther right so they never sit on the headline */
    @media (min-width:1051px) {
      .hero {
        grid-template-columns:minmax(490px,.88fr) minmax(600px,1.12fr) !important;
        gap:108px !important;
      }

      .hero-content {
        max-width:540px !important;
      }

      .hero-works.hero-works-clean-grid {
        width:640px !important;
        max-width:640px !important;
        margin-left:36px !important;
        transform:translateX(38px) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-1 {
        left:22px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3 {
        left:30px !important;
      }
    }

    @media (min-width:1051px) and (max-width:1320px) {
      .hero {
        gap:86px !important;
      }

      .hero-works.hero-works-clean-grid {
        width:590px !important;
        max-width:590px !important;
        margin-left:18px !important;
        transform:translateX(20px) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-1 {
        left:18px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3 {
        left:24px !important;
      }
    }

/* === style block 3 === */
/* v65: exact clean sketch grid, shifted safely right, hero cards clickable */
    @media (min-width:1051px) {
      .hero {
        grid-template-columns: minmax(470px, 520px) minmax(545px, 585px) !important;
        gap: 96px !important;
        align-items: center !important;
      }

      .hero-content {
        position: relative !important;
        z-index: 5 !important;
        max-width: 520px !important;
      }

      .hero-content h1 {
        font-size: clamp(3.1rem, 6.25vw, 6.25rem) !important;
        line-height: .955 !important;
        letter-spacing: -.055em !important;
      }

      .hero-content p {
        max-width: 500px !important;
      }

      .hero-works.hero-works-clean-grid {
        position: relative !important;
        z-index: 1 !important;
        display: grid !important;
        grid-template-columns: 214px 300px !important;
        grid-template-rows: 300px 256px !important;
        column-gap: 28px !important;
        row-gap: 28px !important;
        width: 542px !important;
        max-width: 542px !important;
        height: auto !important;
        min-height: 0 !important;
        justify-self: end !important;
        align-self: center !important;
        margin-left: 32px !important;
        transform: translateX(22px) !important;
        isolation: isolate !important;
      }

      .hero-works.hero-works-clean-grid::before {
        content: "" !important;
        position: absolute !important;
        inset: 24px 0 10px 18px !important;
        border-radius: 52px !important;
        background: radial-gradient(circle at 52% 46%, rgba(255,107,61,.11), transparent 64%) !important;
        filter: blur(34px) !important;
        opacity: .5 !important;
        z-index: -1 !important;
      }

      .hero-works.hero-works-clean-grid .hero-work {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 34px !important;
        padding: 0 !important;
        background: #ff6b3d !important;
        box-shadow: 0 26px 58px -42px rgba(0,0,0,.46) !important;
        cursor: pointer !important;
        transition: transform .36s var(--ease), box-shadow .36s var(--ease), filter .36s var(--ease) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work:hover {
        z-index: 3 !important;
        filter: saturate(1.05) contrast(1.02) !important;
        box-shadow: 0 34px 68px -42px rgba(0,0,0,.52) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-1 {
        grid-column: 1 !important;
        grid-row: 1 !important;
        height: 300px !important;
        align-self: start !important;
        justify-self: start !important;
        transform: rotate(3.4deg) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-1:hover {
        transform: rotate(1deg) translateY(-8px) scale(1.018) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-2 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 300px !important;
        height: 182px !important;
        align-self: start !important;
        justify-self: start !important;
        transform: rotate(-2.1deg) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-2:hover {
        transform: rotate(-.6deg) translateY(-8px) scale(1.018) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3 {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 214px !important;
        height: 176px !important;
        align-self: end !important;
        justify-self: start !important;
        transform: rotate(0deg) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3:hover {
        transform: translateY(-8px) scale(1.018) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-4 {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: 300px !important;
        height: 256px !important;
        align-self: end !important;
        justify-self: start !important;
        transform: rotate(0deg) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-4:hover {
        transform: translateY(-8px) scale(1.018) !important;
      }
    }

    @media (min-width:1051px) and (max-width:1320px) {
      .hero {
        grid-template-columns: minmax(450px, 500px) minmax(510px, 560px) !important;
        gap: 82px !important;
      }

      .hero-content {
        max-width: 495px !important;
      }

      .hero-content h1 {
        font-size: clamp(2.95rem, 5.8vw, 5.7rem) !important;
      }

      .hero-works.hero-works-clean-grid {
        grid-template-columns: 194px 270px !important;
        grid-template-rows: 276px 232px !important;
        column-gap: 24px !important;
        row-gap: 24px !important;
        width: 488px !important;
        max-width: 488px !important;
        margin-left: 18px !important;
        transform: translateX(12px) !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-1 {
        width: 194px !important;
        height: 276px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-2 {
        width: 270px !important;
        height: 168px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3 {
        width: 194px !important;
        height: 164px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-4 {
        width: 270px !important;
        height: 232px !important;
      }
    }

/* === style block 4 === */
/* v66: hero grid elongated vertically */
  @media (min-width:1051px) {
    .hero-works.hero-works-clean-grid {
      grid-template-rows: 320px 286px !important;
      height: auto !important;
    }

    .hero-works.hero-works-clean-grid .hero-work-1 {
      height: 320px !important;
    }

    .hero-works.hero-works-clean-grid .hero-work-2 {
      height: 212px !important;
    }

    .hero-works.hero-works-clean-grid .hero-work-3 {
      height: 196px !important;
    }

    .hero-works.hero-works-clean-grid .hero-work-4 {
      height: 286px !important;
    }
  }

  @media (min-width:1051px) and (max-width:1320px) {
    .hero-works.hero-works-clean-grid {
      grid-template-rows: 294px 248px !important;
    }

    .hero-works.hero-works-clean-grid .hero-work-1 {
      height: 294px !important;
    }

    .hero-works.hero-works-clean-grid .hero-work-2 {
      height: 184px !important;
    }

    .hero-works.hero-works-clean-grid .hero-work-3 {
      height: 176px !important;
    }

    .hero-works.hero-works-clean-grid .hero-work-4 {
      height: 248px !important;
    }
  }

/* === style block 5 === */
/* v68: close empty gaps between hero cards */
    @media (min-width:1051px) {
      .hero-works.hero-works-clean-grid {
        grid-template-columns:214px 300px !important;
        grid-template-rows:320px 286px !important;
        column-gap:28px !important;
        row-gap:18px !important;
        width:542px !important;
        max-width:542px !important;
        height:624px !important;
        min-height:624px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-1 {
        height:320px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-2 {
        height:300px !important;
        align-self:start !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3 {
        height:230px !important;
        align-self:start !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-4 {
        height:286px !important;
        align-self:start !important;
      }
    }

    @media (min-width:1051px) and (max-width:1320px) {
      .hero-works.hero-works-clean-grid {
        grid-template-columns:194px 270px !important;
        grid-template-rows:294px 258px !important;
        column-gap:24px !important;
        row-gap:16px !important;
        width:488px !important;
        max-width:488px !important;
        height:568px !important;
        min-height:568px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-1 {
        height:294px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-2 {
        height:276px !important;
        align-self:start !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3 {
        height:206px !important;
        align-self:start !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-4 {
        height:258px !important;
        align-self:start !important;
      }
    }

/* === style block 6 === */
/* v69: make billboard card longer vertically */
    @media (min-width:1051px) {
      .hero-works.hero-works-clean-grid {
        grid-template-rows:320px 306px !important;
        height:646px !important;
        min-height:646px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3 {
        height:270px !important;
        align-self:start !important;
      }
    }

    @media (min-width:1051px) and (max-width:1320px) {
      .hero-works.hero-works-clean-grid {
        grid-template-rows:294px 284px !important;
        height:594px !important;
        min-height:594px !important;
      }

      .hero-works.hero-works-clean-grid .hero-work-3 {
        height:238px !important;
        align-self:start !important;
      }
    }

/* === style block 7 === */
/* v70: lower hero composition and remove visual top heaviness */
    @media (min-width:1051px) {
      .hero {
        padding-top:92px !important;
        padding-bottom:54px !important;
        min-height:calc(100vh - 74px) !important;
        align-items:center !important;
      }

      .hero-content {
        transform:translateY(12px) !important;
      }

      .hero-works.hero-works-clean-grid {
        transform:translateY(12px) !important;
      }
    }

    @media (min-width:1051px) and (max-width:1320px) {
      .hero {
        padding-top:82px !important;
        padding-bottom:48px !important;
      }

      .hero-content {
        transform:translateY(8px) !important;
      }

      .hero-works.hero-works-clean-grid {
        transform:translateY(8px) !important;
      }
    }

/* === style block 8 === */
/* v71: title -3px, more air between headline lines */
    @media (min-width:1051px) {
      .hero-content h1 {
        font-size:clamp(3.02rem, calc(6.42vw - 3px), 6.4rem) !important;
        line-height:.995 !important;
        letter-spacing:-.053em !important;
        margin-bottom:28px !important;
      }

      .hero-content h1 span {
        margin-top:10px !important;
      }

      .hero-content p {
        margin-top:0 !important;
      }
    }

    @media (min-width:1051px) and (max-width:1320px) {
      .hero-content h1 {
        font-size:clamp(2.9rem, calc(5.86vw - 3px), 5.75rem) !important;
        line-height:1 !important;
        letter-spacing:-.052em !important;
      }
    }

/* === style block 9 === */
/* v72: align hero grid so cards do not overlap the headline */
    @media (min-width:1051px) {
      .hero {
        grid-template-columns:minmax(500px, 540px) minmax(560px, 610px) !important;
        gap:118px !important;
      }

      .hero-content {
        position:relative !important;
        z-index:5 !important;
        max-width:540px !important;
      }

      .hero-works.hero-works-clean-grid {
        margin-left:48px !important;
        transform:translate(54px, 12px) !important;
      }
    }

    @media (min-width:1051px) and (max-width:1320px) {
      .hero {
        grid-template-columns:minmax(470px, 505px) minmax(520px, 570px) !important;
        gap:92px !important;
      }

      .hero-content {
        max-width:505px !important;
      }

      .hero-works.hero-works-clean-grid {
        margin-left:28px !important;
        transform:translate(28px, 8px) !important;
      }
    }

/* === style block 10 === */
/* v82: extend remote section background nearly full viewport width */
    .remote-section{
      position:relative !important;
      isolation:isolate !important;
      padding-top:48px !important;
      padding-bottom:48px !important;
    }
    .remote-section::before{
      content:"" !important;
      position:absolute !important;
      left:50% !important;
      top:0 !important;
      bottom:0 !important;
      width:min(calc(100vw - 64px), 1960px) !important;
      transform:translateX(-50%) !important;
      background:#fff !important;
      z-index:-1 !important;
      pointer-events:none !important;
    }

/* === style block 11 === */
/* v83: restore alternating section patterns + remove leftover badges */
    #process,
    .mini-price-section,
    .price-section,
    .remote-section {
      position:relative !important;
      isolation:isolate !important;
    }

    /* subtle grid separator behind workflow */
    #process {
      padding-top:48px !important;
      padding-bottom:48px !important;
    }
    #process::before {
      content:"" !important;
      position:absolute !important;
      left:50% !important;
      top:0 !important;
      bottom:0 !important;
      width:min(calc(100vw - 64px), 1960px) !important;
      transform:translateX(-50%) !important;
      background-color:#f4f1ec !important;
      background-image:
        linear-gradient(rgba(17,17,17,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,17,17,.035) 1px, transparent 1px) !important;
      background-size:32px 32px !important;
      z-index:-1 !important;
      pointer-events:none !important;
    }

    /* keep remote block clean, without pattern */
    .remote-section{
      padding-top:48px !important;
      padding-bottom:48px !important;
    }
    .remote-section::before{
      content:"" !important;
      position:absolute !important;
      left:50% !important;
      top:0 !important;
      bottom:0 !important;
      width:min(calc(100vw - 64px), 1960px) !important;
      transform:translateX(-50%) !important;
      background:#fff !important;
      z-index:-1 !important;
      pointer-events:none !important;
    }

    /* в‚Ѕ pattern for pricing area */
    .mini-price-section,
    .price-section {
      padding-top:48px !important;
      padding-bottom:48px !important;
    }
    .mini-price-section::before,
    .price-section::before {
      content:"" !important;
      position:absolute !important;
      left:50% !important;
      top:0 !important;
      bottom:0 !important;
      width:min(calc(100vw - 64px), 1960px) !important;
      transform:translateX(-50%) !important;
      background-color:#faf7f2 !important;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ctext x='26' y='84' font-family='Inter, Arial, sans-serif' font-size='44' font-weight='800' fill='rgba(17,17,17,0.04)'%3E%E2%82%BD%3C/text%3E%3C/g%3E%3C/svg%3E") !important;
      background-size:140px 140px !important;
      background-repeat:repeat !important;
      z-index:-1 !important;
      pointer-events:none !important;
    }
    .price-section.price-collapsed::before {
      display:none !important;
    }

    /* hide badges the user asked to remove */
    .remote-badge,
    #process .badge,
    .mini-price-head .badge.orange {
      display:none !important;
    }

    .remote-copy h2,
    .mini-price-head h2,
    #process .process h2 {
      margin-top:0 !important;
    }

/* === style block 12 === */
/* v85: force visible requested patterns */
  .intro-panel-hero,
  .intro-horizontal {
    background-color:#f5f2ed !important;
    background-image:
      linear-gradient(rgba(17,17,17,.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(17,17,17,.055) 1px, transparent 1px) !important;
    background-size:32px 32px !important;
    background-position:center top !important;
  }

  .intro-sticky,
  .intro-track,
  .intro-panel-hero > .container,
  .intro-panel-hero .hero {
    background:transparent !important;
  }

  #portfolio {
    position:relative !important;
    isolation:isolate !important;
    padding-top:76px !important;
    padding-bottom:56px !important;
    border-radius:34px !important;
    background-color:#f5f2ed !important;
    background-image:
      linear-gradient(rgba(17,17,17,.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(17,17,17,.055) 1px, transparent 1px) !important;
    background-size:32px 32px !important;
    background-position:center top !important;
  }

  #portfolio .tabs {
    background:linear-gradient(180deg, rgba(245,242,237,.96), rgba(245,242,237,.82) 78%, rgba(245,242,237,0)) !important;
  }

  #mini-price {
    position:relative !important;
    isolation:isolate !important;
    padding-top:64px !important;
    padding-bottom:56px !important;
    border-radius:34px !important;
    background-color:#faf7f2 !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='190' viewBox='0 0 240 190'%3E%3Cg fill='none'%3E%3Ccircle cx='42' cy='38' r='18' fill='%23ff6b3d' fill-opacity='.09'/%3E%3Ccircle cx='42' cy='38' r='13' stroke='%23111111' stroke-opacity='.07' stroke-width='2'/%3E%3Ctext x='34' y='46' font-family='Arial, sans-serif' font-size='21' font-weight='700' fill='%23111111' fill-opacity='.13'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='146' cy='28' r='12' fill='%23ff6b3d' fill-opacity='.075'/%3E%3Ccircle cx='146' cy='28' r='8' stroke='%23111111' stroke-opacity='.06' stroke-width='1.5'/%3E%3Ctext x='141' y='33' font-family='Arial, sans-serif' font-size='13' font-weight='700' fill='%23111111' fill-opacity='.12'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='204' cy='78' r='23' fill='%23ff6b3d' fill-opacity='.075'/%3E%3Ccircle cx='204' cy='78' r='17' stroke='%23111111' stroke-opacity='.06' stroke-width='2'/%3E%3Ctext x='195' y='87' font-family='Arial, sans-serif' font-size='24' font-weight='700' fill='%23111111' fill-opacity='.11'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='82' cy='126' r='15' fill='%23ff6b3d' fill-opacity='.08'/%3E%3Ccircle cx='82' cy='126' r='10' stroke='%23111111' stroke-opacity='.06' stroke-width='1.5'/%3E%3Ctext x='76' y='132' font-family='Arial, sans-serif' font-size='16' font-weight='700' fill='%23111111' fill-opacity='.12'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='164' cy='148' r='18' fill='%23ff6b3d' fill-opacity='.085'/%3E%3Ccircle cx='164' cy='148' r='13' stroke='%23111111' stroke-opacity='.06' stroke-width='2'/%3E%3Ctext x='157' y='155' font-family='Arial, sans-serif' font-size='19' font-weight='700' fill='%23111111' fill-opacity='.12'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='26' cy='162' r='10' fill='%23ff6b3d' fill-opacity='.07'/%3E%3Ccircle cx='26' cy='162' r='7' stroke='%23111111' stroke-opacity='.05' stroke-width='1.3'/%3E%3Ctext x='22' y='166' font-family='Arial, sans-serif' font-size='10' font-weight='700' fill='%23111111' fill-opacity='.11'%3E%E2%82%BD%3C/text%3E%3C/g%3E%3C/svg%3E") !important;
    background-size:240px 190px !important;
    background-repeat:repeat !important;
    background-position:center top !important;
  }

  /* Эти блоки остаются чистыми, без паттерна */
  .remote-section,
  .remote-card,
  .price-shell {
    background-clip:padding-box;
  }

/* === style block 13 === */
/* v87: alternating full-width section patterns across all monitor widths */
  body {
    background:#f5f2ed !important;
  }

  .intro-horizontal,
  #process,
  #portfolio,
  .remote-section,
  #mini-price,
  #price {
    position:relative !important;
    isolation:isolate !important;
    z-index:0 !important;
  }

  /* remove remaining badges that user marked for removal */
  #portfolio .badge,
  #process .badge,
  .mini-price-head .badge,
  .price-top .badge,
  .remote-badge {
    display:none !important;
  }

  #portfolio .section-head h2,
  #process .process h2,
  .mini-price-head h2,
  .price-top h2,
  .remote-copy h2 {
    margin-top:0 !important;
  }

  /* HERO — infinite grid, full viewport width */
  .intro-horizontal {
    background:transparent !important;
  }
  .intro-horizontal::before {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    width:100vw !important;
    margin-left:-50vw !important;
    background-color:#f5f2ed !important;
    background-image:
      linear-gradient(rgba(17,17,17,.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(17,17,17,.055) 1px, transparent 1px) !important;
    background-size:32px 32px !important;
    background-repeat:repeat !important;
    background-position:center top !important;
    z-index:-2 !important;
    pointer-events:none !important;
  }
  .intro-sticky,
  .intro-track,
  .intro-panel,
  .intro-panel-hero,
  .intro-panel-hero > .container,
  .intro-panel-hero .hero {
    background:transparent !important;
    background-image:none !important;
  }

  /* PROCESS — clean separator band (alternating with patterned sections) */
  #process {
    background:transparent !important;
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
  #process::before {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    width:100vw !important;
    margin-left:-50vw !important;
    background:#f8f6f2 !important;
    z-index:-2 !important;
    pointer-events:none !important;
  }

  /* PORTFOLIO — full width grid with offset, like alternating staircase rhythm */
  #portfolio {
    background:transparent !important;
    background-image:none !important;
    border-radius:0 !important;
    padding-top:76px !important;
    padding-bottom:56px !important;
  }
  #portfolio::before {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    width:100vw !important;
    margin-left:-50vw !important;
    background-color:#f5f2ed !important;
    background-image:
      linear-gradient(rgba(17,17,17,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(17,17,17,.05) 1px, transparent 1px) !important;
    background-size:32px 32px !important;
    background-repeat:repeat !important;
    background-position:16px 16px !important;
    z-index:-2 !important;
    pointer-events:none !important;
  }
  #portfolio .tabs {
    background:linear-gradient(180deg, rgba(245,242,237,.96), rgba(245,242,237,.82) 78%, rgba(245,242,237,0)) !important;
  }

  /* REMOTE — another grid band so sections keep the alternating rhythm */
  .remote-section {
    background:transparent !important;
    padding-top:56px !important;
    padding-bottom:56px !important;
  }
  .remote-section::before {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    width:100vw !important;
    margin-left:-50vw !important;
    background-color:#f7f4ef !important;
    background-image:
      linear-gradient(rgba(17,17,17,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(17,17,17,.045) 1px, transparent 1px) !important;
    background-size:32px 32px !important;
    background-repeat:repeat !important;
    background-position:center 8px !important;
    z-index:-2 !important;
    pointer-events:none !important;
  }

  /* MINI PRICE + FULL PRICE — coin pattern, full width */
  #mini-price,
  #price {
    background:transparent !important;
    border-radius:0 !important;
    padding-top:64px !important;
    padding-bottom:56px !important;
  }
  #mini-price::before,
  #price::before {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    width:100vw !important;
    margin-left:-50vw !important;
    background-color:#faf7f2 !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='200' viewBox='0 0 280 200'%3E%3Cg fill='none'%3E%3Ccircle cx='42' cy='44' r='18' fill='%23ff6b3d' fill-opacity='.10'/%3E%3Ccircle cx='42' cy='44' r='13' stroke='%23111111' stroke-opacity='.06' stroke-width='2'/%3E%3Ctext x='34' y='51' font-family='Arial, sans-serif' font-size='21' font-weight='700' fill='%23111111' fill-opacity='.12'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='126' cy='28' r='11' fill='%23ff6b3d' fill-opacity='.08'/%3E%3Ccircle cx='126' cy='28' r='7' stroke='%23111111' stroke-opacity='.05' stroke-width='1.4'/%3E%3Ctext x='122' y='32' font-family='Arial, sans-serif' font-size='10' font-weight='700' fill='%23111111' fill-opacity='.11'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='214' cy='68' r='24' fill='%23ff6b3d' fill-opacity='.08'/%3E%3Ccircle cx='214' cy='68' r='17' stroke='%23111111' stroke-opacity='.05' stroke-width='2'/%3E%3Ctext x='204' y='77' font-family='Arial, sans-serif' font-size='24' font-weight='700' fill='%23111111' fill-opacity='.11'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='74' cy='134' r='16' fill='%23ff6b3d' fill-opacity='.08'/%3E%3Ccircle cx='74' cy='134' r='11' stroke='%23111111' stroke-opacity='.05' stroke-width='1.5'/%3E%3Ctext x='68' y='140' font-family='Arial, sans-serif' font-size='15' font-weight='700' fill='%23111111' fill-opacity='.12'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='170' cy='156' r='19' fill='%23ff6b3d' fill-opacity='.09'/%3E%3Ccircle cx='170' cy='156' r='13' stroke='%23111111' stroke-opacity='.05' stroke-width='1.8'/%3E%3Ctext x='163' y='163' font-family='Arial, sans-serif' font-size='18' font-weight='700' fill='%23111111' fill-opacity='.11'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='256' cy='142' r='10' fill='%23ff6b3d' fill-opacity='.07'/%3E%3Ccircle cx='256' cy='142' r='7' stroke='%23111111' stroke-opacity='.05' stroke-width='1.2'/%3E%3Ctext x='252' y='146' font-family='Arial, sans-serif' font-size='10' font-weight='700' fill='%23111111' fill-opacity='.10'%3E%E2%82%BD%3C/text%3E%3C/g%3E%3C/svg%3E") !important;
    background-size:280px 200px !important;
    background-repeat:repeat !important;
    background-position:0 0 !important;
    z-index:-2 !important;
    pointer-events:none !important;
  }

  /* The white cards remain clean on top of the patterned bands */
  .remote-card,
  .price-shell,
  #portfolio .portfolio-grid,
  #portfolio .section-head,
  #portfolio .tabs {
    position:relative !important;
    z-index:1 !important;
  }

/* === style block 14 === */
/* v89: stable alternating full-viewport backgrounds */

  :root {
    --kc-grid-bg:#f5f2ed;
    --kc-clean-bg:#f8f6f2;
    --kc-line:rgba(17,17,17,.052);
  }

  html,
  body {
    background-color:var(--kc-grid-bg) !important;
    background-image:
      linear-gradient(var(--kc-line) 1px, transparent 1px),
      linear-gradient(90deg, var(--kc-line) 1px, transparent 1px) !important;
    background-size:32px 32px !important;
    background-repeat:repeat !important;
    background-position:center top !important;
  }

  /* Сброс старых псевдо-подложек, которые давали кривые куски */
  .intro-horizontal::before,
  #portfolio::before,
  #process::before,
  #remote::before,
  .remote-section::before,
  #mini-price::before,
  #price::before {
    display:none !important;
    content:none !important;
  }

  .intro-horizontal,
  .intro-sticky,
  .intro-track,
  .intro-panel,
  .intro-panel-hero,
  .intro-panel-hero > .container,
  .intro-panel-hero .hero,
  #portfolio,
  .portfolio-section,
  #remote,
  .remote-section {
    background:transparent !important;
    background-image:none !important;
  }

  /* 1. Главная — клетка. Берётся из body, бесконечно на всю ширину. */
  .intro-panel-hero {
    background:transparent !important;
  }

  /* 2. Преимущества — чистая секция, чтобы появилась лесенка. */
  .intro-panel-advantages {
    background:var(--kc-clean-bg) !important;
    background-image:none !important;
  }

  /* 3. Портфолио — снова клетка. */
  #portfolio {
    padding-top:76px !important;
    padding-bottom:56px !important;
    border-radius:0 !important;
  }

  #portfolio .tabs {
    background:linear-gradient(180deg, rgba(245,242,237,.96), rgba(245,242,237,.86) 76%, rgba(245,242,237,0)) !important;
  }

  /* 4. Процесс — чистая полоса на всю ширину экрана. */
  #process {
    background:var(--kc-clean-bg) !important;
    background-image:none !important;
    box-shadow:0 0 0 100vmax var(--kc-clean-bg) !important;
    clip-path:inset(0 -100vmax) !important;
    padding-top:54px !important;
    padding-bottom:54px !important;
    position:relative !important;
    z-index:1 !important;
  }

  /* 5. По России — снова клетка вокруг чистой карточки. */
  #remote,
  .remote-section {
    background:transparent !important;
    background-image:none !important;
    padding-top:56px !important;
    padding-bottom:56px !important;
  }

  /* 6. Мини-прайс / прайс — монетки на всю ширину. */
  #mini-price,
  #price {
    position:relative !important;
    isolation:isolate !important;
    background:transparent !important;
    background-image:none !important;
    border-radius:0 !important;
    padding-top:64px !important;
    padding-bottom:56px !important;
    overflow:visible !important;
  }

  #mini-price::after,
  #price::after {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    width:100vw !important;
    margin-left:-50vw !important;
    background-color:#faf7f2 !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='220' viewBox='0 0 320 220'%3E%3Cg fill='none'%3E%3Ccircle cx='38' cy='48' r='18' fill='%23ff6b3d' fill-opacity='.09'/%3E%3Ccircle cx='38' cy='48' r='12.5' stroke='%23111111' stroke-opacity='.055' stroke-width='1.8'/%3E%3Ctext x='31' y='54' font-family='Arial, sans-serif' font-size='17' font-weight='700' fill='%23111111' fill-opacity='.11'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='92' cy='116' r='11' fill='%23ff6b3d' fill-opacity='.075'/%3E%3Ccircle cx='92' cy='116' r='7' stroke='%23111111' stroke-opacity='.045' stroke-width='1.4'/%3E%3Ctext x='88' y='120' font-family='Arial, sans-serif' font-size='10' font-weight='700' fill='%23111111' fill-opacity='.10'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='168' cy='34' r='13' fill='%23ff6b3d' fill-opacity='.07'/%3E%3Ccircle cx='168' cy='34' r='8.5' stroke='%23111111' stroke-opacity='.05' stroke-width='1.5'/%3E%3Ctext x='163' y='39' font-family='Arial, sans-serif' font-size='12' font-weight='700' fill='%23111111' fill-opacity='.10'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='228' cy='82' r='22' fill='%23ff6b3d' fill-opacity='.085'/%3E%3Ccircle cx='228' cy='82' r='15' stroke='%23111111' stroke-opacity='.05' stroke-width='1.8'/%3E%3Ctext x='219' y='90' font-family='Arial, sans-serif' font-size='21' font-weight='700' fill='%23111111' fill-opacity='.11'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='286' cy='146' r='10' fill='%23ff6b3d' fill-opacity='.07'/%3E%3Ccircle cx='286' cy='146' r='6.5' stroke='%23111111' stroke-opacity='.045' stroke-width='1.2'/%3E%3Ctext x='282' y='150' font-family='Arial, sans-serif' font-size='9' font-weight='700' fill='%23111111' fill-opacity='.10'%3E%E2%82%BD%3C/text%3E%3Ccircle cx='152' cy='178' r='20' fill='%23ff6b3d' fill-opacity='.08'/%3E%3Ccircle cx='152' cy='178' r='13.5' stroke='%23111111' stroke-opacity='.05' stroke-width='1.8'/%3E%3Ctext x='144' y='185' font-family='Arial, sans-serif' font-size='18' font-weight='700' fill='%23111111' fill-opacity='.11'%3E%E2%82%BD%3C/text%3E%3C/g%3E%3C/svg%3E") !important;
    background-size:320px 220px !important;
    background-repeat:repeat !important;
    background-position:center top !important;
    z-index:0 !important;
    pointer-events:none !important;
  }

  #price.price-collapsed::after {
    display:none !important;
  }

  #mini-price > *,
  #price > * {
    position:relative !important;
    z-index:2 !important;
  }

  /* Убираем маленькие бейджи, которые мешали */
  #portfolio .badge,
  #process .badge,
  .mini-price-head .badge,
  .price-top .badge,
  .remote-badge {
    display:none !important;
  }

/* === style block 15 === */
/* v94: restore styles, remove only ruble/coin pattern */
  #mini-price,
  .mini-price-section,
  #price,
  .price-section {
    position:relative !important;
    isolation:isolate !important;
    background:#fff !important;
    background-image:none !important;
    box-shadow:0 0 0 100vmax #fff !important;
    clip-path:inset(0 -100vmax) !important;
  }

  #mini-price::before,
  #mini-price::after,
  .mini-price-section::before,
  .mini-price-section::after,
  #price::before,
  #price::after,
  .price-section::before,
  .price-section::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    background:#fff !important;
    background-image:none !important;
    box-shadow:none !important;
    z-index:0 !important;
    pointer-events:none !important;
  }

  #price.price-collapsed::before,
  #price.price-collapsed::after,
  .price-section.price-collapsed::before,
  .price-section.price-collapsed::after {
    display:none !important;
  }

  #mini-price > *,
  .mini-price-section > *,
  #price > *,
  .price-section > * {
    position:relative !important;
    z-index:2 !important;
  }

/* === style block 16 === */
/* v95: fix portfolio category tabs overlap */
  #portfolio .tabs,
  .portfolio-section .tabs {
    position:relative !important;
    z-index:20 !important;
    margin-top:32px !important;
    margin-bottom:36px !important;
    padding:10px 0 12px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
  }

  #portfolio .portfolio-grid,
  .portfolio-section .portfolio-grid {
    position:relative !important;
    z-index:2 !important;
    margin-top:0 !important;
    padding-top:8px !important;
  }

  #portfolio .portfolio-card,
  .portfolio-section .portfolio-card {
    position:relative !important;
    z-index:1 !important;
  }

  @media (max-width:900px) {
    #portfolio .tabs,
    .portfolio-section .tabs {
      margin-bottom:28px !important;
      overflow-x:auto !important;
      flex-wrap:nowrap !important;
      -webkit-overflow-scrolling:touch !important;
      padding-bottom:14px !important;
    }

    #portfolio .portfolio-grid,
    .portfolio-section .portfolio-grid {
      padding-top:4px !important;
    }
  }

/* === style block 17 === */
/* v96: stronger portfolio tabs clearance */
  #portfolio,
  .portfolio-section {
    padding-bottom:70px !important;
  }

  #portfolio .tabs,
  .portfolio-section .tabs {
    position:relative !important;
    z-index:50 !important;
    margin-top:34px !important;
    margin-bottom:0 !important;
    padding:10px 0 22px !important;
    min-height:68px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    align-items:center !important;
  }

  #portfolio .portfolio-grid,
  .portfolio-section .portfolio-grid {
    position:relative !important;
    z-index:1 !important;
    margin-top:34px !important;
    padding-top:0 !important;
    clear:both !important;
  }

  #portfolio .portfolio-card,
  .portfolio-section .portfolio-card {
    position:relative !important;
    z-index:1 !important;
  }

  /* Если какой-то старый стиль тянет сетку вверх отрицательным transform/margin */
  #portfolio .grid,
  .portfolio-section .grid {
    margin-top:34px !important;
    transform:none !important;
  }

  @media (max-width:900px) {
    #portfolio .tabs,
    .portfolio-section .tabs {
      min-height:58px !important;
      overflow-x:auto !important;
      overflow-y:visible !important;
      flex-wrap:nowrap !important;
      -webkit-overflow-scrolling:touch !important;
      padding-bottom:20px !important;
    }

    #portfolio .portfolio-grid,
    .portfolio-section .portfolio-grid {
      margin-top:28px !important;
    }
  }

/* === style block 18 === */
/* v97: lift portfolio filters more */
  #portfolio .tabs,
  .portfolio-section .tabs {
    z-index:80 !important;
    margin-top:20px !important;
    padding-bottom:28px !important;
    min-height:76px !important;
  }

  #portfolio .portfolio-grid,
  .portfolio-section .portfolio-grid,
  #portfolio .grid,
  .portfolio-section .grid {
    margin-top:52px !important;
    padding-top:0 !important;
  }

  @media (max-width:900px) {
    #portfolio .tabs,
    .portfolio-section .tabs {
      margin-top:16px !important;
      min-height:68px !important;
      padding-bottom:26px !important;
    }

    #portfolio .portfolio-grid,
    .portfolio-section .portfolio-grid,
    #portfolio .grid,
    .portfolio-section .grid {
      margin-top:44px !important;
    }
  }

/* === style block 19 === */
/* v99: lift portfolio tabs into upper whitespace */

  /* Саму секцию держим с нормальной высотой */
  #portfolio,
  .container.portfolio-section,
  .portfolio-section {
    overflow:visible !important;
  }

  /* Вкладки поднимаем в пустое место между заголовком и сеткой */
  #portfolio > .tabs,
  .container.portfolio-section > .tabs,
  .portfolio-section > .tabs {
    position:relative !important;
    top:auto !important;
    z-index:120 !important;
    transform:translateY(-46px) !important;
    margin-top:0 !important;
    margin-bottom:-22px !important;
    padding:10px 0 16px !important;
    min-height:54px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    align-items:center !important;
    overflow:visible !important;
    background:transparent !important;
    backdrop-filter:none !important;
  }

  /* Сетка стартует ниже вкладок, но без прилипания */
  #portfolio > .portfolio-grid,
  .container.portfolio-section > .portfolio-grid,
  .portfolio-section > .portfolio-grid {
    position:relative !important;
    z-index:1 !important;
    margin-top:18px !important;
    padding-top:20px !important;
    transform:none !important;
    clear:both !important;
  }

  /* Убираем серую/белую дымку от старого sticky-фона над карточками */
  #portfolio .tabs::before,
  #portfolio .tabs::after,
  .portfolio-section .tabs::before,
  .portfolio-section .tabs::after {
    display:none !important;
    content:none !important;
  }

  @media (max-width:900px) {
    #portfolio > .tabs,
    .container.portfolio-section > .tabs,
    .portfolio-section > .tabs {
      transform:translateY(-28px) !important;
      margin-bottom:-12px !important;
      overflow-x:auto !important;
      overflow-y:visible !important;
      flex-wrap:nowrap !important;
      -webkit-overflow-scrolling:touch !important;
      padding-bottom:14px !important;
    }

    #portfolio > .portfolio-grid,
    .container.portfolio-section > .portfolio-grid,
    .portfolio-section > .portfolio-grid {
      margin-top:16px !important;
      padding-top:18px !important;
    }
  }

/* === style block 20 === */
/* v100: portfolio UX spacing no overlaps */

  #portfolio,
  .container.portfolio-section,
  .portfolio-section {
    overflow:visible !important;
    padding-top:86px !important;
    padding-bottom:78px !important;
  }

  #portfolio > .section-head,
  .container.portfolio-section > .section-head,
  .portfolio-section > .section-head {
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:minmax(0, .95fr) minmax(360px, .72fr) !important;
    gap:48px !important;
    align-items:end !important;
    margin-bottom:44px !important;
  }

  #portfolio > .section-head p,
  .container.portfolio-section > .section-head p,
  .portfolio-section > .section-head p {
    max-width:520px !important;
    margin:0 !important;
    align-self:end !important;
    line-height:1.45 !important;
  }

  /* Вкладки: обычный поток, никаких наложений */
  #portfolio > .tabs,
  .container.portfolio-section > .tabs,
  .portfolio-section > .tabs {
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    z-index:5 !important;
    transform:none !important;

    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:10px !important;

    margin:0 0 42px 0 !important;
    padding:0 !important;
    min-height:auto !important;

    overflow:visible !important;
    background:transparent !important;
    background-image:none !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }

  #portfolio > .tabs::before,
  #portfolio > .tabs::after,
  .container.portfolio-section > .tabs::before,
  .container.portfolio-section > .tabs::after,
  .portfolio-section > .tabs::before,
  .portfolio-section > .tabs::after {
    display:none !important;
    content:none !important;
  }

  #portfolio .tab,
  .portfolio-section .tab {
    position:relative !important;
    z-index:6 !important;
    flex:0 0 auto !important;
  }

  /* Сетка: начинается строго после вкладок */
  #portfolio > .portfolio-grid,
  .container.portfolio-section > .portfolio-grid,
  .portfolio-section > .portfolio-grid {
    position:relative !important;
    z-index:1 !important;
    margin:0 0 70px 0 !important;
    padding-top:0 !important;
    clear:both !important;
    transform:none !important;
  }

  #portfolio .portfolio-card,
  .portfolio-section .portfolio-card {
    position:relative !important;
    z-index:1 !important;
  }

  @media (max-width:1050px) {
    #portfolio > .section-head,
    .container.portfolio-section > .section-head,
    .portfolio-section > .section-head {
      grid-template-columns:1fr !important;
      gap:18px !important;
      margin-bottom:32px !important;
      align-items:start !important;
    }

    #portfolio > .section-head p,
    .container.portfolio-section > .section-head p,
    .portfolio-section > .section-head p {
      max-width:680px !important;
    }

    #portfolio > .tabs,
    .container.portfolio-section > .tabs,
    .portfolio-section > .tabs {
      margin-bottom:34px !important;
    }
  }

  @media (max-width:800px) {
    #portfolio,
    .container.portfolio-section,
    .portfolio-section {
      padding-top:54px !important;
      padding-bottom:56px !important;
    }

    #portfolio > .tabs,
    .container.portfolio-section > .tabs,
    .portfolio-section > .tabs {
      flex-wrap:nowrap !important;
      overflow-x:auto !important;
      overflow-y:visible !important;
      -webkit-overflow-scrolling:touch !important;
      padding-bottom:8px !important;
      margin-bottom:28px !important;
    }

    #portfolio > .portfolio-grid,
    .container.portfolio-section > .portfolio-grid,
    .portfolio-section > .portfolio-grid {
      margin-top:0 !important;
    }
  }

/* === style block 21 === */
/* v101: hide extra CTA blocks after portfolio */
  .portfolio-note,
  .portfolio-cta,
  .expand-note,
  .contact {
    display:none !important;
  }

/* === style block 22 === */
/* v102: mini price moved after portfolio */
  #portfolio {
    margin-bottom:0 !important;
  }

  #mini-price,
  .mini-price-section {
    margin-top:72px !important;
    margin-bottom:76px !important;
  }

  @media (max-width:800px) {
    #mini-price,
    .mini-price-section {
      margin-top:52px !important;
      margin-bottom:58px !important;
    }
  }

/* === style block 23 === */
/* v103: unified vertical rhythm between sections */

  :root {
    --kc-section-gap:96px;
    --kc-section-gap-mobile:56px;
    --kc-inside-gap:42px;
    --kc-inside-gap-mobile:28px;
  }

  /* Крупные секции держим в одном ритме */
  #portfolio,
  #mini-price,
  #process,
  #remote,
  #price {
    scroll-margin-top:96px !important;
  }

  /* Убираем случайные двойные/хаотичные margin у основных блоков */
  #mini-price,
  .mini-price-section,
  #process,
  #remote,
  .remote-section,
  #price,
  .price-section {
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  /* Отступы между соседними крупными блоками */
  #portfolio + #mini-price,
  #mini-price + #process,
  #process + #remote,
  #remote + #price {
    margin-top:var(--kc-section-gap) !important;
  }

  /* Портфолио: аккуратный ритм внутри */
  #portfolio,
  .container.portfolio-section,
  .portfolio-section {
    padding-top:96px !important;
    padding-bottom:0 !important;
  }

  #portfolio > .section-head,
  .container.portfolio-section > .section-head,
  .portfolio-section > .section-head {
    margin-bottom:var(--kc-inside-gap) !important;
  }

  #portfolio > .tabs,
  .container.portfolio-section > .tabs,
  .portfolio-section > .tabs {
    margin:0 0 var(--kc-inside-gap) 0 !important;
    padding:0 !important;
    transform:none !important;
    position:relative !important;
    top:auto !important;
    background:transparent !important;
    backdrop-filter:none !important;
  }

  #portfolio > .portfolio-grid,
  .container.portfolio-section > .portfolio-grid,
  .portfolio-section > .portfolio-grid {
    margin:0 !important;
    padding:0 !important;
  }

  /* Мини-прайс: заголовок/карточки/кнопки с ровным шагом */
  #mini-price,
  .mini-price-section {
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  #mini-price .mini-price-head,
  .mini-price-section .mini-price-head {
    margin-bottom:var(--kc-inside-gap) !important;
  }

  #mini-price .mini-price-action,
  .mini-price-section .mini-price-action {
    margin-top:32px !important;
  }

  /* Процесс: внешний margin убираем, сам блок стоит в потоке */
  #process .process {
    margin:0 !important;
  }

  /* По России и полный прайс тоже в одном шаге */
  #remote .remote-card,
  .remote-section .remote-card,
  #price .price-shell,
  .price-section .price-shell {
    margin:0 !important;
  }

  @media (max-width:1050px) {
    #portfolio,
    .container.portfolio-section,
    .portfolio-section {
      padding-top:72px !important;
    }

    #portfolio + #mini-price,
    #mini-price + #process,
    #process + #remote,
    #remote + #price {
      margin-top:72px !important;
    }
  }

  @media (max-width:800px) {
    #portfolio,
    #mini-price,
    #process,
    #remote,
    #price {
      scroll-margin-top:82px !important;
    }

    #portfolio,
    .container.portfolio-section,
    .portfolio-section {
      padding-top:var(--kc-section-gap-mobile) !important;
    }

    #portfolio + #mini-price,
    #mini-price + #process,
    #process + #remote,
    #remote + #price {
      margin-top:var(--kc-section-gap-mobile) !important;
    }

    #portfolio > .section-head,
    .container.portfolio-section > .section-head,
    .portfolio-section > .section-head,
    #mini-price .mini-price-head,
    .mini-price-section .mini-price-head {
      margin-bottom:var(--kc-inside-gap-mobile) !important;
    }

    #portfolio > .tabs,
    .container.portfolio-section > .tabs,
    .portfolio-section > .tabs {
      margin-bottom:var(--kc-inside-gap-mobile) !important;
      padding-bottom:8px !important;
    }

    #mini-price .mini-price-action,
    .mini-price-section .mini-price-action {
      margin-top:24px !important;
    }
  }

/* === style block 24 === */
/* v104: hard unified section spacing */

  /*
    Единый ритм:
    - desktop: 96px между секциями
    - внутри секции: 42px между заголовком/фильтрами/контентом
    - mobile: 56px между секциями
  */

  /* Портфолио */
  #portfolio,
  .container.portfolio-section,
  .portfolio-section {
    padding-top:96px !important;
    padding-bottom:96px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    overflow:visible !important;
  }

  #portfolio > .section-head,
  .container.portfolio-section > .section-head,
  .portfolio-section > .section-head {
    margin:0 0 42px 0 !important;
  }

  #portfolio > .tabs,
  .container.portfolio-section > .tabs,
  .portfolio-section > .tabs {
    position:relative !important;
    top:auto !important;
    z-index:10 !important;
    transform:none !important;
    margin:0 0 42px 0 !important;
    padding:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }

  #portfolio > .portfolio-grid,
  .container.portfolio-section > .portfolio-grid,
  .portfolio-section > .portfolio-grid {
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  /* Мини-прайс */
  #mini-price,
  .mini-price-section {
    padding-top:96px !important;
    padding-bottom:96px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  #mini-price .mini-price-head,
  .mini-price-section .mini-price-head {
    margin:0 0 42px 0 !important;
  }

  #mini-price .mini-price-grid,
  .mini-price-section .mini-price-grid {
    margin:0 !important;
  }

  #mini-price .mini-price-action,
  .mini-price-section .mini-price-action {
    margin-top:32px !important;
  }

  /* Процесс */
  #process {
    padding-top:96px !important;
    padding-bottom:96px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  #process .process {
    margin:0 !important;
  }

  /* РџРѕ Р РѕСЃСЃРёРё */
  #remote,
  .remote-section {
    padding-top:96px !important;
    padding-bottom:96px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  #remote .remote-card,
  .remote-section .remote-card {
    margin:0 !important;
  }

  /* Полный прайс */
  #price,
  .price-section {
    padding-top:96px !important;
    padding-bottom:96px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  #price .price-shell,
  .price-section .price-shell {
    margin:0 !important;
  }

  /* Убираем лишние нижние отступы у последнего блока внутри портфолио */
  #portfolio .portfolio-grid {
    margin-bottom:0 !important;
  }

  @media (max-width:1050px) {
    #portfolio,
    .container.portfolio-section,
    .portfolio-section,
    #mini-price,
    .mini-price-section,
    #process,
    #remote,
    .remote-section,
    #price,
    .price-section {
      padding-top:72px !important;
      padding-bottom:72px !important;
    }

    #portfolio > .section-head,
    .container.portfolio-section > .section-head,
    .portfolio-section > .section-head,
    #portfolio > .tabs,
    .container.portfolio-section > .tabs,
    .portfolio-section > .tabs,
    #mini-price .mini-price-head,
    .mini-price-section .mini-price-head {
      margin-bottom:34px !important;
    }
  }

  @media (max-width:800px) {
    #portfolio,
    .container.portfolio-section,
    .portfolio-section,
    #mini-price,
    .mini-price-section,
    #process,
    #remote,
    .remote-section,
    #price,
    .price-section {
      padding-top:56px !important;
      padding-bottom:56px !important;
    }

    #portfolio > .section-head,
    .container.portfolio-section > .section-head,
    .portfolio-section > .section-head,
    #portfolio > .tabs,
    .container.portfolio-section > .tabs,
    .portfolio-section > .tabs,
    #mini-price .mini-price-head,
    .mini-price-section .mini-price-head {
      margin-bottom:28px !important;
    }
  }

/* === style block 25 === */
/* v105: compact footer */
  footer {
    padding:14px 24px !important;
    min-height:auto !important;
    line-height:1.25 !important;
    font-size:.76rem !important;
  }

  footer p,
  footer small,
  footer div {
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  @media (max-width:800px) {
    footer {
      padding:12px 18px !important;
      font-size:.72rem !important;
    }
  }

/* === style block 26 id="site-polish-v1" === */
/* Final polish layer: spacing, type rhythm, footer */
    :root {
      --page-pad:clamp(18px, 4vw, 56px);
      --section-y:clamp(52px, 7vw, 96px);
      --section-y-tight:clamp(36px, 5vw, 68px);
      --radius-lg:28px;
      --radius-md:18px;
      --text-soft:#3f3f3f;
      --footer-bg:#111111;
      --footer-muted:rgba(255,255,255,.66);
    }

    html {
      text-rendering:optimizeLegibility;
      -webkit-font-smoothing:antialiased;
    }

    body,
    button,
    input,
    select,
    textarea {
      font-family:'Raleway', Arial, sans-serif !important;
    }

    body {
      line-height:1.55 !important;
    }

    .container,
    .advantages,
    .advantages-mosaic,
    .mini-price-section,
    .price-section,
    .remote-section {
      max-width:1240px !important;
      padding-left:var(--page-pad) !important;
      padding-right:var(--page-pad) !important;
    }

    h1,
    h2,
    h3,
    h4,
    p,
    a,
    button,
    small,
    span,
    strong,
    em,
    .brand,
    .nav-links a,
    .badge,
    .tab,
    .price-tab,
    .calc-label {
      letter-spacing:0 !important;
    }

    h1,
    h2,
    h3,
    h4 {
      text-wrap:balance;
    }

    p,
    .section-head p,
    .hero p,
    .advantage-card p,
    .mini-price-card p,
    .price-row p,
    .remote-copy p,
    .free-trial p,
    .contact p {
      color:var(--text-soft) !important;
      line-height:1.62 !important;
    }

    .hero {
      gap:clamp(42px, 7vw, 96px) !important;
      padding-top:clamp(56px, 8vw, 92px) !important;
      padding-bottom:clamp(46px, 7vw, 76px) !important;
    }

    .hero-content h1 {
      line-height:1.02 !important;
      margin:16px 0 24px !important;
    }

    .hero-actions,
    .hero-trust {
      margin-top:24px !important;
    }

    .stats,
    .advantages,
    .process,
    .remote-section,
    .mini-price-section,
    .price-section,
    .contact {
      margin-top:var(--section-y-tight) !important;
      margin-bottom:var(--section-y-tight) !important;
    }

    #portfolio,
    #process,
    #mini-price,
    #price,
    .remote-section {
      padding-top:var(--section-y) !important;
      padding-bottom:var(--section-y) !important;
      scroll-margin-top:96px !important;
    }

    .section-head,
    .mini-price-head,
    .price-top {
      gap:24px !important;
      margin-bottom:30px !important;
      align-items:flex-end !important;
    }

    .section-head h2,
    .mini-price-head h2,
    .price-top h2,
    .process h2,
    .remote-copy h2,
    .contact h2 {
      line-height:1.04 !important;
      margin-bottom:14px !important;
    }

    .tabs,
    .price-tabs {
      gap:8px !important;
    }

    .tab,
    .price-tab,
    .btn,
    .nav-links a {
      min-height:42px !important;
      border-radius:999px !important;
      white-space:nowrap !important;
    }

    .portfolio-grid,
    .mini-price-grid,
    .process-steps {
      gap:clamp(16px, 2vw, 24px) !important;
    }

    .portfolio-card,
    .portfolio-media,
    .mini-price-card,
    .remote-card,
    .calc-card,
    .step,
    .free-trial,
    .process {
      border-radius:var(--radius-lg) !important;
    }

    .portfolio-card,
    .mini-price-card,
    .remote-card,
    .calc-card,
    .advantage-card {
      box-shadow:0 22px 52px -42px rgba(17,17,17,.38) !important;
    }

    .free-trial {
      margin-top:var(--section-y-tight) !important;
      margin-bottom:0 !important;
      background:#ffffff !important;
      border:1px solid rgba(17,17,17,.07) !important;
      box-shadow:0 22px 52px -44px rgba(17,17,17,.34) !important;
    }

    .contact {
      padding-top:var(--section-y-tight) !important;
      padding-bottom:var(--section-y-tight) !important;
    }

    .site-footer {
      margin-top:0 !important;
      padding:0 !important;
      border:0 !important;
      background:var(--footer-bg) !important;
      color:#fff !important;
      text-align:left !important;
      font-size:1rem !important;
    }

    .footer-inner {
      width:min(1240px, calc(100% - var(--page-pad) * 2));
      margin:0 auto;
      padding:42px 0 34px;
      display:grid;
      grid-template-columns:minmax(280px, 1.1fr) minmax(220px, .8fr) auto;
      gap:32px;
      align-items:start;
    }

    .footer-brand {
      display:grid;
      gap:8px;
      width:max-content;
      max-width:100%;
    }

    .footer-brand span {
      font-size:1.08rem;
      font-weight:850;
      text-transform:uppercase;
    }

    .footer-brand small,
    .footer-copy,
    .footer-bottom,
    .footer-nav a {
      color:var(--footer-muted) !important;
    }

    .footer-copy {
      max-width:460px;
      margin-top:18px;
      font-size:.96rem;
      line-height:1.65;
    }

    .footer-nav {
      display:grid;
      gap:10px;
    }

    .footer-nav a {
      width:max-content;
      padding:2px 0;
      font-weight:700;
      transition:color .22s var(--ease), transform .22s var(--ease);
    }

    .footer-nav a:hover {
      color:#fff !important;
      transform:translateX(3px);
    }

    .footer-actions {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      justify-content:flex-end;
    }

    .footer-contact {
      display:grid;
      gap:14px;
      justify-self:end;
      width:min(100%, 300px);
    }

    .footer-contact-head {
      display:grid;
      gap:5px;
      text-align:left;
    }

    .footer-contact-head span {
      color:#fff;
      font-size:1rem;
      font-weight:850;
      text-transform:uppercase;
      letter-spacing:.02em;
    }

    .footer-contact-head small {
      color:var(--footer-muted);
      font-size:.86rem;
      line-height:1.45;
    }

    .footer-contact-actions {
      display:grid;
      width:100%;
      gap:10px !important;
    }

    .footer-contact-actions .scrapbook-contact-button {
      width:100% !important;
    }

    .footer-contact-actions button {
      border:0;
      font-family:inherit;
      cursor:pointer;
    }

    .footer-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:42px;
      padding:11px 16px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(255,255,255,.08);
      color:#fff !important;
      font-size:.92rem;
      font-weight:800;
      transition:background .22s var(--ease), border-color .22s var(--ease), transform .22s var(--ease);
    }

    .footer-btn:hover {
      transform:translateY(-2px);
      background:var(--accent);
      border-color:var(--accent);
    }

    .footer-bottom {
      grid-column:1 / -1;
      display:flex;
      justify-content:space-between;
      gap:18px;
      padding-top:24px;
      border-top:1px solid rgba(255,255,255,.12);
      font-size:.86rem;
    }

    .footer-legal {
      grid-column:1 / -1;
      display:flex;
      flex-wrap:wrap;
      gap:10px 22px;
      margin-top:-8px;
      font-size:.82rem;
    }

    .footer-legal a {
      color:var(--footer-muted) !important;
      border-bottom:1px solid rgba(255,255,255,.22);
      transition:color .22s ease, border-color .22s ease;
    }

    .footer-legal a:hover {
      color:#fff !important;
      border-color:#fff;
    }

    @media (max-width:1050px) {
      .nav {
        gap:14px !important;
      }

      .hero {
        gap:30px !important;
      }

      .section-head,
      .mini-price-head,
      .price-top {
        align-items:flex-start !important;
      }

      .footer-inner {
        grid-template-columns:1fr 1fr;
      }

      .footer-actions {
        justify-content:flex-start;
      }

      .footer-contact {
        justify-self:start;
        width:min(100%, 320px);
      }

      .footer-contact-actions {
        justify-self:start;
      }
    }

    @media (max-width:720px) {
      :root {
        --page-pad:18px;
        --section-y:54px;
        --section-y-tight:34px;
      }

      .container,
      .advantages,
      .advantages-mosaic,
      .mini-price-section,
      .price-section,
      .remote-section {
        padding-left:var(--page-pad) !important;
        padding-right:var(--page-pad) !important;
      }

      .hero-content h1 {
        font-size:clamp(2.55rem, 16vw, 4.3rem) !important;
        line-height:1.02 !important;
      }

      .stats,
      .process,
      .free-trial,
      .price-shell {
        border-radius:24px !important;
      }

      .tab,
      .price-tab {
        min-height:38px !important;
        padding:9px 12px !important;
      }

      .footer-inner {
        width:calc(100% - var(--page-pad) * 2);
        grid-template-columns:1fr;
        gap:24px;
        padding:34px 0 28px;
      }

      .footer-bottom {
        flex-direction:column;
        gap:8px;
      }

      .footer-contact {
        justify-self:start;
        width:100%;
      }
    }

/* === style block 27 id="site-gap-fix-v1" === */
/* Desktop fix: remove the sticky intro tail before portfolio. */
    @media (min-width:1051px) {
      .intro-horizontal {
        height:118vh !important;
        margin-bottom:0 !important;
      }

      .intro-panel-advantages {
        align-items:flex-start !important;
        padding-top:clamp(28px, 3.8vw, 48px) !important;
        padding-bottom:18px !important;
      }

      .intro-panel-advantages .container,
      .intro-panel-advantages .advantages-mosaic {
        align-self:flex-start !important;
      }

      #portfolio,
      .container.portfolio-section,
      .portfolio-section {
        padding-top:clamp(28px, 3vw, 44px) !important;
      }
    }

    @media (min-width:1051px) and (min-height:900px) {
      .intro-horizontal {
        height:112vh !important;
      }
    }

    @media (min-width:1600px) and (min-height:850px) {
      .intro-horizontal {
        height:110vh !important;
      }

      #portfolio,
      .container.portfolio-section,
      .portfolio-section {
        padding-top:32px !important;
      }
    }

    @media (max-width:1050px) {
      #portfolio,
      .container.portfolio-section,
      .portfolio-section {
        padding-top:42px !important;
      }
    }

    @media (max-width:800px) {
      #portfolio,
      .container.portfolio-section,
      .portfolio-section {
        padding-top:32px !important;
      }
    }

/* === style block 28 id="site-footer-canvas-fix-v1" === */
/* Make the footer the real end of the document. */
    html,
    body {
      min-height:0 !important;
      background:#111 !important;
    }

    main {
      background:#f5f2ed !important;
      margin-bottom:0 !important;
      padding-bottom:0 !important;
    }

    .site-footer {
      margin:0 !important;
      padding:0 !important;
      border:0 !important;
      background:#111 !important;
      min-height:auto !important;
      height:auto !important;
      max-height:none !important;
    }

    .footer-inner {
      padding-top:36px !important;
      padding-bottom:28px !important;
    }

    body > .slideshow:not(.open),
    body > .slideshow[aria-hidden="true"] {
      display:none !important;
      position:fixed !important;
      inset:0 !important;
      width:0 !important;
      height:0 !important;
      min-height:0 !important;
      max-height:0 !important;
      overflow:hidden !important;
      padding:0 !important;
      margin:0 !important;
    }

    body::after,
    main::after,
    .site-footer::after {
      content:none !important;
      display:none !important;
    }
    #price[hidden],
    .price-section[hidden],
    #price.price-collapsed,
    .price-section.price-collapsed {
      display:none !important;
      padding-top:0 !important;
      padding-bottom:0 !important;
      margin-top:0 !important;
      margin-bottom:0 !important;
      max-height:0 !important;
      overflow:hidden !important;
    }

    #price.price-open,
    .price-section.price-open {
      display:block !important;
    }
/* v95: keep hero headline out of portfolio preview on desktop */
@media (min-width:1051px) {
  .hero {
    grid-template-columns:minmax(0, 0.82fr) minmax(520px, 1fr) !important;
    column-gap:clamp(78px, 6vw, 120px) !important;
    align-items:center !important;
  }

  .hero-content {
    min-width:0 !important;
    max-width:620px !important;
    position:relative !important;
    z-index:2 !important;
  }

  .hero-content h1 {
    max-width:8.9ch !important;
    font-size:clamp(4.45rem, 5.35vw, 6.15rem) !important;
    line-height:1.04 !important;
    letter-spacing:0 !important;
    overflow-wrap:normal !important;
  }

  .hero-content h1 span {
    display:block !important;
    margin-top:12px !important;
  }

  .hero-works,
  .hero-works.hero-works-clean-grid {
    min-width:0 !important;
    margin-left:0 !important;
    transform:translateY(8px) !important;
    position:relative !important;
    z-index:1 !important;
  }
}

@media (min-width:1051px) and (max-width:1500px) {
  .hero {
    grid-template-columns:minmax(0, 0.9fr) minmax(480px, 1fr) !important;
    column-gap:64px !important;
  }

  .hero-content h1 {
    font-size:clamp(3.5rem, 5vw, 5.2rem) !important;
    max-width:9ch !important;
  }
}
/* v96: wide desktop hero clearance */
@media (min-width:1600px) {
  .hero {
    grid-template-columns:minmax(0, 560px) minmax(600px, 1fr) !important;
    column-gap:64px !important;
  }

  .hero-content {
    max-width:560px !important;
  }

  .hero-content h1 {
    font-size:clamp(4.55rem, 4.85vw, 5.55rem) !important;
    line-height:1.04 !important;
  }

  .hero-works,
  .hero-works.hero-works-clean-grid {
    transform:translate(132px, 8px) !important;
  }
}

@media (min-width:1600px) and (max-width:1780px) {
  .hero-works,
  .hero-works.hero-works-clean-grid {
    transform:translate(92px, 8px) !important;
  }
}
/* v97: remove extra process backing canvas */
#process {
  background:transparent !important;
  background-image:none !important;
  padding-top:clamp(44px, 5vw, 72px) !important;
  padding-bottom:clamp(44px, 5vw, 72px) !important;
}

#process::before,
#process::after {
  content:none !important;
  display:none !important;
  background:none !important;
}

#process .process {
  margin-top:0 !important;
  margin-bottom:0 !important;
}
/* v98: remove process side backing panels */
#process,
.container#process {
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  clip-path:none !important;
  overflow:visible !important;
}

#process::before,
#process::after,
.container#process::before,
.container#process::after {
  content:none !important;
  display:none !important;
  box-shadow:none !important;
  background:none !important;
}

#process .process {
  background:#111 !important;
  box-shadow:none !important;
}
/* v99: unified vertical rhythm */
:root {
  --kc-rhythm-section:72px;
  --kc-rhythm-section-lg:84px;
  --kc-rhythm-inner:32px;
  --kc-rhythm-mobile:48px;
}

@media (min-width:1051px) {
  .intro-horizontal {
    height:auto !important;
    min-height:auto !important;
    margin-bottom:0 !important;
  }

  .intro-sticky {
    position:relative !important;
    top:auto !important;
    height:auto !important;
    min-height:auto !important;
  }

  .intro-track {
    height:auto !important;
    min-height:auto !important;
  }

  .intro-panel {
    min-height:auto !important;
  }

  .intro-panel-advantages {
    padding-bottom:var(--kc-rhythm-section) !important;
  }

  #portfolio,
  .container.portfolio-section,
  .portfolio-section,
  #mini-price,
  .mini-price-section,
  #process,
  #remote,
  .remote-section {
    padding-top:var(--kc-rhythm-section) !important;
    padding-bottom:var(--kc-rhythm-section) !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    scroll-margin-top:96px !important;
  }

  #portfolio {
    padding-top:var(--kc-rhythm-lg, var(--kc-rhythm-section-lg)) !important;
  }

  #portfolio > .section-head,
  .container.portfolio-section > .section-head,
  .portfolio-section > .section-head,
  #portfolio > .tabs,
  .container.portfolio-section > .tabs,
  .portfolio-section > .tabs,
  #mini-price .mini-price-head,
  .mini-price-section .mini-price-head,
  .section-head,
  .mini-price-head,
  .price-top {
    margin-bottom:var(--kc-rhythm-inner) !important;
  }

  #portfolio > .portfolio-grid,
  .container.portfolio-section > .portfolio-grid,
  .portfolio-section > .portfolio-grid,
  #mini-price .mini-price-grid,
  .mini-price-section .mini-price-grid,
  .process-steps {
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  #mini-price .mini-price-action,
  .mini-price-section .mini-price-action {
    margin-top:var(--kc-rhythm-inner) !important;
  }

  #process .process {
    margin:0 auto !important;
  }
}

@media (max-width:1050px) {
  #portfolio,
  .container.portfolio-section,
  .portfolio-section,
  #mini-price,
  .mini-price-section,
  #process,
  #remote,
  .remote-section {
    padding-top:var(--kc-rhythm-mobile) !important;
    padding-bottom:var(--kc-rhythm-mobile) !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}
/* v100: content-sized hero and consistent section breathing */
@media (min-width:1051px) {
  .hero {
    min-height:auto !important;
    padding-top:clamp(76px, 7vw, 108px) !important;
    padding-bottom:76px !important;
  }

  .intro-panel-hero {
    padding-bottom:0 !important;
  }

  .intro-panel-advantages {
    padding-top:76px !important;
    padding-bottom:76px !important;
  }

  .advantages-mosaic,
  .intro-panel-advantages .container {
    margin-bottom:0 !important;
  }

  #portfolio,
  .container.portfolio-section,
  .portfolio-section {
    padding-top:76px !important;
    padding-bottom:76px !important;
  }

  #mini-price,
  .mini-price-section,
  #process,
  #remote,
  .remote-section {
    padding-top:76px !important;
    padding-bottom:76px !important;
  }

  #portfolio + #mini-price,
  #mini-price + #process,
  #process + #remote,
  #remote + #price {
    margin-top:0 !important;
  }
}

@media (min-width:1600px) {
  .hero,
  .intro-panel-advantages,
  #portfolio,
  .container.portfolio-section,
  .portfolio-section,
  #mini-price,
  .mini-price-section,
  #process,
  #remote,
  .remote-section {
    padding-top:82px !important;
    padding-bottom:82px !important;
  }

  .intro-panel-hero {
    padding-bottom:0 !important;
  }
}
/* v101: restore compact sticky intro rhythm */
@media (min-width:1051px) {
  .intro-horizontal {
    height:104vh !important;
    min-height:760px !important;
    margin-bottom:0 !important;
  }

  .intro-sticky {
    position:sticky !important;
    top:74px !important;
    height:calc(100vh - 74px) !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .intro-track {
    height:100% !important;
    min-height:0 !important;
    width:300vw !important;
    display:grid !important;
    grid-template-columns:100vw 100vw 100vw !important;
    transform:translate3d(calc(var(--intro-progress, 0) * -200vw), 0, 0) !important;
  }

  .intro-panel {
    width:100vw !important;
    height:100% !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
  }

  .intro-panel-hero,
  .intro-panel-advantages {
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}
/* v102: lower the second horizontal intro panel */
@media (min-width:1051px) {
  .intro-panel-advantages > .container {
    transform:translateY(clamp(28px, 5vh, 58px)) !important;
  }
}

@media (min-width:1600px) and (min-height:850px) {
  .intro-panel-advantages > .container {
    transform:translateY(64px) !important;
  }
}
/* v103: give the horizontal intro enough pinned scroll time */
@media (min-width:1051px) {
  .intro-horizontal {
    height:156vh !important;
    min-height:1120px !important;
    margin-bottom:0 !important;
  }

  .intro-sticky {
    position:sticky !important;
    top:74px !important;
    height:calc(100vh - 74px) !important;
    overflow:hidden !important;
  }

  .intro-track {
    height:100% !important;
    width:300vw !important;
    grid-template-columns:100vw 100vw 100vw !important;
    transform:translate3d(calc(var(--intro-progress, 0) * -200vw), 0, 0) !important;
  }

  .intro-panel {
    height:100% !important;
    align-items:center !important;
  }

  .intro-panel-advantages > .container {
    transform:translateY(18px) !important;
  }
}

@media (min-width:1600px) and (min-height:850px) {
  .intro-horizontal {
    height:150vh !important;
    min-height:1040px !important;
  }

  .intro-panel-advantages > .container {
    transform:translateY(24px) !important;
  }
}
/* v104: compact horizontal intro exit */
@media (min-width:1051px) {
  .intro-horizontal {
    height:128vh !important;
    min-height:920px !important;
    margin-bottom:0 !important;
  }

  .intro-panel-advantages > .container {
    transform:translateY(0) !important;
  }

  #portfolio,
  .container.portfolio-section,
  .portfolio-section {
    padding-top:64px !important;
  }
}

@media (min-width:1600px) and (min-height:850px) {
  .intro-horizontal {
    height:126vh !important;
    min-height:900px !important;
  }
}
/* v105: balanced horizontal intro proportions */
@media (min-width:1051px) {
  .intro-horizontal {
    height:142vh !important;
    min-height:1010px !important;
    margin-bottom:0 !important;
  }

  .intro-sticky {
    position:sticky !important;
    top:74px !important;
    height:calc(100vh - 74px) !important;
    overflow:hidden !important;
  }

  .intro-panel {
    height:100% !important;
    align-items:center !important;
  }

  .intro-panel-advantages > .container {
    transform:translateY(12px) !important;
  }
}

@media (min-width:1600px) and (min-height:850px) {
  .intro-horizontal {
    height:140vh !important;
    min-height:980px !important;
  }

  .intro-panel-advantages > .container {
    transform:translateY(16px) !important;
  }
}
/* v106: calm horizontal intro scroll sensitivity */
@media (min-width:1051px) {
  .intro-horizontal {
    height:220vh !important;
    min-height:1560px !important;
    margin-bottom:0 !important;
  }

  .intro-sticky {
    position:sticky !important;
    top:74px !important;
    height:calc(100vh - 74px) !important;
    overflow:hidden !important;
  }

  .intro-track {
    height:100% !important;
    width:300vw !important;
    grid-template-columns:100vw 100vw 100vw !important;
    transform:translate3d(calc(var(--intro-progress, 0) * -200vw), 0, 0) !important;
  }

  .intro-panel {
    height:100% !important;
    align-items:center !important;
  }

  .intro-panel-advantages > .container {
    transform:translateY(10px) !important;
  }
}

@media (min-width:1600px) and (min-height:850px) {
  .intro-horizontal {
    height:210vh !important;
    min-height:1480px !important;
  }
}
/* v107: replace fragile horizontal intro with vertical story */
@media (min-width:1051px) {
  .intro-horizontal {
    height:auto !important;
    min-height:0 !important;
    margin-bottom:0 !important;
    overflow:visible !important;
  }

  .intro-sticky {
    position:relative !important;
    top:auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  .intro-track {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    transform:none !important;
    will-change:auto !important;
  }

  .intro-panel {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    display:block !important;
    overflow:visible !important;
  }

  .intro-panel-hero {
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .intro-panel-advantages {
    padding-top:72px !important;
    padding-bottom:72px !important;
    background:transparent !important;
    background-image:none !important;
  }

  .intro-panel-advantages > .container {
    transform:none !important;
  }

  .intro-panel-advantages .advantages-mosaic,
  .intro-panel-advantages .mosaic-board {
    transform:none !important;
    margin:0 auto !important;
  }

  .intro-panel-advantages .mosaic-tile,
  .intro-panel-advantages .advantage-card,
  .intro-panel-advantages .advantages-head {
    opacity:1 !important;
    transform:none !important;
  }

  .intro-progress {
    display:none !important;
  }

  #portfolio,
  .container.portfolio-section,
  .portfolio-section {
    padding-top:72px !important;
  }
}

@media (min-width:1600px) and (min-height:850px) {
  .intro-panel-advantages {
    padding-top:82px !important;
    padding-bottom:82px !important;
  }
}
/* v108: alternating beige grid / white section bands */
:root {
  --kc-band-grid:#f5f2ed;
  --kc-band-white:#ffffff;
  --kc-grid-line:rgba(17,17,17,.045);
  --kc-grid-pattern:
    linear-gradient(var(--kc-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--kc-grid-line) 1px, transparent 1px);
}

html,
body {
  background:#ffffff !important;
  background-image:none !important;
}

main {
  background:#ffffff !important;
  background-image:none !important;
}

.intro-panel-hero,
#portfolio,
.container.portfolio-section,
.portfolio-section,
#process,
#price.price-open {
  background-color:var(--kc-band-grid) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  box-shadow:0 0 0 100vmax var(--kc-band-grid) !important;
  clip-path:inset(0 -100vmax) !important;
}

.intro-panel-advantages,
#mini-price,
.mini-price-section,
#remote,
.remote-section {
  background-color:var(--kc-band-white) !important;
  background-image:none !important;
  box-shadow:0 0 0 100vmax var(--kc-band-white) !important;
  clip-path:inset(0 -100vmax) !important;
}

.intro-horizontal,
.intro-sticky,
.intro-track,
.intro-panel,
.intro-panel-hero > .container,
.intro-panel-hero .hero,
.intro-panel-advantages > .container,
.intro-panel-advantages .advantages-mosaic,
.intro-panel-advantages .mosaic-board {
  background-color:transparent !important;
  background-image:none !important;
}

.intro-horizontal::before,
.intro-horizontal::after,
.intro-panel-hero::before,
.intro-panel-hero::after,
.intro-panel-advantages::before,
.intro-panel-advantages::after,
#portfolio::before,
#portfolio::after,
#mini-price::before,
#mini-price::after,
#process::before,
#process::after,
#remote::before,
#remote::after,
.remote-section::before,
.remote-section::after,
#price::before,
#price::after {
  content:none !important;
  display:none !important;
}

#portfolio .tabs {
  background:linear-gradient(180deg, rgba(245,242,237,.96), rgba(245,242,237,.72) 74%, rgba(245,242,237,0)) !important;
}

#process .process {
  background:#111 !important;
  background-image:none !important;
  box-shadow:0 24px 70px -48px rgba(17,17,17,.72) !important;
  clip-path:none !important;
}

.site-footer {
  box-shadow:0 0 0 100vmax #111 !important;
  clip-path:inset(0 -100vmax) !important;
}
/* v109: keep first hero band beige grid */
.intro-panel-hero {
  background-color:var(--kc-band-grid) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  box-shadow:0 0 0 100vmax var(--kc-band-grid) !important;
  clip-path:inset(0 -100vmax) !important;
}

.intro-panel-hero > .container,
.intro-panel-hero .hero,
.intro-panel-hero .hero-content,
.intro-panel-hero .hero-works {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  clip-path:none !important;
}
/* v110: align advantages block to the same site grid as hero */
@media (min-width:1051px) {
  .intro-panel-advantages {
    padding-top:82px !important;
    padding-bottom:82px !important;
  }

  .intro-panel-advantages > .container {
    width:min(1240px, calc(100% - var(--page-pad) * 2)) !important;
    max-width:1240px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    transform:none !important;
  }

  .intro-panel-advantages .advantages-mosaic,
  .intro-panel-advantages .mosaic-board {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
}

@media (max-width:1050px) {
  .intro-panel-advantages > .container {
    width:calc(100% - var(--page-pad) * 2) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
/* v111: optical align advantages with shifted hero composition */
@media (min-width:1400px) {
  .intro-panel-advantages > .container {
    transform:translateX(clamp(32px, 3vw, 56px)) !important;
  }
}
/* v112: simplify advantages mosaic after removing filler cards */
@media (min-width:1051px) {
  .intro-panel-advantages .mosaic-board {
    grid-template-columns:1.25fr .75fr .8fr 1fr !important;
    grid-auto-rows:132px !important;
    min-height:414px !important;
  }

  .intro-panel-advantages .tile-wide {
    grid-column:1 / span 4 !important;
    grid-row:3 / span 1 !important;
    padding-left:clamp(28px, 3vw, 48px) !important;
    padding-right:clamp(28px, 3vw, 48px) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }

  .intro-panel-advantages .tile-wide p {
    max-width:760px !important;
  }
}
/* v113: stable clean three-column advantages layout */
@media (min-width:1051px) {
  .intro-panel-advantages .mosaic-board {
    display:grid !important;
    grid-template-columns:minmax(0, 1.45fr) minmax(220px, .75fr) minmax(260px, .9fr) !important;
    grid-template-rows:160px 160px 132px !important;
    grid-auto-rows:unset !important;
    gap:18px !important;
    min-height:488px !important;
  }

  .intro-panel-advantages .tile-title {
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
  }

  .intro-panel-advantages .tile-accent {
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .intro-panel-advantages .tile-light {
    grid-column:2 !important;
    grid-row:2 !important;
  }

  .intro-panel-advantages .tile-dark {
    grid-column:3 !important;
    grid-row:1 / span 2 !important;
  }

  .intro-panel-advantages .tile-mini {
    grid-column:3 !important;
    grid-row:2 !important;
    align-self:end !important;
    z-index:2 !important;
  }

  .intro-panel-advantages .tile-wide {
    grid-column:1 / span 3 !important;
    grid-row:3 !important;
  }
}
/* v114: give the remaining advantage cards comfortable text space */
@media (min-width:1051px) {
  .intro-panel-advantages .mosaic-board {
    grid-template-rows:210px 150px 132px !important;
    min-height:528px !important;
  }

  .intro-panel-advantages .tile-accent {
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    padding:26px !important;
    overflow:hidden !important;
  }

  .intro-panel-advantages .tile-accent p {
    margin-top:12px !important;
  }
}
/* v115: subtle semantic icons for advantage cards */
.intro-panel-advantages .mosaic-tile {
  position:relative !important;
}

.intro-panel-advantages .adv-icon {
  position:absolute;
  top:20px;
  right:20px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#111;
  opacity:.16;
  pointer-events:none;
}

.intro-panel-advantages .adv-icon svg {
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.intro-panel-advantages .tile-accent .adv-icon {
  color:#111;
  opacity:.22;
}

.intro-panel-advantages .tile-dark .adv-icon,
.intro-panel-advantages .tile-mini .adv-icon {
  color:#fff;
  opacity:.22;
}

.intro-panel-advantages .tile-wide .adv-icon {
  top:50%;
  right:30px;
  width:42px;
  height:42px;
  transform:translateY(-50%);
  opacity:.12;
}

@media (max-width:1050px) {
  .intro-panel-advantages .adv-icon {
    top:16px;
    right:16px;
    width:30px;
    height:30px;
  }
}
/* v116: editorial advantages inspired by a table-of-contents layout */
.intro-panel-advantages {
  background:#444 !important;
  box-shadow:0 0 0 100vmax #444 !important;
  clip-path:inset(0 -100vmax) !important;
  color:#f7f7f4;
}

.intro-panel-advantages > .container {
  transform:none !important;
}

.advantages-editorial {
  width:100%;
  padding:clamp(48px, 6vw, 86px) 0;
}

.advantages-editorial-top {
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(300px, .85fr);
  gap:clamp(50px, 8vw, 130px);
  align-items:start;
}

.editorial-kicker {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 16px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  color:#fff;
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
}

.advantages-editorial h2 {
  max-width:760px;
  margin:32px 0 0;
  color:#f7f7f4;
  font-size:clamp(3.8rem, 6.8vw, 7.4rem);
  line-height:.88;
  letter-spacing:0;
  text-transform:uppercase;
}

.advantages-editorial-top p {
  max-width:520px;
  margin:54px 0 0;
  color:rgba(255,255,255,.76);
  font-size:1.05rem;
  line-height:1.55;
}

.advantages-editorial-list {
  position:relative;
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:14px 18px;
  margin-top:clamp(54px, 7vw, 96px);
}

.editorial-pill {
  min-height:58px;
  padding:14px 24px;
  display:flex;
  align-items:center;
  gap:14px;
  border-radius:999px;
  color:#242424;
  font-size:clamp(.95rem, 1.2vw, 1.2rem);
  font-weight:700;
  box-shadow:0 12px 32px rgba(0,0,0,.12);
  transform:rotate(var(--pill-rotate, 0deg));
}

.editorial-pill span {
  opacity:.48;
  font-size:.72em;
  font-weight:900;
}

.pill-light { background:#f7f7f4; }
.pill-accent { background:#ff6842; color:#fff; }

.editorial-pill:nth-child(1) { grid-column:1 / span 4; --pill-rotate:-2deg; }
.editorial-pill:nth-child(2) { grid-column:5 / span 4; --pill-rotate:2deg; }
.editorial-pill:nth-child(3) { grid-column:8 / span 5; --pill-rotate:-1deg; }
.editorial-pill:nth-child(4) { grid-column:2 / span 5; --pill-rotate:1deg; }
.editorial-pill:nth-child(5) { grid-column:7 / span 4; --pill-rotate:-2deg; }
.editorial-pill:nth-child(6) { grid-column:4 / span 5; --pill-rotate:1.5deg; }

@media (max-width:1050px) {
  .advantages-editorial-top {
    grid-template-columns:1fr;
    gap:24px;
  }

  .advantages-editorial h2 {
    margin-top:24px;
    font-size:clamp(3rem, 12vw, 5.8rem);
  }

  .advantages-editorial-top p {
    margin-top:0;
  }

  .advantages-editorial-list {
    display:flex;
    flex-wrap:wrap;
    margin-top:44px;
  }

  .editorial-pill {
    flex:1 1 min(100%, 280px);
    transform:none;
  }
}
/* v117: balance editorial advantages typography and contrast */
.advantages-editorial h2 {
  max-width:720px !important;
  font-size:clamp(3.6rem, 5.2vw, 6rem) !important;
  line-height:.94 !important;
}

.advantages-editorial-top p {
  color:rgba(255,255,255,.78) !important;
  font-size:1.02rem !important;
  line-height:1.6 !important;
}

@media (min-width:1051px) {
  .advantages-editorial-top {
    grid-template-columns:minmax(0, 1.2fr) minmax(320px, .8fr) !important;
    align-items:center !important;
  }

  .advantages-editorial-top p {
    margin-top:34px !important;
  }
}
/* v118: white editorial band with draggable black and orange strips */
.intro-panel-advantages {
  background:#fff !important;
  box-shadow:0 0 0 100vmax #fff !important;
  color:#111 !important;
}

.editorial-kicker {
  border-color:rgba(17,17,17,.34) !important;
  color:#111 !important;
}

.advantages-editorial h2 {
  color:#111 !important;
}

.advantages-editorial-top p {
  color:rgba(17,17,17,.68) !important;
}

.editorial-pill {
  position:relative;
  z-index:1;
  color:#fff !important;
  background:#111 !important;
  border:1px solid rgba(17,17,17,.08);
  cursor:grab;
  user-select:none;
  touch-action:pan-y;
  will-change:transform;
  transform:translate3d(var(--drag-x, 0px), var(--drag-y, 0px), 0) rotate(var(--pill-rotate, 0deg)) !important;
  transition:box-shadow .2s ease, filter .2s ease;
}

.editorial-pill.pill-accent {
  background:#ff6842 !important;
  border-color:#ff6842;
}

.editorial-pill:hover {
  z-index:5;
  box-shadow:0 18px 42px rgba(0,0,0,.2);
}

.editorial-pill.is-dragging {
  z-index:20;
  cursor:grabbing;
  filter:brightness(1.04);
  box-shadow:0 24px 54px rgba(0,0,0,.25);
  transition:none;
}

.editorial-pill span {
  color:inherit;
  opacity:.62;
}

@media (max-width:1050px), (hover:none) {
  .editorial-pill {
    cursor:default;
    transform:none !important;
  }
}
/* v119: no visual jump when a draggable strip is grabbed */
.editorial-pill.is-dragging {
  filter:none !important;
  box-shadow:0 18px 42px rgba(0,0,0,.2) !important;
}
/* v120: narrower editorial advantages composition */
@media (min-width:1051px) {
  .intro-panel-advantages > .container {
    width:min(1080px, calc(100% - var(--page-pad) * 2)) !important;
    max-width:1080px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    transform:none !important;
  }

  .advantages-editorial-top {
    gap:clamp(44px, 6vw, 88px) !important;
  }

  .advantages-editorial h2 {
    font-size:clamp(3.5rem, 4.8vw, 5.45rem) !important;
  }
}
/* v121: restore width and reduce editorial section height */
@media (min-width:1051px) {
  .intro-panel-advantages {
    padding-top:38px !important;
    padding-bottom:38px !important;
  }

  .intro-panel-advantages > .container {
    width:min(1240px, calc(100% - var(--page-pad) * 2)) !important;
    max-width:1240px !important;
  }

  .advantages-editorial {
    padding:28px 0 24px !important;
  }

  .advantages-editorial-top {
    gap:clamp(50px, 8vw, 130px) !important;
  }

  .advantages-editorial h2 {
    margin-top:20px !important;
    font-size:clamp(3.6rem, 5.2vw, 6rem) !important;
    line-height:.9 !important;
  }

  .advantages-editorial-top p {
    margin-top:20px !important;
  }

  .advantages-editorial-list {
    margin-top:34px !important;
    gap:8px 16px !important;
  }

  .editorial-pill {
    min-height:52px !important;
    padding-top:11px !important;
    padding-bottom:11px !important;
  }
}

/* v122: task brief replaces the budget calculator */
.brief-card h3 { margin-bottom:8px; }
.brief-card .brief-intro { margin:0 0 18px; color:#555; }
.brief-card select,
.brief-card textarea { width:100%; border:1px solid #e6e6e6; background:#f7f8fa; border-radius:18px; padding:13px 14px; font:inherit; color:#111; outline:none; resize:vertical; }
.brief-card select:focus,
.brief-card textarea:focus { border-color:var(--accent); box-shadow:0 0 0 4px rgba(255,107,61,.10); }
.brief-note { display:grid; gap:4px; margin:20px 0; padding:17px 18px; border-radius:20px; background:#111; color:#fff; }
.brief-note strong { font-size:.94rem; }
.brief-note span { color:rgba(255,255,255,.66); font-size:.78rem; line-height:1.4; }
.brief-checklist { display:grid; gap:0; margin:20px 0 4px; padding:0; list-style:none; border-top:1px solid #ebe6e2; }
.brief-checklist li { display:grid; grid-template-columns:34px 1fr; gap:12px; padding:15px 0; border-bottom:1px solid #ebe6e2; }
.brief-checklist li > span { display:grid; place-items:center; align-self:start; width:30px; height:30px; border-radius:50%; background:#fff1eb; color:var(--accent); font-size:.65rem; font-weight:900; }
.brief-checklist strong { display:block; color:#222; font-size:.88rem; line-height:1.25; }
.brief-checklist p { margin:4px 0 0 !important; color:#777 !important; font-size:.76rem !important; line-height:1.45 !important; }
/* v123: three-column square portfolio grid */
#portfolio .portfolio-grid,
.container.portfolio-section .portfolio-grid,
.portfolio-section .portfolio-grid {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}
#portfolio .portfolio-card,
#portfolio .portfolio-media,
#portfolio .portfolio-media img,
.portfolio-section .portfolio-card,
.portfolio-section .portfolio-media,
.portfolio-section .portfolio-media img {
  min-height:0 !important;
  aspect-ratio:1 / 1;
}
#portfolio .portfolio-card,
.portfolio-section .portfolio-card {
  border-radius:20px !important;
}
@media (max-width:900px) {
  #portfolio .portfolio-grid,
  .container.portfolio-section .portfolio-grid,
  .portfolio-section .portfolio-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}
@media (max-width:540px) {
  #portfolio .portfolio-grid,
  .container.portfolio-section .portfolio-grid,
  .portfolio-section .portfolio-grid {
    grid-template-columns:1fr !important;
  }
}
/* v124: extend portfolio grid pattern across the viewport */
#portfolio,
.container.portfolio-section,
.portfolio-section {
  position:relative !important;
  isolation:isolate;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  clip-path:none !important;
}
#portfolio::before {
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:-1;
  inset:0 auto 0 50%;
  width:100vw;
  transform:translateX(-50%);
  background-color:var(--kc-band-grid) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  pointer-events:none;
}
/* v125: tidy hero proof cards and keep portfolio band above intro remnants */
@media (min-width:801px) {
  .hero-trust {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
    width:min(100%,620px) !important;
    max-width:620px !important;
  }
}
.trust-item {
  min-width:0 !important;
  border:0 !important;
  background:#f7f8fa !important;
  box-shadow:0 12px 28px -20px rgba(17,17,17,.38) !important;
}
#portfolio,
.container.portfolio-section,
.portfolio-section {
  z-index:30 !important;
}
#portfolio::before {
  z-index:-1 !important;
}
.intro-horizontal,
.intro-sticky,
.intro-track,
.intro-panel {
  z-index:1;
}
/* v126: clean borderless portfolio cards */
#portfolio .portfolio-card,
.portfolio-section .portfolio-card {
  border:0 !important;
  box-shadow:0 14px 32px -26px rgba(17,17,17,.42) !important;
}
#portfolio .portfolio-card:hover,
.portfolio-section .portfolio-card:hover {
  box-shadow:0 24px 42px -28px rgba(17,17,17,.48) !important;
}
/* v127: make the portfolio grid pattern a true full-width section layer */
#portfolio,
.container.portfolio-section,
.portfolio-section {
  position:relative !important;
  z-index:100 !important;
  isolation:isolate !important;
  overflow:visible !important;
  background:transparent !important;
}
#portfolio::before {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  top:0 !important;
  bottom:0 !important;
  left:calc(50% - 50vw) !important;
  width:100vw !important;
  transform:none !important;
  background-color:var(--kc-band-grid) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  pointer-events:none !important;
}
#portfolio > * {
  position:relative !important;
  z-index:1 !important;
}

/* v193: unify section typography with the home hero */
.section-head h2,
.mini-price-head h2,
#process .process h2,
.remote-copy h2,
#price .price-top h2,
.contact h2,
.scrapbook-main h2 {
  font-family:'Raleway',Arial,sans-serif !important;
  font-weight:900 !important;
  line-height:.92 !important;
  letter-spacing:-.065em !important;
  text-transform:uppercase !important;
}

.section-head p,
.mini-price-head p,
.mini-price-card p,
#process .step,
.remote-copy p,
.remote-point,
#price p,
.contact p,
.site-footer {
  font-family:'Raleway',Arial,sans-serif !important;
}

.mini-price-head .mini-price-accent {
  color:#ff6b3d !important;
}

.scrapbook-stock-link {
  color:#111 !important;
  font-weight:800 !important;
  text-decoration-color:#ff6b3d !important;
  text-decoration-thickness:2px !important;
  text-underline-offset:4px !important;
}

.scrapbook-stock-link:hover {
  color:#ff6b3d !important;
}

/* v194: center portfolio hover captions */
#portfolio .hover-layer {
  align-items:center !important;
  justify-content:center !important;
  padding:28px !important;
  text-align:center !important;
  background:rgba(17,17,17,.7) !important;
}

#portfolio .hover-layer > div {
  width:100%;
  max-width:320px;
}

#portfolio .hover-layer h3 {
  font-family:'Raleway',Arial,sans-serif !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  text-transform:uppercase !important;
}

#portfolio .hover-layer small {
  color:rgba(255,255,255,.88) !important;
  opacity:1 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.65);
}

#portfolio .hover-layer p {
  color:rgba(255,255,255,.82) !important;
  text-shadow:0 2px 12px rgba(0,0,0,.75);
}

#portfolio .hover-layer span {
  display:none !important;
}

/* v195: let the portfolio grid continue through card gaps */
#portfolio > .portfolio-grid,
#portfolio .portfolio-grid {
  column-gap:22px !important;
  row-gap:22px !important;
  background:transparent !important;
  background-image:none !important;
}

#portfolio .portfolio-card,
#portfolio .portfolio-media,
#portfolio .portfolio-media img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  margin:0 !important;
  vertical-align:top !important;
}

/* v196: remove the white rim around portfolio cards */
#portfolio .portfolio-card,
#portfolio .portfolio-media,
#portfolio .portfolio-media:focus,
#portfolio .portfolio-media:focus-visible {
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#portfolio .portfolio-card {
  overflow:hidden !important;
}

/* v197: keep the project viewer clean on narrow laptop/tablet widths */
@media (max-width:980px) {
  .slideshow.open {
    padding:10px !important;
    align-items:flex-start !important;
    overflow-y:auto !important;
  }

  .slideshow .slide-inner {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    grid-template-columns:1fr !important;
    border-radius:18px !important;
  }

  .slideshow .slide-image-wrap {
    width:100% !important;
    height:min(68vh,620px) !important;
    padding:12px !important;
  }

  .slideshow .slide-info {
    width:100% !important;
    height:auto !important;
    padding:26px 20px 20px !important;
    border-radius:0 0 18px 18px !important;
  }
}

@media (min-width:981px) {
  .slideshow .slide-info {
    border-radius:0 !important;
  }
}

/* v198: remove the pale rim inside the project viewer */
.slideshow .slide-inner,
.slideshow .slide-image-wrap,
.slideshow .slide-image {
  border:0 !important;
  outline:0 !important;
}

.slideshow .slide-image-wrap {
  padding:0 !important;
  background:#222 !important;
}

.slideshow .slide-image {
  border-radius:0 !important;
  box-shadow:none !important;
}
/* v128: ensure the full-width portfolio band sits above the old sticky intro */
.intro-horizontal,
.intro-sticky,
.intro-track,
.intro-panel,
.intro-panel-hero,
.intro-panel-advantages {
  z-index:0 !important;
}
#portfolio,
.container.portfolio-section,
.portfolio-section {
  z-index:100000 !important;
}
#portfolio::before {
  z-index:0 !important;
}
#portfolio > * {
  z-index:2 !important;
}
/* v129: remove the half-screen white overlay left by the old intro panels */
.intro-horizontal,
.intro-sticky,
.intro-track,
.intro-panel,
.intro-panel-hero,
.intro-panel-advantages,
.intro-panel-hero > .container,
.intro-panel-advantages > .container {
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  clip-path:none !important;
}
/* v130: fully retire the old horizontal intro mechanism */
.intro-horizontal {
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  overflow:visible !important;
}
.intro-sticky {
  position:relative !important;
  top:auto !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}
.intro-track {
  display:block !important;
  width:100% !important;
  height:auto !important;
  transform:none !important;
  transition:none !important;
}
.intro-panel {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  transform:none !important;
}
.intro-panel-hero {
  background-color:var(--kc-band-grid) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  box-shadow:0 0 0 100vmax var(--kc-band-grid) !important;
  clip-path:inset(0 -100vmax) !important;
}
.intro-panel-advantages {
  background:#fff !important;
  box-shadow:0 0 0 100vmax #fff !important;
  clip-path:inset(0 -100vmax) !important;
}
.intro-progress {
  display:none !important;
}
/* v131: portfolio is a full-width band with constrained inner content */
#portfolio.container.portfolio-section,
#portfolio.portfolio-section {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:max(18px,calc((100% - 1240px) / 2)) !important;
  padding-right:max(18px,calc((100% - 1240px) / 2)) !important;
  background-color:var(--kc-band-grid) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  box-shadow:none !important;
  clip-path:none !important;
}
#portfolio::before {
  content:none !important;
  display:none !important;
}
/* v132: keep portfolio slideshow above every page section */
.slideshow,
#slideshow {
  position:fixed !important;
  z-index:1000000 !important;
  isolation:isolate !important;
}
/* v133: cleaner, selling-focused portfolio slideshow */
.slideshow.open {
  padding:clamp(16px,3vw,48px) !important;
  background:rgba(10,10,10,.88) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.slideshow .slide-inner {
  width:min(1480px,100%) !important;
  height:min(900px,calc(100vh - 64px)) !important;
  max-height:calc(100vh - 32px) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 350px !important;
  gap:0 !important;
  overflow:hidden !important;
  border-radius:24px !important;
  background:#f2f0ec !important;
  box-shadow:0 32px 90px rgba(0,0,0,.38) !important;
}
.slideshow .slide-image-wrap {
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
  padding:clamp(16px,2vw,28px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#f2f0ec !important;
  cursor:grab;
}
.slideshow .slide-image-wrap:active { cursor:grabbing; }
.slideshow .slide-image {
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  border-radius:14px !important;
  box-shadow:0 18px 50px -30px rgba(0,0,0,.35) !important;
}
.slideshow .slide-info {
  width:auto !important;
  min-width:0 !important;
  height:100% !important;
  padding:34px 28px 26px !important;
  gap:22px !important;
  overflow-y:auto !important;
  color:#fff !important;
  background:#141414 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.slideshow .slide-info-main::before {
  content:'Проект из портфолио';
  display:block;
  margin-bottom:14px;
  color:#ff6b3d;
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
}
.slideshow .slide-breadcrumbs,
.slideshow .slide-tools { display:none !important; }
.slideshow .slide-info h3 {
  margin:0 0 14px !important;
  color:#fff !important;
  font-size:clamp(1.8rem,2.5vw,2.45rem) !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
}
.slideshow .slide-info p {
  margin:0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:.96rem !important;
  line-height:1.55 !important;
}
.slideshow .slide-counter {
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px;
  margin-top:22px !important;
  padding:0 12px !important;
  color:#fff !important;
  background:#292929 !important;
  border:0 !important;
  border-radius:999px !important;
  font-size:.78rem !important;
  font-weight:900 !important;
}
.slideshow .slide-panel-nav {
  display:flex !important;
  gap:8px !important;
  margin-top:14px !important;
}
.slideshow .panel-arrow {
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  background:#292929 !important;
  border:0 !important;
  border-radius:50% !important;
  font-size:1.35rem !important;
  transition:transform .2s ease,background .2s ease !important;
}
.slideshow .panel-arrow:hover {
  transform:translateY(-2px) !important;
  background:#ff6b3d !important;
}
.slideshow .arrow { display:none !important; }
.slideshow .slide-mobile-nav { display:none !important; }
.slideshow .slide-info-bottom { margin-top:auto !important; }
.slideshow .slide-contact-card {
  width:100%;
  padding:0 !important;
  justify-items:start !important;
  gap:10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.slideshow .slide-contact-slogan {
  width:100% !important;
  max-width:none !important;
  color:#fff !important;
  font-family:"Montserrat",Arial,sans-serif !important;
  font-size:1rem !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  letter-spacing:-.015em !important;
  text-align:left !important;
}
.slideshow .slide-contact-label {
  width:100% !important;
  max-width:none !important;
  color:rgba(255,255,255,.66) !important;
  font-family:"Montserrat",Arial,sans-serif !important;
  font-size:.76rem !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-align:left !important;
}
.slideshow .slide-contact-icons {
  justify-content:flex-start !important;
  margin:0 !important;
}
.slideshow .slide-contact-icons .social-icon-link {
  width:44px !important;
  height:44px !important;
  min-height:44px !important;
}
.slideshow .close {
  top:14px !important;
  right:14px !important;
  width:44px !important;
  height:44px !important;
  font-size:1.55rem !important;
  font-weight:800 !important;
  line-height:1 !important;
  color:#111 !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:0 12px 28px -18px rgba(0,0,0,.6) !important;
  z-index:5 !important;
}
@media (max-width:800px) {
  .slideshow.open { padding:10px !important; align-items:flex-start !important; overflow-y:auto !important; }
  .slideshow .slide-inner {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    grid-template-columns:1fr !important;
    border-radius:18px !important;
  }
  .slideshow .slide-image-wrap {
    order:1 !important;
    height:auto !important;
    min-height:0 !important;
    padding:62px 12px 8px !important;
    align-items:flex-start !important;
  }
  .slideshow .slide-image {
    width:100% !important;
    height:auto !important;
    max-height:62vh !important;
    object-fit:contain !important;
    border-radius:12px !important;
  }
  .slideshow .slide-mobile-nav {
    order:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    padding:10px 12px 14px !important;
    background:#f2f0ec !important;
  }
  .slideshow .slide-mobile-arrow {
    width:54px !important;
    height:54px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(255,101,66,.28) !important;
    border-radius:50% !important;
    background:#fff7f3 !important;
    color:#ff6542 !important;
    font-family:"Montserrat",Arial,sans-serif !important;
    font-size:2rem !important;
    font-weight:800 !important;
    line-height:1 !important;
    box-shadow:0 12px 28px -24px rgba(255,101,66,.8) !important;
  }
  .slideshow .slide-info {
    order:3 !important;
    height:auto !important;
    padding:22px 20px 20px !important;
  }
  .slideshow .slide-info h3 { font-size:1.75rem !important; }
  .slideshow .slide-counter,
  .slideshow .slide-panel-nav,
  .slideshow .slide-zoom-controls {
    display:none !important;
  }
}
/* v134: keep the slideshow close action visible */
.slideshow .slide-inner { position:relative !important; }
.slideshow .close,
.slideshow #closeSlideshow {
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  bottom:auto !important;
  display:grid !important;
  place-items:center !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:50 !important;
}
/* v135: balanced service-led hero headline */
@media (min-width:1051px) {
  .intro-panel-hero .hero {
    grid-template-columns:minmax(0,650px) minmax(500px,1fr) !important;
    column-gap:clamp(36px,3vw,60px) !important;
  }
  .intro-panel-hero .hero-content {
    max-width:650px !important;
  }
  .intro-panel-hero .hero-content h1 {
    max-width:650px !important;
    font-size:clamp(3.8rem,4.15vw,5rem) !important;
    line-height:.98 !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .intro-panel-hero .hero-content h1 span {
    display:inline !important;
    margin-top:0 !important;
  }
  .intro-panel-hero .hero-works,
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    transform:translateY(8px) !important;
  }
}
@media (min-width:1051px) and (max-width:1350px) {
  .intro-panel-hero .hero {
    grid-template-columns:minmax(0,560px) minmax(440px,1fr) !important;
    column-gap:32px !important;
  }
  .intro-panel-hero .hero-content h1 {
    max-width:560px !important;
    font-size:clamp(3.25rem,4.7vw,4rem) !important;
  }
}
/* v136: readable three-line service headline */
@media (min-width:1351px) {
  .intro-panel-hero .hero-content h1 {
    font-size:3.4rem !important;
    line-height:1.02 !important;
  }
}
@media (min-width:1051px) and (max-width:1350px) {
  .intro-panel-hero .hero-content h1 {
    font-size:2.9rem !important;
    line-height:1.02 !important;
  }
}
/* v137: wide shared guides for the opening sections */
@media (min-width:1400px) {
  .intro-panel-hero > .container,
  .intro-panel-advantages > .container {
    width:min(1480px,calc(100% - 96px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .intro-panel-hero .hero {
    grid-template-columns:minmax(0,680px) minmax(0,1fr) !important;
    column-gap:clamp(56px,5vw,96px) !important;
  }
  .intro-panel-hero .hero-content {
    max-width:680px !important;
  }
  .intro-panel-hero .hero-content h1 {
    max-width:680px !important;
    font-size:3.7rem !important;
  }
  .intro-panel-hero .hero-works,
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    justify-self:end !important;
  }
  .intro-panel-advantages .advantages-editorial-top {
    grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr) !important;
    gap:clamp(80px,10vw,180px) !important;
  }
  .intro-panel-advantages .advantages-editorial-top p {
    justify-self:end !important;
    max-width:520px !important;
  }
}
@media (min-width:1800px) {
  .intro-panel-hero > .container,
  .intro-panel-advantages > .container {
    width:min(1560px,calc(100% - 120px)) !important;
    max-width:1560px !important;
  }
}
/* v138: align hero content exactly to the shared left guide */
@media (min-width:1051px) {
  .intro-panel-hero .hero {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .intro-panel-hero .hero-content {
    margin-left:0 !important;
    padding-left:0 !important;
    justify-self:start !important;
  }
}
/* v139: match the hero text column to the visible left guide */
@media (min-width:1400px) {
  .intro-panel-hero .hero-content {
    transform:translateX(-50px) !important;
  }
}
@media (min-width:1051px) and (max-width:1399px) {
  .intro-panel-hero .hero-content {
    transform:none !important;
  }
}
/* v140: direct contact choices in the price brief */
.brief-contact-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:2px;
}
.brief-contact-actions .btn {
  width:100%;
  min-height:54px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0 !important;
  text-align:center;
  line-height:1.15;
  cursor:pointer;
}
.brief-copy-email {
  color:#fff !important;
  background:#111 !important;
}
.brief-copy-email:hover { background:#292929 !important; }
.brief-copy-email.is-copied { background:#24864a !important; }
.brief-copy-status {
  min-height:18px;
  margin-top:10px;
  color:#777;
  font-size:.72rem;
  line-height:1.3;
  text-align:center;
}
@media (max-width:1180px) {
  .brief-contact-actions { grid-template-columns:1fr; }
}
/* v141: wider price canvas with restrained frosted-glass brief */
@media (min-width:1051px) {
  #price.price-section,
  #price.price-open {
    width:min(1560px,calc(100% - 64px)) !important;
    max-width:1560px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:28px !important;
    box-shadow:0 34px 80px -54px rgba(0,0,0,.5) !important;
  }
  #price .price-shell {
    width:100% !important;
    max-width:none !important;
    padding-left:clamp(28px,4vw,64px) !important;
    padding-right:clamp(28px,4vw,64px) !important;
  }
  #price .price-layout {
    grid-template-columns:minmax(0,1fr) minmax(420px,460px) !important;
    gap:clamp(28px,3vw,52px) !important;
    align-items:start !important;
  }
}
#price .price-row {
  border:0 !important;
  background:rgba(255,255,255,.075) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 34px -30px rgba(0,0,0,.7) !important;
}
#price .price-tab {
  border:0 !important;
  background:rgba(255,255,255,.09) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}
#price .price-tab.active {
  color:#111 !important;
  background:#fff !important;
  box-shadow:0 12px 26px -20px rgba(0,0,0,.75) !important;
}
#price .calc-card.brief-card {
  border:0 !important;
  outline:0 !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 28px 64px -38px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.9) !important;
  backdrop-filter:blur(22px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(135%) !important;
}
#price .brief-card select,
#price .brief-card textarea {
  border:0 !important;
  outline:0 !important;
  background:rgba(255,255,255,.62) !important;
  box-shadow:inset 0 1px 2px rgba(17,17,17,.07),0 8px 24px -22px rgba(0,0,0,.5) !important;
}
#price .brief-card select:focus,
#price .brief-card textarea:focus {
  border:0 !important;
  box-shadow:inset 0 1px 2px rgba(17,17,17,.06),0 0 0 4px rgba(255,107,61,.13) !important;
}
#price .brief-note {
  border:0 !important;
  background:rgba(17,17,17,.94) !important;
  box-shadow:0 18px 34px -28px rgba(0,0,0,.8) !important;
}
#price .brief-contact-actions {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}
#price .brief-contact-actions .btn {
  min-width:0 !important;
  white-space:normal !important;
  border:0 !important;
  box-shadow:0 14px 28px -22px rgba(0,0,0,.55) !important;
}
@media (max-width:1180px) {
  #price .brief-contact-actions { grid-template-columns:1fr !important; }
}
/* v142: restore readable contrast inside the borderless price panel */
#price .price-top p {
  color:rgba(255,255,255,.68) !important;
}
#price .price-row p {
  color:rgba(255,255,255,.48) !important;
}
#price .price-row h3,
#price .price-row strong {
  color:#fff !important;
}
#price .brief-card label,
#price .brief-card .brief-intro {
  color:rgba(17,17,17,.66) !important;
}

/* v143: light, table-like detailed price */
#price .price-shell {
  color:#171717 !important;
  background:linear-gradient(180deg,#fff 0%,#fffdfa 100%) !important;
  border:1px solid rgba(17,17,17,.07) !important;
  box-shadow:0 30px 70px -52px rgba(40,28,22,.28) !important;
}
#price .price-shell::after {
  background:rgba(255,107,61,.055) !important;
}
#price .price-top h2,
#price .price-row h3,
#price .price-row strong {
  color:#171717 !important;
}
#price .price-top p {
  color:#626262 !important;
}
#price .price-tabs {
  gap:8px !important;
  padding-bottom:18px;
  border-bottom:1px solid #ece8e4;
}
#price .price-tab {
  color:#555 !important;
  background:#f7f4f1 !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
}
#price .price-tab:hover,
#price .price-tab.active {
  color:var(--accent) !important;
  background:#fff3ee !important;
  border-color:rgba(255,107,61,.25) !important;
  box-shadow:none !important;
}
#price .price-list {
  gap:0 !important;
  overflow:hidden;
  border:1px solid #e8e3df;
  border-radius:22px;
  background:#fff;
}
#price .price-row {
  min-height:104px;
  padding:19px 22px !important;
  border:0 !important;
  border-bottom:1px solid #ebe7e3 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}
#price .price-row:last-child {
  border-bottom:0 !important;
}
#price .price-row:hover {
  transform:none !important;
  background:#fff9f6 !important;
}
#price .price-row small {
  color:var(--accent) !important;
}
#price .price-row h3 {
  margin-top:5px !important;
}
#price .price-row p {
  margin-top:6px !important;
  color:#777 !important;
}
#price .price-row strong {
  padding-left:24px;
  border-left:1px solid #ece7e3;
  font-size:1.12rem !important;
}
#price .price-row {
  align-items:start !important;
}
#price .price-row > strong {
  align-self:center;
  white-space:nowrap;
}
#price .price-value-list {
  display:grid;
  gap:5px;
  max-width:720px;
  margin:11px 0 0;
  padding:0;
  list-style:none;
}
#price .price-value-list li {
  position:relative;
  padding-left:16px;
  color:#555;
  font-size:.78rem;
  font-weight:500;
  line-height:1.4;
}
#price .price-value-list li::before {
  content:"";
  position:absolute;
  left:0;
  top:.56em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--accent);
}
#price .calc-card.brief-card {
  border:1px solid #e8e3df !important;
  background:#fff !important;
  box-shadow:0 24px 50px -42px rgba(40,28,22,.34) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#price .brief-card select,
#price .brief-card textarea {
  border:1px solid #e8e3df !important;
  background:#faf8f6 !important;
  box-shadow:none !important;
}
#price .brief-note {
  color:#34302e !important;
  background:#fff4ee !important;
  border:1px solid rgba(255,107,61,.2) !important;
  box-shadow:none !important;
}
#price .brief-note span {
  color:#777 !important;
}
#price .barter-card {
  border-color:rgba(255,107,61,.25) !important;
  background:linear-gradient(135deg,#fff5f0,#fffdfb) !important;
  box-shadow:none !important;
}
#price .barter-copy h3 {
  color:#171717 !important;
}
#price .barter-copy p {
  color:#696969 !important;
}
#price .price-close-btn {
  color:#171717 !important;
  background:#f5f1ee !important;
  border-color:#e6e0dc !important;
}
@media (max-width:800px) {
  #price .price-row strong {
    padding:10px 0 0;
    border-left:0;
    border-top:1px solid #eee9e5;
  }
}

/* v144: extend the price grid canvas across the full viewport */
#price.price-open {
  position:relative !important;
  isolation:isolate !important;
  background:transparent !important;
  background-image:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
}
#price.price-open::before,
#price.price-open::after {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  right:auto !important;
  left:50% !important;
  width:100vw !important;
  height:auto !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  background-color:var(--kc-band-grid) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  background-repeat:repeat !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  z-index:0 !important;
  pointer-events:none !important;
}
#price.price-open > * {
  position:relative !important;
  z-index:2 !important;
}
/* v143: clearer personal-process headline in advantages */
.advantages-editorial h2 .accent-line {
  color:#ff6842 !important;
}
/* v144: larger hero portfolio geometry to fill the central space */
@media (min-width:1400px) {
  .intro-panel-hero .hero {
    grid-template-columns:minmax(0,620px) minmax(0,1fr) !important;
    column-gap:clamp(24px,2.2vw,42px) !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    grid-template-columns:250px 350px !important;
    grid-template-rows:350px 300px !important;
    column-gap:26px !important;
    row-gap:26px !important;
    width:626px !important;
    max-width:626px !important;
    margin-left:0 !important;
    justify-self:start !important;
    transform:translateY(8px) !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-1 {
    width:250px !important;
    height:350px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-2 {
    width:350px !important;
    height:220px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-3 {
    width:250px !important;
    height:210px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-4 {
    width:350px !important;
    height:300px !important;
  }
}

/* v192: extend the portfolio grid background across the viewport */
#portfolio.container.portfolio-section,
#portfolio.portfolio-section {
  position:relative !important;
  isolation:isolate !important;
  background:transparent !important;
  background-image:none !important;
}

#portfolio::before {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  top:0 !important;
  bottom:0 !important;
  left:calc(50% - 50vw) !important;
  right:calc(50% - 50vw) !important;
  width:auto !important;
  transform:none !important;
  background-color:var(--kc-band-grid) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  pointer-events:none !important;
}

#portfolio > * {
  position:relative !important;
  z-index:1 !important;
}
@media (min-width:1800px) {
  .intro-panel-hero .hero {
    grid-template-columns:minmax(0,650px) minmax(0,1fr) !important;
    column-gap:32px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    grid-template-columns:270px 380px !important;
    grid-template-rows:380px 325px !important;
    column-gap:30px !important;
    row-gap:30px !important;
    width:680px !important;
    max-width:680px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-1 {
    width:270px !important;
    height:380px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-2 {
    width:380px !important;
    height:238px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-3 {
    width:270px !important;
    height:228px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-4 {
    width:380px !important;
    height:325px !important;
  }
}
/* v145: give the enlarged hero works a clean lower edge */
@media (min-width:1400px) {
  .intro-panel-hero .hero {
    padding-bottom:clamp(96px,7vw,132px) !important;
  }
}
/* v146: slightly calmer hero works, restored right alignment */
@media (min-width:1400px) {
  .intro-panel-hero .hero {
    grid-template-columns:minmax(0,640px) minmax(0,1fr) !important;
    column-gap:clamp(36px,3vw,56px) !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    grid-template-columns:235px 330px !important;
    grid-template-rows:330px 282px !important;
    column-gap:26px !important;
    row-gap:26px !important;
    width:591px !important;
    max-width:591px !important;
    justify-self:end !important;
    transform:translateY(8px) !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-1 {
    width:235px !important;
    height:330px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-2 {
    width:330px !important;
    height:206px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-3 {
    width:235px !important;
    height:198px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-4 {
    width:330px !important;
    height:282px !important;
  }
}
@media (min-width:1800px) {
  .intro-panel-hero .hero {
    grid-template-columns:minmax(0,660px) minmax(0,1fr) !important;
    column-gap:44px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    grid-template-columns:250px 350px !important;
    grid-template-rows:350px 300px !important;
    column-gap:28px !important;
    row-gap:28px !important;
    width:628px !important;
    max-width:628px !important;
    justify-self:end !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-1 {
    width:250px !important;
    height:350px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-2 {
    width:350px !important;
    height:220px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-3 {
    width:250px !important;
    height:210px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-4 {
    width:350px !important;
    height:300px !important;
  }
}
/* v147: square-shaped hero portfolio composition */
@media (min-width:1400px) {
  .intro-panel-hero .hero {
    grid-template-columns:minmax(0,620px) minmax(0,1fr) !important;
    column-gap:clamp(24px,2.2vw,42px) !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    grid-template-columns:250px 350px !important;
    grid-template-rows:310px 290px !important;
    column-gap:26px !important;
    row-gap:26px !important;
    width:626px !important;
    max-width:626px !important;
    height:626px !important;
    justify-self:start !important;
    align-self:center !important;
    margin-left:0 !important;
    transform:translateY(8px) !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-1 {
    width:250px !important;
    height:310px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-2 {
    width:350px !important;
    height:210px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-3 {
    width:250px !important;
    height:190px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-4 {
    width:350px !important;
    height:290px !important;
  }
}
@media (min-width:1800px) {
  .intro-panel-hero .hero {
    grid-template-columns:minmax(0,650px) minmax(0,1fr) !important;
    column-gap:30px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    grid-template-columns:260px 370px !important;
    grid-template-rows:330px 300px !important;
    column-gap:30px !important;
    row-gap:30px !important;
    width:660px !important;
    max-width:660px !important;
    height:660px !important;
    justify-self:start !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-1 {
    width:260px !important;
    height:330px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-2 {
    width:370px !important;
    height:220px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-3 {
    width:260px !important;
    height:200px !important;
  }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-4 {
    width:370px !important;
    height:300px !important;
  }
}
/* v148: enlarge highlighted top-right hero work */
@media (min-width:1400px) {
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-2 {
    height:280px !important;
  }
}
@media (min-width:1800px) {
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-2 {
    height:300px !important;
  }
}
/* v149: slightly extend bottom-left hero work */
@media (min-width:1400px) {
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-3 {
    height:245px !important;
  }
}
@media (min-width:1800px) {
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-3 {
    height:260px !important;
  }
}
/* v150: interactive hero portfolio works */
.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work { isolation:isolate !important; cursor:pointer !important; transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease !important; }
.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,transparent 42%,rgba(12,12,12,.76) 100%); opacity:0; transition:opacity .28s ease; }
.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work img { transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .35s ease !important; }
.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-label { position:absolute !important; left:16px !important; right:16px !important; bottom:15px !important; top:auto !important; z-index:2 !important; display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:12px !important; padding:0 !important; background:none !important; color:#fff !important; opacity:0; transform:translateY(10px); transition:opacity .28s ease,transform .28s ease !important; pointer-events:none; text-align:left; }
.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-label b { max-width:58%; color:#fff !important; font-size:.9rem !important; line-height:1.08 !important; }
.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-label em { display:flex; align-items:center; gap:5px; flex:none; color:#fff !important; font-size:.7rem !important; font-style:normal !important; font-weight:800; white-space:nowrap; }
.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-label i { font-size:1rem; font-style:normal; transition:transform .25s ease; }
@media (hover:hover) and (pointer:fine) {
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work:hover::after,.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work:focus-visible::after { opacity:1; }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work:hover img,.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work:focus-visible img { transform:scale(1.035); filter:saturate(1.04); }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work:hover .hero-work-label,.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work:focus-visible .hero-work-label { opacity:1; transform:translateY(0); }
  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work:hover .hero-work-label i,.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work:focus-visible .hero-work-label i { transform:translateX(3px); }
}
.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work:focus-visible { outline:3px solid #ff6542 !important; outline-offset:5px !important; }
@media (prefers-reduced-motion:reduce) { .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work,.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work img,.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-label,.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-label i { transition:none !important; } }
/* v151: richer project gradient and lightweight cursor follower */
.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work::after {
  background:
    linear-gradient(180deg,transparent 36%,rgba(12,12,12,.12) 55%,rgba(12,12,12,.9) 100%),
    linear-gradient(0deg,rgba(255,101,66,.18),transparent 42%) !important;
}
.intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-label {
  bottom:17px !important;
}
.ui-cursor-follower {
  position:fixed;
  left:0;
  top:0;
  width:14px;
  height:14px;
  z-index:9999;
  border:2px solid rgba(255,101,66,.78);
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-50%,-50%,0);
  transition:width .22s ease,height .22s ease,background-color .22s ease,border-color .22s ease,opacity .2s ease,box-shadow .22s ease;
  will-change:transform;
}
.ui-cursor-follower::after {
  content:"→";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:0;
  font-weight:900;
  line-height:1;
  opacity:0;
  transition:font-size .22s ease,opacity .22s ease;
}
.ui-cursor-follower.is-visible { opacity:.9; }
.ui-cursor-follower.is-project {
  width:46px;
  height:46px;
  border-color:#ff6542;
  background:#ff6542;
  box-shadow:0 10px 28px rgba(255,101,66,.32);
}
.ui-cursor-follower.is-project::after { font-size:20px; opacity:1; }
.ui-cursor-follower.is-pressed { width:36px; height:36px; }
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {
  .ui-cursor-follower { display:none !important; }
}
/* v152: modern warm gradient for primary action buttons */
.btn.btn-accent,
a.btn-accent,
button.btn-accent {
  position:relative;
  overflow:hidden;
  border:0 !important;
  color:#fff !important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.16),transparent 34%),
    linear-gradient(145deg,#ff382f 0%,#ff5740 48%,#ff7248 100%) !important;
  background-size:100% 100%,180% 180% !important;
  box-shadow:0 14px 28px -18px rgba(255,70,48,.72),inset 0 1px 0 rgba(255,255,255,.22) !important;
  transition:transform .28s var(--ease),box-shadow .28s ease,background-position .45s ease,filter .28s ease !important;
}
.btn.btn-accent:hover,
a.btn-accent:hover,
button.btn-accent:hover {
  color:#fff !important;
  border:0 !important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.2),transparent 38%),
    linear-gradient(145deg,#ff382f 0%,#ff5740 48%,#ff7248 100%) !important;
  background-size:100% 100%,180% 180% !important;
  background-position:0 0,100% 100% !important;
  filter:saturate(1.06) !important;
  box-shadow:0 18px 34px -18px rgba(255,70,48,.82),inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.btn.btn-accent:active,
a.btn-accent:active,
button.btn-accent:active {
  transform:translateY(-1px) scale(.985) !important;
  box-shadow:0 10px 22px -17px rgba(255,70,48,.72),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.btn.btn-accent:focus-visible,
a.btn-accent:focus-visible,
button.btn-accent:focus-visible {
  outline:3px solid rgba(255,87,64,.3) !important;
  outline-offset:4px !important;
}
/* v153: brand-orange gradient for primary buttons */
.btn.btn-accent,
a.btn-accent,
button.btn-accent {
  background:
    linear-gradient(115deg,rgba(255,255,255,.13),transparent 36%),
    linear-gradient(145deg,#ff603d 0%,#ff6842 52%,#ff7950 100%) !important;
  background-size:100% 100%,180% 180% !important;
  box-shadow:0 14px 28px -18px rgba(255,104,66,.68),inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.btn.btn-accent:hover,
a.btn-accent:hover,
button.btn-accent:hover {
  background:
    linear-gradient(115deg,rgba(255,255,255,.18),transparent 38%),
    linear-gradient(145deg,#ff603d 0%,#ff6842 52%,#ff7950 100%) !important;
  background-size:100% 100%,180% 180% !important;
  background-position:0 0,100% 100% !important;
  box-shadow:0 18px 34px -18px rgba(255,104,66,.78),inset 0 1px 0 rgba(255,255,255,.28) !important;
}
/* v154: balanced navigation and about anchor */
#about { scroll-margin-top:92px; }
header .nav {
  min-height:72px !important;
  align-items:center !important;
}
header .nav-links {
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}
header .nav-links a {
  height:40px !important;
  min-height:40px !important;
  padding:0 13px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}
header .nav-links .order {
  height:44px !important;
  min-height:44px !important;
  padding:0 19px !important;
  margin-left:5px !important;
  line-height:1 !important;
  box-shadow:0 10px 22px -18px rgba(0,0,0,.65) !important;
}
header .nav-links .order:hover {
  transform:translateY(-1px);
  background:#222 !important;
  box-shadow:0 14px 25px -18px rgba(0,0,0,.75) !important;
}
@media (max-width:1050px) {
  header .nav-links { flex-wrap:wrap !important; }
}
/* v155: personal about section with portrait and stronger proof hierarchy */
.advantages-about {
  padding:clamp(42px,5vw,76px) 0 !important;
}
.about-editorial-grid {
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(280px,.68fr) minmax(300px,.8fr);
  gap:clamp(28px,4vw,68px);
  align-items:center;
}
.about-editorial-copy h2 {
  margin:20px 0 0 !important;
  max-width:650px;
  font-size:clamp(4rem,5.25vw,6.25rem) !important;
  line-height:.88 !important;
}
.about-portrait {
  position:relative;
  min-height:470px;
  margin:0;
  overflow:hidden;
  border-radius:8px;
  background:#ead9d3;
  box-shadow:0 30px 70px -42px rgba(0,0,0,.42);
}
.about-portrait::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(to top,rgba(17,17,17,.72),transparent);
  pointer-events:none;
}
.about-portrait img {
  width:100%;
  height:100%;
  min-height:470px;
  position:absolute;
  inset:0;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .55s var(--ease);
}
.about-portrait:hover img { transform:scale(1.025); }
.about-portrait figcaption {
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:22px;
  display:grid;
  gap:3px;
  color:#fff;
}
.about-portrait figcaption strong { font-size:1.12rem; }
.about-portrait figcaption span { font-size:.78rem; opacity:.76; }
.about-portrait-note {
  position:absolute;
  z-index:2;
  top:18px;
  right:18px;
  padding:9px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,#ff603d,#ff7950);
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  box-shadow:0 12px 28px -16px rgba(255,96,61,.8);
}
.about-editorial-story {
  display:grid;
  gap:18px;
  align-content:center;
  color:#4a4a4a;
  line-height:1.55;
}
.about-editorial-story p { margin:0; max-width:440px; }
.about-editorial-story .about-lead {
  color:#111;
  font-size:clamp(1.15rem,1.35vw,1.45rem);
  line-height:1.28;
  font-weight:750;
}
.about-accent-card {
  display:grid;
  gap:18px;
  margin-top:8px;
  padding:24px;
  border-radius:8px;
  background:#111;
  color:#fff;
  box-shadow:0 25px 55px -38px rgba(0,0,0,.6);
}
.about-accent-card span {
  color:#ff7049;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
}
.about-accent-card strong {
  max-width:290px;
  font-size:1.18rem;
  line-height:1.18;
}
.about-proof-grid {
  display:grid;
  grid-template-columns:.72fr 1.28fr 1.15fr .85fr;
  gap:14px;
  margin-top:clamp(28px,3.3vw,50px);
}
.about-proof {
  min-height:104px;
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:5px;
  border-radius:8px;
  background:#f5f6f8;
  box-shadow:0 20px 40px -34px rgba(0,0,0,.4);
}
.about-proof strong { color:#111; font-size:1.08rem; line-height:1.08; }
.about-proof span { color:#606060; font-size:.76rem; line-height:1.25; }
.about-proof-accent { background:linear-gradient(135deg,#ff603d,#ff7950); }
.about-proof-accent strong,.about-proof-accent span { color:#fff; }
@media (max-width:1200px) {
  .about-editorial-grid { grid-template-columns:1fr .72fr; }
  .about-editorial-story { grid-column:1 / -1; grid-template-columns:1fr 1fr 1fr; align-items:start; }
  .about-editorial-story .about-lead,.about-editorial-story p { max-width:none; }
}
@media (max-width:760px) {
  .advantages-about { padding:48px 0 !important; }
  .about-editorial-grid { grid-template-columns:1fr; gap:24px; }
  .about-editorial-copy h2 { font-size:clamp(3.25rem,16vw,5rem) !important; }
  .about-portrait,.about-portrait img { min-height:420px; }
  .about-editorial-story { grid-column:auto; grid-template-columns:1fr; }
  .about-proof-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .about-proof { min-height:98px; padding:16px; }
}
@media (max-width:460px) {
  .about-proof-grid { grid-template-columns:1fr; }
}
/* v156: balance portrait and headline in the about composition */
@media (min-width:1201px) {
  .about-editorial-copy h2 {
    font-size:clamp(4rem,4.45vw,5.35rem) !important;
    max-width:590px !important;
  }
}
/* v157: give the about headline a clean lane beside the portrait */
@media (min-width:1400px) {
  .about-editorial-grid {
    grid-template-columns:minmax(650px,1fr) 320px 360px !important;
    gap:clamp(42px,3.4vw,64px) !important;
  }
  .about-editorial-copy h2 {
    max-width:680px !important;
  }
}
/* v158: portfolio-paper profile section */
.advantages-about.about-profile {
  padding:clamp(64px,7vw,110px) 0 !important;
}
.profile-sheet-wrap {
  position:relative;
  width:min(1320px,100%);
  margin:0 auto;
  padding:22px 26px 28px 18px;
}
.profile-sheet-layer {
  position:absolute;
  inset:22px 18px 20px 22px;
  border-radius:4px;
  pointer-events:none;
}
.profile-sheet-layer-dark {
  background:#111;
  transform:rotate(1.35deg) translate(13px,3px);
  box-shadow:0 28px 60px -42px rgba(0,0,0,.65);
}
.profile-sheet-layer-accent {
  background:linear-gradient(135deg,#ff603d,#ff7950);
  transform:rotate(-.8deg) translate(-7px,5px);
}
.profile-sheet {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(420px,1.25fr) minmax(230px,.65fr);
  gap:clamp(28px,4vw,64px);
  align-items:center;
  min-height:510px;
  padding:clamp(34px,4.5vw,68px);
  border-radius:4px;
  background:#fff;
  box-shadow:0 30px 70px -40px rgba(0,0,0,.52);
}
.profile-paperclip {
  position:absolute;
  z-index:5;
  left:48px;
  top:-23px;
  width:23px;
  height:76px;
  border:3px solid #111;
  border-radius:14px;
  transform:rotate(8deg);
  box-shadow:inset 0 0 0 4px #fff;
}
.profile-paperclip::after {
  content:"";
  position:absolute;
  left:6px;
  top:8px;
  width:7px;
  height:54px;
  border:2px solid #ff6842;
  border-radius:8px;
}
.profile-sticker {
  position:absolute;
  z-index:6;
  left:30px;
  top:46px;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#ff603d,#ff7950);
  color:#fff;
  font-weight:900;
  transform:rotate(-11deg);
  box-shadow:0 14px 26px -16px rgba(255,96,61,.8);
}
.profile-photo {
  position:relative;
  margin:0;
  align-self:stretch;
  min-height:390px;
  overflow:hidden;
  border-radius:3px;
  background:#ead9d3;
}
.profile-photo::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:35%;
  background:linear-gradient(to top,rgba(0,0,0,.68),transparent);
}
.profile-photo img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.8) contrast(1.03);
  transition:transform .55s var(--ease),filter .55s var(--ease);
}
.profile-photo:hover img { transform:scale(1.025); filter:saturate(1) contrast(1); }
.profile-photo figcaption {
  position:absolute;
  z-index:2;
  left:18px;
  bottom:17px;
  color:#fff;
  font-size:.73rem;
  font-weight:700;
  text-transform:uppercase;
}
.profile-main { align-self:center; }
.profile-main h2 {
  margin:14px 0 16px !important;
  font-size:clamp(4.4rem,6.3vw,7.4rem) !important;
  line-height:.78 !important;
  text-transform:uppercase;
}
.profile-main h2 span { color:#ff6842; }
.profile-role {
  display:inline-flex;
  margin-bottom:24px;
  padding:8px 12px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
}
.profile-main p { max-width:590px; margin:0 0 12px; color:#505050; line-height:1.5; }
.profile-main .profile-lead { color:#111; font-size:1.14rem; font-weight:750; line-height:1.3; }
.profile-links {
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:24px;
}
.profile-links a { color:#111; font-size:.82rem; font-weight:800; text-decoration:none; }
.profile-links a:last-child { color:#ff6842; }
.profile-proof {
  display:grid;
  gap:9px;
  align-self:stretch;
}
.profile-proof div {
  min-height:88px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:4px;
  padding:16px 18px;
  border-radius:4px;
  background:#f3f4f6;
}
.profile-proof strong { font-size:1.08rem; line-height:1.05; }
.profile-proof span { color:#666; font-size:.7rem; line-height:1.25; }
.profile-proof .profile-proof-accent { background:#111; }
.profile-proof-accent strong { color:#ff7049; }
.profile-proof-accent span { color:#fff; }
@media (max-width:1100px) {
  .profile-sheet { grid-template-columns:.8fr 1.2fr; }
  .profile-proof { grid-column:1 / -1; grid-template-columns:repeat(4,1fr); }
}
@media (max-width:760px) {
  .profile-sheet-wrap { padding:12px 10px 18px 4px; }
  .profile-sheet { grid-template-columns:1fr; gap:24px; padding:28px 20px; }
  .profile-photo { min-height:410px; }
  .profile-main h2 { font-size:clamp(3.8rem,20vw,5.7rem) !important; }
  .profile-proof { grid-column:auto; grid-template-columns:1fr 1fr; }
  .profile-paperclip { left:32px; }
  .profile-sticker { left:14px; top:40px; }
}
@media (max-width:460px) {
  .profile-proof { grid-template-columns:1fr; }
}
/* v159: keep the portfolio-profile name clear of the proof column */
.profile-main { min-width:0; }
.profile-main h2 {
  max-width:100% !important;
  font-size:clamp(4rem,5vw,6rem) !important;
  line-height:.82 !important;
}
@media (min-width:1101px) {
  .profile-sheet {
    grid-template-columns:minmax(250px,.72fr) minmax(460px,1.35fr) minmax(210px,.58fr) !important;
  }
}
/* v160: refined name scale for the portfolio-paper profile */
.profile-main h2 {
  font-size:clamp(3.75rem,4.15vw,5rem) !important;
  line-height:.84 !important;
}
/* v161: remove unclear decorative clip and sticker */
.profile-paperclip,
.profile-sticker { display:none !important; }
/* v162: align the profile section with the hero grid and shared corner language */
.intro-panel-advantages:has(.about-profile) {
  background-color:#f6f3ee !important;
  background-image:
    linear-gradient(rgba(17,17,17,.042) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,17,17,.042) 1px,transparent 1px) !important;
  background-size:32px 32px !important;
  box-shadow:0 0 0 100vmax #f6f3ee !important;
  clip-path:inset(0 -100vmax) !important;
}
.advantages-about.about-profile {
  padding:clamp(68px,7vw,112px) 0 !important;
}
.profile-sheet-wrap {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:20px 22px 24px 0 !important;
}
.profile-sheet-layer {
  inset:20px 0 0 0 !important;
  border-radius:34px !important;
}
.profile-sheet-layer-dark {
  transform:translate(22px,18px) !important;
}
.profile-sheet-layer-accent {
  transform:translate(10px,9px) !important;
}
.profile-sheet {
  width:100% !important;
  min-height:540px;
  border-radius:34px !important;
  box-shadow:0 30px 70px -44px rgba(0,0,0,.48) !important;
}
.profile-photo,
.profile-proof div {
  border-radius:34px !important;
}
.profile-photo { box-shadow:0 22px 44px -34px rgba(0,0,0,.52); }
.profile-proof div { box-shadow:0 18px 35px -32px rgba(0,0,0,.42); }
@media (min-width:1400px) {
  .intro-panel-advantages > .container:has(.about-profile) {
    width:min(1480px,calc(100% - 96px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (min-width:1800px) {
  .intro-panel-advantages > .container:has(.about-profile) {
    width:min(1560px,calc(100% - 120px)) !important;
    max-width:1560px !important;
  }
}
@media (max-width:760px) {
  .profile-sheet-wrap { padding:10px 10px 16px 0 !important; }
  .profile-sheet-layer-dark { transform:translate(10px,10px) !important; }
  .profile-sheet-layer-accent { transform:translate(5px,5px) !important; }
  .profile-sheet,
  .profile-sheet-layer,
  .profile-photo,
  .profile-proof div { border-radius:26px !important; }
}
/* v163: dynamic torn-paper about scrapbook */
.intro-panel-advantages:has(.about-scrapbook) {
  background:#fff !important;
  background-image:none !important;
  box-shadow:0 0 0 100vmax #fff !important;
  clip-path:inset(0 -100vmax) !important;
}
.about-scrapbook { padding:clamp(70px,8vw,130px) 0 !important; }
.scrapbook-stage { width:100%; padding:22px 12px 28px; }
.scrapbook-paper {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(430px,1.28fr) minmax(260px,.72fr);
  grid-template-rows:auto auto;
  gap:clamp(26px,3.5vw,58px);
  align-items:center;
  min-height:600px;
  padding:clamp(48px,5.5vw,82px);
  background-color:#f7f4ef;
  background-image:
    linear-gradient(rgba(17,17,17,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,17,17,.045) 1px,transparent 1px);
  background-size:28px 28px;
  clip-path:polygon(0.7% 2%,5% .7%,10% 1.8%,15% .5%,21% 1.6%,27% .4%,34% 1.5%,41% .6%,48% 1.8%,55% .5%,62% 1.6%,69% .4%,76% 1.5%,83% .5%,90% 1.7%,96% .6%,99.3% 2.2%,98.6% 9%,99.4% 17%,98.7% 25%,99.5% 33%,98.8% 41%,99.4% 49%,98.7% 57%,99.5% 65%,98.8% 73%,99.4% 81%,98.6% 90%,99.1% 97.8%,94% 99.2%,88% 98.3%,82% 99.4%,75% 98.4%,68% 99.5%,61% 98.3%,54% 99.4%,47% 98.5%,40% 99.5%,33% 98.4%,26% 99.3%,19% 98.4%,12% 99.4%,5% 98.3%,.8% 97%,1.5% 89%,.6% 81%,1.4% 73%,.5% 65%,1.3% 57%,.5% 49%,1.4% 41%,.6% 33%,1.5% 25%,.5% 17%,1.4% 9%);
  filter:drop-shadow(0 34px 30px rgba(0,0,0,.16));
}
.scrapbook-paper::before,
.scrapbook-paper::after {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
}
.scrapbook-paper::before {
  width:44%; height:20px; left:30%; top:4px;
  background:#ff6842; transform:rotate(-1.2deg);
  opacity:.9;
}
.scrapbook-paper::after {
  width:30%; height:16px; right:7%; bottom:5px;
  background:#111; transform:rotate(.8deg);
}
.scrapbook-photo {
  position:relative;
  grid-row:1 / span 2;
  align-self:stretch;
  min-height:470px;
  margin:0;
  overflow:hidden;
  border-radius:34px;
  background:#ead9d3;
  transform:rotate(-2deg);
  box-shadow:0 25px 48px -34px rgba(0,0,0,.55);
  transition:transform .45s var(--ease);
}
.scrapbook-photo:hover { transform:rotate(0) translateY(-5px); }
.scrapbook-photo::after { content:""; position:absolute; inset:auto 0 0; height:32%; background:linear-gradient(to top,rgba(0,0,0,.72),transparent); }
.scrapbook-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.scrapbook-photo figcaption { position:absolute; z-index:2; left:20px; bottom:19px; color:#fff; font-size:.72rem; font-weight:800; text-transform:uppercase; }
.scrapbook-main { min-width:0; align-self:end; }
.scrapbook-main h2 { margin:14px 0 18px !important; font-size:clamp(3.8rem,4.3vw,5.25rem) !important; line-height:.82 !important; text-transform:uppercase; }
.scrapbook-main h2 span { color:#ff6842; }
.scrapbook-main p { max-width:600px; margin:0 0 13px; color:#4b4b4b; line-height:1.5; }
.scrapbook-main .scrapbook-lead { color:#111; font-size:1.15rem; line-height:1.3; font-weight:800; }
.scrapbook-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:24px; }
.scrapbook-links a { color:#111; font-size:.82rem; font-weight:800; text-decoration:none; }
.scrapbook-links a:last-child { color:#ff6842; }
.scrapbook-skills { position:relative; align-self:stretch; min-height:300px; }
.skills-label { position:absolute; left:8px; top:0; padding:10px 15px; border-radius:999px; background:#111; color:#fff; font-size:.72rem; font-weight:800; text-transform:uppercase; transform:rotate(2deg); }
.skill-note { position:absolute; width:145px; min-height:76px; display:flex; align-items:center; gap:10px; padding:14px; border-radius:34px; background:#fff; box-shadow:0 18px 34px -28px rgba(0,0,0,.55); transition:transform .35s var(--ease),box-shadow .35s ease; }
.skill-note:hover { z-index:5; transform:rotate(0) translateY(-5px) scale(1.03) !important; box-shadow:0 25px 42px -28px rgba(0,0,0,.58); }
.skill-note b { width:42px; height:42px; flex:none; display:grid; place-items:center; border-radius:14px; background:#111; color:#ff7049; font-size:1rem; }
.skill-note span { font-size:.72rem; font-weight:800; line-height:1.1; }
.skill-ps { left:0; top:70px; transform:rotate(-5deg); }
.skill-ai { right:2px; top:104px; transform:rotate(5deg); }
.skill-ae { left:24px; top:176px; transform:rotate(4deg); }
.skill-bl { right:0; top:230px; transform:rotate(-4deg); }
.scrapbook-facts { grid-column:2 / 4; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; align-self:start; }
.scrapbook-facts div { min-height:92px; display:flex; flex-direction:column; justify-content:flex-end; gap:4px; padding:18px; border-radius:34px; background:#fff; box-shadow:0 18px 34px -29px rgba(0,0,0,.42); }
.scrapbook-facts strong { font-size:1.05rem; line-height:1.05; }
.scrapbook-facts span { color:#666; font-size:.7rem; }
.scrapbook-facts .fact-accent { background:linear-gradient(145deg,#ff603d,#ff7950); transform:rotate(1.5deg); }
.scrapbook-facts .fact-accent strong,.scrapbook-facts .fact-accent span { color:#fff; }
.scrapbook-doodle { position:absolute; z-index:4; display:grid; place-items:center; pointer-events:none; font-weight:900; }
.doodle-star { left:4.2%; top:7%; color:#111; font-size:3.1rem; transform:rotate(-14deg); }
.doodle-smile { left:20%; top:8%; width:58px; height:58px; border:4px solid #111; border-radius:50%; background:#ff7049; color:#111; font-size:2.6rem; line-height:1; transform:rotate(10deg); }
.doodle-spark { right:4.5%; top:11%; color:#ff6842; font-size:4rem; transform:rotate(10deg); }
.doodle-loop { right:22%; bottom:7%; width:95px; height:52px; border:5px solid #111; border-color:#111 transparent #111 #111; border-radius:50%; transform:rotate(-12deg); }
@media (hover:hover) and (pointer:fine) {
  .doodle-star { animation:scrapFloat 4.8s ease-in-out infinite; }
  .doodle-spark { animation:scrapFloat 4.2s ease-in-out -1s infinite; }
  .doodle-smile { animation:scrapFloat 5.4s ease-in-out -.5s infinite; }
}
@keyframes scrapFloat { 0%,100%{translate:0 0;rotate:0deg} 50%{translate:0 -7px;rotate:3deg} }
@media (max-width:1150px) {
  .scrapbook-paper { grid-template-columns:.72fr 1.28fr; }
  .scrapbook-skills { grid-column:1 / -1; min-height:160px; }
  .skill-ps{left:8%;top:62px}.skill-ai{left:31%;right:auto;top:58px}.skill-ae{left:54%;top:64px}.skill-bl{right:7%;top:58px}
  .scrapbook-facts { grid-column:1 / -1; }
}
@media (max-width:760px) {
  .scrapbook-stage { padding:10px 0; }
  .scrapbook-paper { grid-template-columns:1fr; gap:26px; padding:42px 20px; clip-path:polygon(0 1%,10% 0,20% 1%,30% 0,40% 1%,50% 0,60% 1%,70% 0,80% 1%,90% 0,100% 1%,99% 99%,90% 100%,80% 99%,70% 100%,60% 99%,50% 100%,40% 99%,30% 100%,20% 99%,10% 100%,1% 99%); }
  .scrapbook-photo { grid-row:auto; min-height:430px; transform:rotate(-1deg); }
  .scrapbook-main h2 { font-size:clamp(3.35rem,18vw,5rem) !important; }
  .scrapbook-skills { grid-column:auto; min-height:auto; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .skills-label { position:static; grid-column:1 / -1; justify-self:start; transform:none; }
  .skill-note { position:static; width:auto; min-height:72px; transform:none !important; }
  .scrapbook-facts { grid-column:auto; grid-template-columns:1fr 1fr; }
  .doodle-star,.doodle-spark,.doodle-loop { display:none; }
  .doodle-smile { left:auto; right:18px; top:16px; transform:scale(.8) rotate(8deg); }
}
/* v164: keep the scrapbook name inside the torn sheet on mobile */
@media (max-width:760px) {
  .scrapbook-main h2 {
    font-size:clamp(3rem,14vw,4.5rem) !important;
    line-height:.86 !important;
  }
}
/* v165: shorter portrait for a lighter desktop scrapbook composition */
@media (min-width:761px) {
  .scrapbook-photo {
    grid-row:1 / span 2 !important;
    align-self:center !important;
    width:100% !important;
    min-height:0 !important;
    height:405px !important;
  }
}
/* v166: quieter scrapbook decoration */
.doodle-star,
.doodle-smile { display:none !important; }
/* v167: wider scrapbook aligned to hero guides with more breathing room */
.scrapbook-stage {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:30px 0 38px !important;
}
.scrapbook-paper {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  min-height:700px !important;
  grid-template-columns:minmax(270px,.72fr) minmax(470px,1.28fr) minmax(300px,.78fr) !important;
  column-gap:clamp(54px,5vw,88px) !important;
  row-gap:clamp(44px,4vw,68px) !important;
  padding:clamp(72px,6vw,104px) clamp(68px,6vw,104px) !important;
}
.scrapbook-photo {
  width:100% !important;
  max-width:320px !important;
  justify-self:center !important;
}
.scrapbook-main {
  align-self:center !important;
}
.scrapbook-skills {
  min-height:340px !important;
  align-self:center !important;
}
.scrapbook-facts {
  gap:18px !important;
  padding-top:4px;
}
.scrapbook-facts div {
  min-height:104px !important;
  padding:20px !important;
}
.skill-ps { top:78px; }
.skill-ai { top:122px; }
.skill-ae { top:205px; }
.skill-bl { top:262px; }
@media (min-width:1400px) {
  .intro-panel-advantages > .container:has(.about-scrapbook) {
    width:min(1480px,calc(100% - 96px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (min-width:1800px) {
  .intro-panel-advantages > .container:has(.about-scrapbook) {
    width:min(1560px,calc(100% - 120px)) !important;
    max-width:1560px !important;
  }
}
@media (max-width:1150px) {
  .scrapbook-paper {
    min-height:0 !important;
    grid-template-columns:.72fr 1.28fr !important;
    padding:64px 42px !important;
  }
}
@media (max-width:760px) {
  .scrapbook-stage { padding:12px 0 20px !important; }
  .scrapbook-paper {
    grid-template-columns:1fr !important;
    padding:48px 20px !important;
    row-gap:28px !important;
  }
  .scrapbook-photo { max-width:none !important; }
}
/* v168: raised orange tape above the torn-paper edge */
.scrapbook-stage {
  position:relative !important;
}
.scrapbook-stage::before {
  content:"";
  position:absolute;
  z-index:5;
  top:10px;
  left:50%;
  width:min(690px,46%);
  height:34px;
  background:linear-gradient(100deg,#ff603d 0%,#ff6842 55%,#ff7950 100%);
  clip-path:polygon(0 12%,9% 22%,18% 8%,30% 18%,43% 10%,55% 24%,68% 5%,81% 18%,92% 7%,100% 20%,99% 88%,90% 78%,79% 94%,67% 80%,55% 95%,42% 82%,29% 96%,17% 81%,7% 94%,1% 82%);
  transform:translateX(-50%) rotate(-.45deg);
  filter:drop-shadow(0 12px 9px rgba(255,96,61,.25));
  pointer-events:none;
}
.scrapbook-paper::before {
  display:none !important;
}
@media (max-width:760px) {
  .scrapbook-stage::before {
    top:1px;
    width:48%;
    height:25px;
  }
}
/* v169: remove the lower black paper accent */
.scrapbook-paper::after,
.doodle-loop { display:none !important; }
/* v170: let the torn-paper edge stand on its own */
.scrapbook-stage::before { display:none !important; }
/* v171: remove stacked whitespace around the scrapbook sheet */
.intro-panel-advantages:has(.about-scrapbook) {
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.about-scrapbook {
  padding:clamp(20px,2vw,32px) 0 !important;
}
.scrapbook-stage {
  padding:0 !important;
}
@media (max-width:760px) {
  .about-scrapbook { padding:16px 0 !important; }
  .scrapbook-stage { padding:0 !important; }
}
/* v172: oversized animated proof numbers */
.scrapbook-facts div {
  position:relative;
  min-height:142px !important;
  padding:22px 24px !important;
  overflow:hidden;
}
.scrapbook-facts div:not(.fact-accent) strong {
  position:relative;
  z-index:1;
  display:block;
  color:#111;
  font-size:clamp(3rem,3.6vw,4.6rem) !important;
  line-height:.82 !important;
  font-weight:900;
  letter-spacing:0 !important;
}
.scrapbook-facts div:not(.fact-accent) span {
  position:relative;
  z-index:1;
  margin-top:12px;
  font-size:.72rem !important;
  font-weight:650;
}
.scrapbook-facts div:not(.fact-accent)::after {
  content:"";
  position:absolute;
  width:76px;
  height:76px;
  right:-24px;
  top:-26px;
  border:9px solid rgba(255,104,66,.11);
  border-radius:50%;
}
.scrapbook-facts .fact-accent {
  justify-content:center !important;
  padding:24px !important;
}
.scrapbook-facts .fact-accent strong {
  font-size:clamp(1.35rem,1.6vw,1.8rem) !important;
}
.scrapbook-facts strong.is-counting {
  transform-origin:left bottom;
  animation:proofPulse .42s cubic-bezier(.2,.8,.25,1);
}
@keyframes proofPulse {
  0% { opacity:.2; transform:translateY(10px) scale(.94); }
  70% { opacity:1; transform:translateY(0) scale(1.035); }
  100% { transform:scale(1); }
}
@media (max-width:760px) {
  .scrapbook-facts div { min-height:118px !important; padding:18px !important; }
  .scrapbook-facts div:not(.fact-accent) strong { font-size:clamp(2.65rem,13vw,3.7rem) !important; }
}
@media (prefers-reduced-motion:reduce) {
  .scrapbook-facts strong.is-counting { animation:none !important; }
}
/* v173: keep the four-digit proof comfortably inside its card */
.scrapbook-facts div:nth-child(2) strong {
  font-size:clamp(2.7rem,3vw,3.9rem) !important;
}
/* v174: calmer proof-number scale */
.scrapbook-facts div {
  min-height:112px !important;
  padding:20px 22px !important;
}
.scrapbook-facts div:not(.fact-accent) strong,
.scrapbook-facts div:nth-child(2) strong {
  font-size:clamp(1.9rem,2.05vw,2.55rem) !important;
  line-height:.95 !important;
  white-space:nowrap;
}
.scrapbook-facts div:not(.fact-accent) span {
  margin-top:9px;
}
.scrapbook-facts div:not(.fact-accent)::after {
  width:62px;
  height:62px;
  right:-22px;
  top:-24px;
  border-width:7px;
}
@media (max-width:760px) {
  .scrapbook-facts div { min-height:102px !important; }
  .scrapbook-facts div:not(.fact-accent) strong,
  .scrapbook-facts div:nth-child(2) strong { font-size:clamp(1.8rem,9vw,2.35rem) !important; }
}
/* v175: compact tool icons below portrait */
.scrapbook-tool-icons {
  grid-column:1 !important;
  grid-row:2 !important;
  align-self:start !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding-top:4px;
}
.scrapbook-tool-icon {
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:0 0 48px;
  border-radius:15px;
  background:#111;
  color:#ff6842;
  font-size:.92rem;
  font-weight:900;
  box-shadow:0 14px 24px -18px rgba(0,0,0,.7);
  transform:rotate(-2deg);
  transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;
}
.scrapbook-tool-icon:nth-child(even) { transform:rotate(2deg); }
.scrapbook-tool-icon:hover {
  transform:translateY(-4px) rotate(0deg) scale(1.05);
  box-shadow:0 18px 28px -17px rgba(0,0,0,.72);
}
.scrapbook-tool-icon.tool-neural {
  background:linear-gradient(145deg,#ff6842,#ff8a55);
  color:#fff;
  font-size:1.35rem;
}
.scrapbook-facts {
  grid-column:2 / 4 !important;
  grid-template-columns:repeat(3,1fr) !important;
}
@media (max-width:1100px) {
  .scrapbook-tool-icons { grid-column:1 / -1 !important; grid-row:auto !important; justify-content:flex-start; }
  .scrapbook-facts { grid-column:1 / -1 !important; }
}
@media (max-width:760px) {
  .scrapbook-tool-icons { display:flex !important; grid-template-columns:none !important; gap:8px; padding-top:0; }
  .scrapbook-tool-icon { width:44px; height:44px; flex-basis:44px; border-radius:14px; }
  .scrapbook-facts { grid-template-columns:1fr 1fr !important; }
}
/* v176: lock the simplified about composition to its intended grid */
@media (min-width:1101px) {
  .scrapbook-photo {
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .scrapbook-main {
    grid-column:2 / 4 !important;
    grid-row:1 !important;
    max-width:650px;
  }
  .scrapbook-tool-icons {
    grid-column:1 !important;
    grid-row:2 !important;
  }
  .scrapbook-facts {
    grid-column:2 / 4 !important;
    grid-row:2 !important;
  }
}
/* v177: align the simplified about composition */
@media (min-width:1101px) {
  .scrapbook-photo {
    position:relative;
    top:18px;
  }
  .scrapbook-tool-icons,
  .scrapbook-facts {
    align-self:start !important;
    padding-top:0 !important;
  }
  .scrapbook-tool-icons {
    width:320px;
    justify-self:center;
    justify-content:flex-start;
  }
}
/* v178: final optical top alignment */
@media (min-width:1101px) {
  .scrapbook-photo { top:8px; }
}
/* v179: grounded two-column about composition */
@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-columns:320px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:clamp(64px,5vw,92px) !important;
    row-gap:24px !important;
    align-content:center !important;
    align-items:start !important;
    min-height:650px !important;
    padding:clamp(68px,5vw,88px) clamp(76px,6vw,108px) !important;
  }
  .scrapbook-photo {
    grid-column:1 !important;
    grid-row:1 !important;
    top:0 !important;
    align-self:start !important;
    justify-self:stretch !important;
    max-width:none !important;
  }
  .scrapbook-main {
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:center !important;
    max-width:680px !important;
  }
  .scrapbook-tool-icons {
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    justify-self:stretch !important;
    justify-content:flex-start !important;
    align-self:start !important;
    padding:0 4px !important;
    gap:9px !important;
  }
  .scrapbook-facts {
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:start !important;
    padding:0 !important;
    gap:16px !important;
  }
}
.scrapbook-tool-icon,
.scrapbook-tool-icon:nth-child(even) {
  width:42px;
  height:42px;
  flex-basis:42px;
  border-radius:13px;
  background:#e9e5df;
  color:#6d6761;
  box-shadow:none;
  transform:none;
  font-size:.8rem;
}
.scrapbook-tool-icon.tool-neural {
  background:#f1e2dc;
  color:#b87966;
  font-size:1.05rem;
}
.scrapbook-tool-icon:hover,
.scrapbook-tool-icon:nth-child(even):hover {
  color:#ff6842;
  background:#fff;
  transform:translateY(-2px);
  box-shadow:0 12px 22px -19px rgba(0,0,0,.55);
}
@media (max-width:1100px) {
  .scrapbook-tool-icon,
  .scrapbook-tool-icon:nth-child(even) { transform:none; }
}
/* v180: contained about composition and shared lower grid */
@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-columns:320px minmax(0,1fr) !important;
    grid-template-rows:minmax(390px,auto) 112px !important;
    column-gap:clamp(70px,5.4vw,96px) !important;
    row-gap:28px !important;
    align-content:center !important;
    align-items:stretch !important;
    min-height:680px !important;
    padding:clamp(78px,5.6vw,96px) clamp(86px,6.5vw,118px) !important;
  }
  .scrapbook-photo {
    grid-column:1 !important;
    grid-row:1 !important;
    top:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:390px !important;
    align-self:stretch !important;
    justify-self:stretch !important;
  }
  .scrapbook-main {
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:center !important;
    max-width:680px !important;
  }
  .scrapbook-tool-icons {
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    height:112px;
    display:grid !important;
    grid-template-columns:repeat(5,42px) !important;
    grid-template-rows:auto 42px !important;
    align-content:end !important;
    align-items:end !important;
    justify-content:start !important;
    gap:10px 9px !important;
    padding:0 !important;
  }
  .scrapbook-tools-caption {
    grid-column:1 / -1;
    align-self:end;
    color:#77716b;
    font-size:.68rem;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
  }
  .scrapbook-facts {
    grid-column:2 !important;
    grid-row:2 !important;
    height:112px;
    align-self:end !important;
    grid-template-columns:repeat(3,1fr) !important;
  }
  .scrapbook-facts div {
    height:112px;
    min-height:112px !important;
  }
}
@media (max-width:1100px) {
  .scrapbook-tools-caption {
    width:100%;
    color:#77716b;
    font-size:.68rem;
    font-weight:800;
    text-transform:uppercase;
  }
}
/* v181: give the portrait a little more air above */
@media (min-width:1101px) {
  .scrapbook-photo { transform:translateY(24px) rotate(-1deg); }
  .scrapbook-photo:hover { transform:translateY(19px) rotate(0deg); }
}
/* v182: subtly widen the portrait */
@media (min-width:1101px) {
  .scrapbook-photo {
    width:calc(100% + 24px) !important;
    max-width:none !important;
    margin-left:-12px !important;
    margin-right:-12px !important;
  }
}
/* v183: guard the about handoff against legacy section spacing */
.intro-panel-advantages:has(.about-scrapbook) {
  padding:0 !important;
}
.intro-panel-advantages > .container:has(.about-scrapbook) {
  transform:none !important;
}
.about-scrapbook {
  margin:0 !important;
  padding:0 !important;
}
/* v184: keep the hero headline inside narrow screens */
@media (max-width:600px) {
  .intro-panel-hero .hero-content h1 {
    max-width:100% !important;
    font-size:clamp(2.15rem,10.4vw,2.75rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.065em !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
}
/* v185: quieter author-name hierarchy in the about section */
.scrapbook-main h2 {
  margin:10px 0 14px !important;
  max-width:100% !important;
  font-size:clamp(2.35rem,3vw,3.25rem) !important;
  line-height:.88 !important;
  letter-spacing:-.045em !important;
}
@media (max-width:760px) {
  .scrapbook-main h2 {
    font-size:clamp(2.3rem,10.5vw,3.1rem) !important;
    line-height:.9 !important;
  }
}
/* v186: extend the torn-paper sheet slightly to the right */
@media (min-width:1200px) {
  .scrapbook-stage { overflow:visible !important; }
  .scrapbook-paper {
    width:calc(100% + clamp(70px,5.5vw,110px)) !important;
  }
}
/* v187: simple direct contact row in the about section */
.scrapbook-contact {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 14px;
  margin-top:22px;
}
.scrapbook-contact > span {
  color:#111;
  font-size:.82rem;
  font-weight:800;
}
.scrapbook-contact-actions { display:flex; gap:8px; }
.scrapbook-contact-actions a {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#111;
  background:#fff;
  box-shadow:0 12px 25px -20px rgba(0,0,0,.75);
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.scrapbook-contact-actions a:last-child {
  color:#fff;
  background:linear-gradient(135deg,#ff603d,#ff7950);
}
.scrapbook-contact-actions a:hover { transform:translateY(-2px); }
.scrapbook-contact-actions svg { width:17px; height:17px; fill:currentColor; }
@media (max-width:520px) {
  .scrapbook-contact { align-items:flex-start; flex-direction:column; }
}
/* v188: copied-state feedback for the about email icon */
.scrapbook-contact-actions button {
  border:0;
  padding:0;
  font:inherit;
  cursor:pointer;
}
.scrapbook-contact-actions a,
.scrapbook-contact-actions button {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#111;
  background:#fff;
  box-shadow:0 12px 25px -20px rgba(0,0,0,.75);
  transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease;
}
.scrapbook-contact-actions button.is-copied {
  color:#fff;
  background:#2ca568;
  box-shadow:0 14px 28px -20px rgba(44,165,104,.8);
}
.scrapbook-contact-actions a:hover,
.scrapbook-contact-actions button:hover { transform:translateY(-2px); }
/* v189: align the portfolio to the shared wide page guides */
@media (min-width:1200px) {
  #portfolio.container.portfolio-section,
  #portfolio.portfolio-section {
    padding-left:max(48px,calc((100% - 1480px) / 2)) !important;
    padding-right:max(48px,calc((100% - 1480px) / 2)) !important;
  }
  #portfolio > .section-head,
  #portfolio > .tabs,
  #portfolio > .portfolio-grid {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  #portfolio > .section-head {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
    align-items:end !important;
  }
  #portfolio > .section-head > div { grid-column:1 / span 2; }
  #portfolio > .section-head > p {
    grid-column:3;
    max-width:none !important;
    justify-self:stretch !important;
  }
}

/* v190: one horizontal guide for every major page section */
:root {
  --site-content-max:1480px;
  --site-gutter:clamp(18px,3.35vw,64px);
}

.container,
.footer-inner,
.intro-panel-hero > .container,
.intro-panel-advantages > .container,
.intro-panel-advantages > .container:has(.about-scrapbook),
#portfolio.container.portfolio-section,
#portfolio.portfolio-section {
  width:min(var(--site-content-max),calc(100% - var(--site-gutter) * 2)) !important;
  max-width:var(--site-content-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  transform:none !important;
}

.scrapbook-stage,
.scrapbook-paper {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.intro-panel-advantages .about-scrapbook,
.intro-panel-advantages .advantages.about-scrapbook {
  width:100% !important;
  max-width:none !important;
}

@media (min-width:1200px) {
  .scrapbook-paper {
    width:100% !important;
  }
}

@media (max-width:760px) {
  :root {
    --site-gutter:18px;
  }
}

/* v191: align the home hero to the shared outer guides */
@media (min-width:1400px) {
  .intro-panel-hero .hero {
    grid-template-columns:minmax(0,650px) minmax(0,1fr) !important;
    column-gap:clamp(48px,5vw,96px) !important;
  }

  .intro-panel-hero .hero-content {
    max-width:650px !important;
    transform:none !important;
    justify-self:start !important;
  }

  .intro-panel-hero .hero-works,
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    margin-left:auto !important;
    margin-right:0 !important;
    justify-self:end !important;
  }
}

/* v199: remove white corner slivers from the project viewer */
.slideshow .slide-inner {
  background:#141414 !important;
  border-radius:24px !important;
}

.slideshow.open {
  background:rgba(10,10,10,.78) !important;
}

.slideshow .slide-info {
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}

.slideshow .slide-info::-webkit-scrollbar {
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* v201: compact portfolio, working filters and tall-project viewer */
#portfolio .portfolio-card.hidden,
#portfolio .portfolio-card.portfolio-filtered-out,
#portfolio .portfolio-card.portfolio-overflow-hidden,
#portfolio .portfolio-card.future-card {
  display:none !important;
}

#portfolio .portfolio-more {
  min-height:52px;
  margin:34px auto 0;
  padding:0 28px;
  display:block;
  color:#fff;
  background:#111;
  border:0;
  border-radius:999px;
  font-family:inherit;
  font-size:.9rem;
  line-height:1;
  font-weight:800;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease;
}

#portfolio .portfolio-more:hover {
  transform:translateY(-2px);
  background:#ff6b3d;
}

#portfolio .portfolio-more[hidden] {
  display:none !important;
}

.slideshow.is-tall-project .slide-image-wrap {
  align-items:flex-start !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  scrollbar-width:auto;
  scrollbar-color:#ff6b3d rgba(255,255,255,.16);
}

.slideshow.is-tall-project .slide-image {
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
}

.slideshow.is-tall-project .slide-image-wrap::-webkit-scrollbar {
  width:16px;
}

.slideshow.is-tall-project .slide-image-wrap::-webkit-scrollbar-thumb {
  min-height:72px;
  background:#ff6b3d;
  border:4px solid #343434;
  border-radius:999px;
}

.slideshow.is-tall-project .slide-image-wrap::-webkit-scrollbar-track {
  background:#343434;
}

/* v203: motion projects in the portfolio viewer */
.slideshow .slide-video {
  display:none;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  background:#111;
}

.slideshow.is-video-project .slide-image {
  display:none !important;
}

.slideshow.is-video-project .slide-video {
  display:block;
}

.slideshow.is-video-project .slide-image-wrap {
  align-items:center !important;
  overflow:hidden !important;
}

/* v204: embedded PDF presentations in the portfolio viewer */
.slideshow .slide-pdf {
  display:none;
  width:100%;
  height:100%;
  min-height:0;
  border:0;
  background:#fff;
}

.slideshow.is-pdf-project .slide-image,
.slideshow.is-pdf-project .slide-video {
  display:none !important;
}

.slideshow.is-pdf-project .slide-pdf {
  display:block;
}

.slideshow.is-pdf-project .slide-image-wrap {
  align-items:stretch !important;
  overflow:hidden !important;
  background:#3b3b3b !important;
}

@media (max-width:980px) {
  .slideshow.is-pdf-project .slide-image-wrap {
    height:72vh !important;
  }
}

/* v205: image zoom controls in the portfolio viewer */
.slideshow .slide-image-wrap {
  position:relative !important;
}

.slideshow .slide-zoom-controls {
  position:absolute;
  left:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px;
  color:#fff;
  background:rgba(18,18,18,.78);
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  box-shadow:0 12px 28px rgba(0,0,0,.3);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  z-index:8;
}

.slideshow .slide-zoom-controls button,
.slideshow .slide-zoom-controls span {
  min-width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0 9px;
  color:#fff;
  background:rgba(255,255,255,.1);
  border:0;
  border-radius:999px;
  font-family:inherit;
  font-size:.78rem;
  font-weight:800;
}

.slideshow .slide-zoom-controls button {
  cursor:pointer;
}

.slideshow .slide-zoom-controls button:not(.zoom-reset) {
  font-size:1.12rem;
  line-height:1;
}

.slideshow .slide-zoom-controls button:hover {
  background:#ff6b3d;
}

.slideshow .slide-zoom-controls .zoom-reset {
  padding:0 13px;
}

/* Keep supporting copy readable on the colored mini-price cards. */
.mini-price-card.is-accent p {
  color:rgba(255,255,255,.88) !important;
}

.mini-price-card.is-dark p {
  color:rgba(255,255,255,.72) !important;
}

.slideshow.is-video-project .slide-zoom-controls,
.slideshow.is-pdf-project .slide-zoom-controls {
  display:none;
}

.slideshow.is-image-zoomed .slide-image-wrap {
  display:block !important;
  overflow:auto !important;
  cursor:auto !important;
}

.slideshow.is-image-zoomed .slide-image {
  margin:0 auto !important;
  cursor:zoom-out !important;
  user-select:none;
  image-rendering:auto;
}

.slideshow.is-image-zoomed .slide-image-wrap::-webkit-scrollbar {
  width:14px;
  height:14px;
}

.slideshow.is-image-zoomed .slide-image-wrap::-webkit-scrollbar-track {
  background:#343434;
}

.slideshow.is-image-zoomed .slide-image-wrap::-webkit-scrollbar-thumb {
  background:#ff6b3d;
  border:3px solid #343434;
  border-radius:999px;
}

/* v202: give the left hero previews more visual weight */
@media (min-width:1400px) {
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    grid-template-columns:285px 350px !important;
    width:661px !important;
    max-width:661px !important;
  }

  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-1 {
    width:285px !important;
    height:310px !important;
  }

  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-3 {
    width:285px !important;
    height:270px !important;
  }
}

@media (min-width:1800px) {
  .intro-panel-hero .hero-works.hero-works-clean-grid {
    grid-template-columns:300px 370px !important;
    width:700px !important;
    max-width:700px !important;
  }

  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-1 {
    width:300px !important;
    height:330px !important;
  }

  .intro-panel-hero .hero-works.hero-works-clean-grid .hero-work-3 {
    width:300px !important;
    height:285px !important;
  }
}

/* v200: frosted glass information panel */
.slideshow .slide-info {
  background:linear-gradient(155deg,rgba(24,24,24,.72),rgba(12,12,12,.64)) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  backdrop-filter:blur(26px) saturate(115%) !important;
  -webkit-backdrop-filter:blur(26px) saturate(115%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 60px -38px rgba(0,0,0,.7) !important;
}

/* Square grid crop for the suitcases banner; the popup keeps the full banner. */
#portfolio .suitcases-square-preview .portfolio-media img {
  width:100% !important;
  height:100% !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:80% center !important;
}

/* Readable square crop of the winter banner while preserving the full popup image. */
#portfolio .winter-hats-square-preview .portfolio-media img {
  width:100% !important;
  height:100% !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:20% center !important;
}

/* Central square crop keeps the strongest halftone elements readable. */
#portfolio .halftone-square-preview .portfolio-media img {
  width:100% !important;
  height:100% !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Square crop highlights the seasonal garden products from the full promo banner. */
#portfolio .seasonal-garden-square-preview .portfolio-media img {
  width:100% !important;
  height:100% !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:88% center !important;
}

/* Brand-led square crop for the recognizable Belevskaya label. */
#portfolio .belevskaya-square-preview .portfolio-media img {
  width:100% !important;
  height:100% !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
  object-position:15% center !important;
}

/* Focused square crops for wide portfolio banners. */
#portfolio .perfume-square-preview .portfolio-media img,
#portfolio .byredo-square-preview .portfolio-media img,
#portfolio .koru-square-preview .portfolio-media img,
#portfolio .fresh-garden-square-preview .portfolio-media img,
#portfolio .tattoo-square-preview .portfolio-media img {
  width:100% !important;
  height:100% !important;
  aspect-ratio:1 / 1 !important;
  object-fit:cover !important;
}

#portfolio .perfume-square-preview .portfolio-media img {
  object-position:18% center !important;
}

#portfolio .byredo-square-preview .portfolio-media img {
  object-position:32% center !important;
}

#portfolio .koru-square-preview .portfolio-media img {
  object-position:63% center !important;
}

#portfolio .fresh-garden-square-preview .portfolio-media img {
  object-position:25% center !important;
}

#portfolio .tattoo-square-preview .portfolio-media img {
  object-position:43% center !important;
}

/* Hover proof cards for stock and freelance experience. */
.scrapbook-facts .proof-fact {
  cursor:help;
  overflow:visible !important;
}

.proof-preview {
  position:absolute;
  z-index:30;
  left:50%;
  bottom:calc(100% + 14px);
  width:min(360px,80vw);
  padding:18px;
  display:grid;
  gap:8px;
  color:#111;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(17,17,17,.1);
  border-radius:20px;
  box-shadow:0 24px 60px rgba(17,17,17,.2);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,10px) scale(.97);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}

.proof-preview b {
  font-size:1rem;
}

.proof-preview span,
.proof-preview em {
  margin:0 !important;
  color:#555 !important;
  font-size:.78rem !important;
  font-style:normal;
  line-height:1.4;
}

.proof-preview a {
  width:max-content;
  margin-top:4px;
  padding:8px 12px;
  color:#fff;
  background:#111;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  text-decoration:none;
  pointer-events:auto;
}

.proof-preview-freelance {
  border-top:5px solid #45ad25;
}

.proof-fact:hover .proof-preview,
.proof-fact:focus .proof-preview,
.proof-fact:focus-within .proof-preview {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0) scale(1);
}

@media (max-width:760px) {
  .proof-preview {
    position:fixed;
    left:16px;
    right:16px;
    bottom:18px;
    width:auto;
    transform:translateY(10px) scale(.97);
  }

  .proof-fact:focus .proof-preview,
  .proof-fact:focus-within .proof-preview {
    transform:translateY(0) scale(1);
  }
}

/* Keep the three proof cards visually aligned after adding hover previews. */
.scrapbook-facts > div,
.scrapbook-facts > .proof-fact {
  box-sizing:border-box !important;
  height:112px !important;
  min-height:112px !important;
  padding:20px 22px !important;
  justify-content:flex-end !important;
  overflow:visible !important;
}

.scrapbook-facts > div:not(.fact-accent) strong {
  font-size:clamp(1.65rem,1.8vw,2.15rem) !important;
  line-height:1 !important;
  transform:translateY(4px);
}

.scrapbook-facts > div:nth-child(2) strong {
  font-size:clamp(1.55rem,1.65vw,2rem) !important;
}

.scrapbook-facts > div:not(.fact-accent) span {
  min-height:30px;
  margin-top:9px !important;
  line-height:1.25 !important;
}

.scrapbook-facts > div:not(.fact-accent)::after {
  display:none !important;
}

/* Compact editorial hierarchy for the three proof cards. */
.scrapbook-facts > div,
.scrapbook-facts > .proof-fact {
  display:grid !important;
  grid-template-rows:14px 34px minmax(28px,auto) !important;
  align-content:center !important;
  gap:3px !important;
  padding:15px 18px !important;
}

.scrapbook-facts > div > small {
  position:relative;
  z-index:1;
  color:#ff6b3d;
  font-size:.58rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.scrapbook-facts > div:not(.fact-accent) strong,
.scrapbook-facts > div:nth-child(2) strong {
  align-self:center;
  font-size:clamp(1.45rem,1.65vw,1.95rem) !important;
  line-height:1 !important;
  transform:none !important;
}

.scrapbook-facts > div:not(.fact-accent) span {
  min-height:0 !important;
  margin:0 !important;
  align-self:start;
  font-size:.61rem !important;
  line-height:1.3 !important;
}

/* Editorial proof strip: lighter than three separate white cards. */
.scrapbook-facts {
  gap:0 !important;
  overflow:visible;
  border:1px solid rgba(18,18,18,.08);
  border-radius:20px;
  background:rgba(255,255,255,.76);
  box-shadow:0 14px 32px rgba(24,20,17,.08);
  backdrop-filter:blur(8px);
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact {
  height:104px !important;
  min-height:104px !important;
  padding:16px 20px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.scrapbook-facts > div + div {
  position:relative;
  border-left:0 !important;
}

.scrapbook-facts > div + div::before {
  content:"";
  position:absolute;
  left:0;
  top:20px;
  bottom:20px;
  width:2px;
  border-radius:2px;
  background:#ff6542;
}

.scrapbook-facts > div:first-child {
  border-radius:14px 0 0 14px !important;
}

.scrapbook-facts > div:last-child {
  border-radius:0 17px 17px 0 !important;
}

.scrapbook-facts > div > small {
  font-size:.57rem;
  letter-spacing:.1em;
}

.scrapbook-facts > div:not(.fact-accent) strong,
.scrapbook-facts > div:nth-child(2) strong {
  font-size:clamp(1.5rem,1.7vw,2rem) !important;
}

@media (max-width:760px) {
  .scrapbook-facts {
    border-left:1px solid rgba(18,18,18,.08);
  }

  .scrapbook-facts > div + div {
    border-left:0 !important;
    border-top:1px solid rgba(18,18,18,.1) !important;
  }

  .scrapbook-facts > div + div::before {
    left:18px;
    right:18px;
    top:0;
    bottom:auto;
    width:auto;
    height:2px;
  }
}

/* Onest keeps small Cyrillic text clean while display headings stay expressive. */
body,
button,
input,
textarea,
.scrapbook-copy,
.scrapbook-contact,
.scrapbook-tools,
.scrapbook-facts,
.proof-preview,
.portfolio-card,
.filter-btn {
  font-family:'Raleway',Arial,sans-serif;
}

/* Refined navigation typography with full Cyrillic support. */
header .nav-links a:not(.order) {
  font-family:'Raleway',Arial,sans-serif !important;
  font-size:.82rem !important;
  font-weight:500 !important;
  letter-spacing:.055em !important;
}

/* Spacious centered facts panel inspired by the approved visual reference. */
.scrapbook-facts {
  min-height:154px;
  border:1px solid rgba(18,18,18,.06);
  border-radius:24px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 38px rgba(24,20,17,.07);
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact {
  height:154px !important;
  min-height:154px !important;
  padding:24px 28px !important;
  grid-template-rows:18px 58px auto !important;
  align-content:center !important;
  justify-items:center;
  gap:4px !important;
  text-align:center;
}

.scrapbook-facts > div > small {
  color:#ff6542;
  font-size:.68rem;
  line-height:1;
  letter-spacing:.055em;
}

.scrapbook-facts > div:not(.fact-accent) strong,
.scrapbook-facts > div:nth-child(2) strong {
  align-self:center;
  font-size:clamp(2.35rem,3.1vw,3.75rem) !important;
  font-weight:900;
  line-height:.95 !important;
  letter-spacing:-.055em;
}

.scrapbook-facts > div:not(.fact-accent) > span {
  max-width:240px;
  align-self:start;
  color:#666;
  font-size:.78rem !important;
  font-weight:500;
  line-height:1.35 !important;
  text-align:center;
}

.scrapbook-facts > div + div::before {
  top:28px;
  bottom:28px;
  width:1px;
  background:rgba(255,101,66,.9);
}

@media (max-width:760px) {
  .scrapbook-facts {
    min-height:0;
  }

  .scrapbook-facts > div,
  .scrapbook-facts > .proof-fact {
    height:126px !important;
    min-height:126px !important;
    grid-template-rows:16px 46px auto !important;
    padding:18px 20px !important;
  }

  .scrapbook-facts > div:not(.fact-accent) strong,
  .scrapbook-facts > div:nth-child(2) strong {
    font-size:2.25rem !important;
  }
}

/* Keep the centered composition, but return the panel to a compact scale. */
.scrapbook-facts {
  min-height:116px;
  border-radius:20px;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact {
  height:116px !important;
  min-height:116px !important;
  padding:16px 20px !important;
  grid-template-rows:14px 42px auto !important;
  gap:3px !important;
}

.scrapbook-facts > div > small {
  font-size:.56rem;
}

.scrapbook-facts > div:not(.fact-accent) strong,
.scrapbook-facts > div:nth-child(2) strong {
  font-size:clamp(1.85rem,2.25vw,2.65rem) !important;
}

.scrapbook-facts > div:not(.fact-accent) > span {
  max-width:210px;
  font-size:.64rem !important;
  line-height:1.3 !important;
}

.scrapbook-facts > div + div::before {
  top:20px;
  bottom:20px;
}

/* The facts strip contains exactly three items; remove the legacy fourth slot. */
.scrapbook-facts {
  grid-template-columns:minmax(180px,.82fr) minmax(290px,1.22fr) minmax(230px,.96fr) !important;
  padding:0 !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple {
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  transform:none !important;
}

@media (max-width:760px) {
  .scrapbook-facts {
    grid-template-columns:1fr !important;
  }
}

@media (min-width:1101px) {
  .scrapbook-facts > div:first-child {
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .scrapbook-facts > div:nth-child(2) {
    padding-left:24px !important;
    padding-right:24px !important;
  }
}

/* Clearer about copy and three independent proof cards. */
.scrapbook-main > p:not(.scrapbook-lead) {
  max-width:650px;
  color:#343230;
  font-size:clamp(1rem,.95vw,1.12rem);
  font-weight:450;
  line-height:1.68;
  letter-spacing:-.012em;
}

.scrapbook-main .scrapbook-lead {
  max-width:650px;
  margin-bottom:14px;
  font-size:clamp(1.12rem,1.08vw,1.3rem);
  font-weight:700;
  line-height:1.42;
  letter-spacing:-.015em;
}

.scrapbook-stock-link {
  font-weight:750;
  text-decoration:underline;
  text-decoration-color:rgba(255,101,66,.5);
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}

.scrapbook-contact > span {
  font-size:.86rem;
  font-weight:650;
}

.scrapbook-facts {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  overflow:visible;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple {
  position:relative;
  height:148px !important;
  min-height:148px !important;
  padding:20px 22px 18px !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  align-content:stretch !important;
  justify-items:start !important;
  gap:5px !important;
  overflow:visible !important;
  border:1px solid rgba(22,20,18,.08) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 16px 32px -25px rgba(25,20,16,.42) !important;
  text-align:left !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.scrapbook-facts > div::before {
  content:"";
  position:absolute;
  top:0 !important;
  bottom:auto !important;
  left:20px !important;
  width:42px !important;
  height:3px !important;
  border-radius:0 0 4px 4px;
  background:#ff6542 !important;
}

.scrapbook-facts > div + div::before {
  right:auto !important;
}

.scrapbook-facts > div > small {
  margin-top:8px;
  color:#6d6761;
  font-size:.69rem;
  font-weight:750;
  line-height:1.1;
  letter-spacing:.07em;
}

.scrapbook-facts > div:not(.fact-accent) strong,
.scrapbook-facts > div:nth-child(2) strong {
  align-self:center;
  color:#ff6542;
  font-size:clamp(2rem,2.25vw,2.7rem) !important;
  font-weight:800;
  line-height:1 !important;
  letter-spacing:-.045em;
}

.scrapbook-facts > div:not(.fact-accent) > span {
  max-width:none;
  align-self:end;
  color:#3f3b38;
  font-size:.76rem !important;
  font-weight:550;
  line-height:1.35 !important;
  text-align:left;
}

.scrapbook-facts > .proof-fact::after {
  content:"↗";
  position:absolute;
  top:16px;
  right:17px;
  color:#ff6542;
  font-size:.9rem;
  font-weight:800;
}

.scrapbook-facts > .proof-fact:hover,
.scrapbook-facts > .proof-fact:focus-visible {
  transform:translateY(-5px) !important;
  border-color:rgba(255,101,66,.34) !important;
  box-shadow:0 22px 38px -25px rgba(25,20,16,.48) !important;
  outline:none;
}

@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-rows:minmax(390px,auto) 148px !important;
  }

  .scrapbook-facts {
    height:148px !important;
  }
}

@media (max-width:760px) {
  .scrapbook-main > p:not(.scrapbook-lead) {
    font-size:1rem;
    line-height:1.62;
  }

  .scrapbook-facts {
    gap:10px !important;
  }

  .scrapbook-facts > div,
  .scrapbook-facts > .proof-fact,
  .scrapbook-facts > .proof-fact-simple {
    height:132px !important;
    min-height:132px !important;
    padding:17px 19px 16px !important;
  }
}

/* Alternative facts treatment: one confident dark editorial panel. */
.scrapbook-facts {
  gap:0 !important;
  padding:8px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:24px !important;
  background:#171615 !important;
  box-shadow:0 22px 42px -28px rgba(20,16,13,.7) !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple {
  height:132px !important;
  min-height:132px !important;
  padding:20px 24px !important;
  border:0 !important;
  border-radius:18px !important;
  background:transparent !important;
  box-shadow:none !important;
}

.scrapbook-facts > div + div {
  border-left:1px solid rgba(255,255,255,.14) !important;
}

.scrapbook-facts > div::before {
  top:20px !important;
  left:24px !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#ff6542 !important;
}

.scrapbook-facts > div > small {
  margin-top:1px;
  padding-left:17px;
  color:#c8c2bc;
  font-size:.68rem;
  font-weight:650;
  letter-spacing:.06em;
}

.scrapbook-facts > div:not(.fact-accent) strong,
.scrapbook-facts > div:nth-child(2) strong {
  color:#fff;
  font-size:clamp(2.1rem,2.4vw,2.85rem) !important;
  font-weight:750;
  letter-spacing:-.04em;
}

.scrapbook-facts > div:not(.fact-accent) > span {
  color:#aaa39d;
  font-size:.74rem !important;
  font-weight:500;
}

.scrapbook-facts > .proof-fact::after {
  color:#ff7652;
  top:19px;
  right:20px;
}

.scrapbook-facts > .proof-fact:hover,
.scrapbook-facts > .proof-fact:focus-visible {
  transform:none !important;
  border-color:transparent !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:none !important;
}

@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-rows:minmax(390px,auto) 148px !important;
  }

  .scrapbook-facts {
    height:148px !important;
  }
}

@media (max-width:760px) {
  .scrapbook-facts {
    padding:7px !important;
  }

  .scrapbook-facts > div,
  .scrapbook-facts > .proof-fact,
  .scrapbook-facts > .proof-fact-simple {
    height:126px !important;
    min-height:126px !important;
  }

  .scrapbook-facts > div + div {
    border-left:0 !important;
    border-top:1px solid rgba(255,255,255,.14) !important;
  }
}

/* Light facts treatment: airy columns integrated into the paper. */
.scrapbook-facts {
  gap:clamp(18px,2.2vw,34px) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple {
  height:138px !important;
  min-height:138px !important;
  padding:20px 4px 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.scrapbook-facts > div + div {
  border-left:0 !important;
}

.scrapbook-facts > div::before {
  top:0 !important;
  left:4px !important;
  width:100% !important;
  height:1px !important;
  border-radius:0 !important;
  background:rgba(22,20,18,.18) !important;
}

.scrapbook-facts > div::after {
  content:"";
  position:absolute;
  top:-1px;
  left:4px;
  width:48px;
  height:3px;
  border-radius:3px;
  background:#ff6542;
}

.scrapbook-facts > div > small {
  margin:0;
  padding:0;
  color:#79716b;
  font-size:.69rem;
  font-weight:700;
  letter-spacing:.075em;
}

.scrapbook-facts > div:not(.fact-accent) strong,
.scrapbook-facts > div:nth-child(2) strong {
  color:#171615;
  font-size:clamp(2.25rem,2.7vw,3.2rem) !important;
  font-weight:750;
  letter-spacing:-.05em;
}

.scrapbook-facts > div:not(.fact-accent) > span {
  max-width:230px;
  color:#57514c;
  font-size:.78rem !important;
  font-weight:500;
  line-height:1.4 !important;
}

.scrapbook-facts > .proof-fact::after {
  content:"↗";
  top:20px;
  right:4px;
  left:auto;
  width:auto;
  height:auto;
  color:#ff6542;
  background:transparent;
  font-size:.9rem;
}

.scrapbook-facts > .proof-fact:hover,
.scrapbook-facts > .proof-fact:focus-visible {
  transform:translateY(-3px) !important;
  background:transparent !important;
}

@media (max-width:760px) {
  .scrapbook-facts {
    gap:20px !important;
    padding:0 !important;
  }

  .scrapbook-facts > div,
  .scrapbook-facts > .proof-fact,
  .scrapbook-facts > .proof-fact-simple {
    height:126px !important;
    min-height:126px !important;
    padding:18px 4px 10px !important;
    border-top:0 !important;
  }
}

/* Align the facts block with the left edge of the about copy. */
.scrapbook-main,
.scrapbook-contact,
.scrapbook-facts {
  justify-self:stretch !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple {
  justify-items:start !important;
  justify-content:stretch !important;
  align-items:start !important;
  text-align:left !important;
}

.scrapbook-facts > div > small,
.scrapbook-facts > div > strong,
.scrapbook-facts > div > span {
  justify-self:start !important;
  text-align:left !important;
}

@media (min-width:1101px) {
  .scrapbook-facts > div:first-child {
    padding-left:0 !important;
  }

  .scrapbook-facts > div:first-child::before,
  .scrapbook-facts > div:first-child::after {
    left:0 !important;
  }
}

/* Full-width light proof panel inspired by the selected reference. */
.scrapbook-facts {
  gap:0 !important;
  padding:22px 24px !important;
  border:1px solid rgba(22,20,18,.07) !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:0 20px 42px -32px rgba(25,20,16,.42) !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple {
  width:100% !important;
  min-width:0 !important;
  height:142px !important;
  min-height:142px !important;
  padding:12px 20px !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  align-content:center !important;
  justify-items:center !important;
  gap:8px !important;
  text-align:center !important;
}

.scrapbook-facts > div + div {
  border-left:1px solid rgba(255,101,66,.72) !important;
}

/* Visible inset separators between the three proof items. */
.scrapbook-facts > div + div {
  border-left:0 !important;
}

.scrapbook-facts > div + div::before {
  display:none !important;
}

.scrapbook-facts::before,
.scrapbook-facts::after {
  content:"";
  position:absolute;
  z-index:4;
  top:28px;
  bottom:28px;
  width:2px;
  border-radius:2px;
  background:rgba(255,101,66,.78);
  pointer-events:none;
}

.scrapbook-facts::before {
  left:calc(33.333% - 7px);
}

.scrapbook-facts::after {
  left:calc(66.666% - 12px);
}

.scrapbook-facts {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.scrapbook-facts > div::before,
.scrapbook-facts > div::after {
  display:none !important;
}

.scrapbook-facts > div > small,
.scrapbook-facts > div > strong,
.scrapbook-facts > div > span {
  justify-self:center !important;
  text-align:center !important;
}

.scrapbook-facts > div > small {
  margin:0;
  padding:0;
  color:#ff6542;
  font-size:.76rem;
  font-weight:750;
  letter-spacing:.055em;
}

.scrapbook-facts > div:not(.fact-accent) strong,
.scrapbook-facts > div:nth-child(2) strong {
  align-self:center;
  color:#171615;
  font-size:clamp(2.7rem,3.6vw,4.25rem) !important;
  font-weight:800;
  line-height:.92 !important;
  letter-spacing:-.045em;
}

.scrapbook-facts > div:not(.fact-accent) > span {
  max-width:250px;
  align-self:start;
  color:#67615c;
  font-size:.88rem !important;
  font-weight:450;
  line-height:1.42 !important;
}

.scrapbook-facts > .proof-fact:hover,
.scrapbook-facts > .proof-fact:focus-visible {
  transform:none !important;
  background:rgba(255,101,66,.035) !important;
  border-radius:18px !important;
}

@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-rows:minmax(360px,auto) 190px !important;
    row-gap:22px !important;
  }

  .scrapbook-facts {
    height:190px !important;
  }
}

@media (max-width:760px) {
  .scrapbook-facts {
    padding:8px 18px !important;
  }

  .scrapbook-facts > div,
  .scrapbook-facts > .proof-fact,
  .scrapbook-facts > .proof-fact-simple {
    height:132px !important;
    min-height:132px !important;
  }

  .scrapbook-facts > div + div {
    border-left:0 !important;
    border-top:1px solid rgba(255,101,66,.5) !important;
  }
}

/* Alternative concept: three collected paper notes instead of a corporate panel. */
.scrapbook-facts {
  gap:14px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple {
  position:relative;
  height:154px !important;
  min-height:154px !important;
  padding:25px 22px 18px !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  align-content:center !important;
  justify-items:start !important;
  gap:5px !important;
  overflow:visible !important;
  border:1px solid rgba(20,18,16,.07) !important;
  border-radius:9px 24px 12px 20px !important;
  background:#fff !important;
  box-shadow:0 16px 28px -24px rgba(24,19,16,.5) !important;
  text-align:left !important;
  transform:rotate(-1deg) !important;
}

.scrapbook-facts > div:nth-child(2) {
  border-radius:22px 10px 20px 12px !important;
  background:#fffaf7 !important;
  transform:translateY(-7px) rotate(.7deg) !important;
}

.scrapbook-facts > div:nth-child(3) {
  border-radius:12px 22px 10px 20px !important;
  transform:rotate(-.45deg) !important;
}

.scrapbook-facts > div + div {
  border-left:1px solid rgba(20,18,16,.07) !important;
}

.scrapbook-facts > div::before {
  content:"";
  position:absolute;
  display:block !important;
  top:-7px !important;
  left:50% !important;
  width:48px !important;
  height:15px !important;
  border-radius:2px !important;
  background:rgba(255,167,137,.48) !important;
  box-shadow:none !important;
  transform:translateX(-50%) rotate(-2deg);
}

.scrapbook-facts > div:nth-child(2)::before {
  background:rgba(255,101,66,.48) !important;
  transform:translateX(-50%) rotate(3deg);
}

.scrapbook-facts > div:nth-child(3)::before {
  transform:translateX(-50%) rotate(1deg);
}

.scrapbook-facts > div::after {
  display:none !important;
}

.scrapbook-facts > div > small,
.scrapbook-facts > div > strong,
.scrapbook-facts > div > span {
  justify-self:start !important;
  text-align:left !important;
}

.scrapbook-facts > div > small {
  margin:0;
  padding:0;
  color:#ff6542;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.07em;
}

.scrapbook-facts > div:not(.fact-accent) strong,
.scrapbook-facts > div:nth-child(2) strong {
  align-self:center;
  color:#171615;
  font-size:clamp(2.35rem,3vw,3.45rem) !important;
  font-weight:800;
  line-height:.95 !important;
  letter-spacing:-.045em;
}

.scrapbook-facts > div:not(.fact-accent) > span {
  max-width:220px;
  align-self:end;
  color:#5f5954;
  font-size:.76rem !important;
  font-weight:500;
  line-height:1.35 !important;
}

.scrapbook-facts > .proof-fact:hover,
.scrapbook-facts > .proof-fact:focus-visible {
  background:#fff !important;
  box-shadow:0 24px 38px -26px rgba(24,19,16,.56) !important;
}

.scrapbook-facts > .proof-fact:nth-child(2):hover,
.scrapbook-facts > .proof-fact:nth-child(2):focus-visible {
  transform:translateY(-11px) rotate(0deg) !important;
}

.scrapbook-facts > .proof-fact:nth-child(3):hover,
.scrapbook-facts > .proof-fact:nth-child(3):focus-visible {
  transform:translateY(-4px) rotate(0deg) !important;
}

@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-rows:minmax(360px,auto) 176px !important;
  }

  .scrapbook-facts {
    height:176px !important;
  }
}

@media (max-width:760px) {
  .scrapbook-facts {
    gap:16px !important;
    padding:0 !important;
  }

  .scrapbook-facts > div,
  .scrapbook-facts > .proof-fact,
  .scrapbook-facts > .proof-fact-simple {
    height:132px !important;
    min-height:132px !important;
    transform:none !important;
  }

  .scrapbook-facts > div + div {
    border-top:1px solid rgba(20,18,16,.07) !important;
  }
}

/* Contact-led about footer with compact proof strip. */
.scrapbook-contact {
  display:grid !important;
  gap:12px !important;
  margin-top:24px !important;
  font-family:'Montserrat',Arial,sans-serif !important;
}

.scrapbook-contact-actions {
  display:flex !important;
  flex-wrap:wrap;
  gap:12px !important;
}

.scrapbook-contact-button {
  width:auto !important;
  height:54px !important;
  min-height:54px !important;
  padding:0 24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border:1px solid rgba(22,20,18,.07) !important;
  border-radius:15px !important;
  color:#171615 !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 15px 28px -23px rgba(25,20,16,.45) !important;
  font-size:.94rem !important;
  font-weight:650 !important;
  white-space:nowrap;
  transition:transform .22s ease,box-shadow .22s ease;
}

.scrapbook-contact-button svg {
  width:20px !important;
  height:20px !important;
  flex:0 0 20px;
  fill:currentColor;
}

.scrapbook-contact-button.telegram {
  color:#fff !important;
  border-color:#ff6542 !important;
  background:linear-gradient(135deg,#ff6542,#ff7651) !important;
  box-shadow:0 16px 28px -18px rgba(255,101,66,.62) !important;
}

.scrapbook-contact-button.vk:hover {
  color:#fff !important;
  border-color:#0077ff !important;
  background:#0077ff !important;
}

.scrapbook-contact-button.fl:hover {
  color:#fff !important;
  border-color:#ff6542 !important;
  background:#ff6542 !important;
}

.scrapbook-contact-button:hover {
  transform:translateY(-2px);
  box-shadow:0 20px 30px -22px rgba(25,20,16,.5);
}
.scrapbook-contact-button.email {
  font-family:inherit;
  cursor:pointer;
}
.scrapbook-contact-button.email.is-copied {
  color:#fff !important;
  border-color:#24864a !important;
  background:#24864a !important;
  box-shadow:0 16px 28px -18px rgba(36,134,74,.62) !important;
}

/* Footer social circles. */
.site-footer .footer-contact {
  justify-items:start !important;
  align-self:start;
  width:auto !important;
  min-width:190px;
}

.site-footer .footer-contact-head {
  text-align:left !important;
}

.site-footer .footer-contact-head span {
  color:#fff !important;
  font-size:1.08rem !important;
  font-weight:850 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

.site-footer .footer-contact-head small {
  display:none !important;
}

.site-footer .footer-contact-actions {
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:9px !important;
  width:auto !important;
}

.site-footer .footer-contact-actions .scrapbook-contact-button {
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  color:#fff !important;
  box-shadow:none !important;
}

.site-footer .footer-contact-actions .scrapbook-contact-button span {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
}

.site-footer .footer-contact-actions .scrapbook-contact-button svg {
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
}

.site-footer .footer-contact-actions .scrapbook-contact-button.telegram {
  background:#ff6542 !important;
}

.site-footer .footer-contact-actions .scrapbook-contact-button.vk {
  background:#ff6542 !important;
}

.site-footer .footer-contact-actions .scrapbook-contact-button.email {
  background:#ff6542 !important;
  color:#fff !important;
}

.site-footer .footer-contact-actions .scrapbook-contact-button.email.is-copied {
  background:#25d366 !important;
  color:#fff !important;
}

.site-footer .footer-contact-actions .scrapbook-contact-button:hover {
  transform:translateY(-2px) !important;
  filter:brightness(1.06);
}

.site-footer .footer-email-line {
  color:rgba(255,255,255,.72) !important;
  font-size:.86rem !important;
  line-height:1.35 !important;
  text-align:left !important;
  transition:color .22s ease;
}

.site-footer .footer-email-line:hover {
  color:#fff !important;
}

.cookie-banner {
  position:fixed;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:10000;
  width:min(620px, calc(100% - 48px));
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:24px;
  background:rgba(17,17,17,.88);
  color:#fff;
  box-shadow:0 24px 70px -42px rgba(0,0,0,.75);
  backdrop-filter:blur(14px);
}

.cookie-banner[hidden] {
  display:none !important;
}

.cookie-banner p {
  margin:0;
  color:#fff !important;
  font-size:.9rem;
  line-height:1.45;
}

.cookie-banner-actions {
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.cookie-banner-actions a {
  color:#fff !important;
  font-size:.88rem;
  font-weight:800;
  border-bottom:1px solid rgba(255,255,255,.3);
}

.cookie-banner-actions button {
  min-height:42px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:#ff6542;
  color:#fff;
  font:inherit;
  font-size:.9rem;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 14px 28px -20px rgba(255,101,66,.8);
}

@media (max-width:680px) {
  .cookie-banner {
    left:14px;
    right:14px;
    bottom:14px;
    width:calc(100% - 28px);
    align-items:flex-start;
    flex-direction:column;
  }

  .cookie-banner-actions {
    width:100%;
    justify-content:space-between;
  }
}

.legal-page {
  min-height:100vh;
  background:
    linear-gradient(rgba(246,241,233,.9), rgba(246,241,233,.9)),
    linear-gradient(90deg, rgba(28,24,20,.055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(28,24,20,.055) 1px, transparent 1px);
  background-size:auto, 32px 32px, 32px 32px;
  color:#111;
}

.legal-shell {
  width:min(980px, calc(100% - 40px));
  margin:0 auto;
  padding:42px 0 70px;
}

.legal-back {
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 18px;
  margin-bottom:18px;
  border-radius:999px;
  background:#111;
  color:#fff !important;
  font-weight:800;
}

.legal-card {
  padding:46px;
  border:1px solid rgba(20,18,16,.08);
  border-radius:34px;
  background:rgba(255,255,255,.92);
  box-shadow:0 30px 80px -60px rgba(20,18,16,.55);
}

.legal-kicker {
  margin:0 0 14px;
  color:var(--accent);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.legal-card h1 {
  max-width:780px;
  margin:0 0 12px;
  font-size:clamp(2.2rem, 6vw, 4.6rem);
  line-height:.9;
  letter-spacing:-.06em;
  text-transform:uppercase;
}

.legal-muted {
  color:#777;
}

.legal-card h2 {
  margin:34px 0 12px;
  font-size:1.25rem;
}

.legal-card p,
.legal-card li {
  color:#333;
  font-size:1rem;
  line-height:1.65;
}

.legal-card ul {
  display:grid;
  gap:7px;
  margin:10px 0 0;
  padding-left:20px;
}

.legal-card a {
  color:var(--accent);
  font-weight:800;
}

@media (max-width:720px) {
  .legal-shell {
    width:calc(100% - 28px);
    padding:24px 0 46px;
  }

  .legal-card {
    padding:26px;
    border-radius:26px;
  }
}
.slideshow .slide-contact-actions {
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-content:flex-start !important;
  justify-items:start !important;
  gap:9px !important;
  width:100% !important;
  margin-top:4px !important;
}
.slideshow .slide-contact-actions .scrapbook-contact-button {
  width:100% !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 16px !important;
  border-radius:13px !important;
  justify-content:center !important;
  font-size:.82rem !important;
  font-weight:650 !important;
  line-height:1 !important;
  text-align:center !important;
}
.slideshow .slide-contact-actions .scrapbook-contact-button svg {
  width:18px !important;
  height:18px !important;
  flex-basis:18px;
}

.scrapbook-response-time {
  color:#6f6964;
  font-size:.75rem;
  font-weight:550;
}

.scrapbook-facts {
  grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) minmax(0,.9fr) !important;
  gap:0 !important;
  padding:10px 14px !important;
  border:1px solid rgba(22,20,18,.06) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 18px 34px -28px rgba(25,20,16,.42) !important;
  overflow:visible !important;
  font-family:'Montserrat',Arial,sans-serif !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple {
  min-width:0 !important;
  height:94px !important;
  min-height:94px !important;
  padding:12px 18px !important;
  display:grid !important;
  grid-template-columns:46px 1fr !important;
  grid-template-rows:1fr 1fr !important;
  align-items:center !important;
  align-content:center !important;
  justify-items:start !important;
  gap:0 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left !important;
  transform:none !important;
}

.scrapbook-facts > div + div {
  border-left:1px solid rgba(255,101,66,.22) !important;
}

.scrapbook-facts > div::before,
.scrapbook-facts > div::after {
  display:none !important;
}

.scrapbook-facts > div > i {
  grid-column:1;
  grid-row:1 / 3;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,101,66,.16);
  border-radius:50%;
  color:#ff6542;
  background:#fff4ef;
  font-size:1.1rem;
  font-style:normal;
  font-weight:800;
}

.scrapbook-facts > div > strong {
  grid-column:2;
  grid-row:1;
  align-self:end !important;
  justify-self:start !important;
  color:#171615;
  font-size:clamp(1.4rem,1.65vw,1.9rem) !important;
  font-weight:800;
  line-height:1 !important;
  letter-spacing:-.035em;
  white-space:nowrap;
  text-align:left !important;
}

.scrapbook-facts > div > span {
  grid-column:2;
  grid-row:2;
  max-width:180px;
  align-self:start !important;
  justify-self:start !important;
  color:#5f5954;
  font-size:.68rem !important;
  font-weight:500;
  line-height:1.35 !important;
  text-align:left !important;
}

.scrapbook-facts > div:nth-child(2) {
  padding-left:22px !important;
  padding-right:22px !important;
}

.scrapbook-facts > div:nth-child(2) > strong {
  font-size:clamp(1.35rem,1.55vw,1.82rem) !important;
}

.scrapbook-facts .proof-preview {
  z-index:80 !important;
  font-family:'Montserrat',Arial,sans-serif !important;
}

.scrapbook-facts .proof-fact:hover,
.scrapbook-facts .proof-fact:focus,
.scrapbook-facts .proof-fact:focus-within {
  z-index:70 !important;
}

/* Keep every item in the compact proof strip typographically identical. */
.scrapbook-facts > div > i,
.scrapbook-facts > div > strong,
.scrapbook-facts > div > span {
  font-family:'Montserrat',Arial,sans-serif !important;
}

.scrapbook-facts > div > strong,
.scrapbook-facts > div:not(.fact-accent) > strong,
.scrapbook-facts > div:nth-child(2) > strong {
  font-size:clamp(1.45rem,1.65vw,1.9rem) !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
}

.scrapbook-facts > div > span,
.scrapbook-facts > div:not(.fact-accent) > span {
  font-size:.68rem !important;
  font-weight:500 !important;
  line-height:1.35 !important;
}

/* Equal three-part proof strip matching the approved reference geometry. */
.scrapbook-facts {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  padding:14px 16px !important;
  min-height:136px !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple,
.scrapbook-facts > div:nth-child(2) {
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  height:108px !important;
  min-height:108px !important;
  padding:18px 18px 18px 98px !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  align-items:start !important;
  gap:7px !important;
  border-radius:0 !important;
  background:transparent !important;
}

.scrapbook-facts > div + div {
  border-left:1px solid rgba(146,113,96,.26) !important;
}

.scrapbook-facts > div > i {
  position:absolute !important;
  left:20px !important;
  top:50% !important;
  width:64px !important;
  height:64px !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
  border-color:rgba(255,101,66,.18) !important;
  font-size:1.65rem !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple,
.scrapbook-facts > div:nth-child(2) {
  align-items:center !important;
}

.scrapbook-facts > div > strong,
.scrapbook-facts > div:not(.fact-accent) > strong,
.scrapbook-facts > div:nth-child(2) > strong {
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:auto !important;
  justify-self:start !important;
  width:100%;
  font-size:clamp(1.7rem,1.95vw,2.25rem) !important;
  white-space:nowrap;
}

.scrapbook-facts > div > span,
.scrapbook-facts > div:not(.fact-accent) > span {
  grid-column:1 !important;
  grid-row:2 !important;
  max-width:180px !important;
  align-self:auto !important;
  justify-self:start !important;
  margin:0 !important;
  font-size:.78rem !important;
  line-height:1.35 !important;
}

/* Final proof-strip geometry: spacious and optically even like the reference. */
.scrapbook-facts {
  height:158px !important;
  min-height:158px !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  padding:18px 22px !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple,
.scrapbook-facts > div:nth-child(2) {
  position:relative !important;
  width:100% !important;
  height:122px !important;
  min-height:122px !important;
  padding:22px 24px 22px 122px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  gap:8px !important;
}

.scrapbook-facts > div > i {
  position:absolute !important;
  left:28px !important;
  top:50% !important;
  width:76px !important;
  height:76px !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
  font-size:2rem !important;
}

.scrapbook-facts > div > strong,
.scrapbook-facts > div:not(.fact-accent) > strong {
  width:auto !important;
  font-size:clamp(2rem,2.35vw,2.75rem) !important;
  line-height:1 !important;
}

.scrapbook-facts > div:nth-child(2) > strong {
  font-size:clamp(1.85rem,2.1vw,2.45rem) !important;
}

.scrapbook-facts > div > span,
.scrapbook-facts > div:not(.fact-accent) > span {
  max-width:210px !important;
  font-size:.86rem !important;
  line-height:1.42 !important;
}

@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-rows:minmax(390px,auto) 158px !important;
  }
}

/* Keep the proof strip flat and even; no raised middle section. */
.scrapbook-facts {
  box-shadow:0 10px 24px -22px rgba(25,20,16,.28) !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple,
.scrapbook-facts > div:nth-child(2),
.scrapbook-facts > .proof-fact:hover,
.scrapbook-facts > .proof-fact:focus-visible {
  background:transparent !important;
  box-shadow:none !important;
}

/* Final compact alignment: icon, then text exactly 10px away. */
.scrapbook-facts {
  height:142px !important;
  min-height:142px !important;
  padding:14px 18px !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple,
.scrapbook-facts > div:nth-child(2) {
  position:relative !important;
  height:114px !important;
  min-height:114px !important;
  padding:20px 18px 20px 102px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  gap:6px !important;
}

.scrapbook-facts > div > i {
  position:absolute !important;
  left:18px !important;
  top:50% !important;
  width:74px !important;
  height:74px !important;
  margin:0 !important;
  transform:translateY(-50%) !important;
}

.scrapbook-facts > div > strong,
.scrapbook-facts > div:not(.fact-accent) > strong,
.scrapbook-facts > div:nth-child(2) > strong {
  position:static !important;
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:end !important;
  justify-self:start !important;
  width:auto !important;
  margin:0 !important;
  font-size:clamp(1.7rem,1.95vw,2.25rem) !important;
}

.scrapbook-facts > div:nth-child(2) > strong {
  font-size:clamp(1.55rem,1.75vw,2rem) !important;
}

.scrapbook-facts > div > span,
.scrapbook-facts > div:not(.fact-accent) > span {
  position:static !important;
  grid-column:1 !important;
  grid-row:2 !important;
  align-self:start !important;
  justify-self:start !important;
  max-width:190px !important;
  margin:0 !important;
  font-size:.78rem !important;
  line-height:1.35 !important;
}

@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-rows:minmax(390px,auto) 142px !important;
  }
}

/* Definitive proof layout: icon column + 10px gap + text column. */
.scrapbook-facts {
  height:150px !important;
  min-height:150px !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  padding:14px 18px !important;
}

.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple,
.scrapbook-facts > div:nth-child(2) {
  position:relative !important;
  height:122px !important;
  min-height:122px !important;
  padding:18px 12px !important;
  display:grid !important;
  grid-template-columns:62px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:10px !important;
  row-gap:7px !important;
  align-content:center !important;
  align-items:center !important;
}

.scrapbook-facts > div > i {
  position:static !important;
  grid-column:1 !important;
  grid-row:1 / 3 !important;
  align-self:center !important;
  justify-self:start !important;
  width:62px !important;
  height:62px !important;
  margin:0 !important;
  transform:none !important;
}

.scrapbook-facts > div > strong,
.scrapbook-facts > div:not(.fact-accent) > strong,
.scrapbook-facts > div:nth-child(2) > strong {
  position:static !important;
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:end !important;
  justify-self:start !important;
  width:auto !important;
  margin:0 !important;
  font-size:clamp(1.65rem,1.9vw,2.2rem) !important;
  white-space:nowrap !important;
}

.scrapbook-facts > div:nth-child(2) > strong {
  font-size:clamp(1.5rem,1.7vw,1.95rem) !important;
}

.scrapbook-facts > div > span,
.scrapbook-facts > div:not(.fact-accent) > span {
  position:static !important;
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:start !important;
  justify-self:start !important;
  max-width:210px !important;
  margin:0 !important;
  font-size:.78rem !important;
  line-height:1.35 !important;
}

/* Align all three text groups along one bottom line. */
.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple,
.scrapbook-facts > div:nth-child(2) {
  align-content:end !important;
  padding-bottom:18px !important;
}

.scrapbook-facts > div:nth-child(2) {
  transform:none !important;
}

/* Final optical spacing and equal number weight. */
.scrapbook-facts > div:first-child {
  padding-left:24px !important;
}

.scrapbook-facts > div > strong,
.scrapbook-facts > div:not(.fact-accent) > strong,
.scrapbook-facts > div:nth-child(2) > strong {
  font-size:clamp(1.72rem,1.9vw,2.2rem) !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;
  height:36px !important;
  display:flex !important;
  align-items:flex-end !important;
}

.scrapbook-facts > div > span,
.scrapbook-facts > div:not(.fact-accent) > span {
  height:40px !important;
  display:block !important;
  max-width:205px !important;
  overflow:visible;
  font-size:.72rem !important;
  line-height:1.25 !important;
  letter-spacing:-.01em !important;
}

/* Lock number and caption baselines to the guide lines. */
.scrapbook-facts > div,
.scrapbook-facts > .proof-fact,
.scrapbook-facts > .proof-fact-simple,
.scrapbook-facts > div:nth-child(2) {
  grid-template-rows:38px 34px !important;
  row-gap:6px !important;
  align-content:center !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
}

.scrapbook-facts > div > strong,
.scrapbook-facts > div:not(.fact-accent) > strong,
.scrapbook-facts > div:nth-child(2) > strong {
  height:38px !important;
  align-items:flex-end !important;
}

.scrapbook-facts > div > span,
.scrapbook-facts > div:not(.fact-accent) > span {
  height:34px !important;
  line-height:1.2 !important;
}

.scrapbook-facts > div:first-child > strong,
.scrapbook-facts > div:last-child > strong {
  transform:translateY(2px) !important;
}

.scrapbook-facts > div + div {
  border-left:1px solid rgba(255,101,66,.72) !important;
}

@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-rows:minmax(390px,auto) 150px !important;
  }
}

.scrapbook-facts > div:nth-child(2) > strong {
  font-size:clamp(1.48rem,1.7vw,1.95rem) !important;
  letter-spacing:-.045em !important;
}

@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-rows:minmax(390px,auto) 136px !important;
  }

  .scrapbook-facts {
    height:136px !important;
  }
}

.scrapbook-facts > .proof-fact:hover,
.scrapbook-facts > .proof-fact:focus-visible {
  transform:none !important;
  background:rgba(255,101,66,.035) !important;
  border-radius:14px !important;
}

@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-rows:minmax(390px,auto) 116px !important;
    row-gap:24px !important;
  }

  .scrapbook-facts {
    height:116px !important;
  }
}

@media (max-width:760px) {
  .scrapbook-contact-button {
    width:100%;
  }

  .scrapbook-facts {
    padding:8px 16px !important;
  }

  .scrapbook-facts > div,
  .scrapbook-facts > .proof-fact,
  .scrapbook-facts > .proof-fact-simple {
    height:94px !important;
    min-height:94px !important;
  }

  .scrapbook-facts > div + div {
    border-left:0 !important;
    border-top:1px solid rgba(255,101,66,.22) !important;
  }
}

/* Mobile polish for the About block: balanced portrait, copy and equal horizontal buttons. */
@media (max-width:760px) {
  .about-scrapbook {
    padding:20px 0 28px !important;
  }

  .scrapbook-paper {
    gap:22px !important;
    padding:34px 18px 36px !important;
  }

  .scrapbook-photo {
    min-height:360px !important;
    max-height:420px !important;
    transform:none !important;
  }

  .scrapbook-main h2 {
    margin-top:4px !important;
    margin-bottom:14px !important;
  }

  .scrapbook-main p {
    font-size:.98rem !important;
    line-height:1.5 !important;
  }

  .scrapbook-contact {
    width:100% !important;
    margin-top:20px !important;
  }

  .scrapbook-contact-actions {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
    align-items:stretch !important;
  }

  .scrapbook-contact-actions .scrapbook-contact-button {
    width:100% !important;
    min-width:0 !important;
    height:52px !important;
    min-height:52px !important;
    padding:0 12px !important;
    border-radius:16px !important;
    font-size:.86rem !important;
    line-height:1.12 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .scrapbook-contact-actions .scrapbook-contact-button svg {
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
  }
}

@media (max-width:390px) {
  .scrapbook-contact-actions {
    gap:8px !important;
  }

  .scrapbook-contact-actions .scrapbook-contact-button {
    font-size:.8rem !important;
    padding:0 9px !important;
  }
}

/* Mobile header polish: keep the CTA reachable instead of clipping it. */
@media (max-width:760px) {
  header .nav {
    gap:12px !important;
  }

  header .nav-links {
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 2px 8px !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  header .nav-links::-webkit-scrollbar {
    display:none;
  }

  header .nav-links a {
    flex:0 0 auto !important;
  }

  header .nav-links .order-telegram {
    min-width:max-content !important;
    padding-inline:18px !important;
  }

  .hero h1 {
    max-width:100% !important;
    font-size:clamp(3.25rem, 13.3vw, 3.75rem) !important;
    line-height:.92 !important;
    letter-spacing:-.075em !important;
  }

  .hero h1 span {
    display:inline-block;
    font-size:.92em;
  }
}

/* Anchor proof separators inside the white statistics panel. */
.scrapbook-facts {
  position:relative !important;
  isolation:isolate;
  margin-top:0 !important;
}

@media (min-width:1101px) {
  .scrapbook-paper {
    grid-template-rows:minmax(390px,auto) 116px !important;
    row-gap:40px !important;
    align-content:center !important;
  }

  .scrapbook-facts {
    align-self:start !important;
  }
}

@media (min-width:1101px) {
  .scrapbook-photo,
  .scrapbook-main,
  .scrapbook-tool-icons,
  .scrapbook-facts {
    transform:translateY(-18px) !important;
  }

  .scrapbook-photo:hover {
    transform:translateY(-23px) rotate(0deg) !important;
  }
}

@media (min-width:1101px) {
  .scrapbook-paper {
    column-gap:clamp(90px,7vw,124px) !important;
  }
}

@media (min-width:1101px) {
  .scrapbook-photo {
    transform:translateY(4px) rotate(-1deg) !important;
  }

  .scrapbook-photo:hover {
    transform:translateY(-1px) rotate(0deg) !important;
  }
}

/* Stock-author note replaces the less useful software list. */
.scrapbook-stock-note {
  height:auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  grid-template-rows:auto !important;
  align-content:start !important;
  align-items:start !important;
  gap:12px !important;
  padding:14px 16px !important;
  border:1px solid rgba(255,101,66,.14);
  border-radius:16px;
  background:rgba(255,255,255,.62);
}

.stock-note-icon {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#ff6542;
  background:#fff1eb;
  font-size:1.15rem;
  font-weight:800;
}
.stock-note-icon svg,
.remote-point i svg,
.scrapbook-facts > div > i svg,
.barter-mark svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.scrapbook-facts > div > i svg {
  width:29px;
  height:29px;
}
.barter-mark svg {
  width:27px;
  height:27px;
  stroke-width:2;
}

.scrapbook-stock-note strong {
  display:block;
  margin-bottom:4px;
  color:#171615;
  font-size:.76rem;
  font-weight:750;
}

.scrapbook-stock-note p {
  margin:0;
  color:#67615c;
  font-size:.68rem;
  font-weight:500;
  line-height:1.4;
}

.scrapbook-facts::before,
.scrapbook-facts::after {
  top:24px !important;
  bottom:24px !important;
}

/* Mobile burger menu and readable About stats. */
.nav-toggle {
  display:none;
}

@media (max-width:760px) {
  header {
    overflow:visible !important;
  }

  header .nav {
    min-height:72px !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    position:relative !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  header .brand {
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  header .brand-copy strong {
    white-space:nowrap !important;
  }

  header .brand-copy small {
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:180px !important;
  }

  .nav-toggle {
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:inline-flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid rgba(17,17,17,.08);
    border-radius:16px;
    background:#fff;
    color:#141414;
    box-shadow:0 14px 30px -24px rgba(0,0,0,.5);
    cursor:pointer;
  }

  .nav-toggle span {
    width:20px;
    height:2px;
    display:block;
    border-radius:999px;
    background:currentColor;
    transition:transform .22s var(--ease), opacity .22s var(--ease);
  }

  body.nav-open .nav-toggle span:nth-child(1) {
    transform:translateY(7px) rotate(45deg);
  }

  body.nav-open .nav-toggle span:nth-child(2) {
    opacity:0;
  }

  body.nav-open .nav-toggle span:nth-child(3) {
    transform:translateY(-7px) rotate(-45deg);
  }

  header .nav-links {
    position:absolute !important;
    z-index:30 !important;
    top:calc(100% + 8px) !important;
    left:var(--page-pad) !important;
    right:var(--page-pad) !important;
    width:auto !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:14px !important;
    overflow:visible !important;
    border:1px solid rgba(17,17,17,.08);
    border-radius:24px;
    background:rgba(255,255,255,.97);
    box-shadow:0 22px 56px -34px rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .2s var(--ease), transform .2s var(--ease), visibility .2s var(--ease);
  }

  body.nav-open header .nav-links {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }

  header .nav-links a,
  header .nav-links .order-telegram {
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:12px 16px !important;
    text-align:center !important;
  }

  .about-scrapbook .scrapbook-facts {
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:12px !important;
    overflow:visible !important;
    border-radius:28px !important;
  }

  .about-scrapbook .scrapbook-facts::before,
  .about-scrapbook .scrapbook-facts::after {
    display:none !important;
  }

  .about-scrapbook .scrapbook-facts > div,
  .about-scrapbook .scrapbook-facts > .proof-fact,
  .about-scrapbook .scrapbook-facts > .proof-fact-simple,
  .about-scrapbook .scrapbook-facts > div:nth-child(2) {
    width:100% !important;
    min-width:0 !important;
    min-height:86px !important;
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    justify-content:start !important;
    column-gap:14px !important;
    row-gap:2px !important;
    padding:14px 16px !important;
    transform:none !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.72) !important;
  }

  .about-scrapbook .scrapbook-facts > div + div {
    border-left:0 !important;
  }

  .about-scrapbook .scrapbook-facts > div + div::before,
  .about-scrapbook .scrapbook-facts > div::before,
  .about-scrapbook .scrapbook-facts > div::after {
    display:none !important;
  }

  .about-scrapbook .scrapbook-facts > div > i {
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    width:56px !important;
    height:56px !important;
    position:static !important;
    transform:none !important;
  }

  .about-scrapbook .scrapbook-facts > div > strong,
  .about-scrapbook .scrapbook-facts > div:not(.fact-accent) > strong,
  .about-scrapbook .scrapbook-facts > div:nth-child(2) > strong {
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:end !important;
    margin:0 !important;
    font-size:clamp(1.95rem,9vw,2.45rem) !important;
    line-height:.92 !important;
    white-space:nowrap !important;
    text-align:left !important;
    transform:none !important;
  }

  .about-scrapbook .scrapbook-facts > div > span,
  .about-scrapbook .scrapbook-facts > div:not(.fact-accent) > span {
    grid-column:2 !important;
    grid-row:2 !important;
    justify-self:start !important;
    align-self:start !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:.78rem !important;
    line-height:1.25 !important;
    text-align:left !important;
    white-space:normal !important;
    transform:none !important;
  }
}

@media (max-width:390px) {
  header .brand-copy small {
    max-width:150px !important;
  }

  .about-scrapbook .scrapbook-facts > div,
  .about-scrapbook .scrapbook-facts > .proof-fact,
  .about-scrapbook .scrapbook-facts > .proof-fact-simple,
  .about-scrapbook .scrapbook-facts > div:nth-child(2) {
    grid-template-columns:52px minmax(0,1fr) !important;
    column-gap:12px !important;
    padding:12px 13px !important;
  }

  .about-scrapbook .scrapbook-facts > div > i {
    width:52px !important;
    height:52px !important;
  }

  .about-scrapbook .scrapbook-facts > div > strong,
  .about-scrapbook .scrapbook-facts > div:not(.fact-accent) > strong,
  .about-scrapbook .scrapbook-facts > div:nth-child(2) > strong {
    font-size:clamp(1.75rem,8.4vw,2.15rem) !important;
  }
}

/* Full-screen mobile menu inspired by the old portfolio burger. */
.nav-mobile-home,
.nav-mobile-group,
.nav-mobile-email {
  display:none;
}

@media (max-width:760px) {
  body.nav-open {
    overflow:hidden;
  }

  body.nav-open header {
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }

  body.nav-open header .brand-copy strong,
  body.nav-open header .brand-copy small {
    color:#fff !important;
  }

  body.nav-open .brand-mark {
    box-shadow:0 0 0 1px rgba(255,255,255,.2), inset 0 0 0 8px #111 !important;
  }

  body.nav-open .nav-toggle {
    border-color:rgba(255,255,255,.18) !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    box-shadow:none !important;
  }

  header .brand,
  header .nav-toggle {
    position:relative;
    z-index:91;
  }

  .nav-mobile-home,
  .nav-mobile-group,
  .nav-mobile-email {
    display:block;
  }

  header .nav-links {
    position:fixed !important;
    z-index:80 !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-width:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:96px 38px 34px !important;
    overflow-y:auto !important;
    border:0 !important;
    border-radius:0 !important;
    background:
      radial-gradient(circle at 50% 18%, rgba(255,101,66,.18), transparent 34%),
      rgba(10,10,10,.93) !important;
    box-shadow:none !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:none !important;
  }

  body.nav-open header .nav-links {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none !important;
  }

  header .nav-links > a:not(.order-telegram),
  header .nav-links .nav-mobile-contacts a {
    width:auto !important;
    min-height:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:7px 12px !important;
    border-radius:12px !important;
    background:transparent !important;
    color:#fff !important;
    font-size:1.2rem !important;
    font-weight:650 !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-align:center !important;
  }

  header .nav-links > a:not(.order-telegram):hover,
  header .nav-links > a:not(.order-telegram):focus-visible,
  header .nav-links .nav-mobile-contacts a:hover,
  header .nav-links .nav-mobile-contacts a:focus-visible {
    background:rgba(255,101,66,.14) !important;
    color:#fff !important;
  }

  header .nav-links .nav-mobile-group {
    width:min(280px,100%) !important;
    margin:12px auto 8px !important;
    padding:16px 0 14px !important;
    border-top:1px solid rgba(255,255,255,.32);
    border-bottom:1px solid rgba(255,255,255,.32);
    color:#fff;
    text-align:center;
  }

  header .nav-links .nav-mobile-group strong {
    display:block;
    margin-bottom:10px;
    color:#fff;
    font-size:1.15rem;
    font-weight:750;
  }

  header .nav-links .nav-mobile-services span {
    display:block;
    margin:0 auto 9px;
    color:rgba(255,255,255,.88);
    font-size:.98rem;
    font-weight:550;
    line-height:1.25;
  }

  header .nav-links .nav-mobile-services span:last-child {
    margin-bottom:0;
  }

  header .nav-links .nav-mobile-contacts {
    margin-top:8px !important;
    border-bottom:0;
  }

  header .nav-links .nav-mobile-contacts a {
    display:flex !important;
    margin:0 auto 6px;
    font-size:.98rem !important;
    color:rgba(255,255,255,.92) !important;
  }

  header .nav-links .order-telegram {
    width:min(300px,100%) !important;
    min-height:56px !important;
    margin:8px auto 0 !important;
    border-radius:18px !important;
    background:#ff6542 !important;
    color:#fff !important;
    font-size:.95rem !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    text-transform:none !important;
    box-shadow:0 18px 36px -26px rgba(255,101,66,.9) !important;
  }

  header .nav-links .order-telegram svg {
    width:19px !important;
    height:19px !important;
  }

  header .nav-links .nav-mobile-email {
    width:min(300px,100%) !important;
    min-height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    margin:10px auto 0 !important;
    padding:14px 18px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.95) !important;
    color:#141414 !important;
    box-shadow:0 18px 36px -30px rgba(0,0,0,.75) !important;
    font:inherit !important;
    font-size:.95rem !important;
    font-weight:800 !important;
    line-height:1.1 !important;
    cursor:pointer !important;
  }

  header .nav-links .nav-mobile-email svg {
    width:19px !important;
    height:19px !important;
    flex:0 0 19px !important;
    fill:currentColor !important;
  }

  header .nav-links .nav-mobile-email.is-copied {
    background:#2fbf71 !important;
    color:#fff !important;
    border-color:#2fbf71 !important;
  }
}

/* v207: cleaner header menu - no arrow marks, one contacts item */
header .nav-links a i {
  display:none !important;
}

header .nav-links .nav-contact-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

@media (min-width:921px) {
  header .nav-links .nav-contact-link {
    padding:10px 14px !important;
    border-radius:40px !important;
    background:transparent !important;
    color:inherit !important;
    box-shadow:none !important;
  }
}

/* v206: mobile portfolio viewer - image first, arrows directly under it */
@media (max-width:800px) {
  .slideshow.open {
    padding:6px !important;
    overflow-y:auto !important;
    align-items:flex-start !important;
  }

  .slideshow .slide-inner {
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:visible !important;
    border-radius:20px !important;
    background:#f2f0ec !important;
  }

  .slideshow .slide-image-wrap {
    order:1 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:58px 12px 8px !important;
    overflow:visible !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    background:#f2f0ec !important;
    cursor:auto !important;
  }

  .slideshow .slide-image {
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:62vh !important;
    object-fit:contain !important;
    border-radius:12px !important;
    box-shadow:none !important;
  }

  .slideshow.is-video-project .slide-image-wrap,
  .slideshow.is-pdf-project .slide-image-wrap {
    height:62vh !important;
    overflow:hidden !important;
    align-items:center !important;
  }

  .slideshow.is-pdf-project .slide-image-wrap {
    align-items:stretch !important;
  }

  .slideshow .slide-zoom-controls,
  .slideshow .slide-counter,
  .slideshow .slide-panel-nav {
    display:none !important;
  }

  .slideshow .slide-mobile-nav {
    order:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:30px !important;
    padding:10px 12px 16px !important;
    background:#f2f0ec !important;
  }

  .slideshow .slide-mobile-arrow {
    width:56px !important;
    height:56px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    border:1px solid rgba(255,101,66,.3) !important;
    border-radius:50% !important;
    background:#fff7f3 !important;
    color:#ff6542 !important;
    font-family:"Montserrat",Arial,sans-serif !important;
    font-size:2.05rem !important;
    font-weight:850 !important;
    line-height:1 !important;
    box-shadow:0 12px 26px -24px rgba(255,101,66,.9) !important;
  }

  .slideshow .slide-info {
    order:3 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:24px 20px 20px !important;
    overflow:visible !important;
    border-radius:0 0 18px 18px !important;
  }

  .slideshow .slide-info h3 {
    margin-bottom:12px !important;
    font-size:1.85rem !important;
    line-height:1.02 !important;
  }

  .slideshow .close,
  .slideshow #closeSlideshow {
    top:14px !important;
    right:14px !important;
    width:48px !important;
    height:48px !important;
    font-size:1.7rem !important;
  }
}

/* Absolute last word for the mobile About proof panel: no clipped old height. */
@media (max-width:760px) {
  .about-scrapbook .scrapbook-facts {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    align-items:stretch !important;
    grid-auto-rows:auto !important;
    overflow:visible !important;
  }

  .about-scrapbook .scrapbook-facts > div,
  .about-scrapbook .scrapbook-facts > .proof-fact,
  .about-scrapbook .scrapbook-facts > .proof-fact-simple,
  .about-scrapbook .scrapbook-facts > div:nth-child(2) {
    height:auto !important;
    min-height:74px !important;
    max-height:none !important;
  }
}

/* Mobile burger v2: tactile menu rows and three contact actions. */
.nav-mobile-vk,
.nav-mobile-action {
  display:none;
}

@media (max-width:920px) {
  .nav-mobile-vk,
  .nav-mobile-action {
    display:flex;
  }

  body.nav-open header .nav-links {
    padding:80px 20px 28px !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    background:
      linear-gradient(rgba(10,10,10,.78), rgba(10,10,10,.9)),
      radial-gradient(circle at 78% 12%, rgba(255,101,66,.26), transparent 34%) !important;
  }

  header .nav-links > a:not(.order-telegram):not(.nav-mobile-vk) {
    width:100% !important;
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 16px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:17px !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter:blur(14px);
    font-size:1rem !important;
    font-weight:800 !important;
    text-align:left !important;
  }

  header .nav-links > a:not(.order-telegram):not(.nav-mobile-vk) i {
    color:rgba(255,255,255,.78);
    font-size:1rem;
    font-style:normal;
    font-weight:700;
  }

  header .nav-links .nav-mobile-group {
    width:100% !important;
    margin:8px 0 10px !important;
    padding:18px 16px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.07) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
    backdrop-filter:blur(14px);
    text-align:left !important;
  }

  header .nav-links .nav-mobile-services strong {
    margin:0 0 12px !important;
    color:rgba(255,255,255,.72) !important;
    font-size:.75rem !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }

  header .nav-links .nav-mobile-services span {
    margin:0 0 9px !important;
    color:#fff !important;
    font-size:.94rem !important;
    font-weight:700 !important;
    line-height:1.25 !important;
  }

  header .nav-links .nav-mobile-contacts {
    display:none !important;
  }

  header .nav-links .nav-mobile-action,
  header .nav-links .order-telegram.nav-mobile-action,
  header .nav-links .nav-mobile-vk,
  header .nav-links .nav-mobile-email {
    width:100% !important;
    min-width:0 !important;
    min-height:54px !important;
    height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 18px !important;
    border-radius:17px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    font:inherit !important;
    font-size:.94rem !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-align:center !important;
    cursor:pointer !important;
  }

  header .nav-links .order-telegram.nav-mobile-action {
    margin-top:4px !important;
    background:#ff6542 !important;
    color:#fff !important;
    box-shadow:0 18px 36px -28px rgba(255,101,66,.95) !important;
  }

  header .nav-links .nav-mobile-vk {
    background:rgba(255,255,255,.95) !important;
    color:#141414 !important;
    box-shadow:0 16px 34px -30px rgba(0,0,0,.75) !important;
  }

  header .nav-links .nav-mobile-email {
    background:rgba(255,255,255,.95) !important;
    color:#141414 !important;
    box-shadow:0 16px 34px -30px rgba(0,0,0,.75) !important;
  }

  header .nav-links .nav-mobile-email.is-copied {
    background:#2fbf71 !important;
    color:#fff !important;
    border-color:#2fbf71 !important;
  }

  header .nav-links .nav-mobile-action svg,
  header .nav-links .order-telegram.nav-mobile-action svg,
  header .nav-links .nav-mobile-vk svg,
  header .nav-links .nav-mobile-email svg {
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    fill:currentColor !important;
  }
}

@media (max-width:390px) {
  body.nav-open header .nav-links {
    padding:78px 18px 24px !important;
    gap:8px !important;
  }

  header .nav-links > a:not(.order-telegram):not(.nav-mobile-vk) {
    min-height:48px !important;
    font-size:.96rem !important;
  }

  header .nav-links .nav-mobile-group {
    padding:16px 16px !important;
  }

  header .nav-links .nav-mobile-services span {
    font-size:.9rem !important;
  }
}

/* Final mobile About cleanup: compact proof block and balanced contact buttons. */
@media (max-width:760px) {
  .about-scrapbook .scrapbook-paper {
    padding-bottom:34px !important;
    overflow:visible !important;
  }

  .about-scrapbook .scrapbook-contact-actions {
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  .about-scrapbook .scrapbook-contact-actions .scrapbook-contact-button {
    height:52px !important;
    min-height:52px !important;
    border-radius:16px !important;
    padding:0 12px !important;
    gap:8px !important;
    font-size:.82rem !important;
    line-height:1.08 !important;
  }

  .about-scrapbook .scrapbook-contact-actions .scrapbook-contact-button svg {
    width:17px !important;
    height:17px !important;
    flex:0 0 17px !important;
  }

  .about-scrapbook .scrapbook-facts {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:24px !important;
    padding:8px 14px !important;
    border-radius:26px !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:0 18px 44px -34px rgba(0,0,0,.35) !important;
    overflow:hidden !important;
  }

  .about-scrapbook .scrapbook-facts > div,
  .about-scrapbook .scrapbook-facts > .proof-fact,
  .about-scrapbook .scrapbook-facts > .proof-fact-simple,
  .about-scrapbook .scrapbook-facts > div:nth-child(2) {
    min-height:74px !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:14px !important;
    row-gap:1px !important;
    padding:12px 2px !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    transform:none !important;
  }

  .about-scrapbook .scrapbook-facts > div + div {
    border-top:1px solid rgba(255,101,66,.16) !important;
  }

  .about-scrapbook .scrapbook-facts > div > i {
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    width:50px !important;
    height:50px !important;
    position:static !important;
    align-self:center !important;
    transform:none !important;
  }

  .about-scrapbook .scrapbook-facts > div > strong,
  .about-scrapbook .scrapbook-facts > div:not(.fact-accent) > strong,
  .about-scrapbook .scrapbook-facts > div:nth-child(2) > strong {
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;
    justify-self:start !important;
    margin:0 !important;
    font-size:clamp(2rem,8.8vw,2.4rem) !important;
    line-height:.92 !important;
    text-align:left !important;
    white-space:nowrap !important;
  }

  .about-scrapbook .scrapbook-facts > div > span,
  .about-scrapbook .scrapbook-facts > div:not(.fact-accent) > span {
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:start !important;
    justify-self:start !important;
    margin:0 !important;
    max-width:100% !important;
    font-size:.76rem !important;
    line-height:1.22 !important;
    text-align:left !important;
  }
}

@media (max-width:390px) {
  .about-scrapbook .scrapbook-contact-actions {
    gap:8px !important;
  }

  .about-scrapbook .scrapbook-contact-actions .scrapbook-contact-button {
    padding:0 10px !important;
    font-size:.78rem !important;
  }

  .about-scrapbook .scrapbook-facts {
    padding:6px 12px !important;
  }

  .about-scrapbook .scrapbook-facts > div,
  .about-scrapbook .scrapbook-facts > .proof-fact,
  .about-scrapbook .scrapbook-facts > .proof-fact-simple,
  .about-scrapbook .scrapbook-facts > div:nth-child(2) {
    grid-template-columns:50px minmax(0,1fr) !important;
    column-gap:12px !important;
  }

  .about-scrapbook .scrapbook-facts > div > i {
    width:48px !important;
    height:48px !important;
  }
}

@media (max-width:390px) {
  header .nav-links {
    padding-inline:28px !important;
  }

  header .nav-links > a:not(.order-telegram) {
    font-size:1.08rem !important;
  }

  header .nav-links .nav-mobile-services span,
  header .nav-links .nav-mobile-contacts a {
    font-size:.92rem !important;
  }
}

/* Mobile overflow guard: keep the header, hero and burger inside the real phone width. */
@media (max-width:760px) {
  html,
  body {
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .container,
  header .nav,
  .intro-panel > .container,
  .intro-panel-hero > .container,
  .intro-panel-advantages > .container {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
  }

  header .nav {
    left:0 !important;
    right:0 !important;
  }

  .intro-horizontal,
  .intro-sticky,
  .intro-track,
  .intro-panel,
  .intro-panel-hero,
  .intro-panel-advantages {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }

  .intro-track {
    transform:none !important;
  }

  .hero,
  .intro-panel-hero .hero {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    overflow:hidden !important;
  }

  .hero-content,
  .intro-panel-hero .hero-content {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .hero h1,
  .intro-panel-hero .hero-content h1 {
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(2.9rem,14vw,3.55rem) !important;
    line-height:.93 !important;
    letter-spacing:-.075em !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .hero p,
  .intro-panel-hero .hero-content p {
    max-width:100% !important;
    overflow-wrap:break-word !important;
  }

  .hero-actions {
    max-width:100% !important;
  }

  .hero-actions .btn {
    max-width:100% !important;
    white-space:normal !important;
  }

  header .nav-toggle,
  .nav-toggle {
    position:fixed !important;
    z-index:1200 !important;
    top:12px !important;
    right:14px !important;
    left:auto !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    flex:0 0 48px !important;
    display:inline-flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  header .nav-links {
    padding-top:92px !important;
  }

  header .brand {
    max-width:calc(100% - 68px) !important;
    padding-right:0 !important;
  }
}

/* Wider mobile breakpoint for browser UI viewports that report tablet-like CSS width. */
@media (max-width:920px) {
  .nav-mobile-home,
  .nav-mobile-group,
  .nav-mobile-email {
    display:block;
  }

  header .nav {
    min-height:72px !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    position:relative !important;
  }

  header .brand {
    max-width:calc(100% - 72px) !important;
    min-width:0 !important;
  }

  header .nav-toggle,
  .nav-toggle {
    position:fixed !important;
    z-index:1200 !important;
    top:12px !important;
    right:14px !important;
    left:auto !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    flex:0 0 48px !important;
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    border:1px solid rgba(17,17,17,.08) !important;
    border-radius:16px !important;
    background:#fff !important;
    color:#141414 !important;
    box-shadow:0 14px 30px -24px rgba(0,0,0,.5) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .nav-toggle span {
    width:20px !important;
    height:2px !important;
    display:block !important;
    border-radius:999px !important;
    background:currentColor !important;
  }

  body.nav-open {
    overflow:hidden;
  }

  body.nav-open header {
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }

  body.nav-open header .brand-copy strong,
  body.nav-open header .brand-copy small {
    color:#fff !important;
  }

  body.nav-open .nav-toggle {
    border-color:rgba(255,255,255,.18) !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    box-shadow:none !important;
  }

  header .nav-links {
    position:fixed !important;
    z-index:80 !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-width:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:92px 38px 34px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:radial-gradient(circle at 50% 18%, rgba(255,101,66,.18), transparent 34%), rgba(10,10,10,.93) !important;
    box-shadow:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
  }

  body.nav-open header .nav-links {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  header .nav-links > a:not(.order-telegram),
  header .nav-links .nav-mobile-contacts a {
    width:auto !important;
    min-height:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:7px 12px !important;
    border-radius:12px !important;
    background:transparent !important;
    color:#fff !important;
    font-size:1.2rem !important;
    font-weight:650 !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-align:center !important;
  }

  header .nav-links .nav-mobile-group {
    width:min(280px,100%) !important;
    margin:12px auto 8px !important;
    padding:16px 0 14px !important;
    border-top:1px solid rgba(255,255,255,.32) !important;
    border-bottom:1px solid rgba(255,255,255,.32) !important;
    color:#fff !important;
    text-align:center !important;
  }

  header .nav-links .nav-mobile-group strong {
    display:block;
    margin-bottom:10px;
    color:#fff;
    font-size:1.15rem;
    font-weight:750;
  }

  header .nav-links .nav-mobile-services span {
    display:block;
    margin:0 auto 9px;
    color:rgba(255,255,255,.88);
    font-size:.98rem;
    font-weight:550;
    line-height:1.25;
  }

  header .nav-links .nav-mobile-contacts {
    margin-top:8px !important;
    border-bottom:0 !important;
  }

  header .nav-links .nav-mobile-contacts a {
    display:flex !important;
    margin:0 auto 6px;
    font-size:.98rem !important;
    color:rgba(255,255,255,.92) !important;
  }

  header .nav-links .order-telegram {
    width:min(300px,100%) !important;
    min-width:0 !important;
    min-height:56px !important;
    margin:8px auto 0 !important;
    border-radius:18px !important;
    background:#ff6542 !important;
    color:#fff !important;
    font-size:.95rem !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    text-transform:none !important;
    box-shadow:0 18px 36px -26px rgba(255,101,66,.9) !important;
  }

  header .nav-links .nav-mobile-email {
    width:min(300px,100%) !important;
    min-height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    margin:10px auto 0 !important;
    padding:14px 18px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.95) !important;
    color:#141414 !important;
    box-shadow:0 18px 36px -30px rgba(0,0,0,.75) !important;
    font:inherit !important;
    font-size:.95rem !important;
    font-weight:800 !important;
    line-height:1.1 !important;
    cursor:pointer !important;
  }

  header .nav-links .nav-mobile-email svg {
    width:19px !important;
    height:19px !important;
    flex:0 0 19px !important;
    fill:currentColor !important;
  }

  header .nav-links .nav-mobile-email.is-copied {
    background:#2fbf71 !important;
    color:#fff !important;
    border-color:#2fbf71 !important;
  }
}


/* v84: quiet hero scope line with stylistic icons (legacy, unused) */
.hero-scope-list {
  list-style:none;
  padding:0;
  margin:20px 0 0;
  display:grid;
  gap:8px 16px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:560px;
  color:#3a3a3a;
}

.hero-scope-list li {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  font-size:.8rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
}

.hero-scope-list span {
  width:24px;
  height:24px;
  border-radius:999px;
  flex:0 0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ff6446;
  background:#fff4ef;
  border:1px solid rgba(255,100,70,.22);
}

.hero-scope-list svg {
  width:13px;
  height:13px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (min-width:1051px) {
  .hero-scope-list {
    margin-top:18px;
    max-width:520px;
  }

  .hero-scope-list li {
    font-size:.74rem;
  }
}

@media (max-width:640px) {
  .hero-scope-list {
    grid-template-columns:1fr;
    margin-top:18px;
    gap:9px;
  }

  .hero-scope-list li {
    font-size:.84rem;
  }

  .hero-scope-list span {
    width:28px;
    height:28px;
    flex-basis:28px;
  }
}
/* v85: services panel between hero and about */
.intro-panel-services {
  background:var(--bg);
}

.home-services {
  width:min(1180px,100%);
  margin:0 auto;
  padding:56px 0;
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);
  gap:54px;
  align-items:center;
}

.home-services-head span {
  display:inline-flex;
  margin-bottom:14px;
  padding:8px 14px;
  border-radius:999px;
  color:#ff6446;
  background:#fff4ef;
  font-size:.72rem;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
}

.home-services-head h2 {
  margin:0;
  font-family:'Raleway', Arial, sans-serif;
  font-size:clamp(3rem,5.4vw,6rem);
  line-height:.92;
  letter-spacing:-.07em;
  text-transform:uppercase;
  color:#111;
}

.home-services-head p {
  max-width:470px;
  margin:22px 0 0;
  color:#555;
  font-size:1rem;
  line-height:1.55;
}

.home-services-list {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.home-services-list li {
  min-height:112px;
  padding:22px;
  border-radius:28px;
  display:flex;
  align-items:center;
  gap:14px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(18,18,18,.08);
  box-shadow:0 22px 55px rgba(18,18,18,.055);
}

.home-services-list li:last-child {
  grid-column:1 / -1;
}

.home-services-list i {
  width:42px;
  height:42px;
  border-radius:999px;
  flex:0 0 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ff6446;
  background:#fff4ef;
  border:1px solid rgba(255,100,70,.22);
}

.home-services-list svg {
  width:21px;
  height:21px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.home-services-list strong {
  color:#151515;
  font-size:1.02rem;
  line-height:1.18;
  letter-spacing:-.03em;
}

.home-services-link {
  justify-self:start;
  display:none;
  margin-top:24px;
  color:#ff6446;
  font-weight:900;
  text-decoration:none;
}

@media (max-width:1050px) {
  .home-services {
    padding:64px 18px;
    display:block;
  }

  .home-services-head {
    margin-bottom:24px;
  }

  .home-services-head h2 {
    font-size:clamp(2.6rem,13vw,4.2rem);
  }

  .home-services-list {
    grid-template-columns:1fr;
    gap:12px;
  }

  .home-services-list li {
    min-height:auto;
    padding:18px;
    border-radius:24px;
  }
}

@media (max-width:640px) {
  .home-services {
    padding:52px 18px;
  }

  .home-services-head p {
    font-size:.96rem;
  }

  .home-services-list i {
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .home-services-list strong {
    font-size:.96rem;
  }
}
/* v86: mobile hero buttons fit after CTA wording change */
@media (max-width:640px) {
  .hero .hero-actions {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .hero .hero-actions .btn {
    width:100% !important;
    min-width:0 !important;
    padding:15px 12px !important;
    justify-content:center !important;
    font-size:.82rem !important;
    white-space:nowrap !important;
  }
}
/* v87: force mobile hero CTA row to stay inside viewport */
@media (max-width:900px) {
  .intro-panel-hero .hero-content .hero-actions {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
    max-width:100% !important;
    width:100% !important;
    overflow:hidden !important;
  }

  .intro-panel-hero .hero-content .hero-actions > .btn {
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
    font-size:.78rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
}
/* v88: keep mobile hero content column inside viewport */
@media (max-width:900px) {
  .intro-panel-hero .hero-content {
    box-sizing:border-box !important;
    width:calc(100vw - 36px) !important;
    max-width:calc(100vw - 36px) !important;
    overflow:visible !important;
  }
}
/* v89: price timing hints */
.mini-price-term {
  display:inline-flex;
  width:max-content;
  margin-top:12px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,100,70,.08);
  color:#ff6446;
  font-style:normal;
  font-size:.74rem;
  line-height:1;
  font-weight:900;
}

.mini-price-card.is-accent .mini-price-term,
.mini-price-card.is-dark .mini-price-term {
  background:rgba(255,255,255,.16);
  color:#fff;
}

.price-term {
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:12px;
  padding:7px 10px;
  border-radius:999px;
  color:#ff6446;
  background:rgba(255,100,70,.12);
  font-size:.76rem;
  line-height:1;
  font-weight:900;
}

@media (max-width:640px) {
  .mini-price-term,
  .price-term {
    white-space:normal;
    line-height:1.2;
  }
}
/* v90: detailed services with hint note */
.home-services-list-detailed li {
  position:relative;
  align-items:flex-start;
}

.home-services-list-detailed li > div {
  min-width:0;
}

.home-services-list-detailed p {
  margin:7px 0 0;
  color:#666;
  font-size:.88rem;
  line-height:1.35;
}

.service-help {
  position:absolute;
  top:14px;
  right:14px;
  width:26px;
  height:26px;
  border:1px solid rgba(255,100,70,.28);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ff6446;
  background:#fff4ef;
  font:900 .78rem/1 'Montserrat', Arial, sans-serif;
  cursor:help;
}

.service-note {
  position:absolute;
  right:14px;
  bottom:calc(100% - 8px);
  z-index:5;
  width:min(310px,calc(100vw - 56px));
  padding:14px 15px;
  border-radius:18px;
  color:#2b2b2b;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,100,70,.18);
  box-shadow:0 22px 54px rgba(24,24,24,.16);
  font-size:.82rem;
  line-height:1.35;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .22s ease, transform .22s ease;
}

.has-service-note:hover .service-note,
.has-service-note:focus-within .service-note {
  opacity:1;
  transform:translateY(0);
}

@media (max-width:640px) {
  .home-services-list-detailed p {
    font-size:.84rem;
  }

  .service-help {
    top:12px;
    right:12px;
  }

  .service-note {
    position:static;
    width:auto;
    margin-top:12px;
    opacity:1;
    transform:none;
    pointer-events:auto;
    box-shadow:none;
    background:#fff4ef;
  }
}
/* v91: calm services layout, no overlap */
@media (min-width:1051px) {
  .home-services {
    width:min(1240px,calc(100vw - 96px)) !important;
    grid-template-columns:minmax(390px,.76fr) minmax(610px,1.24fr) !important;
    gap:64px !important;
    padding:64px 0 !important;
    align-items:center !important;
  }

  .home-services-head h2 {
    max-width:560px !important;
    font-size:clamp(3.15rem,4vw,4.9rem) !important;
    line-height:.93 !important;
    letter-spacing:-.065em !important;
  }

  .home-services-head p {
    max-width:500px !important;
    margin-top:24px !important;
  }

  .home-services-list {
    position:relative !important;
    z-index:2 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .home-services-list li {
    min-height:104px !important;
    padding:20px !important;
    border-radius:24px !important;
  }

  .home-services-list li:last-child {
    grid-column:1 / -1 !important;
  }
}

@media (min-width:1051px) and (max-width:1320px) {
  .home-services {
    width:min(1160px,calc(100vw - 72px)) !important;
    grid-template-columns:minmax(360px,.72fr) minmax(560px,1.28fr) !important;
    gap:48px !important;
  }

  .home-services-head h2 {
    font-size:clamp(2.85rem,3.7vw,4.25rem) !important;
  }

  .home-services-list li {
    padding:18px !important;
  }

  .home-services-list strong {
    font-size:.96rem !important;
  }

  .home-services-list-detailed p {
    font-size:.82rem !important;
  }
}
/* v92: simpler readable services block */
@media (min-width:1051px) {
  .home-services {
    width:min(1240px,calc(100vw - 96px)) !important;
    display:grid !important;
    grid-template-columns:minmax(360px,.74fr) minmax(600px,1.26fr) !important;
    gap:70px !important;
    align-items:start !important;
    padding:72px 0 !important;
  }

  .home-services-head {
    position:relative !important;
    z-index:1 !important;
  }

  .home-services-head h2 {
    max-width:520px !important;
    font-size:clamp(3rem,4.35vw,5.25rem) !important;
    line-height:.94 !important;
    letter-spacing:-.065em !important;
  }

  .home-services-head p {
    max-width:520px !important;
    font-size:.98rem !important;
  }

  .home-services-list {
    position:relative !important;
    z-index:3 !important;
    align-self:center !important;
  }
}

@media (min-width:1051px) and (max-width:1320px) {
  .home-services {
    grid-template-columns:minmax(330px,.7fr) minmax(540px,1.3fr) !important;
    gap:44px !important;
  }

  .home-services-head h2 {
    max-width:460px !important;
    font-size:clamp(2.8rem,4vw,4.35rem) !important;
  }
}
/* v93: services heading as clean question */
@media (min-width:1051px) {
  .home-services {
    width:min(1320px,calc(100vw - 120px)) !important;
    grid-template-columns:minmax(500px,.86fr) minmax(620px,1.14fr) !important;
    gap:68px !important;
    align-items:center !important;
  }

  .home-services-head h2 {
    max-width:700px !important;
    font-size:clamp(3.35rem,4.8vw,6.15rem) !important;
    line-height:.92 !important;
    letter-spacing:-.068em !important;
  }

  .home-services-head p {
    max-width:590px !important;
  }
}

@media (min-width:1051px) and (max-width:1320px) {
  .home-services {
    width:min(1180px,calc(100vw - 72px)) !important;
    grid-template-columns:minmax(420px,.8fr) minmax(560px,1.2fr) !important;
    gap:48px !important;
  }

  .home-services-head h2 {
    max-width:580px !important;
    font-size:clamp(3rem,4.4vw,5rem) !important;
  }
}
/* v94: orange accent in services headline */
.home-services-head h2 span {
  color: var(--orange);
  display: inline-block;
}
/* v95: services headline closer to hero typography */
.home-services-head h2 {
  font-family: 'Raleway', Arial, sans-serif !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: -.065em !important;
}
.home-services-head h2 span {
  color: var(--orange) !important;
}
/* v96: poster-style services heading split into three lines */
.home-services-head h2 {
  line-height: .88 !important;
}
.home-services-head h2 span {
  display: inline-block !important;
  color: var(--orange) !important;
}
/* v97: keep services heading below hero hierarchy */
.home-services-head h2 {
  font-family: 'Raleway', Arial, sans-serif !important;
  font-size: clamp(3.05rem, 3.55vw, 4.55rem) !important;
  line-height: .91 !important;
  font-weight: 950 !important;
  letter-spacing: -.066em !important;
  text-transform: uppercase !important;
  max-width: 520px !important;
}
.home-services-head h2 span {
  display: inline !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--orange) !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  line-height: inherit !important;
}
@media (min-width:1051px) and (max-width:1320px) {
  .home-services-head h2 {
    font-size: clamp(2.8rem, 3.7vw, 4.1rem) !important;
    max-width: 500px !important;
  }
}
@media (max-width:760px) {
  .home-services-head h2 {
    font-size: clamp(2.45rem, 12vw, 3.6rem) !important;
    max-width: 100% !important;
  }
}
/* v98: force orange service headline accent */
#home-services-title span {
  color: #ff6545 !important;
  -webkit-text-fill-color: #ff6545 !important;
  background: transparent !important;
  text-shadow: none !important;
}
/* v99: clear orange explanation card for turnkey projects */
.home-services-list .service-note-card {
  background: linear-gradient(135deg, #ff6b45 0%, #ff5f3f 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 22px 42px rgba(255, 101, 69, .22) !important;
  align-items: flex-start !important;
  padding: 28px 30px !important;
  min-height: 128px !important;
}
.home-services-list .service-note-card::before {
  content: 'под ключ';
  display: inline-flex;
  width: max-content;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  color: #fff;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.home-services-list .service-note-card strong {
  display: block;
  margin: 0 0 8px;
  color: #fff !important;
  font-size: 1.08rem;
  line-height: 1.15;
}
.home-services-list .service-note-card p {
  margin: 0;
  max-width: 92%;
  color: rgba(255,255,255,.88) !important;
  font-size: .9rem;
  line-height: 1.45;
}
@media (min-width:1051px) {
  .home-services-list .service-note-card {
    grid-column: 2;
    grid-row: 3;
  }
}
@media (max-width:760px) {
  .home-services-list .service-note-card {
    padding: 24px !important;
  }
  .home-services-list .service-note-card p {
    max-width: 100%;
  }
}
/* v100: blank orange balance tile in services grid */
.home-services-list .service-note-card-blank {
  min-height: 128px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.home-services-list .service-note-card-blank::before,
.home-services-list .service-note-card-blank::after {
  content: none !important;
  display: none !important;
}
/* v101: orange missing-service CTA card */
.home-services-list .service-missing-card {
  display: grid !important;
  grid-template-columns: 50px 1fr !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 128px !important;
  padding: 24px 30px !important;
  background: #ff6545 !important;
  color: #fff !important;
}
.home-services-list .service-missing-card::before,
.home-services-list .service-missing-card::after {
  content: none !important;
  display: none !important;
}
.home-services-list .service-missing-card i {
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  color: #ff6545 !important;
  font-size: 2rem !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
.home-services-list .service-missing-card strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: 1.25rem !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}
.home-services-list .service-missing-card p {
  margin: 0 !important;
  color: rgba(255,255,255,.9) !important;
  font-size: .98rem !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
}
@media (max-width:760px) {
  .home-services-list .service-missing-card {
    grid-template-columns: 44px 1fr !important;
    padding: 22px !important;
  }
  .home-services-list .service-missing-card i {
    width: 42px !important;
    height: 42px !important;
    font-size: 1.7rem !important;
  }
}
/* v102: make missing-service CTA a normal sixth grid card */
@media (min-width:1051px) {
  .home-services-list .service-missing-card {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}
.home-services-list .service-missing-card {
  min-height: 136px !important;
  box-shadow: 0 18px 42px rgba(255, 101, 69, .18) !important;
}
/* v103: lift about scrapbook card after services */
@media (min-width:1051px) {
  .intro-panel-advantages {
    padding-top: 42px !important;
  }
  .intro-panel-advantages > .container {
    transform: translateY(-26px) !important;
  }
}
@media (max-width:1050px) {
  .intro-panel-advantages {
    padding-top: 28px !important;
  }
}
/* v104: unified UX/UI spacing rhythm across major blocks */
:root {
  --ux-section-y: clamp(64px, 6vw, 88px);
  --ux-section-y-mobile: 56px;
}

@media (min-width:761px) {
  .intro-panel > .container,
  .intro-panel-hero > .container,
  .intro-panel-services > .container,
  .intro-panel-advantages > .container,
  #portfolio.container.portfolio-section,
  #portfolio.portfolio-section,
  .mini-price-section,
  #process.container,
  .remote-section.container,
  .footer-inner {
    width: min(var(--site-content-max), calc(100% - var(--site-gutter) * 2)) !important;
    max-width: var(--site-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #portfolio.container.portfolio-section,
  #portfolio.portfolio-section,
  .mini-price-section,
  #process.container,
  .remote-section.container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--ux-section-y) !important;
    padding-bottom: var(--ux-section-y) !important;
  }

  .price-section.price-open {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--ux-section-y) !important;
    padding-bottom: var(--ux-section-y) !important;
  }

  .site-footer {
    margin-top: 0 !important;
  }
}

@media (max-width:760px) {
  .intro-panel > .container,
  .intro-panel-hero > .container,
  .intro-panel-services > .container,
  .intro-panel-advantages > .container,
  #portfolio.container.portfolio-section,
  #portfolio.portfolio-section,
  .mini-price-section,
  #process.container,
  .remote-section.container,
  .footer-inner {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #portfolio.container.portfolio-section,
  #portfolio.portfolio-section,
  .mini-price-section,
  #process.container,
  .remote-section.container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--ux-section-y-mobile) !important;
    padding-bottom: var(--ux-section-y-mobile) !important;
  }

  .price-section.price-open {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--ux-section-y-mobile) !important;
    padding-bottom: var(--ux-section-y-mobile) !important;
  }

  .site-footer {
    margin-top: 0 !important;
  }
}
/* v105: force equal mobile rhythm for legacy high-priority sections */
@media (max-width:760px) {
  section.container.mini-price-section,
  section.container.remote-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--ux-section-y-mobile) !important;
    padding-bottom: var(--ux-section-y-mobile) !important;
  }
}

@media (min-width:761px) {
  section.container.mini-price-section,
  section.container.remote-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--ux-section-y) !important;
    padding-bottom: var(--ux-section-y) !important;
  }
}
/* v106: neutralize legacy adjacent-section gaps with ID specificity */
@media (max-width:760px) {
  #portfolio + #mini-price,
  #mini-price + #process,
  #process + #remote,
  #remote + #price {
    margin-top: 0 !important;
  }

  #mini-price.mini-price-section,
  #remote.remote-section {
    padding-top: var(--ux-section-y-mobile) !important;
    padding-bottom: var(--ux-section-y-mobile) !important;
  }
}

@media (min-width:761px) {
  #portfolio + #mini-price,
  #mini-price + #process,
  #process + #remote,
  #remote + #price {
    margin-top: 0 !important;
  }

  #mini-price.mini-price-section,
  #remote.remote-section {
    padding-top: var(--ux-section-y) !important;
    padding-bottom: var(--ux-section-y) !important;
  }
}
/* v107: services block layout like the provided reference */
@media (min-width:1051px) {
  .intro-panel-services {
    background:#f7f7f5 !important;
  }

  .intro-panel-services > .container {
    display:flex !important;
    align-items:center !important;
  }

  .home-services {
    width:100% !important;
    max-width:1188px !important;
    margin:0 auto !important;
    padding:58px 0 62px !important;
    display:grid !important;
    grid-template-columns:minmax(360px, 430px) minmax(560px, 1fr) !important;
    column-gap:70px !important;
    align-items:center !important;
  }

  .home-services-head {
    max-width:430px !important;
  }

  .home-services-head > span {
    margin-bottom:16px !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    background:#fff2ed !important;
    color:#ff6545 !important;
    font-size:.67rem !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    line-height:1 !important;
  }

  .home-services-head h2,
  #home-services-title {
    max-width:430px !important;
    margin:0 !important;
    color:#101010 !important;
    font-size:clamp(3.05rem, 4.15vw, 4.55rem) !important;
    line-height:.88 !important;
    letter-spacing:-.066em !important;
  }

  #home-services-title span {
    color:#ff6545 !important;
    -webkit-text-fill-color:#ff6545 !important;
  }

  .home-services-head p {
    max-width:420px !important;
    margin-top:22px !important;
    color:#5c5c5c !important;
    font-size:.94rem !important;
    line-height:1.52 !important;
    font-weight:500 !important;
  }

  .home-services-list,
  .home-services-list.home-services-list-detailed {
    width:100% !important;
    max-width:640px !important;
    justify-self:end !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:13px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .home-services-list li,
  .home-services-list-detailed li {
    min-height:111px !important;
    padding:20px 22px !important;
    display:grid !important;
    grid-template-columns:34px minmax(0, 1fr) !important;
    gap:16px !important;
    align-items:start !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.84) !important;
    border:1px solid rgba(20,20,20,.075) !important;
    box-shadow:0 18px 45px -34px rgba(0,0,0,.38) !important;
  }

  .home-services-list li:last-child,
  .home-services-list .service-missing-card {
    grid-column:auto !important;
    grid-row:auto !important;
  }

  .home-services-list i {
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border-radius:999px !important;
    background:#fff1eb !important;
    border:1px solid rgba(255,101,69,.22) !important;
    color:#ff6545 !important;
  }

  .home-services-list svg {
    width:17px !important;
    height:17px !important;
    stroke-width:1.9 !important;
  }

  .home-services-list strong {
    margin:0 !important;
    color:#111 !important;
    font-size:.94rem !important;
    line-height:1.18 !important;
    letter-spacing:-.02em !important;
    font-weight:900 !important;
  }

  .home-services-list-detailed p,
  .home-services-list li p {
    margin:9px 0 0 !important;
    max-width:100% !important;
    color:#686868 !important;
    font-size:.78rem !important;
    line-height:1.45 !important;
    font-weight:500 !important;
  }

  .home-services-list .service-missing-card {
    min-height:111px !important;
    padding:20px 22px !important;
    grid-template-columns:34px minmax(0, 1fr) !important;
    gap:16px !important;
    align-items:center !important;
    background:#ff6545 !important;
    border-color:#ff6545 !important;
    box-shadow:0 24px 46px -28px rgba(255,101,69,.62) !important;
  }

  .home-services-list .service-missing-card i {
    width:34px !important;
    height:34px !important;
    background:rgba(255,255,255,.95) !important;
    border-color:rgba(255,255,255,.32) !important;
    color:#ff6545 !important;
    font-size:1.45rem !important;
    font-weight:950 !important;
  }

  .home-services-list .service-missing-card strong {
    margin:0 0 6px !important;
    color:#fff !important;
    font-size:.94rem !important;
    line-height:1.12 !important;
    letter-spacing:-.01em !important;
  }

  .home-services-list .service-missing-card p {
    margin:0 !important;
    max-width:170px !important;
    color:rgba(255,255,255,.92) !important;
    font-size:.78rem !important;
    line-height:1.2 !important;
    font-weight:850 !important;
  }
}

@media (min-width:1051px) and (max-width:1240px) {
  .home-services {
    grid-template-columns:minmax(330px, 390px) minmax(520px, 1fr) !important;
    column-gap:44px !important;
  }

  .home-services-head h2,
  #home-services-title {
    font-size:clamp(2.8rem, 4vw, 4rem) !important;
  }
}

@media (max-width:1050px) {
  .home-services {
    width:100% !important;
    max-width:680px !important;
    margin:0 auto !important;
    padding:56px 0 !important;
    display:grid !important;
    gap:28px !important;
  }

  .home-services-list,
  .home-services-list.home-services-list-detailed {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .home-services-list li,
  .home-services-list-detailed li,
  .home-services-list .service-missing-card {
    min-height:auto !important;
    grid-column:auto !important;
    padding:20px !important;
    border-radius:18px !important;
  }
}
/* v108: compact reference-like service cards */
@media (min-width:1051px) {
  .home-services-list,
  .home-services-list.home-services-list-detailed {
    gap:12px !important;
    align-items:stretch !important;
  }

  .home-services-list li,
  .home-services-list-detailed li,
  .home-services-list .service-missing-card {
    min-height:98px !important;
    padding:16px 18px !important;
    grid-template-columns:30px minmax(0, 1fr) !important;
    gap:13px !important;
    align-items:start !important;
    border-radius:16px !important;
  }

  .home-services-list i,
  .home-services-list .service-missing-card i {
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
  }

  .home-services-list svg {
    width:15px !important;
    height:15px !important;
  }

  .home-services-list strong,
  .home-services-list .service-missing-card strong {
    font-size:.78rem !important;
    line-height:1.16 !important;
    letter-spacing:-.012em !important;
  }

  .home-services-list-detailed p,
  .home-services-list li p,
  .home-services-list .service-missing-card p {
    margin-top:8px !important;
    font-size:.68rem !important;
    line-height:1.35 !important;
    font-weight:520 !important;
  }

  .home-services-list .service-missing-card {
    align-items:center !important;
  }

  .home-services-list .service-missing-card i {
    font-size:1.28rem !important;
  }

  .home-services-list .service-missing-card strong {
    margin-bottom:5px !important;
    color:#fff !important;
  }

  .home-services-list .service-missing-card p {
    max-width:150px !important;
    margin-top:0 !important;
    color:rgba(255,255,255,.94) !important;
    font-weight:850 !important;
  }
}
/* v109: tighter visual match for the reference services crop */
@media (min-width:1051px) {
  .home-services {
    padding-top:44px !important;
    padding-bottom:46px !important;
  }

  .home-services-list li,
  .home-services-list-detailed li,
  .home-services-list .service-missing-card {
    min-height:88px !important;
    padding:14px 16px !important;
    grid-template-columns:28px minmax(0, 1fr) !important;
    gap:11px !important;
  }

  .home-services-list i,
  .home-services-list .service-missing-card i {
    width:28px !important;
    height:28px !important;
    flex-basis:28px !important;
  }

  .home-services-list svg {
    width:14px !important;
    height:14px !important;
  }

  .home-services-list strong,
  .home-services-list .service-missing-card strong {
    font-size:.72rem !important;
    line-height:1.15 !important;
  }

  .home-services-list-detailed p,
  .home-services-list li p,
  .home-services-list .service-missing-card p {
    margin-top:7px !important;
    font-size:.62rem !important;
    line-height:1.34 !important;
  }

  .home-services-list .service-missing-card i {
    font-size:1.18rem !important;
  }
}
/* v110: mobile services block must stay one-column and inside viewport */
@media (max-width:1050px) {
  .intro-panel-services .home-services {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
    overflow:visible !important;
  }

  .intro-panel-services .home-services-head,
  .intro-panel-services .home-services-list,
  .intro-panel-services .home-services-list.home-services-list-detailed {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
  }

  .intro-panel-services .home-services-list,
  .intro-panel-services .home-services-list.home-services-list-detailed {
    grid-template-columns:1fr !important;
  }

  .intro-panel-services .home-services-list li,
  .intro-panel-services .home-services-list-detailed li,
  .intro-panel-services .home-services-list .service-missing-card {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:14px !important;
  }
}
/* v111: subtle parallax stars and soft motion accents */
:root {
  --site-parallax-y: 0px;
}

.hero,
.home-services,
.portfolio-section,
.mini-price-section,
.remote-section,
.contact,
.site-footer {
  position: relative !important;
}

.hero::after,
.home-services::before,
.portfolio-section::before,
.mini-price-section::after,
.remote-section::before,
.contact::before,
.site-footer::before {
  content: '✦';
  position: absolute;
  z-index: 3;
  pointer-events: none;
  display: grid;
  place-items: center;
  color: #ff6545;
  font-family: 'Raleway', Arial, sans-serif;
  font-weight: 950;
  line-height: 1;
  text-shadow: 0 14px 32px rgba(255,101,69,.16);
  transform: translate3d(0, calc(var(--site-parallax-y) * -.018), 0) rotate(var(--spark-rotate, 0deg));
  animation: siteSparkFloat var(--spark-speed, 5.8s) ease-in-out infinite;
}

.hero::after {
  right: clamp(20px, 6vw, 86px);
  top: clamp(72px, 13vh, 126px);
  font-size: clamp(2.1rem, 4vw, 4.25rem);
  --spark-rotate: 12deg;
  --spark-speed: 6.2s;
  opacity: .82;
}

.home-services::before {
  left: min(34vw, 380px);
  top: 42px;
  font-size: clamp(1.8rem, 3vw, 3.25rem);
  --spark-rotate: -10deg;
  --spark-speed: 5.4s;
  opacity: .72;
}

.portfolio-section::before {
  right: clamp(22px, 7vw, 112px);
  top: clamp(26px, 4vw, 58px);
  font-size: clamp(1.8rem, 3vw, 3.5rem);
  --spark-rotate: 16deg;
  --spark-speed: 6.8s;
  opacity: .68;
}

.mini-price-section::after {
  left: clamp(20px, 5vw, 82px);
  bottom: clamp(18px, 4vw, 58px);
  font-size: clamp(1.6rem, 2.7vw, 3rem);
  --spark-rotate: -16deg;
  --spark-speed: 5.9s;
  opacity: .62;
}

.remote-section::before {
  right: clamp(18px, 5vw, 74px);
  top: clamp(22px, 4vw, 54px);
  font-size: clamp(1.55rem, 2.5vw, 2.8rem);
  --spark-rotate: 8deg;
  --spark-speed: 6.4s;
  opacity: .58;
}

.contact::before,
.site-footer::before {
  left: clamp(18px, 6vw, 90px);
  top: clamp(18px, 4vw, 44px);
  font-size: clamp(1.45rem, 2.3vw, 2.6rem);
  --spark-rotate: -8deg;
  --spark-speed: 6s;
  opacity: .52;
}

.scrapbook-doodle.doodle-spark {
  animation: siteSparkFloat 5.6s ease-in-out infinite !important;
  transform: translate3d(0, calc(var(--site-parallax-y) * -.012), 0) rotate(10deg) !important;
}

.home-services-list li,
.portfolio-card,
.mini-price-card,
.remote-point,
.price-row {
  will-change: transform;
  transition: transform .32s var(--ease), box-shadow .32s var(--ease), border-color .32s ease;
}

.home-services-list li:hover,
.portfolio-card:hover,
.mini-price-card:hover,
.remote-point:hover,
.price-row:hover {
  transform: translate3d(0, -4px, 0) !important;
}

.hero-work {
  animation: heroWorkDrift 7.5s ease-in-out infinite;
  animation-delay: calc(var(--drift-index, 0) * -.9s);
}

.hero-work-1 { --drift-index: 1; }
.hero-work-2 { --drift-index: 2; }
.hero-work-3 { --drift-index: 3; }
.hero-work-4 { --drift-index: 4; }

@keyframes siteSparkFloat {
  0%, 100% { translate: 0 0; scale: 1; filter: drop-shadow(0 12px 24px rgba(255,101,69,.06)); }
  50% { translate: 0 -8px; scale: 1.04; filter: drop-shadow(0 18px 30px rgba(255,101,69,.14)); }
}

@keyframes heroWorkDrift {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -6px; }
}

@media (max-width:760px) {
  .hero::after,
  .home-services::before,
  .portfolio-section::before,
  .mini-price-section::after,
  .remote-section::before,
  .contact::before,
  .site-footer::before {
    font-size: 1.75rem;
    opacity: .38;
    transform: rotate(var(--spark-rotate, 0deg));
  }

  .hero::after { right: 18px; top: 86px; }
  .home-services::before { left: auto; right: 18px; top: 38px; }
  .portfolio-section::before { right: 18px; top: 28px; }
  .mini-price-section::after { left: auto; right: 20px; bottom: 22px; }
  .remote-section::before { right: 20px; top: 28px; }
  .contact::before,
  .site-footer::before { left: 18px; top: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero::after,
  .home-services::before,
  .portfolio-section::before,
  .mini-price-section::after,
  .remote-section::before,
  .contact::before,
  .site-footer::before,
  .scrapbook-doodle.doodle-spark,
  .hero-work {
    animation: none !important;
    transform: rotate(var(--spark-rotate, 0deg)) !important;
  }
}
/* v112: stronger selectors for section star accents */
#portfolio.portfolio-section::before,
#portfolio.container.portfolio-section::before,
section#mini-price.mini-price-section::after,
section#remote.remote-section::before,
section.contact::before,
.site-footer::before {
  content: '✦' !important;
  position: absolute !important;
  z-index: 3 !important;
  pointer-events: none !important;
  display: grid !important;
  place-items: center !important;
  color: #ff6545 !important;
  font-family: 'Raleway', Arial, sans-serif !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-shadow: 0 14px 32px rgba(255,101,69,.16) !important;
  transform: translate3d(0, calc(var(--site-parallax-y) * -.018), 0) rotate(var(--spark-rotate, 0deg)) !important;
  animation: siteSparkFloat var(--spark-speed, 5.8s) ease-in-out infinite !important;
}

#portfolio.portfolio-section::before,
#portfolio.container.portfolio-section::before {
  right: clamp(22px, 7vw, 112px) !important;
  top: clamp(26px, 4vw, 58px) !important;
  font-size: clamp(1.8rem, 3vw, 3.5rem) !important;
  --spark-rotate: 16deg;
  --spark-speed: 6.8s;
  opacity: .68 !important;
}

section#mini-price.mini-price-section::after {
  left: clamp(20px, 5vw, 82px) !important;
  bottom: clamp(18px, 4vw, 58px) !important;
  font-size: clamp(1.6rem, 2.7vw, 3rem) !important;
  --spark-rotate: -16deg;
  --spark-speed: 5.9s;
  opacity: .62 !important;
}

section#remote.remote-section::before {
  right: clamp(18px, 5vw, 74px) !important;
  top: clamp(22px, 4vw, 54px) !important;
  font-size: clamp(1.55rem, 2.5vw, 2.8rem) !important;
  --spark-rotate: 8deg;
  --spark-speed: 6.4s;
  opacity: .58 !important;
}

@media (max-width:760px) {
  #portfolio.portfolio-section::before,
  #portfolio.container.portfolio-section::before,
  section#mini-price.mini-price-section::after,
  section#remote.remote-section::before,
  section.contact::before,
  .site-footer::before {
    font-size: 1.75rem !important;
    opacity: .38 !important;
    transform: rotate(var(--spark-rotate, 0deg)) !important;
  }
}
/* v113: zigzag star placement and static portfolio grid layer */
:root {
  --star-left: clamp(18px, 5vw, 82px);
  --star-right: clamp(18px, 5vw, 82px);
}

/* Portfolio uses ::before for its paper/grid atmosphere, so keep it static. */
#portfolio.portfolio-section::before,
#portfolio.container.portfolio-section::before,
.portfolio-section::before {
  content: '' !important;
  animation: none !important;
  transform: none !important;
  translate: none !important;
  color: transparent !important;
  pointer-events: none !important;
}

/* Put the portfolio star on ::after instead of the grid layer. */
#portfolio.portfolio-section::after,
#portfolio.container.portfolio-section::after,
.portfolio-section::after {
  content: '✦' !important;
  position: absolute !important;
  z-index: 5 !important;
  pointer-events: none !important;
  display: grid !important;
  place-items: center !important;
  color: #ff6545 !important;
  font-family: 'Raleway', Arial, sans-serif !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  right: var(--star-right) !important;
  left: auto !important;
  top: clamp(26px, 4vw, 58px) !important;
  bottom: auto !important;
  font-size: clamp(1.8rem, 3vw, 3.5rem) !important;
  opacity: .68 !important;
  --spark-rotate: 16deg;
  --spark-speed: 6.8s;
  transform: translate3d(0, calc(var(--site-parallax-y) * -.018), 0) rotate(var(--spark-rotate)) !important;
  animation: siteSparkFloat var(--spark-speed) ease-in-out infinite !important;
  text-shadow: 0 14px 32px rgba(255,101,69,.16) !important;
}

/* Zigzag rhythm: left, right, left, right... */
.hero::after {
  left: var(--star-left) !important;
  right: auto !important;
  top: clamp(76px, 13vh, 128px) !important;
}

.home-services::before {
  left: auto !important;
  right: var(--star-right) !important;
  top: clamp(30px, 4vw, 50px) !important;
}

.scrapbook-doodle.doodle-spark {
  left: var(--star-left) !important;
  right: auto !important;
  top: 10% !important;
}

section#mini-price.mini-price-section::after,
.mini-price-section::after {
  left: var(--star-left) !important;
  right: auto !important;
  bottom: clamp(18px, 4vw, 58px) !important;
}

section#remote.remote-section::before,
.remote-section::before {
  left: auto !important;
  right: var(--star-right) !important;
  top: clamp(22px, 4vw, 54px) !important;
}

section.contact::before,
.contact::before,
.site-footer::before {
  left: var(--star-left) !important;
  right: auto !important;
}

@media (max-width:760px) {
  #portfolio.portfolio-section::after,
  #portfolio.container.portfolio-section::after,
  .portfolio-section::after {
    right: 18px !important;
    left: auto !important;
    top: 28px !important;
    font-size: 1.75rem !important;
    opacity: .38 !important;
    transform: rotate(var(--spark-rotate)) !important;
  }

  .hero::after,
  .scrapbook-doodle.doodle-spark,
  section#mini-price.mini-price-section::after,
  .mini-price-section::after,
  section.contact::before,
  .contact::before,
  .site-footer::before {
    left: 18px !important;
    right: auto !important;
  }

  .home-services::before,
  section#remote.remote-section::before,
  .remote-section::before {
    left: auto !important;
    right: 18px !important;
  }
}
/* v114: full-width portfolio grid sheet behind content, separate from star */
#portfolio,
#portfolio.container.portfolio-section,
#portfolio.portfolio-section,
.portfolio-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  clip-path: none !important;
}

#portfolio.portfolio-section::before,
#portfolio.container.portfolio-section::before,
.portfolio-section::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  left: 50% !important;
  right: auto !important;
  top: -52px !important;
  bottom: -64px !important;
  width: 120vw !important;
  min-width: 100vw !important;
  height: auto !important;
  transform: translateX(-50%) rotate(-6deg) !important;
  transform-origin: 50% 50% !important;
  opacity: 1 !important;
  background-color: var(--kc-band-grid, #f4f1ec) !important;
  background-image: var(--kc-grid-pattern, linear-gradient(rgba(17,17,17,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,.035) 1px, transparent 1px)) !important;
  background-size: 32px 32px !important;
  background-position: center top !important;
  box-shadow: 0 26px 70px -58px rgba(17,17,17,.28) !important;
  animation: none !important;
  color: transparent !important;
}

#portfolio > *,
#portfolio.container.portfolio-section > *,
#portfolio.portfolio-section > *,
.portfolio-section > * {
  position: relative !important;
  z-index: 2 !important;
}

#portfolio .tabs,
.portfolio-section .tabs {
  z-index: 4 !important;
}

#portfolio .portfolio-grid,
.portfolio-section .portfolio-grid {
  z-index: 3 !important;
}

#portfolio.portfolio-section::after,
#portfolio.container.portfolio-section::after,
.portfolio-section::after {
  z-index: 5 !important;
}

@media (max-width:760px) {
  #portfolio.portfolio-section::before,
  #portfolio.container.portfolio-section::before,
  .portfolio-section::before {
    top: -34px !important;
    bottom: -42px !important;
    width: 136vw !important;
    transform: translateX(-50%) rotate(-5deg) !important;
  }
}
/* v115: restore flat grid pattern as real background, never as a moving/front sheet */
#portfolio,
#portfolio.container.portfolio-section,
#portfolio.portfolio-section,
.portfolio-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  background-color: var(--kc-band-grid, #f4f1ec) !important;
  background-image: var(--kc-grid-pattern, linear-gradient(rgba(17,17,17,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,.035) 1px, transparent 1px)) !important;
  background-size: 32px 32px !important;
  background-position: center top !important;
  background-repeat: repeat !important;
  box-shadow: 0 0 0 100vmax var(--kc-band-grid, #f4f1ec) !important;
  clip-path: inset(0 -100vmax) !important;
}

#portfolio.portfolio-section::before,
#portfolio.container.portfolio-section::before,
.portfolio-section::before {
  content: none !important;
  display: none !important;
  animation: none !important;
  transform: none !important;
  background: none !important;
  box-shadow: none !important;
}

#portfolio > *,
#portfolio.container.portfolio-section > *,
#portfolio.portfolio-section > *,
.portfolio-section > * {
  position: relative !important;
  z-index: 2 !important;
}

#portfolio.portfolio-section::after,
#portfolio.container.portfolio-section::after,
.portfolio-section::after {
  content: '✦' !important;
  position: absolute !important;
  z-index: 4 !important;
  pointer-events: none !important;
  right: var(--star-right, clamp(18px, 5vw, 82px)) !important;
  left: auto !important;
  top: clamp(26px, 4vw, 58px) !important;
  display: grid !important;
  place-items: center !important;
  color: #ff6545 !important;
  font-size: clamp(1.8rem, 3vw, 3.5rem) !important;
  font-family: 'Raleway', Arial, sans-serif !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  opacity: .68 !important;
  --spark-rotate: 16deg;
  --spark-speed: 6.8s;
  transform: translate3d(0, calc(var(--site-parallax-y) * -.018), 0) rotate(var(--spark-rotate)) !important;
  animation: siteSparkFloat var(--spark-speed) ease-in-out infinite !important;
}

.scrapbook-paper,
.remote-card {
  position: relative !important;
  isolation: isolate !important;
  background-color: rgba(255,255,255,.92) !important;
  background-image: var(--kc-grid-pattern, linear-gradient(rgba(17,17,17,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,.035) 1px, transparent 1px)) !important;
  background-size: 32px 32px !important;
  background-position: center top !important;
  background-repeat: repeat !important;
}

.scrapbook-paper::before,
.scrapbook-paper::after,
.remote-card::before,
.remote-card::after {
  animation: none !important;
  transform: none !important;
}

.remote-section::before,
section#remote.remote-section::before {
  content: '✦' !important;
  background: none !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  left: auto !important;
  right: var(--star-right, clamp(18px, 5vw, 82px)) !important;
  top: clamp(22px, 4vw, 54px) !important;
  bottom: auto !important;
  z-index: 4 !important;
  transform: translate3d(0, calc(var(--site-parallax-y) * -.018), 0) rotate(8deg) !important;
}

@media (max-width:760px) {
  #portfolio,
  #portfolio.container.portfolio-section,
  #portfolio.portfolio-section,
  .portfolio-section {
    background-position: center top !important;
  }

  #portfolio.portfolio-section::after,
  #portfolio.container.portfolio-section::after,
  .portfolio-section::after {
    right: 18px !important;
    left: auto !important;
    top: 28px !important;
    font-size: 1.75rem !important;
    opacity: .38 !important;
    transform: rotate(var(--spark-rotate)) !important;
  }
}
/* v116: restore warmer paper grid tone while keeping the pattern behind content */
:root {
  --kc-band-grid:#f3eee7;
  --kc-grid-line:rgba(42,34,25,.062);
  --kc-grid-pattern:
    linear-gradient(var(--kc-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--kc-grid-line) 1px, transparent 1px);
}

.scrapbook-paper {
  background-color:#f3eee7 !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  background-repeat:repeat !important;
  clip-path:polygon(0 1.8%,5.5% .7%,10.5% 1.7%,16% .8%,22% 1.6%,28% .75%,34% 1.65%,40% .75%,46% 1.55%,52% .7%,58% 1.6%,64% .75%,70% 1.55%,76% .7%,82% 1.6%,88% .75%,94% 1.55%,100% .7%,99.2% 18%,100% 35%,99.25% 52%,100% 68%,99.2% 84%,100% 98.2%,94% 99.25%,88% 98.35%,82% 99.25%,76% 98.35%,70% 99.25%,64% 98.35%,58% 99.25%,52% 98.35%,46% 99.25%,40% 98.35%,34% 99.25%,28% 98.35%,22% 99.25%,16% 98.35%,10% 99.25%,4% 98.35%,0 99.2%,.8% 82%,0 66%,.75% 50%,0 34%,.8% 18%) !important;
  filter:drop-shadow(0 34px 30px rgba(0,0,0,.12)) !important;
}

.scrapbook-paper::before,
.scrapbook-paper::after {
  content:none !important;
  display:none !important;
}

.remote-card {
  background-color:#f3eee7 !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  background-repeat:repeat !important;
}

#portfolio,
#portfolio.container.portfolio-section,
#portfolio.portfolio-section,
.portfolio-section {
  background-color:var(--kc-band-grid) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  background-repeat:repeat !important;
  box-shadow:0 0 0 100vmax var(--kc-band-grid) !important;
}

@media (max-width:760px) {
  .scrapbook-paper {
    clip-path:polygon(0 1.4%,10% .3%,20% 1.2%,30% .3%,40% 1.2%,50% .3%,60% 1.2%,70% .3%,80% 1.2%,90% .3%,100% 1.4%,99% 99%,90% 100%,80% 99%,70% 100%,60% 99%,50% 100%,40% 99%,30% 100%,20% 99%,10% 100%,1% 99%) !important;
  }
}

/* v117: restore services headline scale and keep the star as a separate accent */
@media (min-width:1051px) {
  .intro-panel-services .home-services {
    width:min(1320px,calc(100vw - 120px)) !important;
    grid-template-columns:minmax(470px,.92fr) minmax(620px,1.08fr) !important;
    gap:clamp(56px,5vw,84px) !important;
    align-items:center !important;
  }

  .intro-panel-services .home-services-head {
    min-width:0 !important;
    max-width:none !important;
  }

  .intro-panel-services .home-services-head h2 {
    width:max-content !important;
    max-width:680px !important;
    font-size:clamp(4.35rem,5.15vw,6rem) !important;
    line-height:.9 !important;
    letter-spacing:-.07em !important;
  }

  .intro-panel-services .home-services-head h2 span {
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    white-space:nowrap !important;
  }

  .intro-panel-services .home-services-head p {
    max-width:560px !important;
    font-size:1.02rem !important;
  }

  .intro-panel-services .home-services-list {
    align-self:center !important;
  }

  .intro-panel-services.home-services::before,
  .intro-panel-services .home-services::before {
    z-index:1 !important;
    pointer-events:none !important;
  }
}

@media (min-width:1051px) and (max-width:1320px) {
  .intro-panel-services .home-services {
    width:min(1200px,calc(100vw - 72px)) !important;
    grid-template-columns:minmax(430px,.86fr) minmax(560px,1.14fr) !important;
    gap:44px !important;
  }

  .intro-panel-services .home-services-head h2 {
    max-width:610px !important;
    font-size:clamp(3.75rem,4.55vw,5.1rem) !important;
  }
}

/* v118: remove services star and restore the wider services layout */
.intro-panel-services .home-services::before,
.home-services::before {
  content:none !important;
  display:none !important;
  animation:none !important;
  transform:none !important;
}

@media (min-width:1180px) {
  .intro-panel-services .home-services {
    width:min(1500px,calc(100vw - 96px)) !important;
    max-width:1500px !important;
    grid-template-columns:minmax(540px,.88fr) minmax(760px,1.12fr) !important;
    gap:clamp(64px,5.2vw,96px) !important;
    padding:clamp(70px,6vw,96px) 0 !important;
    align-items:center !important;
  }

  .intro-panel-services .home-services-head h2 {
    width:auto !important;
    max-width:760px !important;
    font-size:clamp(4.75rem,5.65vw,6.65rem) !important;
    line-height:.9 !important;
    letter-spacing:-.07em !important;
  }

  .intro-panel-services .home-services-head h2 span {
    display:block !important;
    width:auto !important;
    white-space:nowrap !important;
  }

  .intro-panel-services .home-services-head p {
    max-width:610px !important;
  }

  .intro-panel-services .home-services-list,
  .intro-panel-services .home-services-list.home-services-list-detailed {
    grid-template-columns:repeat(2,minmax(330px,1fr)) !important;
    gap:18px !important;
    width:100% !important;
    max-width:none !important;
  }

  .intro-panel-services .home-services-list li,
  .intro-panel-services .home-services-list-detailed li {
    min-height:118px !important;
    padding:24px 28px !important;
    border-radius:26px !important;
    gap:18px !important;
  }

  .intro-panel-services .home-services-list strong {
    font-size:1.06rem !important;
    line-height:1.16 !important;
  }

  .intro-panel-services .home-services-list-detailed p {
    font-size:.9rem !important;
    line-height:1.36 !important;
  }

  .intro-panel-services .home-services-list .service-missing-card,
  .intro-panel-services .home-services-list li:last-child {
    grid-column:auto !important;
  }
}

@media (min-width:1051px) and (max-width:1179px) {
  .intro-panel-services .home-services {
    width:min(1160px,calc(100vw - 72px)) !important;
    grid-template-columns:minmax(430px,.82fr) minmax(560px,1.18fr) !important;
    gap:44px !important;
  }

  .intro-panel-services .home-services-head h2 {
    width:auto !important;
    max-width:610px !important;
    font-size:clamp(3.8rem,5vw,5.2rem) !important;
  }

  .intro-panel-services .home-services-head h2 span {
    white-space:nowrap !important;
  }

  .intro-panel-services .home-services-list,
  .intro-panel-services .home-services-list.home-services-list-detailed {
    grid-template-columns:repeat(2,minmax(260px,1fr)) !important;
    gap:16px !important;
  }
}

/* v119: stretch the portfolio paper grid across the whole section background */
#portfolio,
#portfolio.container.portfolio-section,
#portfolio.portfolio-section,
.portfolio-section {
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  clip-path:none !important;
}

#portfolio::before,
#portfolio.portfolio-section::before,
#portfolio.container.portfolio-section::before,
.portfolio-section::before {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  left:50% !important;
  right:auto !important;
  top:-18px !important;
  bottom:-42px !important;
  width:100vw !important;
  min-width:100vw !important;
  height:auto !important;
  transform:translateX(-50%) !important;
  background-color:var(--kc-band-grid,#f3eee7) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  background-repeat:repeat !important;
  pointer-events:none !important;
  animation:none !important;
  color:transparent !important;
  opacity:1 !important;
}

#portfolio > *,
#portfolio.container.portfolio-section > *,
#portfolio.portfolio-section > *,
.portfolio-section > * {
  position:relative !important;
  z-index:2 !important;
}

#portfolio.portfolio-section::after,
#portfolio.container.portfolio-section::after,
.portfolio-section::after {
  z-index:3 !important;
}

@media (max-width:760px) {
  #portfolio::before,
  #portfolio.portfolio-section::before,
  #portfolio.container.portfolio-section::before,
  .portfolio-section::before {
    top:-12px !important;
    bottom:-28px !important;
    width:100vw !important;
    transform:translateX(-50%) !important;
  }
}

/* v120: give the portfolio grid layer extra horizontal bleed on wide screens */
#portfolio::before,
#portfolio.portfolio-section::before,
#portfolio.container.portfolio-section::before,
.portfolio-section::before {
  left:50% !important;
  right:auto !important;
  width:160vw !important;
  min-width:160vw !important;
  transform:translateX(-50%) !important;
  background-color:var(--kc-band-grid,#f3eee7) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  background-repeat:repeat !important;
}

@media (min-width:1800px) {
  #portfolio::before,
  #portfolio.portfolio-section::before,
  #portfolio.container.portfolio-section::before,
  .portfolio-section::before {
    width:190vw !important;
    min-width:190vw !important;
  }
}

/* v121: extra portfolio pattern bleed to remove the last right-side gap */
#portfolio::before,
#portfolio.portfolio-section::before,
#portfolio.container.portfolio-section::before,
.portfolio-section::before {
  width:240vw !important;
  min-width:240vw !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}

@media (min-width:1800px) {
  #portfolio::before,
  #portfolio.portfolio-section::before,
  #portfolio.container.portfolio-section::before,
  .portfolio-section::before {
    width:280vw !important;
    min-width:280vw !important;
  }
}

/* v122: remove the translucent mini-price canvas, keep only the small star accent */
#mini-price,
section#mini-price.mini-price-section,
.mini-price-section {
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
  background:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  clip-path:none !important;
}

#mini-price::before,
section#mini-price.mini-price-section::before,
.mini-price-section::before {
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  opacity:0 !important;
  animation:none !important;
  transform:none !important;
}

#mini-price::after,
section#mini-price.mini-price-section::after,
.mini-price-section::after {
  content:'✦' !important;
  position:absolute !important;
  z-index:1 !important;
  display:grid !important;
  place-items:center !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  left:clamp(28px,5vw,92px) !important;
  right:auto !important;
  top:clamp(92px,8vw,138px) !important;
  bottom:auto !important;
  color:#ff6545 !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  font-family:'Raleway',Arial,sans-serif !important;
  font-size:clamp(1.6rem,2.7vw,3rem) !important;
  font-weight:950 !important;
  line-height:1 !important;
  opacity:.62 !important;
  pointer-events:none !important;
  --spark-rotate:-16deg;
  --spark-speed:5.9s;
  transform:translate3d(0,calc(var(--site-parallax-y) * -.018),0) rotate(var(--spark-rotate)) !important;
  animation:siteSparkFloat var(--spark-speed) ease-in-out infinite !important;
}

@media (max-width:760px) {
  #mini-price::after,
  section#mini-price.mini-price-section::after,
  .mini-price-section::after {
    left:auto !important;
    right:20px !important;
    top:28px !important;
    bottom:auto !important;
    font-size:1.75rem !important;
    opacity:.38 !important;
    transform:rotate(var(--spark-rotate)) !important;
  }
}

/* v123: remove all mini-price decorative pseudo layers */
#mini-price::before,
#mini-price::after,
section#mini-price.mini-price-section::before,
section#mini-price.mini-price-section::after,
.mini-price-section::before,
.mini-price-section::after {
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  opacity:0 !important;
  animation:none !important;
  transform:none !important;
}

#mini-price,
section#mini-price.mini-price-section,
.mini-price-section {
  background:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  clip-path:none !important;
}

/* v124: tighter mini-price/process visual group */
#mini-price.mini-price-section,
section#mini-price.mini-price-section {
  margin-bottom: 0 !important;
  padding-bottom: clamp(26px, 2.8vw, 40px) !important;
}

#mini-price .mini-price-action {
  margin-top: clamp(20px, 2.2vw, 30px) !important;
  margin-bottom: 0 !important;
}

#mini-price + #process,
section#mini-price.mini-price-section + #process,
#process.container {
  margin-top: clamp(16px, 2.2vw, 32px) !important;
  padding-top: 0 !important;
}

#process .process,
.process {
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  #mini-price.mini-price-section,
  section#mini-price.mini-price-section {
    padding-bottom: 24px !important;
  }

  #mini-price + #process,
  #process.container {
    margin-top: 16px !important;
  }
}

/* v118: spacing cleanup + remote grid as background layer only */
section#mini-price.mini-price-section {
  margin-top: clamp(112px, 9vw, 152px) !important;
  margin-bottom: clamp(72px, 7vw, 104px) !important;
  padding-top: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  clip-path: none !important;
}

section#mini-price .mini-price-head {
  align-items: flex-start !important;
  margin-bottom: 32px !important;
}

section#mini-price .mini-price-grid {
  align-items: stretch !important;
}

section#mini-price .mini-price-card {
  height: 100% !important;
}

section#process.container {
  margin-top: 0 !important;
  margin-bottom: clamp(84px, 8vw, 124px) !important;
  position: relative !important;
  z-index: 3 !important;
}

section#process .process {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

section#remote.remote-section {
  position: relative !important;
  isolation: isolate !important;
  margin-top: clamp(70px, 7vw, 112px) !important;
  margin-bottom: clamp(82px, 8vw, 126px) !important;
  padding-top: clamp(38px, 4.5vw, 64px) !important;
  padding-bottom: clamp(38px, 4.5vw, 64px) !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
}

section#remote.remote-section::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  left: 50% !important;
  right: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  background-color: var(--kc-band-grid, #f3eee7) !important;
  background-image: var(--kc-grid-pattern) !important;
  background-size: 32px 32px !important;
  background-position: center top !important;
  background-repeat: repeat !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

section#remote.remote-section > * {
  position: relative !important;
  z-index: 2 !important;
}

section#remote .remote-card,
#remote.remote-section .remote-card,
.remote-section .remote-card {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid rgba(0,0,0,.055) !important;
  box-shadow: 0 34px 80px -56px rgba(0,0,0,.32) !important;
  position: relative !important;
  z-index: 2 !important;
}

section#remote .remote-card::before,
section#remote .remote-card::after,
#remote.remote-section .remote-card::before,
#remote.remote-section .remote-card::after {
  content: none !important;
  display: none !important;
}

section#remote.remote-section::before {
  z-index: 3 !important;
}

@media (max-width: 980px) {
  section#mini-price.mini-price-section {
    margin-top: 96px !important;
    margin-bottom: 76px !important;
  }
  section#mini-price .mini-price-head {
    display: grid !important;
    gap: 18px !important;
    align-items: start !important;
  }
  section#remote.remote-section {
    margin-top: 76px !important;
    margin-bottom: 90px !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
}

@media (max-width: 760px) {
  section#mini-price.mini-price-section {
    margin-top: 76px !important;
    margin-bottom: 64px !important;
  }
  section#process.container {
    margin-bottom: 76px !important;
  }
  section#remote.remote-section {
    margin-top: 64px !important;
    margin-bottom: 72px !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  section#remote.remote-section::after {
    background-size: 28px 28px !important;
  }
}

/* v125: detach mini-price from portfolio, keep work/process visually closer */
#portfolio,
#portfolio.container.portfolio-section,
#portfolio.portfolio-section,
.portfolio-section {
  padding-bottom: clamp(76px, 7vw, 112px) !important;
}

#portfolio::before,
#portfolio.portfolio-section::before,
#portfolio.container.portfolio-section::before,
.portfolio-section::before {
  bottom: 0 !important;
}

#portfolio + #mini-price,
section#portfolio + section#mini-price.mini-price-section,
#mini-price.mini-price-section,
section#mini-price.mini-price-section {
  margin-top: clamp(128px, 10vw, 188px) !important;
}

#mini-price,
section#mini-price.mini-price-section,
.mini-price-section {
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 0 0 100vmax #fff !important;
  clip-path: inset(0 -100vmax) !important;
  padding-top: clamp(72px, 6.5vw, 104px) !important;
  padding-bottom: clamp(34px, 3vw, 48px) !important;
  position: relative !important;
  z-index: 4 !important;
}

#mini-price + #process,
section#mini-price.mini-price-section + #process,
#process.container {
  margin-top: clamp(18px, 2vw, 32px) !important;
  padding-top: 0 !important;
}

#process .process,
.process {
  margin-top: 0 !important;
}

#remote,
section#remote.remote-section,
.remote-section {
  position: relative !important;
  isolation: isolate !important;
  background: transparent !important;
  background-image: none !important;
}

#remote::after,
section#remote.remote-section::after,
.remote-section::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  left: 50% !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  background-color: var(--kc-band-grid, #f3eee7) !important;
  background-image: var(--kc-grid-pattern) !important;
  background-size: 32px 32px !important;
  background-position: center top !important;
  background-repeat: repeat !important;
  box-shadow: none !important;
}

#remote > *,
section#remote.remote-section > *,
.remote-section > * {
  position: relative !important;
  z-index: 2 !important;
}

#remote .remote-card,
section#remote .remote-card,
.remote-section .remote-card {
  background: #fff !important;
  background-image: none !important;
  position: relative !important;
  z-index: 2 !important;
}

#remote .remote-card::before,
#remote .remote-card::after,
section#remote .remote-card::before,
section#remote .remote-card::after,
.remote-section .remote-card::before,
.remote-section .remote-card::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 980px) {
  #portfolio + #mini-price,
  section#portfolio + section#mini-price.mini-price-section,
  #mini-price.mini-price-section,
  section#mini-price.mini-price-section {
    margin-top: 96px !important;
  }

  #mini-price,
  section#mini-price.mini-price-section,
  .mini-price-section {
    padding-top: 64px !important;
  }
}

@media (max-width: 760px) {
  #portfolio,
  #portfolio.container.portfolio-section,
  #portfolio.portfolio-section,
  .portfolio-section {
    padding-bottom: 64px !important;
  }

  #portfolio + #mini-price,
  section#portfolio + section#mini-price.mini-price-section,
  #mini-price.mini-price-section,
  section#mini-price.mini-price-section {
    margin-top: 72px !important;
  }

  #mini-price,
  section#mini-price.mini-price-section,
  .mini-price-section {
    padding-top: 52px !important;
    padding-bottom: 30px !important;
  }
}

/* v126: add checker/grid pattern band behind the process section */
section#process.container,
#process.container,
#process {
  position: relative !important;
  isolation: isolate !important;
  background: transparent !important;
  background-image: none !important;
  margin-top: clamp(18px, 2vw, 32px) !important;
  margin-bottom: clamp(70px, 7vw, 108px) !important;
  padding-top: clamp(34px, 4vw, 56px) !important;
  padding-bottom: clamp(34px, 4vw, 56px) !important;
  z-index: 3 !important;
}

section#process.container::after,
#process.container::after,
#process::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  left: 50% !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  background-color: var(--kc-band-grid, #f3eee7) !important;
  background-image: var(--kc-grid-pattern, linear-gradient(rgba(17,17,17,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,.035) 1px, transparent 1px)) !important;
  background-size: 32px 32px !important;
  background-position: center top !important;
  background-repeat: repeat !important;
  box-shadow: none !important;
}

section#process.container > *,
#process.container > *,
#process > * {
  position: relative !important;
  z-index: 2 !important;
}

section#process .process,
#process .process,
.process {
  position: relative !important;
  z-index: 2 !important;
  background: #111 !important;
  background-image: none !important;
  box-shadow: 0 34px 80px -56px rgba(0,0,0,.38) !important;
}

@media (max-width: 980px) {
  section#process.container,
  #process.container,
  #process {
    margin-bottom: 90px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (max-width: 760px) {
  section#process.container,
  #process.container,
  #process {
    margin-bottom: 72px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  section#process.container::after,
  #process.container::after,
  #process::after {
    background-size: 28px 28px !important;
  }
}

/* v127: unify uppercase section title sizes */
:root {
  --kc-section-title-size: clamp(3rem, 4.8vw, 4.8rem);
  --kc-section-title-line: 0.94;
  --kc-section-title-track: -0.055em;
}

.mini-price-head h2,
#mini-price-title,
#process .process h2,
#process-title,
.remote-copy h2,
#remote-title,
.price-top h2,
#price-title {
  font-size: var(--kc-section-title-size) !important;
  line-height: var(--kc-section-title-line) !important;
  letter-spacing: var(--kc-section-title-track) !important;
}

@media (max-width: 980px) {
  :root {
    --kc-section-title-size: clamp(2.5rem, 6vw, 3.8rem);
  }
}

@media (max-width: 760px) {
  :root {
    --kc-section-title-size: clamp(2rem, 9vw, 3rem);
    --kc-section-title-line: 0.96;
  }
}

/* v128: make the first-screen H1 visually dominant over the next services title */
@media (min-width: 1051px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(5.25rem, 6.25vw, 7.15rem) !important;
    line-height: 0.88 !important;
    letter-spacing: -0.075em !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(4.35rem, 5.1vw, 5.95rem) !important;
    line-height: 0.9 !important;
    letter-spacing: -0.07em !important;
  }
}

@media (min-width: 1051px) and (max-width: 1320px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(4.65rem, 6vw, 6.05rem) !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(3.85rem, 4.7vw, 5.15rem) !important;
  }
}

@media (max-width: 1050px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(3.25rem, 10vw, 4.7rem) !important;
    line-height: 0.9 !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(3rem, 8.6vw, 4.25rem) !important;
  }
}

@media (max-width: 760px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(3rem, 13vw, 3.9rem) !important;
    line-height: 0.9 !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(2.55rem, 10.5vw, 3.35rem) !important;
    line-height: 0.92 !important;
  }
}

/* v129: soften hero H1 after visual check; keep it only slightly larger than services title */
@media (min-width: 1051px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(4.55rem, 5.55vw, 6.25rem) !important;
    line-height: 0.9 !important;
    letter-spacing: -0.068em !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(4.05rem, 4.75vw, 5.45rem) !important;
    line-height: 0.91 !important;
    letter-spacing: -0.066em !important;
  }
}

@media (min-width: 1051px) and (max-width: 1320px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(4.25rem, 5.45vw, 5.55rem) !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(3.75rem, 4.45vw, 4.9rem) !important;
  }
}

@media (max-width: 1050px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(3rem, 9.3vw, 4.35rem) !important;
    line-height: 0.91 !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(2.85rem, 8.1vw, 4.05rem) !important;
  }
}

@media (max-width: 760px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.75rem, 11.8vw, 3.55rem) !important;
    line-height: 0.92 !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(2.45rem, 9.7vw, 3.15rem) !important;
    line-height: 0.93 !important;
  }
}

/* v130: slightly reduce hero H1 and make services title closer to the "Немного обо мне" style */
@media (min-width: 1051px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(4.15rem, 5vw, 5.65rem) !important;
    line-height: 0.91 !important;
    letter-spacing: -0.064em !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    max-width: 430px !important;
    width: auto !important;
    font-size: clamp(2.55rem, 3.15vw, 3.35rem) !important;
    line-height: 0.88 !important;
    letter-spacing: -0.045em !important;
  }
}

@media (min-width: 1051px) and (max-width: 1320px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(3.95rem, 4.95vw, 5.15rem) !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(2.45rem, 3vw, 3.05rem) !important;
  }
}

@media (max-width: 1050px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.9rem, 8.8vw, 4.05rem) !important;
    line-height: 0.92 !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(2.4rem, 6.9vw, 3.15rem) !important;
    line-height: 0.89 !important;
    letter-spacing: -0.045em !important;
  }
}

@media (max-width: 760px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.6rem, 11.2vw, 3.35rem) !important;
    line-height: 0.93 !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    font-size: clamp(2.15rem, 8.9vw, 2.85rem) !important;
    line-height: 0.9 !important;
    letter-spacing: -0.042em !important;
  }
}


/* v131: make hero H1 a bit more modest */
@media (min-width: 1051px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(3.75rem, 4.55vw, 5rem) !important;
    line-height: 0.93 !important;
    letter-spacing: -0.058em !important;
  }
}

@media (min-width: 1051px) and (max-width: 1320px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(3.55rem, 4.35vw, 4.55rem) !important;
  }
}

@media (max-width: 1050px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.7rem, 8vw, 3.7rem) !important;
    line-height: 0.94 !important;
  }
}

@media (max-width: 760px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.35rem, 10.2vw, 3rem) !important;
    line-height: 0.95 !important;
  }
}


/* v132: smaller hero H1 + orange first line */
.hero-title-accent {
  color: #ff6842 !important;
  display: inline-block !important;
}

@media (min-width: 1051px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(3.35rem, 4.1vw, 4.5rem) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.05em !important;
  }
}

@media (min-width: 1051px) and (max-width: 1320px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(3.15rem, 3.95vw, 4.05rem) !important;
  }
}

@media (max-width: 1050px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.55rem, 7.5vw, 3.45rem) !important;
    line-height: 0.96 !important;
  }
}

@media (max-width: 760px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.2rem, 9.4vw, 2.75rem) !important;
    line-height: 0.97 !important;
  }
}


/* v133: keep the hero heading in exactly three lines and reduce size a bit more */
.hero-title-accent {
  color: #ff6842 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

.hero h1,
.intro-panel-hero .hero-content h1,
#hero-title {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

@media (min-width: 1051px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(3.05rem, 3.75vw, 4.1rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
  }
}

@media (min-width: 1051px) and (max-width: 1320px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.8rem, 3.55vw, 3.65rem) !important;
  }
}

@media (max-width: 1050px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.35rem, 6.8vw, 3.1rem) !important;
    line-height: 0.99 !important;
  }
}

@media (max-width: 760px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    white-space: normal !important;
    font-size: clamp(2rem, 8.3vw, 2.5rem) !important;
    line-height: 0.98 !important;
  }

  .hero-title-accent {
    white-space: normal !important;
  }
}

/* v134: calmer four-line hero title rhythm */
.hero-title-accent {
  color: #ff6842 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

.hero-title-soft {
  display: inline-block !important;
  white-space: nowrap !important;
}

@media (min-width: 1051px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(3rem, 3.55vw, 3.9rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

@media (min-width: 1051px) and (max-width: 1320px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.75rem, 3.35vw, 3.45rem) !important;
  }
}

@media (max-width: 1050px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(2.3rem, 6.25vw, 2.9rem) !important;
    line-height: 1.02 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

@media (max-width: 760px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(1.9rem, 7.6vw, 2.35rem) !important;
    line-height: 1.03 !important;
    white-space: nowrap !important;
  }
}


/* v135: mobile polish pass — calmer layout, better readable cards and spacing */
@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body {
    background: #fffaf4 !important;
  }

  .container {
    width: min(100% - 28px, 1180px) !important;
  }

  .intro-panel,
  .intro-panel-hero,
  .intro-panel-services,
  .intro-panel-advantages {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hero,
  .intro-panel-hero .hero {
    min-height: auto !important;
    padding-top: 96px !important;
    padding-bottom: 44px !important;
    display: block !important;
  }

  .hero-content,
  .intro-panel-hero .hero-content {
    max-width: 100% !important;
    padding: 0 !important;
  }

  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    max-width: 100% !important;
    font-size: clamp(1.82rem, 7.15vw, 2.28rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  .hero-title-accent,
  .hero-title-soft {
    white-space: nowrap !important;
  }

  .hero p,
  .intro-panel-hero .hero-content p {
    margin-top: 18px !important;
    max-width: 100% !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  .hero-actions,
  .hero-cta-row {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }

  .hero-actions .btn,
  .hero-cta-row .btn,
  .btn {
    width: 100% !important;
    justify-content: center !important;
    min-height: 48px !important;
    border-radius: 999px !important;
  }

  .hero-works,
  .hero-work-grid,
  .intro-panel-hero .hero-works {
    margin-top: 28px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .hero-work-card,
  .hero-work-grid button,
  .hero-work {
    min-height: 136px !important;
    border-radius: 24px !important;
  }

  .hero-work-label {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    padding: 10px 11px !important;
    border-radius: 18px !important;
  }

  .hero-work-label b {
    font-size: .82rem !important;
    line-height: 1.1 !important;
  }

  .hero-work-label em {
    display: none !important;
  }

  .intro-panel-services .home-services,
  .home-services {
    width: 100% !important;
    display: block !important;
    padding: 54px 0 58px !important;
  }

  .home-services-head {
    margin-bottom: 22px !important;
  }

  .home-services-head > span {
    margin-bottom: 12px !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title {
    max-width: 100% !important;
    width: auto !important;
    font-size: clamp(2.2rem, 10vw, 3rem) !important;
    line-height: .92 !important;
    letter-spacing: -.045em !important;
  }

  .home-services-head p {
    margin-top: 16px !important;
    max-width: 100% !important;
    font-size: .98rem !important;
    line-height: 1.55 !important;
  }

  .home-services-list,
  .home-services-list-detailed {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 20px !important;
  }

  .home-services-list li,
  .home-services-list-detailed li {
    min-height: auto !important;
    padding: 18px !important;
    border-radius: 26px !important;
    align-items: flex-start !important;
    box-shadow: 0 18px 48px -38px rgba(0,0,0,.28) !important;
  }

  .home-services-list li i,
  .home-services-list-detailed li i {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  .home-services-list strong {
    font-size: 1rem !important;
    line-height: 1.12 !important;
  }

  .home-services-list p {
    margin-top: 6px !important;
    font-size: .91rem !important;
    line-height: 1.42 !important;
  }

  .home-services-link {
    width: 100% !important;
    justify-content: center !important;
    margin-top: 18px !important;
  }

  .about-scrapbook,
  .advantages-about.about-profile {
    padding: 48px 0 !important;
  }

  .scrapbook-paper {
    width: 100% !important;
    padding: 22px !important;
    border-radius: 30px !important;
  }

  .scrapbook-stage,
  .scrapbook-paper {
    overflow: visible !important;
  }

  .scrapbook-main h2,
  #about-title {
    font-size: clamp(2.15rem, 10vw, 2.85rem) !important;
    line-height: .92 !important;
  }

  .scrapbook-photo {
    border-radius: 24px !important;
    min-height: 260px !important;
  }

  .portfolio-section,
  #portfolio {
    padding-top: 62px !important;
    padding-bottom: 64px !important;
  }

  .section-head h2 {
    font-size: clamp(2.15rem, 10vw, 3rem) !important;
    line-height: .94 !important;
    letter-spacing: -.045em !important;
  }

  .tabs,
  .portfolio-tabs {
    display: flex !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding-bottom: 8px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .tabs button,
  .portfolio-tabs button {
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
    white-space: nowrap !important;
  }

  .portfolio-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .portfolio-card,
  .portfolio-media {
    border-radius: 26px !important;
  }

  section#mini-price.mini-price-section {
    margin-top: 72px !important;
    padding-top: 54px !important;
    padding-bottom: 36px !important;
  }

  .mini-price-head,
  .price-top {
    display: grid !important;
    gap: 16px !important;
    margin-bottom: 26px !important;
  }

  .mini-price-head h2,
  #mini-price-title,
  #process-title,
  #remote-title,
  #price-title {
    font-size: clamp(2.05rem, 9.4vw, 2.8rem) !important;
    line-height: .94 !important;
    letter-spacing: -.045em !important;
  }

  .mini-price-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .mini-price-card {
    min-height: auto !important;
    padding: 22px !important;
    border-radius: 28px !important;
  }

  section#process.container {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
    margin-bottom: 70px !important;
  }

  #process .process,
  .process {
    padding: 30px 18px !important;
    border-radius: 30px !important;
  }

  .process-steps {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 24px !important;
  }

  .step {
    padding: 18px !important;
    border-radius: 24px !important;
  }

  section#remote.remote-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    margin-top: 62px !important;
    margin-bottom: 72px !important;
  }

  .remote-card {
    padding: 24px 18px !important;
    border-radius: 30px !important;
  }

  .remote-copy h2,
  #remote-title {
    max-width: 100% !important;
  }

  .remote-copy p {
    font-size: .98rem !important;
    line-height: 1.55 !important;
  }

  .remote-points {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .remote-map-wrap {
    min-height: 220px !important;
    margin-top: 18px !important;
  }

  .price-section {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  .price-shell {
    padding: 24px 16px !important;
    border-radius: 30px !important;
  }

  .price-tabs {
    display: flex !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding-bottom: 8px !important;
  }

  .price-tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .price-row {
    padding: 18px !important;
    border-radius: 24px !important;
  }
}

@media (max-width: 420px) {
  .container {
    width: min(100% - 22px, 1180px) !important;
  }

  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    font-size: clamp(1.68rem, 7.35vw, 2.06rem) !important;
    line-height: 1.06 !important;
  }

  .hero-title-accent,
  .hero-title-soft {
    white-space: normal !important;
  }

  .hero-works,
  .hero-work-grid,
  .intro-panel-hero .hero-works {
    grid-template-columns: 1fr !important;
  }

  .intro-panel-services .home-services-head h2,
  .home-services-head h2,
  #home-services-title,
  .section-head h2,
  .mini-price-head h2,
  #mini-price-title,
  #process-title,
  #remote-title,
  #price-title {
    font-size: clamp(1.95rem, 10vw, 2.55rem) !important;
  }

  .scrapbook-paper {
    padding: 18px !important;
  }
}

/* v136: final mobile polish and reliable PDF opening */
@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body {
    background: #fff !important;
  }

  .container {
    width: min(100% - 24px, 1180px) !important;
  }

  section,
  .portfolio-section,
  #portfolio,
  #mini-price,
  #process,
  #remote,
  #price,
  #about {
    scroll-margin-top: 76px !important;
  }

  .section-head,
  .mini-price-head,
  .price-top {
    gap: 12px !important;
    margin-bottom: 22px !important;
  }

  .section-head p,
  .mini-price-head p,
  .price-top p,
  .remote-copy p,
  .scrapbook-main p {
    max-width: 100% !important;
    font-size: .96rem !important;
    line-height: 1.52 !important;
    color: rgba(17, 17, 17, .68) !important;
  }

  .portfolio-section,
  #portfolio.container.portfolio-section {
    padding-top: 46px !important;
    padding-bottom: 52px !important;
  }

  #portfolio .section-head h2,
  #portfolio-title,
  #mini-price-title,
  #process-title,
  #remote-title,
  #price-title,
  #about-title {
    font-size: clamp(2.02rem, 9.4vw, 2.58rem) !important;
    line-height: .96 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }

  #portfolio .tabs,
  .portfolio-tabs,
  .price-tabs {
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding: 0 12px 10px !important;
    scrollbar-width: none !important;
  }

  #portfolio .tabs::-webkit-scrollbar,
  .portfolio-tabs::-webkit-scrollbar,
  .price-tabs::-webkit-scrollbar {
    display: none !important;
  }

  #portfolio .portfolio-grid,
  .portfolio-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .portfolio-card {
    border-radius: 24px !important;
    overflow: visible !important;
  }

  .portfolio-media {
    aspect-ratio: 1 / .86 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  .portfolio-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .hover-layer {
    opacity: 1 !important;
    background: linear-gradient(180deg, rgba(0,0,0,0) 34%, rgba(0,0,0,.62) 100%) !important;
    align-items: flex-end !important;
    padding: 18px !important;
  }

  .hover-layer small,
  .hover-layer p {
    display: none !important;
  }

  .hover-layer h3,
  .hover-layer h4 {
    font-size: 1rem !important;
    line-height: 1.14 !important;
  }

  .portfolio-pdf-mobile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 8px !important;
    border-radius: 999px !important;
    background: #ff6547 !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: .9rem !important;
    text-decoration: none !important;
    box-shadow: 0 16px 34px -24px rgba(255, 101, 71, .9) !important;
  }

  section#mini-price.mini-price-section {
    margin-top: 44px !important;
    padding-top: 38px !important;
    padding-bottom: 24px !important;
  }

  .mini-price-grid {
    gap: 12px !important;
  }

  .mini-price-card {
    padding: 20px !important;
    border-radius: 24px !important;
  }

  .mini-price-card h3,
  .price-row h3,
  .step strong {
    font-size: 1.03rem !important;
    line-height: 1.18 !important;
  }

  .mini-price-action,
  #mini-price .mini-price-action {
    margin-top: 18px !important;
  }

  #mini-price + #process,
  section#process.container {
    margin-top: 10px !important;
    padding-top: 0 !important;
  }

  #process .process,
  .process {
    padding: 26px 16px !important;
    border-radius: 28px !important;
  }

  .process-steps {
    gap: 10px !important;
    margin-top: 20px !important;
  }

  .step,
  .price-row,
  .remote-point,
  .home-services-list li,
  .home-services-list-detailed li {
    border-radius: 22px !important;
  }

  .slideshow.is-pdf-project .slide-pdf {
    display: none !important;
  }

  .slideshow .slide-pdf-open {
    display: none;
  }

  .slideshow.is-pdf-project .slide-pdf-open {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 12px !important;
    border-radius: 999px !important;
    background: #ff6547 !important;
    color: #fff !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }
}

@media (min-width: 761px) {
  .portfolio-pdf-mobile,
  .slideshow .slide-pdf-open {
    display: none !important;
  }
}

@media (max-width: 420px) {
  .container {
    width: min(100% - 20px, 1180px) !important;
  }

  #portfolio .section-head h2,
  #portfolio-title,
  #mini-price-title,
  #process-title,
  #remote-title,
  #price-title,
  #about-title {
    font-size: clamp(1.86rem, 9.6vw, 2.36rem) !important;
  }

  .portfolio-media {
    aspect-ratio: 1 / .92 !important;
  }
}

/* v137: keep PDF previews inside the site on mobile; calm About numbers */
@media (max-width: 760px) {
  .portfolio-pdf-mobile,
  .slideshow .slide-pdf-open,
  .slideshow.is-pdf-project .slide-pdf-open {
    display: none !important;
  }

  .slideshow.is-pdf-project .slide-image-wrap {
    min-height: min(72vh, 620px) !important;
    height: min(72vh, 620px) !important;
    overflow: hidden !important;
    background: #f6f3ef !important;
  }

  .slideshow.is-pdf-project .slide-pdf {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: min(72vh, 620px) !important;
    border: 0 !important;
    background: #fff !important;
  }

  .scrapbook-facts strong,
  .proof-fact-simple strong,
  .stat-item strong {
    animation: none !important;
    transition: none !important;
  }
}

.scrapbook-facts strong,
.proof-fact-simple strong,
.stat-item strong {
  animation: none !important;
}

/* v138: fixed slideshow arrows that do not shift with project format */
.slideshow.open .slide-inner {
  position: relative !important;
}

.slideshow.open .arrow,
#slideshow.open .arrow {
  display: inline-flex !important;
  position: fixed !important;
  top: 50% !important;
  z-index: 10080 !important;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  background: rgba(17,17,17,.66) !important;
  color: #fff !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.32) !important;
  backdrop-filter: blur(10px) !important;
}

.slideshow.open .arrow:hover,
#slideshow.open .arrow:hover {
  background: #ff6547 !important;
  border-color: #ff6547 !important;
  transform: translateY(-50%) scale(1.04) !important;
}

.slideshow.open .arrow.prev,
#slideshow.open .arrow.prev {
  left: max(18px, calc((100vw - min(1400px, 92vw)) / 2 + 18px)) !important;
  right: auto !important;
}

.slideshow.open .arrow.next,
#slideshow.open .arrow.next {
  left: auto !important;
  right: max(18px, calc((100vw - min(1400px, 92vw)) / 2 + 18px)) !important;
}

.slideshow.open .slide-panel-nav,
#slideshow.open .slide-panel-nav {
  display: none !important;
}

@media (max-width: 760px) {
  .slideshow.open .arrow,
  #slideshow.open .arrow {
    display: none !important;
  }

  .slideshow.open .slide-mobile-nav,
  #slideshow.open .slide-mobile-nav {
    position: sticky !important;
    bottom: 12px !important;
    z-index: 10081 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    pointer-events: none !important;
  }

  .slideshow.open .slide-mobile-arrow,
  #slideshow.open .slide-mobile-arrow {
    pointer-events: auto !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
    background: rgba(17,17,17,.78) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.28) !important;
  }
}

/* v139: place slideshow next arrow on the image edge, before the info panel */
@media (min-width: 761px) {
  .slideshow.open .arrow.prev,
  #slideshow.open .arrow.prev {
    left: calc((100vw - min(1400px, 92vw)) / 2 + 38px) !important;
    right: auto !important;
  }

  .slideshow.open .arrow.next,
  #slideshow.open .arrow.next {
    left: calc((100vw - min(1400px, 92vw)) / 2 + min(1400px, 92vw) - 380px) !important;
    right: auto !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .slideshow.open .arrow.next,
  #slideshow.open .arrow.next {
    left: calc((100vw - min(1120px, 94vw)) / 2 + min(1120px, 94vw) - 342px) !important;
  }
}

/* v140: align slideshow arrows to the image gutters */
@media (min-width: 761px) {
  .slideshow.open .arrow.prev,
  #slideshow.open .arrow.prev {
    left: calc((100vw - min(1400px, 92vw)) / 2 + 76px) !important;
    right: auto !important;
  }

  .slideshow.open .arrow.next,
  #slideshow.open .arrow.next {
    left: calc((100vw - min(1400px, 92vw)) / 2 + min(1400px, 92vw) - 454px) !important;
    right: auto !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .slideshow.open .arrow.prev,
  #slideshow.open .arrow.prev {
    left: calc((100vw - min(1120px, 94vw)) / 2 + 56px) !important;
  }

  .slideshow.open .arrow.next,
  #slideshow.open .arrow.next {
    left: calc((100vw - min(1120px, 94vw)) / 2 + min(1120px, 94vw) - 394px) !important;
  }
}

/* v141: mobile hero title and gallery alignment */
.hero-title-mobile {
  display: none;
}

@media (max-width: 760px) {
  #hero-title .hero-title-desktop {
    display: none !important;
  }

  #hero-title .hero-title-mobile {
    display: block !important;
  }

  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    max-width: 11.8ch !important;
    font-size: clamp(2.28rem, 10.6vw, 3.25rem) !important;
    line-height: .96 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    text-wrap: balance !important;
  }

  #hero-title .hero-title-accent,
  #hero-title .hero-title-soft {
    white-space: normal !important;
  }

  .intro-panel-hero .hero-works.hero-works-clean-grid,
  .intro-panel-hero .hero-works,
  .hero-works,
  .hero-work-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 26px 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    transform: none !important;
  }

  .intro-panel-hero .hero-works .hero-work,
  .hero-work-card,
  .hero-work-grid button,
  .hero-work {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / .86 !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  .intro-panel-hero .hero-work img,
  .hero-work img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
  }

  .hero-work-label {
    left: 9px !important;
    right: 9px !important;
    bottom: 9px !important;
    max-width: calc(100% - 18px) !important;
  }
}

@media (max-width: 420px) {
  .hero h1,
  .intro-panel-hero .hero-content h1,
  #hero-title {
    max-width: 10.9ch !important;
    font-size: clamp(2.05rem, 10.8vw, 2.55rem) !important;
    line-height: .97 !important;
  }

  .intro-panel-hero .hero-works.hero-works-clean-grid,
  .intro-panel-hero .hero-works,
  .hero-works,
  .hero-work-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .intro-panel-hero .hero-works .hero-work,
  .hero-work-card,
  .hero-work-grid button,
  .hero-work {
    aspect-ratio: 1 / .92 !important;
    border-radius: 18px !important;
  }

  .hero-work-label {
    padding: 8px 9px !important;
    border-radius: 14px !important;
  }

  .hero-work-label b {
    font-size: .76rem !important;
  }
}

/* v142: remove the hero sparkle on mobile so the first screen stays clean */
@media (max-width: 760px) {
  .hero::after,
  .intro-panel-hero .hero::after {
    content: none !important;
    display: none !important;
  }
}

/* v143: keep alternate hero title strictly mobile-only */
#hero-title .hero-title-desktop {
  display: inline !important;
}

#hero-title .hero-title-mobile {
  display: none !important;
}

@media (max-width: 760px) {
  #hero-title .hero-title-desktop {
    display: none !important;
  }

  #hero-title .hero-title-mobile {
    display: block !important;
  }
}

/* v144: black hero headline on the first screen */
#hero-title,
#hero-title .hero-title-accent,
#hero-title .hero-title-soft,
#hero-title .hero-title-desktop,
#hero-title .hero-title-mobile {
  color: #0b0b0d !important;
}

/* v145: orange emphasis for the advertising line in the hero headline */
#hero-title .hero-title-ad-accent {
  color: #ff6545 !important;
}

/* v146: orange accent for portfolio title lead */
#portfolio-title .portfolio-title-accent {
  color: #ff6545 !important;
}

/* v147: keep key section titles below the main hero headline */
#mini-price-title,
#process-title,
#remote-title {
  font-size: clamp(2.75rem, 4.15vw, 4.35rem) !important;
  line-height: .94 !important;
}

@media (max-width: 760px) {
  #mini-price-title,
  #process-title,
  #remote-title {
    font-size: clamp(1.9rem, 8.8vw, 2.62rem) !important;
    line-height: .96 !important;
  }
}

@media (max-width: 420px) {
  #mini-price-title,
  #process-title,
  #remote-title {
    font-size: clamp(1.74rem, 9vw, 2.26rem) !important;
  }
}

/* v148: cleaner mini-price cards and price details */
#mini-price .mini-price-grid {
  gap: clamp(18px, 2vw, 28px) !important;
  align-items: stretch !important;
}

#mini-price .mini-price-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 230px !important;
  padding: clamp(28px, 2.2vw, 34px) !important;
}

#mini-price .mini-price-card > span {
  display: none !important;
}

#mini-price .mini-price-card h3 {
  margin: 0 0 14px !important;
}

#mini-price .mini-price-card p {
  margin: 0 0 18px !important;
  line-height: 1.48 !important;
}

#mini-price .mini-price-term {
  width: fit-content !important;
  margin: 0 0 24px !important;
}

#mini-price .mini-price-card strong {
  margin-top: auto !important;
}

#mini-price .mini-price-action {
  margin-top: clamp(22px, 2.2vw, 30px) !important;
}

@media (max-width: 760px) {
  #mini-price .mini-price-card {
    min-height: 0 !important;
    padding: 22px !important;
  }

  #mini-price .mini-price-action {
    margin-top: 18px !important;
  }
}

/* v149: circular contact icons in the brief card and footer phone */
#price .brief-contact-circles,
.brief-contact-circles {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.brief-contact-circle {
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: #ff6542 !important;
  box-shadow: 0 14px 26px -18px rgba(255,101,66,.65) !important;
  cursor: pointer !important;
  transition: transform .22s ease, filter .22s ease !important;
}

.brief-contact-circle svg {
  width: 21px !important;
  height: 21px !important;
  fill: currentColor !important;
  flex: 0 0 21px !important;
}

.brief-contact-circle:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.05) !important;
}

.brief-contact-circle.email.is-copied {
  background: #25d366 !important;
}

.site-footer .footer-phone-line {
  color: rgba(255,255,255,.82) !important;
  font-size: .86rem !important;
  line-height: 1.35 !important;
  text-align: left !important;
  transition: color .22s ease;
}

.site-footer .footer-phone-line:hover {
  color: #fff !important;
}

@media (max-width: 760px) {
  .brief-contact-circles {
    justify-content: center !important;
  }
}

/* v150: email in the price brief as a portfolio-style button */
#price .brief-contact-circles,
.brief-contact-circles {
  width: 100% !important;
  align-items: center !important;
}

.brief-contact-circles .brief-email-button {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #111 !important;
  background: #fff !important;
  box-shadow: 0 14px 26px -22px rgba(17,17,17,.36) !important;
  font-size: .88rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.brief-contact-circles .brief-email-button svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  fill: currentColor !important;
}

.brief-contact-circles .brief-email-button.is-copied {
  color: #fff !important;
  background: #25d366 !important;
}

@media (max-width: 420px) {
  .brief-contact-circles .brief-email-button {
    font-size: .82rem !important;
    padding: 0 14px !important;
  }
}

/* v151: stronger VK mark and dark email button in the price brief */
.brief-contact-circle.vk svg {
  width: 25px !important;
  height: 25px !important;
  flex-basis: 25px !important;
}

.brief-contact-circles .brief-email-button {
  color: #fff !important;
  background: #111 !important;
  box-shadow: 0 14px 26px -20px rgba(17,17,17,.55) !important;
}

.brief-contact-circles .brief-email-button:hover {
  background: #242424 !important;
}

.brief-contact-circles .brief-email-button.is-copied {
  color: #fff !important;
  background: #25d366 !important;
}

/* v152: Montserrat for clean, stable numbers */
.price-row strong,
.price-term,
.price-tools,
.mini-price-card strong,
.mini-price-term,
.about-stat strong,
.stat strong,
.stats strong,
.scrapbook-proof strong,
.portfolio-more-btn,
.slide-counter,
.project-count,
.brief-checklist li > span,
.mini-price-card > span,
.price-row small,
.calc-total,
.calc-result,
[data-count],
[class*="count"],
[class*="price"] strong {
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: 'tnum' 1, 'lnum' 1 !important;
  letter-spacing: 0 !important;
}

/* v153: stable footer phone numerals */
.site-footer .footer-phone-line,
.footer-phone-line {
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: 'tnum' 1, 'lnum' 1 !important;
  letter-spacing: 0 !important;
  word-spacing: .08em !important;
  white-space: nowrap !important;
}

/* v154: stable footer legal numerals */
.site-footer .footer-bottom,
.site-footer .footer-bottom span,
.site-footer .footer-legal,
.site-footer .footer-legal a {
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: 'tnum' 1, 'lnum' 1 !important;
  letter-spacing: 0 !important;
}

.site-footer .footer-bottom span {
  line-height: 1.45 !important;
}

/* v155: stronger services cards and cleaner CTA line */
@media (min-width: 761px) {
  .intro-panel-services .home-services-list,
  .intro-panel-services .home-services-list.home-services-list-detailed {
    gap: 18px !important;
  }

  .intro-panel-services .home-services-list li,
  .intro-panel-services .home-services-list-detailed li {
    min-height: 124px !important;
    padding: 24px 28px !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    border-radius: 24px !important;
  }

  .intro-panel-services .home-services-list i,
  .intro-panel-services .home-services-list .service-missing-card i {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    flex-basis: 46px !important;
  }

  .intro-panel-services .home-services-list svg {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 2 !important;
  }

  .intro-panel-services .home-services-list strong,
  .intro-panel-services .home-services-list .service-missing-card strong {
    font-size: 1.05rem !important;
    line-height: 1.14 !important;
  }

  .intro-panel-services .home-services-list-detailed p,
  .intro-panel-services .home-services-list li p {
    font-size: .88rem !important;
    line-height: 1.38 !important;
    margin-top: 8px !important;
  }

  .intro-panel-services .home-services-list .service-missing-card {
    grid-template-columns: 48px minmax(220px, 1fr) !important;
    min-height: 124px !important;
    padding: 24px 28px !important;
    box-shadow: 0 26px 48px -28px rgba(255,101,69,.66) !important;
  }

  .intro-panel-services .home-services-list .service-missing-card i {
    font-size: 1.62rem !important;
  }

  .intro-panel-services .home-services-list .service-missing-card p {
    max-width: none !important;
    white-space: normal !important;
    text-wrap: balance !important;
    font-size: .9rem !important;
    line-height: 1.22 !important;
  }

  .intro-panel-services .home-services-list .service-missing-card p::first-line {
    white-space: nowrap;
  }
}

@media (min-width: 1180px) {
  .intro-panel-services .home-services-list .service-missing-card p {
    white-space: nowrap !important;
  }
}

/* v156: align services icons to text and set CTA copy break */
@media (min-width: 761px) {
  .intro-panel-services .home-services-list li,
  .intro-panel-services .home-services-list-detailed li {
    align-items: flex-start !important;
  }

  .intro-panel-services .home-services-list i,
  .intro-panel-services .home-services-list .service-missing-card i {
    margin-top: 2px !important;
  }

  .intro-panel-services .home-services-list .service-missing-card {
    align-items: center !important;
  }

  .intro-panel-services .home-services-list .service-missing-card p {
    white-space: normal !important;
    text-wrap: auto !important;
    line-height: 1.24 !important;
  }
}

/* v157: align orange service CTA icon with its text rhythm */
@media (min-width: 761px) {
  .intro-panel-services .home-services-list .service-missing-card {
    align-items: flex-start !important;
  }

  .intro-panel-services .home-services-list .service-missing-card i {
    margin-top: 1px !important;
  }

  .intro-panel-services .home-services-list .service-missing-card strong {
    margin-top: 1px !important;
  }
}

/* v158 - new SVG logo in header */
.brand-logo-link {
  display: inline-flex;
  align-items: center;
  width: clamp(180px, 15vw, 238px);
  min-width: 170px;
  text-transform: none;
}

.brand-logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 50px;
}

@media (max-width: 720px) {
  .brand-logo-link {
    width: 178px;
    min-width: 150px;
  }

  .brand-logo {
    max-height: 42px;
  }
}

@media (max-width: 380px) {
  .brand-logo-link {
    width: 156px;
    min-width: 140px;
  }
}
/* v159 - header logo text as editable HTML */
header .brand-logo-link {
  width: auto;
  min-width: 0;
  gap: 10px;
  text-transform: uppercase;
}

.brand-symbol {
  display: block;
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  object-fit: contain;
}

header .brand-logo-link .brand-copy {
  display: grid;
  gap: 2px;
  line-height: .92;
}

header .brand-logo-link .brand-copy strong {
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .02em;
  white-space: nowrap;
  color: #111;
}

header .brand-logo-link .brand-copy small {
  font-size: .46rem;
  font-weight: 850;
  letter-spacing: .04em;
  white-space: nowrap;
  color: #585858;
}

@media (max-width: 720px) {
  header .brand-logo-link {
    gap: 8px;
  }

  .brand-symbol {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
  }

  header .brand-logo-link .brand-copy strong {
    font-size: .62rem;
    letter-spacing: 0;
  }

  header .brand-logo-link .brand-copy small {
    font-size: .4rem;
    letter-spacing: .025em;
  }
}

@media (max-width: 380px) {
  header .brand-logo-link .brand-copy strong {
    font-size: .56rem;
  }

  header .brand-logo-link .brand-copy small {
    font-size: .36rem;
  }
}
/* v160 - PNG mark in header */
.brand-symbol {
  border-radius: 0;
  object-fit: contain;
}
/* v161 - header uses only uploaded logo image */
header .brand-logo-link {
  gap: 0;
  width: auto;
  min-width: 0;
}

.brand-symbol-only {
  width: clamp(136px, 12vw, 178px);
  height: auto;
  max-height: 44px;
  flex: 0 0 auto;
  object-fit: contain;
}

@media (max-width: 720px) {
  .brand-symbol-only {
    width: 136px;
    max-height: 38px;
  }
}

@media (max-width: 380px) {
  .brand-symbol-only {
    width: 122px;
    max-height: 34px;
  }
}
/* v162 - logo5 text-only header mark, slightly larger */
.brand-symbol-only {
  width: clamp(156px, 13.8vw, 214px);
  max-height: 48px;
}

@media (max-width: 720px) {
  .brand-symbol-only {
    width: 154px;
    max-height: 42px;
  }
}

@media (max-width: 380px) {
  .brand-symbol-only {
    width: 140px;
    max-height: 38px;
  }
}
/* v163 - align header logo with hero left edge on desktop */
@media (min-width: 1051px) {
  header .brand-logo-link {
    transform: translateX(-36px);
  }
}

@media (min-width: 1500px) {
  header .brand-logo-link {
    transform: translateX(-42px);
  }
}
/* v164 - slightly larger header logo */
.brand-symbol-only {
  width: clamp(172px, 14.8vw, 232px);
  max-height: 54px;
}

@media (max-width: 720px) {
  .brand-symbol-only {
    width: 164px;
    max-height: 45px;
  }
}

@media (max-width: 380px) {
  .brand-symbol-only {
    width: 148px;
    max-height: 40px;
  }
}
/* v165 - cohesive mobile burger menu before launch */
@media (max-width:920px) {
  body.nav-open header {
    background:#fff !important;
    border-color:rgba(17,17,17,.06) !important;
    box-shadow:0 14px 34px -30px rgba(17,17,17,.45) !important;
  }

  body.nav-open header .brand-copy strong,
  body.nav-open header .brand-copy small {
    color:#111 !important;
  }

  header .nav-toggle,
  .nav-toggle {
    border:0 !important;
    border-radius:999px !important;
    background:#111 !important;
    color:#fff !important;
    box-shadow:0 16px 34px -26px rgba(17,17,17,.65) !important;
  }

  body.nav-open .nav-toggle {
    background:#ff6542 !important;
    color:#fff !important;
    box-shadow:0 18px 34px -24px rgba(255,101,66,.75) !important;
  }

  header .nav-links {
    inset:0 !important;
    padding:92px 18px 24px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    background:#f7f4ef !important;
    background-image:
      linear-gradient(rgba(17,17,17,.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(17,17,17,.035) 1px, transparent 1px) !important;
    background-size:28px 28px !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body.nav-open header .nav-links {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  header .nav-links > a:not(.order-telegram):not(.nav-mobile-vk),
  header .nav-links .nav-mobile-contacts a {
    width:min(420px,100%) !important;
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:16px !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:0 14px 32px -30px rgba(17,17,17,.45) !important;
    backdrop-filter:none !important;
    font-size:1rem !important;
    font-weight:850 !important;
    line-height:1.1 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-align:left !important;
  }

  header .nav-links > a:not(.order-telegram):not(.nav-mobile-vk):hover,
  header .nav-links > a:not(.order-telegram):not(.nav-mobile-vk):focus-visible,
  header .nav-links .nav-mobile-contacts a:hover,
  header .nav-links .nav-mobile-contacts a:focus-visible {
    background:#fff1ec !important;
    color:#ff6542 !important;
  }

  header .nav-links .nav-mobile-group {
    width:min(420px,100%) !important;
    margin:4px 0 6px !important;
    padding:16px 18px !important;
    border:0 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 16px 34px -31px rgba(17,17,17,.42) !important;
    backdrop-filter:none !important;
    color:#111 !important;
    text-align:left !important;
  }

  header .nav-links .nav-mobile-services strong {
    display:block !important;
    margin:0 0 10px !important;
    color:#ff6542 !important;
    font-size:.76rem !important;
    font-weight:950 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
  }

  header .nav-links .nav-mobile-services span {
    display:block !important;
    margin:0 !important;
    padding:8px 0 !important;
    border-top:1px solid rgba(17,17,17,.06) !important;
    color:#333 !important;
    font-size:.94rem !important;
    font-weight:700 !important;
    line-height:1.25 !important;
  }

  header .nav-links .nav-mobile-services span:first-of-type {
    border-top:0 !important;
    padding-top:0 !important;
  }

  header .nav-links .nav-mobile-services span:last-child {
    padding-bottom:0 !important;
  }

  header .nav-links .nav-mobile-contacts {
    display:none !important;
  }

  header .nav-links .nav-mobile-action,
  header .nav-links .order-telegram.nav-mobile-action,
  header .nav-links .nav-mobile-vk,
  header .nav-links .nav-mobile-email {
    width:min(420px,100%) !important;
    min-height:52px !important;
    height:52px !important;
    margin:0 !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    font-size:.95rem !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    box-shadow:0 16px 32px -28px rgba(17,17,17,.52) !important;
  }

  header .nav-links .order-telegram.nav-mobile-action {
    margin-top:4px !important;
    background:#ff6542 !important;
    color:#fff !important;
    box-shadow:0 18px 34px -24px rgba(255,101,66,.78) !important;
  }

  header .nav-links .nav-mobile-vk {
    background:#111 !important;
    color:#fff !important;
  }

  header .nav-links .nav-mobile-email {
    background:#fff !important;
    color:#111 !important;
  }

  header .nav-links .nav-mobile-action svg,
  header .nav-links .order-telegram.nav-mobile-action svg,
  header .nav-links .nav-mobile-vk svg,
  header .nav-links .nav-mobile-email svg {
    width:19px !important;
    height:19px !important;
    flex:0 0 19px !important;
    fill:currentColor !important;
  }
}

@media (max-width:390px) {
  header .nav-links {
    padding:86px 14px 20px !important;
    gap:7px !important;
  }

  header .nav-links > a:not(.order-telegram):not(.nav-mobile-vk),
  header .nav-links .nav-mobile-action,
  header .nav-links .order-telegram.nav-mobile-action,
  header .nav-links .nav-mobile-vk,
  header .nav-links .nav-mobile-email {
    min-height:48px !important;
    height:48px !important;
    font-size:.92rem !important;
  }
}

/* v166 - make mobile menu canvas fully solid behind the grid pattern */
@media (max-width:920px) {
  header .nav-links,
  body.nav-open header .nav-links {
    background-color:#f7f4ef !important;
  }
}

/* v167 - cookie notice with accept and decline choice */
.cookie-banner-actions .cookie-decline {
  background:rgba(255,255,255,.12);
  color:#fff;
  box-shadow:none;
}

.cookie-banner-actions .cookie-decline:hover,
.cookie-banner-actions .cookie-decline:focus-visible {
  background:rgba(255,255,255,.2);
}

.cookie-banner-actions .cookie-accept:hover,
.cookie-banner-actions .cookie-accept:focus-visible {
  background:#f25736;
}

@media (max-width:680px) {
  .cookie-banner-actions {
    align-items:stretch;
    flex-wrap:wrap;
    gap:8px;
  }

  .cookie-banner-actions a {
    width:100%;
    padding-bottom:2px;
  }

  .cookie-banner-actions button {
    flex:1 1 calc(50% - 4px);
    min-width:128px;
  }
}

/* v168 - short automatic hint for hidden proof previews in About */
.proof-fact.is-peeking .proof-preview {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0) scale(1);
}

.proof-fact.is-peeking {
  background:rgba(255,255,255,.72) !important;
}

@media (max-width:760px) {
  .proof-fact.is-peeking .proof-preview {
    transform:translateY(0) scale(1);
  }
}

/* v169 - CTA button in Russia-wide work block */
.remote-order-button {
  width: max-content;
  margin-top: 22px;
}

@media (max-width: 720px) {
  .remote-order-button {
    width: 100%;
    justify-content: center;
  }
}
/* v170 - make Russia block CTA look like the main button */
.remote-copy .remote-order-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-width: 210px !important;
  min-height: 56px !important;
  margin-top: 24px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  background: var(--accent) !important;
  border: 1px solid var(--accent) !important;
  color: #fff !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 18px 34px -22px rgba(255, 99, 64, .9) !important;
}

.remote-copy .remote-order-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 42px -24px rgba(255, 99, 64, .95) !important;
}

@media (max-width: 720px) {
  .remote-copy .remote-order-button {
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* v171 - MAX messenger contact buttons */
.scrapbook-contact-button.max {
  color: #fff !important;
  border-color: #ff6542 !important;
  background: linear-gradient(135deg,#ff6542,#ff7651) !important;
  box-shadow: 0 16px 28px -18px rgba(255,101,66,.62) !important;
}

.scrapbook-contact-button .max-mark,
.brief-contact-circle.max span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

.site-footer .footer-contact-actions .scrapbook-contact-button.max {
  background: #ff6542 !important;
}

.brief-contact-circle.max span {
  color: #fff !important;
  font-size: .68rem !important;
}

@media (max-width: 620px) {
  .about-scrapbook .scrapbook-contact-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .about-scrapbook .scrapbook-contact-actions .scrapbook-contact-button.max {
    grid-column: 1 / -1;
  }
}
/* v172: project request form */
#price .brief-request-form {
  display:grid;
  gap:14px;
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid #ebe6e2;
}
#price .brief-field {
  display:grid;
  gap:7px;
}
#price .brief-field label {
  color:#242424;
  font-size:.8rem;
  font-weight:800;
  line-height:1.3;
}
#price .brief-card .brief-input,
#price .brief-card .brief-textarea {
  box-sizing:border-box;
  width:100%;
  border:1px solid #dedad6;
  border-radius:12px;
  background:#fff;
  padding:13px 14px;
  color:#151515;
  font:inherit;
  line-height:1.45;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
#price .brief-card .brief-input {
  min-height:48px;
}
#price .brief-card .brief-textarea {
  min-height:144px;
  resize:vertical;
}
#price .brief-card .brief-input::placeholder,
#price .brief-card .brief-textarea::placeholder {
  color:#8b8783;
  opacity:1;
}
#price .brief-card .brief-input:focus,
#price .brief-card .brief-textarea:focus {
  border-color:var(--accent);
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,107,61,.12);
}
#price .brief-consent {
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:10px;
  align-items:start;
  color:#4d4945;
  font-size:.76rem;
  line-height:1.45;
  cursor:pointer;
}
#price .brief-consent input {
  width:18px;
  height:18px;
  margin:1px 0 0;
  accent-color:var(--accent);
  cursor:pointer;
}
#price .brief-consent a,
#price .brief-privacy-note a {
  color:#222;
  text-decoration:underline;
  text-decoration-color:rgba(34,34,34,.35);
  text-underline-offset:3px;
}
#price .brief-consent a:hover,
#price .brief-privacy-note a:hover {
  color:var(--accent);
  text-decoration-color:currentColor;
}
#price .brief-privacy-note {
  margin:-4px 0 0;
  color:#77716c;
  font-size:.72rem;
  line-height:1.45;
}
#price .brief-form-submit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:50px;
  border:0;
  border-radius:12px;
  background:var(--accent);
  color:#fff;
  font:inherit;
  font-size:.88rem;
  font-weight:850;
  cursor:pointer;
  transition:transform .2s ease, background .2s ease, opacity .2s ease;
}
#price .brief-form-submit:hover {
  background:#e9552d;
  transform:translateY(-1px);
}
#price .brief-form-submit:focus-visible {
  outline:3px solid rgba(255,107,61,.28);
  outline-offset:3px;
}
#price .brief-form-submit:disabled {
  cursor:wait;
  opacity:.65;
  transform:none;
}
#price .brief-form-status {
  min-height:20px;
  margin:-4px 0 0;
  color:#6f6964;
  font-size:.74rem;
  line-height:1.4;
}
#price .brief-form-status.is-success {
  color:#237244;
}
#price .brief-form-status.is-error {
  color:#a1362f;
}
#price .brief-contact-separator {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:10px;
  align-items:center;
  margin:18px 0 14px;
  color:#8a837d;
  font-size:.68rem;
  line-height:1;
}
#price .brief-contact-separator::before,
#price .brief-contact-separator::after {
  content:"";
  height:1px;
  background:#ebe6e2;
}
#price .brief-honeypot,
.request-form .brief-honeypot {
  position:absolute;
  left:-10000px;
  width:1px;
  height:1px;
  overflow:hidden;
}
/* v173: visible standalone request section */
.request-section {
  scroll-margin-top:90px;
  padding:96px 0;
  border-top:1px solid #e3dfdb;
  background:#f3f2f0;
}
.request-shell {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);
  gap:72px;
  align-items:start;
}
.request-copy {
  padding-top:6px;
}
.request-kicker {
  display:block;
  margin-bottom:14px;
  color:var(--accent);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
}
.request-copy h2 {
  margin:0;
  color:#151515;
  font-size:3.25rem;
  line-height:1.02;
  letter-spacing:0;
}
.request-copy > p {
  max-width:520px;
  margin:22px 0 0;
  color:#56514d;
  font-size:1rem;
  line-height:1.65;
}
.request-direct {
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  align-items:center;
  margin-top:28px;
  color:#706a65;
  font-size:.82rem;
}
.request-direct a {
  color:#171717;
  font-weight:800;
  text-decoration:underline;
  text-decoration-color:rgba(23,23,23,.3);
  text-underline-offset:4px;
}
.request-direct a:hover {
  color:var(--accent);
  text-decoration-color:currentColor;
}
.request-form {
  display:grid;
  gap:16px;
  margin:0;
  padding:0;
}
.request-form .brief-field {
  display:grid;
  gap:8px;
}
.request-form .brief-field label {
  color:#252525;
  font-size:.82rem;
  font-weight:850;
  line-height:1.3;
}
.request-form .brief-input,
.request-form .brief-textarea {
  box-sizing:border-box;
  width:100%;
  border:1px solid #d8d3ce;
  border-radius:8px;
  background:#fff;
  padding:14px 15px;
  color:#151515;
  font:inherit;
  line-height:1.5;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.request-form .brief-input {
  min-height:50px;
}
.request-form .brief-textarea {
  min-height:164px;
  resize:vertical;
}
.request-form .brief-input::placeholder,
.request-form .brief-textarea::placeholder {
  color:#8d8883;
  opacity:1;
}
.request-form .brief-input:focus,
.request-form .brief-textarea:focus {
  border-color:var(--accent);
  box-shadow:0 0 0 4px rgba(255,107,61,.12);
}
.request-form .brief-consent {
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:10px;
  align-items:start;
  color:#4e4945;
  font-size:.78rem;
  line-height:1.5;
  cursor:pointer;
}
.request-form .brief-consent input {
  width:18px;
  height:18px;
  margin:1px 0 0;
  accent-color:var(--accent);
  cursor:pointer;
}
.request-form .brief-consent a,
.request-form .brief-privacy-note a {
  color:#1d1d1d;
  text-decoration:underline;
  text-decoration-color:rgba(29,29,29,.32);
  text-underline-offset:3px;
}
.request-form .brief-consent a:hover,
.request-form .brief-privacy-note a:hover {
  color:var(--accent);
  text-decoration-color:currentColor;
}
.request-form .brief-privacy-note {
  margin:-6px 0 0;
  color:#716b66;
  font-size:.74rem;
  line-height:1.5;
}
.request-form .brief-form-submit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:52px;
  border:0;
  border-radius:8px;
  background:#151515;
  color:#fff;
  font:inherit;
  font-size:.9rem;
  font-weight:850;
  cursor:pointer;
  transition:background .2s ease, transform .2s ease, opacity .2s ease;
}
.request-form .brief-form-submit:hover {
  background:var(--accent);
  transform:translateY(-1px);
}
.request-form .brief-form-submit:focus-visible {
  outline:3px solid rgba(255,107,61,.3);
  outline-offset:3px;
}
.request-form .brief-form-submit:disabled {
  cursor:wait;
  opacity:.65;
  transform:none;
}
.request-form .brief-form-status {
  min-height:20px;
  margin:-5px 0 0;
  color:#6f6964;
  font-size:.76rem;
  line-height:1.45;
}
.request-form .brief-form-status.is-success {
  color:#237244;
}
.request-form .brief-form-status.is-error {
  color:#a1362f;
}
@media (max-width:800px) {
  .request-section {
    padding:68px 0;
  }
  .request-shell {
    grid-template-columns:1fr;
    gap:38px;
  }
  .request-copy h2 {
    font-size:2.35rem;
  }
  .request-copy > p {
    font-size:.94rem;
  }
}
/* v174: about contact button color order */
.about-scrapbook .scrapbook-contact-button.telegram {
  color:#fff !important;
  border-color:#151515 !important;
  background:#151515 !important;
  box-shadow:0 16px 28px -18px rgba(21,21,21,.5) !important;
}
.about-scrapbook .scrapbook-contact-button.telegram:hover {
  border-color:#2b2b2b !important;
  background:#2b2b2b !important;
}
.about-scrapbook .scrapbook-contact-button.email {
  color:#fff !important;
  border-color:#ff6542 !important;
  background:#ff6542 !important;
  box-shadow:0 16px 28px -18px rgba(255,101,66,.62) !important;
}
.about-scrapbook .scrapbook-contact-button.email:hover {
  border-color:#e9552d !important;
  background:#e9552d !important;
}
/* v175: single emphasized about CTA */
.about-scrapbook .scrapbook-contact-button.about-order-button {
  min-width:230px !important;
  height:60px !important;
  min-height:60px !important;
  padding:0 32px !important;
  border-color:#ff5a32 !important;
  background:linear-gradient(135deg,#ff4f28,#ff7546) !important;
  box-shadow:0 18px 34px -18px rgba(255,79,40,.8) !important;
  color:#fff !important;
  font-size:1rem !important;
  font-weight:780 !important;
}
.about-scrapbook .scrapbook-contact-button.about-order-button:hover {
  border-color:#f34721 !important;
  background:linear-gradient(135deg,#f34721,#ff6838) !important;
  box-shadow:0 22px 38px -18px rgba(255,79,40,.92) !important;
}
/* v176: floating design CTA */
.floating-design-cta {
  position:fixed;
  right:24px;
  bottom:var(--floating-cta-bottom,24px);
  z-index:9000;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:220px;
  height:58px;
  padding:0 22px 0 26px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:8px;
  background:linear-gradient(135deg,#ff4f28,#ff7546);
  color:#fff !important;
  box-shadow:0 18px 42px -16px rgba(255,79,40,.85),0 10px 30px -20px rgba(0,0,0,.65);
  font-size:.92rem;
  font-weight:850;
  line-height:1;
  letter-spacing:0;
  text-decoration:none !important;
  white-space:nowrap;
  transform:translateZ(0);
  opacity:1;
  visibility:visible;
  transition:bottom .28s ease,transform .22s ease,opacity .22s ease,visibility .22s ease,box-shadow .22s ease,background .22s ease;
}
.floating-design-cta::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-1px;
  border:2px solid rgba(255,101,66,.58);
  border-radius:10px;
  pointer-events:none;
  animation:floatingCtaHalo 3.6s ease-out infinite;
}
.floating-design-cta:hover {
  color:#fff !important;
  background:linear-gradient(135deg,#f34721,#ff6838);
  box-shadow:0 22px 48px -14px rgba(255,79,40,.95),0 14px 34px -22px rgba(0,0,0,.68);
  transform:translateY(-3px);
}
.floating-design-cta:focus-visible {
  outline:3px solid rgba(255,101,66,.34);
  outline-offset:4px;
}
.floating-design-cta-arrow {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:1.15rem;
  line-height:1;
  transition:transform .22s ease,background .22s ease;
}
.floating-design-cta:hover .floating-design-cta-arrow {
  background:rgba(255,255,255,.26);
  transform:translateX(3px);
}
.floating-design-cta.is-hidden {
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(18px) scale(.96);
}
@keyframes floatingCtaHalo {
  0%,62% { opacity:0; transform:scale(1); }
  70% { opacity:.72; }
  100% { opacity:0; transform:scale(1.13,1.35); }
}
@media (max-width:680px) {
  .floating-design-cta {
    right:14px;
    min-width:190px;
    height:54px;
    padding:0 16px 0 20px;
    font-size:.84rem;
  }
  .floating-design-cta-arrow {
    width:26px;
    height:26px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .floating-design-cta,
  .floating-design-cta-arrow {
    transition:none;
  }
  .floating-design-cta::before {
    animation:none;
    opacity:0;
  }
}
/* v178: unified rectangular action buttons */
:root {
  --action-button-radius:10px;
}
.btn,
.tab,
.price-tab,
.price-open-btn,
.remote-order-button,
.barter-button,
.scrapbook-contact-button,
.brief-email-button,
.portfolio-more,
.portfolio-more-btn,
.portfolio-pdf-mobile,
.slideshow .slide-pdf-open,
.slideshow .slide-zoom-controls .zoom-reset,
.request-form .brief-form-submit,
#price .brief-form-submit,
.floating-design-cta,
.cookie-banner-actions button,
.nav-mobile-action,
header .nav-links .order-telegram {
  border-radius:var(--action-button-radius) !important;
}
/* Match older scoped rules so every text action uses the same shape. */
.btn.btn,
.btn.btn-accent,
#portfolio .tab,
#portfolio .portfolio-more,
#price .price-tab,
#price .price-open-btn,
.remote-copy .remote-order-button,
.about-scrapbook .scrapbook-contact-actions .scrapbook-contact-button,
.about-scrapbook .scrapbook-contact-button.about-order-button,
.site-footer .footer-contact-actions .scrapbook-contact-button,
.slideshow .slide-contact-actions .scrapbook-contact-button,
.slideshow.is-pdf-project .slide-pdf-open,
.slideshow .slide-zoom-controls .zoom-reset,
.request-section .request-form .brief-form-submit,
#price .brief-form-submit,
.cookie-banner .cookie-banner-actions button,
body .floating-design-cta {
  border-radius:var(--action-button-radius) !important;
}

.floating-design-cta::before {
  border-radius:8px !important;
}

/* Portfolio popup keeps only directional/icon controls circular. */
.slideshow .slide-contact-actions .scrapbook-contact-button,
.slideshow .slide-pdf-open,
.slideshow .slide-zoom-controls .zoom-reset {
  border-radius:var(--action-button-radius) !important;
}

@media (max-width:920px) {
  header .nav-links .nav-mobile-action,
  header .nav-links .order-telegram,
  .portfolio-pdf-mobile {
    border-radius:var(--action-button-radius) !important;
  }
}
/* v179: mobile form, portfolio popup, footer, and cookie polish */
@media (max-width:760px) {
  body.nav-open {
    overflow:hidden !important;
  }

  .request-section {
    scroll-margin-top:72px;
    padding:56px 0 calc(58px + env(safe-area-inset-bottom));
  }
  .request-shell {
    gap:30px;
  }
  .request-copy h2 {
    font-size:clamp(2rem,10vw,2.35rem);
    overflow-wrap:anywhere;
  }
  .request-copy > p {
    margin-top:18px;
  }
  .request-direct {
    margin-top:22px;
  }
  .request-form .brief-input,
  .request-form .brief-textarea {
    min-width:0;
    font-size:16px;
  }
  .request-form .brief-textarea {
    min-height:148px;
  }
  .request-form .brief-consent {
    grid-template-columns:22px minmax(0,1fr);
    font-size:.8rem;
  }
  .request-form .brief-consent input {
    width:20px;
    height:20px;
  }
  .request-form .brief-form-submit {
    min-height:56px;
  }

  .slideshow.open,
  #slideshow.open {
    align-items:stretch !important;
    padding:0 !important;
  }
  .slideshow.open .slide-inner,
  #slideshow.open .slide-inner {
    width:100% !important;
    height:100dvh !important;
    max-height:none !important;
    padding:58px 12px calc(82px + env(safe-area-inset-bottom)) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    align-content:start !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    box-sizing:border-box !important;
  }
  .slideshow.open .slide-image-wrap,
  #slideshow.open .slide-image-wrap {
    width:100% !important;
    height:min(56dvh,520px) !important;
    min-height:250px !important;
  }
  .slideshow.open .slide-image,
  #slideshow.open .slide-image {
    max-width:100% !important;
    max-height:100% !important;
    border-radius:16px !important;
  }
  .slideshow.open .slide-info,
  #slideshow.open .slide-info {
    width:100% !important;
    padding:18px !important;
    border-radius:16px !important;
    box-sizing:border-box !important;
  }
  .slideshow.open .close,
  #slideshow.open .close {
    position:fixed !important;
    top:max(10px,env(safe-area-inset-top)) !important;
    right:12px !important;
    width:44px !important;
    height:44px !important;
  }
  .slideshow.open .slide-mobile-nav,
  #slideshow.open .slide-mobile-nav {
    bottom:max(12px,env(safe-area-inset-bottom)) !important;
  }

  .site-footer .footer-inner {
    gap:22px !important;
    padding-top:32px !important;
    padding-bottom:calc(26px + env(safe-area-inset-bottom)) !important;
  }
  .site-footer .footer-nav {
    gap:8px !important;
  }
  .site-footer .footer-bottom {
    gap:7px !important;
    padding-top:20px !important;
  }
  .site-footer .footer-legal {
    margin-top:0 !important;
    gap:10px 18px !important;
  }

  .cookie-banner {
    max-height:calc(100dvh - 28px);
    padding:14px;
    border-radius:14px;
    overflow:auto;
    overscroll-behavior:contain;
  }
  .cookie-banner-actions button {
    min-width:0;
    min-height:46px;
  }
  body .floating-design-cta {
    max-width:calc(100vw - 28px);
    min-width:0;
    height:56px;
  }
}

@media (max-width:420px) {
  .request-section {
    padding-top:48px;
  }
  .request-shell {
    gap:24px;
  }
  .request-direct {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 18px;
  }
  .request-direct > span {
    grid-column:1 / -1;
  }
  .cookie-banner p {
    font-size:.82rem;
    line-height:1.4;
  }
  .cookie-banner-actions button {
    flex:1 1 calc(50% - 4px);
    padding:0 12px;
    font-size:.82rem;
  }
}
/* v180: cooperation logo strip */
.cooperation-section {
  padding:76px 0 72px;
  color:#151515;
  background:#fff;
  border-top:1px solid rgba(17,17,17,.1);
  border-bottom:1px solid rgba(17,17,17,.1);
}
.cooperation-inner {
  display:grid;
  gap:34px;
}
.cooperation-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:32px;
}
.cooperation-kicker {
  display:block;
  margin-bottom:10px;
  color:#ff6542;
  font:700 .76rem/1.2 'Montserrat',Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cooperation-heading h2 {
  margin:0;
  color:#151515;
  font:800 clamp(2rem,4vw,3.2rem)/.98 'Montserrat',Arial,sans-serif;
  letter-spacing:0;
}
.cooperation-heading p {
  max-width:390px;
  margin:0;
  color:#666;
  font:500 .94rem/1.6 'Montserrat',Arial,sans-serif;
}
.cooperation-slider {
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px;
  align-items:center;
  gap:18px;
}
.cooperation-viewport {
  min-width:0;
  overflow:hidden;
}
.cooperation-track {
  --cooperation-items:4;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - (var(--cooperation-items) - 1) * 22px) / var(--cooperation-items));
  gap:22px;
  margin:0;
  padding:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  list-style:none;
}
.cooperation-track::-webkit-scrollbar {
  display:none;
}
.cooperation-item {
  position:relative;
  display:grid;
  place-items:center;
  min-width:0;
  height:126px;
  scroll-snap-align:start;
}
.cooperation-item img {
  grid-area:1 / 1;
  display:block;
  width:min(100%,165px);
  height:100px;
  object-fit:contain;
  transition:opacity .22s ease,transform .22s ease;
}
.cooperation-logo-hover {
  opacity:0;
}
.cooperation-item:hover > img:first-child,
.cooperation-item:focus-within > img:first-child {
  opacity:0;
  transform:translateY(-2px);
}
.cooperation-item:hover .cooperation-logo-hover,
.cooperation-item:focus-within .cooperation-logo-hover {
  opacity:1;
  transform:translateY(-2px);
}
.cooperation-arrow {
  display:grid;
  place-items:center;
  width:48px;
  height:64px;
  padding:0;
  border:0;
  border-radius:0;
  color:#171717;
  background:transparent;
  font:400 1.9rem/1 'Montserrat',Arial,sans-serif;
  cursor:pointer;
  transition:color .2s ease,transform .2s ease,opacity .2s ease;
}
.cooperation-arrow:hover:not(:disabled) {
  color:#ff6542;
}
.cooperation-arrow-prev:hover:not(:disabled) {
  transform:translateX(-4px);
}
.cooperation-arrow-next:hover:not(:disabled) {
  transform:translateX(4px);
}
.cooperation-arrow:focus-visible {
  outline:3px solid rgba(255,101,66,.28);
  outline-offset:3px;
}
.cooperation-arrow:disabled {
  opacity:.28;
  cursor:default;
}
@media (max-width:900px) {
  .cooperation-section {
    padding:62px 0;
  }
  .cooperation-heading {
    align-items:start;
    flex-direction:column;
    gap:14px;
  }
  .cooperation-track {
    --cooperation-items:3;
  }
}
@media (max-width:640px) {
  .cooperation-section {
    padding:52px 0 48px;
  }
  .cooperation-inner {
    gap:26px;
  }
  .cooperation-heading p {
    font-size:.88rem;
  }
  .cooperation-slider {
    grid-template-columns:42px minmax(0,1fr) 42px;
    gap:8px;
  }
  .cooperation-track {
    --cooperation-items:2;
    gap:12px;
  }
  .cooperation-item {
    height:112px;
  }
  .cooperation-item img {
    width:min(100%,145px);
    height:88px;
  }
  .cooperation-arrow {
    width:42px;
    height:42px;
  }
}
@media (max-width:390px) {
  .cooperation-track {
    --cooperation-items:1;
  }
}
@media (prefers-reduced-motion:reduce) {
  .cooperation-track {
    scroll-behavior:auto;
  }
  .cooperation-item img,
  .cooperation-arrow {
    transition:none;
  }
}
/* v182: compact cooperation layout */
.cooperation-section {
  padding:48px 0 46px;
}
.cooperation-inner {
  gap:20px;
}
.cooperation-heading {
  display:block;
  text-align:center;
}
.cooperation-heading h2 {
  font-size:clamp(1.65rem,2.5vw,2rem);
  line-height:1.1;
}
.cooperation-slider {
  width:min(100%,930px);
  margin-inline:auto;
  grid-template-columns:48px minmax(0,1fr) 48px;
  gap:10px;
}
.cooperation-item {
  height:112px;
}
@media (max-width:640px) {
  .cooperation-section {
    padding:42px 0 40px;
  }
  .cooperation-inner {
    gap:16px;
  }
  .cooperation-heading h2 {
    font-size:1.65rem;
  }
  .cooperation-slider {
    grid-template-columns:38px minmax(0,1fr) 38px;
    gap:4px;
  }
  .cooperation-arrow {
    width:38px;
  }
}
/* v183: seamless alternating lower sections */
#process.container,
section#process.container {
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:clamp(56px,5vw,76px) !important;
  padding-bottom:clamp(56px,5vw,76px) !important;
  background-color:var(--kc-band-grid,#f3eee7) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  background-repeat:repeat !important;
  box-shadow:0 0 0 100vmax var(--kc-band-grid,#f3eee7) !important;
  clip-path:inset(0 -100vmax) !important;
}
#process.container::after,
section#process.container::after {
  content:none !important;
  display:none !important;
}
#process .process {
  margin:0 !important;
}

#remote.remote-section,
section#remote.remote-section {
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:clamp(64px,6vw,88px) !important;
  padding-bottom:clamp(64px,6vw,88px) !important;
  background-color:#fff !important;
  background-image:none !important;
  box-shadow:0 0 0 100vmax #fff !important;
  clip-path:inset(0 -100vmax) !important;
}
#remote.remote-section::after,
section#remote.remote-section::after {
  content:none !important;
  display:none !important;
}
html body main section#remote.remote-section > .remote-card,
#remote.remote-section > .remote-card,
section#remote.remote-section .remote-card {
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.cooperation-section {
  margin:0 !important;
  background-color:var(--kc-band-grid,#f3eee7) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  background-repeat:repeat !important;
  border:0 !important;
  box-shadow:none !important;
}

@media (max-width:760px) {
  #process.container,
  section#process.container {
    padding-top:42px !important;
    padding-bottom:42px !important;
    background-size:28px 28px !important;
  }
  #remote.remote-section,
  section#remote.remote-section {
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
  .cooperation-section {
    background-size:28px 28px !important;
  }
}
section#mini-price.mini-price-section + section#process.container {
  margin-top:0 !important;
}
/* v184: full-width process grid and aligned lower-section rhythm */
#process.container,
section#process.container {
  position:relative !important;
  isolation:isolate !important;
  margin:0 !important;
  padding-top:clamp(56px,5vw,76px) !important;
  padding-bottom:clamp(56px,5vw,76px) !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  clip-path:none !important;
}
html body main section#process.container::after,
#process.container::after,
section#process.container::after {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  pointer-events:none !important;
  left:50% !important;
  top:0 !important;
  bottom:0 !important;
  width:100vw !important;
  transform:translateX(-50%) !important;
  background-color:var(--kc-band-grid,#f3eee7) !important;
  background-image:var(--kc-grid-pattern) !important;
  background-size:32px 32px !important;
  background-position:center top !important;
  background-repeat:repeat !important;
}
#process.container > *,
section#process.container > * {
  position:relative !important;
  z-index:2 !important;
}

#remote.remote-section,
section#remote.remote-section,
.cooperation-section {
  padding-top:clamp(56px,5vw,76px) !important;
  padding-bottom:clamp(56px,5vw,76px) !important;
}
.cooperation-section {
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
}

@media (max-width:760px) {
  #process.container,
  section#process.container,
  #remote.remote-section,
  section#remote.remote-section,
  .cooperation-section {
    padding-top:42px !important;
    padding-bottom:42px !important;
  }
  html body main section#process.container::after,
  #process.container::after,
  section#process.container::after {
    background-size:28px 28px !important;
  }
}
/* v185: center the process shell and preserve the shared section padding */
#process.container,
section#process.container {
  margin-left:auto !important;
  margin-right:auto !important;
}
section#mini-price.mini-price-section + section#process.container,
#mini-price + #process {
  margin-top:0 !important;
  padding-top:clamp(56px,5vw,76px) !important;
}
@media (max-width:760px) {
  section#mini-price.mini-price-section + section#process.container,
  #mini-price + #process {
    padding-top:42px !important;
  }
}
/* v186: compact legal links in the footer primary column */
.footer-primary-legal {
  display:grid;
  align-content:start;
  gap:12px;
  max-width:360px;
  font-size:.86rem;
  line-height:1.45;
}
.footer-primary-legal a {
  width:max-content;
  max-width:100%;
  color:var(--footer-muted,rgba(255,255,255,.66)) !important;
  border-bottom:1px solid rgba(255,255,255,.22);
  transition:color .22s ease,border-color .22s ease;
}
.footer-primary-legal a:hover {
  color:#fff !important;
  border-color:#fff;
}
@media (max-width:720px) {
  .footer-primary-legal {
    gap:10px;
  }
}
/* v187: balance the transition from portfolio to mini price */
#portfolio,
#portfolio.container.portfolio-section,
#portfolio.portfolio-section,
.portfolio-section {
  padding-bottom:clamp(64px,5vw,80px) !important;
}

#portfolio + #mini-price,
section#portfolio + section#mini-price.mini-price-section,
#mini-price.mini-price-section,
section#mini-price.mini-price-section {
  margin-top:0 !important;
}

#mini-price,
section#mini-price.mini-price-section,
.mini-price-section {
  padding-top:clamp(64px,5vw,80px) !important;
  padding-bottom:clamp(64px,5vw,80px) !important;
}

@media (max-width:760px) {
  #portfolio,
  #portfolio.container.portfolio-section,
  #portfolio.portfolio-section,
  .portfolio-section {
    padding-bottom:48px !important;
  }

  #mini-price,
  section#mini-price.mini-price-section,
  .mini-price-section {
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
}
/* v188: stronger benefit-led hero headline */
.hero-content .hero-subtitle {
  max-width:650px !important;
  margin:22px 0 0 !important;
  color:#383838 !important;
  font-size:clamp(1rem,1.15vw,1.14rem) !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
}

.hero-content .hero-subtitle + .hero-actions {
  margin-top:24px !important;
}

@media (min-width:1051px) and (max-width:1599px) {
  .intro-panel-hero .hero,
  .hero {
    grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr) !important;
    column-gap:44px !important;
  }

  .intro-panel-hero .hero-content,
  .hero-content {
    max-width:680px !important;
  }

  .intro-panel-hero #hero-title,
  #hero-title {
    max-width:none !important;
    font-size:clamp(2.45rem,3.05vw,2.9rem) !important;
    line-height:1.02 !important;
  }
}

@media (min-width:1600px) {
  .intro-panel-hero .hero,
  .hero {
    grid-template-columns:minmax(760px,.98fr) minmax(600px,1.02fr) !important;
    column-gap:52px !important;
  }

  .intro-panel-hero .hero-content,
  .hero-content {
    max-width:820px !important;
  }

  .intro-panel-hero #hero-title,
  #hero-title {
    max-width:none !important;
    font-size:clamp(3rem,3vw,3.45rem) !important;
    line-height:1.02 !important;
  }
}

@media (max-width:760px) {
  .intro-panel-hero #hero-title,
  #hero-title {
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(1.78rem,7.7vw,2.2rem) !important;
    line-height:1.02 !important;
    text-wrap:initial !important;
  }

  #hero-title .hero-title-mobile {
    width:100% !important;
  }

  .hero-content .hero-subtitle {
    max-width:34rem !important;
    margin-top:18px !important;
    font-size:.98rem !important;
    line-height:1.48 !important;
  }

  .hero-content .hero-subtitle + .hero-actions {
    margin-top:20px !important;
  }
}
/* v189: compact icon-led service list in the hero */
.hero-services {
  width:100%;
  max-width:760px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(3,max-content);
  gap:14px 24px;
  align-items:center;
}

.hero-services li {
  min-width:0;
  min-height:40px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#171717;
  font-size:.9rem;
  font-weight:800;
  line-height:1.2;
}

.hero-service-icon {
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  color:#ff6545;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(17,17,17,.1);
  border-radius:8px;
  box-shadow:0 10px 24px -20px rgba(0,0,0,.5);
}

.hero-service-icon svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hero-services + .hero-actions {
  margin-top:26px !important;
}

@media (min-width:1051px) and (max-width:1250px) {
  .hero-services {
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:560px;
  }
}

@media (max-width:760px) {
  .hero-services {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 10px;
    margin-top:20px;
  }

  .hero-services li {
    min-height:42px;
    gap:8px;
    font-size:.8rem;
  }

  .hero-service-icon {
    width:36px;
    height:36px;
    flex-basis:36px;
  }

  .hero-service-icon svg {
    width:19px;
    height:19px;
  }

  .hero-services li > span:last-child {
    overflow-wrap:anywhere;
  }

  .hero-services + .hero-actions {
    margin-top:22px !important;
  }
}
/* v190: featured turnkey website offer in the full price */
#price .price-row-site {
  position:relative;
  background:linear-gradient(90deg,rgba(255,101,69,.075),#fff 42%) !important;
  box-shadow:inset 4px 0 0 var(--accent) !important;
}

#price .price-row-site:hover {
  background:linear-gradient(90deg,rgba(255,101,69,.105),#fff 46%) !important;
}

#price .price-row-site h3 {
  color:var(--accent) !important;
  font-size:clamp(1.3rem,1.7vw,1.55rem) !important;
}

#price .price-row-site > strong {
  color:var(--accent) !important;
  font-size:1.18rem !important;
}

#price .price-tab-sites {
  font-weight:900 !important;
}

@media (max-width:760px) {
  #price .price-row-site {
    background:linear-gradient(180deg,rgba(255,101,69,.08),#fff 38%) !important;
  }

  #price .price-row-site > strong {
    padding-left:0 !important;
    border-left:0 !important;
  }
}
/* v191: larger pulsing About order button */
.about-scrapbook .scrapbook-contact-button.about-order-button {
  position:relative !important;
  isolation:isolate;
  min-width:250px !important;
  height:64px !important;
  min-height:64px !important;
  padding:0 38px !important;
  overflow:visible !important;
  font-size:1.05rem !important;
}

.about-scrapbook .scrapbook-contact-button.about-order-button::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-2px;
  border:2px solid rgba(255,101,66,.58);
  border-radius:8px;
  pointer-events:none;
  animation:aboutOrderHalo 3.6s ease-out infinite;
}

@keyframes aboutOrderHalo {
  0%,62% { opacity:0; transform:scale(1); }
  70% { opacity:.72; }
  100% { opacity:0; transform:scale(1.13,1.32); }
}

@media (max-width:760px) {
  .about-scrapbook .scrapbook-contact-actions {
    grid-template-columns:minmax(0,1fr) !important;
  }

  .about-scrapbook .scrapbook-contact-button.about-order-button {
    width:100% !important;
    min-width:0 !important;
    height:58px !important;
    min-height:58px !important;
    padding:0 24px !important;
    font-size:.95rem !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .about-scrapbook .scrapbook-contact-button.about-order-button::before {
    animation:none;
    opacity:0;
  }
}
/* v192: unified About typography */
.about-scrapbook .scrapbook-main > p {
  font-family:'Raleway',Arial,sans-serif !important;
  letter-spacing:0 !important;
}

.about-scrapbook .scrapbook-main .scrapbook-lead {
  color:#171717 !important;
  font-weight:650 !important;
  line-height:1.5 !important;
}

.about-scrapbook .scrapbook-main > p:not(.scrapbook-lead) {
  color:#343230 !important;
  font-weight:500 !important;
  line-height:1.58 !important;
}