/* A photograph-led invitation, using the established Bone and Gravel palette. */
.events-page .site-header{border-bottom:0}
.events-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:640px;background:var(--ink);color:var(--paper);overflow:hidden}
.events-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;z-index:-2}
.events-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(55,49,49,.9),rgba(55,49,49,.57) 35%,rgba(55,49,49,.08) 73%),linear-gradient(90deg,rgba(55,49,49,.25),transparent 65%)}
.events-hero-copy{padding-block:clamp(220px,20vw,400px) 44px}
.events-hero .eyebrow{font-size:.875rem;letter-spacing:.11em;margin-bottom:22px}
.events-hero h1{font-size:clamp(4.2rem,6.9vw,6.5rem);line-height:1.02;letter-spacing:-.055em;max-width:620px}
.events-hero-intro{font-size:1.125rem;line-height:1.7;margin-top:24px;max-width:390px}
.events-hero .button{margin-top:29px;border-radius:3px}
.events-hero a:focus-visible{outline-color:var(--paper)}
.events-upcoming{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:35px 38px;border-bottom:1px solid var(--line);scroll-margin-top:30px}
.events-upcoming h2{font-size:clamp(1.8rem,2.4vw,2.3rem);line-height:1.2}
.events-upcoming p{margin-top:9px;color:var(--muted);font-size:1rem}
.events-upcoming .button{flex-shrink:0;border-radius:3px}
.events-experiences{padding-block:62px 65px}
.events-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:29px}
.events-section-heading .eyebrow{font-size:.875rem;color:var(--deep-gold)}
.events-section-heading h2{font-size:clamp(2rem,3vw,2.7rem)}
.events-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.events-card{min-width:0;display:flex;flex-direction:column}
.events-card-photo{aspect-ratio:1.35;overflow:hidden;background:var(--ink);border-radius:4px}
.events-card-photo img{width:100%;height:100%;object-fit:cover}
.events-card-breath img{object-position:50% 81%}
.events-card-reset img{object-position:64% 50%}
.events-card-stillness img{object-position:51% 45%}
.events-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding-top:23px}
.events-card .eyebrow{font-size:.875rem;letter-spacing:.07em;color:var(--deep-gold)}
.events-card h3{font-size:clamp(1.55rem,2.1vw,2rem);line-height:1.2;letter-spacing:-.045em;margin-top:10px}
.events-card-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75;color:var(--muted);margin-top:14px;margin-bottom:20px;max-width:36ch}
.events-card .text-link{margin-top:auto;font-size:.875rem;gap:14px}
.events-host{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:30px 36px;border-block:1px solid var(--line)}
.events-host h2{font-size:clamp(1.7rem,2.5vw,2.35rem);line-height:1.2}
.events-host p{font-size:1rem;color:var(--muted);margin-top:12px}
.events-host>.text-link{flex-shrink:0}
@media(max-width:1050px){
  .events-hero{min-height:540px}
  .events-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
  .events-card-photo{aspect-ratio:1.1}
  .events-card h3{font-size:1.65rem}
}
@media(max-width:760px){
  .events-hero{min-height:0;align-items:flex-end}
  .events-hero-photo{height:380px;object-position:50% 15%}
  .events-hero::after{background:linear-gradient(180deg,rgba(55,49,49,.04) 140px,rgba(55,49,49,.48) 245px,var(--ink) 380px)}
  .events-hero-copy{padding-block:260px 36px}
  .events-hero .eyebrow{margin-bottom:18px}
  .events-hero h1{font-size:clamp(3.4rem,14vw,5rem);line-height:1.05}
  .events-hero-intro{font-size:1rem;line-height:1.7;margin-top:19px}
  .events-hero .button{margin-top:24px}
  .events-upcoming{display:block;padding-block:29px 32px}
  .events-upcoming .button{margin-top:21px}
  .events-upcoming p{max-width:31ch;line-height:1.75}
  .events-experiences{padding-block:40px 45px}
  .events-section-heading{display:block;margin-bottom:25px}
  .events-section-heading h2{margin-top:14px;font-size:2.3rem}
  .events-card-grid{grid-template-columns:1fr;gap:37px}
  .events-card-photo{aspect-ratio:1.4}
  .events-card-copy{padding-top:21px}
  .events-card h3{font-size:2rem}
  .events-card-copy>p:not(.eyebrow){margin-top:12px;margin-bottom:13px;max-width:36ch}
  .events-host{display:block;padding-block:28px 32px}
  .events-host h2{font-size:1.9rem}
  .events-host>.text-link{margin-top:18px}
}

.events-card-awakening img{object-position:50% 60%}