.home-section.stl{padding-top:clamp(64px,7vw,112px)}.stl__grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch;background:var(--stl-panel-bg, #f2f2f2)}.stl__media{position:relative;isolation:isolate;width:100%;height:100%;min-width:0;min-height:520px;overflow:hidden;background:#f2f0eb}.stl__image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.05);transition:opacity .7s ease,transform 1.2s cubic-bezier(.2,.6,.3,1);pointer-events:none}.stl__image.is-active{opacity:1;transform:scale(1);pointer-events:auto}.stl__img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center bottom}.stl__placeholder{fill:#0000001f}.stl__tag{position:absolute;z-index:1;left:16px;bottom:16px;padding:7px 11px;background:#fff;color:#111;font-size:11px;font-weight:500;line-height:normal;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.stl__panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-width:0;padding:clamp(24px,3.2vw,52px);overflow:hidden;background:var(--stl-panel-bg, #f2f2f2)}.stl__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px}.stl__texts,.stl__cards{display:grid}.stl__texts{flex:1 1 240px;min-width:0}.stl__text,.stl__card{grid-area:1 / 1;min-width:0;visibility:hidden}.stl__text.is-active,.stl__card.is-active{visibility:visible}.stl__text{display:flex;flex-direction:column;gap:8px}.stl__title{margin:0;font-size:clamp(30px,3.2vw,48px);font-weight:400;letter-spacing:-.02em;text-wrap:balance;color:#111}@layer base{.stl__title{line-height:1.05!important}}.stl__controls{display:flex;flex:none;align-items:center;gap:14px}.stl__count{font-size:13px;font-weight:500;letter-spacing:.04em;font-variant-numeric:tabular-nums}.stl__count>span{letter-spacing:inherit}.stl__cards{justify-items:center}.stl__card{width:min(100%,360px)}.stl__card>.hpc{height:100%;background:var(--stl-card-bg, #eaeaea)}.stl__card .hpc__swatch{width:44px;height:44px}@container (max-width: 355px){.stl__card .hpc__swatch--extra,.stl__card .hpc__more--wide{display:none}.stl__card .hpc__more--narrow{display:inline-flex}}.stl__bars{display:flex;gap:8px}.stl__bar{display:flex;flex:1;align-items:center;height:32px;margin:-6px 0;padding:0;border:0;background:none;cursor:pointer}.stl__bar span{display:block;width:100%;height:2px;background:#dadada;transition:background-color .4s ease}.stl__bar[aria-current=true] span,.stl__bar:hover span{background:#111}.stl__bar:focus-visible{outline:2px solid #111;outline-offset:2px}@media(max-width:1099px){.stl__grid{grid-template-columns:minmax(0,1fr)}.stl__media{aspect-ratio:1 / 1;height:auto}}@media(min-width:1100px){.stl--square .stl__media{min-height:0;aspect-ratio:1 / 1}.stl--square .stl__panel{contain:size;min-height:680px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"texts texts" "cards cards" "bars controls";column-gap:16px;row-gap:28px}.stl--square .stl__top{display:contents}.stl--square .stl__texts{grid-area:texts}.stl--square .stl__controls{grid-area:controls}.stl--square .stl__bars{grid-area:bars;align-self:center}.stl--square .stl__cards{grid-area:cards;grid-template-rows:minmax(0,1fr);min-height:0}.stl--square .stl__card{display:flex;flex-direction:column;justify-content:center;min-height:0}.stl--square .stl__card>.hpc{height:auto;max-height:100%}.stl--square .stl__card .hpc__media{flex:0 1 auto;min-height:0}.stl--square .stl__card .hpc__bar,.stl--square .stl__card .hpc__body{flex-shrink:0}}@media(max-width:1099px){.stl--square .stl__media{min-height:0}}@media(prefers-reduced-motion:reduce){.stl__image,.stl__bar span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/section-home-shop-the-look.css.map */