.litmus-scenes{--scene-bar: 5.2rem;--scene-lift: 3px;--scene-speed: .22s;--scene-ease: cubic-bezier(.2, .7, .2, 1)}.litmus-scenes__header{display:grid;gap:2.4rem;margin-bottom:3.2rem}.litmus-scenes__header .litmus-head{margin-bottom:0}.litmus-scenes__header-cta{display:none}.litmus-scenes__rating{display:grid;gap:.4rem;min-width:0}.litmus-scenes__rating-source{max-width:34ch;margin:0;color:var(--ls-muted);font-size:1.2rem;line-height:1.4}.litmus-scenes__wrap{max-width:var(--page-width);margin-inline:auto;padding-inline:2rem}.litmus-scenes__tiles{display:grid;grid-template-columns:repeat(var(--scenes-cols-tablet, 2),minmax(0,1fr));gap:3.2rem 2.4rem;margin:0;padding:0;list-style:none}.litmus-scenes__tile{position:relative;isolation:isolate;min-width:0;margin:0 var(--litmus-offset) var(--litmus-offset) 0}.litmus-scenes__tile:before,.litmus-scenes__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--litmus-ink);transform:translate(var(--litmus-offset),var(--litmus-offset))}.litmus-scenes__tile:after{background:var(--litmus-red);opacity:0;transition:opacity var(--scene-speed) var(--scene-ease)}.litmus-scenes__card{position:relative;overflow:hidden;overflow:clip;aspect-ratio:3 / 4;border:var(--litmus-border);color:var(--litmus-paper);background:var(--litmus-ink);container-type:inline-size;transition:transform var(--scene-speed) var(--scene-ease)}.litmus-scenes__photo{position:absolute;top:0;right:0;bottom:0;left:0}.litmus-scenes__photo>img,.litmus-scenes__photo>svg{position:absolute;inset:var(--scene-headroom, 0%) 0 auto;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transform-origin:50% 45%;transition:transform .25s var(--scene-ease)}.litmus-scenes--headroom .litmus-scenes__photo>img{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%);mask-image:linear-gradient(to bottom,transparent 0,#000 18%)}.litmus-scenes__photo>.placeholder-svg{background:var(--litmus-paper-3);fill:var(--litmus-muted)}.litmus-scenes__overlay{--scene-fade: 7.2rem;position:absolute;inset:0 0 auto;z-index:1;padding:clamp(1.4rem,6.5cqi,2.4rem)}.litmus-scenes__overlay:before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:calc(100% + var(--scene-fade));pointer-events:none;background:linear-gradient(180deg,#0e0e0dd1 0,#0e0e0da3 calc(100% - var(--scene-fade)),#0e0e0d4d calc(100% - var(--scene-fade) * .5),#0e0e0d00)}.litmus-scenes__tag{display:flex;align-items:center;gap:.8rem;margin:0 0 clamp(.8rem,3.5cqi,1.2rem);color:var(--litmus-paper);font-size:1.2rem;font-weight:700;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.litmus-scenes__tick{flex:none;width:.4rem;height:1.4rem;background:var(--litmus-red)}.litmus-scenes__headline{margin:0;color:var(--litmus-paper);font-family:var(--litmus-font-display);font-size:clamp(2.2rem,10.5cqi,4rem);font-weight:400;line-height:.98;letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.litmus-scenes__reveal{position:absolute;inset:auto 0 0;z-index:2;border-top:var(--litmus-border);color:var(--litmus-ink);background:var(--litmus-paper);transform:translateY(calc(100% - var(--scene-bar)));transition:transform var(--scene-speed) var(--scene-ease)}.litmus-scenes__toggle{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;min-height:calc(var(--scene-bar) - 2px);margin:0;padding:0 0 0 1.6rem;border:0;border-radius:0;color:inherit;background:transparent;font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;line-height:1.2;letter-spacing:.12em;text-align:left;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;appearance:none}.litmus-scenes__toggle-label{min-width:0;overflow-wrap:anywhere;text-wrap:balance}.litmus-scenes__toggle-icon{display:grid;flex:none;place-items:center;align-self:stretch;width:calc(var(--scene-bar) - 2px);border-left:var(--litmus-border);color:var(--litmus-ink);background:var(--litmus-red)}.litmus-scenes__toggle-icon .litmus-icon{width:2.2rem;height:2.2rem;stroke-width:2.4;transition:transform var(--scene-speed) var(--scene-ease)}.litmus-scenes__toggle:focus-visible{outline:2px solid var(--litmus-ink);outline-offset:-5px}.litmus-scenes__toggle:focus-visible .litmus-scenes__toggle-icon{outline:2px solid var(--litmus-ink);outline-offset:-6px}@media(hover:hover){.litmus-scenes__toggle:hover .litmus-scenes__toggle-label{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em}}.litmus-scenes__drawer{padding:.2rem 1.6rem 1.6rem}.litmus-scenes__drawer-eyebrow{margin:0 0 .6rem;font-size:1.2rem}.litmus-scenes__drawer-text{color:var(--litmus-ink);font-size:1.4rem;line-height:1.45}.litmus-scenes__drawer-text>*{margin:0}.litmus-scenes__drawer-text>*+*{margin-top:.6rem}.litmus-scenes__cta{margin-top:.4rem;font-size:1.5rem}.litmus-scenes__tile.is-open .litmus-scenes__reveal,litmus-scenes:not(:defined) .litmus-scenes__tile:is(:hover,:focus-within) .litmus-scenes__reveal{transform:none}.litmus-scenes__tile.is-open .litmus-scenes__card,litmus-scenes:not(:defined) .litmus-scenes__tile--reveal:is(:hover,:focus-within) .litmus-scenes__card{transform:translate(calc(var(--scene-lift) * -1),calc(var(--scene-lift) * -1))}.litmus-scenes__tile.is-open:after,litmus-scenes:not(:defined) .litmus-scenes__tile--reveal:is(:hover,:focus-within):after{opacity:1}.litmus-scenes__tile.is-open .litmus-scenes__photo>img{transform:scale(1.04)}.litmus-scenes__tile.is-open .litmus-scenes__toggle-icon .litmus-icon,litmus-scenes:not(:defined) .litmus-scenes__tile:is(:hover,:focus-within) .litmus-scenes__toggle-icon .litmus-icon{transform:rotate(45deg)}@container (max-width: 250px){.litmus-scenes__overlay{padding:1.2rem}.litmus-scenes__tag{margin-bottom:.6rem}.litmus-scenes__reveal{--scene-bar: 4.8rem}.litmus-scenes__toggle{padding-left:1.2rem;font-size:1.1rem;letter-spacing:.08em}.litmus-scenes__drawer{padding:0 1.2rem 1rem}.litmus-scenes__drawer-eyebrow{display:none}.litmus-scenes__drawer-text{font-size:1.3rem;line-height:1.4}.litmus-scenes__cta{margin-top:0;font-size:1.4rem}}.litmus-scenes__nav{display:none}.litmus-scenes__counter{order:-1;margin:0 auto 0 0;font-size:1.4rem;font-weight:600}.litmus-scenes__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:var(--litmus-border);border-radius:0;color:var(--litmus-ink);background:var(--litmus-paper);box-shadow:3px 3px 0 var(--litmus-ink);cursor:pointer;-webkit-appearance:none;appearance:none}.litmus-scenes__arrow .litmus-icon{width:2rem;height:2rem}.litmus-scenes__arrow--prev .litmus-icon{transform:scaleX(-1)}.litmus-scenes__arrow:focus-visible{outline:2px solid var(--ls-fg, var(--litmus-ink));outline-offset:3px}.litmus-scenes__arrow[aria-disabled=true]{border-color:var(--litmus-line-soft);color:var(--litmus-muted);box-shadow:none;cursor:default}.litmus-scenes__bar{display:grid;grid-template-columns:8.8rem minmax(0,1fr);align-items:center;gap:2rem 1.6rem;margin:4rem var(--litmus-offset) var(--litmus-offset) 0;padding:2rem;border:var(--litmus-border);background:var(--ls-card);box-shadow:var(--litmus-shadow)}.litmus-scenes__bar-thumb{align-self:start;overflow:hidden;aspect-ratio:1;border:var(--litmus-border);background:var(--litmus-paper)}.litmus-scenes__bar-thumb>img,.litmus-scenes__bar-thumb>svg{display:block;width:100%;height:100%;object-fit:contain}.litmus-scenes__bar-thumb>.placeholder-svg{background:var(--litmus-paper-2);fill:var(--litmus-muted)}.litmus-scenes__bar-identity{display:grid;gap:.6rem;min-width:0}.litmus-scenes__bar-eyebrow{margin:0}.litmus-scenes__bar-title{font-size:clamp(3.2rem,3.6vw,4.4rem)}.litmus-scenes__bar-text{max-width:48ch;margin:0;color:var(--ls-muted);font-size:1.5rem;line-height:1.5}.litmus-scenes__rating--bar{margin-top:.4rem}.litmus-scenes__bar-checks{grid-column:1 / -1}.litmus-scenes__bar-checks .litmus-checks__item{font-size:1.5rem}.litmus-scenes__bar-buy{display:grid;grid-column:1 / -1;justify-items:start;gap:1.2rem;min-width:0}.litmus-scenes__price{margin:0}.litmus-scenes__bar-link{font-size:1.5rem}@media screen and (max-width:749px){.litmus-scenes .litmus-scenes__tiles{padding-top:.8rem}litmus-scenes:defined .litmus-scenes__nav{display:flex;align-items:center;gap:1.2rem;margin-top:.4rem}.litmus-scenes__bar-button{width:calc(100% - var(--litmus-offset))}.litmus-scenes__bar-buy{justify-items:stretch}.litmus-scenes__bar-link{justify-self:start}}@media screen and (min-width:750px){.litmus-scenes__wrap{padding-inline:5rem}.litmus-scenes__bar{grid-template-columns:12rem minmax(0,1.2fr) minmax(0,1fr);gap:2.4rem 3.2rem;margin-top:5.6rem;padding:2.4rem}.litmus-scenes__bar-thumb{grid-row:span 2}.litmus-scenes__bar-checks{grid-column:auto}.litmus-scenes__bar-buy{display:flex;flex-wrap:wrap;grid-column:2 / -1;align-items:center;gap:1.6rem 2.8rem}.litmus-scenes__bar-button{white-space:nowrap}}@media screen and (min-width:990px){.litmus-scenes--wide .litmus-scenes__wrap{max-width:150rem}.litmus-scenes__header{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:6.4rem;margin-bottom:4.8rem}.litmus-scenes__header-cta{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;padding-bottom:.4rem}.litmus-scenes__header-cta .litmus-scenes__rating{max-width:26rem}.litmus-scenes__tiles{grid-template-columns:repeat(var(--scenes-cols, 4),minmax(0,1fr));gap:4rem 2.4rem}.litmus-scenes__bar{grid-template-columns:12rem minmax(0,1.25fr) minmax(0,1fr) auto;gap:2.4rem 4rem;margin-top:6.4rem;padding:2.4rem 3.2rem 2.4rem 2.4rem}.litmus-scenes__bar-thumb{grid-row:auto}.litmus-scenes__bar-buy{display:grid;grid-column:auto;justify-items:start;gap:1.2rem}}@media screen and (min-width:1200px){.litmus-scenes__header-cta{flex-direction:row;align-items:center;gap:2.8rem}}@media(prefers-reduced-motion:reduce){.litmus-scenes__card,.litmus-scenes__reveal,.litmus-scenes__tile:after,.litmus-scenes__photo>img,.litmus-scenes__toggle-icon .litmus-icon{transition:none!important}.litmus-scenes__tile.is-open .litmus-scenes__photo>img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-litmus-scenes.css.map */