.av-scene { position: relative; width: 100%; max-width: 540px; margin-inline: auto; aspect-ratio: 1; perspective: 1000px; } .av-scene::before { content: ""; position: absolute; inset: 6%; border-radius: 50%; background: radial-gradient(closest-side, rgba(205, 153, 79, 0.26), rgba(205, 153, 79, 0) 72%); } .av-scene__stage { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform 0.6s var(--av-ease); } .av-scene__item { position: absolute; height: auto; --av-x: 0px; --av-y: 0px; --av-rz: 0deg; --av-depth: 0.5; transform: translate3d(var(--av-x), var(--av-y), 0) rotate(var(--av-rz)); filter: drop-shadow(0 22px 28px rgba(0, 0, 0, 0.45)); backface-visibility: hidden; } .av-scene__floor { position: absolute; left: 12%; right: 12%; bottom: 0; height: 9%; border-radius: 50%; background: radial-gradient(closest-side, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); filter: blur(6px); } .av-scene__item--1 { left: 8%;  top: 10%;   width: 60%; z-index: 3; --av-depth: 1; } .av-scene__item--2 { right: -2%; top: 0;    width: 50%; z-index: 2; --av-depth: 0.55; --av-rz: -7deg; } .av-scene__item--3 { left: 0;   bottom: 6%; width: 42%; z-index: 1; --av-depth: 0.35; --av-rz: 9deg; } .av-scene--count-2 .av-scene__item--1 { left: 2%; top: 8%; width: 62%; } .av-scene--count-2 .av-scene__item--2 { right: 0; top: auto; bottom: 8%; width: 52%; --av-rz: -5deg; } .av-scene--count-1 .av-scene__item--1 { left: 12%; top: 8%; width: 76%; } @keyframes av-float { 0%, 100% { transform: translate3d(var(--av-x), var(--av-y), 0) rotate(var(--av-rz)); } 50%      { transform: translate3d(var(--av-x), calc(var(--av-y) - 12px), 0) rotate(var(--av-rz)); } } .av-motion .av-scene__item { animation: av-float 7s ease-in-out infinite; } .av-motion .av-scene__item--2 { animation-duration: 9s; animation-delay: -3s; } .av-motion .av-scene__item--3 { animation-duration: 8s; animation-delay: -5s; } @media (max-width: 781px) { .av-scene { max-width: 76vw; } .av-scene__item { filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.4)); } } .av-home-hero__grid { display: grid; gap: 2rem; align-items: center; width: min(var(--theme-container-edge-spacing, 92vw), var(--theme-normal-container-max-width, 1290px)); max-width: none; margin-inline: auto; } .av-home-hero__inner { text-align: center; } .av-home-hero__inner .wp-block-buttons { justify-content: center; } @media (max-width: 781px) { .av-home-hero .av-scene { order: -1; } } @media (min-width: 782px) { .av-home-hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 3rem; } .av-home-hero__inner { text-align: left; max-width: 560px; } .av-home-hero__inner .wp-block-buttons { justify-content: flex-start; } } .av-archive-hero { margin-bottom: 2.5rem; padding-block: clamp(2rem, 6vw, 3.5rem); overflow: clip; background: radial-gradient(120% 90% at 50% 100%, #2a2416 0%, var(--av-ink) 60%); color: var(--av-ivory); } .av-archive-hero__grid { display: grid; gap: 1.5rem; align-items: center; width: min(var(--theme-container-edge-spacing, 92vw), var(--theme-normal-container-max-width, 1290px)); margin-inline: auto; } .av-archive-hero .hero-section, .av-archive-hero .hero-section[data-type="type-2"] { min-height: 0; padding: 0; max-width: none; text-align: center; background: transparent !important; box-shadow: none; --theme-heading-color: var(--av-ivory); --theme-text-color: var(--av-night-text-muted); --theme-link-initial-color: var(--av-gold-300); } .av-archive-hero .hero-section > figure { display: none; } .av-archive-hero .hero-section .entry-header { max-width: none; width: 100%; margin: 0; padding: 0; } .av-archive-hero .hero-section h1, .av-archive-hero .hero-section .ct-breadcrumbs, .av-archive-hero .hero-section .ct-breadcrumbs a { color: var(--av-ivory) !important; } .av-archive-hero .hero-section .page-description { color: var(--av-night-text-muted) !important; } .av-archive-hero .av-scene { max-width: 360px; } @media (max-width: 781px) { .av-archive-hero .av-scene { order: -1; max-width: 60vw; } } @media (min-width: 782px) { .av-archive-hero__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); } .av-archive-hero .hero-section { text-align: left; } .av-archive-hero .hero-section .entry-header { align-items: flex-start; text-align: left; } } .av-motion .av-reveal { opacity: 0; transform: translateY(18px); } .av-motion .av-reveal.is-in { opacity: 1; transform: none; transition: opacity 0.55s var(--av-ease), transform 0.65s var(--av-ease); transition-delay: var(--av-delay, 0ms); } .av-motion .wp-block-button__link, .av-motion .single_add_to_cart_button, .av-motion ul.products .button, .av-motion .av-btn { transition: background-color var(--av-duration-fast) var(--av-ease), border-color var(--av-duration-fast) var(--av-ease), color var(--av-duration-fast) var(--av-ease), transform var(--av-duration-fast) var(--av-ease), box-shadow var(--av-duration-fast) var(--av-ease); } .av-motion .wp-block-button__link:hover, .av-motion .single_add_to_cart_button:hover, .av-motion ul.products .button:hover { transform: translateY(-1px); } .av-motion .wp-block-button__link:active, .av-motion .single_add_to_cart_button:active, .av-motion ul.products .button:active { transform: translateY(0) scale(0.98); } .av-motion .av-cat-tiles__link img, .av-motion .av-lookbook-tile { transition: transform var(--av-duration-slow) var(--av-ease), opacity 0.2s ease; } .av-motion .av-cat-tiles__link:hover img { transform: translateY(-4px); } .av-motion ul.products .product .ct-media-container img, .av-motion ul.products .product .attachment-woocommerce_thumbnail { transition: transform var(--av-duration-slow) var(--av-ease); } .av-motion ul.products .product:hover .ct-media-container img:first-child, .av-motion ul.products .product:hover > a > .attachment-woocommerce_thumbnail { transform: scale(1.04); } .single_add_to_cart_button, ul.products .button { position: relative; } .av-btn-loading, ul.products .button.loading { color: transparent !important; pointer-events: none; } .av-btn-loading::after, ul.products .button.loading::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border: 2px solid currentColor; border-color: var(--av-gold-500) var(--av-gold-500) transparent; border-radius: 50%; animation: av-spin 0.8s linear infinite; background: none; opacity: 1; } @keyframes av-spin { to { transform: rotate(360deg); } } .av-btn-added, ul.products .button.added { background-color: var(--av-gold-700) !important; border-color: var(--av-gold-700) !important; color: #fff !important; } .av-btn-added::before { content: ""; display: inline-block; width: 0.55em; height: 0.95em; margin-right: 0.6em; margin-top: -0.25em; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); animation: av-check 0.35s var(--av-ease); } @keyframes av-check { from { transform: rotate(45deg) scale(0); } to   { transform: rotate(45deg) scale(1); } } form.cart .added_to_cart { display: block; margin-top: 0.75rem; font-size: 0.9375rem; } .av-fly { position: fixed; z-index: 9999; width: 14px; height: 14px; border-radius: 50%; background: var(--av-gold-500); box-shadow: 0 0 0 4px rgba(205, 153, 79, 0.25); pointer-events: none; transform: translate(-50%, -50%); } @keyframes av-bump { 0%   { transform: scale(1); } 35%  { transform: scale(1.22); } 70%  { transform: scale(0.94); } 100% { transform: scale(1); } } .ct-header-cart.av-bump > a { animation: av-bump 0.6s var(--av-ease); } .av-embed { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: var(--av-embed-ratio, 4 / 3); overflow: hidden; background: var(--av-neutral-100); border-radius: 2px; isolation: isolate; } .av-embed--spline { aspect-ratio: auto; height: var(--av-embed-height, 520px); max-height: 80vh; } .av-embed--model { background: #fff; border: 1px solid var(--av-neutral-300); } .av-embed__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.4s ease; } .av-embed--model .av-embed__poster { object-fit: contain; padding: 4%; } .av-embed__poster--blank { background: linear-gradient(135deg, var(--av-neutral-100), var(--av-neutral-300)); } .av-embed__play { position: relative; z-index: 2; transition: opacity 0.3s ease; } .av-embed__play--quiet { padding: 0.5rem 1rem; border: 1px solid var(--av-neutral-300); border-radius: 2px; background: rgba(255, 255, 255, 0.9); color: var(--av-ink); font: inherit; font-size: 0.875rem; cursor: pointer; } .av-embed.is-loading .av-embed__play { opacity: 0.55; pointer-events: none; } .av-embed.is-live .av-embed__play, .av-embed.is-live .av-embed__poster { opacity: 0; pointer-events: none; } .av-embed model-viewer, .av-embed spline-viewer, .av-embed .av-embed__canvas { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; background: transparent; } .av-embed__help, .av-embed__note { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; margin: 0; padding: 0.5rem 1rem; font-size: 0.8125rem; line-height: 1.4; color: var(--av-neutral-700); background: rgba(255, 255, 255, 0.88); display: none; } .av-embed.is-live .av-embed__help, .av-embed.is-failed .av-embed__note { display: block; } .av-embed.is-failed .av-embed__play { display: none; } .av-model-link { margin: 0.5rem 0 0; font-size: 0.9375rem; } @media (prefers-reduced-motion: reduce) { .av-scene__item { animation: none !important; transform: rotate(var(--av-rz)) !important; } .av-scene__stage { transform: none !important; } .av-reveal { opacity: 1 !important; transform: none !important; transition: none !important; } .ct-header-cart.av-bump > a, .av-btn-added::before { animation: none !important; } .av-fly { display: none; } }