.vp-colors{--vp-ink: #342c27;--vp-muted: #786b61;--vp-rose: #a77e6d;--vp-paper: #fbf9f6;color:var(--vp-ink);background:#fff}.vp-colors__hero{position:relative;display:flex;align-items:center;min-height:clamp(360px,35vw,680px);overflow:hidden;background:#c4b4a2}.vp-colors__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 43%}.vp-colors__hero-picture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.vp-colors__hero:after{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#221d1a94,#221d1a40 58%,#221d1a14);content:"";pointer-events:none}.vp-colors__hero-copy{position:relative;z-index:1;width:min(680px,58vw);margin-left:max(6vw,calc((100vw - 1440px)/2));padding:70px 0;color:#fff}.vp-colors__eyebrow{margin:0 0 18px;color:var(--vp-rose);font-size:1.1rem;letter-spacing:.19em;line-height:1.5}.vp-colors__hero .vp-colors__eyebrow{color:#f3e9de}.vp-colors__hero h1,.vp-colors__intro h2,.vp-colors__closing h2{margin:0;font-family:var(--font-heading-family);font-weight:400;letter-spacing:.005em}.vp-colors__hero h1{max-width:650px;color:#fff;font-size:clamp(4.2rem,6.3vw,8rem);line-height:1.04}.vp-colors__hero-copy>p:not(.vp-colors__eyebrow){max-width:490px;margin:22px 0 30px;font-size:1.7rem;line-height:1.65}.vp-colors__button{display:inline-flex;min-height:48px;align-items:center;padding:0 25px;border:1px solid rgba(255,255,255,.82);color:#fff;font-size:1.25rem;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:background .2s ease,color .2s ease}.vp-colors__button:hover{color:var(--vp-ink);background:#fff}.vp-colors__intro{max-width:820px;margin:0 auto;padding:clamp(38px,4vw,58px) 24px 34px;text-align:center}.vp-colors__intro h2,.vp-colors__closing h2{font-size:clamp(3rem,4vw,4.8rem);line-height:1.15}.vp-colors__intro>p:last-child,.vp-colors__closing>p:not(.vp-colors__eyebrow){margin:16px auto 0;color:var(--vp-muted);font-size:1.55rem;line-height:1.7}.vp-colors__grid{display:grid;width:min(1600px,calc(100% - 9vw));grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.3vw,20px);margin:0 auto;padding:0 0 90px}.vp-color-card{min-width:0;background:var(--vp-paper)}.vp-color-card__image-link{display:block;overflow:hidden;aspect-ratio:.9 / 1}.vp-color-card__image-link img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.vp-color-card:hover .vp-color-card__image-link img{transform:scale(1.035)}.vp-color-card__body{padding:18px clamp(12px,1.3vw,20px) 20px}.vp-color-card__kicker{margin:0 0 8px;color:var(--vp-muted);font-size:.95rem;letter-spacing:.12em}.vp-color-card h3{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.65rem,1.65vw,2.25rem);font-weight:400;line-height:1.2}.vp-color-card h3 a{color:inherit;text-decoration:none}.vp-color-card__description{min-height:58px;margin:10px 0 16px;color:var(--vp-muted);font-size:1.2rem;line-height:1.5}.vp-color-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.vp-color-card__swatches{display:flex;align-items:center;padding-left:2px}.vp-color-card__swatch{width:27px;height:27px;margin-left:-5px;border:2px solid var(--vp-paper);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #46372d14}.vp-color-card__link,.vp-colors__text-link{color:var(--vp-ink);font-size:1.25rem;text-decoration:none}.vp-color-card__link span,.vp-colors__text-link span{display:inline-block;margin-left:5px;transition:transform .2s ease}.vp-color-card__link:hover span,.vp-colors__text-link:hover span{transform:translate(3px,-2px)}.vp-colors__closing{padding:72px 24px 86px;background:var(--vp-paper);text-align:center}.vp-colors__closing .vp-colors__text-link{display:inline-block;margin-top:23px;border-bottom:1px solid currentColor;padding-bottom:5px}@media screen and (min-width:1600px){.vp-colors__hero-copy{margin-left:calc((100vw - 1440px)/2)}}@media screen and (max-width:989px){.vp-colors__hero-copy{width:min(620px,70vw);margin-left:6vw}.vp-colors__grid{width:min(1100px,calc(100% - 48px));grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vp-color-card__body{padding:16px 13px 18px}.vp-color-card__description{min-height:0}}@media screen and (max-width:599px){.vp-colors__hero{min-height:clamp(420px,112vw,620px);align-items:flex-end}.vp-colors__hero-image{object-position:center 46%}.vp-colors__hero-copy{width:auto;margin:0;padding:0 25px 42px}.vp-colors__hero h1{max-width:400px;font-size:clamp(4rem,13vw,5.4rem)}.vp-colors__hero-copy>p:not(.vp-colors__eyebrow){font-size:1.5rem}.vp-colors__intro{padding:54px 24px 34px}.vp-colors__grid{width:calc(100% - 32px);grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding-bottom:55px}.vp-color-card__image-link{aspect-ratio:.9 / 1}.vp-color-card__body{padding:15px 12px}.vp-color-card h3{font-size:1.8rem}.vp-color-card__kicker{font-size:.82rem}.vp-color-card__swatch{width:22px;height:22px;margin-left:-6px}.vp-color-card__footer{align-items:flex-start;flex-direction:column}.vp-colors__closing{padding:55px 24px 64px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/vp-color-collections.css.map */