/* HERO — approved working direction */
.hero {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  isolation: isolate;
  background: #fffaf0;
}

.hero__scene {
  position: absolute;
  inset: 0;
  z-index: -5;
  background:
    linear-gradient(270deg,
      #fffaf0 0%,
      #fffaf0 25%,
      rgba(255,250,240,.97) 35%,
      rgba(255,250,240,.80) 46%,
      rgba(255,250,240,.48) 58%,
      rgba(255,250,240,.16) 70%,
      rgba(255,250,240,0) 82%
    );
}

.hero__grid {
  position: relative;
  min-height: 300px;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.36fr);
  align-items: stretch;
}

.hero__content {
  position: relative;
  z-index: 4;
  align-self: center;
  max-width: 530px;
  padding: 40px 20px 40px 0;
}

.hero__eyebrow {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.5rem, 2.3vw, 2.15rem);
  font-weight: 500;
  line-height: 1.3;
}

.hero__title {
  margin: -5px 0 0;
  color: #c63c3a;
  font-family: "Aref Ruqaa Ink", serif;
  font-size: clamp(5.7rem, 9.8vw, 8.9rem);
  line-height: .9;
  font-weight: 700;
}

.hero__title::after {
  content: "";
  display: block;
  width: 138px;
  height: 22px;
  margin: 10px 4px 18px 0;
  background:
    radial-gradient(circle, var(--sun) 0 4px, transparent 4.5px) center / 22px 22px no-repeat,
    linear-gradient(90deg,
      transparent 0 8%,
      var(--leaf) 8% 43%,
      transparent 43% 57%,
      var(--leaf) 57% 92%,
      transparent 92%
    ) center / 100% 1px no-repeat;
}

.hero__role {
  margin: 0;
  color: #b33a35;
  font-family: "Aref Ruqaa Ink", serif;
  font-size: clamp(1.55rem, 2.3vw, 2.15rem);
  line-height: 1.25;
  font-weight: 700;
}

.hero__descriptor {
  margin: 5px 0 0;
  color: var(--ink);
  font-size: .95rem;
  font-weight: 600;
}

.hero__visual {
  position: relative;
  min-height: 300px;
  margin-left: calc((100vw - min(100vw - 44px, var(--container))) / -2);
}

.hero__photo {
  position: absolute;
  inset: 0;
  margin: 0;
  overflow: hidden;
}

.hero__photo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(270deg,
      #fffaf0 0%,
      rgba(255,250,240,.98) 5%,
      rgba(255,250,240,.86) 14%,
      rgba(255,250,240,.56) 25%,
      rgba(255,250,240,.24) 36%,
      rgba(255,250,240,0) 52%
    ),
    linear-gradient(to top, rgba(29,63,41,.09), transparent 42%);
}

.hero__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 53% 18%;
  filter: saturate(.98) contrast(.98) brightness(1.03);
}

.hero__tree-shadow {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  opacity: .17;
  filter: blur(.45px);
}

.hero__tree-shadow--top {
  width: 620px;
  height: 275px;
  left: -125px;
  top: -42px;
  background:
    radial-gradient(ellipse at 12% 24%, rgba(66,93,57,.70) 0 5%, transparent 6%),
    radial-gradient(ellipse at 26% 20%, rgba(66,93,57,.62) 0 6%, transparent 7%),
    radial-gradient(ellipse at 39% 28%, rgba(66,93,57,.66) 0 7%, transparent 8%),
    radial-gradient(ellipse at 54% 18%, rgba(66,93,57,.55) 0 5%, transparent 6%),
    radial-gradient(ellipse at 69% 31%, rgba(66,93,57,.58) 0 6%, transparent 7%),
    radial-gradient(ellipse at 84% 21%, rgba(66,93,57,.48) 0 5%, transparent 6%),
    linear-gradient(18deg, transparent 47%, rgba(66,93,57,.38) 48% 50%, transparent 51%);
  transform: rotate(-7deg);
}

