.about-page{background:#fff;color:#111;font-family:"Source Sans 3",Arial,sans-serif}
.about-page main{overflow-x:hidden}

.about-hero{
  display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;
  max-width:1180px;margin:0 auto;padding:48px 28px 28px
}
.about-hero h1{
  margin:0;font-size:clamp(34px,5vw,56px);line-height:1.05;font-weight:800;letter-spacing:-.02em
}
.about-hero p{margin:22px 0 0;max-width:34rem;color:#444;font-size:18px;line-height:1.65;font-weight:400}
.about-hero-visual img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:8px;display:block}

.about-ribbon{
  display:grid;grid-template-columns:repeat(5,1fr);gap:18px;
  max-width:1180px;margin:8px auto 20px;padding:18px 28px 36px;border-bottom:1px solid #ece7dc
}
.about-ribbon article{text-align:center}
.about-ribbon svg{width:42px;height:42px;color:#c98a00;display:block;margin:0 auto 10px}
.about-ribbon span{display:block;font-size:14px;color:#111;line-height:1.35}

.about-block{max-width:1180px;margin:0 auto;padding:42px 28px}
.about-gold-title,.about-black-title{
  margin:0 auto 12px;text-align:center;font-size:clamp(22px,3vw,30px);letter-spacing:.08em;font-weight:700
}
.about-gold-title{
  color:#c98a00;display:flex;align-items:center;justify-content:center;gap:16px
}
.about-gold-title::before,.about-gold-title::after{
  content:"";height:1px;width:min(18vw,140px);background:linear-gradient(90deg,transparent,#c98a00)
}
.about-gold-title::after{background:linear-gradient(90deg,#c98a00,transparent)}
.about-black-title{color:#111;max-width:52rem}
.about-sub{text-align:center;color:#555;margin:0 auto 28px;font-size:16px}

.flag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:22px 28px}
.flag-row figure{margin:0;width:84px;text-align:center}
.flag-row img,.flag-more span{
  width:72px;height:72px;border-radius:50%;object-fit:cover;display:block;margin:0 auto;
  border:1px solid #eee;box-shadow:0 4px 12px rgba(0,0,0,.06)
}
.flag-more span{
  display:grid;place-items:center;background:#fff;color:#c98a00;font-size:22px;font-weight:700;letter-spacing:.12em
}
.flag-row figcaption{margin-top:8px;font-size:13px;color:#222}

.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.who-card{
  background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.05);
  padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center
}
.who-card h3{margin:0 0 10px;color:#c98a00;font-size:18px;letter-spacing:.04em;display:flex;align-items:center;gap:8px}
.who-card h3 svg{width:22px;height:22px;color:#c98a00;flex:0 0 auto}
.who-card p{margin:0 0 12px;color:#444;line-height:1.5}
.who-card ul{margin:0;padding:0;list-style:none}
.who-card li{position:relative;padding:6px 0 6px 22px;color:#222;line-height:1.4}
.who-card li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%;background:#c98a00}
.who-card img{width:100%;height:180px;object-fit:cover;border-radius:10px}

.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.domain-grid article{
  border:1px solid #eee;border-radius:14px;padding:24px 18px 20px;text-align:center;background:#fff
}
.domain-grid svg{width:46px;height:46px;color:#c98a00;margin:0 auto 10px;display:block}
.domain-grid h3{margin:0 0 8px;font-size:18px}
.domain-grid p{margin:0;color:#555;font-size:14px;line-height:1.45}

.why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.why-grid article{text-align:center;padding:8px}
.why-grid svg{width:42px;height:42px;color:#c98a00;margin:0 auto 10px;display:block}
.why-grid h3{margin:0 0 6px;font-size:15px}
.why-grid p{margin:0;color:#555;font-size:13px;line-height:1.4}

.about-endbar{
  background:#f3f1ec;display:flex;justify-content:space-between;align-items:center;gap:24px;
  padding:28px 40px;flex-wrap:wrap
}
.endbar-brand{display:flex;align-items:center;gap:12px}
.endbar-brand img{width:48px;height:48px;object-fit:cover;border-radius:50%}
.endbar-brand p{margin:0;color:#333}
.endbar-stats{display:flex;flex-wrap:wrap;gap:22px 28px}
.endbar-stats article{display:flex;align-items:center;gap:8px}
.endbar-stats svg{width:26px;height:26px;color:#c98a00;flex:0 0 auto}
.endbar-stats span{font-size:11px;font-weight:700;letter-spacing:.04em;color:#111}

@media (max-width:1100px){
  .why-grid{grid-template-columns:repeat(3,1fr)}
  .who-card{grid-template-columns:1fr}
  .who-card img{height:220px}
}
@media (max-width:800px){
  .about-hero,.about-ribbon,.domain-grid{grid-template-columns:1fr}
  .who-grid,.why-grid{grid-template-columns:1fr 1fr}
  .about-hero{padding-top:28px}
  .about-hero-visual img{max-height:280px}
}
@media (max-width:560px){
  .who-grid,.why-grid,.about-ribbon{grid-template-columns:1fr}
  .about-endbar{padding:22px 18px}
  .flag-row figure{width:72px}
  .flag-row img,.flag-more span{width:60px;height:60px}
}