@layer components{.collage{padding-block:var(--space-section-y)}.collage-intro{text-align:center;max-width:60ch;margin:0 auto var(--space-6)}.collage-intro h2{font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.collage-intro p{margin-top:var(--space-3);color:var(--ink)}.collage-stage{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);padding-block:var(--space-6)}.cat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;text-decoration:none;color:var(--ink-deep);padding:var(--space-4);opacity:1;transform:none;transition:opacity var(--dur-hero) var(--ease-out-soft),transform var(--dur-hero) var(--ease-out-soft);will-change:opacity,transform}.collage-is-ready .cat{opacity:0;transform:translateY(16px)}.collage-is-ready .cat.is-visible{opacity:1;transform:translateY(0)}.cat-art{position:relative;width:100%;max-width:280px;aspect-ratio:1 / 1;margin-inline:auto;transition:transform var(--dur-slow) var(--ease-emphasized)}.cat-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s ease-in-out}.cat-img--room{opacity:0}.cat:hover .cat-art{transform:translateY(-6px) rotate(-1.5deg)}@media(hover:hover){.cat:hover .cat-img--room,.cat:focus-visible .cat-img--room{opacity:1}}@media(hover:none){.cat.is-visible .cat-img--room{opacity:1}}.cat-label{margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;color:var(--ink-deep)}.cat-shop{font-family:var(--font-body);font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink);margin-top:var(--space-1);display:inline-flex;align-items:center;gap:6px}.cat-shop:after{content:"\2192";transition:transform var(--dur-base) var(--ease-emphasized)}.cat:hover .cat-shop:after{transform:translate(4px)}.cat-script{margin-top:var(--space-1);font-family:var(--font-script);font-size:var(--fs-lg);color:var(--brand-champagne);opacity:0;transform:translateY(6px) rotate(-4deg);transition:opacity var(--dur-base) var(--ease-out-soft),transform var(--dur-base) var(--ease-out-soft);pointer-events:none;white-space:nowrap}.cat:hover .cat-script,.cat:focus-visible .cat-script{opacity:1;transform:translateY(0) rotate(-4deg)}.collage-arc{position:absolute;pointer-events:none;opacity:.4;width:120px;height:80px}@media(max-width:900px){.collage-stage{grid-template-columns:1fr 1fr}.cat-art{max-width:200px}.cat-script{opacity:1!important;transform:rotate(-4deg);margin-top:var(--space-2)}}@media(prefers-reduced-motion:reduce){.cat,.collage-is-ready .cat{opacity:1;transform:none;transition:none}.cat-img{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-storybook-collage.css.map */