/* =================== hc-ph.css =================== */
.hc-ph {
display: block; width: 100%; height: 100%; max-width: 100%; aspect-ratio: 1 / 1
}
.hc-ph__orbit-out {
transform-origin: 140px 140px; animation: hcPhSpin 22s linear infinite
}
.hc-ph__orbit-in {
transform-origin: 140px 140px; animation: hcPhSpinR 32s linear infinite
}
.hc-ph__dot {
animation: hcPhDot 2.6s ease-in-out infinite
}
.hc-ph__schema {
animation: hcPhSchema 4s ease-in-out infinite
}
.hc-pcard__ph-wrap .hc-ph {
max-width: 100%; max-height: 100%
}


.pcard-a__ph .hc-ph, .pcard-b__ph .hc-ph, .pcard-c__ph .hc-ph, .pcard-d__ph .hc-ph {
width: 100%; height: 100%; display: block
}
@media(max-width:1024px) {
  .hc-pcard__media .hc-ph, .hc-pcard__ph-wrap .hc-ph {position: absolute; inset: 0; width: 100%; height: 100%}
  .pcard-a__ph .hc-ph, .pcard-b__ph .hc-ph, .pcard-c__ph .hc-ph, .pcard-d__ph .hc-ph {width: 100%; height: 100%; display: block}
  .pcard--c .pcard-c__media .hc-ph {aspect-ratio: 1}
}

.hc-ph text[font-family*="Mono"] {
opacity: 0.4;
  font-size: 8px;
}





.hc-pcard__ph-wrap .hc-ph {
width: 100%;
  height: 100%;
}
.hc-pcard__media .hc-ph, .hc-pcard__ph-wrap .hc-ph {
filter: drop-shadow(0 4px 8px rgba(122, 101, 72, 0.16));
  transition: filter 0.45s ease, transform 0.45s ease;
}


.hc-pdp-gallery__main .hc-ph {
filter: drop-shadow(0 12px 24px rgba(122, 101, 72, 0.18));
  transition: filter 0.55s ease, transform 0.55s ease;
}
.hc-pdp-gallery__main:hover .hc-ph {
filter: drop-shadow(0 22px 40px rgba(122, 101, 72, 0.28));
}

.pcard-media__placeholder .hc-ph, .pcard-c__ph .hc-ph {
max-width: 100%;
  max-height: 100%;
  filter: drop-shadow(0 4px 8px rgba(122, 101, 72, 0.16));
}

.hc-hero__visual-schema .hc-ph__dot, .hc-hero__visual .hc-ph__dot {
animation: hcOrbitFloat 4s ease-in-out infinite;
}

.hc-pcard:hover .hc-ph__orbit-in {
animation-duration: 18s
}

.hc-hero__visual-schema .hc-ph__orbit-in .hc-ph__dot {
animation-delay: 1.2s;
}

.hc-pcard:hover .hc-ph__orbit-out {
animation-duration: 12s
}

.hc-hero__visual-schema .hc-ph__orbit-out .hc-ph__dot {
animation-delay: 0s;
}