.hh--wrapper *{margin:0}.hh--wrapper{display:flex}.lookbook-section{position:relative;z-index:0}.hh--item-wrapper{display:flex;flex-direction:column;width:50%;position:relative}.hh--item-wrapper-text{align-items:center;justify-content:center;padding:clamp(2.5rem,6vw,7rem) clamp(1.5rem,4vw,5rem)}.hh--item-wrapper-img{position:relative}.lookbook-image-wrap,.hh--item-image-link{position:relative;display:block;width:100%}.hh--item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-2xs);width:100%;max-width:36rem;text-align:center}.hh--item-subtitle{font-size:.875rem;letter-spacing:.08em;text-transform:uppercase}.hh--item-title{font-size:clamp(1.75rem,2vw,2.5rem);line-height:1.1}.hh--item-description{color:var(--color-foreground);font-size:14px}.lookbook-section .hh--item-button{display:flex;justify-content:center}.lookbook-section .hh--item-button .button span{font-size:inherit;text-decoration:none;text-underline-offset:initial;color:inherit}.hh--item-img{display:block;width:100%;height:100%}.sf-hotspot{position:absolute;z-index:1;width:0;height:0}.sf-hotspot-btn{position:absolute;top:0;left:0;z-index:2;width:30px;height:30px;padding:0;border:0;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 10px 24px #00000026;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.sf-hotspot-btn:hover,.sf-hotspot-btn:focus-visible,.sf-hotspot.is-active .sf-hotspot-btn{transform:translate(-50%,-50%) scale(1.04)}.sf-hotspot-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.sf-hotspot-btn--dark{background:#111;color:#fff}.sf-hotspot-btn--light{background:#fff;color:#111}.sf-hotspot-btn__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;animation:sfLookbookPing 1.8s cubic-bezier(0,0,.2,1) infinite}.sf-hotspot-btn__ring--dark{background:#11111173}.sf-hotspot-btn__ring--light{background:#ffffff8c}.sf-hotspot-btn__icon{position:relative;z-index:1;font-size:24px;line-height:1;font-weight:500}.sf-hotspot-popup{position:absolute;z-index:2;min-width:13rem;max-width:18rem;padding:.75rem;border-radius:.75rem;background:#fff;box-shadow:0 18px 40px #00000029;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.sf-hotspot-popup--top{bottom:calc(100% + .75rem)}.sf-hotspot-popup--bottom{top:calc(100% + .75rem)}.sf-hotspot-popup--left{right:calc(100% + .75rem)}.sf-hotspot-popup--right{left:calc(100% + .75rem)}.sf-hotspot-popup--top.sf-hotspot-popup--left,.sf-hotspot-popup--bottom.sf-hotspot-popup--left{transform:translate(-.25rem,12px)}.sf-hotspot-popup--top.sf-hotspot-popup--right,.sf-hotspot-popup--bottom.sf-hotspot-popup--right{transform:translate(.25rem,12px)}.sf-hotspot:hover .sf-hotspot-popup,.sf-hotspot:focus-within .sf-hotspot-popup,.sf-hotspot.is-active .sf-hotspot-popup{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.sf-hotspot-popup__link{display:grid;gap:.75rem;color:inherit;text-decoration:none}.sf-hotspot-popup__media{display:block;overflow:hidden;border-radius:.5rem;aspect-ratio:1 / 1;background:#0000000a}.sf-hotspot-popup__image{display:block;width:100%;height:100%;object-fit:cover}.sf-hotspot-popup__content{display:grid;gap:.25rem}.sf-hotspot-popup__title{font-size:.95rem;line-height:1.25;font-weight:600}.sf-hotspot-popup__price{font-size:.875rem;line-height:1.2}@keyframes sfLookbookPing{75%,to{transform:scale(1.6);opacity:0}}@media(max-width:1025px){.hh--wrapper{flex-direction:column}.hh--item-wrapper{width:100%}.hh--item-wrapper-text{padding:2.5rem 1.25rem}.lookbook-section .hh--item-wrapper.hh--item-wrapper-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sf-hotspot-popup__media{display:flex;align-items:center;justify-content:center;padding:.25rem}.sf-hotspot-popup__image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}}@media(min-width:1025px){.hh--item-wrapper-text{min-height:100%}}@media(max-width:767px){.sf-hotspot-popup{min-width:11.5rem;max-width:15rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/lookbook.css.map */