.summer-guide-hub{background-color:var(--hub-bg, #faf9f7);color:var(--hub-text, #1a1a1a);padding:64px 24px}.summer-guide-hub__header{margin-bottom:36px}.summer-guide-hub__heading{font-size:clamp(22px,3vw,28px);font-weight:500;line-height:1.2;letter-spacing:-.01em;margin:0 0 10px}.summer-guide-hub__intro{font-size:14px;color:#666;line-height:1.7;margin:0;max-width:640px}.summer-guide-hub__grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:36px}.summer-guide-hub__card{background:#fff;border:1px solid #e5e5e5;overflow:hidden}.summer-guide-hub__card-link{display:block}.summer-guide-hub__img-wrap{aspect-ratio:16 / 9;overflow:hidden;background:#eeebe5}.summer-guide-hub__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.summer-guide-hub__card:hover .summer-guide-hub__img{transform:scale(1.03)}.summer-guide-hub__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.summer-guide-hub__img-placeholder .placeholder-svg{width:50%;height:50%;fill:#d8d4cc}.summer-guide-hub__body{padding:20px}.summer-guide-hub__title{font-size:14px;font-weight:500;line-height:1.4;margin:0 0 8px}.summer-guide-hub__title-link{text-decoration:none;color:inherit;transition:opacity .2s ease}.summer-guide-hub__title-link:hover{opacity:.65}.summer-guide-hub__excerpt{font-size:12px;color:#777;line-height:1.65;margin:0 0 14px}.summer-guide-hub__cta{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--hub-text, #1a1a1a);transition:opacity .2s ease}.summer-guide-hub__cta:hover{opacity:.6}.summer-guide-hub__footer{text-align:center}.summer-guide-hub__footer-cta{display:inline-block;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;color:var(--hub-text, #1a1a1a);transition:opacity .2s ease}.summer-guide-hub__footer-cta:hover{opacity:.6}@media screen and (min-width:640px){.summer-guide-hub__grid{grid-template-columns:1fr 1fr}}@media screen and (min-width:990px){.summer-guide-hub{padding:80px 48px}.summer-guide-hub__grid{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1280px){.summer-guide-hub{padding:96px 64px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/summer-guide-hub.css.map */