.savas-pin-uses{--savas-pin-height: 820px;--savas-pin-travel: 50vh;--savas-pin-offset: 72px;--savas-pin-split: 50%;--savas-pin-step-ms: .7s;--savas-pin-fade-ms: .6s;--savas-pin-lines: 3;--savas-pin-phrase-size: var(--savas-size-4xl);--savas-pin-phrase-line: 1.15;--savas-pin-card: max(560px, min(var(--savas-pin-height), 90vh))}.savas-pin-uses__track{position:relative;min-height:calc(var(--savas-pin-card) + var(--savas-pin-travel))}.savas-pin-uses__card{position:-webkit-sticky;position:sticky;top:max(var(--savas-pin-offset),calc((100vh - var(--savas-pin-card)) / 2));display:grid;grid-template-columns:var(--savas-pin-split) minmax(0,1fr);height:var(--savas-pin-card);overflow:hidden;border-radius:var(--savas-radius-hero);background-color:var(--savas-secondary)}.savas-pin-uses__panel{position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--savas-space-xl);min-width:0;padding:var(--savas-space-3xl);color:var(--savas-text)}.savas-pin-uses__panel--bone{background-color:var(--savas-secondary)}.savas-pin-uses__panel--card{background-color:var(--savas-card)}.savas-pin-uses__panel--white{background-color:var(--savas-white)}.savas-pin-uses__eyebrow{margin:0;font-size:var(--savas-size-label);font-weight:var(--savas-weight-bold);letter-spacing:var(--savas-tracking-label);line-height:var(--savas-leading-heading);text-transform:uppercase;color:var(--savas-muted)}.savas-pin-uses__note{margin:0;max-width:40ch;font-size:var(--savas-size-base);line-height:var(--savas-leading-body);color:var(--savas-text-light)}.savas-pin-uses__wave{position:relative;min-width:0}.savas-pin-uses__wave--3xl{--savas-pin-phrase-size: var(--savas-size-3xl)}.savas-pin-uses__wave--4xl{--savas-pin-phrase-size: var(--savas-size-4xl)}.savas-pin-uses__wave--5xl{--savas-pin-phrase-size: var(--savas-size-5xl)}.savas-pin-uses__column{margin:0;padding:0;list-style:none;will-change:transform}.savas-pin-uses__phrase{display:block;margin:0;font-size:var(--savas-pin-phrase-size);font-weight:var(--savas-weight-display);line-height:var(--savas-pin-phrase-line);letter-spacing:var(--savas-tracking-display);color:var(--savas-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--savas-pin-fade-ms) var(--savas-ease-out)}.savas-pin-uses__phrase[aria-hidden=true]{display:none}.savas-pin-uses.is-armed .savas-pin-uses__wave{height:calc(var(--savas-pin-phrase-size) * var(--savas-pin-phrase-line) * var(--savas-pin-lines));overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,var(--savas-text) 22%,var(--savas-text) 78%,transparent);mask-image:linear-gradient(to bottom,transparent,var(--savas-text) 22%,var(--savas-text) 78%,transparent)}.savas-pin-uses.is-armed .savas-pin-uses__column{transition:transform var(--savas-pin-step-ms) var(--savas-ease-in-out)}.savas-pin-uses.is-armed .savas-pin-uses__column.is-snapping{transition:none}.savas-pin-uses.is-armed .savas-pin-uses__phrase[aria-hidden=true]{display:block}.savas-pin-uses.is-armed .savas-pin-uses__phrase{color:var(--savas-muted)}.savas-pin-uses.is-armed .savas-pin-uses__phrase.is-active{color:var(--savas-text)}.savas-pin-uses__media{position:relative;min-width:0;overflow:hidden;background-color:var(--savas-tint)}.savas-pin-uses__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--savas-pin-fade-ms) var(--savas-ease-out)}.savas-pin-uses__frame.is-active{opacity:1}.savas-pin-uses__frame img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){.savas-pin-uses{--savas-pin-phrase-line: 1.1}.savas-pin-uses__track{min-height:0}.savas-pin-uses__card{position:static;grid-template-columns:minmax(0,1fr);height:auto}.savas-pin-uses__panel{gap:var(--savas-space-lg);padding:var(--savas-space-xl) var(--savas-space-lg)}.savas-pin-uses__note{font-size:var(--savas-size-sm)}.savas-pin-uses__media{aspect-ratio:4 / 5;max-height:56vh}}@media(prefers-reduced-motion:reduce){.savas-pin-uses .savas-pin-uses__column,.savas-pin-uses .savas-pin-uses__phrase,.savas-pin-uses .savas-pin-uses__frame{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/savas-pin-uses.css.map */