.av-eyebrow { font-size: 0.7rem; letter-spacing: 0.08em; } .av-section-header--split { flex-direction: column; align-items: center; justify-content: center; gap: 0.4rem; text-align: center; } .av-section-header h2 { margin: 0; font-size: clamp(1rem, 1.5vw, 1.25rem); font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; color: var(--av-gold-700); } .av-section-header p { margin: 0; font-size: 0.95rem; } .av-archive-hero h1, .hero-section .page-title, .wp-block-group.is-style-av-inverse h2 { text-transform: uppercase; letter-spacing: 0.02em; } .wp-block-group.is-style-av-inverse h2 { font-size: clamp(2.25rem, 5.2vw, 4.25rem); line-height: 1.02; } :root:not(:lang(bn)) .av-home-story .av-eyebrow { font-family: var(--av-font-script); font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1; letter-spacing: 0; text-transform: none; color: var(--av-gold-700); } .wp-block-button__link, .wp-element-button, .button, button.button, a.button, input[type="submit"], .av-btn, .av-order__btn, .av-qv-btn, .av-consent__ok, .single_add_to_cart_button, .add_to_cart_button, .checkout-button, .wc-block-components-button { border-radius: 999px !important; } .wp-block-button__link, .av-btn, .single_add_to_cart_button, .add_to_cart_button { font-family: var(--av-font-label); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.02em; } .wp-block-button.is-style-av-ghost .wp-block-button__link { border: 1px solid var(--av-gold-700); background: transparent; color: var(--av-gold-800); } .wp-block-button.is-style-av-ghost .wp-block-button__link:hover, .wp-block-button.is-style-av-ghost .wp-block-button__link:focus { background: var(--av-gold-700); color: #fff; } .is-style-av-inverse .wp-block-button.is-style-av-ghost .wp-block-button__link { border-color: var(--av-gold-300); color: var(--av-neutral-100); } .av-order__btn--call { border-color: var(--av-gold-700); color: var(--av-gold-800); } .av-qv-btn { background: rgba(27, 27, 27, 0.82); font-family: var(--av-font-body); } #header [data-row="middle"] { border-bottom: 1px solid var(--av-neutral-300); } #header .site-title a { letter-spacing: 0.18em; } .av-archive-hero { background: radial-gradient(70% 130% at 80% 50%, #4d433c 0%, #272220 50%, #1c1917 100%); } .wp-block-group.is-style-av-inverse, .av-archive-hero { position: relative; isolation: isolate; overflow: clip; } .wp-block-group.is-style-av-inverse::before, .wp-block-group.is-style-av-inverse::after, .av-archive-hero::before, .av-archive-hero::after { content: ""; position: absolute; top: 9%; bottom: -12%; z-index: -1; width: clamp(110px, 17vw, 290px); border-radius: 999px 999px 0 0; background: repeating-linear-gradient(90deg, rgba(175, 147, 118, 0.1) 0 16px, transparent 16px 28px); pointer-events: none; } .wp-block-group.is-style-av-inverse::before, .av-archive-hero::before { left: -1.5%; transform: skewX(-5deg); } .wp-block-group.is-style-av-inverse::after, .av-archive-hero::after { right: -1.5%; transform: skewX(5deg); } @media (max-width: 781px) { .wp-block-group.is-style-av-inverse::before, .wp-block-group.is-style-av-inverse::after, .av-archive-hero::before, .av-archive-hero::after { display: none; } } .wp-block-group.is-style-av-band { background: linear-gradient(180deg, #faf7f2, #f3ebe3); } .av-ring__item img, .av-pgal__item img, .av-qv__media img, .av-cat-tiles__link img { background: var(--av-neutral-100); } .av-ring__name { font-family: var(--av-font-label); font-size: 0.72rem; letter-spacing: 0.02em; text-transform: uppercase; } .av-ring__btn { border-color: var(--av-gold-700); color: var(--av-gold-800); } .woocommerce ul.products li.product .price, .av-price-ask { color: var(--av-gold-700); } .ct-footer [data-row="middle"] > .ct-container { position: relative; } .ct-footer [data-row="middle"] > .ct-container::before { content: ""; position: absolute; inset: 1.5rem 0; border: 3px double #3a342d; pointer-events: none; } .ct-footer [data-row="middle"] > .ct-container > * { position: relative; padding-inline: clamp(1rem, 2.5vw, 2.25rem); } .ct-footer [data-row="bottom"]::before { content: "AV\00C9NA"; display: block; padding: 1rem 2vw 0.25rem; font-family: var(--av-font-display); font-size: clamp(4.5rem, 23vw, 21rem); line-height: 0.92; letter-spacing: 0.04em; text-align: center; color: #b8a48c; overflow: hidden; } .av-book-banner { background: var(--av-gold-100); border-left-color: var(--av-gold-500); } .av-usp__list strong { font-size: 0.72rem; letter-spacing: 0.02em; text-transform: uppercase; color: var(--av-gold-800); } .wp-block-button.is-style-av-secondary .wp-block-button__link { background: var(--av-gold-700); color: #fff; } .wp-block-button.is-style-av-secondary .wp-block-button__link:hover, .wp-block-button.is-style-av-secondary .wp-block-button__link:focus { background: var(--av-gold-800); color: #fff; } .is-style-av-inverse .wp-block-button:not(.is-style-av-ghost) .wp-block-button__link:not(:hover):not(:focus) { background: var(--av-gold-300); color: var(--av-ink); } .ct-header .av-header-icon, .ct-header [data-id="menu-secondary"] .menu > li > a { color: var(--av-header-text); } .ct-header .av-header-icon:hover, .ct-header [data-id="menu-secondary"] .menu > li > a:hover, .ct-header [data-id="menu-secondary"] .menu > li.current-lang > a { color: var(--av-header-accent); } #offcanvas :is(a, button, summary):focus-visible { outline-color: var(--av-gold-800); } .av-cat-tiles__link img, .av-cat-tiles__blank { border-radius: 999px 999px 6px 6px; } [data-products] .product figure, [data-products] .product .ct-media-container, .av-pgal__item img, .woocommerce-product-gallery .ct-media-container, .av-qv__media img { border-radius: 6px; overflow: hidden; } [data-products] .product { text-align: center; } [data-products] .product .woocommerce-loop-product__title { font-family: var(--av-font-body); font-size: 1rem; font-weight: 500; line-height: 1.35; } [data-products] .product > .av-badge--new, [data-products] .product .av-badge--new { display: none; } .av-qv-btn { left: auto; right: 0.6rem; bottom: 0.6rem; transform: none; padding: 0.32rem 0.75rem; font-size: 0.7rem; letter-spacing: 0.03em; background: rgba(245, 241, 236, 0.92); color: var(--av-ink); } @media (hover: none) { .av-qv-btn { transform: none; } } .av-order--card { justify-content: center; gap: 0.25rem 1rem; margin-top: 0.55rem; } .av-order--card .av-order__btn { flex: 0 0 auto; min-height: 32px; padding: 0.25rem 0; border: 0; border-radius: 0 !important; background: none; color: var(--av-gold-700); font-size: 0.82rem; text-decoration: underline; text-underline-offset: 0.25em; } .av-order--card .av-order__btn--wa, .av-order--card .av-order__btn--wa:hover, .av-order--card .av-order__btn--wa:focus { background: none; color: var(--av-green-600, #17653c); } .av-order--card .av-order__btn:hover { color: var(--av-ink); } [data-products] .product .ct-woo-card-actions { justify-content: center; } [data-products] .product > .button, [data-products] .product > a.button { margin-inline: auto; } .av-orbit { position: relative; width: 100%; max-width: 540px; margin-inline: auto; padding-inline: 24px; container-type: inline-size; } .av-orbit--band { max-width: 390px; } .av-orbit__stage { position: relative; aspect-ratio: 1 / 0.86; perspective: 1100px; perspective-origin: 50% 42%; } .av-orbit__stage::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: 2%; height: 12%; border-radius: 50%; background: radial-gradient(closest-side, rgba(40, 24, 18, 0.32), rgba(40, 24, 18, 0)); pointer-events: none; } .av-orbit__world, .av-orbit__ring, .av-orbit__item { transform-style: preserve-3d; } .av-orbit__world, .av-orbit__ring { position: absolute; inset: 0; } .av-orbit__medal { position: absolute; top: 50%; left: 50%; width: 40%; margin: -20% 0 0 -20%; animation: av-orbit-medal 9s ease-in-out infinite; } .av-orbit__medal img { display: block; width: 100%; height: auto; border-radius: 50%; box-shadow: 0 26px 46px -18px rgba(27, 20, 16, 0.6); } .av-orbit__ring { --r: 150px; transform: rotateX(-16deg); animation: av-orbit-spin 38s linear infinite; } @supports (width: 1cqw) { .av-orbit__ring { --r: 41cqw; } } .av-orbit__item { position: absolute; top: 50%; left: 50%; width: 25%; margin: -12.5% 0 0 -12.5%; transform: rotateY(calc(360deg / var(--n) * var(--i))) translateZ(var(--r)) translateY(var(--y, 0%)); } .av-orbit__face { animation: av-orbit-face 38s linear infinite; } .av-orbit__face img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 14px 14px rgba(27, 20, 16, 0.28)); } @keyframes av-orbit-medal { 0%, 100% { transform: rotateY(-26deg) rotateX(5deg); } 50% { transform: rotateY(26deg) rotateX(-4deg); } } @keyframes av-orbit-spin { from { transform: rotateX(-16deg) rotateY(0deg); } to { transform: rotateX(-16deg) rotateY(360deg); } } @keyframes av-orbit-face { from { transform: rotateY(calc(-360deg / var(--n) * var(--i))) rotateX(16deg); } to { transform: rotateY(calc(-360deg / var(--n) * var(--i) - 360deg)) rotateX(16deg); } } .av-orbit__words { position: relative; height: 1.8em; margin: 0.35rem 0 0; perspective: 420px; font-family: var(--av-font-label); font-size: 0.95rem; font-weight: 700; letter-spacing: 0.32em; text-align: center; text-transform: uppercase; color: var(--av-gold-800); } .is-style-av-inverse .av-orbit__words { color: var(--av-gold-300); } .av-orbit__words span { position: absolute; inset: 0; opacity: 0; transform-origin: 50% 50% -0.9em; animation: av-orbit-word 9s infinite; } .av-orbit__words span:nth-child(2) { animation-delay: 3s; } .av-orbit__words span:nth-child(3) { animation-delay: 6s; } @keyframes av-orbit-word { 0% { opacity: 0; transform: rotateX(-90deg); } 5%, 28% { opacity: 1; transform: rotateX(0deg); } 33%, 100% { opacity: 0; transform: rotateX(90deg); } } .av-orbit--still .av-orbit__medal, .av-orbit--still .av-orbit__ring, .av-orbit--still .av-orbit__face, .av-orbit--still .av-orbit__words span { animation: none; } .av-orbit--still .av-orbit__ring { transform: rotateX(-16deg) rotateY(24deg); } .av-orbit--still .av-orbit__face { transform: rotateY(calc(-360deg / var(--n) * var(--i) - 24deg)) rotateX(16deg); } .av-orbit--still .av-orbit__words span { position: static; display: inline-block; margin: 0 0.5em; opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .av-orbit__medal, .av-orbit__ring, .av-orbit__face, .av-orbit__words span { animation: none; } .av-orbit__ring { transform: rotateX(-16deg) rotateY(24deg); } .av-orbit__face { transform: rotateY(calc(-360deg / var(--n) * var(--i) - 24deg)) rotateX(16deg); } .av-orbit__words span { position: static; display: inline-block; margin: 0 0.5em; opacity: 1; transform: none; } } .av-archive-hero--orbit { padding-block: clamp(1.5rem, 4vw, 2.5rem); } .ct-footer .av-footer-logo img { border-radius: 50%; } .av-topbar { margin: 0; padding: 0.55rem 1rem; background: #181513; color: var(--av-gold-300); font-family: var(--av-font-label); font-size: 0.66rem; letter-spacing: 0.24em; line-height: 1.5; text-align: center; text-transform: uppercase; } :root:lang(bn) .av-topbar { font-size: 0.85rem; letter-spacing: 0.04em; } .av-orbit--home { max-width: 600px; } .av-home-section { padding-block: clamp(3.5rem, 8vw, 6.5rem); } .av-section-header--split::after { content: ""; width: 72px; height: 9px; margin-top: 0.6rem; background: linear-gradient(var(--av-gold-500), var(--av-gold-500)) left center / 28px 1px no-repeat, linear-gradient(var(--av-gold-500), var(--av-gold-500)) right center / 28px 1px no-repeat, linear-gradient(45deg, transparent 35%, var(--av-gold-500) 35% 65%, transparent 65%) center / 9px 9px no-repeat; } [data-products] .product .woocommerce-loop-product__title { font-size: 0.86rem; letter-spacing: 0.09em; text-transform: uppercase; } [data-products] .product .price, [data-products] .product .av-price-ask { font-size: 0.92rem; } [data-products] .product figure, [data-products] .product .ct-media-container { box-shadow: 0 22px 44px -30px rgba(40, 28, 20, 0.45); } .wp-block-group.av-page-orbit { margin-top: calc(var(--theme-content-vertical-spacing, 0px) * -1); margin-bottom: 0; padding-block: clamp(1.25rem, 3vw, 2rem); background: radial-gradient(60% 130% at 50% 50%, #4d433c 0%, #272220 52%, #1c1917 100%); } .av-page-orbit + .is-style-av-inverse { margin-top: 0; } .wp-block-group.av-page-orbit::before, .wp-block-group.av-page-orbit::after { display: none; } :root { --av-cobalt: #27348b; --av-cobalt-deep: #182263; --av-saffron: #f0b445; --av-lime: #d9f25c; --av-aubergine: #33143a; } #header .site-title-container, #header .site-title { display: none; } #header .site-logo-container img, .ct-footer .av-footer-logo img { border-radius: 0; } .av-section-header--split { flex-direction: row; align-items: flex-end; justify-content: space-between; text-align: left; gap: 1rem; } .av-section-header--split::after { display: none; } .av-section-header h2 { font-family: var(--av-font-poster); font-size: clamp(2.6rem, 7.2vw, 6.2rem); line-height: 0.95; letter-spacing: 0.005em; color: var(--av-ink); } .av-section-header p a { font-family: var(--av-font-display); font-size: clamp(1.1rem, 1.8vw, 1.6rem); font-style: italic; color: var(--av-cobalt); } .av-ring__item img { border-radius: 999px 999px 10px 10px; } .av-ring__name::before { content: ""; display: inline-block; width: 0.5em; height: 0.5em; margin-right: 0.6em; border-radius: 50%; background: var(--av-cobalt); vertical-align: 0.08em; } .av-ring__item:nth-child(3n + 2) .av-ring__name::before { background: #e4572e; } .av-ring__item:nth-child(3n) .av-ring__name::before { background: #c2185b; } .av-ring__btn { border-color: var(--av-ink); color: var(--av-ink); } [data-products] .product figure, [data-products] .product .ct-media-container { padding: 12px 12px 0; border-radius: 10px; background: #ddd6f3; box-shadow: none; } [data-products] .product .ct-media-container img:not(.av-card__alt) { border-radius: 999px 999px 0 0; } [data-products] .product:nth-child(5n + 2) figure, [data-products] .product:nth-child(5n + 2) .ct-media-container { background: #cfe9d9; } [data-products] .product:nth-child(5n + 3) figure, [data-products] .product:nth-child(5n + 3) .ct-media-container { background: #f7d7c2; } [data-products] .product:nth-child(5n + 4) figure, [data-products] .product:nth-child(5n + 4) .ct-media-container { background: #f4cfdb; } [data-products] .product:nth-child(5n) figure, [data-products] .product:nth-child(5n) .ct-media-container { background: #cfe3f5; } [data-products] .product .woocommerce-loop-product__title { font-size: 0.98rem; letter-spacing: 0; text-transform: none; } .add_to_cart_button, .single_add_to_cart_button, [data-products] .product .button { background: var(--av-saffron) !important; color: var(--av-ink) !important; } .add_to_cart_button:hover, .single_add_to_cart_button:hover, [data-products] .product .button:hover { background: var(--av-ink) !important; color: #fff !important; } .av-qv-btn { background: var(--av-lime); color: var(--av-ink); } .wp-block-group.is-style-av-inverse::before, .wp-block-group.is-style-av-inverse::after, .av-archive-hero::before, .av-archive-hero::after { background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 16px, transparent 16px 28px); } .wp-block-group.is-style-av-inverse h2 { font-family: var(--av-font-display); } .av-orbit__words { position: absolute; top: 43%; left: 0; right: 0; margin: 0; transform: translateY(-50%); font-family: var(--av-font-poster); font-size: clamp(1.5rem, 9cqw, 3rem); font-weight: 400; letter-spacing: 0.04em; color: var(--av-lime); } .is-style-av-inverse .av-orbit__words { color: var(--av-lime); } .av-orbit--still .av-orbit__words span + span { display: none; } @media (prefers-reduced-motion: reduce) { .av-orbit__words span + span { display: none; } } .av-topbar { background: var(--av-ink); color: var(--av-lime); } .ct-footer [data-row="bottom"]::before { font-family: var(--av-font-poster); color: var(--av-saffron); letter-spacing: 0.01em; } [data-products] .product figure .ct-media-container, [data-products] .product:nth-child(n) figure .ct-media-container { padding: 0; border: 0; border-radius: 0; background: transparent; } #header [data-row="middle"] { border-bottom: 0; } #header .site-logo-container img { display: block; } .av-marquee { grid-column: 1 / -1; overflow: hidden; padding: 0.4em 0; background: var(--av-lime); color: var(--av-ink); font-family: var(--av-font-poster); font-size: clamp(1.1rem, 2.3vw, 1.9rem); letter-spacing: 0.04em; line-height: 1.2; text-transform: uppercase; white-space: nowrap; } .av-marquee__track { display: inline-flex; animation: av-marquee 24s linear infinite; } .av-marquee__track span { padding-right: 2.2em; } .av-marquee__track span::after { content: "\2726"; padding-left: 2.2em; } @keyframes av-marquee { to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { .av-marquee__track { animation: none; } } :root { --av-cobalt: #1b1815; --av-cobalt-deep: #0f0d0c; --av-saffron: #c6a15b; --av-lime: #c6a15b; --av-aubergine: #1c1917; } .av-section-header--split { align-items: baseline; } .av-section-header h2 { font-family: var(--av-font-display); font-size: clamp(1.6rem, 2.4vw, 2.125rem); line-height: 1.18; letter-spacing: 0.02em; text-transform: none; color: var(--av-ink); } .av-section-header p a { font-family: var(--av-font-body); font-size: 0.82rem; font-style: normal; letter-spacing: 0.08em; text-transform: uppercase; color: var(--av-gold-700); } .wp-block-group.is-style-av-inverse h2 { font-size: clamp(1.7rem, 2.8vw, 2.4rem); line-height: 1.14; text-transform: none; } .av-home-section { padding-block: clamp(2.5rem, 5vw, 4rem); } .av-marquee { padding: 0.85em 0; border-top: 1px solid rgba(198, 161, 91, 0.35); background: #0f0d0c; color: var(--av-saffron); font-family: var(--av-font-label); font-size: 0.7rem; letter-spacing: 0.3em; } @media (min-width: 1200px) { .av-home-section [data-products] { --shop-columns: 5; grid-template-columns: repeat(5, minmax(0, 1fr)); } } [data-products] .product:nth-child(n) figure { padding: 0; border-radius: 2px; background: #efe9e1; } [data-products] .product .ct-media-container img:not(.av-card__alt) { border-radius: 0; } [data-products] .product .woocommerce-loop-product__title { font-size: 0.94rem; font-weight: 400; } [data-products] .product .price, [data-products] .product .av-price-ask { font-size: 0.88rem; } .add_to_cart_button, .single_add_to_cart_button, [data-products] .product .button { min-height: 42px; padding-inline: 1.4rem; background: var(--av-ink) !important; color: #f5f1ec !important; font-size: 0.66rem; } .add_to_cart_button:hover, .single_add_to_cart_button:hover, [data-products] .product .button:hover { background: var(--av-saffron) !important; color: var(--av-ink) !important; } .av-qv-btn { background: rgba(245, 241, 236, 0.94); color: var(--av-ink); } .av-3d .av-ring { --ring-w: clamp(170px, 44vw, 230px); } .av-ring__item img { border-radius: 2px; } .av-ring__item:nth-child(n) .av-ring__name::before { background: var(--av-saffron); } .av-orbit__words { font-family: var(--av-font-display); font-size: clamp(1.15rem, 7cqw, 1.9rem); letter-spacing: 0.14em; } .av-topbar { background: #0f0d0c; } .ct-footer [data-row="bottom"]::before { display: none; } .single-product .product-entry-wrapper { --product-gallery-width: 42%; } .single-product .woocommerce-product-gallery { max-width: 520px; } .single-product .entry-summary .entry-title { font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.2; } .widget_price_filter, .wp-block-woocommerce-price-filter, .wc-block-product-filter-price, [class*="ct-price-filter"] { display: none !important; } .av-section-header h2 { font-size: clamp(1.8rem, 2.6vw, 2.375rem); } .av-eyebrow, .av-ring__name, .av-usp__list strong { font-size: 0.72rem; } .av-topbar { font-size: 0.7rem; letter-spacing: 0.22em; } .av-marquee { font-size: 0.74rem; letter-spacing: 0.28em; } .av-orbit__words { letter-spacing: 0.1em; } :root:lang(bn) :is(.av-eyebrow, .av-section-header p a, .av-ring__name, .av-topbar, .av-marquee, .wp-block-button__link, .av-btn, .single_add_to_cart_button, .add_to_cart_button, .av-usp__list strong) { letter-spacing: 0.02em; } .av-home-section { position: relative; overflow-x: clip; } .av-home-section > * { position: relative; z-index: 1; } .av-home-section > .av-watermark, .av-watermark { position: absolute; top: 0.05em; right: -0.03em; z-index: 0; font-family: var(--av-font-display); font-size: clamp(4.5rem, 15vw, 13rem); font-weight: 600; line-height: 0.8; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; color: transparent; -webkit-text-stroke: 1px rgba(175, 147, 118, 0.34); pointer-events: none; user-select: none; } .av-panels { display: flex; gap: 10px; height: clamp(320px, 40vw, 470px); } .av-panel { position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; border-radius: 3px; background: #1c1917; transition: flex-grow 0.7s var(--av-ease-out, ease-out), flex-basis 0.6s var(--av-ease-out, ease-out); } .av-panels.is-ready .av-panel { flex: 0.0001 1 76px; } .av-panels.is-ready .av-panel.is-open { flex-grow: 1; } .av-panel__media, .av-panel__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .av-panel__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 13, 12, 0.12) 35%, rgba(15, 13, 12, 0.84) 100%); transition: background 0.5s linear; } .av-panels.is-ready .av-panel:not(.is-open) .av-panel__media::after { background: rgba(15, 13, 12, 0.64); } .av-panel__tab { position: absolute; inset: 0; z-index: 2; display: none; flex-direction: column; align-items: center; justify-content: space-between; padding: 1.1rem 0; border: 0; border-radius: 0 !important; background: none; color: var(--av-neutral-100); font: inherit; cursor: pointer; } .av-panels.is-ready .av-panel:not(.is-open) .av-panel__tab { display: flex; } .av-panel__tab:focus-visible { outline: 2px solid var(--av-saffron); outline-offset: -5px; } .av-panel__num { font-size: 0.72rem; letter-spacing: 0.16em; color: var(--av-saffron); } .av-panel__label { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 0.78rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; white-space: nowrap; } .av-panel__text { position: absolute; left: 1.5rem; right: 1.5rem; bottom: 1.4rem; z-index: 3; color: #fff; } .av-panels.is-ready .av-panel:not(.is-open) .av-panel__text { visibility: hidden; opacity: 0; } .av-panels.is-ready .av-panel.is-open .av-panel__text { animation: av-panel-text 0.6s 0.25s both; } @keyframes av-panel-text { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } .av-panel__text h3 { margin: 0 0 0.3rem; color: #fff; font-size: clamp(1.4rem, 2.4vw, 2rem); } .av-panel__text a { color: var(--av-saffron); font-size: 0.78rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none; } .av-panel__text a:focus-visible { outline: 2px solid var(--av-saffron); outline-offset: 4px; } @media (max-width: 781px) { .av-panels { flex-direction: column; height: auto; } .av-panel { flex: 0 0 220px; } .av-panels.is-ready .av-panel { flex: 0 0 58px; } .av-panels.is-ready .av-panel.is-open { flex: 0 0 300px; } .av-panel__tab { flex-direction: row; padding: 0 1.1rem; } .av-panel__label { writing-mode: horizontal-tb; transform: none; } } @media (prefers-reduced-motion: reduce) { .av-panel, .av-panels.is-ready .av-panel.is-open .av-panel__text { transition: none; animation: none; } } .av-follow { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(0.6rem, 1.4vw, 1.25rem); align-items: center; padding-bottom: 26px; } .av-follow__tile { display: block; overflow: hidden; border-radius: 3px; } .av-follow__tile img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: #efe9e1; } .av-follow__tile:nth-child(odd) { border-radius: 999px 999px 3px 3px; } .av-follow__tile:nth-child(even) { transform: translateY(26px); } .av-follow__card { display: flex; flex-direction: column; justify-content: center; gap: 0.7rem; align-self: stretch; padding: 1.5rem 1.25rem; border-radius: 3px; background: #1c1917; } .av-follow__handle { margin: 0; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--av-saffron); } .av-follow__lead { margin: 0; font-family: var(--av-font-display); font-size: 1.4rem; line-height: 1.2; color: #fff; } .av-follow__btn { align-self: flex-start; padding: 0.65rem 1.2rem; border: 1px solid var(--av-saffron); border-radius: 999px; color: var(--av-saffron); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none; } .av-follow__btn:hover, .av-follow__btn:focus { background: var(--av-saffron); color: var(--av-ink); } @media (max-width: 999px) { .av-follow { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-bottom: 0; } .av-follow__tile:nth-child(even) { transform: none; } } @media (max-width: 600px) { .av-follow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .av-follow__card { grid-column: 1 / -1; } } .wp-block-group.av-home-lookbook { border-radius: 50% 50% 0 0 / clamp(26px, 5vw, 64px) clamp(26px, 5vw, 64px) 0 0; } .av-sig__cta { display: flex; flex-wrap: wrap; gap: 0.8rem; justify-content: center; margin: 0; } .av-sig__btn { display: inline-flex; align-items: center; min-height: 46px; padding: 0.6rem 1.6rem; border: 1px solid var(--av-saffron); border-radius: 999px; color: var(--av-neutral-100); font-size: 0.74rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none; } .av-sig__btn--fill { background: var(--av-saffron); color: var(--av-ink); } .av-sig__btn:hover, .av-sig__btn:focus { background: #fff; color: var(--av-ink); } @keyframes av-sig-float { 0%, 100% { transform: translateY(0) rotate(-1.2deg); } 50% { transform: translateY(-14px) rotate(1.2deg); } } .av-sig__num { font-size: 0.72rem; letter-spacing: 0.2em; color: var(--av-saffron); } .av-3d .av-ring__spin { transform: translateZ(calc(var(--ring-r) * -1)) rotateY(var(--ring-scroll, 0deg)); } .av-3d .av-ring__track { transform: rotateY(calc(var(--ring-a, 0deg) * -1)); } .av-3d .av-ring__item { transform: rotateY(calc(var(--i, 0) * var(--ring-step))) translateZ(var(--ring-r)); } .av-3d .av-sig__pic { position: absolute; bottom: 11%; width: min(17vw, 250px); overflow: hidden; border: 1px solid rgba(198, 161, 91, 0.85); border-radius: 999px 999px 4px 4px; box-shadow: 0 24px 50px rgba(0, 0, 0, 0.6); } .av-3d .av-sig__pic img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; } .av-3d .av-sig__pic--l { right: calc(100% + 5vw); } .av-3d .av-sig__pic--r { left: calc(100% + 5vw); } @media (max-width: 781px) { .av-3d .av-sig__pic { width: 24vw; } .av-3d .av-sig__pic--l { right: calc(100% + 3vw); } .av-3d .av-sig__pic--r { left: calc(100% + 3vw); } } .av-3d .av-sig__pic { top: calc(100% + 3vh); bottom: auto; } .av-3d .av-sig__pic--l { right: calc(50% + var(--r) + 5vw); } .av-3d .av-sig__pic--r { left: calc(50% + var(--r) + 5vw); } @media (max-width: 781px) { .av-3d .av-sig__pic--l { right: calc(50% + var(--r) + 3vw); } .av-3d .av-sig__pic--r { left: calc(50% + var(--r) + 3vw); } } .av-home-section { padding-block: clamp(2rem, 4vw, 3.25rem); } .av-section-header--split { margin-bottom: 1.25rem; } .av-ed { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; } .av-ed__item--1 { grid-column: 1 / -1; } .av-ed__media { display: block; overflow: hidden; border-radius: 2px; background: #efe9e1; } .av-ed__media img { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 5; object-fit: cover; } .av-ed__text { padding-top: 0.75rem; } .av-ed__num { display: block; font-size: 0.68rem; letter-spacing: 0.2em; color: var(--av-gold-700); } .av-ed__text h3 { margin: 0.2rem 0 0.15rem; font-size: 1.15rem; line-height: 1.2; } .av-ed__text h3 a { color: inherit; text-decoration: none; } .av-ed__price { margin: 0 0 0.5rem; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; } .av-ed__act { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; } .av-ed__act .button { min-height: 36px; padding: 0.3rem 1rem; font-size: 0.66rem; } .av-ed__act .av-order--card { margin: 0; } @media (min-width: 1000px) { .av-ed { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 3rem) clamp(1rem, 2vw, 2rem); align-items: start; } .av-ed__item--1 { grid-column: 1 / 4; grid-row: 1 / 3; } .av-ed__item--2 { grid-column: 4 / 6; grid-row: 1; margin-top: 3rem; } .av-ed__item--3 { grid-column: 6 / 7; grid-row: 1 / 3; } .av-ed__item--4 { grid-column: 4 / 6; grid-row: 2; } .av-ed__item--5 { grid-column: 1 / 3; grid-row: 3; margin-top: 1.5rem; } .av-ed__item--6 { grid-column: 3 / 7; grid-row: 3; } .av-ed__item--3 .av-ed__media img { aspect-ratio: 3 / 5; } .av-ed__item--4 .av-ed__media img { aspect-ratio: 4 / 3; } .av-ed__item--6 .av-ed__media img { aspect-ratio: 16 / 9; } } .av-take { position: relative; margin: 0; padding: clamp(3rem, 6vw, 5rem) 5vw; overflow: hidden; background: radial-gradient(70% 90% at 50% 40%, #5a2b36 0%, #3a1c25 55%, #26121a 100%); color: #f1e6da; } .av-take__word { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: var(--av-font-display); font-size: clamp(7rem, 30vw, 26rem); font-weight: 600; line-height: 0.8; text-transform: uppercase; white-space: nowrap; color: transparent; -webkit-text-stroke: 1px rgba(241, 230, 218, 0.16); pointer-events: none; user-select: none; } .av-take__grid { position: relative; display: grid; gap: 1.5rem; max-width: 1290px; margin-inline: auto; align-items: center; text-align: center; } .av-take__media { display: block; width: min(78vw, 420px); margin-inline: auto; overflow: hidden; border-radius: 999px 999px 6px 6px; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.7); animation: av-sig-float 8s ease-in-out infinite; } .av-take__media img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; } .av-take .av-eyebrow { color: var(--av-gold-300); } .av-take h2 { margin: 0.3rem 0 0; font-size: clamp(1.6rem, 2.6vw, 2.4rem); line-height: 1.12; color: #fff; } .av-take h2 a { color: inherit; text-decoration: none; } .av-take__cat { margin: 0.2rem 0; font-family: var(--av-font-display); font-size: 1.3rem; color: #fff; } .av-take__price { margin: 0 0 1rem; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; } .av-take .av-price-ask { color: var(--av-gold-300); } @media (min-width: 1000px) { .av-take__grid { grid-template-columns: 1fr auto 1fr; gap: 3rem; text-align: left; } .av-take__meta--r { text-align: right; } .av-take__meta--r .av-sig__btn { float: right; } } @media (prefers-reduced-motion: reduce) { .av-take__media { animation: none; } } .wp-block-group.av-env-dark { background: #1c1917; color: var(--av-neutral-100); --theme-text-color: var(--av-neutral-100); --theme-headings-color: #fff; } .wp-block-group.av-env-champagne { background: #ece2d2; } .av-env-dark .av-section-header h2, .av-env-dark [data-products] .product .woocommerce-loop-product__title, .av-env-dark [data-products] .product .woocommerce-loop-product__title a { color: #fff; } .av-env-dark .av-section-header p a, .av-env-dark .av-price-ask, .av-env-dark .av-order--card .av-order__btn { color: var(--av-gold-300); } .av-env-dark .av-watermark { -webkit-text-stroke-color: rgba(198, 161, 91, 0.22); } .av-env-dark [data-products] .product .button, .av-env-dark .add_to_cart_button { background: transparent !important; border: 1px solid var(--av-gold-300); color: var(--av-gold-300) !important; } [data-products] .product:nth-child(n) figure { background: transparent; } [data-products] .product .ct-media-container img:not(.av-card__alt) { border-radius: 2px; } [data-products] .product { text-align: left; } [data-products] .product .ct-woo-card-actions { justify-content: flex-start; } [data-products] .product > .button, [data-products] .product > a.button { margin-inline: 0; } [data-products] .product .woocommerce-loop-product__title { font-family: var(--av-font-display); font-size: 1.1rem; font-weight: 500; } [data-products] .product .price, [data-products] .product .av-price-ask { font-size: 0.76rem; letter-spacing: 0.1em; text-transform: uppercase; } [data-products] .product .button, .add_to_cart_button { min-height: 36px; padding-inline: 1rem; background: transparent !important; border: 1px solid var(--av-ink); color: var(--av-ink) !important; font-size: 0.64rem; } [data-products] .product .button:hover, .add_to_cart_button:hover { background: var(--av-ink) !important; color: #fff !important; } .av-order--card { justify-content: flex-start; margin-top: 0.4rem; } .av-order--card .av-order__btn { font-size: 0.74rem; } .woocommerce.archive .ct-container[data-sidebar] { grid-template-columns: minmax(0, 1fr) !important; } .woocommerce.archive .ct-container[data-sidebar] > aside, .woocommerce.archive .ct-sidebar { display: none !important; } .woocommerce.archive [data-products] { gap: 2.2rem 1.2rem; padding-bottom: 2.5rem; } @media (min-width: 1200px) { .woocommerce.archive [data-products] { --shop-columns: 5; grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 1000px) { .woocommerce.archive [data-products] .product:nth-child(2n) { transform: translateY(2.4rem); } } .woocommerce.archive [data-products] .product .woocommerce-loop-product__title { font-size: 1rem; } .woocommerce.archive [data-products] .product .button { min-height: 32px; padding-inline: 0.8rem; font-size: 0.6rem; } .av-cats { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1.75rem; } .av-cats__pill { display: inline-flex; align-items: center; min-height: 34px; padding: 0.3rem 1rem; border: 1px solid var(--av-neutral-300); border-radius: 999px; color: var(--av-ink); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; } .av-cats__pill.is-on, .av-cats__pill:focus-visible { border-color: var(--av-ink); background: var(--av-ink); color: #fff; } .av-stage { background: #0b0a09; } .av-stage img { animation: none; } .av-stage__glow, .av-stage__sweep, .av-stage__ring, .av-stage__floor { position: absolute; display: block; pointer-events: none; } .av-stage__glow { left: 68%; top: 50%; width: 72vmax; height: 72vmax; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(166, 128, 74, 0.5), rgba(96, 70, 42, 0.22) 42%, rgba(11, 10, 9, 0) 72%); } .av-stage__sweep { inset: -25%; background: linear-gradient(112deg, rgba(214, 184, 120, 0) 42%, rgba(214, 184, 120, 0.13) 50%, rgba(214, 184, 120, 0) 58%); animation: av-sweep 16s ease-in-out infinite alternate; } .av-stage__ring { left: 68%; top: 71%; width: min(54vw, 700px); aspect-ratio: 1; border: 1px solid rgba(198, 161, 91, 0.45); border-radius: 50%; transform: translate(-50%, -50%) rotateX(74deg); } .av-stage__ring::after { content: ""; position: absolute; inset: 9%; border: 1px solid rgba(198, 161, 91, 0.18); border-radius: 50%; } .av-stage__floor { left: 0; right: 0; top: 71%; height: 1px; background: linear-gradient(90deg, rgba(198, 161, 91, 0) 8%, rgba(198, 161, 91, 0.35) 40%, rgba(198, 161, 91, 0.35) 78%, rgba(198, 161, 91, 0) 96%); } .av-stage__piece { position: absolute; left: 68%; top: 50%; width: min(44vw, 620px); margin: 0; transform: translate(-50%, -58%); } .av-stage--flip .av-stage__piece img { scale: -1 1; } .av-stage__piece img { display: block; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 34px 38px rgba(0, 0, 0, 0.6)); } .av-stage__piece .av-stage__mirror { position: absolute; top: 100%; left: 0; opacity: 0.26; transform: scaleY(-1) translateY(-6%); filter: blur(1.5px); -webkit-mask-image: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 52%); mask-image: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 52%); } @keyframes av-sweep { from { transform: translateX(-18%); } to { transform: translateX(18%); } } .av-3d .av-stage__piece { animation: av-stage-float 9s ease-in-out infinite alternate; translate: 0 calc(var(--hp, 0) * -22vh); will-change: transform; } @keyframes av-stage-float { from { transform: translate(-50%, -58%) perspective(1400px) rotateY(-10deg) rotateX(2deg); } to { transform: translate(-50%, -56%) perspective(1400px) rotateY(8deg) rotateX(-2deg); } } .av-3d .av-stage__ring { scale: calc(1 + var(--hp, 0) * 0.35); } @media (prefers-reduced-motion: reduce) { .av-stage__sweep, .av-3d .av-stage__piece { animation: none; } } @keyframes av-scroll-line { 0%, 100% { transform: scaleY(0.4); transform-origin: top; opacity: 0.4; } 50% { transform: scaleY(1); transform-origin: top; opacity: 1; } } .av-archive-hero:has(.av-stage), .wp-block-group.av-page-orbit:has(.av-stage) { min-height: min(66vh, 640px); } .av-stage--shop .av-stage__piece, .av-stage--page .av-stage__piece { width: min(27vw, 380px); left: 71%; top: 54%; } .av-stage--shop .av-stage__glow, .av-stage--page .av-stage__glow { left: 71%; width: 56vmax; height: 56vmax; } .av-stage--shop .av-stage__ring, .av-stage--page .av-stage__ring { left: 71%; width: min(40vw, 520px); } .av-stage--page .av-stage__glow { background: radial-gradient(closest-side, rgba(120, 72, 96, 0.5), rgba(70, 44, 58, 0.22) 42%, rgba(11, 10, 9, 0) 72%); } @media (max-width: 781px) { .av-stage__piece, .av-stage--shop .av-stage__piece, .av-stage--page .av-stage__piece { left: 50%; top: 33%; width: min(74vw, 400px); } .av-stage__glow, .av-stage--shop .av-stage__glow, .av-stage--page .av-stage__glow { left: 50%; top: 33%; } .av-stage__ring, .av-stage--shop .av-stage__ring, .av-stage--page .av-stage__ring { left: 50%; top: 52%; width: 70vw; } .av-stage__floor { top: 52%; } .av-archive-hero:has(.av-stage), .wp-block-group.av-page-orbit:has(.av-stage) { min-height: 60vh; } } .av-cover { position: absolute; inset: 0; z-index: 0; overflow: hidden; } .av-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11, 10, 9, 0.84) 0%, rgba(11, 10, 9, 0.48) 46%, rgba(11, 10, 9, 0.08) 100%); pointer-events: none; } .av-archive-hero .av-cover ~ *, .av-page-orbit .av-cover ~ * { position: relative; z-index: 1; } .av-archive-hero:has(.av-cover) .av-orbit, .av-page-orbit:has(.av-cover) .av-orbit { display: none; } .av-archive-hero:has(.av-cover), .wp-block-group.av-page-orbit:has(.av-cover) { position: relative; min-height: min(66vh, 640px); }