.hero__tree-shadow--side {
  width: 300px;
  height: 520px;
  left: -135px;
  bottom: -150px;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 58% 18%, rgba(66,93,57,.50) 0 7%, transparent 8%),
    radial-gradient(ellipse at 42% 34%, rgba(66,93,57,.42) 0 6%, transparent 7%),
    radial-gradient(ellipse at 64% 49%, rgba(66,93,57,.44) 0 7%, transparent 8%),
    radial-gradient(ellipse at 46% 67%, rgba(66,93,57,.38) 0 6%, transparent 7%),
    radial-gradient(ellipse at 60% 82%, rgba(66,93,57,.34) 0 7%, transparent 8%),
    linear-gradient(78deg, transparent 47%, rgba(66,93,57,.30) 48% 50%, transparent 51%);
  transform: rotate(15deg);
}


/* Fine botanical line-art behind the hero copy */
.hero__botanical {
  position: absolute;
  z-index: 1;
  width: 230px;
  height: 300px;
  pointer-events: none;
  opacity: .28;
  color: #67865c;
}

.hero__botanical--one {
  right: 35%;
  top: 2px;
  transform: rotate(15deg);
}

.hero__botanical--two {
  right: 7%;
  bottom: -58px;
  width: 150px;
  height: 245px;
  opacity: .18;
  transform: rotate(-20deg) scaleX(-1);
}

.hero__botanical-stem {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1.4px;
  height: 100%;
  background: currentColor;
  border-radius: 999px;
  transform: rotate(7deg);
  transform-origin: bottom;
}

.hero__botanical-leaf {
  position: absolute;
  width: 66px;
  height: 30px;
  border: 1.4px solid currentColor;
  border-radius: 80% 8% 80% 8%;
  background: transparent;
}

.hero__botanical-leaf::after {
  content: "";
  position: absolute;
  width: 72%;
  height: 1px;
  top: 50%;
  left: 13%;
  background: currentColor;
  opacity: .7;
  transform: rotate(-7deg);
  transform-origin: left center;
}

.hero__botanical-leaf--1 {
  left: 47px;
  top: 34px;
  transform: rotate(22deg);
}

.hero__botanical-leaf--2 {
  left: 116px;
  top: 73px;
  transform: rotate(153deg);
}

.hero__botanical-leaf--3 {
  left: 35px;
  top: 118px;
  transform: rotate(31deg) scale(.92);
}

.hero__botanical-leaf--4 {
  left: 121px;
  top: 156px;
  transform: rotate(148deg) scale(.86);
}

.hero__botanical-leaf--5 {
  left: 48px;
  top: 202px;
  transform: rotate(24deg) scale(.76);
}

.hero__botanical-leaf--6 {
  left: 120px;
  top: 236px;
  transform: rotate(151deg) scale(.70);
}


.hero__botanical--three {
  right: 24%;
  bottom: -78px;
  width: 205px;
  height: 270px;
  opacity: .16;
  transform: rotate(34deg);
}

.hero__botanical--one::after,
.hero__botanical--three::after {
  content: "";
  position: absolute;
  width: 46px;
  height: 46px;
  border: 1.3px solid currentColor;
  border-radius: 50% 45% 52% 48%;
  opacity: .7;
  background:
    radial-gradient(circle at center, transparent 0 19%, currentColor 20% 22%, transparent 23%);
}

.hero__botanical--one::after {
  right: 16px;
  top: 12px;
}

.hero__botanical--three::after {
  left: 12px;
  top: 72px;
  transform: scale(.8);
}

.hero__sunlight {
  position: absolute;
  z-index: 3;
  top: 18px;
  right: 4.5%;
  width: 185px;
  height: 150px;
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(circle,
      rgba(255,250,210,.92) 0%,
      rgba(246,207,80,.36) 28%,
      rgba(246,207,80,.13) 48%,
      rgba(246,207,80,0) 72%
    );
  filter: blur(.8px);
  mix-blend-mode: screen;
}

@media (max-width: 1000px) {
  .hero__grid {
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }

  .hero__content {
    padding-right: 0;
  }

  .hero__photo img {
    object-position: 55% 18%;
  }
}

