.lrs-material-samples{background:var(--paper);border-top:1px solid var(--rule)}.lrs-samples-heading>h2{max-width:1100px}.lrs-samples-introduction{max-width:640px;margin-top:28px}.lrs-samples-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:0 28px;margin:44px 0 0;border-bottom:1px solid var(--rule)}.lrs-sample-tab{position:relative;display:flex;align-items:baseline;gap:14px;width:100%;min-width:0;min-height:64px;padding:18px 2px;border:0;background:transparent;text-align:left;color:var(--muted);font:500 14px/1.6 var(--body);overflow-wrap:anywhere;transition:color .3s var(--ease)}.lrs-sample-tab:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--lrs-blue,#173d5b);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.lrs-sample-tab[aria-selected=true]{color:var(--ink)}.lrs-sample-tab[aria-selected=true]:after{transform:scaleX(1)}.lrs-sample-tab:focus-visible{outline:2px solid var(--lrs-blue,#173d5b);outline-offset:3px;z-index:1}.lrs-sample-number{flex:0 0 auto;font:11px/1.6 var(--heading);letter-spacing:.04em;color:var(--muted)}.lrs-samples-stage{margin-top:40px;touch-action:pan-y pinch-zoom}.lrs-samples-stage.is-switching{overflow:hidden}.lrs-sample{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7vw;min-width:0}.lrs-sample+.lrs-sample{margin-top:56px;padding-top:56px;border-top:1px solid var(--rule)}.lrs-material-samples.is-enhanced .lrs-sample{margin-top:0;padding-top:0;border-top:0}.lrs-sample-image{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:clamp(14px,2vw,28px);background:transparent;border:0;height:clamp(360px,42vw,600px);overflow:hidden;touch-action:pan-y pinch-zoom}.lrs-sample-image img{width:100%;height:100%;object-fit:contain;object-position:center}.lrs-sample-image--cover{padding:0}.lrs-sample-image--cover img{object-fit:cover}.lrs-sample-copy{min-width:0;padding:24px 0}.lrs-sample-copy>.eyebrow{margin-bottom:22px;color:var(--muted);font-size:11px;line-height:1.7;letter-spacing:.07em;overflow-wrap:anywhere}.lrs-sample-copy>h3{font-size:clamp(28px,3.2vw,48px);line-height:1.16;letter-spacing:-.035em;word-break:normal;overflow-wrap:anywhere;max-width:20ch}.lrs-sample-copy>.rte{margin-top:28px;font-size:16px;line-height:1.85;max-width:46ch}.lrs-sample-copy>.rte p+p{margin-top:20px}.lrs-sample-detail{margin:32px 0 0;aspect-ratio:16/9;background:transparent;overflow:hidden}.lrs-sample-detail img{width:100%;height:100%;object-fit:contain;object-position:center}.lrs-sample-detail--cover img{object-fit:cover}.lrs-sample-image--blend,.lrs-sample-detail--blend{background:var(--paper);isolation:isolate}.lrs-sample-image--blend img,.lrs-sample-detail--blend img{mix-blend-mode:multiply}.lrs-sample-text-only{grid-template-columns:1fr;min-height:clamp(320px,32vw,480px);border-left:2px solid var(--lrs-blue,#173d5b);padding:clamp(28px,5vw,72px)}.lrs-material-samples.is-enhanced .lrs-sample-text-only{padding:clamp(28px,5vw,72px)}.lrs-sample-text-only .lrs-sample-copy{max-width:800px;padding:0}.lrs-sample-text-only .lrs-sample-copy>h3{font-size:clamp(32px,4.5vw,66px);max-width:19ch}.lrs-sample-text-only .lrs-sample-copy>.rte{max-width:58ch}@media(hover:hover)and (pointer:fine){.lrs-sample-tab:hover{color:var(--ink)}.lrs-sample-tab:hover:after{transform:scaleX(1)}}@media(max-width:900px){.lrs-sample{gap:5vw}.lrs-sample-copy>.rte{font-size:15px}.lrs-sample-image{height:clamp(320px,46vw,440px)}}@media(max-width:700px){.lrs-samples-introduction{margin-top:24px}.lrs-samples-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:28px}.lrs-sample-tab{gap:9px;font-size:13px;line-height:1.5;min-height:64px;padding:17px 2px}.lrs-samples-stage{margin-top:28px}.lrs-sample{grid-template-columns:1fr;gap:28px}.lrs-sample-image{height:clamp(300px,108vw,480px);padding:18px}.lrs-sample-image--cover,.lrs-sample-copy{padding:0}.lrs-sample-copy>.eyebrow{margin-bottom:16px}.lrs-sample-copy>h3{font-size:clamp(28px,7.8vw,38px);max-width:22ch}.lrs-sample-copy>.rte{font-size:15px;line-height:1.85;margin-top:22px;max-width:none}.lrs-sample+.lrs-sample{margin-top:40px;padding-top:40px}.lrs-sample-text-only,.lrs-material-samples.is-enhanced .lrs-sample-text-only{min-height:0;padding:28px 22px}.lrs-sample-text-only .lrs-sample-copy>h3{font-size:clamp(30px,8vw,42px)}}@media(prefers-reduced-motion:reduce){.lrs-material-samples *,.lrs-material-samples *:before,.lrs-material-samples *:after{animation:none!important;transition:none!important}}body[data-lrs-motion=false] .lrs-material-samples *,body[data-lrs-motion=false] .lrs-material-samples *:before,body[data-lrs-motion=false] .lrs-material-samples *:after{animation:none!important;transition:none!important}body #main .lrs-material-samples.is-samples-horizontal{position:relative;height:var(--samples-runway-height);padding-block:0!important;overflow:visible}.is-samples-horizontal .lrs-samples-shell{position:sticky;top:var(--samples-pin-top,88px);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:clamp(16px,2.2vh,28px);height:var(--samples-viewport-height);min-height:0;padding:clamp(20px,3vh,36px) 0 28px;box-sizing:border-box;overflow:hidden;background:var(--paper)}.is-samples-horizontal .lrs-samples-heading>h2{font-size:clamp(30px,4vw,56px);line-height:1.08;max-width:25ch}.is-samples-horizontal .lrs-samples-introduction{max-width:76ch;font-size:clamp(16px,1.45vw,20px);line-height:1.5;margin-top:12px}.is-samples-horizontal .lrs-samples-tabs{display:flex;gap:clamp(24px,4vw,64px);margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-wrap:nowrap;align-self:start}.is-samples-horizontal .lrs-samples-tabs::-webkit-scrollbar{display:none}.is-samples-horizontal .lrs-sample-tab{flex:0 0 auto;width:auto;min-height:48px;padding:12px 2px;white-space:nowrap}.is-samples-horizontal .lrs-sample-tab:after{background:var(--ink)}.is-samples-horizontal .lrs-sample-tab:focus-visible{outline-color:var(--ink);outline-offset:-2px}body #main .is-samples-horizontal .lrs-samples-stage{display:flex;gap:0;align-items:stretch;margin:0;min-height:0;height:100%;overflow:hidden;scroll-behavior:auto;scroll-snap-type:none;touch-action:pan-y pinch-zoom}body #main .is-samples-horizontal .lrs-sample{flex:0 0 100%;width:100%;height:100%;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,5vw,80px);margin:0;padding:0;border:0;overflow:hidden}.is-samples-horizontal .lrs-sample-image{height:100%;min-height:0;padding:clamp(8px,1.5vw,20px);opacity:var(--sample-reveal-opacity,1);transform:scale(var(--sample-reveal-scale,1));transform-origin:center;will-change:opacity,transform}.is-samples-horizontal .lrs-sample-image--cover{padding:0}.is-samples-horizontal .lrs-sample-copy{display:flex;flex-direction:column;justify-content:center;height:100%;min-height:0;padding:0;opacity:var(--sample-reveal-opacity,1);will-change:opacity}.is-samples-horizontal .lrs-sample-copy>.eyebrow{margin-bottom:12px}.is-samples-horizontal .lrs-sample-copy>h3{font-size:clamp(27px,3vw,44px);line-height:1.12;letter-spacing:-.025em;max-width:22ch}.is-samples-horizontal .lrs-sample-copy>.rte{margin-top:18px;font-size:clamp(16px,1.45vw,19px);line-height:1.6;max-width:46ch}.is-samples-horizontal .lrs-sample-copy>.rte p+p{margin-top:12px}.is-samples-horizontal .lrs-sample-detail{flex-shrink:0;width:45%;max-height:min(18vh,160px);margin:18px 0 0;aspect-ratio:16/9}.is-samples-horizontal .lrs-sample-detail .lrs-detail-trigger{height:100%}.is-samples-horizontal .lrs-sample-text-only{grid-template-columns:1fr!important;padding:0!important}.is-samples-horizontal .lrs-sample-text-only .lrs-sample-copy{max-width:65ch;margin:auto}.lrs-samples-scroll-progress{position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--rule);pointer-events:none}.lrs-samples-scroll-progress>span{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}@media(max-width:700px){.is-samples-horizontal .lrs-samples-shell{gap:14px;padding:16px 0 20px}.is-samples-horizontal .lrs-samples-heading>h2{font-size:clamp(27px,7.8vw,34px);line-height:1.08}.is-samples-horizontal .lrs-samples-introduction{font-size:15px;line-height:1.45;margin-top:10px}.is-samples-horizontal .lrs-sample-tab{gap:9px;font-size:12px;min-height:44px;padding:10px 2px}body #main .is-samples-horizontal .lrs-sample{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:20px;row-gap:0}.is-samples-horizontal .lrs-sample-image{padding:0}.is-samples-horizontal .lrs-sample-copy>.eyebrow{font-size:10px;line-height:1.4;margin-bottom:9px}.is-samples-horizontal .lrs-sample-copy>h3{font-size:clamp(22px,5.8vw,28px);line-height:1.12}.is-samples-horizontal .lrs-sample-copy>.rte{font-size:14px;line-height:1.5;margin-top:14px}.is-samples-horizontal .lrs-sample-copy>.rte p+p{margin-top:12px}.is-samples-horizontal .lrs-sample-detail{width:100%;max-height:90px;margin-top:14px}}@media print{body #main .lrs-material-samples.is-samples-horizontal{height:auto!important}.is-samples-horizontal .lrs-samples-shell{position:static;height:auto;display:block;overflow:visible;padding:0}body #main .is-samples-horizontal .lrs-samples-stage{display:block;height:auto;overflow:visible}body #main .is-samples-horizontal .lrs-sample{height:auto;overflow:visible;margin-top:32px;padding-top:32px}.is-samples-horizontal .lrs-sample-image{height:340px;opacity:1;transform:none}.is-samples-horizontal .lrs-sample-copy{height:auto;opacity:1}.lrs-samples-scroll-progress,.is-samples-horizontal .lrs-samples-tabs{display:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/lrs-material-samples.css.map */