.split-showcase__heading-wrap{text-align:center;padding:56px 0 36px}.split-showcase__heading{font-family:var(--typeHeaderPrimary);font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-.02em;margin:0}.split-showcase__subheading{margin:10px 0 0;font-size:15px;letter-spacing:.04em;opacity:.5;text-transform:uppercase}.split-showcase__panels{display:flex;position:relative;gap:0;padding:0}@media screen and (max-width:768px){.split-showcase__panels{flex-direction:column}}.split-showcase__panel{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;height:var(--split-height, 450px);overflow:hidden;text-decoration:none;color:#fff;cursor:pointer}.split-showcase__panel:hover,.split-showcase__panel:focus{color:#fff;transition:flex .7s cubic-bezier(.25,.1,.25,1)}.split-showcase__panels:hover .split-showcase__panel{flex:.85}.split-showcase__panels:hover .split-showcase__panel:hover{flex:1.15}@media screen and (max-width:768px){.split-showcase__panel{flex:none!important;height:var(--split-height-mobile, 70vh)!important}}.split-showcase__media{position:absolute;top:0;right:0;bottom:0;left:0}.split-showcase__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.25,.1,.25,1),filter .6s ease}.split-showcase__panel--contain .split-showcase__image{object-fit:contain;padding:24px}.split-showcase__panel:hover .split-showcase__image{transform:scale(1.06)}.split-showcase__panels:hover .split-showcase__panel:not(:hover) .split-showcase__image{filter:brightness(.7) saturate(.4)}.split-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0009,#0003 45%,#00000005);transition:opacity .5s ease}.split-showcase__panel:hover .split-showcase__overlay{opacity:.85}.split-showcase__content{position:relative;z-index:1;text-align:center;padding:48px 32px;transform:translateY(0);transition:transform .5s cubic-bezier(.25,.1,.25,1),opacity .5s ease}.split-showcase__panel:hover .split-showcase__content{transform:translateY(-8px)}.split-showcase__panels:hover .split-showcase__panel:not(:hover) .split-showcase__content{opacity:.5}.split-showcase__label{display:inline-block;font-family:var(--typeHeaderPrimary);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px;padding:7px 18px;border:1.5px solid rgba(255,255,255,.3);border-radius:2px;opacity:.85;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff0f;transition:border-color .4s ease,background .4s ease,opacity .4s ease}.split-showcase__panel:hover .split-showcase__label{border-color:#fff9;background:#ffffff1f;opacity:1}.split-showcase__title{font-family:var(--typeHeaderPrimary);font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1;letter-spacing:-.025em;margin:0;color:inherit;text-shadow:0 2px 30px rgba(0,0,0,.25)}.split-showcase__count{display:block;font-size:12px;font-weight:500;letter-spacing:.06em;opacity:.55;margin-top:12px;margin-bottom:28px;text-transform:uppercase}.split-showcase__badge{display:inline-block;font-family:var(--typeHeaderPrimary);font-size:12px;font-weight:700;letter-spacing:.06em;color:#fff;background:#ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:5px 14px;border-radius:20px;margin-bottom:20px;opacity:.85;transition:opacity .4s ease}.split-showcase__panel:hover .split-showcase__badge{opacity:1}.split-showcase__cta{display:inline-block;background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.5);font-family:var(--typeHeaderPrimary);font-size:12px;font-weight:700;padding:15px 44px;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .4s cubic-bezier(.25,.1,.25,1);border-radius:0}.split-showcase__panel:hover .split-showcase__cta{background:#ffffff2e;border-color:#ffffffd9;color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.split-showcase__divider{flex:0 0 0px;width:0;overflow:visible;align-self:center;z-index:3;position:relative}.split-showcase__divider-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;min-width:60px;height:60px;min-height:60px;border-radius:50%;background:#111;border:3px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 30px #0000004d;transition:transform .4s ease,box-shadow .4s ease}.split-showcase__divider-circle:hover{transform:translate(-50%,-50%) scale(1.1) rotate(8deg);box-shadow:0 6px 36px #0006}.split-showcase__divider-text{font-family:var(--typeHeaderPrimary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff}@media screen and (max-width:768px){.split-showcase__heading-wrap{padding:36px 0 24px}.split-showcase__divider-circle{width:40px;min-width:40px;height:40px;min-height:40px}.split-showcase__divider-text{font-size:10px}.split-showcase__content{padding:16px 14px}.split-showcase__label{font-size:8px;padding:3px 8px;margin-bottom:6px;letter-spacing:.15em;border-width:1px}.split-showcase__title{font-size:17px;letter-spacing:-.01em}.split-showcase__count{display:none}.split-showcase__badge{font-size:9px;padding:3px 9px;margin-bottom:10px}.split-showcase__cta{font-size:9px;padding:8px 20px;letter-spacing:.08em;border-width:1px}.split-showcase__overlay{background:linear-gradient(to top,#0000008c,#00000014 35%,#0000)}.split-showcase__panels:hover .split-showcase__panel:not(:hover) .split-showcase__image{filter:none}.split-showcase__panels:hover .split-showcase__panel:not(:hover) .split-showcase__content{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/collection-split-showcase.css.map */
