:root {
  --dusk-0: #141c31;
  --dusk-1: #0d1222;
  --dusk-2: #0a0e1a;
  --dusk-ink: #f3ede2;
  --dusk-mute: #aab3c7;
  --dusk-rule: rgba(255, 255, 255, .1);
  --dusk-card: rgba(255, 255, 255, .045);
  --dusk-card-line: rgba(255, 255, 255, .09);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
}

[data-sku="alphonso-mango"] { --pouch: #ffd21a; } [data-sku="java-plum"] { --pouch: #e2457e; } [data-sku="pineapple"] { --pouch: #c9ef16; }
[data-sku="pink-guava"] { --pouch: #ff5f95; } [data-sku="papaya"] { --pouch: #ff6a1a; }

.cv-shelf {
  position: relative; isolation: isolate; box-sizing: border-box;
  width: 100vw; margin-left: calc(50% - 50vw);
  padding: clamp(4rem, 11vh, 7.5rem) max(var(--cv-gutter), calc(50vw - var(--cv-wide) / 2 + var(--cv-gutter))) clamp(3.5rem, 9vh, 6rem);
  background: linear-gradient(180deg, var(--dusk-0) 0%, var(--dusk-1) 55%, var(--dusk-2) 100%);
  color: var(--dusk-ink); border: 0;
}
.cv-shelf::before {
  content: ""; position: absolute; inset: 0 0 auto; height: min(34rem, 60vh); z-index: -1; pointer-events: none;
  background: url("/ca/journey-proof/panorama.webp") 50% 40% / cover no-repeat;
  background-image: image-set(url("/ca/journey-proof/panorama.avif") type("image/avif"), url("/ca/journey-proof/panorama.webp") type("image/webp"));
  opacity: .26; -webkit-mask-image: linear-gradient(#000 0%, transparent 100%); mask-image: linear-gradient(#000 0%, transparent 100%);
}
.cv-shelf__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; margin-bottom: clamp(1.8rem, 4vh, 2.6rem); }
.cv-shelf .cv-eyebrow { color: var(--dusk-mute); letter-spacing: .22em; font-size: .72rem; }
.cv-shelf h2 { color: var(--dusk-ink); font-family: var(--cv-font-display); font-weight: 400; font-size: clamp(2.2rem, 4.6vw, 3.6rem); line-height: 1.02; max-width: 14ch; text-transform: none; letter-spacing: -.01em; }
.cv-shelf__lede { max-width: 24rem; margin: 0; color: var(--dusk-mute); font-size: .98rem; line-height: 1.55; }
.cv-shelf__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(.75rem, 1.3vw, 1.15rem); margin: 0; padding: 0; list-style: none; }
.cv-shelf__next { margin: clamp(1.8rem, 4vh, 2.6rem) 0 0; }
.cv-shelf .cv-button { color: var(--dusk-ink); border-color: rgba(255, 255, 255, .22); }
.cv-shelf .cv-button:hover { border-color: var(--dusk-ink); }

.cv-card {
  position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: 20px;
  padding: 1rem 1.1rem 1.2rem; border: 1px solid var(--dusk-card-line);
  background: radial-gradient(72% 52% at 50% 36%, color-mix(in srgb, var(--pouch) 20%, transparent), transparent 72%), var(--dusk-card);
  transition: border-color 220ms ease, background-color 220ms ease;
}
.cv-card:hover { border-color: color-mix(in srgb, var(--pouch) 45%, rgba(255, 255, 255, .12)); }
.cv-card { isolation: isolate; overflow: hidden; background: var(--dusk-1); }
.cv-card__place { position: absolute; inset: 0; z-index: -2; }
.cv-card__place picture, .cv-card__place img { display: block; width: 100%; height: 100%; }
.cv-card__place img { object-fit: cover; object-position: 50% 30%; transition: transform 900ms var(--ease-out); }
.cv-card::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(56% 30% at 50% 38%, color-mix(in srgb, var(--pouch) 16%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(10, 14, 26, .06) 0%, rgba(10, 14, 26, .16) 36%, rgba(12, 17, 32, .84) 60%, #0c1120 78%); }
@media (hover: hover) and (pointer: fine) { .cv-card:hover .cv-card__place img { transform: scale(1.035); } }
.cv-card:has(a:focus-visible) { outline: 2px solid var(--dusk-ink); outline-offset: 3px; }
.cv-card__shot { position: relative; aspect-ratio: 4 / 5; margin-bottom: .7rem; }
.cv-card__shot img { display: block; width: 100%; height: auto; }
.cv-card__pack { position: absolute; left: 50%; top: 2%; width: 66%; transform: translateX(-50%) rotate(-3deg); transition: transform 380ms var(--ease-out); filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .45)); }
.cv-card__pile { position: absolute; left: -2%; bottom: 0; width: 62%; filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .3)); z-index: 1; }
@media (hover: hover) and (pointer: fine) {
  .cv-card:hover .cv-card__pack { transform: translateX(-50%) translateY(-6px) rotate(-1.5deg); }
}
.cv-card__no { display: flex; align-items: center; gap: .5rem; margin: 0; font-size: .7rem; letter-spacing: .14em; color: var(--dusk-mute); }
.cv-card__no i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--pouch); }
.cv-card__name { margin: .3rem 0 .15rem; font-family: var(--cv-font-display); font-weight: 400; font-size: clamp(1.3rem, 1.7vw, 1.7rem); line-height: 1.1; }
.cv-card__name a { color: var(--dusk-ink); text-decoration: none; }
.cv-card__name a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 2; }
.cv-card__name a:focus-visible { outline: none; }
.cv-card__tag { margin: 0; font-family: var(--cv-font-display); font-style: italic; font-size: .98rem; line-height: 1.3; color: var(--dusk-mute); }
.cv-card__fact { margin: .7rem 0 .9rem; font-size: .78rem; color: var(--dusk-mute); }
.cv-card__go { margin: auto 0 0; align-self: flex-start; font-size: .84rem; color: var(--dusk-ink); border-bottom: 1px solid var(--pouch); padding-bottom: 2px; }

html.cv-shelf-js .cv-card:not(.is-in) { opacity: 0; transform: translateY(14px); }
html.cv-shelf-js .cv-card { transition: opacity 620ms ease-out var(--cv-in, 0ms), transform 620ms var(--ease-out) var(--cv-in, 0ms), border-color 220ms ease; }
html.cv-shelf-js .cv-card:nth-child(2) { --cv-in: 60ms; } html.cv-shelf-js .cv-card:nth-child(3) { --cv-in: 120ms; }
html.cv-shelf-js .cv-card:nth-child(4) { --cv-in: 180ms; } html.cv-shelf-js .cv-card:nth-child(5) { --cv-in: 240ms; }

@media (max-width: 1100px) {
  .cv-shelf__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .cv-card { grid-column: span 2; }
  .cv-card:nth-child(4) { grid-column: 2 / span 2; }
}
@media (max-width: 760px) {
  .cv-shelf { padding-top: 3.2rem; }
  .cv-shelf__head { display: block; }
  .cv-shelf__lede { margin-top: .9rem; }
  .cv-shelf__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  .cv-card, .cv-card:nth-child(4) { grid-column: auto; padding: .75rem .8rem .95rem; border-radius: 16px; }
  .cv-card__name { font-size: 1.22rem; }
  .cv-card__tag { font-size: .86rem; }
  .cv-card__fact { font-size: .72rem; margin: .5rem 0 .7rem; }
  .cv-card__go { font-size: .78rem; }
  .cv-card:nth-child(5) { grid-column: 1 / -1; }
  .cv-card:nth-child(5) .cv-card__shot { aspect-ratio: 16 / 9; }
  .cv-card:nth-child(5) .cv-card__pack { left: auto; right: 14%; width: 30%; transform: rotate(-3deg); }
  .cv-card:nth-child(5) .cv-card__pile { left: 8%; width: 46%; }
}
@media (prefers-reduced-motion: reduce) {
  .cv-card, .cv-card__pack, .cv-card__place img { transition: none; }
  html.cv-shelf-js .cv-card:not(.is-in) { opacity: 1; transform: none; }
}

html:has(body.cv-fruitpage) { background: var(--dusk-2); scroll-padding-top: 4.5rem; }
body.cv-fruitpage {
  margin: 0; min-height: 100vh; color: var(--dusk-ink);
  background: radial-gradient(60% 40% at 25% 18%, color-mix(in srgb, var(--pouch) 9%, transparent), transparent 70%), linear-gradient(180deg, var(--dusk-0) 0%, var(--dusk-1) 50%, var(--dusk-2) 100%);
  font-family: var(--cv-font-text); font-size: 1.0625rem; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: clip;
}
.cv-fruitpage h1, .cv-fruitpage h2 { font-family: var(--cv-font-display); font-weight: 400; margin: 0; letter-spacing: -.01em; text-wrap: balance; }
.cv-fruitpage a { color: inherit; }
.cv-fruitpage .cv-skip { position: absolute; left: 1rem; top: -4rem; z-index: 20; padding: .6rem 1rem; border-radius: 999px; background: var(--dusk-ink); color: var(--dusk-2); text-decoration: none; }
.cv-fruitpage .cv-skip:focus { top: 1rem; }

