.tabbed-showcase{background:var(--ts-bg, #fff);color:var(--ts-text, #151515)}.tabbed-showcase__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "media" "body" "caption";gap:28px}.tabbed-showcase__figure{display:contents;margin:0}.tabbed-showcase__media{grid-area:media}.tabbed-showcase__caption{grid-area:caption}.tabbed-showcase__head{grid-area:head}.tabbed-showcase__body{grid-area:body;min-width:0}@media only screen and (min-width:768px){.tabbed-showcase__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"figure head" "figure body";grid-template-rows:auto 1fr;column-gap:80px;row-gap:45px;align-items:start}.tabbed-showcase__figure{display:block;grid-area:figure}.tabbed-showcase__media,.tabbed-showcase__caption{grid-area:auto}}.tabbed-showcase__media{position:relative;overflow:hidden;width:100%;aspect-ratio:1 / 1;background:#e6e6e6}.tabbed-showcase--ratio-square .tabbed-showcase__media{aspect-ratio:1 / 1}.tabbed-showcase--ratio-portrait .tabbed-showcase__media{aspect-ratio:4 / 5}.tabbed-showcase--ratio-landscape .tabbed-showcase__media{aspect-ratio:4 / 3}.tabbed-showcase__image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.tabbed-showcase__image.is-active{opacity:1;visibility:visible;transition:opacity .4s ease}.tabbed-showcase__image img,.tabbed-showcase__image svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tabbed-showcase__image svg{padding:25%;fill:#fff;opacity:.6}.tabbed-showcase__caption{margin:14px 0 0;text-align:left;color:inherit;font-size:.875rem;line-height:1.4}.tabbed-showcase__label{margin:0 0 16px;color:inherit;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}.tabbed-showcase__heading{margin:0;color:inherit;font-weight:700;line-height:1.1;font-size:clamp(1.75rem,3.6vw,3rem)}.tabbed-showcase__tabs{display:flex;flex-wrap:nowrap;gap:26px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--ts-line, #d9d9d9);margin-bottom:30px}.tabbed-showcase__tabs::-webkit-scrollbar{display:none}.tabbed-showcase__tab{position:relative;flex:0 0 auto;margin:0;padding:0 0 14px;border:0;background:transparent;color:var(--ts-muted, #8a8a8a);font:inherit;font-size:1rem;font-weight:500;line-height:1.2;cursor:pointer;transition:color .25s ease}.tabbed-showcase__tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--ts-text, #151515);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}.tabbed-showcase__tab.is-active{color:var(--ts-text, #151515);font-weight:600}.tabbed-showcase__tab.is-active:after{transform:scaleX(1)}@media(hover:hover){.tabbed-showcase__tab:hover{color:var(--ts-text, #151515)}}.tabbed-showcase__tab:focus-visible{outline:2px solid var(--ts-text, #151515);outline-offset:4px}.tabbed-showcase__panel[hidden]{display:none}.tabbed-showcase__sublabel{margin:0 0 14px;color:inherit;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}.tabbed-showcase__title{margin:0 0 14px;color:inherit;font-weight:700;line-height:1.15;font-size:clamp(1.4rem,2.2vw,1.875rem)}.tabbed-showcase__text{margin:0;max-width:480px;color:inherit;font-size:.9375rem;line-height:1.55}.tabbed-showcase__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.tabbed-showcase__button,.tabbed-showcase__button:hover,.tabbed-showcase__button:focus{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;padding:16px 20px;background:var(--ts-btn-bg, #000);color:var(--ts-btn-text, #fff);font-size:.875rem;line-height:1.2;text-align:center;text-decoration:none}.tabbed-showcase__button:hover{opacity:.85}@media only screen and (min-width:768px){.tabbed-showcase__button,.tabbed-showcase__button:hover,.tabbed-showcase__button:focus{flex:0 0 auto;padding:16px 32px}}@media(prefers-reduced-motion:reduce){.tabbed-showcase__image,.tabbed-showcase__image.is-active,.tabbed-showcase__tab,.tabbed-showcase__tab:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/tabbed-showcase.css.map */
