:root {
  --seam-dusk: #070a12;
  --seam-night: #0a0e1a;
  --seam-cold: #0d1730;
  --seam-dawn: #141b33;
  --seam-ember: #74475a;
  --seam-deep: #0e1a33;
  --seam-hour: #14233f;
  --seam-first: #223553;
  --seam-foot: #0e121d;
  --seam-end: #11122a;
}

.cv-vault { display: none; }
html.cv-shelf-on .cv-vault { display: block; position: absolute; inset: 0; z-index: -2; pointer-events: none; }
html.cv-shelf-on .cv-vault img { display: block; width: 100%; height: 100%; object-fit: fill; }

html.cv-shelf-on .cv-shelf { background: linear-gradient(180deg, var(--seam-dusk), var(--seam-night)); outline: 0; }
html.cv-shelf-on .cv-shelf::before { opacity: .14; -webkit-mask-image: linear-gradient(transparent 0%, #000 18%, transparent 100%); mask-image: linear-gradient(transparent 0%, #000 18%, transparent 100%); }

.cv-stage { --vault-top: var(--seam-night); --vault-bottom: var(--seam-night); }

html.cv-shelf-on .cv-proc { background: linear-gradient(180deg, var(--seam-night) 40px, var(--seam-cold) 200px); }
html.cv-shelf-on .cv-proc__intro::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; z-index: -1; pointer-events: none;
  background: url(/ca/sky/intro-desk.avif) 0 0 / 100% 100% no-repeat; }
html.cv-shelf-on .cv-proc__pin { background: none; }
html.cv-shelf-on .cv-proc__grain { display: none; }
html.cv-shelf-on .cv-proc__sky { transform: translateZ(0); background: url(/ca/sky/pin-desk.avif) 0 0 / 100% 100% no-repeat, var(--seam-cold); }
html.cv-shelf-on .cv-proc__sky::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: var(--cold); transform: translate3d(calc(var(--fx) - 50%), calc(var(--fy) - 50%), 0);
  background: radial-gradient(55% 50% at 50% 50%, rgba(70, 120, 170, .32) 0%, transparent 70%); }
html.cv-shelf-on .cv-proc__horizon { bottom: 0; height: 46svh; border-radius: 0; background: radial-gradient(50% 50% at 50% 62%, rgba(243, 195, 91, .42), rgba(214, 120, 40, .12) 55%, transparent 72%); }
@media (max-width: 760px) {
  html.cv-shelf-on .cv-proc__intro::before { background: url(/ca/sky/intro-phone.avif) 0 0 / 100% 100% no-repeat; }
  html.cv-shelf-on .cv-proc__sky { background: url(/ca/sky/pin-phone.avif) 0 0 / 100% 100% no-repeat, var(--seam-cold); }
}