body.cv-fruitpage { position: relative; isolation: isolate; }
.cv-place { position: absolute; inset: 0 0 auto; height: min(100vh, 64rem); z-index: -1; pointer-events: none; overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 50%, transparent 100%); mask-image: linear-gradient(#000 50%, transparent 100%); }
.cv-place picture, .cv-place img { display: block; width: 100%; height: 100%; }
.cv-place img { object-fit: cover; object-position: 50% 40%; }
.cv-place::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10, 14, 26, .34) 0%, rgba(10, 14, 26, .12) 24%, rgba(10, 14, 26, .42) 62%, rgba(10, 14, 26, .8) 100%),
    linear-gradient(90deg, rgba(10, 14, 26, 0) 44%, rgba(10, 14, 26, .6) 66%, rgba(10, 14, 26, .72) 100%); }
@media (max-width: 900px) {
  .cv-place { height: min(92vh, 48rem); }
  .cv-place::after { background: linear-gradient(180deg, rgba(10, 14, 26, .3) 0%, rgba(10, 14, 26, .08) 22%, rgba(10, 14, 26, .3) 50%, rgba(10, 14, 26, .86) 78%, rgba(10, 14, 26, .94) 100%); }
}
.cv-pmast { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; gap: 2rem; padding: 1.1rem max(var(--cv-gutter), calc(50vw - var(--cv-wide) / 2 + var(--cv-gutter)));
  background: color-mix(in srgb, var(--dusk-0) 82%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid var(--dusk-rule); }
.cv-pmast__brand { font-family: var(--cv-font-display); letter-spacing: .14em; font-size: 1.25rem; text-decoration: none; }
.cv-pmast__nav { display: flex; gap: 1.6rem; margin-left: auto; }
.cv-pmast__nav a, .cv-pmast__all { font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--dusk-mute); text-decoration: none; }
.cv-pmast__nav a:hover, .cv-pmast__all:hover { color: var(--dusk-ink); }
.cv-pmast__all { display: none; margin-left: auto; }
.cv-pmast__langs { display: inline-flex; gap: .45rem; align-items: center; border: 1px solid var(--dusk-rule); border-radius: 999px; padding: .3rem .75rem; font-size: .74rem; letter-spacing: .08em; }
.cv-pmast__langs b { font-weight: 400; }
.cv-pmast__langs a { color: var(--dusk-mute); text-decoration: none; }
.cv-pmast__langs a:hover { color: var(--dusk-ink); }
.cv-pmast__brand, .cv-pmast__all, .cv-pmast__langs a { position: relative; }
.cv-pmast__brand::after, .cv-pmast__all::after, .cv-pmast__langs a::after { content: ''; position: absolute; }
.cv-pmast__brand::after { inset: -9px 0; }
.cv-pmast__all::after { inset: -14px 0; }
.cv-pmast__langs a::after { inset: -13px -22px -13px -8px; }
.cv-pmast a:focus-visible { outline: 2px solid var(--dusk-ink); outline-offset: 3px; }

.cv-product { box-sizing: border-box; max-width: var(--cv-wide); margin: 0 auto; padding: clamp(1.5rem, 4vh, 3rem) var(--cv-gutter) clamp(3rem, 8vh, 5rem);
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.cv-product:focus { outline: none; }

.cv-gallery__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 24px; border: 1px solid rgba(255, 255, 255, .14);
  background: radial-gradient(60% 55% at 50% 45%, color-mix(in srgb, var(--pouch) 18%, transparent), transparent 72%), rgba(12, 17, 32, .14); aspect-ratio: 1 / 1; }
.cv-gallery__track::-webkit-scrollbar { display: none; }
.cv-gallery__track:focus-visible { outline: 2px solid var(--dusk-ink); outline-offset: 3px; }
.cv-gallery__slide { position: relative; flex: 0 0 100%; margin: 0; scroll-snap-align: start; overflow: hidden; }
.cv-gallery__slide picture { position: absolute; inset: 9% 12%; display: block; }
.cv-gallery__slide img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cv-gallery__slide.is-pack img { filter: drop-shadow(0 30px 34px rgba(0, 0, 0, .5)); }
.cv-gallery__slide.is-product-pile picture { inset: 14% 6%; }
.cv-gallery__slide.is-product-pile img { filter: drop-shadow(0 18px 20px rgba(0, 0, 0, .35)); }
.cv-gallery__slide.is-macro picture { inset: 0; }
.cv-gallery__slide.is-macro img { object-fit: cover; }
.cv-gallery__thumbs { display: none; gap: .6rem; margin-top: .8rem; }
html.cv-js .cv-gallery__thumbs { display: flex; }
.cv-gallery__thumb { width: 4.5rem; height: 4.5rem; padding: .3rem; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(12, 17, 32, .5); cursor: pointer; display: grid; place-items: center; overflow: hidden; transition: border-color 160ms ease, transform 160ms var(--ease-out); }
.cv-gallery__thumb:active { transform: scale(.96); }
.cv-gallery__thumb[aria-pressed="true"] { border-color: color-mix(in srgb, var(--pouch) 70%, white 10%); }
.cv-gallery__thumb:focus-visible { outline: 2px solid var(--dusk-ink); outline-offset: 2px; }
.cv-gallery__thumb picture { display: block; width: 100%; height: 100%; }
.cv-gallery__thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cv-gallery__thumb.is-macro { padding: 0; } .cv-gallery__thumb.is-macro img { object-fit: cover; }

.cv-product__crumbs { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--dusk-mute); margin-bottom: .9rem; }
.cv-product__crumbs a { text-decoration: none; } .cv-product__crumbs a:hover { color: var(--dusk-ink); }
.cv-product h1 { font-size: clamp(2.6rem, 5.4vw, 4.4rem); line-height: 1; }
.cv-product__tag { margin: .6rem 0 0; font-family: var(--cv-font-display); font-style: italic; font-size: 1.5rem; line-height: 1.25; color: color-mix(in srgb, var(--pouch) 88%, white); }
.cv-product__sense { margin: 1.1rem 0 0; max-width: 34rem; color: color-mix(in srgb, var(--dusk-ink) 86%, transparent); font-size: 1.05rem; line-height: 1.6; }
.cv-product__chips { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.3rem 0 0; padding: 0; list-style: none; }
.cv-product__chips li { border: 1px solid var(--dusk-rule); border-radius: 999px; padding: .32rem .8rem; font-size: .78rem; color: var(--dusk-mute); }

.cv-product__panels { margin-top: 1.8rem; border-top: 1px solid var(--dusk-rule); }
.cv-panel { border-bottom: 1px solid var(--dusk-rule); }
.cv-panel summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; cursor: pointer; list-style: none; font-size: 1rem; }
.cv-panel summary::-webkit-details-marker { display: none; }
.cv-panel summary:focus-visible { outline: 2px solid var(--dusk-ink); outline-offset: 2px; border-radius: 4px; }
.cv-panel summary i { position: relative; width: .8rem; height: .8rem; flex: none; }
.cv-panel summary i::before, .cv-panel summary i::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: currentColor; transition: transform 200ms var(--ease-out); }
.cv-panel summary i::after { transform: rotate(90deg); }
.cv-panel[open] summary i::after { transform: rotate(0deg); }
.cv-panel__body { padding: 0 0 1.3rem; color: color-mix(in srgb, var(--dusk-ink) 84%, transparent); font-size: .96rem; }
.cv-panel__body > :first-child { margin-top: 0; }
.cv-panel__body p { margin: .6rem 0 0; max-width: 36rem; }
.cv-panel__lead { color: var(--dusk-ink); }
.cv-panel__words { display: flex; flex-wrap: wrap; gap: .45rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.cv-panel__words li { border-radius: 999px; padding: .28rem .75rem; font-size: .8rem; background: color-mix(in srgb, var(--pouch) 16%, transparent); color: var(--dusk-ink); }
.cv-panel__facts { margin: .8rem 0 0; padding-left: 1.1rem; }
.cv-panel__botanical span { color: var(--dusk-mute); font-size: .82rem; }
.cv-panel__fine { font-size: .8rem; color: var(--dusk-mute); }
.cv-panel__figure { margin: .2rem 0 .4rem; }
.cv-panel__figure img { display: block; width: min(100%, 18rem); height: auto; border-radius: 14px; }
.cv-ways { display: grid; gap: .9rem; margin: .4rem 0 0; padding: 0; list-style: none; }
.cv-ways li { display: grid; grid-template-columns: 3rem 1fr; gap: .9rem; align-items: center; }
.cv-ways p { margin: 0; }
.cv-ways strong { display: block; font-weight: 500; color: var(--dusk-ink); }
.cv-way__icon { width: 3rem; height: 3rem; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; color: var(--dusk-ink); }
.cv-way__icon .i-p { fill: var(--pouch); stroke: none; }
.cv-way__icon .i-ink { fill: currentColor; stroke: none; }
.cv-way__icon .i-bg { fill: var(--dusk-1); }

.cv-product__act { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; margin-top: 1.8rem; }
.cv-pbutton { display: inline-flex; align-items: center; min-height: 48px; box-sizing: border-box; padding: 0 1.5rem; border-radius: 999px; background: var(--dusk-ink); color: var(--dusk-2) !important; text-decoration: none; font-size: .95rem; transition: transform 160ms var(--ease-out), background-color 200ms ease; }
.cv-pbutton:hover { background: #fff; }
.cv-pbutton:active { transform: scale(.97); }
.cv-pbutton:focus-visible, .cv-plink:focus-visible { outline: 2px solid var(--dusk-ink); outline-offset: 3px; }
.cv-plink { font-size: .95rem; text-decoration: none; border-bottom: 1px solid var(--dusk-rule); padding-bottom: 2px; }
.cv-plink:hover { border-color: var(--dusk-ink); }
.cv-product__note { flex-basis: 100%; margin: -.2rem 0 0; font-size: .82rem; color: var(--dusk-mute); }

.cv-others { grid-column: 1 / -1; margin-top: clamp(1.5rem, 4vh, 3rem); padding-top: clamp(1.5rem, 4vh, 2.5rem); border-top: 1px solid var(--dusk-rule); }
.cv-others h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); margin-bottom: 1.1rem; }
.cv-others ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin: 0; padding: 0; list-style: none; }
.cv-others a { display: flex; align-items: center; gap: .9rem; padding: .8rem .9rem; border-radius: 16px; border: 1px solid var(--dusk-card-line); text-decoration: none;
  background: radial-gradient(60% 80% at 15% 50%, color-mix(in srgb, var(--pouch) 16%, transparent), transparent 70%), var(--dusk-card); transition: border-color 200ms ease; }