@media (max-width: 760px) {

  .hero__botanical--three {
    right: auto;
    left: -55px;
    bottom: -70px;
    opacity: .09;
    transform: rotate(24deg) scale(.72);
  }
  .hero__botanical--one {
    right: -18px;
    top: 80px;
    opacity: .11;
    transform: rotate(25deg) scale(.78);
  }

  .hero__botanical--two {
    display: none;
  }

  .hero {
    min-height: auto;
  }

  .hero__scene {
    background:
      linear-gradient(180deg,
        #fffaf0 0%,
        #fffaf0 32%,
        rgba(255,250,240,.76) 44%,
        rgba(255,250,240,.12) 67%,
        rgba(255,250,240,0) 100%
      );
  }

  .hero__grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .hero__content {
    max-width: 100%;
    padding: 40px 0 22px;
    text-align: center;
  }

  .hero__title::after {
    margin-inline: auto;
  }

  .hero__visual {
    min-height: 440px;
    margin-inline: -14px;
  }

  .hero__photo::before {
    background:
      linear-gradient(to bottom,
        #fffaf0 0%,
        rgba(255,250,240,.88) 7%,
        rgba(255,250,240,.30) 21%,
        rgba(255,250,240,0) 37%
      ),
      linear-gradient(to top, rgba(29,63,41,.08), transparent 40%);
  }

  .hero__photo img {
    object-position: 52% 50%;
  }

  .hero__sunlight {
    width: 130px;
    height: 130px;
    top: 18px;
    right: 16px;
  }

  .hero__tree-shadow--top {
    width: 430px;
    height: 210px;
    left: -100px;
  }

  .hero__tree-shadow--side {
    display: none;
  }
}

