/* ═══ C10 flow: one continuous descent, mauve morning to aubergine dusk. Every section shares one glass language
   (frosted dark panes, soft rounded photographs, Jost type) so the page reads as a single piece. ═══ */
.cC10 { --dusk-1: #b39ca1; --dusk-2: #8c7380; --dusk-3: #5f4655; --dusk-4: #4a3441; --dusk-5: #3a2833; --pane: linear-gradient(180deg, rgb(122 100 110 / 0.42), rgb(60 44 52 / 0.52)); --pane-rim: rgb(255 255 255 / 0.2); }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* one type voice for every heading */
.cC10 .lede__title, .cC10 .breath__title, .cC10 .vision__title, .cC10 .book__title { font-family: "Jost", ui-sans-serif, system-ui, sans-serif; font-weight: 300; letter-spacing: -0.01em; }
.cC10 .lede__title { font-size: clamp(2.1rem, 1.5rem + 2.4vw, 3.4rem); color: #2e2226; }
.cC10 .lede__text { color: rgb(46 34 38 / 0.78); font-size: 1.02rem; }

/* events: frosted panes on the mauve wall */
.cC10 .events--home { background: transparent; }
.cC10 .evc__front, .cC10 .evc--more .evc__front { background: var(--pane); color: #fff; border: 1px solid var(--pane-rim);
  -webkit-backdrop-filter: blur(22px) saturate(1.15); backdrop-filter: blur(22px) saturate(1.15);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22), 0 36px 60px -38px rgb(40 22 34 / 0.7); }
.cC10 .evc__front .evc__kicker { color: rgb(255 255 255 / 0.72); }
.cC10 .evc__front .evc__title { font-family: "Jost", sans-serif; font-weight: 300; color: #fff; letter-spacing: -0.005em; }
.cC10 .evc__front .evc__text { color: rgb(255 255 255 / 0.86); }
.cC10 .evc__facts > div { border-top-color: rgb(255 255 255 / 0.2); }
.cC10 .evc__facts dt { color: rgb(255 255 255 / 0.62); }
.cC10 .evc__facts dd { color: #fff; }
.cC10 .evc__date { background: rgb(255 255 255 / 0.16); color: #fff; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.28); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.cC10 .evc__date b { font-family: "Jost", sans-serif; font-weight: 300; }
.cC10 .evc__date i { color: rgb(255 255 255 / 0.8); }
.cC10 .evc__hint { color: rgb(255 255 255 / 0.6); }
.cC10 .evc__front .btn--solid, .cC10 .evc__front .btn--line-dark { --btn-bg: #fff; --btn-fg: #2e2226; --btn-bd: #fff; border-radius: 999px; font-weight: 500; }
.cC10 .evc__front .btn--solid:hover, .cC10 .evc__front .btn--line-dark:hover { --btn-bg: #f4eaee; }
.cC10 .evc__back .btn { border-radius: 999px; }
.cC10 .events__more .btn--line { --btn-fg: #2e2226; --btn-bd: rgb(46 34 38 / 0.35); border-radius: 999px; }
.cC10 .evc__front, .cC10 .evc__back { border-radius: 1.8rem; }
.cC10 .evc { border-radius: 1.8rem; background: none; }

/* offerings: same panes, same rounded photographs, on a wall that has deepened */
.cC10 .offerings { background: linear-gradient(180deg, var(--dusk-1) 0%, var(--dusk-2) 100%); }
.cC10 .offerings .lede { text-align: center; margin-inline: auto; }
.cC10 .offerings .lede__title { color: #2e2226; }
.cC10 .vgrid { gap: clamp(1rem, 2.2vw, 1.6rem); }
.cC10 .vcard { border-radius: 1.8rem; padding: 0.9rem 0.9rem 1.3rem; background: var(--pane); color: #fff; text-align: left; align-items: stretch; border: 1px solid var(--pane-rim);
  -webkit-backdrop-filter: blur(22px) saturate(1.15); backdrop-filter: blur(22px) saturate(1.15); box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22), 0 36px 60px -38px rgb(40 22 34 / 0.7); }
.cC10 .vcard__fig { width: 100%; margin: 0; aspect-ratio: auto; border-radius: 1.3rem; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.18); overflow: hidden; }
.cC10 .vcard__fig img { border-radius: 0; aspect-ratio: 4 / 3; }
.cC10 .vcard__body { padding: 1.1rem 0.5rem 0; align-items: flex-start; }
.cC10 .vcard__title { color: #fff; font-family: "Jost", sans-serif; font-weight: 300; min-height: 0; }
.cC10 .vcard__body p { color: rgb(255 255 255 / 0.84); max-width: none; }
.cC10 .vcard__meta { color: rgb(255 255 255 / 0.8) !important; font-family: "Jost", sans-serif; font-style: normal; font-size: 0.82rem !important; letter-spacing: 0.04em; border-top: 1px solid rgb(255 255 255 / 0.2); padding-top: 0.8rem; width: 100%; }
.cC10 .vcard__link { color: #fff; text-decoration-color: rgb(255 255 255 / 0.4); }
.cC10 .vcard__link:hover { color: #fff; text-decoration-color: #fff; }

/* breath: no separate coloured band, the wall just gets darker */
.cC10 .breath { background: linear-gradient(180deg, var(--dusk-2) 0%, var(--dusk-3) 100%); }
.cC10 .breath::before { display: none; }
.cC10 .breath__title { color: #fff; font-size: clamp(2rem, 1.4rem + 2.4vw, 3.2rem); }
.cC10 .breath__copy p { color: rgb(255 255 255 / 0.85); }
.cC10 .breath .btn--ghost.btn--dark { --btn-fg: #fff; --btn-bd: rgb(255 255 255 / 0.5); border-radius: 999px; background: rgb(255 255 255 / 0.08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.cC10 .pacer__ring { border-color: rgb(255 255 255 / 0.4); }
.cC10 .pacer__glow { background: radial-gradient(circle, rgb(255 255 255 / 0.32) 0%, transparent 68%); }
.cC10 .pacer__core { background: linear-gradient(160deg, rgb(255 255 255 / 0.3), rgb(255 255 255 / 0.1)); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.3); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.cC10 .pacer__label { font-family: "Jost", sans-serif; font-weight: 300; color: #fff; }

/* vision: the flower photograph floats in from the left edge, soft in every direction, like the hero */
.cC10 .vision { background: linear-gradient(180deg, var(--dusk-3) 0%, var(--dusk-4) 100%); color: #fff; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; }
.cC10 .vision::before { display: none; }
.cC10 .vision__media { padding: 0; display: block; }
.cC10 .vision__media img { width: 100%; max-width: none; aspect-ratio: 5 / 4; height: auto; border-radius: 0; filter: none; object-fit: cover;
  -webkit-mask-image: radial-gradient(ellipse 78% 62% at 18% 50%, #000 50.0%, rgb(0 0 0 / 0.998) 53.1%, rgb(0 0 0 / 0.984) 56.2%, rgb(0 0 0 / 0.951) 59.4%, rgb(0 0 0 / 0.896) 62.5%, rgb(0 0 0 / 0.820) 65.6%, rgb(0 0 0 / 0.725) 68.8%, rgb(0 0 0 / 0.616) 71.9%, rgb(0 0 0 / 0.500) 75.0%, rgb(0 0 0 / 0.384) 78.1%, rgb(0 0 0 / 0.275) 81.2%, rgb(0 0 0 / 0.180) 84.4%, rgb(0 0 0 / 0.104) 87.5%, rgb(0 0 0 / 0.049) 90.6%, rgb(0 0 0 / 0.016) 93.8%, rgb(0 0 0 / 0.002) 96.9%, transparent 100%); mask-image: radial-gradient(ellipse 78% 62% at 18% 50%, #000 50.0%, rgb(0 0 0 / 0.998) 53.1%, rgb(0 0 0 / 0.984) 56.2%, rgb(0 0 0 / 0.951) 59.4%, rgb(0 0 0 / 0.896) 62.5%, rgb(0 0 0 / 0.820) 65.6%, rgb(0 0 0 / 0.725) 68.8%, rgb(0 0 0 / 0.616) 71.9%, rgb(0 0 0 / 0.500) 75.0%, rgb(0 0 0 / 0.384) 78.1%, rgb(0 0 0 / 0.275) 81.2%, rgb(0 0 0 / 0.180) 84.4%, rgb(0 0 0 / 0.104) 87.5%, rgb(0 0 0 / 0.049) 90.6%, rgb(0 0 0 / 0.016) 93.8%, rgb(0 0 0 / 0.002) 96.9%, transparent 100%); }
.cC10 .vision__title { color: rgb(255 255 255 / 0.72); font-size: clamp(1.1rem, 1rem + 0.4vw, 1.35rem); letter-spacing: 0.3em; text-transform: uppercase; font-weight: 400; }
.cC10 .vision__quote { color: #fff; font-family: "Jost", sans-serif; font-weight: 300; font-size: clamp(1.7rem, 1.2rem + 2vw, 2.9rem); line-height: 1.22; letter-spacing: -0.01em; }
.cC10 .vision__sign { color: rgb(255 255 255 / 0.65); }
@media (min-width: 62rem) { .cC10 .vision { grid-template-columns: 1.1fr 1fr; min-height: 34rem; } }

/* booking: the mountain at dusk grows out of the aubergine above and settles into the footer below */
.cC10 .book--card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 34%; z-index: 0; pointer-events: none; background: linear-gradient(180deg, var(--dusk-4) 0%, rgb(74 52 65 / 0.78) 30%, rgb(74 52 65 / 0) 100%); }
.cC10 .book--card::after { content: ""; position: absolute; inset: auto 0 0 0; height: 22%; z-index: 0; pointer-events: none; background: linear-gradient(180deg, rgb(58 40 51 / 0) 0%, var(--dusk-5) 100%); }
.cC10 .book--card .shell { position: relative; z-index: 1; }
.cC10 .book__title { font-family: "Jost", sans-serif; font-weight: 300; }
.cC10 .foot { background: var(--dusk-5); }

.cC10 .vision__media img { -webkit-mask-image: radial-gradient(ellipse 84% 50% at 16% 50%, #000 42.0%, rgb(0 0 0 / 0.998) 45.6%, rgb(0 0 0 / 0.984) 49.2%, rgb(0 0 0 / 0.951) 52.9%, rgb(0 0 0 / 0.896) 56.5%, rgb(0 0 0 / 0.820) 60.1%, rgb(0 0 0 / 0.725) 63.7%, rgb(0 0 0 / 0.616) 67.4%, rgb(0 0 0 / 0.500) 71.0%, rgb(0 0 0 / 0.384) 74.6%, rgb(0 0 0 / 0.275) 78.2%, rgb(0 0 0 / 0.180) 81.9%, rgb(0 0 0 / 0.104) 85.5%, rgb(0 0 0 / 0.049) 89.1%, rgb(0 0 0 / 0.016) 92.8%, rgb(0 0 0 / 0.002) 96.4%, transparent 100%); mask-image: radial-gradient(ellipse 84% 50% at 16% 50%, #000 42.0%, rgb(0 0 0 / 0.998) 45.6%, rgb(0 0 0 / 0.984) 49.2%, rgb(0 0 0 / 0.951) 52.9%, rgb(0 0 0 / 0.896) 56.5%, rgb(0 0 0 / 0.820) 60.1%, rgb(0 0 0 / 0.725) 63.7%, rgb(0 0 0 / 0.616) 67.4%, rgb(0 0 0 / 0.500) 71.0%, rgb(0 0 0 / 0.384) 74.6%, rgb(0 0 0 / 0.275) 78.2%, rgb(0 0 0 / 0.180) 81.9%, rgb(0 0 0 / 0.104) 85.5%, rgb(0 0 0 / 0.049) 89.1%, rgb(0 0 0 / 0.016) 92.8%, rgb(0 0 0 / 0.002) 96.4%, transparent 100%); }

/* ═══ Booking, rounder: arched photograph, capsule card, and pearls resting on slowly turning rings ═══ */
.cC10 .book__title { letter-spacing: -0.01em; }
.cC10 .book--card .book__form { width: 100%; position: relative; z-index: 2; }
.book__stage { position: relative; width: min(100%, 24.5rem); }

/* the card, softer and rounder */
.cC10 .bk { border-radius: 3.2rem; padding: 1.2rem 1.2rem 1.7rem; }
.cC10 .bk__img { border-radius: 12rem 12rem 1.8rem 1.8rem; aspect-ratio: 16 / 12.5; }
.cC10 .bk__chips { justify-content: center; }
.cC10 .bk__h { margin-inline: 1.1rem; }
.cC10 .bk__pick, .cC10 .bk__row, .cC10 .bk__total, .cC10 .bk__note { margin-inline: 1.1rem; }
.cC10 .bk__fld { margin-inline: 1.1rem; width: calc(100% - 2.2rem); }
.cC10 .bk__book { position: relative; padding-left: 3.1rem; }
.cC10 .bk__book::before { content: ""; position: absolute; left: 1.05rem; top: 50%; width: 1.2rem; height: 1.2rem; translate: 0 -50%; border-radius: 50%;
  background: radial-gradient(ellipse 36% 24% at 36% 28%, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0) 100%), radial-gradient(circle at 40% 36%, #faf6f0, #d9ccd2 55%, #9c8ca0 100%);
  box-shadow: inset -0.08rem -0.1rem 0.18rem rgb(70 54 84 / 0.3), 0 0.2rem 0.4rem -0.18rem rgb(40 20 50 / 0.5); }

/* the pearl: a soft lavender sphere with two window highlights and a veil of rainbow, as in the reference pearls */
.pearl { --s: 4rem; position: relative; display: block; flex: none; font-size: var(--s); width: 1em; aspect-ratio: 1; border-radius: 50%;
  background:
    radial-gradient(ellipse 24% 15% at 35% 23%, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0) 100%),
    radial-gradient(ellipse 8% 24% at 19% 50%, rgb(255 255 255 / 0.85), rgb(255 255 255 / 0) 100%),
    radial-gradient(ellipse 10% 20% at 81% 42%, rgb(255 255 255 / 0.62), rgb(255 255 255 / 0) 100%),
    radial-gradient(circle at 38% 34%, #f6eefb 0%, #ddcbe9 36%, #bca3d2 66%, #8f77a3 100%);
  box-shadow: inset -0.07em -0.1em 0.2em rgb(92 62 112 / 0.38), inset 0.05em 0.07em 0.15em rgb(255 255 255 / 0.55), 0 0.22em 0.4em -0.15em rgb(30 14 34 / 0.55); }
.pearl::after { content: ""; position: absolute; inset: 0; border-radius: 50%; mix-blend-mode: soft-light; pointer-events: none;
  background: conic-gradient(from 200deg, rgb(255 190 222 / 0.55), rgb(176 210 255 / 0.55), rgb(196 255 232 / 0.4), rgb(255 190 222 / 0.55)); }

.pearl--lead { --s: 6.2rem; position: absolute; z-index: 3; left: -4.2rem; bottom: 4.6rem; animation: pearlFloat 9s ease-in-out infinite alternate; }
@keyframes pearlFloat { from { translate: 0 0.5rem; } to { translate: 0.4rem -0.7rem; } }

@media (max-width: 40rem) { .pearl--lead { --s: 4.6rem; left: -0.9rem; bottom: 3.8rem; } }
@media (prefers-reduced-motion: reduce) { .pearl--lead { animation: none; } }

/* ═══ Booking panel v3: one wide, round pill of glass. The chosen offer is a round photograph with a pearl sheen;
   everything you need sits in a single calm band. ═══ */
.book__stage { width: min(100%, 62rem); }
.cC10 .bk { display: grid; gap: 0.75rem 1rem; align-items: center; padding: 1.3rem; border-radius: 3rem;
  grid-template-columns: minmax(0, 1fr); text-align: left;
  grid-template-areas: "img" "pick" "date" "place" "when" "sum" "name" "btn" "note"; }
.cC10 .bk::before { display: none; }
.cC10 .bk__img { grid-area: img; justify-self: center; width: 9.5rem; aspect-ratio: 1; margin: 0 0 0.4rem; border-radius: 50%; position: relative; overflow: hidden;
  box-shadow: 0 0 0 1px rgb(255 255 255 / 0.55), 0 0 0 0.5rem rgb(255 255 255 / 0.1), 0 22px 36px -20px rgb(20 10 24 / 0.7); }
.cC10 .bk__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cC10 .bk__sheen { position: absolute; inset: 0; border-radius: 50%; pointer-events: none;
  background: radial-gradient(ellipse 30% 18% at 32% 20%, rgb(255 255 255 / 0.55), rgb(255 255 255 / 0) 100%),
              conic-gradient(from 210deg, rgb(255 190 222 / 0.28), rgb(176 210 255 / 0.28), rgb(196 255 232 / 0.2), rgb(255 190 222 / 0.28)); mix-blend-mode: soft-light; }
.cC10 .bk__pick { grid-area: pick; margin: 0; }
.cC10 .bk__row { margin: 0; display: inline-flex; align-items: center; gap: 0.6rem; min-height: 2.9rem; padding: 0 1.2rem; border-radius: 999px; font-size: 0.9rem;
  background: rgb(255 255 255 / 0.08); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.2); }
.cC10 .bk__row--date { grid-area: date; } .cC10 .bk__row--place { grid-area: place; }
.cC10 .bk__fld { margin: 0; width: 100%; }
.cC10 .bk__fld--when { grid-area: when; } .cC10 .bk__fld--name { grid-area: name; }
.cC10 .bk__sum { grid-area: sum; margin: 0; display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: 0 0.4rem; }
.cC10 .bk__sum span { font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; color: rgb(255 255 255 / 0.7); }
.cC10 .bk__sum b { font-family: "Jost", sans-serif; font-weight: 300; font-size: 2.2rem; letter-spacing: -0.02em; color: #fff; }
.cC10 .bk__book { grid-area: btn; margin: 0; width: 100%; min-width: 0; align-self: stretch; min-height: 3.2rem; padding-left: 3rem; padding-right: 1.6rem; justify-content: center; display: inline-flex; align-items: center; }
.cC10 .bk__note { grid-area: note; margin: 0.2rem 0.4rem 0; font-size: 0.78rem; color: rgb(255 255 255 / 0.7); text-align: center; }
.cC10 .bk__err { grid-column: 1 / -1; margin: 0 0.6rem; }
.cC10 .bk__pick select { padding: 0.95rem 3rem 0.95rem 1.4rem; }
.cC10 .bk--done { display: block; text-align: center; }

@media (min-width: 56rem) {
  .cC10 .bk { border-radius: 8rem; padding: 1.4rem 1.6rem 1.4rem 1.4rem; column-gap: 1.1rem;
    grid-template-columns: 10.5rem minmax(0, 1.5fr) minmax(0, 1fr) 13rem;
    grid-template-areas: "img pick pick sum" "img date place sum" "img name name btn" "img note note note"; }
  .cC10 .bk--plain { grid-template-areas: "img pick pick sum" "img date place sum" "img when name btn" "img note note note"; }
  .cC10 .bk--link { grid-template-areas: "img pick pick sum" "img date place sum" "img note note btn" "img note note btn"; }
  .cC10 .bk__img { width: 10.5rem; margin: 0; align-self: center; grid-row: 1 / -1; }
  .cC10 .bk__note { text-align: left; margin-top: 0; }
  .cC10 .bk__sum { flex-direction: column; align-items: center; gap: 0.2rem; justify-content: center; align-self: stretch; }
  .cC10 .bk__sum b { font-size: 2.8rem; }
}
.pearl--lead { --s: 3.3rem; left: auto; right: -1.2rem; top: -1.9rem; bottom: auto; }
@media (max-width: 55.99rem) { .pearl--lead { --s: 2.7rem; right: 0.2rem; top: -1.2rem; } }

/* ═══ Pearl v3: a real pearl, understated. Warm ivory body that cools to silver-mauve at the rim, one broad soft window of light
   (no hard dots), a dim environment reflection low down, a whisper of orient colour and a fine grain like a photographed sphere. ═══ */
.pearl { padding: 0; border: 0; appearance: none; -webkit-appearance: none; cursor: default; isolation: isolate; overflow: hidden;
  background:
    radial-gradient(ellipse 30% 19% at 35% 25%, rgb(255 255 255 / 0.95) 0%, rgb(255 253 250 / 0.55) 44%, rgb(255 255 255 / 0) 100%),
    radial-gradient(ellipse 12% 30% at 16% 52%, rgb(255 255 255 / 0.34) 0%, rgb(255 255 255 / 0) 100%),
    linear-gradient(180deg, rgb(255 255 255 / 0) 58%, rgb(232 222 232 / 0.38) 70%, rgb(150 134 156 / 0.3) 82%, rgb(90 76 100 / 0.26) 100%),
    radial-gradient(circle at 32% 70%, rgb(236 196 206 / 0.35) 0%, rgb(236 196 206 / 0) 48%),
    radial-gradient(circle at 70% 60%, rgb(170 184 214 / 0.3) 0%, rgb(170 184 214 / 0) 52%),
    radial-gradient(circle at 40% 36%, #f8f3ee 0%, #e4d9d6 26%, #c9bbc2 52%, #9a8a9c 78%, #5f536c 100%);
  box-shadow: inset -0.04em -0.06em 0.12em rgb(70 54 84 / 0.28), inset 0.025em 0.04em 0.06em rgb(255 255 255 / 0.5), 0 0.24em 0.5em -0.16em rgb(26 12 34 / 0.5); }
.pearl::before { content: ""; position: absolute; inset: 0; border-radius: 50%; z-index: 2; pointer-events: none; opacity: 0.11; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); background-size: 70% 70%; }
.pearl::after { z-index: 1; opacity: 0.55; mix-blend-mode: soft-light; background: conic-gradient(from 210deg, rgb(255 205 220 / 0.55), rgb(190 210 255 / 0.5), rgb(210 255 236 / 0.3), rgb(255 205 220 / 0.55)); }
button.pearl--lead { cursor: pointer; transition: scale 0.5s cubic-bezier(0.22, 1, 0.36, 1), filter 0.5s ease; -webkit-tap-highlight-color: transparent; }
button.pearl--lead:hover, button.pearl--lead:focus-visible { scale: 1.08; filter: drop-shadow(0 0 0.8rem rgb(255 255 255 / 0.55)); outline: 0; }
button.pearl--lead:active { scale: 0.96; }
button.pearl--lead.is-ringing { animation: pearlFloat 9s ease-in-out infinite alternate, pearlRing 1.4s ease-out; }
@keyframes pearlRing { 0% { filter: drop-shadow(0 0 0 rgb(255 255 255 / 0.9)); } 25% { filter: drop-shadow(0 0 1.4rem rgb(255 255 255 / 0.95)); } 100% { filter: drop-shadow(0 0 0 rgb(255 255 255 / 0)); } }

/* ═══ Booking: the mountain gets its own room. The peak rises in the upper part of the section, the title floats in the sky, and the
   glass pill rests on the lower slopes. ═══ */
.cC10 .book--card { padding-top: clamp(4rem, 7vw, 6rem); padding-bottom: clamp(4rem, 8vw, 6.5rem); background: var(--dusk-4); }
.cC10 .book__scene { z-index: -1; filter: none; transform: none; inset: 0;
  background:
    linear-gradient(180deg, rgb(120 86 112 / 0.5) 0%, rgb(140 104 128 / 0.12) 30%, rgb(74 52 65 / 0) 46%, rgb(74 52 65 / 0.55) 66%, #3a2833 100%),
    url(../img/book-peak.jpg) 50% 0 / 100% auto no-repeat, var(--dusk-4); }
.cC10 .book--card::before { height: 14%; background: linear-gradient(180deg, var(--dusk-4) 0%, rgb(74 52 65 / 0) 100%); }
.cC10 .book--card::after { height: 24%; }
.cC10 .book--card .book__in { gap: clamp(7rem, 17vw, 13rem); }
.cC10 .book--card .book__copy { text-shadow: 0 2px 24px rgb(40 24 40 / 0.45); }
.cC10 .book--card .book__aside { display: none; }
.cC10 .book__stage + .book__aside, .cC10 .book--card .book__in::after { content: none; }
.cC10 .book--card .book__stage .book__form { margin-top: 0; }
@media (max-width: 55.99rem) { .cC10 .book__scene { background-size: auto 22rem, auto; background-position: 38% 0; } .cC10 .book--card .book__in { gap: 9rem; } }
.cC10 .book__write { margin: 1.6rem 0 0; text-align: center; color: rgb(255 255 255 / 0.82); font-size: 0.95rem; }
.cC10 .book__write a { color: #fff; }
/* the strip ends mid-slope, so it dissolves into the dusk well before the pill's lower edge */
.cC10 .book__scene { background:
    linear-gradient(180deg, rgb(120 86 112 / 0.46) 0%, rgb(140 104 128 / 0.08) 28%, rgb(74 52 65 / 0) 40%, rgb(74 52 65 / 0.78) 60%, rgb(74 52 65 / 1) 66%, #3a2833 100%),
    url(../img/book-peak.jpg) 50% 0 / 100% auto no-repeat, var(--dusk-4); }
.cC10 .book--card .book__in { gap: clamp(6rem, 15.5vw, 12rem); }
/* the dissolve is tied to the picture itself (the strip is 27% as tall as it is wide), so its lower edge can never show */
.cC10 .book__scene { background:
    linear-gradient(180deg, rgb(120 86 112 / 0.46) 0%, rgb(140 104 128 / 0.08) 100%) 0 0 / 100% 14vw no-repeat,
    linear-gradient(180deg, rgb(74 52 65 / 0) 52%, rgb(74 52 65 / 0.5) 76%, rgb(74 52 65 / 0.92) 93%, rgb(74 52 65 / 1) 100%) 0 0 / 100% 27.2vw no-repeat,
    url(../img/book-peak.jpg) 50% 0 / 100% auto no-repeat, var(--dusk-4); }
@media (max-width: 55.99rem) { .cC10 .book__scene { background:
    linear-gradient(180deg, rgb(120 86 112 / 0.46) 0%, rgb(140 104 128 / 0.08) 100%) 0 0 / 100% 8rem no-repeat,
    linear-gradient(180deg, rgb(74 52 65 / 0) 52%, rgb(74 52 65 / 0.5) 76%, rgb(74 52 65 / 0.92) 93%, rgb(74 52 65 / 1) 100%) 38% 0 / 100% 22rem no-repeat,
    url(../img/book-peak.jpg) 38% 0 / auto 22rem no-repeat, var(--dusk-4); } }

/* ═══ Booking v4: the whole mountain scene, in its own colours. No purple fog: the photograph (the two of you running up the meadow, seen from behind)
   sits between two long, eased fades into the dusk above and below, and the glass pill rests on the meadow beneath your feet. ═══ */
.cC10 .book--card { padding-top: clamp(3.5rem, 6vw, 5rem); background: var(--dusk-4); }
.cC10 .book--card::before, .cC10 .book--card::after { content: none; }
.cC10 .book__scene { position: absolute; inset: auto 0 auto 0; top: clamp(6.5rem, 10vw, 8.5rem); height: auto; aspect-ratio: 1600 / 1066; z-index: -1; filter: none; transform: none;
  background: url(../img/gallery-4.jpg) 50% 50% / cover no-repeat;
  -webkit-mask-image: linear-gradient(180deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.003) 1.9%, rgb(0 0 0 / 0.023) 3.7%, rgb(0 0 0 / 0.069) 5.6%, rgb(0 0 0 / 0.145) 7.4%, rgb(0 0 0 / 0.246) 9.3%, rgb(0 0 0 / 0.368) 11.1%, rgb(0 0 0 / 0.500) 13.0%, rgb(0 0 0 / 0.632) 14.9%, rgb(0 0 0 / 0.754) 16.7%, rgb(0 0 0 / 0.855) 18.6%, rgb(0 0 0 / 0.931) 20.4%, rgb(0 0 0 / 0.977) 22.3%, rgb(0 0 0 / 0.997) 24.1%, rgb(0 0 0 / 1.000) 26.0%), linear-gradient(180deg, rgb(0 0 0 / 1.000) 70.0%, rgb(0 0 0 / 0.997) 72.1%, rgb(0 0 0 / 0.977) 74.3%, rgb(0 0 0 / 0.931) 76.4%, rgb(0 0 0 / 0.855) 78.6%, rgb(0 0 0 / 0.754) 80.7%, rgb(0 0 0 / 0.632) 82.9%, rgb(0 0 0 / 0.500) 85.0%, rgb(0 0 0 / 0.368) 87.1%, rgb(0 0 0 / 0.246) 89.3%, rgb(0 0 0 / 0.145) 91.4%, rgb(0 0 0 / 0.069) 93.6%, rgb(0 0 0 / 0.023) 95.7%, rgb(0 0 0 / 0.003) 97.9%, rgb(0 0 0 / 0.000) 100.0%); -webkit-mask-composite: source-in; mask-image: linear-gradient(180deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.003) 1.9%, rgb(0 0 0 / 0.023) 3.7%, rgb(0 0 0 / 0.069) 5.6%, rgb(0 0 0 / 0.145) 7.4%, rgb(0 0 0 / 0.246) 9.3%, rgb(0 0 0 / 0.368) 11.1%, rgb(0 0 0 / 0.500) 13.0%, rgb(0 0 0 / 0.632) 14.9%, rgb(0 0 0 / 0.754) 16.7%, rgb(0 0 0 / 0.855) 18.6%, rgb(0 0 0 / 0.931) 20.4%, rgb(0 0 0 / 0.977) 22.3%, rgb(0 0 0 / 0.997) 24.1%, rgb(0 0 0 / 1.000) 26.0%), linear-gradient(180deg, rgb(0 0 0 / 1.000) 70.0%, rgb(0 0 0 / 0.997) 72.1%, rgb(0 0 0 / 0.977) 74.3%, rgb(0 0 0 / 0.931) 76.4%, rgb(0 0 0 / 0.855) 78.6%, rgb(0 0 0 / 0.754) 80.7%, rgb(0 0 0 / 0.632) 82.9%, rgb(0 0 0 / 0.500) 85.0%, rgb(0 0 0 / 0.368) 87.1%, rgb(0 0 0 / 0.246) 89.3%, rgb(0 0 0 / 0.145) 91.4%, rgb(0 0 0 / 0.069) 93.6%, rgb(0 0 0 / 0.023) 95.7%, rgb(0 0 0 / 0.003) 97.9%, rgb(0 0 0 / 0.000) 100.0%); mask-composite: intersect; }
.cC10 .book--card .book__in { gap: clamp(26rem, 49.5vw, 46rem); }
.cC10 .book--card .book__copy { text-shadow: none; }
.cC10 .book--card .book__stage { margin-bottom: 0; }
.cC10 .book--card { padding-bottom: clamp(3.5rem, 7vw, 6rem); }
@media (max-width: 55.99rem) {
  .cC10 .book__scene { top: 5.5rem; aspect-ratio: auto; height: 34rem; background-position: 40% 50%; }
  .cC10 .book--card .book__in { gap: 25rem; }
}
.cC10 .book--card { background: linear-gradient(180deg, var(--dusk-4) 0%, var(--dusk-4) 82%, var(--dusk-5) 100%); }

/* ═══ Booking v5: only the Wilder Kaiser. A level, people-free frame of the ridge (Kaiser, forest, meadow with cows), faded softly on all four sides
   so it sits in the dusk like a window of light; the glass pill rests on its meadow. ═══ */
.cC10 .book__scene { top: clamp(6rem, 9vw, 8rem); aspect-ratio: 1240 / 560; background: url(../img/book-kaiser.jpg) 50% 50% / cover no-repeat;
  -webkit-mask-image: linear-gradient(180deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.003) 1.7%, rgb(0 0 0 / 0.023) 3.4%, rgb(0 0 0 / 0.069) 5.1%, rgb(0 0 0 / 0.145) 6.9%, rgb(0 0 0 / 0.246) 8.6%, rgb(0 0 0 / 0.368) 10.3%, rgb(0 0 0 / 0.500) 12.0%, rgb(0 0 0 / 0.632) 13.7%, rgb(0 0 0 / 0.754) 15.4%, rgb(0 0 0 / 0.855) 17.1%, rgb(0 0 0 / 0.931) 18.9%, rgb(0 0 0 / 0.977) 20.6%, rgb(0 0 0 / 0.997) 22.3%, rgb(0 0 0 / 1.000) 24.0%), linear-gradient(180deg, rgb(0 0 0 / 1.000) 58.0%, rgb(0 0 0 / 0.997) 61.0%, rgb(0 0 0 / 0.977) 64.0%, rgb(0 0 0 / 0.931) 67.0%, rgb(0 0 0 / 0.855) 70.0%, rgb(0 0 0 / 0.754) 73.0%, rgb(0 0 0 / 0.632) 76.0%, rgb(0 0 0 / 0.500) 79.0%, rgb(0 0 0 / 0.368) 82.0%, rgb(0 0 0 / 0.246) 85.0%, rgb(0 0 0 / 0.145) 88.0%, rgb(0 0 0 / 0.069) 91.0%, rgb(0 0 0 / 0.023) 94.0%, rgb(0 0 0 / 0.003) 97.0%, rgb(0 0 0 / 0.000) 100.0%), linear-gradient(90deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.009) 0.9%, rgb(0 0 0 / 0.058) 1.8%, rgb(0 0 0 / 0.163) 2.7%, rgb(0 0 0 / 0.317) 3.6%, rgb(0 0 0 / 0.500) 4.5%, rgb(0 0 0 / 0.683) 5.4%, rgb(0 0 0 / 0.837) 6.3%, rgb(0 0 0 / 0.942) 7.2%, rgb(0 0 0 / 0.991) 8.1%, rgb(0 0 0 / 1.000) 9.0%), linear-gradient(90deg, rgb(0 0 0 / 1.000) 91.0%, rgb(0 0 0 / 0.991) 91.9%, rgb(0 0 0 / 0.942) 92.8%, rgb(0 0 0 / 0.837) 93.7%, rgb(0 0 0 / 0.683) 94.6%, rgb(0 0 0 / 0.500) 95.5%, rgb(0 0 0 / 0.317) 96.4%, rgb(0 0 0 / 0.163) 97.3%, rgb(0 0 0 / 0.058) 98.2%, rgb(0 0 0 / 0.009) 99.1%, rgb(0 0 0 / 0.000) 100.0%); -webkit-mask-composite: source-in, source-in, source-in; mask-image: linear-gradient(180deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.003) 1.7%, rgb(0 0 0 / 0.023) 3.4%, rgb(0 0 0 / 0.069) 5.1%, rgb(0 0 0 / 0.145) 6.9%, rgb(0 0 0 / 0.246) 8.6%, rgb(0 0 0 / 0.368) 10.3%, rgb(0 0 0 / 0.500) 12.0%, rgb(0 0 0 / 0.632) 13.7%, rgb(0 0 0 / 0.754) 15.4%, rgb(0 0 0 / 0.855) 17.1%, rgb(0 0 0 / 0.931) 18.9%, rgb(0 0 0 / 0.977) 20.6%, rgb(0 0 0 / 0.997) 22.3%, rgb(0 0 0 / 1.000) 24.0%), linear-gradient(180deg, rgb(0 0 0 / 1.000) 58.0%, rgb(0 0 0 / 0.997) 61.0%, rgb(0 0 0 / 0.977) 64.0%, rgb(0 0 0 / 0.931) 67.0%, rgb(0 0 0 / 0.855) 70.0%, rgb(0 0 0 / 0.754) 73.0%, rgb(0 0 0 / 0.632) 76.0%, rgb(0 0 0 / 0.500) 79.0%, rgb(0 0 0 / 0.368) 82.0%, rgb(0 0 0 / 0.246) 85.0%, rgb(0 0 0 / 0.145) 88.0%, rgb(0 0 0 / 0.069) 91.0%, rgb(0 0 0 / 0.023) 94.0%, rgb(0 0 0 / 0.003) 97.0%, rgb(0 0 0 / 0.000) 100.0%), linear-gradient(90deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.009) 0.9%, rgb(0 0 0 / 0.058) 1.8%, rgb(0 0 0 / 0.163) 2.7%, rgb(0 0 0 / 0.317) 3.6%, rgb(0 0 0 / 0.500) 4.5%, rgb(0 0 0 / 0.683) 5.4%, rgb(0 0 0 / 0.837) 6.3%, rgb(0 0 0 / 0.942) 7.2%, rgb(0 0 0 / 0.991) 8.1%, rgb(0 0 0 / 1.000) 9.0%), linear-gradient(90deg, rgb(0 0 0 / 1.000) 91.0%, rgb(0 0 0 / 0.991) 91.9%, rgb(0 0 0 / 0.942) 92.8%, rgb(0 0 0 / 0.837) 93.7%, rgb(0 0 0 / 0.683) 94.6%, rgb(0 0 0 / 0.500) 95.5%, rgb(0 0 0 / 0.317) 96.4%, rgb(0 0 0 / 0.163) 97.3%, rgb(0 0 0 / 0.058) 98.2%, rgb(0 0 0 / 0.009) 99.1%, rgb(0 0 0 / 0.000) 100.0%); mask-composite: intersect, intersect, intersect; }
.cC10 .book--card .book__in { gap: clamp(15rem, 30vw, 28rem); }
@media (max-width: 55.99rem) {
  .cC10 .book__scene { top: 5.5rem; aspect-ratio: auto; height: 22rem; background-position: 50% 50%; }
  .cC10 .book--card .book__in { gap: 15rem; }
}

.cC10 .book__scene { -webkit-mask-image: linear-gradient(180deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.002) 1.8%, rgb(0 0 0 / 0.016) 3.5%, rgb(0 0 0 / 0.049) 5.2%, rgb(0 0 0 / 0.104) 7.0%, rgb(0 0 0 / 0.180) 8.8%, rgb(0 0 0 / 0.275) 10.5%, rgb(0 0 0 / 0.384) 12.2%, rgb(0 0 0 / 0.500) 14.0%, rgb(0 0 0 / 0.616) 15.8%, rgb(0 0 0 / 0.725) 17.5%, rgb(0 0 0 / 0.820) 19.2%, rgb(0 0 0 / 0.896) 21.0%, rgb(0 0 0 / 0.951) 22.8%, rgb(0 0 0 / 0.984) 24.5%, rgb(0 0 0 / 0.998) 26.2%, rgb(0 0 0 / 1.000) 28.0%), linear-gradient(180deg, rgb(0 0 0 / 1.000) 54.0%, rgb(0 0 0 / 0.998) 56.9%, rgb(0 0 0 / 0.984) 59.8%, rgb(0 0 0 / 0.951) 62.6%, rgb(0 0 0 / 0.896) 65.5%, rgb(0 0 0 / 0.820) 68.4%, rgb(0 0 0 / 0.725) 71.2%, rgb(0 0 0 / 0.616) 74.1%, rgb(0 0 0 / 0.500) 77.0%, rgb(0 0 0 / 0.384) 79.9%, rgb(0 0 0 / 0.275) 82.8%, rgb(0 0 0 / 0.180) 85.6%, rgb(0 0 0 / 0.104) 88.5%, rgb(0 0 0 / 0.049) 91.4%, rgb(0 0 0 / 0.016) 94.2%, rgb(0 0 0 / 0.002) 97.1%, rgb(0 0 0 / 0.000) 100.0%), linear-gradient(90deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.002) 1.1%, rgb(0 0 0 / 0.016) 2.1%, rgb(0 0 0 / 0.049) 3.2%, rgb(0 0 0 / 0.104) 4.2%, rgb(0 0 0 / 0.180) 5.3%, rgb(0 0 0 / 0.275) 6.4%, rgb(0 0 0 / 0.384) 7.4%, rgb(0 0 0 / 0.500) 8.5%, rgb(0 0 0 / 0.616) 9.6%, rgb(0 0 0 / 0.725) 10.6%, rgb(0 0 0 / 0.820) 11.7%, rgb(0 0 0 / 0.896) 12.8%, rgb(0 0 0 / 0.951) 13.8%, rgb(0 0 0 / 0.984) 14.9%, rgb(0 0 0 / 0.998) 15.9%, rgb(0 0 0 / 1.000) 17.0%), linear-gradient(90deg, rgb(0 0 0 / 1.000) 83.0%, rgb(0 0 0 / 0.998) 84.1%, rgb(0 0 0 / 0.984) 85.1%, rgb(0 0 0 / 0.951) 86.2%, rgb(0 0 0 / 0.896) 87.2%, rgb(0 0 0 / 0.820) 88.3%, rgb(0 0 0 / 0.725) 89.4%, rgb(0 0 0 / 0.616) 90.4%, rgb(0 0 0 / 0.500) 91.5%, rgb(0 0 0 / 0.384) 92.6%, rgb(0 0 0 / 0.275) 93.6%, rgb(0 0 0 / 0.180) 94.7%, rgb(0 0 0 / 0.104) 95.8%, rgb(0 0 0 / 0.049) 96.8%, rgb(0 0 0 / 0.016) 97.9%, rgb(0 0 0 / 0.002) 98.9%, rgb(0 0 0 / 0.000) 100.0%); mask-image: linear-gradient(180deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.002) 1.8%, rgb(0 0 0 / 0.016) 3.5%, rgb(0 0 0 / 0.049) 5.2%, rgb(0 0 0 / 0.104) 7.0%, rgb(0 0 0 / 0.180) 8.8%, rgb(0 0 0 / 0.275) 10.5%, rgb(0 0 0 / 0.384) 12.2%, rgb(0 0 0 / 0.500) 14.0%, rgb(0 0 0 / 0.616) 15.8%, rgb(0 0 0 / 0.725) 17.5%, rgb(0 0 0 / 0.820) 19.2%, rgb(0 0 0 / 0.896) 21.0%, rgb(0 0 0 / 0.951) 22.8%, rgb(0 0 0 / 0.984) 24.5%, rgb(0 0 0 / 0.998) 26.2%, rgb(0 0 0 / 1.000) 28.0%), linear-gradient(180deg, rgb(0 0 0 / 1.000) 54.0%, rgb(0 0 0 / 0.998) 56.9%, rgb(0 0 0 / 0.984) 59.8%, rgb(0 0 0 / 0.951) 62.6%, rgb(0 0 0 / 0.896) 65.5%, rgb(0 0 0 / 0.820) 68.4%, rgb(0 0 0 / 0.725) 71.2%, rgb(0 0 0 / 0.616) 74.1%, rgb(0 0 0 / 0.500) 77.0%, rgb(0 0 0 / 0.384) 79.9%, rgb(0 0 0 / 0.275) 82.8%, rgb(0 0 0 / 0.180) 85.6%, rgb(0 0 0 / 0.104) 88.5%, rgb(0 0 0 / 0.049) 91.4%, rgb(0 0 0 / 0.016) 94.2%, rgb(0 0 0 / 0.002) 97.1%, rgb(0 0 0 / 0.000) 100.0%), linear-gradient(90deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.002) 1.1%, rgb(0 0 0 / 0.016) 2.1%, rgb(0 0 0 / 0.049) 3.2%, rgb(0 0 0 / 0.104) 4.2%, rgb(0 0 0 / 0.180) 5.3%, rgb(0 0 0 / 0.275) 6.4%, rgb(0 0 0 / 0.384) 7.4%, rgb(0 0 0 / 0.500) 8.5%, rgb(0 0 0 / 0.616) 9.6%, rgb(0 0 0 / 0.725) 10.6%, rgb(0 0 0 / 0.820) 11.7%, rgb(0 0 0 / 0.896) 12.8%, rgb(0 0 0 / 0.951) 13.8%, rgb(0 0 0 / 0.984) 14.9%, rgb(0 0 0 / 0.998) 15.9%, rgb(0 0 0 / 1.000) 17.0%), linear-gradient(90deg, rgb(0 0 0 / 1.000) 83.0%, rgb(0 0 0 / 0.998) 84.1%, rgb(0 0 0 / 0.984) 85.1%, rgb(0 0 0 / 0.951) 86.2%, rgb(0 0 0 / 0.896) 87.2%, rgb(0 0 0 / 0.820) 88.3%, rgb(0 0 0 / 0.725) 89.4%, rgb(0 0 0 / 0.616) 90.4%, rgb(0 0 0 / 0.500) 91.5%, rgb(0 0 0 / 0.384) 92.6%, rgb(0 0 0 / 0.275) 93.6%, rgb(0 0 0 / 0.180) 94.7%, rgb(0 0 0 / 0.104) 95.8%, rgb(0 0 0 / 0.049) 96.8%, rgb(0 0 0 / 0.016) 97.9%, rgb(0 0 0 / 0.002) 98.9%, rgb(0 0 0 / 0.000) 100.0%); }
.cC10 .book--card { padding-bottom: clamp(2.5rem, 4vw, 3.5rem); }
/* the pill a little higher, so it sits on the lower slopes of the Kaiser picture */
.cC10 .book--card .book__in { gap: clamp(11rem, 24.5vw, 23rem); }
@media (max-width: 55.99rem) { .cC10 .book--card .book__in { gap: 12rem; } }

/* v6: no side fades at all (they drew a frame); the picture now runs the full width of the page and only dissolves up and down, and the section has more air below the pill */
.cC10 .book__scene { -webkit-mask-image: linear-gradient(180deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.002) 1.9%, rgb(0 0 0 / 0.012) 3.8%, rgb(0 0 0 / 0.035) 5.7%, rgb(0 0 0 / 0.076) 7.6%, rgb(0 0 0 / 0.135) 9.4%, rgb(0 0 0 / 0.210) 11.3%, rgb(0 0 0 / 0.298) 13.2%, rgb(0 0 0 / 0.397) 15.1%, rgb(0 0 0 / 0.500) 17.0%, rgb(0 0 0 / 0.603) 18.9%, rgb(0 0 0 / 0.702) 20.8%, rgb(0 0 0 / 0.790) 22.7%, rgb(0 0 0 / 0.865) 24.6%, rgb(0 0 0 / 0.924) 26.4%, rgb(0 0 0 / 0.965) 28.3%, rgb(0 0 0 / 0.988) 30.2%, rgb(0 0 0 / 0.998) 32.1%, rgb(0 0 0 / 1.000) 34.0%), linear-gradient(180deg, rgb(0 0 0 / 1.000) 48.0%, rgb(0 0 0 / 0.998) 50.9%, rgb(0 0 0 / 0.988) 53.8%, rgb(0 0 0 / 0.965) 56.7%, rgb(0 0 0 / 0.924) 59.6%, rgb(0 0 0 / 0.865) 62.4%, rgb(0 0 0 / 0.790) 65.3%, rgb(0 0 0 / 0.702) 68.2%, rgb(0 0 0 / 0.603) 71.1%, rgb(0 0 0 / 0.500) 74.0%, rgb(0 0 0 / 0.397) 76.9%, rgb(0 0 0 / 0.298) 79.8%, rgb(0 0 0 / 0.210) 82.7%, rgb(0 0 0 / 0.135) 85.6%, rgb(0 0 0 / 0.076) 88.4%, rgb(0 0 0 / 0.035) 91.3%, rgb(0 0 0 / 0.012) 94.2%, rgb(0 0 0 / 0.002) 97.1%, rgb(0 0 0 / 0.000) 100.0%); -webkit-mask-composite: source-in; mask-image: linear-gradient(180deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.002) 1.9%, rgb(0 0 0 / 0.012) 3.8%, rgb(0 0 0 / 0.035) 5.7%, rgb(0 0 0 / 0.076) 7.6%, rgb(0 0 0 / 0.135) 9.4%, rgb(0 0 0 / 0.210) 11.3%, rgb(0 0 0 / 0.298) 13.2%, rgb(0 0 0 / 0.397) 15.1%, rgb(0 0 0 / 0.500) 17.0%, rgb(0 0 0 / 0.603) 18.9%, rgb(0 0 0 / 0.702) 20.8%, rgb(0 0 0 / 0.790) 22.7%, rgb(0 0 0 / 0.865) 24.6%, rgb(0 0 0 / 0.924) 26.4%, rgb(0 0 0 / 0.965) 28.3%, rgb(0 0 0 / 0.988) 30.2%, rgb(0 0 0 / 0.998) 32.1%, rgb(0 0 0 / 1.000) 34.0%), linear-gradient(180deg, rgb(0 0 0 / 1.000) 48.0%, rgb(0 0 0 / 0.998) 50.9%, rgb(0 0 0 / 0.988) 53.8%, rgb(0 0 0 / 0.965) 56.7%, rgb(0 0 0 / 0.924) 59.6%, rgb(0 0 0 / 0.865) 62.4%, rgb(0 0 0 / 0.790) 65.3%, rgb(0 0 0 / 0.702) 68.2%, rgb(0 0 0 / 0.603) 71.1%, rgb(0 0 0 / 0.500) 74.0%, rgb(0 0 0 / 0.397) 76.9%, rgb(0 0 0 / 0.298) 79.8%, rgb(0 0 0 / 0.210) 82.7%, rgb(0 0 0 / 0.135) 85.6%, rgb(0 0 0 / 0.076) 88.4%, rgb(0 0 0 / 0.035) 91.3%, rgb(0 0 0 / 0.012) 94.2%, rgb(0 0 0 / 0.002) 97.1%, rgb(0 0 0 / 0.000) 100.0%); mask-composite: intersect; }
.cC10 .book--card { padding-bottom: clamp(6.5rem, 11vw, 10rem); }
.cC10 .book__write { margin-top: 2.2rem; }
@media (max-width: 55.99rem) { .cC10 .book--card { padding-bottom: 6rem; } }

/* v7: the pill higher, and the picture stays visible under it (the lower fade starts later and is shorter) */
.cC10 .book__scene { -webkit-mask-image: linear-gradient(180deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.002) 1.7%, rgb(0 0 0 / 0.012) 3.3%, rgb(0 0 0 / 0.035) 5.0%, rgb(0 0 0 / 0.076) 6.7%, rgb(0 0 0 / 0.135) 8.3%, rgb(0 0 0 / 0.210) 10.0%, rgb(0 0 0 / 0.298) 11.7%, rgb(0 0 0 / 0.397) 13.3%, rgb(0 0 0 / 0.500) 15.0%, rgb(0 0 0 / 0.603) 16.7%, rgb(0 0 0 / 0.702) 18.3%, rgb(0 0 0 / 0.790) 20.0%, rgb(0 0 0 / 0.865) 21.7%, rgb(0 0 0 / 0.924) 23.3%, rgb(0 0 0 / 0.965) 25.0%, rgb(0 0 0 / 0.988) 26.7%, rgb(0 0 0 / 0.998) 28.3%, rgb(0 0 0 / 1.000) 30.0%), linear-gradient(180deg, rgb(0 0 0 / 1.000) 74.0%, rgb(0 0 0 / 0.998) 75.4%, rgb(0 0 0 / 0.988) 76.9%, rgb(0 0 0 / 0.965) 78.3%, rgb(0 0 0 / 0.924) 79.8%, rgb(0 0 0 / 0.865) 81.2%, rgb(0 0 0 / 0.790) 82.7%, rgb(0 0 0 / 0.702) 84.1%, rgb(0 0 0 / 0.603) 85.6%, rgb(0 0 0 / 0.500) 87.0%, rgb(0 0 0 / 0.397) 88.4%, rgb(0 0 0 / 0.298) 89.9%, rgb(0 0 0 / 0.210) 91.3%, rgb(0 0 0 / 0.135) 92.8%, rgb(0 0 0 / 0.076) 94.2%, rgb(0 0 0 / 0.035) 95.7%, rgb(0 0 0 / 0.012) 97.1%, rgb(0 0 0 / 0.002) 98.6%, rgb(0 0 0 / 0.000) 100.0%); -webkit-mask-composite: source-in; mask-image: linear-gradient(180deg, rgb(0 0 0 / 0.000) 0.0%, rgb(0 0 0 / 0.002) 1.7%, rgb(0 0 0 / 0.012) 3.3%, rgb(0 0 0 / 0.035) 5.0%, rgb(0 0 0 / 0.076) 6.7%, rgb(0 0 0 / 0.135) 8.3%, rgb(0 0 0 / 0.210) 10.0%, rgb(0 0 0 / 0.298) 11.7%, rgb(0 0 0 / 0.397) 13.3%, rgb(0 0 0 / 0.500) 15.0%, rgb(0 0 0 / 0.603) 16.7%, rgb(0 0 0 / 0.702) 18.3%, rgb(0 0 0 / 0.790) 20.0%, rgb(0 0 0 / 0.865) 21.7%, rgb(0 0 0 / 0.924) 23.3%, rgb(0 0 0 / 0.965) 25.0%, rgb(0 0 0 / 0.988) 26.7%, rgb(0 0 0 / 0.998) 28.3%, rgb(0 0 0 / 1.000) 30.0%), linear-gradient(180deg, rgb(0 0 0 / 1.000) 74.0%, rgb(0 0 0 / 0.998) 75.4%, rgb(0 0 0 / 0.988) 76.9%, rgb(0 0 0 / 0.965) 78.3%, rgb(0 0 0 / 0.924) 79.8%, rgb(0 0 0 / 0.865) 81.2%, rgb(0 0 0 / 0.790) 82.7%, rgb(0 0 0 / 0.702) 84.1%, rgb(0 0 0 / 0.603) 85.6%, rgb(0 0 0 / 0.500) 87.0%, rgb(0 0 0 / 0.397) 88.4%, rgb(0 0 0 / 0.298) 89.9%, rgb(0 0 0 / 0.210) 91.3%, rgb(0 0 0 / 0.135) 92.8%, rgb(0 0 0 / 0.076) 94.2%, rgb(0 0 0 / 0.035) 95.7%, rgb(0 0 0 / 0.012) 97.1%, rgb(0 0 0 / 0.002) 98.6%, rgb(0 0 0 / 0.000) 100.0%); mask-composite: intersect; }
.cC10 .book--card .book__in { gap: clamp(7.5rem, 18vw, 17rem); }
@media (max-width: 55.99rem) { .cC10 .book--card .book__in { gap: 9.5rem; } }

/* the large pearl floating under the breath circle: a doorway to the spa */
.cC10 .breath__stage { display: grid; justify-items: center; align-content: center; gap: 0; }
.spa-orb { display: grid; justify-items: center; gap: 1.1rem; margin-top: clamp(1.6rem, 4vw, 3rem); }
.pearl--spa { --s: clamp(5.5rem, 9vw, 7.6rem); cursor: pointer; text-decoration: none; display: block; animation: pearlFloat 8s ease-in-out infinite alternate; transition: scale 0.6s cubic-bezier(0.22, 1, 0.36, 1), filter 0.6s ease; -webkit-tap-highlight-color: transparent; }
.pearl--spa:hover, .pearl--spa:focus-visible { scale: 1.07; filter: drop-shadow(0 0 1.2rem rgb(255 255 255 / 0.5)); outline: 0; }
.pearl--spa:active { scale: 0.96; }
.pearl--spa.is-ringing { animation: pearlFloat 8s ease-in-out infinite alternate, pearlRing 1.4s ease-out; }
.spa-orb__label { font-size: 0.74rem; letter-spacing: 0.3em; text-transform: uppercase; color: rgb(255 255 255 / 0.66); transition: color 0.5s ease, letter-spacing 0.6s ease; }
.spa-orb:hover .spa-orb__label { color: #fff; letter-spacing: 0.36em; }
@media (prefers-reduced-motion: reduce) { .pearl--spa { animation: none; } }
/* placed like a bead that has rolled off the ring: just below it and a little to the left, so the two read as one movement */
@media (min-width: 56rem) { .spa-orb { translate: -6.6rem -3.4rem; margin-top: 0; } .pearl--spa { --s: clamp(6rem, 9.5vw, 8.2rem); } }