.suay-in-the-wild{padding:64px 40px 80px;background:#fff}.suay-in-the-wild__container{max-width:1400px;margin:0 auto}.suay-in-the-wild__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;gap:40px}.suay-in-the-wild__title-block{flex:1}.suay-in-the-wild__eyebrow{font-family:var(--suay-font-mono, "Haffer Mono", monospace);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--suay-color-gold-on-light, #876733);margin:0 0 12px}.suay-in-the-wild__title{font-family:var(--suay-font-heading, "Haffer", sans-serif);font-weight:500;font-size:clamp(26px,3vw,36px);line-height:1.2;color:var(--suay-color-charcoal, #222121);margin:0 0 12px}.suay-in-the-wild__sub{font-size:15px;line-height:1.5;color:var(--suay-color-body, #5E5C5C);max-width:560px}.suay-in-the-wild__sub p{margin:0}.suay-in-the-wild__sub strong{color:var(--suay-color-charcoal, #222121);font-weight:500}.suay-in-the-wild__link{font-family:var(--suay-font-mono, "Haffer Mono", monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--suay-color-charcoal, #222121);text-decoration:none;border-bottom:1px solid var(--suay-color-charcoal, #222121);padding-bottom:3px;white-space:nowrap;transition:opacity .2s ease}.suay-in-the-wild__link:hover{opacity:.65}.suay-in-the-wild__link:focus-visible{opacity:.65;outline:2px solid var(--suay-color-charcoal, #222121);outline-offset:4px}.suay-in-the-wild__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 12px;box-sizing:border-box}.suay-in-the-wild__item{position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.suay-in-the-wild__item:hover{transform:translateY(-2px)}.suay-in-the-wild__item img,.suay-in-the-wild__item svg{width:100%;height:100%;object-fit:cover;object-position:var(--suay-wild-focal, center 30%);display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.suay-in-the-wild__item:hover img{transform:scale(1.04)}.suay-in-the-wild__item-trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:transparent;border:0;padding:0;cursor:zoom-in;font:inherit;color:inherit}.suay-in-the-wild__item-trigger:focus-visible{outline:2px solid var(--suay-color-charcoal, #222121);outline-offset:-2px}.suay-in-the-wild__lightbox{border:0;padding:0;background:transparent;max-width:90vw;max-height:90vh;width:auto;height:auto;color:var(--suay-color-white, #fff)}.suay-in-the-wild__lightbox::backdrop{background:#000000eb}.suay-in-the-wild__lightbox[open]{display:flex;align-items:center;justify-content:center}.suay-in-the-wild__lightbox-img{display:block;max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain}.suay-in-the-wild__lightbox-close{position:fixed;top:24px;right:32px;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff1a;color:var(--suay-color-white, #fff);font-size:32px;line-height:1;cursor:pointer;z-index:1}.suay-in-the-wild__lightbox-close:hover{background:#fff3}.suay-in-the-wild__lightbox-close:focus-visible{background:#fff3;outline:2px solid #ffffff;outline-offset:2px}@media(max-width:768px){.suay-in-the-wild__lightbox-close{top:12px;right:12px}.suay-in-the-wild__lightbox-img{max-width:95vw;max-height:90vh}}.suay-in-the-wild__item--hero{grid-column:span 6;grid-row:span 2;min-height:640px}.suay-in-the-wild__item--portrait{grid-column:span 3;aspect-ratio:3 / 4}.suay-in-the-wild__item--landscape{grid-column:span 6;aspect-ratio:4 / 3}.suay-in-the-wild__grid--capped{max-height:var(--suay-wild-max-h, 800px);grid-auto-rows:minmax(0,1fr);overflow:hidden}.suay-in-the-wild__grid--capped .suay-in-the-wild__item--hero,.suay-in-the-wild__grid--capped .suay-in-the-wild__item--portrait,.suay-in-the-wild__grid--capped .suay-in-the-wild__item--landscape{aspect-ratio:auto;min-height:0}.suay-in-the-wild__grid--carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-rows:auto;padding:0 calc((100vw - 1400px)/2 + 40px) 0 calc((100vw - 1400px)/2 + 40px);width:auto;margin-left:0;margin-right:0}.suay-in-the-wild__grid--carousel::-webkit-scrollbar{display:none}@media(max-width:1480px){.suay-in-the-wild__grid--carousel{padding-left:40px;padding-right:40px}}@media(max-width:768px){.suay-in-the-wild__grid--carousel{padding-left:16px;padding-right:16px}}.suay-in-the-wild__grid--carousel .suay-in-the-wild__item{scroll-snap-align:start;flex:0 0 auto;width:clamp(280px,32vw,460px);height:480px;grid-column:auto;grid-row:auto;aspect-ratio:auto;min-height:0}.suay-in-the-wild__grid--carousel .suay-in-the-wild__item--hero{width:clamp(420px,64vw,920px)}@media(max-width:768px){.suay-in-the-wild__grid--carousel .suay-in-the-wild__item{height:360px}}.suay-in-the-wild__grid--marquee{display:block;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;position:relative;grid-template-columns:none;grid-auto-rows:auto;padding:0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%)}.suay-in-the-wild__marquee-track{display:flex;gap:12px;width:max-content;animation:suay-in-the-wild-marquee var(--suay-wild-marquee-duration, 60s) linear infinite}.suay-in-the-wild__grid--marquee:hover .suay-in-the-wild__marquee-track,.suay-in-the-wild__grid--marquee:focus-within .suay-in-the-wild__marquee-track{animation-play-state:paused}@keyframes suay-in-the-wild-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.suay-in-the-wild__grid--marquee .suay-in-the-wild__item{flex:0 0 auto;height:480px;grid-column:auto;grid-row:auto;aspect-ratio:auto;min-height:0;width:640px;cursor:zoom-in}.suay-in-the-wild__grid--marquee .suay-in-the-wild__item--portrait{width:360px}@media(max-width:768px){.suay-in-the-wild__grid--marquee .suay-in-the-wild__item{height:360px;width:480px}.suay-in-the-wild__grid--marquee .suay-in-the-wild__item--portrait{width:270px}}@media(prefers-reduced-motion:reduce){.suay-in-the-wild__grid--marquee{-webkit-mask-image:none;mask-image:none;overflow-x:auto}.suay-in-the-wild__marquee-track{animation:none}}.suay-in-the-wild__scroll-nav{max-width:1400px;margin:0 auto;padding:24px 40px 0;display:flex;align-items:center;justify-content:space-between;font-family:var(--suay-font-mono, "Haffer Mono", monospace);font-size:11px;letter-spacing:.08em;color:var(--suay-color-body, #5E5C5C);text-transform:uppercase}.suay-in-the-wild__scroll-buttons{display:flex;gap:8px}.suay-in-the-wild__scroll-btn{width:40px;height:40px;border:1px solid var(--suay-color-smoke, #D9E1E2);background:#fff;cursor:pointer;font-size:18px;line-height:1;color:var(--suay-color-charcoal, #222121);transition:background .2s ease,color .2s ease}.suay-in-the-wild__scroll-btn:hover{background:var(--suay-color-charcoal, #222121);color:#fff}.suay-in-the-wild__scroll-btn:focus-visible{background:var(--suay-color-charcoal, #222121);color:#fff;outline:2px solid var(--suay-color-charcoal, #222121);outline-offset:2px}@media(max-width:768px){.suay-in-the-wild__scroll-nav{padding:16px 16px 0}}.suay-in-the-wild__grid--count-1 .suay-in-the-wild__item--hero{grid-column:span 12;min-height:560px}.suay-in-the-wild__grid--count-2 .suay-in-the-wild__item--hero{grid-column:span 8}.suay-in-the-wild__grid--count-2 .suay-in-the-wild__item--portrait,.suay-in-the-wild__grid--count-2 .suay-in-the-wild__item--landscape{grid-column:span 4;grid-row:span 2;aspect-ratio:auto}.suay-in-the-wild__product{position:absolute;left:20px;bottom:20px;z-index:2;display:flex;align-items:center;gap:12px;max-width:calc(100% - 40px);padding:8px 16px 8px 8px;background:var(--suay-color-white, #fff);color:var(--suay-color-charcoal);text-decoration:none}.suay-in-the-wild__product:hover .suay-in-the-wild__product-name{text-decoration:underline;text-underline-offset:3px}.suay-in-the-wild__product:focus-visible{outline:2px solid var(--suay-color-charcoal);outline-offset:2px}.suay-in-the-wild__product .suay-in-the-wild__product-image{flex-shrink:0;width:44px;height:44px;object-fit:cover;object-position:center;background:var(--suay-color-off-white);transform:none;transition:none}.suay-in-the-wild__item:hover .suay-in-the-wild__product-image{transform:none}.suay-in-the-wild__product-text{min-width:0}.suay-in-the-wild__product-name{display:block;overflow:hidden;font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.suay-in-the-wild__product-price{display:block;font-family:var(--suay-font-mono);font-size:12px;color:var(--suay-color-body)}@media(max-width:768px){.suay-in-the-wild__product{left:14px;bottom:14px;gap:10px;max-width:calc(100% - 28px);padding:6px 14px 6px 6px}.suay-in-the-wild__product .suay-in-the-wild__product-image{width:40px;height:40px}}.suay-in-the-wild__share{margin-top:56px;padding:48px 40px;background:var(--suay-color-off-white, #F4F4F4);text-align:center}.suay-in-the-wild__share-eyebrow{font-family:var(--suay-font-mono, "Haffer Mono", monospace);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--suay-color-gold-on-light, #876733);margin:0 0 10px}.suay-in-the-wild__share-title{font-family:var(--suay-font-heading, "Haffer", sans-serif);font-weight:500;font-size:22px;color:var(--suay-color-charcoal, #222121);margin:0 0 12px}.suay-in-the-wild__share-body{font-size:14px;color:var(--suay-color-body, #5E5C5C);margin-bottom:20px;line-height:1.5}.suay-in-the-wild__share-body p{margin:0}.suay-in-the-wild__share-handle{display:inline-block;font-family:var(--suay-font-mono, "Haffer Mono", monospace);font-size:13px;letter-spacing:.08em;color:var(--suay-color-charcoal, #222121);padding:10px 20px;border:1px solid var(--suay-color-charcoal, #222121);text-decoration:none;transition:background-color .2s ease,color .2s ease}.suay-in-the-wild__share-handle:hover{background:var(--suay-color-charcoal, #222121);color:#fff}.suay-in-the-wild__share-handle:focus-visible{background:var(--suay-color-charcoal, #222121);color:#fff;outline:2px solid var(--suay-color-charcoal, #222121);outline-offset:4px}@media(max-width:1024px){.suay-in-the-wild__item--hero{min-height:480px}}@media(max-width:768px){.suay-in-the-wild{padding:48px 20px 64px}.suay-in-the-wild__header{flex-direction:column;align-items:flex-start;gap:16px}.suay-in-the-wild__grid{grid-template-columns:repeat(2,1fr);gap:8px;width:auto;margin-left:0;margin-right:0;padding:0}.suay-in-the-wild__item--hero{grid-column:span 2;grid-row:span 1;min-height:380px}.suay-in-the-wild__item--portrait{grid-column:span 1;aspect-ratio:3 / 4}.suay-in-the-wild__item--landscape{grid-column:span 2;aspect-ratio:4 / 3}}@media(max-width:480px){.suay-in-the-wild__grid{grid-template-columns:1fr}.suay-in-the-wild__item--hero,.suay-in-the-wild__item--portrait,.suay-in-the-wild__item--landscape{grid-column:span 1;aspect-ratio:3 / 4;min-height:unset}}@media(prefers-reduced-motion:reduce){.suay-in-the-wild__item,.suay-in-the-wild__item img,.suay-in-the-wild__lightbox-close,.suay-in-the-wild__link,.suay-in-the-wild__share-handle{transition:none}.suay-in-the-wild__item:hover,.suay-in-the-wild__item:hover img{transform:none}.suay-in-the-wild__grid--carousel{scroll-behavior:auto}}.suay-in-the-wild__grid--row{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0}.suay-in-the-wild__grid--row .suay-in-the-wild__item,.suay-in-the-wild__grid--row .suay-in-the-wild__item--hero,.suay-in-the-wild__grid--row .suay-in-the-wild__item--portrait,.suay-in-the-wild__grid--row .suay-in-the-wild__item--landscape{grid-column:auto;grid-row:auto;min-height:0;aspect-ratio:4 / 5}.suay-in-the-wild__grid--row .suay-in-the-wild__item:first-child{grid-column:1 / -1;aspect-ratio:1}@media screen and (min-width:750px){.suay-in-the-wild__grid--row{grid-template-columns:repeat(3,minmax(0,1fr))}.suay-in-the-wild__grid--row .suay-in-the-wild__item:first-child{grid-column:auto;aspect-ratio:4 / 5}}.suay-in-the-wild__grid--row.suay-in-the-wild__grid--count-4 .suay-in-the-wild__item:first-child{grid-column:auto;aspect-ratio:4 / 5}@media screen and (min-width:750px){.suay-in-the-wild__grid--row.suay-in-the-wild__grid--count-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:768px){.suay-in-the-wild--row{padding-bottom:0}.suay-in-the-wild--row .suay-in-the-wild__grid--row{margin-left:-20px;margin-right:-20px;gap:3px}.suay-in-the-wild__grid--row .suay-in-the-wild__item:first-child{aspect-ratio:39 / 44}.suay-in-the-wild__grid--row.suay-in-the-wild__grid--count-4 .suay-in-the-wild__item:first-child{aspect-ratio:4 / 5}}.suay-in-the-wild--display-head{padding-top:96px;padding-bottom:0}.suay-in-the-wild--display-head .suay-in-the-wild__header{margin-bottom:32px}.suay-in-the-wild--display-head .suay-in-the-wild__eyebrow{margin-bottom:14px;letter-spacing:.12em}.suay-in-the-wild--display-head .suay-in-the-wild__title{margin:0;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:.95;letter-spacing:-.04em}.suay-in-the-wild--display-head .suay-in-the-wild__sub{max-width:420px;margin-top:10px;font-size:14px;line-height:1.55}@media screen and (min-width:990px){.suay-in-the-wild--display-head .suay-in-the-wild__title-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:48px;align-items:end}.suay-in-the-wild--display-head .suay-in-the-wild__eyebrow,.suay-in-the-wild--display-head .suay-in-the-wild__title{grid-column:1}.suay-in-the-wild--display-head .suay-in-the-wild__sub{grid-column:2;grid-row:1 / span 2;align-self:end;margin:0 0 6px;font-size:17px}}@media(max-width:768px){.suay-in-the-wild--display-head{padding-top:48px}.suay-in-the-wild--display-head .suay-in-the-wild__header{margin-bottom:18px}.suay-in-the-wild--display-head .suay-in-the-wild__eyebrow{margin-bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/suay-in-the-wild.css.map */