/* ═══ C5 · Wellness. Open, light and grounded: warm linen on the left, the meadow photograph
   filling the right half edge to edge, nothing framed or decorated. ═══ */
.cC5 { --linen: #f5eee6; --linen-2: #efe4d8; --ink-w: #3d2a2c; --wine: #8a4552; --sage-w: #6f8a7f; }

/* header: a calm linen bar from the start */
.cC5 .site { background: color-mix(in oklch, var(--linen) 94%, transparent); color: var(--ink-w); box-shadow: 0 1px 0 rgb(61 42 44 / 0.08); -webkit-backdrop-filter: saturate(1.3) blur(12px); backdrop-filter: saturate(1.3) blur(12px); }
.cC5 .site::before { opacity: 0; }
.cC5 .site .btn--ghost { --btn-fg: var(--ink-w); --btn-bd: rgb(61 42 44 / 0.35); }
.cC5 .site .btn--ghost:hover { --btn-bg: var(--ink-w); --btn-fg: var(--linen); --btn-bd: var(--ink-w); }

.cC5 .flow { background: linear-gradient(180deg, var(--linen) 0%, var(--linen-2) 100%); }
.whero { position: relative; display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); min-height: min(100svh, 62rem); background: var(--linen); }
.whero__text { position: relative; display: flex; align-items: center; justify-content: flex-end; padding: clamp(6.5rem, 14vh, 8rem) clamp(2rem, 5vw, 5rem) clamp(3rem, 7vh, 5rem) var(--gut); overflow: hidden; }
/* a faint peony wash in the corner, like a watercolour on the wall */
.whero__wash { position: absolute; z-index: 0; left: -14%; bottom: -10%; width: 70%; aspect-ratio: 3 / 4; opacity: 0.16; mix-blend-mode: multiply; pointer-events: none;
  background: url(../img/bairei-peony.jpg) 50% 40% / cover no-repeat; filter: saturate(0.8);
  -webkit-mask-image: radial-gradient(closest-side, #000 30%, transparent 100%); mask-image: radial-gradient(closest-side, #000 30%, transparent 100%); }
.whero__copy { position: relative; z-index: 1; width: 100%; max-width: 34rem; }
.cC5 .whero .emblem { margin-bottom: 1.5rem; background: linear-gradient(165deg, #b98a7c, var(--wine) 60%, #a2705f); filter: none; }
.whero__place { margin: 0 0 1.4rem; font-size: 0.72rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--sage-w); }
.whero__title { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 300; line-height: 0.95; letter-spacing: -0.01em; color: var(--ink-w);
  font-size: clamp(3.2rem, 1.5rem + 4.6vw, 6.2rem); }
.whero__title em { display: block; font-style: italic; color: var(--wine); }
.whero__lede { margin: 1.5rem 0 0; max-width: 30ch; font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-size: clamp(1.3rem, 1.1rem + 0.7vw, 1.7rem); line-height: 1.45; color: rgb(61 42 44 / 0.85); }
.whero__ways { margin: 1.6rem 0 0; padding-top: 1.1rem; border-top: 1px solid rgb(111 138 127 / 0.35); max-width: 30rem; font-size: 0.8rem; letter-spacing: 0.12em; color: var(--sage-w); line-height: 1.7; }
.whero__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem 2rem; margin-top: 2.2rem; }
.whero__btn { min-height: 3.6rem; padding: 0 2.6rem; border: 0; border-radius: 999px; background: var(--wine); color: #fff8f2;
  font-size: 0.76rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; box-shadow: 0 14px 30px -16px rgb(90 40 50 / 0.6); transition: background-color 0.5s ease, transform 0.5s ease; }
.whero__btn:hover { background: #73384a; transform: translateY(-2px); }
.whero__link { color: var(--ink-w); font-size: 0.86rem; letter-spacing: 0.06em; text-decoration: underline; text-decoration-color: rgb(61 42 44 / 0.3); text-underline-offset: 0.4em; }
.whero__link:hover { text-decoration-color: currentColor; }
/* the photograph: the meadow, unframed, from the header to the bottom edge */
.whero__photo { position: relative; margin: 0; overflow: hidden; }
.whero__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 48% 34%; display: block; animation: photoIn 2.4s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes photoIn { from { opacity: 0; transform: scale(1.04); } to { opacity: 1; transform: none; } }

/* sections below on the same linen */
.cC5 .flow .events--home .lede__title { color: var(--ink-w); }
.cC5 .flow .events--home .lede__text { color: rgb(61 42 44 / 0.75); }
.cC5 .flow .events__more .btn { --btn-fg: var(--ink-w); --btn-bd: rgb(61 42 44 / 0.35); }

@media (max-width: 61.99rem) {
  .whero { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .whero__photo { order: -1; height: min(68svh, 34rem); margin-top: 4.4rem; }
  .whero__text { justify-content: flex-start; padding: 2.5rem var(--gut) 3.5rem; }
}
@media (prefers-reduced-motion: reduce) { .whero__photo img { animation: none; } }
.cC5 .site, .cC5 .site.is-solid { background: var(--linen); }
@media (min-width: 62rem) {
  .whero__text { justify-content: flex-start; padding-left: calc(max(0px, (100vw - var(--shell)) / 2) + var(--gut)); }
}
.whero__ways { max-width: none; font-size: 0.76rem; letter-spacing: 0.1em; text-wrap: balance; }