:root{--cat-kids:#E08F57;--cat-beauty:#C49078;--cat-decor:#7E9A86;--cat-kitchen:#B98A3E;--cat-gadgets:#6E7FA8;--tile-w:212px;--ring-radius:248px;--ring-tilt:-9deg;--card-r:20px}.ghero{position:relative;background:var(--night,#0C0A14);color:var(--night-ink,#EDE7F2);min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--navh,64px) + 3.5rem) var(--pad,1.5rem) 2.5rem;overflow:hidden}.ghero .field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.9;pointer-events:none;z-index:1}.ghero-glow{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(1000px,150vw);aspect-ratio:1;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(196,144,120,.2),rgba(110,127,168,.1) 40%,transparent 70%)}.ghero-inner{position:relative;z-index:3;width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.ghero-copy .eyebrow{color:var(--copper,#C49078);display:block;margin-bottom:1.4rem}.ghero h1{font-family:var(--serif,Georgia,serif);font-weight:300;margin:0;font-size:clamp(2.5rem,6.4vw,4.7rem);line-height:1.02;letter-spacing:-.015em}.ghero h1 em{font-style:italic;color:var(--copper,#C49078)}.ghero-sub{margin-top:1.5rem;max-width:46ch;color:var(--night-soft,#A79DBA);font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.62}.ghero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.1rem}.ghero-meta{position:relative;z-index:3;width:100%;max-width:1180px;margin:clamp(2.5rem,5vw,4rem) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:1.7rem;border-top:1px solid var(--night-line,#2C2540)}.ghero-meta div{display:flex;flex-direction:column;gap:.3rem}.ghero-meta b{font-family:var(--serif,Georgia,serif);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:400}.ghero-meta span{font-family:var(--mono,monospace);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint,#7C7488)}.stage{position:relative;z-index:3;height:clamp(340px,46vw,470px);perspective:1200px;perspective-origin:50% 42%;touch-action:pan-y;cursor:grab}.stage.dragging{cursor:grabbing}.ring{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateX(var(--ring-tilt)) rotateY(var(--spin,0deg));will-change:transform}.tile{position:absolute;left:50%;top:50%;width:var(--tile-w);transform-origin:0 0;transform:rotateY(var(--a)) translateZ(var(--ring-radius)) translate(-50%,-50%);transform-style:preserve-3d}.tile-face{display:flex;flex-direction:column;gap:.85rem;padding:.7rem .7rem 1.1rem;border-radius:var(--card-r);background:radial-gradient(130% 90% at 50% -10%,color-mix(in srgb,var(--accent) calc(16% * var(--near,1)),transparent),transparent 72%),linear-gradient(165deg,#ffffff26,#ffffff09);border:1px solid color-mix(in srgb,var(--accent) calc(34% * var(--near,1)),rgba(255,255,255,.18));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 28px 55px -26px #000000e6,0 0 34px -18px color-mix(in srgb,var(--accent) calc(70% * var(--near,1)),transparent),inset 0 1px #ffffff29;text-decoration:none;color:var(--night-ink,#EDE7F2);transform:rotateY(var(--counter,0deg));transition:border-color .3s ease,box-shadow .3s ease}.tile-face:hover{border-color:var(--accent);transform:rotateY(var(--counter,0deg)) translateY(-5px) scale(1.03)}.tile-art{position:relative;display:block;overflow:hidden;border-radius:calc(var(--card-r) - 7px);aspect-ratio:16/11;color:var(--accent);background:radial-gradient(115% 105% at 50% 0%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 74%),linear-gradient(170deg,#ffffff1a,#0000003d);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent)}.tile-art svg,.tile-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tile-art img{object-fit:cover}.tile-art:after{content:"";position:absolute;inset:0 0 auto 0;height:38%;background:linear-gradient(to bottom,rgba(255,255,255,.14),transparent);pointer-events:none}.tile-txt{display:block;padding-inline:.55rem}.tile-face b{display:block;font-family:var(--serif,Georgia,serif);font-size:1.14rem;font-weight:400;line-height:1.2}.tile-face small{display:block;margin-top:.4rem;font-family:var(--mono,monospace);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--night-soft,#A79DBA)}.tile-face small:before{content:"";display:block;width:calc(14px + 16px * var(--near,1));height:2px;margin-bottom:.6rem;border-radius:2px;background:var(--accent);opacity:calc(.35 + .55 * var(--near,1));transition:width .3s ease,opacity .3s ease}.stage:after{content:"";position:absolute;left:50%;bottom:2%;translate:-50% 0;width:min(560px,86%);height:90px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(196,144,120,.24),transparent 70%);filter:blur(6px)}.stage-hint{position:absolute;left:50%;bottom:-.4rem;translate:-50% 0;z-index:4;font-family:var(--mono,monospace);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint,#7C7488);white-space:nowrap;pointer-events:none}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(.9rem,1.8vw,1.4rem)}.cat{grid-column:span 2;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem,2.6vw,2.1rem);border:1px solid var(--line,#E0D8CE);border-radius:var(--card-r);background:var(--ground-raised,#FFFCF8);text-decoration:none;color:inherit;overflow:hidden;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.cat:nth-child(1),.cat:nth-child(2){grid-column:span 3}.cat:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);transform:translateY(-3px);box-shadow:0 26px 50px -34px color-mix(in srgb,var(--accent) 80%,transparent)}.cat-ico{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.cat-ico svg{width:26px;height:26px}.cat h3{font-family:var(--serif,Georgia,serif);font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:400;margin:0}.cat p{color:var(--ink-soft,#4E4859);font-size:.92rem;line-height:1.6;max-width:44ch;margin:0}.cat-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:.6rem}.cat-go{font-family:var(--mono,monospace);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint,#7C7488);display:inline-flex;align-items:center;gap:.45rem;transition:color .25s ease,gap .25s ease}.cat:hover .cat-go{color:var(--accent);gap:.75rem}.cat-go svg{width:13px;height:13px}@media(max-width:1000px){.ghero-inner{grid-template-columns:1fr;gap:2.5rem}.ghero-copy{order:1}.stage{order:2}.cats{grid-template-columns:repeat(4,1fr)}.cat,.cat:nth-child(1),.cat:nth-child(2){grid-column:span 2}.cat:nth-child(5){grid-column:span 4}}@media(max-width:700px){:root{--tile-w:170px;--ring-radius:150px;--ring-tilt:-6deg;--card-r:16px}.ghero{min-height:auto;padding-top:calc(var(--navh,64px) + 2.2rem);padding-bottom:3rem}.ghero h1{font-size:clamp(2.15rem,10vw,3rem)}.ghero-actions .btn{width:100%}.ghero-meta{grid-template-columns:repeat(2,1fr);gap:1.3rem 1rem}.stage{height:330px}.tile-face{padding:.55rem .55rem .95rem;gap:.7rem}.tile-face b{font-size:1rem}.tile-face small{font-size:.5rem}.cats{grid-template-columns:1fr}.cat,.cat:nth-child(1),.cat:nth-child(2),.cat:nth-child(5){grid-column:span 1}}@media(prefers-reduced-motion:reduce){.ring{transition:none}.stage-hint{display:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/avielle-home.css.map */