.inout-system{background:var(--inout-bg, #fff);color:var(--inout-text, #151515)}.inout-system__header{display:grid;grid-template-columns:1fr;gap:20px;align-items:end;margin-bottom:30px}@media only screen and (min-width:768px){.inout-system__header{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;margin-bottom:45px}}.inout-system__header .subheading{margin-bottom:15px}.inout-system__heading{margin:0;color:inherit;font-weight:700;line-height:1.1;font-size:clamp(1.5rem,3vw,2.4rem)}.inout-system__description{max-width:440px}@media only screen and (min-width:768px){.inout-system__description{justify-self:end}}.inout-system__description p:last-child{margin-bottom:0}.inout-system__grid{display:grid;grid-template-columns:1fr;gap:var(--inout-gap, 10px)}@media only screen and (min-width:768px){.inout-system__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.inout-system--spacing-none{--inout-gap: 0px}.inout-system--spacing-small{--inout-gap: 4px}.inout-system--spacing-medium{--inout-gap: 12px}.inout-system--spacing-large{--inout-gap: 30px}.inout-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#000;color:#fff;text-decoration:none;isolation:isolate;aspect-ratio:3 / 4}.inout-system--ratio-portrait .inout-card{aspect-ratio:4 / 5}.inout-system--ratio-tall .inout-card{aspect-ratio:3 / 4}.inout-system--ratio-square .inout-card{aspect-ratio:1 / 1}.inout-card:hover,.inout-card:focus{color:#fff}.inout-card:focus-visible{outline:2px solid #fff;outline-offset:-6px}.inout-card__bar{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;background:#000;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;line-height:1.2}.inout-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#d9d9d9}.inout-card__media img,.inout-card__media svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.inout-card__media svg{padding:20%;fill:#fff;opacity:.6}.inout-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--inout-overlay-opacity, .6)),#0000 55%)}@media(hover:hover){a.inout-card:hover .inout-card__media img{transform:scale(1.04)}}.inout-card__content{position:relative;z-index:2;margin-top:auto;padding:24px 22px 26px}@media only screen and (min-width:1068px){.inout-card__content{padding:30px 28px 32px}}.inout-card__title{margin:0 0 10px;color:#fff;font-weight:600;line-height:1.1;font-size:clamp(1.8rem,2.6vw,2.5rem)}.inout-card__details{margin:0;font-size:.875rem;line-height:1.5;color:#fff}.inout-card__cta{display:block;margin-top:22px;padding-top:12px;border-top:1px solid rgba(255,255,255,.85);font-size:.8125rem;color:#fff}.inout-card__cta:after{content:"\2192";display:inline-block;margin-left:8px;transition:transform .3s ease}@media(hover:hover){a.inout-card:hover .inout-card__cta:after{transform:translate(4px)}}.inout-system__footer{margin:25px 0 0;text-align:left;font-size:.875rem;color:inherit}@media(prefers-reduced-motion:reduce){.inout-card__media img,.inout-card__cta:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/inout-system.css.map */