.wellness-page { background: #101713; color: #eee5d6; }
.wellness-hero { min-height: 760px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 72px; align-items: center; padding: 84px clamp(24px, 7vw, 116px); overflow: hidden; }
.wellness-hero__copy > span, .wellness-principle > span, .wellness-protocols__head > span, .wellness-catalog-head > span, .wellness-final > span { color: var(--gold); font-size: 10px; letter-spacing: .2em; }
.wellness-hero h1 { margin: 42px 0 34px; font: 400 clamp(68px, 7.7vw, 120px)/.82 var(--serif); letter-spacing: -.055em; }
.wellness-hero h1 em, .wellness-principle em, .wellness-protocols em, .wellness-catalog-head em, .wellness-final em { color: var(--gold); font-weight: 400; }
.wellness-hero__copy p { max-width: 570px; margin: 0 0 38px; color: #bbb5aa; font-size: 18px; }
.wellness-hero__visual { min-height: 570px; position: relative; }
.wellness-hero__visual::before, .wellness-hero__visual::after { content: ""; position: absolute; border: 1px solid #c7a76b3d; border-radius: 50%; inset: 5% -12% auto auto; width: 510px; height: 510px; }
.wellness-hero__visual::after { width: 380px; height: 380px; inset: 17% 1% auto auto; }
.wellness-hero__image { margin: 0; position: absolute; overflow: hidden; background: #26312c; }
.wellness-hero__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(.96); }
.wellness-hero__image--main { z-index: 2; width: 72%; height: 450px; right: 0; top: 20px; }
.wellness-hero__image--small { z-index: 3; width: 43%; height: 260px; left: 0; bottom: 0; border: 12px solid #101713; }
.wellness-hero__seal { position: absolute; z-index: 4; right: -18px; bottom: 4px; width: 148px; height: 148px; border-radius: 50%; background: var(--gold); color: #151713; display: grid; place-content: center; text-align: center; }
.wellness-hero__seal b { font: 400 48px var(--serif); line-height: .8; }.wellness-hero__seal span { margin-top: 9px; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.wellness-principle { display: grid; grid-template-columns: .55fr 1.35fr .9fr; gap: 42px; padding: 110px clamp(24px, 7vw, 116px); background: var(--cream); color: var(--ink); }
.wellness-principle h2, .wellness-catalog-head h2 { margin: 0; font: 400 clamp(48px, 5.5vw, 84px)/.88 var(--serif); }.wellness-principle p, .wellness-catalog-head p { margin: 0; color: #665f55; max-width: 450px; }
.wellness-protocols { padding: 115px clamp(24px, 6vw, 100px) 125px; background: #bd9860; color: #11130f; }
.wellness-protocols__head { display: grid; grid-template-columns: .7fr 2fr; align-items: end; gap: 30px; margin-bottom: 60px; }.wellness-protocols__head h2 { margin: 0; font: 400 clamp(54px, 6vw, 90px)/.86 var(--serif); }
.protocol-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.protocol-card { min-width: 0; padding: 34px; background: #f3ebdd; display: flex; flex-direction: column; min-height: 480px; }.protocol-card--featured { background: #17251f; color: #f3eadc; }
.protocol-card__top { display: flex; justify-content: space-between; align-items: center; font-size: 9px; text-transform: uppercase; letter-spacing: .15em; }.protocol-card__top i { font: italic 28px var(--serif); color: #ad8544; }
.protocol-card h3 { margin: 44px 0 12px; font: 400 48px/.95 var(--serif); }.protocol-card p { min-height: 52px; color: #6f675d; font-size: 13px; }.protocol-card--featured p { color: #aaa69d; }
.protocol-card ul { list-style: none; padding: 0; margin: 26px 0 35px; font-size: 12px; }.protocol-card li { padding: 9px 0; border-bottom: 1px solid #15120e1f; }.protocol-card--featured li { border-color: #ffffff1d; }
.protocol-card footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 14px; }.protocol-card strong { font: 400 30px var(--serif); }.protocol-card button { border: 0; background: transparent; cursor: pointer; color: inherit; text-transform: uppercase; font-size: 9px; letter-spacing: .08em; }
.wellness-catalog-head { display: grid; grid-template-columns: .55fr 1.35fr .9fr; gap: 42px; padding: 120px clamp(24px, 7vw, 116px) 65px; background: #101713; color: #eee5d6; }.wellness-catalog-head p { color: #aaa69d; }
.wellness-filters { position: sticky; top: 0; z-index: 30; display: flex; overflow-x: auto; padding: 0 clamp(20px, 7vw, 116px); background: #17211d; border-top: 1px solid #ffffff17; border-bottom: 1px solid #ffffff17; }
.wellness-filters button { flex: 1; min-width: max-content; padding: 20px 18px; border: 0; border-right: 1px solid #ffffff17; background: transparent; cursor: pointer; text-transform: uppercase; font-size: 10px; letter-spacing: .12em; color: #aaa69d; }.wellness-filters button.is-active { background: var(--gold); color: #121511; }.wellness-filters span { margin-left: 7px; opacity: .6; }
.wellness-catalog { padding: 70px clamp(20px, 6vw, 100px) 125px; background: #101713; }.wellness-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.wellness-card { display: flex; flex-direction: column; min-width: 0; background: #17211d; border: 1px solid #ffffff14; }.wellness-card[hidden] { display: none; }
.wellness-card__image { height: 260px; overflow: hidden; background: #26312c; }.wellness-card__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72); transition: transform .55s ease; }.wellness-card:hover .wellness-card__image img { transform: scale(1.035); }
.wellness-card__body { flex: 1; display: flex; flex-direction: column; padding: 27px; }.wellness-card__eyebrow { color: var(--gold); font-size: 8px; text-transform: uppercase; letter-spacing: .14em; }.wellness-card h2 { margin: 18px 0 14px; font: 400 35px/.98 var(--serif); }.wellness-card__intro { min-height: 78px; margin: 0 0 20px; color: #aaa69d; font-size: 12px; }
.wellness-card__meta { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-top: 1px solid #ffffff18; border-bottom: 1px solid #ffffff18; font-size: 11px; }.wellness-card__meta strong { color: #e3c181; font-weight: 400; }
.wellness-card__details-toggle { display: flex; justify-content: space-between; margin: 18px 0 0; padding: 0 0 9px; border: 0; border-bottom: 1px solid #ffffff30; background: none; color: #eee5d6; cursor: pointer; text-align: left; text-transform: uppercase; font-size: 9px; letter-spacing: .12em; }.wellness-card__details-toggle b { font-size: 16px; font-weight: 400; }.wellness-card__details { color: #aaa69d; font-size: 12px; }.wellness-card__details ul { margin: 18px 0 4px; padding-left: 17px; }.wellness-card__details li { margin: 7px 0; }
.wellness-card__book { margin-top: auto; padding: 17px 18px; border: 1px solid var(--gold); background: transparent; color: #f1e8d9; cursor: pointer; display: flex; justify-content: space-between; text-transform: uppercase; font-size: 9px; letter-spacing: .14em; }.wellness-card__book:hover { background: var(--gold); color: #121511; }
.wellness-final { padding: 130px clamp(24px, 8vw, 130px); background: var(--cream); color: var(--ink); text-align: center; }.wellness-final h2 { margin: 35px 0; font: 400 clamp(58px, 7vw, 100px)/.84 var(--serif); }.wellness-final p { max-width: 620px; margin: 0 auto 38px; color: #665f55; }.wellness-final .c1-button { border: 0; cursor: pointer; }.wellness-final > small { display: block; max-width: 720px; margin: 26px auto 0; color: #8b8378; font-size: 9px; }
@media (max-width: 1100px) { .wellness-hero { grid-template-columns: 1fr; }.wellness-hero__visual { min-height: 540px; }.wellness-principle, .wellness-catalog-head { grid-template-columns: 1fr 2fr; }.wellness-principle p, .wellness-catalog-head p { grid-column: 2; }.protocol-grid, .wellness-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.protocol-card--featured { grid-column: span 2; min-height: 400px; } }
@media (max-width: 720px) { .wellness-hero { min-height: auto; padding: 72px 20px; gap: 48px; }.wellness-hero h1 { font-size: clamp(54px, 17vw, 74px); }.wellness-hero__visual { min-height: 440px; }.wellness-hero__image--main { width: 86%; height: 360px; }.wellness-hero__image--small { width: 48%; height: 210px; }.wellness-hero__seal { width: 112px; height: 112px; }.wellness-hero__visual::before { width: 380px; height: 380px; }.wellness-hero__visual::after { width: 280px; height: 280px; }.wellness-principle, .wellness-catalog-head { grid-template-columns: 1fr; padding: 82px 20px 55px; }.wellness-principle p, .wellness-catalog-head p { grid-column: 1; }.wellness-principle h2, .wellness-catalog-head h2 { font-size: clamp(43px, 14vw, 58px); }.wellness-protocols { padding: 85px 16px; }.wellness-protocols__head { grid-template-columns: 1fr; }.wellness-protocols__head h2 { font-size: clamp(50px, 15vw, 67px); }.protocol-grid, .wellness-grid { grid-template-columns: 1fr; }.protocol-card, .protocol-card--featured { grid-column: auto; min-height: 450px; padding: 28px; }.wellness-filters { padding: 0; }.wellness-filters button { padding: 17px 15px; }.wellness-catalog { padding: 38px 16px 84px; }.wellness-card__image { height: 230px; }.wellness-card__intro { min-height: auto; }.wellness-final { padding: 92px 20px; }.wellness-final h2 { font-size: clamp(52px, 16vw, 70px); } }