
/* ROSVERIA V7.6.4 — About / human layer. Scoped to .about-v764 only. */
.about-v764{overflow:hidden;background:var(--ivory)}
.about-v764 .about-wrap{width:min(1180px,calc(100% - 36px));margin:auto;position:relative}
.about-v764 .about-kicker{margin:0 0 12px;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800;color:#6e7890}
.about-v764 h1,.about-v764 h2,.about-v764 h3{font-family:Georgia,"Times New Roman",serif;color:#18324d;font-weight:500;letter-spacing:-.028em}
.about-v764 .about-hero{position:relative;border-bottom:1px solid var(--line);padding:58px 0 44px;background:linear-gradient(105deg,rgba(251,248,242,.98) 0%,rgba(251,248,242,.94) 56%,rgba(239,245,247,.83) 100%)}
.about-v764 .about-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:54px;align-items:center;min-height:250px}
.about-v764 .about-hero h1{font-size:clamp(45px,4.8vw,68px);line-height:1.02;margin:0 0 18px;max-width:780px}
.about-v764 .about-hero-copy{font-size:16px;line-height:1.55;color:#314558;max-width:780px;margin:0}
.about-v764 .about-field{position:relative;min-height:220px}
.about-v764 .about-field:before,.about-v764 .about-field:after{content:"";position:absolute;border:1px solid rgba(85,112,137,.28);border-radius:50%;width:520px;height:180px;left:-80px;top:24px;transform:rotate(-15deg)}
.about-v764 .about-field:after{width:600px;height:230px;left:-10px;top:-30px;transform:rotate(-35deg);border-color:rgba(181,154,103,.26)}
.about-v764 .about-field-dot{position:absolute;width:7px;height:7px;border:1px solid #6e7f91;background:var(--paper);border-radius:50%;left:28%;top:43%;z-index:2}
.about-v764 .about-signature{position:absolute;right:6px;bottom:18px;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-style:italic;line-height:1.38;color:#52616f;text-align:right}
.rtl .about-v764 .about-signature{right:auto;left:6px;text-align:left}

.about-v764 .about-pillars{border-bottom:1px solid var(--line);background:rgba(251,248,242,.56)}
.about-v764 .about-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:32px 0 34px}
.about-v764 .about-pillar{padding:0 36px;border-inline-start:1px solid var(--line)}
.about-v764 .about-pillar:first-child{padding-inline-start:0;border-inline-start:0}
.about-v764 .about-pillar:last-child{padding-inline-end:0}
.about-v764 .about-pillar h2{font-size:23px;line-height:1.15;margin:0 0 14px}
.about-v764 .about-pillar h2:after{content:"";display:block;width:26px;border-top:1px solid #607489;margin-top:12px}
.about-v764 .about-pillar p{font-size:14px;line-height:1.55;color:#425362;margin:0}

.about-v764 .about-longer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.9fr);background:var(--paper);border-bottom:1px solid var(--line)}
.about-v764 .about-photo{min-height:500px;overflow:hidden;background:#c7c4bd}
.about-v764 .about-photo img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center 54%;filter:none}
.about-v764 .about-longer-copy{position:relative;padding:54px clamp(36px,5vw,74px);display:flex;flex-direction:column;justify-content:center;min-height:500px;overflow:hidden}
.about-v764 .about-longer-copy:after{content:"";position:absolute;width:500px;height:200px;border:1px solid rgba(85,112,137,.25);border-radius:50%;right:-250px;bottom:-80px;transform:rotate(-18deg)}
.about-v764 .about-longer h2{font-size:clamp(37px,3.5vw,54px);line-height:1.03;margin:0 0 18px;max-width:540px}
.about-v764 .about-longer-copy>p{font-size:15px;line-height:1.6;color:#425362;max-width:590px;margin:0}
.about-v764 .about-longer-note{margin-top:34px;padding-top:18px;border-top:1px solid #9ca9b1;max-width:260px;font-family:Georgia,"Times New Roman",serif;color:#29425b;font-size:19px;line-height:1.28}

.about-v764 .about-behind{position:relative;padding:44px 0 40px;border-bottom:1px solid var(--line);background:linear-gradient(105deg,rgba(251,248,242,.8),rgba(246,241,232,.98));overflow:hidden}
.about-v764 .about-behind:after{content:"";position:absolute;width:540px;height:260px;border:1px solid rgba(181,154,103,.30);border-radius:50%;right:-280px;top:80px;transform:rotate(-34deg)}
.about-v764 .about-behind-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,.65fr) minmax(210px,.65fr);gap:38px;align-items:start;position:relative;z-index:2}
.about-v764 .about-behind h2{font-size:clamp(34px,3.2vw,47px);line-height:1.05;margin:0 0 12px;max-width:620px}
.about-v764 .about-behind-intro>p:last-child{font-size:15px;line-height:1.55;color:#425362;max-width:690px;margin:0}
.about-v764 .about-partner{padding-top:10px}
.about-v764 .about-partner h3{font-size:20px;line-height:1.1;margin:0 0 2px}
.about-v764 .about-role{font-size:12px;color:#52616f;margin:0 0 13px}
.about-v764 .about-role:after{content:"";display:block;width:24px;border-top:1px solid var(--gold);margin-top:10px}
.about-v764 .about-partner p:last-child{font-size:13px;line-height:1.48;color:#425362;margin:0}

.about-v764 .about-close{padding:34px 0 38px;background:linear-gradient(105deg,#eff3f3 0%,#f6f1e8 72%)}
.about-v764 .about-close-grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:34px;align-items:center}
.about-v764 .about-close-signature{font-size:9px;letter-spacing:.18em;text-transform:uppercase;line-height:1.55;color:#536b80;border-inline-start:1px solid #607489;padding-inline-start:18px;white-space:nowrap}
.about-v764 .about-close h2{font-size:clamp(27px,2.6vw,38px);line-height:1.12;margin:0;text-align:center}
.about-v764 .about-contact{min-width:150px;border-radius:999px;padding:11px 18px}

@media(max-width:900px){
  .about-v764 .about-hero-grid{grid-template-columns:1fr;gap:14px}
  .about-v764 .about-field{min-height:90px}
  .about-v764 .about-signature{bottom:2px}
  .about-v764 .about-pillars-grid{grid-template-columns:1fr;gap:0;padding:12px 0 18px}
  .about-v764 .about-pillar,.about-v764 .about-pillar:first-child,.about-v764 .about-pillar:last-child{padding:22px 0;border-inline-start:0;border-top:1px solid var(--line)}
  .about-v764 .about-pillar:first-child{border-top:0}
  .about-v764 .about-longer{grid-template-columns:1fr}
  .about-v764 .about-photo{min-height:0}
  .about-v764 .about-photo img{height:auto;min-height:0;object-fit:contain;object-position:center}
  .about-v764 .about-longer-copy{min-height:0;padding:38px max(18px,calc((100vw - 720px)/2)) 42px}
  .about-v764 .about-behind-grid{grid-template-columns:1fr 1fr;gap:26px}
  .about-v764 .about-behind-intro{grid-column:1/-1}
  .about-v764 .about-close-grid{grid-template-columns:1fr;justify-items:start}
  .about-v764 .about-close h2{text-align:start}
}

@media(max-width:640px){
  .about-v764 .about-wrap{width:min(100% - 28px,1180px)}
  .about-v764 .about-hero{padding:38px 0 28px}
  .about-v764 .about-hero h1{font-size:42px;line-height:1.02;margin-bottom:15px}
  .about-v764 .about-hero-copy{font-size:15px}
  .about-v764 .about-field{min-height:72px;margin-top:6px}
  .about-v764 .about-field:before{width:330px;height:110px;left:-100px;top:15px}
  .about-v764 .about-field:after{width:360px;height:145px;left:-40px;top:-8px}
  .about-v764 .about-signature{font-size:15px;line-height:1.32;right:0}
  .rtl .about-v764 .about-signature{right:auto;left:0}
  .about-v764 .about-pillars-grid{padding:8px 0 14px}
  .about-v764 .about-pillar{padding:20px 0}
  .about-v764 .about-pillar h2{font-size:22px}
  .about-v764 .about-pillar p{font-size:14px}
  .about-v764 .about-photo img{width:100%;height:auto}
  .about-v764 .about-longer-copy{padding:34px 14px 38px}
  .about-v764 .about-longer h2{font-size:38px}
  .about-v764 .about-longer-copy>p{font-size:14px}
  .about-v764 .about-longer-note{font-size:18px;margin-top:27px}
  .about-v764 .about-behind{padding:34px 0 30px}
  .about-v764 .about-behind-grid{grid-template-columns:1fr;gap:18px}
  .about-v764 .about-behind-intro{grid-column:auto}
  .about-v764 .about-behind h2{font-size:36px}
  .about-v764 .about-partner{padding-top:7px;border-top:1px solid var(--line)}
  .about-v764 .about-partner h3{margin-top:13px}
  .about-v764 .about-close{padding:28px 0 32px}
  .about-v764 .about-close-grid{gap:20px}
  .about-v764 .about-close-signature{white-space:normal}
  .about-v764 .about-close h2{font-size:31px}
  .about-v764 .about-contact{width:100%}
}
