sl-outdoor-grid{display:block}.sl-og{--og-ink: #1c1511;--og-copper: #7d5449;--og-glow: #e0b07c;--og-line: #e9e4e0;--og-ease: cubic-bezier(.22, 1, .36, 1);--og-heading: var(--font-heading--family, Garamond, "EB Garamond", Georgia, serif);--og-gap: clamp(10px, 1.4vw, 18px);position:relative;padding-block:var(--sl-pt, 64px) var(--sl-pb, 40px);background:#fff;color:var(--og-ink)}.sl-og__inner{max-width:var(--sl-w, 1480px);margin-inline:auto;padding-inline:clamp(16px,3vw,40px)}.sl-og__head{max-width:720px;margin-block-end:28px}.sl-og__eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0;font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--og-copper)}.sl-og__eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.sl-og__title{margin:12px 0 0;font-family:var(--og-heading);font-size:clamp(32px,4.4vw,52px);font-weight:400;line-height:1.05;letter-spacing:0;text-transform:none;color:var(--og-ink)}.sl-og__sub{max-width:46ch;margin:14px 0 0;font-size:16px;line-height:1.6;color:#6f625b}.sl-og__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--og-gap)}.sl-og__tile{--mx: 50%;--my: 50%;position:relative;display:flex;align-items:flex-end;aspect-ratio:4 / 5;overflow:hidden;isolation:isolate;border-radius:18px;background:var(--og-ink);color:#fff;text-decoration:none;transition:transform .7s var(--og-ease),box-shadow .7s var(--og-ease),opacity .9s var(--og-ease)}.sl-og__tile--featured{grid-column:1 / -1;aspect-ratio:4 / 4.6}.sl-og__tile:last-child:nth-child(2n){grid-column:1 / -1;aspect-ratio:16 / 9}@media(min-width:750px){.sl-og__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(200px,22vw,340px)}.sl-og__tile,.sl-og__tile:last-child:nth-child(2n){aspect-ratio:auto}.sl-og__tile--featured{grid-column:span 2;grid-row:span 2}.sl-og--flip .sl-og__tile--featured{grid-column:3 / span 2;grid-row:1 / span 2}.sl-og__tile:nth-child(n+6){grid-column:span 2}.sl-og__tile:nth-child(6):last-child{grid-column:1 / -1}}.sl-og__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sl-og__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--og-ease)}.sl-og__placeholder{display:grid;place-items:center;width:100%;height:100%;font-family:var(--og-heading);font-size:72px;color:#fff;background:linear-gradient(135deg,#94695c,var(--og-copper) 50%,#5f3f36)}.sl-og__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgb(28 21 17 / .12) 0%,transparent 34%,rgb(28 21 17 / .74) 100%)}.sl-og__tile--featured .sl-og__shade{background:linear-gradient(180deg,rgb(28 21 17 / .1) 0%,transparent 28%,rgb(28 21 17 / .82) 100%),radial-gradient(90% 70% at 0% 100%,rgb(28 21 17 / .45),transparent 70%)}.sl-og__tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(260px circle at var(--mx) var(--my),rgb(224 176 124 / .28),transparent 70%);opacity:0;pointer-events:none;transition:opacity .5s ease}.sl-og__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:1px solid rgb(255 255 255 / .16);border-radius:inherit;pointer-events:none;transition:border-color .5s ease}.sl-og__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;width:100%;padding:clamp(16px,1.8vw,26px)}.sl-og__name{margin:0;font-family:var(--og-heading);font-size:clamp(22px,2vw,28px);font-weight:400;line-height:1.1;letter-spacing:0;text-transform:none;color:#fff}.sl-og__count{margin:0;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffffc7}.sl-og__arrow{position:absolute;top:clamp(14px,1.6vw,22px);right:clamp(14px,1.6vw,22px);z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgb(255 255 255 / .42);border-radius:50%;background:#1c151138;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;transition:background-color .35s ease,border-color .35s ease,transform .6s var(--og-ease)}.sl-og__tile--featured .sl-og__name{font-size:clamp(34px,4.2vw,56px)}.sl-og__chip{position:absolute;top:clamp(14px,1.6vw,22px);left:clamp(14px,1.6vw,22px);z-index:2;margin:0;padding:6px 12px;border-radius:999px;background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--og-copper)}.sl-og__text{max-width:38ch;margin:6px 0 0;font-size:15px;line-height:1.55;color:#ffffffe0}.sl-og__btn{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;margin-top:14px;padding:15px 24px;border-radius:10px;background:#fff;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--og-ink);transition:background-color .3s ease,color .3s ease}.sl-og__btn svg{transition:transform .45s var(--og-ease)}@media(hover:hover){.sl-og__tile:hover,sl-outdoor-grid.sl-js.is-in .sl-og__tile:hover{transform:translateY(-6px);box-shadow:0 32px 50px -28px #7d54498c,0 0 40px -12px #e0b07c66}.sl-og__tile:hover .sl-og__media img{transform:scale(1.07)}.sl-og__tile:hover:before{opacity:1}.sl-og__tile:hover:after{border-color:#e0b07cb3}.sl-og__tile:hover .sl-og__arrow{border-color:var(--og-copper);background:var(--og-copper);transform:rotate(-45deg)}.sl-og__tile:hover .sl-og__btn{background:var(--og-copper);color:#fff}.sl-og__tile:hover .sl-og__btn svg{transform:translate(4px)}}.sl-og__tile:focus-visible{outline:2px solid var(--og-copper);outline-offset:3px}.sl-og__tile--featured .sl-og__arrow{display:none}sl-outdoor-grid.sl-js .sl-og__head>*,sl-outdoor-grid.sl-js .sl-og__tile{opacity:0;transform:translateY(28px)}sl-outdoor-grid.sl-js.is-in .sl-og__head>*{opacity:1;transform:none;transition:opacity .8s var(--og-ease),transform .9s var(--og-ease)}sl-outdoor-grid.sl-js.is-in .sl-og__head>*:nth-child(2){transition-delay:.08s}sl-outdoor-grid.sl-js.is-in .sl-og__head>*:nth-child(3){transition-delay:.16s}sl-outdoor-grid.sl-js.is-in .sl-og__tile{opacity:1;transform:none;transition-delay:calc(var(--i, 0) * 90ms + .15s)}sl-outdoor-grid.sl-js.is-settled .sl-og__tile{transition-delay:0s}@media(prefers-reduced-motion:reduce){.sl-og *,.sl-og *:before,.sl-og *:after{transition:none!important;animation:none!important}sl-outdoor-grid.sl-js .sl-og__head>*,sl-outdoor-grid.sl-js .sl-og__tile{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/solsence-outdoor-grid.css.map */