/* ABOUT SECTION - arch photo + overlapping round photo + organic shape, editorial copy */
.about{overflow:hidden}
.about__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,7vw,110px)}

.about__media{position:relative;isolation:isolate;padding:0 0 70px 0;max-width:560px}
.about__blob{position:absolute;z-index:-1;top:-28px;left:-34px;width:78%;aspect-ratio:1;background:var(--sage);border-radius:62% 38% 55% 45%/48% 58% 42% 52%}
.about__arch{width:82%;margin-left:auto;aspect-ratio:4/5.2;border-radius:999px 999px var(--r-lg) var(--r-lg);overflow:hidden;box-shadow:var(--shadow-m)}
.about__arch img{width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.about__round{position:absolute;left:0;bottom:0;width:46%;aspect-ratio:1;border:8px solid var(--cream);border-radius:50%;overflow:hidden;box-shadow:var(--shadow-m)}
.about__round img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.about__leaf{position:absolute;z-index:-1;left:3%;top:-6px;width:70px;height:128px;color:var(--leaf);opacity:.7;transform:rotate(-16deg)}
.about__badge{position:absolute;right:0;bottom:24px;display:flex;align-items:center;gap:12px;padding:14px 22px 14px 18px;border-radius:var(--r-md);background:var(--forest);color:#fff;box-shadow:var(--shadow-m)}
.about__badge b{font:500 2.4rem/1 var(--font-head);color:var(--lime)}
.about__badge span{font-size:13px;line-height:1.35;color:rgba(255,255,255,.8)}

.about__copy h2{max-width:560px}
.about__copy > p{margin-top:16px;color:var(--muted)}
.about__note{display:flex;gap:16px;margin-top:28px;padding:20px 22px;border-left:3px solid var(--lime);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--paper)}
.about__note svg{flex:0 0 auto;width:26px;height:26px;margin-top:2px;color:var(--leaf)}
.about__note p{font-size:15px;line-height:1.65;color:var(--muted)}
.about__note b{color:var(--forest)}
.about__actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:34px}
.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:44px 0 0;padding-top:30px;border-top:1px solid var(--line)}
.about__stats div{display:flex;flex-direction:column-reverse}
.about__stats dt{margin-top:6px;font-size:13px;line-height:1.35;color:var(--muted)}
.about__stats dd{margin:0;font:500 clamp(2rem,3vw,2.6rem)/1 var(--font-head);color:var(--forest)}

@media only screen and (max-width:991px){
  .about__grid{grid-template-columns:1fr;gap:56px}
  .about__media{max-width:520px;margin:0 auto;width:100%}
}
@media only screen and (max-width:575px){
  .about__media{padding-bottom:56px}
  .about__blob{left:-14px;top:-18px}
  .about__leaf{width:52px;height:96px}
  .about__round{border-width:6px}
  .about__badge{right:0;bottom:10px;padding:11px 16px 11px 14px}
  .about__badge b{font-size:2rem}
  .about__stats{gap:16px 12px}
  .about__actions .btn{width:100%}
}


/* Right Image Css*/
.right-img .about__blob {
    display: none;
}

.right-img .about__leaf {
    display: none;
}

.right-img .about__arch {
    margin: 0;
    width: 100%;
    border-radius: var(--r-lg);
    aspect-ratio: unset;
}
.right-img .about__grid {
    direction: rtl;
}
.right-img .about__copy {
    text-align: left;
}
.right-img .about__copy h2 {
    max-width: 100%;
}
.right-img .about__actions {
    justify-content: end;
}