.cshowcase-wrap{--cs-height-mobile: 64vh;--cs-gap: 4px;--cs-steps: 3}.cshowcase-head{margin-bottom:1.6rem}.cshowcase-head__title{margin:0}.cshowcase-head__sub{margin:.4rem 0 0;opacity:.6;font-size:1.3rem}.cshowcase-scroll{position:relative}.cshowcase{display:flex;flex-direction:row;gap:var(--cs-gap);height:var(--cs-height-mobile);padding:0 var(--cs-gap)}.cshowcase__panel{position:relative;display:block;flex:1 1 0;min-height:0;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;transition:flex-grow .6s cubic-bezier(.65,0,.35,1);opacity:0;transform:translateY(26px)}.cshowcase-scroll.is-in .cshowcase__panel{animation:cs-reveal .7s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(var(--i) * .12s)}.cshowcase__panel.is-active{flex-grow:2.8}@keyframes cs-reveal{to{opacity:1;transform:none}}.cshowcase__media,.cshowcase__media img,.cshowcase__placeholder,.cshowcase__veil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cshowcase__media img,.cshowcase__placeholder svg{object-fit:cover;width:100%;height:100%;transform:scale(1.02);transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}.cshowcase__placeholder svg{background:rgba(var(--color-foreground),.08)}.cshowcase__panel.is-active .cshowcase__media img,.cshowcase__panel.is-active .cshowcase__placeholder svg{transform:scale(1.12)}.cshowcase__veil{z-index:1;background:linear-gradient(to top,#000000b8,#0000001f 45%,#00000052);transition:opacity .6s ease}.cshowcase__panel:not(.is-active) .cshowcase__veil{background:linear-gradient(to top,#000000d1,#0009)}.cshowcase__index{position:absolute;top:1.2rem;right:1.4rem;z-index:2;font-size:1.1rem;letter-spacing:.14em;font-variant-numeric:tabular-nums;opacity:.75}.cshowcase__body{position:absolute;left:1.6rem;right:1.6rem;bottom:1.6rem;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.cshowcase__title{font-family:Ravenna Serial,Georgia,serif;text-transform:uppercase;letter-spacing:.02em;line-height:.92;font-size:clamp(2.2rem,8vw,4.2rem);transition:font-size .5s ease}.cshowcase__panel:not(.is-active) .cshowcase__title{font-size:clamp(1.7rem,5.5vw,2.4rem)}.cshowcase__tagline{margin-top:.5rem;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;opacity:0;max-height:0;transform:translateY(8px);overflow:hidden;transition:opacity .45s ease .05s,transform .45s ease .05s,max-height .45s ease}.cshowcase__panel.is-active .cshowcase__tagline{opacity:.85;max-height:4rem;transform:none}.cshowcase__cta{margin-top:1.1rem;display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.6rem;border:1px solid rgba(255,255,255,.85);border-radius:999px;font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .5s ease .08s,transform .5s cubic-bezier(.22,.61,.36,1) .08s,background-color .2s ease,color .2s ease}.cshowcase__cta svg{transition:transform .3s ease}.cshowcase__panel.is-active .cshowcase__cta{opacity:1;transform:none;pointer-events:auto}.cshowcase__panel.is-active .cshowcase__cta:active,.cshowcase__panel.is-active .cshowcase__cta:hover{background:#fff;color:#111}.cshowcase__panel.is-active .cshowcase__cta:hover svg{transform:translate(4px)}@media screen and (max-width:749px){.cshowcase-scroll{height:calc(100svh + (var(--cs-steps) - 1) * 62svh)}.cshowcase{position:sticky;top:0;flex-direction:column;height:100svh}.cshowcase__panel{min-height:5rem;transition:none}.cshowcase__panel.is-active{flex-grow:5}}@media(prefers-reduced-motion:reduce){.cshowcase-scroll .cshowcase__panel{opacity:1;transform:none;animation:none}.cshowcase__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/compiled_assets/styles.css.map */