.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, #BC955C);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__badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:6px;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:6px 10px;font-family:var(--suay-font-mono, "Haffer Mono", monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;z-index:2}.suay-in-the-wild__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--suay-color-gold, #BC955C)}.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, #BC955C);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}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/suay-in-the-wild.css.map */