.hga-section { padding-block: clamp(56px, 7vw, 96px); background: var(--hs-paper); border-top: 1px solid var(--hs-beige); }
.hga-heading { max-width: 780px; margin-bottom: 36px; }
.hga-heading h2 { margin: 0; color: var(--hs-green); font: 400 clamp(2rem, 3.7vw, 3.3rem)/1.2 var(--hs-serif); overflow-wrap: anywhere; }
.hga-list { display: grid; gap: clamp(56px, 8vw, 104px); }
.hga-garden { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); grid-template-areas: "gallery copy"; align-items: start; gap: clamp(28px, 5vw, 64px); scroll-margin-top: 100px; }
.hga-garden + .hga-garden { padding-top: clamp(48px, 7vw, 88px); border-top: 1px solid var(--hs-beige); }
.hga-garden--reverse { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); grid-template-areas: "copy gallery"; }
.hga-garden--featured { grid-template-columns: minmax(0, 1.05fr) minmax(300px, .75fr); grid-template-areas: "highlight highlight" "copy gallery"; gap: clamp(30px, 4.5vw, 58px); }
.hga-highlight { position: relative; grid-area: highlight; min-height: clamp(500px, 53vw, 640px); overflow: hidden; border-radius: clamp(18px, 2vw, 28px); background: var(--hs-green); color: var(--hs-cream); box-shadow: 0 18px 58px rgba(38, 28, 23, .14); }
.hga-highlight::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(0deg, rgba(10, 37, 29, .96) 0%, rgba(10, 37, 29, .64) 38%, rgba(10, 37, 29, .04) 78%); content: ""; pointer-events: none; }
.hga-highlight__photo { position: absolute; inset: 0; }
.hga-highlight__photo a { width: 100%; height: 100%; border-radius: inherit; }
.hga-highlight__photo img { width: 100%; height: 100%; aspect-ratio: auto; transition: transform 650ms cubic-bezier(.2, .7, .2, 1); }
.hga-highlight:hover .hga-highlight__photo img { transform: scale(1.025); }
@media (min-width: 851px) {
  #aziz-garden .hga-highlight__photo a { display: flex; justify-content: flex-end; direction: ltr; background: transparent; }
  #aziz-garden .hga-highlight__photo img { width: auto; max-width: 100%; object-fit: contain; }
  #aziz-garden .hga-highlight::after { background: linear-gradient(90deg, rgba(10, 37, 29, .25) 45%, rgba(10, 37, 29, .06) 100%); }
  #aziz-garden .hga-highlight__content { max-width: 57%; }
  html[lang="ar"] #aziz-garden .hga-highlight__photo a { justify-content: flex-start; }
  html[lang="ar"] #aziz-garden .hga-highlight__content { left: auto; }
}
.hga-highlight__content { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; max-width: 900px; padding: clamp(30px, 5vw, 64px); }
.hga-highlight__eyebrow { margin: 0 0 16px; color: var(--hs-orange-light); font: 700 .75rem/1.5 var(--hs-sans); letter-spacing: .09em; text-transform: uppercase; }
.hga-highlight h3 { margin: 0; color: var(--hs-cream); font: 400 clamp(2.8rem, 5.6vw, 5.2rem)/1.02 var(--hs-serif); text-wrap: balance; }
.hga-highlight__content > p:not(.hga-highlight__eyebrow) { max-width: 64ch; margin: 20px 0 0; color: rgba(244, 235, 221, .9); font-size: 1rem; line-height: 1.7; }
.hga-highlight__cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 620px; min-height: 48px; margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(241, 230, 211, .36); color: var(--hs-cream); font-size: .9375rem; font-weight: 700; text-decoration: none; }
.hga-highlight__cta span:last-child { font-size: 1.15rem; }
.hga-garden--featured .hga-copy { scroll-margin-top: 110px; }
.hga-copy { grid-area: copy; min-width: 0; padding-block: 12px; }
.hga-copy h3 { margin: 0 0 20px; color: var(--hs-green); font: 400 clamp(2rem, 3.3vw, 3rem)/1.2 var(--hs-serif); }
.hga-intro { margin: 0; max-width: 46ch; font-size: 1.0625rem; line-height: 1.8; }
.hga-contact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin: 28px 0 0; padding-top: 24px; border-top: 1px solid var(--hs-beige); }
.hga-contact > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
.hga-contact dt { color: var(--hs-chestnut); font-size: .8125rem; line-height: 1.5; }
.hga-contact dd { margin: 6px 0 0; color: var(--hs-green); font-size: 1.125rem; line-height: 1.45; overflow-wrap: anywhere; }
.hga-phone { display: inline-flex; align-items: center; min-height: 44px; color: var(--hs-green); font-size: 1.0625rem; text-underline-offset: 5px; }
.hga-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.hga-actions .hs-button { max-width: 100%; padding: 13px 20px; font-size: .875rem; line-height: 1.4; letter-spacing: 0; text-transform: none; white-space: normal; }
.hga-actions .hga-map { background: transparent; border-color: var(--hs-green); color: var(--hs-green); }
.hga-actions .hga-map:hover { background: var(--hs-cream); }
.hga-visit { margin-top: 28px; padding: 20px 22px; background: var(--hs-cream); border-inline-start: 3px solid var(--hs-olive); }
.hga-visit h4 { margin: 0 0 8px; color: var(--hs-green); font: 700 .875rem/1.5 var(--hs-sans); }
.hga-visit p { margin: 0; font-size: .875rem; line-height: 1.8; }
.hga-gallery { grid-area: gallery; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 20px 12px; min-width: 0; }
.hga-photo { margin: 0; min-width: 0; }
.hga-photo--main { grid-column: 1 / -1; }
.hga-photo a { display: block; overflow: hidden; border-radius: 8px; background: var(--hs-cream); }
.hga-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 58%; }
.hga-highlight .hga-highlight__photo a { height: 100%; border-radius: 0; }
.hga-highlight .hga-highlight__photo img { height: 100%; aspect-ratio: auto; }
.hga-photo--main img { aspect-ratio: 5 / 4; object-position: center 68%; }
.hga-gallery--landscape .hga-photo--main img { aspect-ratio: 16 / 9; }
.hga-gallery--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.hga-gallery--trio { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hga-gallery--pair .hga-photo img { aspect-ratio: 4 / 5; }
.hga-gallery.hga-gallery--single { grid-template-columns: minmax(0, 1fr); }
.hga-gallery--single .hga-photo img { aspect-ratio: 4 / 5; }
.hga-section a:focus-visible { outline: 3px solid var(--hs-orange); outline-offset: 5px; }
html[lang="ar"] .hga-heading h2, html[lang="ar"] .hga-copy h3, html[lang="ar"] .hga-highlight h3 { line-height: 1.6; }
@media (max-width: 850px) {
  .hga-garden, .hga-garden--reverse { grid-template-columns: minmax(0, 1fr); grid-template-areas: "gallery" "copy"; gap: 28px; }
  .hga-garden--featured { grid-template-areas: "highlight" "copy" "gallery"; }
  .hga-highlight { min-height: clamp(470px, 74vw, 600px); }
  .hga-photo--main img { aspect-ratio: 16 / 10; }
  .hga-copy { padding: 0; }
  .hga-intro { max-width: 65ch; }
}
@media (max-width: 560px) {
  .hga-highlight { min-height: 500px; border-radius: 16px; }
  .hga-highlight__content { padding: 26px 22px; }
  .hga-highlight h3 { font-size: clamp(2.45rem, 12vw, 3.45rem); }
  .hga-highlight__content > p:not(.hga-highlight__eyebrow) { font-size: .9375rem; line-height: 1.6; }
  .hga-gallery--pair { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .hga-gallery--pair .hga-photo img { aspect-ratio: 4 / 3; }
  .hga-gallery--single .hga-photo img { aspect-ratio: 4 / 3; }
}
@media (max-width: 420px) {
  .hga-gallery { gap: 16px 8px; }
  .hga-photo img { aspect-ratio: 1; }
  .hga-photo--main img { aspect-ratio: 5 / 4; }
  .hga-gallery--pair .hga-photo img { aspect-ratio: 4 / 3; }
  .hga-contact { grid-template-columns: minmax(0, 1fr); }
  .hga-contact > div:last-child:nth-child(odd) { grid-column: auto; }
  .hga-visit { padding: 16px; }
}
@media print { .hga-section { background: white; } .hga-garden { display: block; } .hga-highlight { min-height: 0; color: black; box-shadow: none; } .hga-highlight::after, .hga-highlight__photo { display: none; } .hga-highlight__content { position: static; max-width: none; padding: 0; } .hga-highlight h3, .hga-highlight__content > p:not(.hga-highlight__eyebrow), .hga-highlight__cta { color: black; } .hga-actions { display: none; } .hga-gallery { margin-top: 24px; break-inside: avoid; } }