.drgn-fin{--drgn-ease: cubic-bezier(.22, .61, .36, 1)}.drgn-fin__header{max-width:62rem;margin:0 auto clamp(3.2rem,5vw,6rem);text-align:center}.drgn-fin__eyebrow{margin:0 0 1.6rem;font-size:1.2rem;letter-spacing:.28em;text-transform:uppercase;color:#8b7965}.drgn-fin__heading{margin:0;font-size:clamp(2.8rem,4vw,4.8rem);line-height:1.15}.drgn-fin__grid{display:grid;gap:clamp(3.2rem,4vw,5rem) clamp(2rem,3vw,4rem);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.drgn-fin__grid{grid-template-columns:repeat(var(--drgn-fin-cols, 3),minmax(0,1fr))}}.drgn-fin__link{display:block;color:inherit;text-decoration:none}.drgn-fin__media{aspect-ratio:5 / 4;overflow:hidden;border-radius:var(--media-radius, 8px);background:rgb(var(--color-foreground),.06)}.drgn-fin__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--drgn-focus, 50%) 50%;transition:transform 1.4s var(--drgn-ease)}@media(hover:hover){.drgn-fin__link:hover .drgn-fin__media img,.drgn-fin__link:focus-visible .drgn-fin__media img{transform:scale(1.04)}}.drgn-fin__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px;border-radius:var(--media-radius, 8px)}.drgn-fin__meta{display:flex;align-items:center;gap:1.2rem;margin-top:2rem}.drgn-fin__dot{flex:0 0 auto;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--swatch, #a6a39d);box-shadow:0 0 0 1px rgb(var(--color-foreground),.25),inset 0 0 0 2px rgb(var(--color-background))}.drgn-fin__name{margin:0;font-family:var(--font-heading-family);font-size:1.8rem;letter-spacing:.14em;text-transform:uppercase}.drgn-fin__caption{margin:.8rem 0 0;font-weight:300;font-size:1.5rem;line-height:1.7;opacity:.85}.drgn-fin__cta{display:inline-block;margin-top:1.4rem;padding-bottom:.4rem;font-size:1.2rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;transition:background-size .5s var(--drgn-ease)}.drgn-fin__cta span{display:inline-block;margin-left:.8rem;transition:transform .4s var(--drgn-ease)}.drgn-fin__link:hover .drgn-fin__cta,.drgn-fin__link:focus-visible .drgn-fin__cta{background-size:30% 1px}.drgn-fin__link:hover .drgn-fin__cta span,.drgn-fin__link:focus-visible .drgn-fin__cta span{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.drgn-fin__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/drgnfly-finishes.css.map */