.cv-others a:hover { border-color: color-mix(in srgb, var(--pouch) 45%, rgba(255, 255, 255, .12)); }
.cv-others a:focus-visible { outline: 2px solid var(--dusk-ink); outline-offset: 3px; }
.cv-others img { display: block; width: 2.6rem; height: auto; transform: rotate(-3deg); filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .4)); }
.cv-others b { display: block; font-family: var(--cv-font-display); font-weight: 400; font-size: 1.1rem; }
.cv-others em { display: block; font-family: var(--cv-font-display); font-size: .84rem; line-height: 1.3; color: var(--dusk-mute); }

.cv-pfoot { box-sizing: border-box; max-width: var(--cv-wide); margin: 0 auto; padding: 2.5rem var(--cv-gutter) 3rem; border-top: 1px solid var(--dusk-rule); color: var(--dusk-mute); font-size: .86rem; }
.cv-pfoot__line { margin: 0 0 1.2rem; font-family: var(--cv-font-display); font-style: italic; font-size: 1.4rem; color: var(--dusk-ink); }
.cv-pfoot__links { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; margin-bottom: .8rem; }
.cv-pfoot__links a { text-decoration: none; } .cv-pfoot__links a:hover, .cv-pfoot__links a[aria-current] { color: var(--dusk-ink); }
.cv-pfoot__record { margin: .3rem 0 0; font-size: .78rem; }

