.shop-by-surface{--shop-by-surface-accent: #ee8b2a;--shop-by-surface-gap: 26px;--shop-by-surface-card-height: 560px;--shop-by-surface-card-padding: 36px}.shop-by-surface[style*=--shop-by-surface-bg]{background-color:var(--shop-by-surface-bg)}.shop-by-surface__inner{max-width:1320px}.shop-by-surface .shop-by-surface__header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:30px 60px;text-align:left;margin-bottom:36px}.shop-by-surface .shop-by-surface__eyebrow{color:var(--shop-by-surface-accent);font-family:var(--body-font-stack);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin:0 0 8px}.shop-by-surface .shop-by-surface__title{font-size:44px;line-height:1.1;letter-spacing:-.5px;text-transform:uppercase;margin:0}.shop-by-surface .shop-by-surface__description{max-width:450px;margin:0;font-size:17px;line-height:1.5}.shop-by-surface .shop-by-surface__description p{margin:0}.shop-by-surface__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--shop-by-surface-gap)}.shop-by-surface__grid--items-1{grid-template-columns:minmax(0,1fr)}.shop-by-surface__grid--items-2{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-by-surface__grid--items-4{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-by-surface__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--shop-by-surface-card-height);overflow:hidden;isolation:isolate;color:#fff}.shop-by-surface__media,.shop-by-surface__media .responsive-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.shop-by-surface__media .responsive-image-wrapper,.shop-by-surface__media img,.shop-by-surface__media svg{width:100%;height:100%}.shop-by-surface__media img,.shop-by-surface__media svg{object-fit:cover;transition:transform .6s ease}.shop-by-surface__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--shop-by-surface-overlay, rgba(0, 0, 0, .66))}.shop-by-surface__card:hover .shop-by-surface__media img{transform:scale(1.04)}.shop-by-surface__content{padding:var(--shop-by-surface-card-padding) var(--shop-by-surface-card-padding) 30px}.shop-by-surface .shop-by-surface__card-title{color:#fff;font-size:48px;line-height:1;text-transform:uppercase;margin:0 0 16px;word-break:break-word}.shop-by-surface__card-text{color:#ffffffe0;font-size:17px;line-height:1.5}.shop-by-surface__card-text p{margin:0}.shop-by-surface__pills{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 0;padding:0;list-style:none}.shop-by-surface .shop-by-surface__pill{display:inline-flex;align-items:center;min-height:30px;margin:0;padding:0 12px;border:1px solid var(--shop-by-surface-pill-border, rgba(255, 255, 255, .5));color:#fff;font-size:13px;line-height:1.2}.shop-by-surface__button-wrapper{margin-top:22px}.shop-by-surface .btn.btn--secondary.shop-by-surface__button{position:static;display:inline-flex;align-items:center;min-width:222px;min-height:55px;justify-content:center;padding:10px 28px;border:2.5px solid #fff;color:#fff;font-size:14px;letter-spacing:.4px;transition:background-color .2s ease,color .2s ease}.shop-by-surface__button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.shop-by-surface__card:hover .btn.btn--secondary.shop-by-surface__button,.shop-by-surface .btn.btn--secondary.shop-by-surface__button:focus-visible{background-color:#fff;color:#111}.shop-by-surface .btn.btn--secondary.shop-by-surface__button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media screen and (min-width:990px){@supports (grid-template-rows: subgrid){.shop-by-surface__grid{grid-template-rows:1fr repeat(4,auto);row-gap:0;min-height:var(--shop-by-surface-card-height)}.shop-by-surface__card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;padding:var(--shop-by-surface-card-padding) var(--shop-by-surface-card-padding) 30px}.shop-by-surface__content{display:contents}.shop-by-surface .shop-by-surface__card-title{grid-row:2;align-self:start;font-size:min(40px,calc((min(100vw - 120px,1320px) - 2 * var(--shop-by-surface-gap)) / 3 * .09))}.shop-by-surface__card-text{grid-row:3}.shop-by-surface__pills{grid-row:4;align-self:start}.shop-by-surface__button-wrapper{grid-row:5}}}@media screen and (max-width:1199px){.shop-by-surface{--shop-by-surface-card-padding: 28px}.shop-by-surface .shop-by-surface__title{font-size:36px}.shop-by-surface .btn.btn--secondary.shop-by-surface__button{min-width:0;padding:10px 20px}}@media screen and (max-width:989px){.shop-by-surface .shop-by-surface__card-title{font-size:38px}.shop-by-surface .shop-by-surface__header{flex-direction:column;align-items:flex-start;gap:16px}.shop-by-surface__grid,.shop-by-surface__grid--items-2,.shop-by-surface__grid--items-4{grid-template-columns:minmax(0,1fr)}.shop-by-surface{--shop-by-surface-card-height: 480px}}@media screen and (max-width:767px){.shop-by-surface{--shop-by-surface-gap: 16px;--shop-by-surface-card-height: 440px;--shop-by-surface-card-padding: 22px}.shop-by-surface .shop-by-surface__header{margin-bottom:28px}.shop-by-surface .shop-by-surface__title{font-size:30px}.shop-by-surface .shop-by-surface__description{font-size:16px}.shop-by-surface .shop-by-surface__card-title{font-size:34px;margin-bottom:12px}.shop-by-surface__card-text{font-size:16px}.shop-by-surface__pills{margin-top:20px;gap:8px}.shop-by-surface .btn.btn--secondary.shop-by-surface__button{min-width:0;width:100%;justify-content:center;min-height:50px;padding:10px 20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-shop-by-surface.css.map */