/* Shared VELONIA components. Preserve page/component scopes, specificity and existing document cascade. */
/* BEGIN refresh */
/* VELONIA English selective refresh 2026-10-03. Source blocks preserved and selectors isolated. */

/* Candidate only. Pair with moving .vc-sticker to the first child of .vc-comparison. */
@media(max-width:700px){
}


/* V85: product-system composition based on Eight Sleep's Pod component grid. */
@media(max-width:1023px){}
@media(max-width:767px){}
@media(max-width:359px){}
@media(prefers-reduced-motion:reduce){}


/* V84 Shield: editorial feature tabs and original silent film. */
@media(max-width:1023px){}
@media(max-width:767px){}
@media(max-width:359px){}
@media(prefers-reduced-motion:reduce){}


/* V97: brand ivory, lavender and plum; replace graphite surfaces. */




/* VELONIA system v47: native three-step scheme, visible without JavaScript. */
@media(hover:hover){}
@media(max-width:767px){
}
@media(max-width:359px){}
@media(prefers-reduced-motion:reduce){}




/* V92 — observed Eight Sleep photo bento, scoped to the native CMS system. */
@media(max-width:767px){
}


/* V97: approved V77/V94 hero, scoped only to the opening of CMS9. */
/* V78: one text headline, existing V77 media and controls preserved. */
@media(min-width:768px) and (max-height:800px){
}
@media(max-width:767px){
}
@media(prefers-reduced-motion:reduce){}

/* V94: desktop composition only. The existing mobile hero, media sources,
   controls and playback behaviour are preserved below 1024px. */
@media (min-width:1024px){
}
@media (min-width:1024px) and (max-height:680px){
}


/* English product pages only. Requires inclusion on product pages, not just the home widget. */

/* END refresh */

/* BEGIN hero-gradient */
/* English thoughts hero: continuous mauve-to-ivory gradient. Colours only. */
@media(max-width:760px){
}
@media(max-width:760px) and (max-height:735px){}
@media(min-width:761px){
}

/* END hero-gradient */

/* BEGIN blocks-polish */
/* English homepage blocks 2 and 3. Preserve content, assets, order and commercial behaviour. */
@media(max-width:760px){
}
@media(max-width:360px){}

/* END blocks-polish */

/* BEGIN shield-tech */
/* English homepage V84 Shield: ivory palette and approved 4:3 film framing. No content or runtime changes.
 * Extra .v84-shield specificity and !important override the V97 palette in en-refresh.css.
 * The original SVG is ivory; keep the original plum recolouring filter rather than filter:none.
 */

/* Approved framing change: preserve the new 4:3 film at every viewport. */

/* END shield-tech */

/* BEGIN chrona-colour */
/* English homepage CHRONA palette only. Preserve photo, animated treatment colours, layout and controls. */

/* END chrona-colour */

/* BEGIN home-harmony */
/* English homepage only: existing Elza family; white, light lilac and plum. Preserve all content, order, media, table colours and interactions. */

/* END home-harmony */

/* BEGIN how-tech */
/* CMS9 English only. Four scoped components. Existing fonts, images, video and commerce preserved. */
@media(max-width:1023px){}
@media(max-width:767px){}
@media(prefers-reduced-motion:reduce){}
@keyframes vht-cycle-in{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* English CMS9 audience only. Existing text and photographs; generic data-how-tabs controller supplied by the integrator. */
@media(max-width:760px){
}
@media(max-width:1023px){}
@media(max-width:767px){}
@media(max-width:359px){}
@media(prefers-reduced-motion:reduce){}
/* English homepage V84 Shield: ivory palette and approved 4:3 film framing. No content or runtime changes.
 * Extra .v84-shield specificity and !important override the V97 palette in en-refresh.css.
 * The original SVG is ivory; keep the original plum recolouring filter rather than filter:none.
 */

/* Approved framing change: preserve the new 4:3 film at every viewport. */

/* English CMS9 only. Fresh component: no legacy hotspot/reveal selectors. */
@media(max-width:767px){
}
@media(prefers-reduced-motion:reduce){
}

/* END how-tech */

/* BEGIN hero-base */
/* Scoped English homepage component; preserve existing live header. */
@font-face{font-family:VeloniaThoughtsBicyclette20261003;src:url("/themes/warehousechild/assets/velonia-thoughts-en-20261003/bicyclette-light.woff2") format("woff2");font-weight:300 600;font-display:swap}
@font-face{font-family:VeloniaThoughtsJuana20261003;src:url("/themes/warehousechild/assets/velonia-thoughts-en-20261003/juana-light.woff2") format("woff2");font-weight:300;font-display:swap}
/* Existing theme text rules are important; retain approved type within this hero only. */
@media(max-width:1100px) and (min-width:761px){
}
@media(max-width:760px){
}
@media(max-width:760px) and (max-height:735px){
}
@media(prefers-reduced-motion:reduce){
}
/* Include former announcement offset while keeping the native sibling header. */
@media(max-width:760px){}

/* END hero-base */

/* Comparison footer link: preserve its layout and make text readable on plum. */