/* One-time VR activation. Layout and original artwork remain unchanged. */
.comfort.comfort--reveal .comfort__content-img {
  position: relative;
  isolation: isolate;
}
.comfort.comfort--reveal .comfort__content-img > img {
  position: relative;
  z-index: 1;
}
.comfort.comfort--reveal .comfort__content-img::before,
.comfort.comfort--reveal .comfort__content-img::after {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.comfort.comfort--reveal .comfort__content-img::before {
  z-index: 0;
  inset: 14% 7% 5%;
  border-radius: 50%;
  border: 1px solid rgb(0 200 255 / 55%);
  background: radial-gradient(ellipse, rgb(164 47 233 / 18%), rgb(0 200 255 / 7%) 46%, transparent 70%);
  box-shadow: 0 0 22px rgb(0 200 255 / 20%), inset 0 0 24px rgb(182 65 239 / 14%);
}
.comfort.comfort--reveal .comfort__content-img::after {
  z-index: 2;
  left: 10%;
  right: 10%;
  top: 0;
  height: 2px;
  border-radius: 100%;
  background: linear-gradient(90deg, transparent, #a743ee 20%, #beefff 48%, #00c8ff 70%, transparent);
  box-shadow: 0 0 9px 2px rgb(0 200 255 / 50%), 0 0 23px 6px rgb(168 57 229 / 32%);
}

/* Waiting styles are enabled only after the observers are ready. */
.comfort.comfort--reveal.is-reveal-ready .comfort__inner > .title:not(.is-revealed),
.comfort.comfort--reveal.is-reveal-ready .comfort__text:not(.is-revealed),
.comfort.comfort--reveal.is-reveal-ready .comfort__item:not(.is-revealed) {
  opacity: 0;
}
.comfort.comfort--reveal.is-reveal-ready .comfort__content-img:not(.is-revealed) > img {
  opacity: 0;
}
.comfort.comfort--reveal.is-reveal-ready .comfort__inner > .title.is-revealed,
.comfort.comfort--reveal.is-reveal-ready .comfort__text.is-revealed {
  animation: comfort-title-arrive .55s cubic-bezier(.2,.7,.2,1) var(--comfort-reveal-delay, 0s) backwards;
}
.comfort.comfort--reveal.is-reveal-ready .comfort__content-img.is-revealed > img {
  animation: comfort-hologram-build .85s cubic-bezier(.2,.65,.22,1) var(--comfort-reveal-delay, 0s) backwards;
}
.comfort.comfort--reveal.is-reveal-ready .comfort__content-img.is-revealed::before {
  animation: comfort-activation-wave 1s ease-out var(--comfort-reveal-delay, 0s) backwards;
}
.comfort.comfort--reveal.is-reveal-ready .comfort__content-img.is-revealed::after {
  animation: comfort-activation-scan .8s cubic-bezier(.35,.1,.25,1) var(--comfort-reveal-delay, 0s) backwards;
}
.comfort.comfort--reveal .collumn1-comfort { --comfort-arrival-x: 28px; }
.comfort.comfort--reveal .collumn2-comfort { --comfort-arrival-x: -28px; }
.comfort.comfort--reveal.is-reveal-ready .comfort__item.is-revealed {
  animation: comfort-benefit-arrive .5s cubic-bezier(.2,.75,.25,1) var(--comfort-reveal-delay, 0s) backwards;
}
.comfort.comfort--reveal.is-reveal-ready .comfort__item.is-revealed .comfort__item-img {
  animation: comfort-icon-activate .6s ease-out var(--comfort-reveal-delay, 0s) backwards;
}

@keyframes comfort-title-arrive {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}
@keyframes comfort-hologram-build {
  0% { opacity: 0; clip-path: inset(100% 0 0); transform: translateY(14px) scale(.94); filter: blur(5px) brightness(1.6); }
  28% { opacity: .85; filter: blur(2px) brightness(1.4); }
  72% { opacity: 1; clip-path: inset(0); filter: blur(0) brightness(1.15); }
  100% { opacity: 1; clip-path: inset(0); transform: none; filter: none; }
}
@keyframes comfort-activation-scan {
  0% { top: 94%; opacity: 0; transform: scaleX(.35); }
  14% { opacity: .85; transform: scaleX(.9); }
  74% { top: 7%; opacity: .7; transform: scaleX(.75); }
  100% { top: 2%; opacity: 0; transform: scaleX(.3); }
}
@keyframes comfort-activation-wave {
  0% { opacity: 0; transform: scale(.55); }
  25% { opacity: .6; }
  100% { opacity: 0; transform: scale(1.16); }
}
@keyframes comfort-benefit-arrive {
  from { opacity: 0; transform: translate(var(--comfort-arrival-x, 0px), 12px); }
  to { opacity: 1; transform: none; }
}
@keyframes comfort-icon-activate {
  0% { transform: scale(.86); filter: drop-shadow(0 0 0 transparent); }
  45% { transform: scale(1.06); filter: drop-shadow(0 0 12px rgb(0 200 255 / 70%)); }
  100% { transform: none; filter: none; }
}
@media (max-width: 1023px) {
  .comfort.comfort--reveal .collumn-comfort { --comfort-arrival-x: 0px; }
  .comfort.comfort--reveal.is-reveal-ready .comfort__item.is-revealed { animation-duration: .6s; }
}
.comfort.comfort--reveal.is-reveal-ready .is-reveal-instant,
.comfort.comfort--reveal.is-reveal-ready .is-reveal-instant > img,
.comfort.comfort--reveal.is-reveal-ready .is-reveal-instant .comfort__item-img {
  opacity: 1;
  transform: none;
  filter: none;
  clip-path: none;
  animation: none !important;
}
.comfort.comfort--reveal.is-reveal-ready .comfort__content-img.is-reveal-instant::before,
.comfort.comfort--reveal.is-reveal-ready .comfort__content-img.is-reveal-instant::after {
  opacity: 0;
  animation: none;
}
@media (prefers-reduced-motion: reduce) {
  .comfort.comfort--reveal.is-reveal-ready .comfort__inner > .title,
  .comfort.comfort--reveal.is-reveal-ready .comfort__text,
  .comfort.comfort--reveal.is-reveal-ready .comfort__item,
  .comfort.comfort--reveal.is-reveal-ready .comfort__item-img,
  .comfort.comfort--reveal.is-reveal-ready .comfort__content-img > img {
    opacity: 1 !important;
    transform: none;
    filter: none;
    clip-path: none;
    animation: none !important;
  }
  .comfort.comfort--reveal .comfort__content-img::before,
  .comfort.comfort--reveal .comfort__content-img::after { display: none; }
}