.intro-band{border-block:1px solid var(--line);background:#fffdf8}.intro-band__inner{min-height:120px;display:grid;grid-template-columns:.6fr 1.4fr .6fr;gap:30px;align-items:center}.intro-band__label{margin:0;color:var(--leaf);font-size:.78rem;font-weight:700}.intro-band__text{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,2.5vw,2.3rem);text-align:center}.intro-band__years{display:flex;align-items:baseline;justify-content:end;gap:9px}.intro-band__years strong{color:#d6aa25;font-family:Georgia,"Times New Roman",serif;font-size:2.6rem;line-height:1}.intro-band__years span{color:var(--muted);font-size:.78rem}
.services{background:#f5f3e7}.services__head{margin-bottom:34px}.services__head h2{margin:0;color:var(--ink);font-family:"Cairo",Tahoma,Arial,sans-serif;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.2;font-weight:500}.services__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{position:relative;min-height:330px;padding:28px;overflow:hidden;border-radius:28px;border:1px solid rgba(63,91,69,.12);background:linear-gradient(145deg,#fffdf7,#f1f6ed)}.service-card--blue{background:linear-gradient(145deg,#fafdff,#dff1fb)}.service-card--green{background:linear-gradient(145deg,#e8f1e4,#f9f7e9)}.service-card--sun{background:linear-gradient(145deg,#fff7d7,#f6f2df)}.service-card::after{content:"";position:absolute;width:170px;height:230px;left:-34px;bottom:-30px;opacity:.15;background:linear-gradient(72deg,transparent 49.3%,currentColor 49.8%,currentColor 50.3%,transparent 50.8%);border:0;border-radius:0;transform:rotate(-12deg);color:var(--leaf)}.service-card--blue::after{color:var(--sky)}.service-card--sun::after{color:#d3a51b}.service-card__index{color:#59656a;font-family:"Aref Ruqaa Ink",serif;font-size:2.7rem;line-height:1;font-weight:700}.service-card__icon{display:none}.service-card h3{margin:19px 0 0;color:var(--ink);font-size:1.35rem}.service-card p{min-height:72px;margin:9px 0 21px;color:#65716a;font-size:.92rem;line-height:1.75}
.courses{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%,rgba(96,125,90,.07),transparent 26%),
    #fffdf8
}
.courses__head{margin-bottom:34px}
.courses__head h2{
  margin:0;
  color:var(--ink);
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:clamp(1.9rem,3vw,2.65rem);
  line-height:1.2;
  font-weight:500
}
.courses__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px
}
.course-card{
  overflow:hidden;
  border-radius:22px;
  background:#fffdf9;
  border:1px solid rgba(32,48,57,.09);
  box-shadow:0 12px 30px rgba(32,48,57,.07)
}
.course-card__image{
  aspect-ratio:4/5;
  overflow:hidden;
  background:#ece8de
}
.course-card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease
}
.course-card:hover .course-card__image img{transform:scale(1.025)}
.course-card__body{
  padding:18px 18px 17px;
  text-align:center
}
.course-card h3{
  margin:0;
  color:#173d67;
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:1.16rem;
  line-height:1.45;
  font-weight:700
}
.course-card p{
  min-height:50px;
  margin:9px auto 16px;
  color:#677078;
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:.78rem;
  line-height:1.75
}
.course-card__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px
}
.course-btn{
  min-height:39px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border-radius:8px;
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:.73rem;
  font-weight:700;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease
}
.course-btn:hover{transform:translateY(-1px)}
.course-btn--outline{
  color:#173d67;
  background:#fff;
  border:1px solid rgba(23,61,103,.55)
}
.course-btn--buy{
  color:#30280f;
  background:#e2ba48;
  border:1px solid #e2ba48;
  box-shadow:0 5px 12px rgba(226,186,72,.16)
}
@media (max-width:900px){
  .courses__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .courses__grid{grid-template-columns:1fr}
  .course-card{max-width:420px;margin-inline:auto}
}
.books{background:#eef3e9}
.books__head{margin-bottom:30px}
.books__head h2{
  margin:0;
  color:var(--ink);
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:clamp(1.9rem,3vw,2.65rem);
  line-height:1.2;
  font-weight:500
}
.books__rail{
  display:grid;
  grid-template-columns:repeat(6,minmax(135px,1fr));
  gap:18px;
  align-items:start
}
.book{text-align:center}
.book__cover{
  aspect-ratio:2/3;
  overflow:hidden;
  border-radius:13px;
  background:#ddd5c7;
  box-shadow:0 16px 34px rgba(36,42,36,.14)
}
.book__cover img{width:100%;height:100%;object-fit:cover}
.book h3{
  margin:15px 4px 11px;
  min-height:42px;
  color:var(--ink);
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:.95rem;
  line-height:1.45;
  font-weight:700
}
.book__buy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 13px;
  border-radius:999px;
  color:#30280f;
  background:#e2ba48;
  border:1px solid #e2ba48;
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:.72rem;
  font-weight:700;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease
}
.book__buy:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 12px rgba(226,186,72,.18)
}
@media(max-width:1000px){
  .books__rail{grid-template-columns:repeat(3,minmax(135px,1fr));row-gap:28px}
}
@media(max-width:620px){
  .books__rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.media{background:#fffdf8}
.media__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.media-card{
  position:relative;
  min-height:330px;
  padding:34px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(32,48,57,.08);
  isolation:isolate
}
.media-card--youtube{
  color:#202124;
  background:
    radial-gradient(circle at 88% 14%,rgba(255,0,0,.08),transparent 26%),
    linear-gradient(145deg,#fff,#f8f8f8)
}
.media-card--facebook{
  color:#fff;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.13),transparent 26%),
    linear-gradient(145deg,#6aa7f7,#4d8ee8)
}
.media-card__top{position:relative;z-index:3;display:flex;align-items:center;gap:12px}
.youtube-play{
  width:54px;height:38px;display:grid;place-items:center;
  padding-left:3px;border-radius:10px;background:#ff0000;color:#fff;
  font-size:1.15rem;line-height:1
}
.platform-label{
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-weight:700
}
.platform-label--youtube{color:#ff0000;font-size:1.05rem}
.platform-label--facebook{color:#fff;font-size:1.28rem}
.facebook-live-dot{
  width:14px;height:14px;border-radius:50%;background:#e53935;
  box-shadow:0 0 0 6px rgba(229,57,53,.18)
}
.media-card h2{
  position:relative;z-index:3;
  margin:auto 0 0;
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:clamp(2rem,3.4vw,3.25rem);
  line-height:1.25;font-weight:600
}
.media-card--youtube h2{color:#202124}
.media-card--facebook h2{color:#fff}
.media-card .live-day{
  position:relative;z-index:3;
  margin:12px 0 0;
  color:rgba(255,255,255,.92);
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:1.08rem;font-weight:600
}
.media-card__botanical{
  position:absolute;z-index:1;left:-8px;bottom:-18px;
  width:190px;height:250px;color:var(--leaf);opacity:.13;
  transform:rotate(-9deg);pointer-events:none
}
.media-card--facebook .media-card__botanical{color:#fff;opacity:.14}
.media-card__botanical span{
  position:absolute;left:58px;bottom:0;width:2px;height:235px;
  background:currentColor;border-radius:999px;
  transform:rotate(-17deg);transform-origin:bottom
}
.media-card__botanical i{
  position:absolute;width:68px;height:31px;border:2px solid currentColor;
  border-radius:100% 8% 100% 8%
}
.media-card__botanical i:nth-of-type(1){left:34px;bottom:40px;transform:rotate(28deg)}
.media-card__botanical i:nth-of-type(2){left:77px;bottom:84px;transform:rotate(151deg)}
.media-card__botanical i:nth-of-type(3){left:23px;bottom:130px;transform:rotate(30deg) scale(.86)}
.media-card__botanical i:nth-of-type(4){left:78px;bottom:172px;transform:rotate(151deg) scale(.76)}
@media(max-width:760px){
  .media__grid{grid-template-columns:1fr}
  .media-card{min-height:280px}
}
.gatherings{background:#e6efe1}
.gatherings__grid{
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:clamp(38px,6vw,78px);
  align-items:center
}
.gatherings__copy h2{
  margin:0;
  color:var(--ink);
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:clamp(1.9rem,3vw,2.65rem);
  line-height:1.2;
  font-weight:500
}
.gatherings__copy>p{
  margin:18px 0 24px;
  max-width:430px
}
.gatherings__photos{
  display:grid;
  grid-template-columns:1.45fr 1fr;
  grid-template-rows:220px 220px;
  gap:14px
}
.gatherings__photo{
  margin:0;
  border-radius:23px;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  background:#d8dfd2
}
.gatherings__photo--main{grid-row:1/-1}
.gatherings__photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover
}
.gatherings__photo--main img{object-position:center 34%}
.gatherings__photo:nth-child(2) img{object-position:center 46%}
.gatherings__photo:nth-child(3) img{object-position:center 45%}
.contact-preview{
  background:radial-gradient(circle at 88% 12%,rgba(243,201,77,.18),transparent 24%),#254d48;
  color:#fff
}
.contact-preview__inner{
  min-height:330px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:48px;
  align-items:center
}
.contact-preview .kicker{color:#f6d66b}
.contact-preview__kicker{
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:0
}
.contact-preview h2{
  max-width:720px;
  margin:12px 0 0;
  color:#fff;
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:clamp(1.35rem,2.3vw,2rem);
  line-height:1.7;
  font-weight:500
}
.contact-preview__details{
  padding:26px 28px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:22px;
  background:rgba(255,255,255,.07)
}
.contact-preview__details p{
  margin:0 0 16px;
  color:rgba(255,255,255,.86);
  font-size:.95rem;
  font-weight:600
}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
.contact-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:132px;
  padding:11px 18px;
  border-radius:999px;
  text-decoration:none;
  background:#fff;
  color:#254d48;
  font-weight:700;
  font-size:.88rem;
  transition:transform .2s ease,box-shadow .2s ease
}
.contact-btn img{width:21px;height:21px;display:block}
.contact-btn:hover,.contact-btn:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.12)
}
.contact-btn--whatsapp{background:#fff;color:#1f5d3a}
.contact-btn--telegram{background:#fff;color:#176a8d}
@media(max-width:1050px){.hero__grid{grid-template-columns:1fr .78fr}.hero__quote-card{right:-18px}.books__rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}}
@media(max-width:900px){.hero__grid{min-height:auto;grid-template-columns:1fr 1fr;padding-block:62px}.hero__photo{height:480px}.services__grid,.courses__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-band__inner{grid-template-columns:1fr 1fr}.intro-band__text{grid-column:1/-1;grid-row:1}.intro-band__years{justify-content:start}.gatherings__grid{grid-template-columns:1fr}}
@media(max-width:700px){.hero__grid{grid-template-columns:1fr;gap:38px;padding-block:46px 58px}.hero__content{text-align:center}.hero h1{font-size:clamp(4rem,20vw,6.2rem)}.hero__role,.hero__intro{margin-inline:auto}.hero__coming{margin-inline:auto}.hero__visual{width:min(100%,420px);justify-self:center}.hero__photo{height:490px;border-radius:40% 40% 24px 24px}.hero__quote-card{right:12px;bottom:20px;width:210px}.intro-band__inner{padding-block:24px}.intro-band__text{font-size:1.55rem}.services__grid,.courses__grid,.media__grid{grid-template-columns:1fr}.service-card{min-height:290px}.course-card,.course-card__content{min-height:390px}.books__rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;overflow:visible;padding:6px 0 0;scroll-snap-type:none}.book{min-width:0;flex:none;scroll-snap-align:none}.media-card{min-height:320px}.gatherings__photos{grid-template-columns:1fr;grid-template-rows:none}.gatherings__photo,.gatherings__photo--main{grid-row:auto;height:250px}.contact-preview__inner{min-height:0;padding-block:64px;grid-template-columns:1fr;gap:30px}}

/* Clear botanical branches inside service cards */
.service-card::after{display:none}
.service-card__branch{
  position:absolute;
  z-index:1;
  left:-10px;
  bottom:-8px;
  width:185px;
  height:255px;
  color:var(--leaf);
  opacity:.25;
  transform:rotate(-8deg);
  pointer-events:none
}
.service-card--blue .service-card__branch{color:#3f8fbd}
.service-card--green .service-card__branch{color:#66825c}
.service-card--sun .service-card__branch{color:#c79a16}
.service-card__branch-stem{
  position:absolute;
  left:54px;
  bottom:-4px;
  width:2px;
  height:238px;
  background:currentColor;
  border-radius:999px;
  transform:rotate(-17deg);
  transform-origin:bottom
}
.service-card__branch-leaf{
  position:absolute;
  width:67px;
  height:31px;
  border:2px solid currentColor;
  border-radius:100% 8% 100% 8%;
  background:rgba(255,255,255,.05);
}
.service-card__branch-leaf::after{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  width:48px;
  height:1.5px;
  background:currentColor;
  transform:rotate(-5deg);
  transform-origin:left center
}
.service-card__branch-leaf--1{left:31px;bottom:40px;transform:rotate(28deg)}
.service-card__branch-leaf--2{left:70px;bottom:77px;transform:rotate(151deg) scale(.92)}
.service-card__branch-leaf--3{left:20px;bottom:113px;transform:rotate(30deg) scale(.86)}
.service-card__branch-leaf--4{left:73px;bottom:148px;transform:rotate(151deg) scale(.78)}
.service-card__branch-leaf--5{left:29px;bottom:183px;transform:rotate(31deg) scale(.70)}

.media-card--youtube h2{margin-top:auto;margin-bottom:0}
.media-card__description{
  position:relative;
  z-index:3;
  margin:10px 0 0;
  max-width:440px;
  color:#687078;
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  font-size:.88rem;
  line-height:1.75
}


/* Mobile QA v1 — desktop remains unchanged */
@media (max-width:700px){
  .hero__grid{
    grid-template-columns:1fr;
    gap:24px;
    padding-block:30px 34px;
  }
  .hero__content{
    padding:0;
    text-align:center;
  }
  .hero__eyebrow{font-size:1.5rem}
  .hero h1{font-size:clamp(4rem,18vw,5.5rem)}
  .hero__title::after{margin:8px auto 14px}
  .hero__role{font-size:1.55rem}
  .hero__visual{
    width:min(100%,420px);
    min-height:360px;
    height:360px;
    margin-left:0;
    justify-self:center;
  }
  .hero__photo{
    height:360px;
    border-radius:38% 38% 22px 22px;
  }
  .hero__photo img{
    object-position:53% 20%;
  }

  .books__rail{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 16px;
    overflow:visible;
    padding:4px 0 0;
    scroll-snap-type:none;
  }
  .book{
    min-width:0;
    flex:none;
    scroll-snap-align:none;
  }
  .book__cover{width:100%}
}


/* Mobile books — six books visible as a 2 × 3 grid */
@media (max-width:700px){
  .books__rail{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:30px 16px !important;
    overflow:visible !important;
    padding:4px 0 0 !important;
  }
  .books__rail .book{
    display:block;
    width:auto;
    min-width:0;
    flex:none !important;
  }
  .books__rail .book__cover{
    width:100%;
    aspect-ratio:2 / 3;
  }
}


/* Mobile hero polish v5 */
@media (max-width:700px){
  .hero__visual{
    height:330px;
    min-height:330px;
  }

  .hero__photo{
    height:330px;
    border-radius:28% 28% 22px 22px;
  }

  .hero__photo img{
    object-position:53% 16%;
  }
}