.page-id-223 .page-entry,.page-id-223 .entry-content{margin:0!important;padding:0!important;max-width:none!important}.hwz-events-hero{padding:88px 0 76px;background:#e9f1ee}.hwz-events-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:70px;align-items:end}.hwz-events-hero h1{max-width:900px;margin:10px 0 0;font-size:clamp(3.4rem,6.4vw,6.8rem);line-height:.92}.hwz-events-hero p{margin:0 0 8px;color:#69736f;line-height:1.75;font-size:16px}.hwz-events-intro{padding:72px 0 54px}.hwz-events-intro-inner{max-width:830px}.hwz-events-intro h2{font-size:clamp(2.5rem,4.4vw,4.6rem);line-height:.98;margin:10px 0 18px}.hwz-events-intro p{max-width:700px;color:#6c746f;line-height:1.8}.hwz-events-gallery{padding:18px 0 96px}.hwz-events-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.hwz-event-card{margin:0;grid-column:span 4;background:#f7f5ef;border-radius:22px;overflow:hidden}.hwz-event-card:nth-child(5n+1),.hwz-event-card:nth-child(5n+4){grid-column:span 8}.hwz-event-media{position:relative;aspect-ratio:4/3;overflow:hidden}.hwz-event-card:nth-child(5n+1) .hwz-event-media,.hwz-event-card:nth-child(5n+4) .hwz-event-media{aspect-ratio:16/9}.hwz-event-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.hwz-event-card:hover img{transform:scale(1.025)}.hwz-event-media span{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border-radius:999px;padding:7px 10px;font:600 10px/1 var(--sans);letter-spacing:.12em}.hwz-event-card figcaption{padding:18px 20px 22px;display:grid;gap:7px}.hwz-event-card small{text-transform:uppercase;letter-spacing:.13em;color:#6f8f7a;font:600 10px/1.2 var(--sans)}.hwz-event-card strong{font-family:var(--serif);font-size:1.45rem;font-weight:400;color:#3f4844}.hwz-events-cta{background:#eee8df;padding:68px 0}.hwz-events-cta-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.hwz-events-cta h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:10px 0 0;max-width:850px}@media(max-width:900px){.hwz-events-hero-grid{grid-template-columns:1fr;gap:28px}.hwz-event-card,.hwz-event-card:nth-child(5n+1),.hwz-event-card:nth-child(5n+4){grid-column:span 6}.hwz-event-card .hwz-event-media,.hwz-event-card:nth-child(5n+1) .hwz-event-media,.hwz-event-card:nth-child(5n+4) .hwz-event-media{aspect-ratio:4/3}.hwz-events-cta-inner{grid-template-columns:1fr}}@media(max-width:620px){.hwz-events-hero{padding:58px 0 48px}.hwz-events-intro{padding:48px 0 34px}.hwz-events-gallery{padding-bottom:64px}.hwz-events-grid{gap:16px}.hwz-event-card,.hwz-event-card:nth-child(5n+1),.hwz-event-card:nth-child(5n+4){grid-column:1/-1}.hwz-events-cta{padding:48px 0}}
/* Client review: preserve complete people/heads rather than cropping gallery photographs. */
.page-id-223 .hwz-event-media{background:#edf1ed}
.page-id-223 .hwz-event-media img{object-fit:contain!important;object-position:center center!important}
.page-id-223 .hwz-event-card:hover img{transform:none!important}

/* 2026-10-13 curated event archive: equal-size cards, zero image cropping */
.page-id-223 .hwz-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.page-id-223 .hwz-event-card,.page-id-223 .hwz-event-card:nth-child(5n+1),.page-id-223 .hwz-event-card:nth-child(5n+4){grid-column:auto;min-width:0;border-radius:18px;background:#f6f5f0;overflow:hidden;box-shadow:0 1px 3px rgba(37,50,43,.05)}
.page-id-223 .hwz-event-media,.page-id-223 .hwz-event-card:nth-child(5n+1) .hwz-event-media,.page-id-223 .hwz-event-card:nth-child(5n+4) .hwz-event-media{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#ebece8;overflow:hidden}
.page-id-223 .hwz-event-media img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;transform:none!important;transition:none!important}
.page-id-223 .hwz-event-card:hover .hwz-event-media img{transform:none!important}
.page-id-223 .hwz-event-card figcaption{min-height:96px;padding:18px 20px 22px}
.page-id-223 .hwz-event-card figcaption strong{font-size:clamp(1.2rem,1.55vw,1.55rem);line-height:1.25}
@media(max-width:900px){.page-id-223 .hwz-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.page-id-223 .hwz-events-grid{grid-template-columns:1fr}.page-id-223 .hwz-event-media,.page-id-223 .hwz-event-card:nth-child(5n+1) .hwz-event-media,.page-id-223 .hwz-event-card:nth-child(5n+4) .hwz-event-media{aspect-ratio:4/3}}

/* Client-reviewed events hero and click-to-zoom gallery */
.page-id-223 .hwz-events-hero{position:relative;background:linear-gradient(90deg,rgba(15,31,32,.80),rgba(15,31,32,.34)),url('https://healwithzainab.com/wp-content/uploads/2026/10/hwz-events-rooftop-yoga-hero.png') center 42%/cover no-repeat;color:#fff;min-height:480px;display:flex;align-items:center}
.page-id-223 .hwz-events-hero-grid{width:100%;align-items:end}
.page-id-223 .hwz-events-hero h1,.page-id-223 .hwz-events-hero .kicker{color:#fff}
.page-id-223 .hwz-events-hero p{color:rgba(255,255,255,.93)}
.page-id-223 .hwz-event-zoom{display:flex;text-decoration:none;cursor:zoom-in}
.page-id-223 .hwz-event-zoom:focus-visible{outline:3px solid #608577;outline-offset:-4px}
.page-id-223 .hwz-events-cta{background:#edf5f3;padding:72px 0 84px}
.page-id-223 .hwz-events-cta-inner{grid-template-columns:minmax(0,1fr) auto;gap:46px}
.page-id-223 .hwz-events-cta h2{max-width:700px;font-size:clamp(2.7rem,4.8vw,5.5rem);line-height:1.03;margin:14px 0 18px;font-weight:400}
.page-id-223 .hwz-events-cta p{font-size:1rem;color:#77837e;line-height:1.7;max-width:660px}
.page-id-223 .hwz-events-cta-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.page-id-223 .hwz-events-cta-actions .btn{white-space:nowrap}
.hwz-events-lightbox{position:fixed;inset:0;max-width:min(95vw,1450px);max-height:95vh;padding:48px 18px 18px;border:0;border-radius:12px;background:#f8f9f7;box-shadow:0 20px 85px rgba(0,0,0,.38);text-align:center}
.hwz-events-lightbox::backdrop{background:rgba(15,23,20,.9)}
.hwz-events-lightbox img{display:block;max-width:100%;max-height:calc(95vh - 125px);width:auto;height:auto;object-fit:contain;margin:auto}
.hwz-events-lightbox p{font-size:15px;color:#35443d;margin:10px 0 0}
.hwz-events-lightbox-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#35443d;font-size:34px;line-height:1;cursor:pointer;padding:4px 10px}
@media(max-width:1000px){.page-id-223 .hwz-events-cta-inner{grid-template-columns:1fr;gap:28px}}
@media(max-width:620px){.page-id-223 .hwz-events-hero{min-height:430px;background-position:center center}.page-id-223 .hwz-events-hero h1{font-size:clamp(2.5rem,10vw,4rem)}.page-id-223 .hwz-events-cta-actions{flex-direction:column;align-items:stretch}.page-id-223 .hwz-events-cta-actions .btn{text-align:center;white-space:normal}}

/* 2026-10-13 hero corrective QA: centered hierarchy and uncropped faces */
.page-id-223 .hwz-events-hero{min-height:760px!important;padding:110px 28px 100px!important;background-position:center top!important;background-size:cover!important}
.page-id-223 .hwz-events-hero .shell.hwz-events-hero-grid{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:24px!important;width:min(100%,1150px)!important;max-width:1150px!important;margin-inline:auto!important;padding-inline:24px!important}
.page-id-223 .hwz-events-hero-grid>div{width:100%;max-width:1100px;margin:0 auto!important}
.page-id-223 .hwz-events-hero .kicker{letter-spacing:.18em!important}
.page-id-223 .hwz-events-hero h1{max-width:1050px!important;margin:18px auto 0!important;font-size:clamp(3rem,5.5vw,6rem)!important;line-height:1.04!important;text-align:center!important}
.page-id-223 .hwz-events-hero p{max-width:740px!important;margin:0 auto!important;font-size:clamp(1rem,1.3vw,1.18rem)!important;line-height:1.7!important;text-align:center!important}
@media(max-width:900px){.page-id-223 .hwz-events-hero{min-height:650px!important;padding:85px 20px!important;background-position:center top!important}.page-id-223 .hwz-events-hero h1{font-size:clamp(2.7rem,7vw,4.6rem)!important}}
@media(max-width:620px){.page-id-223 .hwz-events-hero{min-height:590px!important;padding:70px 12px!important;background-position:52% top!important}.page-id-223 .hwz-events-hero .shell.hwz-events-hero-grid{padding-inline:10px!important;gap:18px!important}.page-id-223 .hwz-events-hero h1{font-size:clamp(2.35rem,9vw,3.25rem)!important}}