/* 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:168vh;
        margin-bottom:24px;
      }
      .intro-sticky {
        position:sticky;
        top:74px;
        height:calc(100vh - 74px);
        overflow:hidden;
      }
      .intro-track {
        height:100%;
        width:200vw;
        display:grid;
        grid-template-columns:100vw 100vw;
        will-change:transform;
        transform:translate3d(calc(var(--intro-progress, 0) * -100vw),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 h4 { 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 h4 { 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 h4 { 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 { max-height:32px; margin-top:9px; opacity:1; transform:translateY(0); }
    @media (hover:none) {
      .price-row-ai .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-actions {
      display:grid;
      width:min(100%, 270px);
      justify-self:end;
      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;
    }

    @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-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;
      }
    }

/* === 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:200vw !important;
    display:grid !important;
    grid-template-columns:100vw 100vw !important;
    transform:translate3d(calc(var(--intro-progress, 0) * -100vw), 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:200vw !important;
    grid-template-columns:100vw 100vw !important;
    transform:translate3d(calc(var(--intro-progress, 0) * -100vw), 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:200vw !important;
    grid-template-columns:100vw 100vw !important;
    transform:translate3d(calc(var(--intro-progress, 0) * -100vw), 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 h4 {
  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-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 {
    height:min(68vh,620px) !important;
    padding:12px !important;
  }
  .slideshow .slide-info { height:auto !important; padding:26px 20px 20px !important; }
  .slideshow .slide-info h3 { font-size:1.75rem !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 .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: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;
}
.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;
  }
}

/* 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;
}