@media (max-width: 900px) {
  .cv-pmast { gap: 1rem; padding-block: .85rem; }
  .cv-pmast__nav { display: none; }
  .cv-pmast__all { display: inline; }
  .cv-product { grid-template-columns: minmax(0, 1fr); gap: 1.6rem; padding-top: 1rem; }
  .cv-gallery__track { border-radius: 20px; aspect-ratio: 1 / 1; }
  .cv-product h1 { font-size: clamp(2.3rem, 10vw, 3rem); }
  .cv-product__tag { font-size: 1.3rem; }
  .cv-others ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cv-product__act { position: sticky; bottom: 0; z-index: 5; gap: .5rem 1.2rem; margin-inline: calc(-1 * var(--cv-gutter)); padding: .75rem var(--cv-gutter) calc(.6rem + env(safe-area-inset-bottom));
    background: color-mix(in srgb, var(--dusk-1) 88%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-top: 1px solid var(--dusk-rule); }
}
@media (max-width: 420px) {
  .cv-product__note { font-size: .74rem; }
  .cv-pmast__brand { font-size: 1.05rem; letter-spacing: .12em; }
  .cv-pmast__all { font-size: .66rem; letter-spacing: .06em; }
  .cv-others ul { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .cv-gallery__track { scroll-behavior: auto; }
  .cv-gallery__thumb, .cv-pbutton, .cv-panel summary i::before, .cv-panel summary i::after { transition: none; }
}

html.cv-shelf-on .cv-proc { background: var(--dusk-2); }
html.cv-shelf-on .cv-proc__sky { background:
  radial-gradient(55% 50% at var(--fx) var(--fy), rgba(70, 120, 170, calc(var(--cold) * .32)) 0%, transparent 70%),
  radial-gradient(90% 55% at 50% 108%, rgba(150, 176, 226, .1), transparent 70%),
  linear-gradient(180deg, var(--dusk-2) 0%, var(--dusk-1) 100%); }
html.cv-shelf-on.cv-worlds-on .cv-process { background: var(--dusk-2); }
html.cv-shelf-on .cv-worlds__proc-pin { background: radial-gradient(ellipse 50% 40% at 75% 55%, rgba(212, 255, 26, .08), transparent 70%), linear-gradient(180deg, var(--dusk-2), var(--dusk-1)); }

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: radial-gradient(70% 40% at 18% 0%, rgba(255, 95, 149, .08), transparent 70%), linear-gradient(180deg, var(--dusk-1) 0%, var(--dusk-0) 55%, var(--dusk-1) 100%); }
html.cv-shelf-on.cv-worlds-on .cv-occasions.cv-worlds__occ { padding-top: clamp(4rem, 10vh, 7rem); }
html.cv-shelf-on.cv-worlds-on .cv-occasions.cv-worlds__occ.has-day { padding-bottom: clamp(4rem, 10vh, 7rem); }
html.cv-shelf-on.cv-worlds-on .cv-occasions.cv-worlds__occ::before, html.cv-shelf-on.cv-worlds-on .cv-occasions.cv-worlds__occ.has-day::after { content: none; }
html.cv-shelf-on.cv-worlds-on .cv-occasions.cv-worlds__occ h2 { color: var(--dusk-ink); }
html.cv-shelf-on.cv-worlds-on .cv-occasions.cv-worlds__occ .cv-eyebrow { color: #ff8fb4; }
html.cv-shelf-on.cv-worlds-on .cv-occasions.cv-worlds__occ > p, html.cv-shelf-on.cv-worlds-on .cv-occasions.cv-worlds__occ .cv-lede { color: var(--dusk-mute); }
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, .72), rgba(10, 14, 26, .6)); border: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 24px 48px -28px rgba(0, 0, 0, .7); }
html.cv-shelf-on.cv-worlds-on .cv-worlds__occ.has-sky .cv-occasion[data-time].is-now { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 30px 52px -24px rgba(0, 0, 0, .8); }
html.cv-shelf-on .cv-worlds__occ.has-sky .cv-day__glint { opacity: .5; }
html.cv-shelf-on.cv-worlds-on .cv-worlds__occ.has-sky .cv-day__scene::after { background: radial-gradient(closest-side, rgba(0, 0, 0, .35), rgba(0, 0, 0, 0)); }
html.cv-shelf-on.cv-worlds-on main > section.cv-worlds__occ:not(#fruit) .cv-occasion h3,
html.cv-shelf-on.cv-worlds-on main > section.cv-worlds__occ.has-day:not(#fruit) .cv-occasion[data-time] h3 { color: var(--dusk-ink); }
html.cv-shelf-on.cv-worlds-on main > section.cv-worlds__occ:not(#fruit) .cv-occasion p,
html.cv-shelf-on.cv-worlds-on main > section.cv-worlds__occ.has-day:not(#fruit) .cv-occasion[data-time] p { color: var(--dusk-mute); }
html.cv-shelf-on .cv-worlds__occ .cv-occasion__fruits a, html.cv-shelf-on.cv-worlds-on .cv-worlds__occ.has-day .cv-occasion[data-time] .cv-occasion__fruits a { color: var(--dusk-ink); }
html.cv-shelf-on .cv-worlds__occ.has-day .cv-occasion__fruits a.has-pack { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .13); }
@media (hover: hover) and (pointer: fine) { html.cv-shelf-on .cv-worlds__occ.has-day .cv-occasion__fruits a.has-pack:hover { background: rgba(255, 255, 255, .13); } }
html.cv-shelf-on .cv-worlds__occ.has-day .cv-occasion__fruits a.has-pack:focus-visible { outline-color: var(--dusk-ink); }
html.cv-shelf-on .cv-day__sun { color: #ffcfa8; }
html.cv-shelf-on .cv-worlds__occ-fruit { filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .4)); }

html.cv-shelf-on.cv-worlds-on .cv-info, html.cv-shelf-on.cv-worlds-on .cv-faq,
html.cv-shelf-on.cv-worlds-on .cv-info.has-spec, html.cv-shelf-on.cv-worlds-on .cv-info.has-spec + .cv-faq {
  background: radial-gradient(ellipse 60% 34% at 85% 40%, color-mix(in srgb, var(--accent, #ffd21a) 8%, transparent), transparent 70%), linear-gradient(180deg, var(--dusk-1) 0%, var(--dusk-2) 100%); }
html.cv-shelf-on.cv-worlds-on .cv-info.has-spec + .cv-faq { background: radial-gradient(ellipse 60% 30% at 15% 20%, rgba(212, 255, 26, .07), transparent 70%), linear-gradient(180deg, var(--dusk-2) 0%, var(--dusk-1) 100%); }
html.cv-shelf-on.cv-worlds-on .cv-faq.has-wash, html.cv-shelf-on.cv-worlds-on .cv-info.has-spec + .cv-faq.has-wash {
  --wash: transparent; --accent: #d4ff1a; --ink: var(--dusk-ink); --cv-ink: var(--dusk-ink); padding-top: clamp(4rem, 10vh, 7rem); }
html.cv-shelf-on .cv-faq__wash, html.cv-shelf-on .cv-faq__glow { display: none; }
html.cv-shelf-on.cv-worlds-on .cv-faq.has-wash .cv-eyebrow { color: #d4ff1a; opacity: 1; }
html.cv-shelf-on .cv-faq.has-wash > h2 em { color: #d4ff1a; }
html.cv-shelf-on .cv-faq.has-wash .cv-faq__list { border-top: 1px solid rgba(255, 255, 255, .16); }
html.cv-shelf-on .cv-faq.has-wash .cv-faq__item { border-color: var(--dusk-rule); }
html.cv-shelf-on .cv-faq.has-wash .cv-faq__item > summary { color: color-mix(in srgb, var(--dusk-ink) 82%, transparent); }
html.cv-shelf-on .cv-faq.has-wash .cv-faq__item[open]:not(.is-closing) > summary { color: var(--dusk-ink); }
html.cv-shelf-on .cv-faq.has-wash .cv-faq__no { color: var(--dusk-mute); }
html.cv-shelf-on .cv-faq.has-wash .cv-faq__item[open]:not(.is-closing) .cv-faq__no { color: #d4ff1a; }
html.cv-shelf-on .cv-faq.has-wash .cv-faq__item > p { color: color-mix(in srgb, var(--dusk-ink) 80%, transparent); }
html.cv-shelf-on .cv-faq.has-wash .cv-faq__chev { border-color: rgba(255, 255, 255, .3); color: var(--dusk-ink); }
html.cv-shelf-on .cv-faq.has-wash .cv-faq__item[open]:not(.is-closing) .cv-faq__chev { background: #d4ff1a; border-color: #d4ff1a; color: var(--dusk-2); }
@media (hover: hover) and (pointer: fine) {
  html.cv-shelf-on .cv-faq.has-wash .cv-faq__item > summary:hover { color: var(--dusk-ink); }
  html.cv-shelf-on .cv-faq.has-wash .cv-faq__item > summary:hover .cv-faq__chev { border-color: #d4ff1a; }
}

html.cv-shelf-on.cv-worlds-on .cv-trade { background: radial-gradient(ellipse 50% 30% at 12% 46%, rgba(255, 210, 26, .06), transparent 70%), linear-gradient(180deg, var(--dusk-1) 0%, var(--dusk-2) 100%); }

html.cv-shelf-on.cv-worlds-on .cv-foot { background: var(--dusk-2); border-top-color: var(--dusk-rule); }
html.cv-shelf-on .cv-foot__sky { display: none; }

html.cv-shelf-on dialog.cv-dim::backdrop { background: var(--dusk-2); opacity: .96; }
html.cv-shelf-on .cv-dim__shell, html.cv-shelf-on .cv-dim__shell[data-subject] { background: var(--dusk-1); color: var(--dusk-ink); transition: none; }
html.cv-shelf-on .cv-dim__head, html.cv-shelf-on .cv-dim__foot { border-color: var(--dusk-rule); }
html.cv-shelf-on :is(.cv-dim__esc, .cv-dim__fruit, .cv-dim__fruit-label, .cv-dim__nav button span, .cv-dv__mark, .cv-dv__eyebrow, .cv-dv__caption, .cv-dv__story small, .cv-dv__ledger span, .cv-dv__controls label, .cv-dv__notes span) { font-size: 11px; }
@media (min-width: 761px) { html.cv-shelf-on .cv-dv__hint { font-size: 11px; } }
.cv-dim__shell.is-arriving > * { pointer-events: none; }
html.cv-shelf-on .cv-dim__shell :is(button, summary, [tabindex="0"], input):focus-visible { outline-color: var(--dusk-ink); }
html.cv-shelf-on .cv-dv__ledger > div, html.cv-shelf-on .cv-dv__ledger details { border-color: var(--dusk-rule); }
html.cv-shelf-on .cv-dv__lede, html.cv-shelf-on .cv-dv__ledger span, html.cv-shelf-on .cv-dv__ledger p, html.cv-shelf-on .cv-dv__desc { color: var(--dusk-mute); }
html.cv-shelf-on .cv-dv__ledger strong { color: var(--dusk-ink); }
html.cv-shelf-on .cv-dv__pieces { filter: drop-shadow(0 26px 30px rgba(0, 0, 0, .45)); }
html.cv-shelf-on .cv-dv__one { color: rgba(243, 237, 226, .035); }
html.cv-shelf-on .cv-dv--taste { background: radial-gradient(ellipse at 77% 44%, #22304f 0%, var(--dusk-0) 38%, var(--dusk-1) 74%); }
html.cv-shelf-on .cv-dim__shell[data-subject="taste"] .cv-dv__lens { background: var(--dusk-0); border-color: var(--dusk-ink); box-shadow: 0 0 0 6px rgba(13, 18, 34, .5); }
html.cv-shelf-on .cv-dim__shell[data-subject="taste"] .cv-dv__notes span { border-color: rgba(243, 237, 226, .4); }
html.cv-shelf-on .cv-dim__shell[data-subject="taste"] .cv-dv__controls input { accent-color: var(--dusk-ink); }
html.cv-shelf-on .cv-dv__shade { background: linear-gradient(90deg, rgba(10, 14, 26, .88), rgba(10, 14, 26, .1) 60%), linear-gradient(0deg, rgba(10, 14, 26, .82), rgba(10, 14, 26, .6) 36%, transparent 80%); }
@media (max-width: 760px) { html.cv-shelf-on .cv-dv__shade { background: linear-gradient(180deg, rgba(10, 14, 26, .84), rgba(10, 14, 26, .68) 110px, rgba(10, 14, 26, .52) 250px, rgba(10, 14, 26, 0) 390px), linear-gradient(0deg, rgba(10, 14, 26, .95), rgba(10, 14, 26, .25) 70%); } }
@media (max-height: 520px) and (orientation: landscape) {
  html.cv-shelf-on .cv-dv--nutrition .cv-dv__nhead { width: 38%; }
  html.cv-shelf-on .cv-dv--nutrition .cv-dv__word { white-space: nowrap; }
  html.cv-shelf-on .cv-dv--nutrition .cv-dv__pieces { left: 42%; width: calc(58% - var(--gutter) - var(--cv-dv-ledger, 24%) - 3.5%); }
  html.cv-shelf-on .cv-dv--rituals.cv-dv--ways { align-items: start; }
}
@media (max-width: 760px) and (max-height: 520px) and (orientation: landscape) {
  html.cv-shelf-on .cv-dv--nutrition .cv-dv__nhead { width: auto; top: auto; }
  html.cv-shelf-on .cv-dv--nutrition .cv-dv__pieces { left: auto; width: 100%; }
}
html.cv-shelf-on .cv-dv--rituals.cv-dv--ways { background: none; }
html.cv-shelf-on .cv-dv__ways { border-top-color: rgba(243, 237, 226, .4); }
html.cv-shelf-on .cv-dv__ways li { border-bottom-color: var(--dusk-rule); }
html.cv-shelf-on .cv-dv__wtile { background: var(--dusk-0); border-color: var(--dusk-rule); box-shadow: none; }
html.cv-shelf-on .cv-dv__wico .i-bg { fill: var(--dusk-0); }
html.cv-shelf-on .cv-dv__wl { color: var(--dusk-mute); opacity: 1; }

@media (max-width: 479.98px) { .cv-sky__here { white-space: normal; text-wrap: balance; line-height: 1.3; text-align: right; } }
@media (max-width: 408.98px) { html:lang(fr) .cv-sky__here { letter-spacing: .03em; } }
@media (max-width: 382.98px) { html:lang(fr) .cv-sky__here { display: none; } html:lang(fr) .cv-sky__langs { margin-left: auto; } }
@media (max-width: 377.98px) { html:lang(en) .cv-sky__here { letter-spacing: .03em; } }
@media (max-width: 371.98px) { html:lang(en) .cv-sky__here { display: none; } html:lang(en) .cv-sky__langs { margin-left: auto; } }

.cv-stage {
  --st-header: 73px;
  --st-h: calc(100vh - var(--st-header));
  --st-bay: 88vw;
  --st-end: calc((100vw - var(--st-bay)) / 2);
  --st-give: 0px;
  --st-r0: 0%; --st-r1: 25%; --st-r2: 50%; --st-r3: 75%; --st-r4: 100%;
  --st-pad: 16px;
  --st-name: clamp(2rem, 11.1vw, 2.9rem);
  --st-tag: clamp(1rem, 4.4vw, 1.09rem);
  --st-low: 52px;
  --st-bar: 49px;
  --st-barw: calc(100vw - var(--st-pad) * 2);
  --st-say: calc(var(--st-name) * 1.04 + var(--st-tag) * 1.42 + 38px);
  --st-gap: 35px;
  --st-top: 14px;
  --st-floor: max(6rem, calc(var(--st-h) - var(--st-low) - var(--st-bar) - var(--st-say) - var(--st-gap)));
  --st-ah: calc(var(--st-h) - var(--st-top));
  --st-gh: calc(var(--st-floor) - var(--st-top));
  --st-aw: calc(var(--st-bay) - 6px);
  --st-pkh: min(calc(var(--st-gh) * .68), calc(var(--st-aw) * .78));
  --st-pkw: calc(var(--st-pkh) * .6375);
  --st-iw: calc(var(--st-pkw) * .7);
  --st-side: calc(var(--st-aw) * .06);
  --st-drop: 11px;
  --st-fall: 25px;
  --st-melt: 15%;
  --st-seam-top: rgb(10, 14, 26);
  --st-seam-foot: rgb(10, 14, 26);
  --st-n-x: 9vw; --st-n-s: .72; --st-n-v: .56;
  --st-pl: -6vw; --st-pr: 6vw; --st-p-y: 3vw;
  --st-fl: -11vw; --st-fr: 8vw; --st-f-y: 6vw;
  --st-rl: 4px; --st-rb: 4px; --st-rh: 44px;
  position: relative; display: flex; width: 100vw; margin-left: calc(50% - 50vw); min-height: var(--st-h); overflow: hidden; overflow: clip; scroll-margin-top: calc(var(--st-header) - 4rem);
  background: var(--dusk-2); color: var(--dusk-ink);
}
@supports (height: 100svh) { .cv-stage { --st-h: calc(100svh - var(--st-header)); } }
.cv-stage:lang(fr) { --st-next: 7.9rem; }

.cv-stage__light { position: absolute; left: 0; top: 0; width: calc(100% / 3 + 1px); height: calc(100% / 3 + 1px); isolation: isolate; overflow: hidden; overflow: clip; pointer-events: none; transform-origin: 0 0; transform: scale(3); }
.cv-stage__light img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; opacity: 0; -webkit-user-drag: none; }
.cv-stage__light img:first-child, .cv-stage__light img.is-on { opacity: 1; }
.cv-stage__light::before, .cv-stage__light::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; }
.cv-stage__light::before { top: 0; height: 20%; background: linear-gradient(180deg, var(--st-seam-top), color-mix(in srgb, var(--st-seam-top) 62%, transparent) 34%, color-mix(in srgb, var(--st-seam-top) 22%, transparent) 68%, transparent); }
.cv-stage__light::after { bottom: 0; height: 36%; background: linear-gradient(0deg, var(--st-seam-foot), color-mix(in srgb, var(--st-seam-foot) 70%, transparent) 30%, color-mix(in srgb, var(--st-seam-foot) 26%, transparent) 66%, transparent); }

.cv-stage__bar { position: sticky; z-index: 1; order: -1; left: calc(50vw - var(--st-barw) / 2); align-self: flex-end; flex: 0 0 var(--st-barw); min-height: var(--st-bar); margin: 0 calc(var(--st-barw) * -1) var(--st-low) 0; border-radius: 14px; background: rgba(5, 6, 11, .72); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09); pointer-events: none; }

.cv-stage__track {
  display: flex; flex: 1 1 100%; min-width: 0; isolation: isolate; outline: 0;
  overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none;
}
.cv-stage__track::-webkit-scrollbar { display: none; }
.cv-stage__track::before, .cv-stage__track::after { content: ""; flex: 0 0 calc(var(--st-end) + var(--st-give)); }
@media (pointer: coarse) { .cv-stage__track { overscroll-behavior-x: contain; } }
@media (hover: hover) and (pointer: fine) {
  .cv-stage { --st-give: 3vw; --st-r0: .84%; --st-r1: 25.41%; --st-r3: 74.57%; --st-r4: 99.16%; }
  .cv-stage__track { overscroll-behavior-x: contain; } .cv-stage__panel { scroll-snap-stop: normal; }
}
html.cv-row-wheel .cv-stage__track { overscroll-behavior-y: contain; }
.cv-stage__ring { display: none; position: absolute; inset: 4px; z-index: 2; border: 2px solid var(--dusk-ink); border-radius: 8px; pointer-events: none; }
.cv-stage__track:focus-visible ~ .cv-stage__ring { display: block; }

.cv-stage__panel { position: relative; flex: 0 0 var(--st-bay); min-width: 0; display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; padding: calc(var(--st-floor) + max(0px, var(--st-gap) - 6px)) 0 var(--st-low); scroll-snap-align: center; scroll-snap-stop: always; pointer-events: none; }
.cv-stage__niche { position: absolute; top: var(--st-top); bottom: 0; left: 50%; width: var(--st-aw); margin-left: calc(var(--st-aw) / -2); transform-origin: 50% 100%; isolation: isolate; }
.cv-stage__panel[aria-hidden="true"] .cv-stage__niche { transform: translateX(var(--st-n-x)) scale(var(--st-n-s)); }
html.cv-stage-on .cv-stage__panel:not([aria-hidden]) ~ .cv-stage__panel .cv-stage__niche { transform: translateX(calc(var(--st-n-x) * -1)) scale(var(--st-n-s)); }

.cv-stage__niche::before { content: ""; position: absolute; z-index: 1; inset: -6px -6px 0; border: 1px solid rgba(243, 237, 226, .24); border-bottom: 0; border-radius: 9999px 9999px 0 0; -webkit-mask-image: linear-gradient(180deg, #000 52%, transparent 84%); mask-image: linear-gradient(180deg, #000 52%, transparent 84%); }
.cv-stage__arch { position: absolute; z-index: 2; inset: 0; overflow: hidden; overflow: clip; border-radius: 9999px 9999px 0 0; background: var(--dusk-1); pointer-events: auto; -webkit-tap-highlight-color: transparent; -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - var(--st-melt)), transparent); mask-image: linear-gradient(180deg, #000 calc(100% - var(--st-melt)), transparent); }
.cv-stage__land { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: max(100%, calc((var(--st-low) + var(--st-bar) + var(--st-say) + 6px) * 2.8)); object-fit: cover; object-position: var(--st-crop, 50% 100%); -webkit-user-drag: none; }
.cv-stage__panel[aria-hidden="true"] .cv-stage__arch { cursor: pointer; }
.cv-stage__niche::after { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: calc(100% / 3); height: calc(100% / 3); border-radius: 9999px 9999px 0 0; background: linear-gradient(180deg, rgb(7, 9, 18) calc(100% - var(--st-melt)), transparent); opacity: 0; pointer-events: none; transform-origin: 0 0; transform: scale(3); }
.cv-stage__panel[aria-hidden="true"] .cv-stage__niche::after { opacity: var(--st-n-v); }

.cv-stage__pouch { position: absolute; z-index: 3; top: calc(var(--st-gh) + var(--st-drop) - var(--st-pkh) * .906); right: calc(var(--st-side) - var(--st-pkw) * .058); width: var(--st-pkw); aspect-ratio: 1500 / 2353; pointer-events: auto; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; }
.cv-stage__pile { position: absolute; z-index: 4; top: calc(var(--st-gh) + var(--st-fall) - var(--st-iw) * .64); right: calc(var(--st-side) + var(--st-pkw) * .89 - var(--st-iw) * .03); width: var(--st-iw); aspect-ratio: 3 / 2; }
.cv-stage__pouch picture, .cv-stage__pile picture { display: block; }
.cv-stage__pouch img, .cv-stage__pile img { display: block; width: 100%; height: auto; -webkit-user-drag: none; }
.cv-stage__panel[aria-hidden="true"] .cv-stage__pouch { transform: translate(var(--st-pl), var(--st-p-y)); }
html.cv-stage-on .cv-stage__panel:not([aria-hidden]) ~ .cv-stage__panel .cv-stage__pouch { transform: translate(var(--st-pr), var(--st-p-y)); }
.cv-stage__panel[aria-hidden="true"] .cv-stage__pile { transform: translate(var(--st-fl), var(--st-f-y)); }
html.cv-stage-on .cv-stage__panel:not([aria-hidden]) ~ .cv-stage__panel .cv-stage__pile { transform: translate(var(--st-fr), var(--st-f-y)); }

.cv-stage__words { position: relative; z-index: 2; flex: none; margin-left: calc(50% - 50vw); width: 100vw; box-sizing: border-box; padding: 0 var(--st-pad); }
.cv-stage__words a { pointer-events: auto; }
.cv-stage__panel[aria-hidden="true"] .cv-stage__words { opacity: 0; }
.cv-stage__panel[aria-hidden="true"] .cv-stage__words a { pointer-events: none; }
.cv-stage__say { display: flex; flex-direction: column; align-items: center; text-align: center; }
.cv-stage__name { margin: 0; font-family: var(--cv-font-display); font-weight: 400; font-size: var(--st-name); line-height: 1.04; letter-spacing: -.01em; color: var(--dusk-ink); display: flex; align-items: baseline; gap: .4em; }
.cv-stage__idx { position: absolute; left: 0; right: 0; top: calc(100% + 18px); text-align: center; font-family: var(--cv-font-text); font-size: .75rem; letter-spacing: .12em; color: #d6dbe6; }
html.cv-stage-on .cv-stage__idx { display: none; }
.cv-stage__tag { margin: .22em 0 0; font-family: var(--cv-font-display); font-style: italic; font-size: var(--st-tag); line-height: 1.2; color: #dfe3ec; }
.cv-stage__go { margin: -3px -12px 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 22px; }
.cv-stage__explore, .cv-stage__more { display: inline-flex; align-items: center; gap: .45em; min-height: 44px; color: var(--dusk-ink); text-decoration: none; font-size: .9rem; position: relative; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.cv-stage__more { color: #d6dbe6; }
.cv-stage__explore::after { content: ""; position: absolute; left: 0; right: 0; bottom: 9px; height: 1px; background: var(--pouch); }
.cv-stage__ico { width: 1.05em; height: 1.05em; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

html.cv-stage-on .cv-stage__words .cv-stage__doors { visibility: hidden; }
.cv-stage__bar .cv-stage__doors { background: none; border-radius: 0; }
.cv-stage__bar a { pointer-events: auto; }
.cv-stage__doors { display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; width: var(--st-barw); min-height: var(--st-bar); margin: 0 auto; padding: 0 8px; border-radius: 14px 14px 0 0; background: linear-gradient(rgba(5, 6, 11, .72), rgba(5, 6, 11, .72)) 0 0 / 100% calc(100% - var(--st-bar)) no-repeat; }
.cv-stage__doors a { position: relative; display: flex; align-items: center; gap: 4px; min-height: 49px; min-width: 44px; padding: 0 4px; color: var(--dusk-ink); text-decoration: none; font-size: clamp(.8rem, 3.5vw, .875rem); white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.cv-stage__doors a:active { transform: translateY(1px); }
.cv-stage__doors a { margin: 0 -1px; }
.cv-stage__no { font-size: .66rem; color: var(--pouch); }

.cv-stage__rail { display: none; }
html.cv-stage-on .cv-stage__rail { display: flex; position: sticky; z-index: 3; order: -1; left: var(--st-rl); align-self: flex-end; flex: 0 0 calc(100vw - var(--st-rl) * 2); height: var(--st-rh); margin: 0 calc((100vw - var(--st-rl) * 2) * -1) var(--st-rb) 0; align-items: center; pointer-events: none; }
.cv-stage__rail button { pointer-events: auto; appearance: none; border: 0; background: none; color: inherit; font: inherit; padding: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
@media (pointer: coarse) { .cv-stage__rail button { pointer-events: none; } }
.cv-stage__rail .cv-stage__arrow { flex: 0 0 44px; display: flex; align-items: center; justify-content: center; gap: .4em; height: 44px; color: var(--dusk-ink); font-size: .8125rem; }
.cv-stage__arrow svg { width: 20px; height: 20px; flex: none; stroke-width: 1.4; }
.cv-stage__arrow .cv-stage__ico { fill: none; }
.cv-stage__rail .cv-stage__arrow--next { flex: 0 0 auto; min-width: var(--st-next, 7.4rem); justify-content: flex-end; padding-right: 12px; white-space: nowrap; }
.cv-stage__arrow[aria-disabled="true"] { cursor: default; }
.cv-stage__arrow[aria-disabled="true"] svg { opacity: .3; }
.cv-stage__line { position: relative; flex: 1; min-width: 0; height: 44px; }
.cv-stage__line::before { content: ""; position: absolute; left: 10%; right: 10%; top: 50%; height: 1px; background: rgba(255, 255, 255, .22); }
.cv-stage__line ol { display: grid; grid-template-columns: repeat(5, 1fr); height: 44px; margin: 0; padding: 0; list-style: none; }
.cv-stage__line li { display: contents; }
.cv-stage__line button { position: relative; display: grid; place-items: center; height: 44px; min-width: 0; }
.cv-stage__line i { width: 5px; height: 5px; border-radius: 50%; background: var(--dusk-ink); opacity: .55; }
.cv-stage__line button span { display: none; }
.cv-stage__line [aria-current] i { opacity: 0; }
.cv-stage__mark { position: absolute; left: 0; top: 0; width: 20%; height: 44px; pointer-events: none; transition: transform 550ms var(--ease-out); }
.cv-stage__mark svg { position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; fill: var(--pouch); }
.cv-stage__live { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (hover: hover) and (pointer: fine) {
  .cv-stage__doors a:hover::after { opacity: .55; transform: none; }
  .cv-stage__arrow:not([aria-disabled="true"]):hover svg { stroke-width: 1.8; }
  .cv-stage__line button:hover i { opacity: 1; }
  .cv-stage__explore:hover::after { height: 2px; }
  .cv-stage__more:hover { color: var(--dusk-ink); }
}
.cv-stage__arrow:focus-visible, .cv-stage__line button:focus-visible, .cv-stage__explore:focus-visible, .cv-stage__more:focus-visible { outline: 2px solid var(--dusk-ink); outline-offset: -2px; border-radius: 10px; }
.cv-stage__doors a:focus-visible { outline: 0; }
.cv-stage__doors a::after { content: ""; position: absolute; inset: 6px -3px; border-radius: 10px; background: color-mix(in srgb, var(--pouch) 15%, transparent); box-shadow: inset 0 0 0 1.5px var(--pouch); opacity: 0; transform: scale(.96); transition: opacity 140ms ease, transform 180ms var(--ease-out); pointer-events: none; }
.cv-stage__doors a:active::after, .cv-stage__doors a:focus-visible::after { opacity: 1; transform: none; }
.cv-stage__no { position: relative; }
.cv-stage__no::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; background: var(--pouch); opacity: 0; transform: scale(.6) rotate(-45deg); transition: opacity 120ms ease, transform 200ms var(--ease-out); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.5 6.1 4.1 9.7 10.5 10.5-6.4.8-10 4.4-10.5 10.5C11.5 16.4 7.9 12.8 1.5 12 7.9 11.2 11.5 7.6 12 1.5Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5c.5 6.1 4.1 9.7 10.5 10.5-6.4.8-10 4.4-10.5 10.5C11.5 16.4 7.9 12.8 1.5 12 7.9 11.2 11.5 7.6 12 1.5Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.cv-stage__doors a:active .cv-stage__no, .cv-stage__doors a:focus-visible .cv-stage__no { color: transparent; }
.cv-stage__doors a:active .cv-stage__no::after, .cv-stage__doors a:focus-visible .cv-stage__no::after { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .cv-stage__doors a::after, .cv-stage__no::after { transition: none; } }
@media (forced-colors: active) { .cv-stage__doors a:focus-visible { outline: 2px solid Highlight; } }

@media (max-width: 380px) {
  .cv-stage__rail .cv-stage__arrow--next { flex: 0 0 44px; min-width: 44px; padding-right: 0; justify-content: center; } .cv-stage__arrow--next span { display: none; }
  .cv-stage__no { display: none; } .cv-stage__doors { padding: 0 4px; }
}
@media (min-width: 380.02px) and (max-width: 400.98px) { .cv-stage:lang(en) .cv-stage__doors { padding: 0 7px; } .cv-stage:lang(en) .cv-stage__doors a { padding: 0 2px; gap: 3px; } }
@media (max-width: 340px) { .cv-stage__doors a { font-size: .74rem; padding: 0 3px; } .cv-stage { --st-tag: .98rem; --st-name: 10.6vw; } .cv-stage__go { gap: 0 10px; } .cv-stage__explore, .cv-stage__more { font-size: .78rem; } }

@media (min-width: 1100px) { .cv-stage { --st-header: 64px; } }
@media (min-width: 761px) and (max-aspect-ratio: 1 / 1) {
  .cv-stage { --st-name: 4rem; --st-tag: 1.4rem; --st-barw: min(42rem, 84vw); --st-gap: 52px; --st-top: 28px; --st-drop: 16px; --st-fall: 38px; }
  .cv-stage__doors a { font-size: .95rem; padding: 0 12px; }
}

@media (min-width: 761px) and (min-aspect-ratio: 1 / 1), (max-height: 520px) and (orientation: landscape) {
  .cv-stage {
    --st-bay: 60vw;
    --st-left: min(max(var(--cv-gutter), calc(50vw - var(--cv-wide) / 2 + var(--cv-gutter))), 10vw);
    --st-pad: var(--st-left);
    --st-low: 76px;
    --st-name: clamp(2.6rem, min(5vw, 8.2vh), 5.4rem);
    --st-tag: clamp(1.1rem, 1.6vw, 1.5rem);
    --st-bar: 52px;
    --st-barw: min(42rem, max(50vw, 34rem));
    --st-gap: 51px; --st-top: 22px;
    --st-aw: calc(var(--st-bay) - 24px);
    --st-pkh: calc(var(--st-gh) * .7);
    --st-side: calc(var(--st-aw) * .09);
    --st-drop: 14px; --st-fall: 34px;
    --st-n-x: 7.05vw; --st-n-s: .66; --st-n-v: .56;
    --st-pl: -25vw; --st-pr: var(--st-peek, 10vw); --st-p-y: 2vw;
    --st-fl: -28vw; --st-fr: 10vw; --st-f-y: 3vw;
    --st-rl: calc(var(--st-left) - 14px); --st-rb: 12px; --st-rh: 52px;
  }
  .cv-stage__panel[data-sku="alphonso-mango"] { --st-crop: 53% 100%; }
  .cv-stage__panel[data-sku="java-plum"] { --st-crop: 100% 100%; }
  .cv-stage__panel[data-sku="pineapple"] { --st-crop: 0% 100%; }
  .cv-stage__panel[data-sku="pink-guava"] { --st-crop: 100% 100%; }
  .cv-stage__panel[data-sku="papaya"] { --st-crop: 74% 100%; }
  .cv-stage__panel[data-sku="papaya"] .cv-stage__say { text-shadow: 0 0 .14em rgb(6, 8, 16), 0 0 .3em rgb(6, 8, 16), 0 0 .9em rgb(6, 8, 16); }
  .cv-stage__go { gap: 0 2.2em; }
  .cv-stage__explore, .cv-stage__more { font-size: 1rem; }
  .cv-stage__doors { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.4em), 1fr)); padding: 0; font-size: 1rem; }
  .cv-stage__doors a { margin: 0; }
  .cv-stage__doors a { justify-content: center; gap: 6px; min-height: 52px; padding: 0 14px; font-size: .95rem; }
  .cv-stage__doors a::after { inset: 6px 7px; }
  .cv-stage__doors a + a::before { content: ""; position: absolute; left: 0; top: 13px; bottom: 13px; width: 1px; background: rgba(255, 255, 255, .12); }
  .cv-stage__no { font-size: .72rem; }
  .cv-stage__rail .cv-stage__arrow--next { flex: 0 0 44px; min-width: 44px; padding-right: 0; justify-content: center; }
  .cv-stage__arrow--next span { display: none; }
  .cv-stage__line { height: 52px; }
  .cv-stage__line ol { height: 52px; }
  .cv-stage__line::before { top: 14px; }
  .cv-stage__line button { place-items: start center; height: 52px; padding-top: 12px; }
  .cv-stage__line button span { display: block; position: absolute; top: 26px; left: 0; right: 0; text-align: center; font-size: .78rem; color: var(--dusk-mute); transition: color 300ms ease; }
  .cv-stage__line [aria-current] span { color: var(--dusk-ink); }
  .cv-stage__mark svg { top: 14px; }
}
@media (hover: hover) and (pointer: fine) and (min-width: 761px) and (min-aspect-ratio: 1 / 1), (hover: hover) and (pointer: fine) and (max-height: 520px) and (orientation: landscape) { .cv-stage { --st-r0: 1.22%; --st-r1: 25.6%; --st-r3: 74.38%; --st-r4: 98.78%; } }
@media (min-width: 761px) and (max-width: 1000px) and (min-aspect-ratio: 1 / 1) { .cv-stage__doors a { padding: 0 8px; font-size: .86rem; } }
@media (min-width: 761px) and (min-aspect-ratio: 1 / 1) and (min-height: 521px) {
  .cv-stage {
    --st-name: clamp(2.4rem, min(3.9vw, 7.4vh), 4.4rem);
    --st-tag: clamp(1.02rem, 1.34vw, 1.3rem);
    --st-say: calc(var(--st-name) * 2.08 + var(--st-tag) * 1.42 + 38px);
    --st-top: clamp(24px, 3.4vh, 40px);
    --st-pkh: calc(var(--st-h) * .72);
    --st-pky: calc(var(--st-h) * .105);
    --st-side: calc(var(--st-aw) * .05);
    --st-peek: calc(var(--st-pkw) * .4 - 32vw);
    --st-iw: min(calc(var(--st-pkw) * .78), calc((var(--st-h) * .406 - var(--st-low) - var(--st-bar) - 6px) * 1.5), calc(var(--st-aw) * .95 - var(--st-pkw) * .3 - 27vw));
  }
  .cv-stage__pouch { top: calc(var(--st-pky) - var(--st-top) - var(--st-pkh) * .101); }
  .cv-stage__pile { top: auto; bottom: calc(var(--st-low) + var(--st-bar) + 6px); right: calc(var(--st-side) + var(--st-pkw) * .3); }
  .cv-stage__say { align-items: flex-start; text-align: left; margin-left: calc((100vw - var(--st-aw)) / 2 + 3vw - var(--st-pad)); max-width: 24vw; }
  .cv-stage__go { justify-content: flex-start; }
}
@media (min-width: 761px) and (max-width: 1099px) and (min-aspect-ratio: 1 / 1) and (min-height: 521px) { .cv-stage { --st-say: calc(var(--st-name) * 2.08 + var(--st-tag) * 2.84 + 38px); } }
@media (max-height: 520px) and (orientation: landscape) {
  .cv-stage {
    --st-header: 73px;
    --st-pad: max(16px, env(safe-area-inset-left)); --st-left: var(--st-pad);
    --st-low: 44px; --st-bar: 44px; --st-name: 1.7rem; --st-say: 44px; --st-gap: 8px; --st-top: 8px; --st-barw: min(29rem, max(62vw, 24.5rem), calc(100vw - var(--st-pad) * 2));
    --st-aw: calc(var(--st-bay) - 16px); --st-drop: 4px; --st-fall: 8px;
    --st-rl: var(--st-pad); --st-rb: 0px; --st-rh: 44px;
  }
  .cv-stage__tag { display: none; }
  .cv-stage__say { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 0 1.2rem; }
  .cv-stage__go { margin: 0; }
  .cv-stage__doors { display: flex; }
  .cv-stage__doors a { min-height: 44px; font-size: .8rem; padding: 0 9px; }
  .cv-stage__line, .cv-stage__line ol { height: 44px; }
  .cv-stage__line button { place-items: center; height: 44px; padding-top: 0; }
  .cv-stage__line button span { display: none; }
  .cv-stage__line::before { top: 50%; }
  .cv-stage__mark svg { top: 50%; }
}
@media (scripting: none) {
  .cv-stage__track::before, .cv-stage__track::after { display: none; }
  .cv-stage__panel { flex-basis: 100%; }
  .cv-stage__words { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { .cv-stage__mark { transition: none; } }

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .cv-stage { timeline-scope: --cv-stage-row; }
    .cv-stage__track { scroll-timeline: --cv-stage-row inline; }
    .cv-stage__panel { view-timeline: --cv-stage-panel inline; }
    .cv-stage__niche { animation: cv-stage-niche linear both; animation-timeline: --cv-stage-panel; }
    .cv-stage__niche::after { animation: cv-stage-veil linear both; animation-timeline: --cv-stage-panel; }
    .cv-stage__pouch { animation: cv-stage-pouch linear both; animation-timeline: --cv-stage-panel; }
    .cv-stage__pile { animation: cv-stage-pile linear both; animation-timeline: --cv-stage-panel; }
    .cv-stage__words { animation: cv-stage-words linear both; animation-timeline: --cv-stage-panel; }
    html:not(.cv-stage-on) .cv-stage__doors { animation: cv-stage-doors linear both; animation-timeline: --cv-stage-panel; }
    .cv-stage__mark { animation: cv-stage-star linear both; animation-timeline: --cv-stage-row; animation-range: var(--st-r0) var(--st-r4); transition: none; }
    .cv-stage__light img { animation: cv-stage-light linear both; animation-timeline: --cv-stage-row; }
    .cv-stage__light img:nth-child(1) { animation-name: cv-stage-light-first; animation-range: var(--st-r0) var(--st-r1); }
    .cv-stage__light img:nth-child(2) { animation-range: var(--st-r0) var(--st-r2); }
    .cv-stage__light img:nth-child(3) { animation-range: var(--st-r1) var(--st-r3); }
    .cv-stage__light img:nth-child(4) { animation-range: var(--st-r2) var(--st-r4); }
    .cv-stage__light img:nth-child(5) { animation-name: cv-stage-light-last; animation-range: var(--st-r3) var(--st-r4); }
    @keyframes cv-stage-light { 0% { opacity: 0; } 50%, 99.9% { opacity: 1; } 100% { opacity: 0; } }
    @keyframes cv-stage-light-first { 0%, 99.9% { opacity: 1; } 100% { opacity: 0; } }
    @keyframes cv-stage-light-last { from { opacity: 0; } to { opacity: 1; } }
    @keyframes cv-stage-niche {
      0%, 3.19% { transform: translateX(-9vw) scale(.72); animation-timing-function: cubic-bezier(0, 0, .5, 1); }
      16.3% { transform: translateX(0) scale(.72); animation-timing-function: cubic-bezier(.42, 0, .18, 1); }
      50% { transform: translateX(0) scale(1); animation-timing-function: cubic-bezier(.82, 0, .58, 1); }
      83.7% { transform: translateX(0) scale(.72); animation-timing-function: cubic-bezier(.5, 0, 1, 1); }
      96.81%, 100% { transform: translateX(9vw) scale(.72); }
    }
    @keyframes cv-stage-veil {
      0%, 16.3% { opacity: .56; animation-timing-function: cubic-bezier(.42, 0, .18, 1); }
      50% { opacity: 0; animation-timing-function: cubic-bezier(.82, 0, .58, 1); }
      83.7%, 100% { opacity: .56; }
    }
    @keyframes cv-stage-pouch {
      0%, 16.3% { transform: translate(6vw, 3vw); animation-timing-function: cubic-bezier(.42, 0, .18, 1); }
      50% { transform: translate(0, 0); animation-timing-function: cubic-bezier(.82, 0, .58, 1); }
      83.7%, 100% { transform: translate(-6vw, 3vw); }
    }
    @keyframes cv-stage-pile {
      0%, 16.3% { transform: translate(8vw, 6vw); animation-timing-function: cubic-bezier(.42, 0, .18, 1); }
      50% { transform: translate(0, 0); animation-timing-function: cubic-bezier(.82, 0, .58, 1); }
      83.7%, 100% { transform: translate(-11vw, 6vw); }
    }
    @keyframes cv-stage-words {
      0%, 25.66% { opacity: 0; transform: translateX(-45.76vw); }
      39.7% { opacity: .999; transform: translateX(-19.36vw); }
      48% { opacity: .999; transform: translateX(-3.76vw); }
      49.5%, 50.5% { opacity: .999; transform: translateX(0); }
      52% { opacity: .999; transform: translateX(3.76vw); }
      60.3% { opacity: .999; transform: translateX(19.36vw); }
      74.34%, 100% { opacity: 0; transform: translateX(45.76vw); }
    }
    @keyframes cv-stage-doors { 0%, 46% { opacity: 0; } 49.5%, 50.5% { opacity: .999; } 54%, 100% { opacity: 0; } }
    .cv-stage__doors:has(:focus-visible) { animation-name: none; }
    @keyframes cv-stage-star { from { transform: translateX(0); } to { transform: translateX(400%); } }
    @media (scripting: enabled) {
      html:not(.cv-stage-on) .cv-stage__words { animation-name: cv-stage-words-held; }
      @keyframes cv-stage-words-held { 0%, 33% { opacity: 0; } 47%, 53% { opacity: 1; } 67%, 100% { opacity: 0; } }
    }
    @media (min-width: 761px) and (min-aspect-ratio: 1 / 1), (max-height: 520px) and (orientation: landscape) {
      .cv-stage__niche { animation-name: cv-stage-niche-wide; }
      .cv-stage__niche::after { animation-name: cv-stage-veil-wide; }
      .cv-stage__pouch { animation-name: cv-stage-pouch-wide; }
      .cv-stage__pile { animation-name: cv-stage-pile-wide; }
      .cv-stage__words { animation-name: cv-stage-words-wide; }
      html:not(.cv-stage-on) .cv-stage__doors { animation-name: cv-stage-doors-wide; }
      @keyframes cv-stage-niche-wide {
        0%, 12.5% { transform: translateX(-7.05vw) scale(.66); animation-timing-function: cubic-bezier(0, 0, .5, 1); }
        23% { transform: translateX(0) scale(.66); animation-timing-function: cubic-bezier(.42, 0, .18, 1); }
        50% { transform: translateX(0) scale(1); animation-timing-function: cubic-bezier(.82, 0, .58, 1); }
        77% { transform: translateX(0) scale(.66); animation-timing-function: cubic-bezier(.5, 0, 1, 1); }
        87.5%, 100% { transform: translateX(7.05vw) scale(.66); }
      }
      @keyframes cv-stage-veil-wide {
        0%, 23% { opacity: .56; animation-timing-function: cubic-bezier(.42, 0, .18, 1); }
        50% { opacity: 0; animation-timing-function: cubic-bezier(.82, 0, .58, 1); }
        77%, 100% { opacity: .56; }
      }
      @keyframes cv-stage-pouch-wide {
        0%, 23% { transform: translate(var(--st-peek, 10vw), 2vw); animation-timing-function: cubic-bezier(.42, 0, .18, 1); }
        50% { transform: translate(0, 0); animation-timing-function: cubic-bezier(.72, 0, .62, 1); }
        87.5%, 100% { transform: translate(-25vw, 2vw); }
      }
      @keyframes cv-stage-pile-wide {
        0%, 23% { transform: translate(10vw, 3vw); animation-timing-function: cubic-bezier(.42, 0, .18, 1); }
        50% { transform: translate(0, 0); animation-timing-function: cubic-bezier(.72, 0, .62, 1); }
        87.5%, 100% { transform: translate(-28vw, 3vw); }
      }
      @keyframes cv-stage-doors-wide { 0%, 45% { opacity: 0; } 49.5%, 50.5% { opacity: .999; } 55%, 100% { opacity: 0; } }
      @keyframes cv-stage-words-wide {
        0%, 30.5% { opacity: 0; transform: translateX(-31.2vw); }
        41.75% { opacity: .999; transform: translateX(-13.2vw); }
        48% { opacity: .999; transform: translateX(-3.2vw); }
        49.5%, 50.5% { opacity: .999; transform: translateX(0); }
        52% { opacity: .999; transform: translateX(3.2vw); }
        58.25% { opacity: .999; transform: translateX(13.2vw); }
        69.5%, 100% { opacity: 0; transform: translateX(31.2vw); }
      }
    }
  }
}
@supports not (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .cv-stage__niche { transition: transform 420ms var(--ease-out); }
    .cv-stage__niche::after { transition: opacity 420ms var(--ease-out); }
    .cv-stage__words { transition: opacity 260ms ease; }
    .cv-stage__light img { transition: opacity 420ms ease; }
    .cv-stage__pouch { transition: transform 420ms var(--ease-out); }
    .cv-stage__pile { transition: transform 420ms var(--ease-out), opacity 260ms ease; }
  }
  .cv-stage__panel[aria-hidden="true"] .cv-stage__pile { opacity: 0; }
}
@media (scripting: none) { .cv-stage__words, .cv-stage__doors, .cv-stage__niche, .cv-stage__niche::after, .cv-stage__pouch, .cv-stage__pile { animation: none; } }
@media (forced-colors: active) {
  .cv-stage__line i, .cv-stage__line::before { forced-color-adjust: none; background: CanvasText; opacity: 1; }
  .cv-stage__mark svg { fill: Highlight; }
}

.cv-sky__night, .cv-sky__live { opacity: 0; transition: opacity 900ms ease; }
.cv-sky__night.is-lit, .cv-sky__live.is-lit { opacity: 1; }
.cv-sky__live { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; pointer-events: none; }
@media (max-width: 760px) { html.cv-shelf-on.cv-worlds-on .cv-info + .cv-faq.has-faq, html.cv-shelf-on.cv-worlds-on .cv-info.has-spec + .cv-faq.has-faq, html.cv-shelf-on.cv-worlds-on .cv-faq.has-faq { padding-top: 34vh; padding-top: 34svh; padding-bottom: 3rem; } }
html.cv-shelf-on .cv-faq.has-faq > h2 { position: static; }
html.cv-shelf-on.cv-worlds-on .cv-spec__picker button:not([aria-checked="true"]) { color: rgba(244, 237, 225, .8); }
html.cv-shelf-on.cv-worlds-on .cv-info.has-spec .cv-eyebrow { color: color-mix(in srgb, var(--spec) 26%, #fffaf3); }
html.cv-shelf-on.cv-worlds-on .cv-spec__one em { color: color-mix(in srgb, var(--spec) 74%, #fffaf3); }