.homepage-promo__layout{display:flex;flex-direction:column;gap:2.5rem;align-items:center}.homepage-promo__text{width:100%}.homepage-promo__eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.08em;font-size:.8125rem;opacity:.75}.homepage-promo__heading{margin:0}.homepage-promo__body{margin-top:1rem}.homepage-promo__cta{margin-top:1.5rem}.homepage-promo__small-print{margin:.5rem 0 0;font-size:.8125rem;opacity:.65}.homepage-promo__mock{position:relative;width:100%}.homepage-promo__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .7s ease}.homepage-promo__slide.is-active{position:relative;opacity:1;z-index:1}.homepage-promo__results-row{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:1.25rem}.homepage-promo__photo{width:60%;position:relative}.homepage-promo__photo-frame{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden}.homepage-promo__photo-img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center}.homepage-promo__photo-img--placeholder{display:flex;align-items:center;justify-content:center;background-color:#0000000a}.homepage-promo__placeholder-svg{width:40%;height:40%}@media(prefers-reduced-motion:no-preference){.homepage-promo__slide.is-active .homepage-promo__photo-img{animation:homepage-promo-ken-burns var(--homepage-promo-slide-duration, 7s) linear forwards}}@keyframes homepage-promo-ken-burns{0%{transform:scale(1)}to{transform:scale(1.04)}}.homepage-promo__ants{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.homepage-promo__ants-trace,.homepage-promo__ants-march{vector-effect:non-scaling-stroke}.homepage-promo__ants-trace{stroke:#000;stroke-width:3;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0}.homepage-promo__ants-march{stroke-width:3;stroke-dasharray:.025 .025;opacity:0}.homepage-promo__ants-march--black{stroke:#000;stroke-dashoffset:0}@media(max-width:639px){.homepage-promo__ants-trace,.homepage-promo__ants-march{stroke-width:4}}.homepage-promo__ants-march--white{stroke:#fff;stroke-dashoffset:.025}.homepage-promo__pin{position:absolute;width:14px;height:14px;margin:-9px 0 0 -7px;border-radius:50% 50% 50% 0;background:#fff;box-shadow:0 0 0 2px #000000d9;transform:rotate(-45deg) scale(.4);opacity:0;z-index:2}.homepage-promo__connectors{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.homepage-promo__connector-line{fill:none;stroke:#00000052;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.homepage-promo__swatches-col{width:40%}.homepage-promo__swatches{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.homepage-promo__swatch-card{display:flex;align-items:center;gap:.625rem;order:var(--homepage-promo-i, 0)}.homepage-promo__swatch-card:nth-child(1){transform:rotate(-1.5deg) translate(2px)}.homepage-promo__swatch-card:nth-child(2){transform:rotate(1deg) translate(-2px)}.homepage-promo__swatch-card:nth-child(3){transform:rotate(-1deg) translate(3px)}.homepage-promo__swatch-card:nth-child(4){transform:rotate(1.5deg) translate(-3px)}.homepage-promo__swatch-card:nth-child(5){transform:rotate(-1deg) translate(2px)}.homepage-promo__swatch-block{width:2.75rem;aspect-ratio:1 / 1;flex-shrink:0;background-color:transparent;border:1.5px solid rgba(0,0,0,.75)}.homepage-promo__swatch-name{display:block;line-height:1.2}@media(max-width:639px){.homepage-promo__swatch-block{width:2.25rem}.homepage-promo__swatch-name{font-size:.8125rem}.homepage-promo__pin--desktop-only,.homepage-promo__swatch-card--desktop-only,.homepage-promo__connector-line--desktop-only{display:none}}@media(min-width:640px){.homepage-promo__swatch-block{width:3.5rem}.homepage-promo__swatch-name{font-size:1rem}}@media(min-width:990px){.homepage-promo__layout{flex-direction:row;align-items:center;gap:3.5rem}.homepage-promo__text{width:36%}.homepage-promo__mock{width:64%}.homepage-promo__swatches{display:grid;grid-template-columns:repeat(auto-fill,160px);gap:1.5rem}.homepage-promo__swatch-card{flex-direction:column;align-items:stretch;gap:.5rem;width:160px}.homepage-promo__swatch-block{width:100%}.homepage-promo__swatch-name{font-size:1.0625rem}}@media(prefers-reduced-motion:no-preference){.homepage-promo__slide.is-active .homepage-promo__ants-trace{animation:homepage-promo-ants-trace .9s ease-out forwards}.homepage-promo__slide.is-active .homepage-promo__ants-march--black{animation:homepage-promo-ants-fade-in .3s ease-out .9s forwards,homepage-promo-ants-march-black .9s steps(14) infinite}.homepage-promo__slide.is-active .homepage-promo__ants-march--white{animation:homepage-promo-ants-fade-in .3s ease-out .9s forwards,homepage-promo-ants-march-white .9s steps(14) infinite}.homepage-promo__slide.is-active .homepage-promo__pin{animation:homepage-promo-pin-drop .4s ease-out forwards;animation-delay:calc(.9s + var(--homepage-promo-i, 0) * .25s)}.homepage-promo__slide.is-active .homepage-promo__connector-line{animation:homepage-promo-connector-draw .45s ease forwards;animation-delay:calc(1.05s + var(--homepage-promo-i, 0) * .25s)}.homepage-promo__slide.is-active .homepage-promo__swatch-block{animation:homepage-promo-tile-flood .35s ease forwards;animation-delay:calc(1.45s + var(--homepage-promo-i, 0) * .25s)}}@keyframes homepage-promo-ants-trace{0%{stroke-dashoffset:1;opacity:1}85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes homepage-promo-ants-fade-in{0%{opacity:0}to{opacity:1}}@keyframes homepage-promo-ants-march-black{0%{stroke-dashoffset:0}to{stroke-dashoffset:-.05}}@keyframes homepage-promo-ants-march-white{0%{stroke-dashoffset:.025}to{stroke-dashoffset:-.025}}@keyframes homepage-promo-pin-drop{0%{opacity:0;transform:rotate(-45deg) scale(.4) translateY(-8px)}60%{opacity:1;transform:rotate(-45deg) scale(1.15) translateY(0)}to{opacity:1;transform:rotate(-45deg) scale(1) translateY(0)}}@keyframes homepage-promo-connector-draw{0%{stroke-dashoffset:1;opacity:0}15%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes homepage-promo-tile-flood{0%{background-color:transparent}to{background-color:var(--homepage-promo-fill)}}@media(prefers-reduced-motion:reduce){.homepage-promo__slide{transition:none}.homepage-promo__ants-march{opacity:1}.homepage-promo__ants-march--black{stroke-dashoffset:0}.homepage-promo__ants-march--white{stroke-dashoffset:.025}.homepage-promo__pin{opacity:1;transform:rotate(-45deg) scale(1)}.homepage-promo__connector-line{opacity:1;stroke-dashoffset:0}.homepage-promo__swatch-block{background-color:var(--homepage-promo-fill)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-homepage-promo.css.map */