html.cv-shelf-on.cv-worlds-on main > section.cv-occasions.cv-worlds__occ:not(#fruit),
html.cv-shelf-on.cv-worlds-on main > section.cv-occasions.cv-worlds__occ.has-day:not(#fruit),
html.cv-shelf-on.cv-worlds-on main > section.cv-occasions.cv-worlds__occ.has-sky:not(#fruit) { background: linear-gradient(180deg, var(--seam-dawn), var(--seam-ember)); }
html.cv-shelf-on.cv-worlds-on .cv-occasions.cv-worlds__occ.has-sky { --occ-pad: clamp(4rem, 10vh, 7rem); display: flow-root; padding-top: 0; padding-bottom: 0; }
html.cv-shelf-on .cv-occasions.has-sky > .cv-day__sky { margin-bottom: 0; }
html.cv-shelf-on .cv-occasions.has-sky > .cv-day__sky + * { margin-top: calc(var(--occ-pad) - 100svh); }
html.cv-shelf-on .cv-occasions.has-sky > .cv-occasions__grid { padding-bottom: var(--occ-pad); }
html.cv-shelf-on.cv-worlds-still .cv-day__sundisc, html.cv-shelf-on.cv-worlds-still .cv-day__sunglow { display: none; }
html.cv-shelf-on.cv-worlds-on.cv-worlds-still .cv-occasions.cv-worlds__occ.has-sky::before { content: ""; position: absolute; left: calc(50% - 50vw); width: 100vw; top: 0; height: 24svh; z-index: 1; pointer-events: none; background: linear-gradient(180deg, var(--seam-dawn), rgba(20, 27, 51, 0)); }
html.cv-shelf-on.cv-worlds-on.cv-worlds-still .cv-occasions.cv-worlds__occ.has-sky::after { content: ""; position: absolute; left: calc(50% - 50vw); width: 100vw; bottom: 0; height: 30svh; z-index: 1; pointer-events: none; background: linear-gradient(0deg, var(--seam-ember), rgba(116, 71, 90, 0)); }

html.cv-shelf-on.cv-worlds-on .cv-info, html.cv-shelf-on.cv-worlds-on .cv-info.has-spec { isolation: isolate; background: linear-gradient(180deg, var(--seam-ember), var(--seam-deep)); }
html.cv-shelf-on.cv-worlds-on .cv-faq, html.cv-shelf-on.cv-worlds-on .cv-info + .cv-faq, html.cv-shelf-on.cv-worlds-on .cv-info.has-spec + .cv-faq { isolation: isolate; background: linear-gradient(180deg, var(--seam-deep), var(--seam-hour)); }
html.cv-shelf-on.cv-worlds-on .cv-trade { isolation: isolate; background: linear-gradient(180deg, var(--seam-hour), var(--seam-first)); }

html.cv-shelf-on.cv-worlds-on .cv-harvest.cv-worlds__end { border-top: 0; background:
  linear-gradient(180deg, var(--seam-first) 0%, rgba(34, 53, 83, 0) 15%),
  linear-gradient(180deg, rgba(5, 7, 16, .28), rgba(5, 7, 16, .78) 62%), image-set(url(/ca/journey-proof/panorama.avif) type("image/avif"), url(/ca/journey-proof/panorama.webp) type("image/webp")) 50% 58% / cover, var(--seam-foot); }
html.cv-shelf-on .cv-worlds__ending::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 12%; z-index: 1; pointer-events: none; background: linear-gradient(0deg, var(--seam-foot), rgba(14, 18, 29, 0)); }

.cv-foot__range { display: none; }
html.cv-shelf-on.cv-worlds-on .cv-foot { --range-h: 21vw; border-top: 0; background: linear-gradient(180deg, var(--seam-foot) 46%, #434a7c 62%, #ad86b6 72%, #f7a690 84%, #ffdfb4 92%, var(--seam-end) 96%); }
html.cv-shelf-on.cv-worlds-on .cv-foot__monument { margin-top: clamp(9rem, 30vh, 17rem); margin-top: clamp(9rem, 30svh, 17rem); }
@media (min-width: 1100px) { html.cv-shelf-on.cv-worlds-on .cv-foot__monument { margin-top: clamp(9rem, 22vh, 12rem); margin-top: clamp(9rem, 22svh, 12rem); } }
html.cv-shelf-on.cv-worlds-on .cv-foot__word { background: linear-gradient(180deg, #1c1a3c 8%, var(--seam-end) 88%); -webkit-background-clip: text; background-clip: text; }
html.cv-shelf-on.cv-worlds-on .cv-foot__star { --star: var(--seam-end); --star-glow: rgba(255, 238, 200, .95); }
html.cv-shelf-on.cv-worlds-on .cv-foot__plate { position: relative; margin-top: calc(var(--range-h) * .22); }
html.cv-shelf-on.cv-worlds-on .cv-foot__plate::before { content: ""; position: absolute; z-index: -1; top: -1px; bottom: -6rem; left: calc(50% - 50vw); width: 100vw; background: var(--seam-end); }
html.cv-shelf-on.cv-worlds-on .cv-foot__range { display: block; position: absolute; z-index: -1; bottom: calc(100% - 1px); left: calc(50% - 50vw); width: 100vw; height: var(--range-h); pointer-events: none; }
html.cv-shelf-on.cv-worlds-on .cv-foot__range img { display: block; width: 100%; height: 100%; object-fit: fill; }
@media (max-width: 760px) {
  html.cv-shelf-on.cv-worlds-on .cv-foot { --range-h: 37.4vw; }
  html.cv-shelf-on.cv-worlds-on .cv-foot__monument { margin-top: clamp(9rem, 30vh, 17rem); margin-top: clamp(9rem, 30svh, 17rem); }
  html.cv-shelf-on.cv-worlds-on .cv-foot__plate { margin-top: calc(var(--range-h) * .32); }
}

html.cv-shelf-on.cv-worlds-on .cv-worlds__occ .cv-occasion, html.cv-shelf-on.cv-worlds-on .cv-worlds__occ.has-day .cv-occasion[data-time], html.cv-shelf-on.cv-worlds-on .cv-worlds__occ.has-sky .cv-occasion[data-time] { background: linear-gradient(150deg, rgba(22, 30, 54, .9), rgba(10, 14, 26, .86)); }
html.cv-shelf-on .cv-worlds__occ.has-sky .cv-day__glint { opacity: .3; }
html.cv-shelf-on .cv-occasion__time { opacity: 1; color: var(--dusk-ink); }
html.cv-shelf-on .cv-trade__req, html.cv-shelf-on .cv-trade__opt { color: rgba(244, 237, 225, .68); }
html.cv-shelf-on .cv-trade__honesty { color: rgba(244, 237, 225, .74); }
html.cv-shelf-on .cv-foot__plate p { color: rgba(244, 237, 225, .66); }
html.cv-shelf-on .cv-foot__record { color: rgba(244, 237, 225, .76); }