.about .full{
  height:auto;min-height:0;justify-content:center;gap:44px;
  padding:clamp(72px,11vh,120px) clamp(20px,5vw,64px)
}
.about .a-sec::after{display:none}
.about .a-light{background:#fff;color:var(--ink)}
.about .a-soft{background:var(--soft);color:var(--ink)}
.about .a-dark{background:radial-gradient(90% 70% at 85% 20%,#25352e 0%,var(--deep) 60%);color:#fff}
.about .a-light .desc,.about .a-soft .desc{color:var(--ink2)}

.about .a-hero{min-height:72svh;padding-top:calc(130px + env(safe-area-inset-top,0px))}
.about .a-hero>img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;
  transform:scale(1.001);animation:a-kb 12s ease-out forwards
}
@keyframes a-kb{from{transform:scale(1.001)}to{transform:scale(1.08)}}
.about .a-hero::after{
  background:
    radial-gradient(120% 90% at 50% 45%,rgba(10,18,14,.28) 0%,rgba(10,18,14,.65) 100%),
    linear-gradient(180deg,rgba(10,18,14,.5) 0%,rgba(10,18,14,0) 30%,rgba(10,18,14,.55) 100%);
  text-shadow:none
}
.about .a-hero .rv{text-shadow:0 1px 14px rgba(0,0,0,.35)}
.about .a-hero h1{font-size:clamp(2.6rem,6.4vw,4.6rem)}
.about .a-hero .desc{max-width:600px;font-size:clamp(.95rem,1.4vw,1.08rem);opacity:1}

.a-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,40px);width:min(1000px,100%)}
.a-stats div{
  display:grid;gap:6px;align-content:start;text-align:left;
  padding-top:18px;border-top:1px solid var(--line);position:relative
}
.a-stats div::before{content:"";position:absolute;top:-1px;left:0;width:44px;height:3px;background:var(--brass);border-radius:3px;transition:width .5s var(--ease)}
.a-stats div:hover::before{width:100%}
.a-stats b{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:400;letter-spacing:-.025em;line-height:1.05}
.a-stats span{font-size:.88rem;color:var(--ink2);line-height:1.5}

.a-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:min(1100px,100%);text-align:left}
.a-cards article{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 26px 28px;
  display:grid;gap:10px;align-content:start;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)
}
.a-cards article:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--brass)}
.a-cards i{
  width:34px;height:34px;display:grid;place-items:center;border-radius:50%;margin-bottom:6px;
  background:var(--ink);color:#fff;font-style:normal;font-size:.9rem;font-weight:500;transition:background .3s
}
.a-cards article:hover i{background:var(--brass-d)}
.a-cards h3{font-size:1.3rem;font-weight:500;letter-spacing:-.01em}
.a-cards p{margin:0;font-size:.94rem;line-height:1.65;color:var(--ink2)}

.about .a-split{flex-direction:row;gap:clamp(24px,5vw,72px);text-align:left}
.a-split .a-img{
  flex:1 1 0;max-width:600px;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#2b2b2b;
  box-shadow:var(--shadow);outline:1px solid rgba(255,255,255,.12);outline-offset:-1px
}
.a-split .a-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.a-split .a-img:hover img{transform:scale(1.04)}
.a-split .a-txt{flex:1 1 0;max-width:500px;display:grid;gap:22px;justify-items:start}
.a-split .desc{margin:0}
.a-split .ctas{justify-content:flex-start}
.a-chips{display:flex;flex-wrap:wrap;gap:8px}
.a-chips span{
  padding:7px 16px;border-radius:999px;font-size:.86rem;font-weight:500;
  border:1px solid rgba(194,162,102,.6);color:#f1dfb8;background:rgba(194,162,102,.1);
  transition:background .3s,color .3s
}
.a-chips span:hover{background:var(--brass);color:#fff}

.a-steps{list-style:none;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,40px);width:min(1100px,100%);padding:0;text-align:left}
.a-steps li{
  position:relative;padding:24px 20px 22px;display:grid;gap:6px;align-content:start;
  background:var(--soft);border-radius:14px;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease)
}
.a-steps li:hover{background:#fff;box-shadow:var(--shadow);transform:translateY(-4px)}
.a-steps i{
  width:34px;height:34px;display:grid;place-items:center;border-radius:50%;margin-bottom:6px;
  background:var(--ink);color:#fff;font-style:normal;font-size:.9rem;font-weight:500;transition:background .3s
}
.a-steps li:hover i{background:var(--brass-d)}
.a-steps b{font-size:1.15rem;font-weight:500}
.a-steps p{margin:0;font-size:.92rem;color:var(--ink2);line-height:1.55}
@media(min-width:861px){
  .a-steps li:not(:last-child)::after{
    content:"";position:absolute;top:41px;left:calc(100% - 4px);
    width:calc(clamp(16px,3vw,40px) + 8px);height:1px;background:var(--brass)
  }
}

.a-faq{width:min(760px,100%);text-align:left;display:grid;gap:10px}
.a-faq details{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  transition:border-color .3s,box-shadow .3s
}
.a-faq details:hover{border-color:#c9cdc6}
.a-faq details[open]{border-color:var(--brass);box-shadow:0 12px 30px -16px rgba(10,20,15,.35)}
.a-faq summary{
  list-style:none;cursor:pointer;position:relative;
  padding:19px 56px 19px 22px;font-weight:500;font-size:1rem;border-radius:12px
}
.a-faq summary::-webkit-details-marker{display:none}
.a-faq summary::after{
  content:"+";position:absolute;right:18px;top:50%;width:28px;height:28px;margin-top:-14px;
  display:grid;place-items:center;border-radius:50%;
  background:var(--soft);color:var(--ink);font-size:1.2rem;font-weight:300;line-height:1;
  transition:transform .3s var(--ease),background .3s,color .3s
}
.a-faq details[open] summary::after{transform:rotate(45deg);background:var(--brass);color:#fff}
.a-faq p{margin:0;padding:0 22px 20px;color:var(--ink2);line-height:1.7;font-size:.94rem}

.about #kontak h2{font-size:clamp(2.2rem,5vw,3.6rem)}

@media(max-width:860px){
  .about .full{padding-top:80px;padding-bottom:64px;gap:32px}
  .about .a-hero{min-height:60svh;padding-top:calc(140px + env(safe-area-inset-top,0px))}
  .a-stats{grid-template-columns:1fr 1fr;gap:28px 16px}
  .a-cards{grid-template-columns:1fr}
  .about .a-split{flex-direction:column;align-items:stretch}
  .a-split .a-img,.a-split .a-txt{max-width:none}
  .a-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .a-steps{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .about .a-hero>img{animation:none}
  .a-cards article:hover,.a-steps li:hover{transform:none}
  .a-split .a-img:hover img{transform:none}
}