.shf-cduo{--shf-cduo-navy: #0d1f4d;--shf-cduo-radius: 4px;--shf-cduo-curve-overlap: 24vw;padding-top:var(--shf-cduo-pad-top, 40px);padding-bottom:var(--shf-cduo-pad-bot, 40px)}.shf-cduo__inner{width:100%;max-width:var(--shf-cduo-maxw, 1200px);margin:0 auto;padding:0 2rem}.shf-cduo__defs{position:absolute;width:0;height:0;overflow:hidden}.shf-cduo__head{text-align:center;margin-bottom:3.2rem}.shf-cduo__eyebrow{font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--shf-cduo-navy);margin:0 0 1rem}.shf-cduo__heading{font-family:var(--font-heading-family);font-size:clamp(2.6rem,3vw,3.4rem);font-weight:700;color:var(--shf-cduo-navy);margin:0;letter-spacing:-.01em}.shf-cduo__grid{display:grid;grid-template-columns:repeat(var(--shf-cduo-cols, 2),minmax(0,1fr));gap:3.2rem}.shf-cduo__panel{display:block;text-decoration:none;color:inherit;position:relative}.shf-cduo__panel:focus-visible{outline:3px solid var(--shf-cduo-navy);outline-offset:3px}.shf-cduo__media{position:relative;aspect-ratio:var(--shf-cduo-aspect, 1 / 1);overflow:hidden;border-radius:var(--shf-cduo-radius);background-color:#ece8e0}.shf-cduo__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0}.shf-cduo__img.is-active{opacity:1}.shf-cduo__img--placeholder{display:flex;align-items:center;justify-content:center}.shf-cduo__placeholder-svg{width:60%;height:60%;opacity:.4}.shf-cduo__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.shf-cduo__content{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem;padding:3.2rem;max-width:82%;color:#fff}.shf-cduo__title{font-family:var(--font-heading-family);font-size:clamp(2.2rem,2.4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.25)}.shf-cduo__sub{font-family:var(--font-body-family);font-size:1.5rem;line-height:1.4;color:#fff;margin:0;max-width:42rem;text-shadow:0 1px 2px rgba(0,0,0,.25)}.shf-cduo__btn{display:inline-block;margin-top:.6rem;padding:1.3rem 2.8rem;background:#fff;color:var(--shf-cduo-navy);border-radius:999px;font-family:var(--font-body-family);font-size:1.35rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;transition:background-color .15s ease,color .15s ease}.shf-cduo__panel:hover .shf-cduo__btn{background:var(--shf-cduo-navy);color:#fff}.shf-cduo__panel--tl .shf-cduo__content{top:0;left:0;align-items:flex-start;text-align:left}.shf-cduo__panel--tr .shf-cduo__content{top:0;right:0;align-items:flex-end;text-align:right}.shf-cduo__panel--bl .shf-cduo__content{bottom:0;left:0;align-items:flex-start;text-align:left}.shf-cduo__panel--br .shf-cduo__content{bottom:0;right:0;align-items:flex-end;text-align:right}.shf-cduo__panel--tl .shf-cduo__scrim,.shf-cduo__panel--tr .shf-cduo__scrim{background:linear-gradient(to bottom,#0000006b,#0000 58%)}.shf-cduo__panel--bl .shf-cduo__scrim,.shf-cduo__panel--br .shf-cduo__scrim{background:linear-gradient(to top,#0000006b,#0000 58%)}@media screen and (max-width:749px){.shf-cduo .shf-cduo__inner{max-width:none;padding-left:0;padding-right:0}.shf-cduo .shf-cduo__head{padding-left:2rem;padding-right:2rem}.shf-cduo__grid{grid-template-columns:1fr;gap:0}.shf-cduo__media{aspect-ratio:4 / 5;border-radius:0}.shf-cduo__panel:nth-child(odd) .shf-cduo__media{clip-path:url(#shf-cduo-clip-top)}.shf-cduo__panel:nth-child(2n) .shf-cduo__media{clip-path:url(#shf-cduo-clip-bottom)}.shf-cduo__panel:nth-child(2n){margin-top:calc(-1 * var(--shf-cduo-curve-overlap))}.shf-cduo__panel:nth-child(odd) .shf-cduo__content{top:0;bottom:auto;left:0;right:auto;align-items:flex-start;text-align:left;padding:2.4rem}.shf-cduo__panel:nth-child(2n) .shf-cduo__content{top:auto;bottom:0;left:auto;right:0;align-items:flex-end;text-align:right;padding:2.4rem}.shf-cduo__panel:nth-child(odd) .shf-cduo__scrim{background:linear-gradient(to bottom,#0000006b,#0000 55%)}.shf-cduo__panel:nth-child(2n) .shf-cduo__scrim{background:linear-gradient(to top,#0000006b,#0000 55%)}.shf-cduo__title{font-size:2.2rem}.shf-cduo__sub{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/section-shf-collection-duo.css.map */