.brand-collection{background:#f7f7f5;color:#111;padding:2.4rem 0 0}.brand-collection__hero{position:relative;height:clamp(24rem,25vw,34rem);border:1px solid #111;background:#fff;overflow:hidden}.brand-collection__looks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:100%}.brand-collection__look{min-width:0;overflow:hidden;background:#fff}.brand-collection__look+.brand-collection__look{border-left:1px solid rgba(17,17,17,.14)}.brand-collection__look img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.brand-collection__headline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.brand-collection__title{max-width:calc(100% - 3.2rem);margin:0;padding:.08em .24em .12em;background:#f7f7f5e6;font-size:clamp(4.8rem,7vw,10rem);font-weight:700;letter-spacing:-.065em;line-height:.88;text-align:center}.brand-collection__title--long{font-size:clamp(3.4rem,5.2vw,7.4rem);letter-spacing:-.05em}.brand-collection__note{display:grid;grid-template-columns:minmax(15rem,.42fr) minmax(0,1.58fr);gap:clamp(2rem,5vw,7rem);align-items:start;padding:clamp(2.6rem,3vw,4rem) clamp(0rem,2vw,3rem)}.brand-collection__kicker{margin:0;font-size:1.1rem;letter-spacing:.18em;line-height:1.4}.brand-collection__copy{min-width:0;width:100%;max-width:82rem;font-size:clamp(1.35rem,1.25vw,1.7rem);line-height:1.7;overflow-wrap:anywhere}.brand-collection__copy p{margin:0}@media screen and (max-width:989px){.brand-collection{padding-top:1.6rem}.brand-collection__hero{height:clamp(21rem,36vw,29rem)}.brand-collection__title{font-size:clamp(4rem,9vw,6.8rem)}.brand-collection__title--long{font-size:clamp(3rem,7vw,5.2rem)}.brand-collection__note{grid-template-columns:minmax(13rem,.4fr) minmax(0,1.6fr)}}@media screen and (max-width:749px){.brand-collection{padding-top:1.2rem}.brand-collection__inner{padding-right:1.6rem;padding-left:1.6rem}.brand-collection__hero{height:19rem}.brand-collection__title{font-size:clamp(3.8rem,12vw,5.4rem)}.brand-collection__title--long{font-size:clamp(2.8rem,8vw,4rem)}.brand-collection__note{display:block;width:100%;padding:2.6rem 0 2.8rem}.brand-collection__copy{width:100%;margin-top:1.4rem;font-size:1.35rem;line-height:1.7}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/archv-brand-collection.css.map */