.h3d{--st: clamp(320px, 40vw, 560px);--r: calc(var(--st) * .5);--card: calc(var(--st) * .17);--rx: 0deg;--ry: 0deg;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(60% 70% at 78% 55%,rgba(240,184,18,.16),transparent 70%),radial-gradient(50% 60% at 12% 20%,rgba(192,106,175,.1),transparent 70%),var(--ay-cream)}.h3d__grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(20px,4vw,64px);padding-block:clamp(36px,6vw,88px) clamp(44px,6vw,96px)}.h3d__title{font-size:clamp(40px,6.2vw,80px);line-height:1.02;font-weight:500;margin:0 0 16px;letter-spacing:-.01em}.h3d__title em{font-style:italic;color:var(--ay-orchid-deep)}.h3d__sub{font-family:var(--font-tamil-display);font-size:clamp(20px,2.4vw,28px);color:var(--ay-plum-soft);margin:0 0 18px}.h3d__text{font-size:18px;color:var(--ay-plum-soft);max-width:46ch}.h3d__text p{margin:0}.h3d__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.h3d__chips{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:28px 0 0;font-size:13.5px;color:var(--ay-plum-soft)}.h3d__chips li{display:inline-flex;align-items:center;gap:8px}.h3d__chip-dot{width:9px;height:9px;border-radius:50%}.h3d__in{opacity:0;transform:translateY(18px);animation:h3d-in .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d, 0) * .11s + .15s)}@keyframes h3d-in{to{opacity:1;transform:none}}.h3d__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.h3d__ring{position:absolute;right:calc(var(--gutter) + var(--st) * .5);bottom:-10%;transform:translate(50%);border:1.5px solid rgba(192,106,175,.16);border-bottom:0;border-radius:999px 999px 0 0}.h3d__ring--1{width:calc(var(--st) * 1.25);height:calc(var(--st) * 1.15)}.h3d__ring--2{width:calc(var(--st) * 1.6);height:calc(var(--st) * 1.42);border-color:#f0b8122e}.h3d__ring--3{width:calc(var(--st) * 2);height:calc(var(--st) * 1.72);border-color:#6e7d341f}@media(min-width:990px){.h3d__ring{right:calc(max(var(--gutter),(100vw - var(--page)) / 2 + var(--gutter)) + var(--st) * .5)}}.h3d__stage{position:relative;width:var(--st);height:var(--st);perspective:1400px;perspective-origin:50% 40%;animation:h3d-stage 1.4s cubic-bezier(.2,.7,.2,1) both .1s}@keyframes h3d-stage{0%{opacity:0;transform:scale(.92) translateY(20px)}}.h3d__scene{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateX(calc(-7deg + var(--rx))) rotateY(var(--ry));transition:transform .2s linear}.h3d__scene>*,.h3d__arch,.h3d__step,.h3d__orbit,.h3d__slot,.h3d__face,.h3d__card,.h3d__seeds{transform-style:preserve-3d}.h3d__glow{position:absolute;left:50%;top:52%;width:90%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) translateZ(-220px);background:radial-gradient(closest-side,rgba(240,184,18,.55),rgba(240,184,18,.18) 55%,transparent 72%);animation:h3d-breathe 7s ease-in-out infinite}.h3d__rays{position:absolute;left:50%;top:52%;width:120%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) translateZ(-260px);background:repeating-conic-gradient(from 0deg,rgba(240,184,18,.2) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 72%);mask:radial-gradient(closest-side,#000 30%,transparent 72%);animation:h3d-spin 80s linear infinite}@keyframes h3d-breathe{50%{opacity:.75;transform:translate(-50%,-50%) translateZ(-220px) scale(1.06)}}@keyframes h3d-spin{to{transform:translate(-50%,-50%) translateZ(-260px) rotate(360deg)}}.h3d__floor{position:absolute;left:50%;top:66%;width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);border-radius:50%;border:1.5px dashed rgba(58,31,54,.18);transform:rotateX(90deg);background:radial-gradient(closest-side,rgba(58,31,54,.06),transparent 70%)}.h3d__arch{position:absolute;left:50%;top:10%;width:44%;height:58%;transform:translate(-50%);animation:h3d-arch 2.2s cubic-bezier(.2,.7,.2,1) both .2s}@keyframes h3d-arch{0%{transform:translate(-50%) translateY(18%) rotateY(-30deg);opacity:0}}.h3d__arch-layer,.h3d__arch-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px 999px 0 0}.h3d__arch-layer{background:var(--ay-orchid-deep);transform:translateZ(calc(var(--z) * -4px));filter:brightness(calc(1 - var(--z) * .035))}.h3d__arch-face{background:linear-gradient(160deg,#D17FC0,var(--ay-orchid) 45%,var(--ay-orchid-deep));box-shadow:inset 0 0 0 1px #ffffff1f;overflow:hidden}.h3d__door{position:absolute;left:22%;right:22%;top:22%;bottom:0;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#FFF8EC,var(--ay-cream-deep));overflow:hidden;box-shadow:inset 0 10px 24px #3a1f362e}.h3d__sun{position:absolute;left:50%;bottom:0;width:76%;aspect-ratio:2/1;border-radius:999px 999px 0 0;background:radial-gradient(120% 120% at 50% 100%,#FFD34A,var(--ay-gold) 60%);transform:translate(-50%);animation:h3d-rise 2.4s cubic-bezier(.2,.7,.2,1) both .6s,h3d-pulse 5s ease-in-out 3s infinite;box-shadow:0 0 40px 10px #f0b81259}.h3d__sunrays{position:absolute;left:50%;bottom:0;width:180%;aspect-ratio:1;transform:translate(-50%,50%);border-radius:50%;background:repeating-conic-gradient(rgba(240,184,18,.28) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(closest-side,#000 20%,transparent 70%);mask:radial-gradient(closest-side,#000 20%,transparent 70%);animation:h3d-spin2 40s linear infinite}@keyframes h3d-rise{0%{transform:translate(-50%) translateY(100%)}}@keyframes h3d-pulse{50%{box-shadow:0 0 60px 18px #f0b81280}}@keyframes h3d-spin2{to{transform:translate(-50%,50%) rotate(360deg)}}.h3d__step{position:absolute;left:-16%;right:-16%;bottom:-1px;height:0}.h3d__step-top{position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,#5a3553,var(--ay-plum));transform-origin:bottom;transform:rotateX(90deg);border-radius:6px}.h3d__step-front{position:absolute;left:0;right:0;top:0;height:14px;background:var(--ay-plum);border-radius:0 0 5px 5px;transform:translateZ(30px)}.h3d__orbit{position:absolute;left:50%;top:66%;width:0;height:0;animation:h3d-orbit var(--h3d-speed, 40s) linear infinite}@keyframes h3d-orbit{to{transform:rotateY(360deg)}}.h3d__slot{position:absolute;transform:rotateY(var(--a)) translateZ(var(--r))}.h3d__face{transform:rotateY(calc(var(--a) * -1))}.h3d__card{position:absolute;width:var(--card);aspect-ratio:4/5;left:calc(var(--card) * -.5);bottom:0;animation:h3d-counter var(--h3d-speed, 40s) linear infinite}@keyframes h3d-counter{to{transform:rotateY(-360deg)}}.h3d__card .category-art{display:block;width:100%;height:100%;border-radius:999px 999px 12px 12px;overflow:hidden;box-shadow:0 18px 30px -16px #3a1f3673,0 0 0 1.5px #3a1f361a;animation:h3d-bob 4.5s ease-in-out infinite;animation-delay:calc(var(--i) * -.75s);background:var(--ay-cream-card)}@keyframes h3d-bob{50%{transform:translateY(-12px)}}.h3d__seeds{position:absolute;top:0;right:0;bottom:0;left:0}.h3d__seeds span{position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));width:var(--s);height:var(--s);border-radius:50%;background:var(--c);transform:translateZ(var(--z));box-shadow:0 6px 14px -6px #3a1f3666;animation:h3d-drift 9s ease-in-out infinite;animation-delay:var(--t)}@keyframes h3d-drift{50%{transform:translateZ(var(--z)) translate(10px,-16px)}}.h3d__badge{position:absolute;right:-2%;top:6%;z-index:5;background:var(--ay-cream-card);border-radius:999px;padding:10px 16px;box-shadow:var(--shadow);font-size:13px;display:flex;gap:8px;align-items:center;animation:h3d-in .9s cubic-bezier(.2,.7,.2,1) both 1.4s,h3d-float 6s ease-in-out 2.4s infinite}.h3d__badge .dot{width:10px;height:10px;border-radius:50%;background:var(--ay-olive)}@keyframes h3d-float{50%{transform:translateY(-8px)}}.h3d.is-paused *,.h3d.is-paused *:before,.h3d.is-paused *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.h3d *,.h3d *:before,.h3d *:after{animation:none!important;transition:none!important}.h3d__in{opacity:1;transform:none}}@media(max-width:989px){.h3d{--st: min(76vw, 400px);--r: calc(var(--st) * .44)}.h3d__grid{grid-template-columns:1fr;justify-items:center;text-align:center;padding-block-start:20px}.h3d__stage{order:-1;margin-bottom:8px}.h3d__text{margin-inline:auto}.h3d__ctas,.h3d__chips{justify-content:center}.h3d__ring{right:50%;bottom:auto;top:calc(var(--st) * -.05)}.h3d__badge{right:0;top:0}}@media(max-width:549px){.h3d{--card: calc(var(--st) * .2)}.h3d__chips{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-3d.css.map */