.tx-about{
    --forest:#003D29;
    --forest-dark:#002217;
    --forest-soft:#F0F4F1;
    --forest-tint:#E8EFE9;
    --gold:#F1D651;
    --gold-deep:#C9AE2C;
    --gold-soft:#FBF3C7;
    --canvas:#FAFAF7;
    --surface:#FFFFFF;
    --cream:#F2EFE8;
    --sand:#E8E2D6;
    --graphite:#121212;
    --ink:#1F1F1F;
    --muted:#6B7280;
    --muted-2:#9CA3AF;
    --line:#E6E2D8;
    --line-2:#EFEDE4;
    --e-out:cubic-bezier(.2,.7,.2,1);
    --sh-md:0 6px 20px rgba(15,30,20,.08),0 2px 6px rgba(15,30,20,.04);
    --sh-lg:0 20px 60px rgba(15,30,20,.14),0 8px 18px rgba(15,30,20,.06);
  }
  .tx-about, .tx-about *{box-sizing:border-box}
  .tx-about{margin:0;padding:0}
  .tx-about{
    font-family:'Heebo',system-ui,sans-serif;
    background:var(--canvas);
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    direction:rtl;
    overflow-x:hidden;
  }
  .tx-about img{display:block; max-width:100%}
  .tx-about .wrap{max-width:1240px; margin-inline:auto; padding-inline:32px}

  
  
  .js-ready .tx-about .reveal{opacity:0; transform:translateY(28px); transition:opacity .7s var(--e-out), transform .7s var(--e-out)}
  .js-ready .tx-about .reveal.in{opacity:1; transform:none}
  
  .js-ready .tx-about .reveal.fade-up{transform:translateY(40px)}
  .js-ready .tx-about .reveal.fade-right{transform:translateX(48px)}
  .js-ready .tx-about .reveal.fade-left{transform:translateX(-48px)}
  .js-ready .tx-about .reveal.zoom-in{transform:scale(.9)}
  .js-ready .tx-about .reveal.clip-up{clip-path:inset(100% 0 0 0); transform:translateY(20px)}
  .js-ready .tx-about .reveal.clip-up.in{clip-path:inset(0 0 0 0); transform:none}
  .js-ready .tx-about .reveal.fade-right.in, .js-ready .tx-about .reveal.fade-left.in, .js-ready .tx-about .reveal.zoom-in.in{transform:none}
  .js-ready .tx-about .reveal.blur-in{filter:blur(10px)}
  .js-ready .tx-about .reveal.blur-in.in{filter:blur(0)}

  
  .js-ready .tx-about .stat__num{display:inline-block; transform:translateY(16px) scale(.94); opacity:0; transition:opacity .55s var(--e-out) .15s, transform .55s var(--e-out) .15s}
  .js-ready .tx-about .reveal.in .stat__num{opacity:1; transform:none}

  
  .tx-about .hero__dot{
    position:absolute; border-radius:50%;
    background:var(--gold); opacity:.65;
    pointer-events:none; z-index:1;
    animation:floatUp 6s ease-in-out infinite;
  }
  .tx-about .hero__dot.d1{top:30%; right:18%; width:8px; height:8px; animation-delay:0s}
  .tx-about .hero__dot.d2{top:60%; right:32%; width:5px; height:5px; animation-delay:1.2s; opacity:.45}
  .tx-about .hero__dot.d3{top:48%; right:8%; width:10px; height:10px; animation-delay:2.4s}
  .tx-about .hero__dot.d4{top:72%; right:24%; width:6px; height:6px; animation-delay:.7s; opacity:.55}
  @keyframes floatUp{
    0%,100%{transform:translateY(0)}
    50%   {transform:translateY(-14px)}
  }

  
  .tx-about .marquee{
    overflow:hidden;
    padding:18px 0;
    background:var(--forest-soft);
    border-block:1px solid var(--line-2);
    direction:ltr;
    position:relative;
  }
  .tx-about .marquee::before, .tx-about .marquee::after{
    content:""; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none;
  }
  .tx-about .marquee::before{left:0; background:linear-gradient(to right, var(--forest-soft), transparent)}
  .tx-about .marquee::after{right:0; background:linear-gradient(to left, var(--forest-soft), transparent)}
  .tx-about .marquee__track{
    display:flex; align-items:center; gap:56px;
    width:max-content;
    animation:marquee 36s linear infinite;
  }
  .tx-about .marquee__item{
    display:inline-flex; align-items:center; gap:10px;
    font-size:14px; font-weight:600; color:var(--forest);
    white-space:nowrap;
  }
  .tx-about .marquee__item svg{width:18px; height:18px; fill:none; stroke:var(--gold-deep); stroke-width:1.8}
  @keyframes marquee{
    from{transform:translateX(0)}
    to  {transform:translateX(-50%)}
  }
  .tx-about .marquee:hover .marquee__track{animation-play-state:paused}
  @media (prefers-reduced-motion: reduce){
    .tx-about .marquee__track{animation:none}
    .tx-about .hero__dot{animation:none}
  }
  .tx-about .reveal.d1{transition-delay:.08s}
  .tx-about .reveal.d2{transition-delay:.16s}
  .tx-about .reveal.d3{transition-delay:.24s}
  .tx-about .reveal.d4{transition-delay:.32s}
  @media (prefers-reduced-motion: reduce){
    .js-ready .tx-about .reveal{opacity:1; transform:none; transition:none}
  }

  .tx-about .eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    font-size:12px; font-weight:700;
    letter-spacing:.24em; text-transform:uppercase;
    color:var(--forest); margin:0 0 18px;
  }
  .tx-about .eyebrow::before{content:""; width:28px; height:2px; border-radius:2px; background:var(--gold-deep)}
  .tx-about .eyebrow.on-dark{color:var(--gold)}
  .tx-about .eyebrow.on-dark::before{background:var(--gold)}

  .tx-about .h2{
    font-family:'Frank Ruhl Libre', serif;
    font-weight:800;
    font-size:clamp(30px, 4vw, 46px);
    line-height:1.08; letter-spacing:-.015em;
    color:var(--ink); margin:0;
    text-wrap:balance;
  }

  
  .tx-about .hero{
    position:relative;
    min-height:clamp(520px, 80vh, 760px);
    display:flex; align-items:flex-end;
    overflow:hidden;
    background:var(--forest-dark);
  }
  .tx-about .hero__bg{
    position:absolute; inset:0;
    background-size:cover; background-position:center;
    transform:scale(1.06);
    animation:heroZoom 14s var(--e-out) forwards;
  }
  @keyframes heroZoom{to{transform:scale(1)}}
  .tx-about .hero::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(0,18,11,.35) 0%, rgba(0,18,11,.2) 40%, rgba(0,18,11,.92) 100%);
  }
  .tx-about .hero__inner{
    position:relative; z-index:2;
    width:100%; padding-block:64px;
  }
  .tx-about .hero__eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    font-size:12.5px; font-weight:700;
    letter-spacing:.24em; text-transform:uppercase;
    color:var(--gold); margin:0 0 20px;
  }
  .tx-about .hero__eyebrow::before{content:""; width:34px; height:2px; background:var(--gold)}
  .tx-about .hero h1{
    font-family:'Frank Ruhl Libre', serif;
    font-weight:900;
    font-size:clamp(40px, 6.5vw, 86px);
    line-height:1; letter-spacing:-.02em;
    color:#fff; margin:0 0 20px;
    text-shadow:0 2px 30px rgba(0,18,11,.4);
  }
  .tx-about .hero h1 b{color:var(--gold); font-weight:900}
  .tx-about .hero__sub{
    font-size:clamp(16px, 1.6vw, 21px);
    line-height:1.5; color:#fff;
    margin:0 0 32px; max-width:580px; font-weight:600;
    text-shadow:0 1px 18px rgba(0,18,11,.6);
  }
  .tx-about .btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:16px 30px;
    border-radius:12px;
    font-size:16px; font-weight:700;
    text-decoration:none; cursor:pointer; border:0;
    font-family:inherit;
    transition:transform .2s var(--e-out), background .2s, box-shadow .2s;
  }
  .tx-about .btn--gold{background:var(--gold); color:var(--forest); box-shadow:0 6px 20px rgba(241,214,81,.35)}
  .tx-about .btn--gold:hover{transform:translateY(-2px); background:#FFE36B; box-shadow:0 10px 28px rgba(241,214,81,.45)}
  .tx-about .btn--forest{background:var(--forest); color:#fff}
  .tx-about .btn--forest:hover{background:var(--forest-dark); transform:translateY(-2px)}
  .tx-about .btn--ghost{background:transparent; color:var(--forest); border:1.5px solid var(--line)}
  .tx-about .btn--ghost:hover{border-color:var(--forest); background:var(--forest-soft)}
  .tx-about .btn svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.4; transform:scaleX(-1)}

  
  .tx-about .stats{padding-block:clamp(22px, 3.2vw, 38px)}
  .tx-about .stats__grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
  }
  .tx-about .stat{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:18px;
    padding:34px 28px;
    text-align:center;
    transition:transform .3s var(--e-out), box-shadow .3s var(--e-out), border-color .3s;
  }
  .tx-about .stat:hover{transform:translateY(-4px); box-shadow:var(--sh-lg); border-color:transparent}
  .tx-about .stat__ico{
    width:48px; height:48px; margin:0 auto 16px;
    border-radius:13px;
    background:var(--forest-tint); color:var(--forest);
    display:grid; place-items:center;
  }
  .tx-about .stat__ico svg{width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7}
  .tx-about .stat__num{
    font-family:'Frank Ruhl Libre', serif;
    font-weight:900; font-size:clamp(36px, 4vw, 50px);
    line-height:1; color:var(--forest);
    letter-spacing:-.02em;
    font-variant-numeric:tabular-nums;
    direction:ltr;
  }
  .tx-about .stat__lbl{
    margin-top:10px; font-size:14px; font-weight:600; color:var(--muted);
  }

  
  .tx-about .founder{padding-block:clamp(28px, 4vw, 52px)}
  .tx-about .founder__card{
    background:var(--forest);
    border-radius:28px;
    overflow:hidden;
    display:grid;
    grid-template-columns:300px 1fr;
    color:#fff;
    position:relative;
  }
  .tx-about .founder__media{
    position:relative;
    background:linear-gradient(160deg, #0a5436, var(--forest-dark));
    display:flex; align-items:center; justify-content:center;
    padding:48px 32px;
    min-height:320px;
  }
  .tx-about .founder__avatar{
    width:160px; height:160px;
    border-radius:50%;
    background:var(--gold);
    color:var(--forest);
    display:grid; place-items:center;
    font-family:'Frank Ruhl Libre', serif;
    font-weight:900; font-size:62px;
    box-shadow:0 14px 40px rgba(0,0,0,.3);
  }
  .tx-about .founder__media::after{
    content:""; position:absolute; inset:0;
    background-image:radial-gradient(rgba(241,214,81,.14) 1px, transparent 1.4px);
    background-size:14px 14px; opacity:.5;
  }
  .tx-about .founder__body{
    padding:clamp(36px, 4vw, 56px);
    display:flex; flex-direction:column; justify-content:center;
  }
  .tx-about .founder__quote{
    font-family:'Frank Ruhl Libre', serif;
    font-weight:500; font-style:normal;
    font-size:clamp(19px, 2.2vw, 26px);
    line-height:1.5; color:#fff;
    margin:0 0 24px; text-wrap:pretty;
  }
  .tx-about .founder__quote::before{
    content:"„"; display:block;
    font-size:60px; line-height:.6; color:var(--gold);
    margin-bottom:8px; font-family:'Frank Ruhl Libre',serif;
  }
  .tx-about .founder__name{font-size:17px; font-weight:800; color:var(--gold); margin:0}
  .tx-about .founder__role{font-size:14px; color:rgba(255,255,255,.7); margin:4px 0 0}

  .tx-about .founder__photo{
    width:180px; height:180px; border-radius:50%;
    object-fit:cover; object-position:center top;
    border:4px solid var(--gold);
    box-shadow:0 14px 40px rgba(0,0,0,.32);
    position:relative; z-index:2;
  }

  
  .tx-about .express{
    background:var(--forest);
    color:#fff;
    padding-block:clamp(40px, 6vw, 72px);
    position:relative; overflow:hidden;
  }
  .tx-about .express::before{
    content:""; position:absolute; top:-10%; left:-5%;
    width:420px; height:420px;
    background:radial-gradient(circle, rgba(241,214,81,.12), transparent 65%);
    pointer-events:none;
  }
  .tx-about .express__head{max-width:680px; margin-bottom:36px; position:relative}
  .tx-about .express__head .h2{color:#fff}
  .tx-about .express__24{
    display:inline-flex; align-items:baseline; gap:6px;
    background:var(--gold); color:var(--forest);
    font-family:'Frank Ruhl Libre',serif; font-weight:900;
    font-size:22px; padding:6px 16px; border-radius:10px;
    margin-bottom:20px; direction:ltr;
  }
  .tx-about .express__lead{
    font-size:17px; line-height:1.6; color:rgba(255,255,255,.82);
    margin:18px 0 0; max-width:620px;
  }
  .tx-about .express__lead b{color:#fff; font-weight:700}
  .tx-about .express__steps{
    display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
    position:relative;
  }
  .tx-about .estep{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    padding:28px 26px;
    transition:transform .3s var(--e-out), background .3s;
  }
  .tx-about .estep:hover{transform:translateY(-4px); background:rgba(255,255,255,.1)}
  .tx-about .estep__num{
    font-family:'Frank Ruhl Libre',serif; font-weight:900;
    font-size:18px; color:var(--forest);
    width:40px; height:40px; border-radius:11px;
    background:var(--gold); display:grid; place-items:center;
    margin-bottom:18px; direction:ltr;
  }
  .tx-about .estep h3{font-size:18px; font-weight:700; margin:0 0 8px; color:#fff}
  .tx-about .estep p{font-size:14px; line-height:1.6; color:rgba(255,255,255,.72); margin:0}

  
  .tx-about .caps{padding-block:clamp(26px, 4vw, 44px)}
  .tx-about .caps__head{text-align:center; max-width:620px; margin:0 auto 36px}
  .tx-about .caps__head .h2{margin-bottom:14px}
  .tx-about .caps__head p{font-size:17px; color:var(--muted); line-height:1.6; margin:0}
  .tx-about .caps__grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
  }
  .tx-about .cap{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:16px;
    padding:26px 24px;
    display:flex; align-items:center; gap:16px;
    transition:transform .25s var(--e-out), box-shadow .25s, border-color .25s;
  }
  .tx-about .cap:hover{transform:translateY(-3px); box-shadow:var(--sh-md); border-color:var(--forest)}
  .tx-about .cap__ico{
    width:52px; height:52px; flex:0 0 auto;
    border-radius:13px; background:var(--forest); color:var(--gold);
    display:grid; place-items:center;
  }
  .tx-about .cap__ico svg{width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7}
  .tx-about .cap__txt h3{margin:0 0 3px; font-size:16px; font-weight:700; color:var(--ink)}
  .tx-about .cap__txt p{margin:0; font-size:13px; color:var(--muted); line-height:1.4}

  
  .tx-about .gallery{padding-block:clamp(18px, 2.6vw, 32px)}
  .tx-about .gallery__head{margin-bottom:28px}
  .tx-about .gallery__grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:14px;
  }
  .tx-about .gtile{
    position:relative; overflow:hidden;
    border-radius:18px;
    background:var(--cream);
    cursor:pointer;
    aspect-ratio:4 / 3;
  }
  .tx-about .gtile img{
    width:100%; height:100%; object-fit:cover;
    transition:transform .7s var(--e-out), filter .5s;
    filter:saturate(.92);
  }
  .tx-about .gtile:hover img{transform:scale(1.08); filter:saturate(1.05)}
  .tx-about .gtile::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, transparent 20%, rgba(0,18,11,.5) 58%, rgba(0,18,11,.93) 100%);
    opacity:1; transition:opacity .3s;
  }
  .tx-about .gtile:hover::after{opacity:1}
  .tx-about .gtile__cap{
    position:absolute; inset-inline:18px; bottom:16px; z-index:2;
    color:#fff;
    text-shadow:0 1px 10px rgba(0,0,0,.6);
    transform:translateY(0);
    transition:transform .3s var(--e-out);
  }
  .tx-about .gtile:hover .gtile__cap{transform:translateY(-4px)}
  .tx-about .gtile__cap h3{margin:0; font-size:16px; font-weight:800; color:#fff}
  .tx-about .gtile__cap span{font-size:12.5px; color:rgba(255,255,255,.9)}

  
  .tx-about .trust{background:var(--cream); padding-block:clamp(26px, 4vw, 44px)}
  .tx-about .trust__grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:16px;
  }
  .tx-about .tcard{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:18px;
    padding:30px 26px;
    text-align:center;
    transition:transform .25s var(--e-out), box-shadow .25s;
  }
  .tx-about .tcard:hover{transform:translateY(-3px); box-shadow:var(--sh-md)}
  .tx-about .tcard__ico{
    width:54px; height:54px; margin:0 auto 16px;
    border-radius:50%;
    background:var(--forest-tint); color:var(--forest);
    display:grid; place-items:center;
  }
  .tx-about .tcard__ico svg{width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7}
  .tx-about .tcard h3{margin:0 0 6px; font-size:16px; font-weight:700; color:var(--ink)}
  .tx-about .tcard p{margin:0; font-size:13.5px; color:var(--muted); line-height:1.5}

  
  .tx-about .brands{padding-block:clamp(26px, 4vw, 44px); position:relative; overflow:hidden}
  .tx-about .brands__head{text-align:center; margin-bottom:36px}
  .tx-about .brands__head .h2{margin-bottom:12px}
  .tx-about .brands__head p{font-size:16px; color:var(--muted); margin:0}
  .tx-about .brands__grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
  }
  .tx-about .brand{
    display:block; text-decoration:none; color:inherit;
    position:relative;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:22px;
    padding:0;
    min-height:240px;
    overflow:hidden;
    cursor:pointer;
    transition:transform .45s var(--e-out), box-shadow .45s, border-color .3s;
    isolation:isolate;
  }
  .tx-about .brand:hover{transform:translateY(-8px); box-shadow:var(--sh-lg); border-color:var(--forest)}
  
  .tx-about .brand__num{
    position:absolute; top:14px; inset-inline-end:18px;
    font-family:'Frank Ruhl Libre', serif;
    font-weight:900; font-size:72px; line-height:1;
    color:var(--gold-soft); opacity:.6;
    transition:opacity .45s, transform .45s var(--e-out), color .3s;
    z-index:0; direction:ltr; pointer-events:none;
    letter-spacing:-.04em;
  }
  .tx-about .brand:hover .brand__num{opacity:.9; transform:scale(1.05); color:var(--forest)}
  
  .tx-about .brand__sweep{display:none}
  
  
  .tx-about .brand__body{
    position:relative; z-index:1;
    height:100%; min-height:240px;
    padding:32px 28px 26px;
    display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:18px;
    transition:color .3s;
  }
  .tx-about .brand__logo{
    flex:1; display:flex; align-items:center; justify-content:center;
    width:100%;
    transition:transform .4s var(--e-out);
  }
  .tx-about .brand:hover .brand__logo{transform:translateY(-4px)}
  .tx-about .brand__logo img{
    max-height:60px; max-width:170px; width:auto; object-fit:contain;
    transition:filter .4s, transform .4s var(--e-out);
  }
  .tx-about .brand:hover .brand__logo img{transform:scale(1.06)}
  .tx-about .brand__tag{
    font-size:13px; font-weight:600; color:var(--muted);
    text-align:center; line-height:1.45;
    transition:color .3s;
    position:relative;
    padding-top:14px;
    width:100%;
  }
  .tx-about .brand__tag::before{
    content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
    width:32px; height:2px; border-radius:2px;
    background:var(--gold-deep);
    transition:width .4s var(--e-out), background .3s;
  }
  .tx-about .brand:hover .brand__tag{color:var(--ink)}
  .tx-about .brand:hover .brand__tag::before{width:64px; background:var(--gold)}
  .tx-about .brand__cta{
    display:inline-flex; align-items:center; gap:6px;
    font-size:12px; font-weight:700;
    color:var(--gold);
    letter-spacing:.08em; text-transform:uppercase;
    opacity:0; transform:translateY(8px);
    transition:opacity .35s .1s, transform .35s .1s var(--e-out);
  }
  .tx-about .brand:hover .brand__cta{opacity:1; transform:none}
  .tx-about .brand__cta svg{width:11px; height:11px; fill:none; stroke:currentColor; stroke-width:2.4; transform:scaleX(-1)}

  
  .tx-about .cta{
    background:var(--forest);
    color:#fff;
    padding-block:clamp(64px, 9vw, 110px);
    position:relative; overflow:hidden;
  }
  .tx-about .cta::before{
    content:""; position:absolute; bottom:-30%; right:-8%;
    width:520px; height:520px;
    background:radial-gradient(circle, rgba(241,214,81,.12), transparent 62%);
    pointer-events:none;
  }
  .tx-about .cta__inner{position:relative; text-align:center; max-width:680px; margin-inline:auto}
  .tx-about .cta h2{
    font-family:'Frank Ruhl Libre', serif;
    font-weight:900; font-size:clamp(34px, 5vw, 58px);
    line-height:1.05; letter-spacing:-.02em;
    margin:0 0 18px; color:#fff;
  }
  .tx-about .cta h2 b{color:var(--gold)}
  .tx-about .cta__sub{font-size:18px; color:rgba(255,255,255,.82); margin:0 0 14px; line-height:1.5}
  .tx-about .cta__contact{
    display:inline-flex; flex-wrap:wrap; gap:8px 20px; justify-content:center;
    font-size:15px; color:rgba(255,255,255,.7);
    margin:0 0 36px;
  }
  .tx-about .cta__contact b{color:#fff; font-weight:700; direction:ltr; display:inline-block}
  .tx-about .cta__btns{display:flex; gap:14px; justify-content:center; flex-wrap:wrap}
  .tx-about .cta .btn--ghost{color:#fff; border-color:rgba(255,255,255,.3)}
  .tx-about .cta .btn--ghost:hover{border-color:var(--gold); background:rgba(255,255,255,.06)}

  
  .tx-about .clients{background:var(--forest-soft); padding-block:clamp(26px, 4vw, 44px)}
  .tx-about .clients__head{text-align:center; max-width:640px; margin:0 auto 32px}
  .tx-about .clients__head .h2{margin-bottom:10px}
  .tx-about .clients__head p{font-size:16px; color:var(--muted); line-height:1.6; margin:0}
  .tx-about .clients__grid{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; max-width:940px; margin-inline:auto}
  .tx-about .cchip{
    background:var(--surface); border:1px solid var(--line);
    border-radius:12px; padding:13px 22px;
    font-size:15px; font-weight:600; color:var(--ink);
    line-height:1; unicode-bidi:isolate;
    transition:transform .28s var(--e-out), box-shadow .28s, border-color .28s, color .28s;
  }
  @media (hover:hover) and (min-width:768px){
    .tx-about .cchip:hover{transform:translateY(-3px); box-shadow:var(--sh-md); border-color:var(--forest); color:var(--forest)}
  }

  
  @media (max-width:980px){
    .tx-about .stats__grid{grid-template-columns:repeat(2,1fr)}
    .tx-about .trust__grid{grid-template-columns:repeat(2,1fr)}
    .tx-about .brands__grid{grid-template-columns:repeat(2,1fr)}
    .tx-about .caps__grid{grid-template-columns:repeat(2,1fr)}
    .tx-about .express__steps{grid-template-columns:1fr}
  }
  @media (max-width:768px){
    .tx-about .wrap{padding-inline:20px}
    .tx-about .founder__card{grid-template-columns:1fr}
    .tx-about .founder__media{min-height:200px; padding:32px}
    .tx-about .founder__avatar{width:110px; height:110px; font-size:42px}
    .tx-about .founder__photo{width:128px; height:128px}
    .tx-about .gallery__grid{grid-template-columns:repeat(2,1fr)}
    .tx-about .caps__grid{grid-template-columns:1fr}
    /* --- mobile hero: framed image on top + text on solid forest (no awkward crop) --- */
    .tx-about .hero{display:flex; flex-direction:column; align-items:stretch; min-height:0; background:var(--forest-dark); margin-inline:12px; border-radius:18px}
    .tx-about .hero__bg{position:relative; inset:auto; width:100%; aspect-ratio:16/11; transform:none; animation:none; order:-1}
    .tx-about .hero::after{display:none}
    .tx-about .hero__dot{display:none}
    .tx-about .hero__inner{padding:22px 22px 26px}
    .tx-about .hero__inner .wrap{padding-inline:0; max-width:none}
    .tx-about .hero__eyebrow{margin-bottom:12px}
    .tx-about .hero h1{font-size:clamp(34px, 9vw, 46px); margin-bottom:14px}
    .tx-about .hero__sub{font-size:16px; margin-bottom:22px; color:rgba(255,255,255,.92)}
    .tx-about .tx-bc{padding:12px 4px 6px; font-size:14px}
  }
  @media (max-width:480px){
    .tx-about .stats__grid{grid-template-columns:1fr}
    .tx-about .trust__grid{grid-template-columns:1fr}
    .tx-about .brands__grid{grid-template-columns:1fr 1fr}
    .tx-about .gallery__grid{grid-template-columns:1fr 1fr}
    .tx-about .cchip{padding:10px 16px; font-size:13.5px}
  }

  /* hero rounded card + inset */
  .tx-about .hero{border-radius:clamp(16px, 2vw, 28px); margin-inline:clamp(12px, 2.2vw, 32px)}

  /* breadcrumb (static .tx-bc -> theme JS bails; forced visible both viewports) */
  .tx-about .tx-bc{display:block !important; padding:12px 0 4px; font-size:13.5px}
  .tx-about .tx-bc .wrap{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
  .tx-about .tx-bc a{color:var(--forest); text-decoration:none; font-weight:700}
  .tx-about .tx-bc a:hover{text-decoration:underline}
  .tx-about .tx-bc__sep{color:var(--muted-2)}
  .tx-about .tx-bc__cur{color:var(--muted)}



/* ===== Magento page overrides (About only) — INTENTIONALLY UNSCOPED =====
   about.css נטען רק בדף אודות, לכן .cms-page-view ממקד לדף הזה בלבד.
   .image-container/.bead-name = באנד הכותרת הסגולה (legacy) — מקור הכותרת + הרווח.
   זוהה ע"י Claude Code מול ה-markup החי. */
.cms-page-view .image-container,
.cms-page-view .bead-name,
.cms-page-view .page-title,
.cms-page-view .page-head,
.cms-page-view .page-heading{display:none !important}
@media (min-width:769px){
.cms-page-view .main-container,
.cms-page-view .main,
.cms-page-view .col-main,
.cms-page-view .col1-layout,
.cms-page-view .std{margin-top:0 !important; padding-top:0 !important}
}

  .tx-about .brand__cta{color:var(--forest)}