/* Photography-led collection banner, using the homepage's white cutouts. */
.mens-banner{grid-column:span 2;position:relative;isolation:isolate;min-width:0;min-height:450px;overflow:hidden;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--ink)}
.mens-banner-art{position:absolute;inset:0 0 0 25%;z-index:-2}
.mens-banner-art img{height:100%;width:100%;object-fit:cover;object-position:50% 38%;transition:transform .8s ease}
.mens-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 8%,#fffffff2 27%,#ffffffba 41%,#ffffff18 63%,transparent 78%)}
.mens-banner-heading{position:relative;padding:36px 32px;max-width:74%}
.editorial .mens-banner-heading .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:29px}
.editorial .mens-banner h3{font-size:clamp(35.2px,3.84vw,57.6px);line-height:.96;letter-spacing:-.045em;margin:0}
.mens-banner h3 em{color:var(--wine)}
.mens-banner-note{position:absolute;right:-1px;top:-1px;background:white;border-bottom-left-radius:20px;padding:13px 16px 16px 21px;font-size:10px;line-height:1.5;display:flex;gap:8px;align-items:center}
.mens-banner-note:before{content:'';position:absolute;left:-20px;top:0;width:20px;height:20px;background:radial-gradient(circle at 0 100%,transparent 19px,#fff 20px)}
.mens-banner-bottom{position:absolute;left:-1px;bottom:-1px;background:white;border-top-right-radius:24px;padding:18px 22px 13px 32px;display:flex;align-items:center;gap:32px;font-size:15px}
.mens-banner-bottom:after{content:'';position:absolute;right:-22px;bottom:0;width:22px;height:22px;background:radial-gradient(circle at 100% 0,transparent 21px,#fff 22px)}
.mens-banner-bottom .circle-arrow{width:39px;height:39px;transition:transform .25s}
.mens-banner:hover .mens-banner-art img{transform:scale(1.035)}
.mens-banner:hover .circle-arrow{transform:rotate(45deg)}
@media(max-width:850px){.mens-banner{min-height:500px}.mens-banner-heading{padding:30px}.editorial .mens-banner h3{font-size:52.8px}}
@media(max-width:600px){.mens-banner{grid-column:1/-1;min-height:525px;border-radius:14px}.mens-banner-art{inset:105px 0 0 0}.mens-banner-art img{object-position:50% 38%}.mens-banner:before{background:linear-gradient(180deg,#fff 11%,#ffffffe8 24%,#ffffff22 44%,transparent 61%)}.mens-banner-heading{padding:26px 23px;max-width:100%}.editorial .mens-banner-heading .eyebrow{font-size:9px;margin-bottom:18px}.editorial .mens-banner h3{font-size:47.2px}.mens-banner-note{top:auto;bottom:94px;right:12px;border-radius:10px;padding:11px 13px;font-size:9px}.mens-banner-note:before{display:none}.mens-banner-bottom{padding:16px 18px 10px 22px;gap:26px;font-size:14px}.mens-banner-bottom .circle-arrow{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.mens-banner-art img,.mens-banner-bottom .circle-arrow{transition:none}.mens-banner:hover .mens-banner-art img,.mens-banner:hover .circle-arrow{transform:none}}