.sl-wrap[data-theme=light]{color-scheme:light only}.sl-wrap[data-theme=dark]{color-scheme:dark only}:root,.sl-wrap{--sl-gap: clamp(10px, 3vw, 28px);--sl-gutter: clamp(12px, 3vw, 32px);--sl-min-section: 240vh;--sl-radius: 16px}@media (max-width: 600px){.sl-wrap{--sl-gutter: 16px;--sl-gap: 12px}}.sl-main,.sl-stage{max-width:100%}.sl-stage{min-height:var(--sl-min-section)}.sl-content{height:100vh;width:100vw;overflow:hidden;display:flex;place-items:center;position:relative}.sl-is-sticky{position:sticky;top:0}.sl-grid{--rows: 3;--cols: 3;--container-h: calc(100vh - (2 * var(--sl-gutter)));--cell-h: calc((var(--container-h) - ((var(--rows) - 1) * var(--sl-gap))) / var(--rows));--cell-w: calc(var(--cell-h) * 4 / 5);--container-w-from-h: calc((var(--cell-w) * var(--cols)) + ((var(--cols) - 1) * var(--sl-gap)));--container-w-max: calc(100vw - (2 * var(--sl-gutter)));--container-w: min(var(--container-w-from-h), var(--container-w-max));width:var(--container-w);height:var(--container-h);margin:0 auto;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:var(--sl-gap);position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:1;background:#000}.sl-layer{display:grid;grid-column:1 / -1;grid-row:1 / -1;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:var(--sl-gap);z-index:1}.sl-layer--1 .sl-cell:nth-of-type(1){grid-area:1 / 1}.sl-layer--1 .sl-cell:nth-of-type(2){grid-area:1 / 3}.sl-layer--1 .sl-cell:nth-of-type(3){grid-area:3 / 1}.sl-layer--1 .sl-cell:nth-of-type(n+4){display:none}.sl-layer--2 .sl-cell:nth-of-type(1){grid-area:1 / 2}.sl-layer--2 .sl-cell:nth-of-type(2){grid-area:2 / 1}.sl-layer--2 .sl-cell:nth-of-type(3){grid-area:2 / 3}.sl-layer--2 .sl-cell:nth-of-type(n+4){display:none}.sl-layer--3 .sl-cell:nth-of-type(1){grid-area:3 / 2}.sl-layer--3 .sl-cell:nth-of-type(2){grid-area:3 / 3}.sl-layer--3 .sl-cell:nth-of-type(n+3){display:none}.sl-cell{width:100%;height:100%;aspect-ratio:4 / 5;background:#000;border-radius:var(--sl-radius);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.sl-cell img{width:100%;height:100%;object-fit:cover;border-radius:var(--sl-radius);display:block;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.sl-scaler{grid-area:2 / 2;position:relative;width:100%;height:100%;aspect-ratio:4 / 5;z-index:2}.sl-scaler-img{position:absolute;top:50%;left:50%;translate:-50% -50%;object-fit:cover;border-radius:var(--sl-radius);width:100%;height:100%;max-width:none!important;max-height:none!important;display:block}.sl-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;pointer-events:none}.sl-hero-overlay__inner{text-align:center;max-width:min(1100px,90vw);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}.sl-heading{font-size:clamp(2.25rem,5vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.01em;margin:0 0 .35em;color:#fff}.sl-subheading{font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:500;opacity:.9;color:#f0f0f0;margin:0 auto;max-width:65ch}:root{--sl-power-1-out:linear(0 0%,.0027 3.64%,.0106 7.29%,.0425 14.58%,.0957 21.87%,.1701 29.16%,.2477 35.19%,.3401 41.23%,.5982 55.18%,.7044 61.56%,.7987 68.28%,.875 75%,.9297 81.25%,.9687 87.5%,.9922 93.75%,1 100%);--sl-power-2-out:linear(0 0%,.0036 9.62%,.0185 16.66%,.0489 23.03%,.0962 28.86%,.1705 34.93%,.269 40.66%,.3867 45.89%,.5833 52.95%,.683 57.05%,.7829 62.14%,.8621 67.46%,.8991 70.68%,.9299 74.03%,.9545 77.52%,.9735 81.21%,.9865 85%,.9949 89.15%,1 100%);--sl-power-3-out:linear(0 0%,.0029 13.8%,.0184 21.9%,.0339 25.51%,.0551 28.81%,.0827 31.88%,.1168 34.76%,.1962 39.57%,.3005 44.02%,.4084 47.53%,.6242 53.45%,.7493 57.93%,.8495 62.97%,.8888 65.67%,.9213 68.51%,.9629 73.9%,.9876 80.16%,.998 87.5%,1 100%);--sl-power-4-out:linear(0 0%,.0012 14.95%,.0089 22.36%,.0297 28.43%,.0668 33.43%,.0979 36.08%,.1363 38.55%,.2373 43.07%,.3675 47.01%,.5984 52.15%,.7121 55.23%,.8192 59.21%,.898 63.62%,.9297 66.23%,.9546 69.06%,.9733 72.17%,.9864 75.67%,.9982 83.73%,1 100%);--sl-sine:linear(0 0%,.2861 18.47%,.4829 32.08%,.6437 44.52%,.7712 56.07%,.8722 67.47%,.9115 73.02%,.9434 78.49%,.9682 83.91%,.9859 89.3%,.9965 94.66%,1 100%)}@keyframes sl-fade{0%,55%{opacity:0}}@keyframes sl-reveal{0%,30%{scale:0}}@keyframes sl-scale-x{0%,10%{width:calc(100vw - (2 * var(--sl-gutter)))}}@keyframes sl-scale-y{0%,10%{height:calc(100vh - (2 * var(--sl-gutter)))}}@media (prefers-reduced-motion:no-preference){.sl-wrap[data-enhanced=true] .sl-stage{min-height:var(--sl-min-section)}@supports (animation-timeline: scroll()) and (animation-range: 0 100%){.sl-wrap[data-enhanced=true] .sl-stage{view-timeline:--sl-runner}.sl-wrap[data-enhanced=true][data-center=true] .sl-scaler-img{animation-name:sl-scale-x,sl-scale-y;animation-fill-mode:both;animation-timing-function:var(--sl-power-2-out),var(--sl-power-1-out);animation-timeline:--sl-runner,--sl-runner;animation-range:entry 100% exit -20%}.sl-wrap[data-enhanced=true][data-layers=true] .sl-layer{animation-name:sl-fade,sl-reveal;animation-fill-mode:both;animation-timeline:--sl-runner,--sl-runner;animation-timing-function:var(--sl-sine),var(--sl-power-1-out);animation-range:entry 100% exit 0%}.sl-wrap[data-enhanced=true] .sl-hero-overlay__inner{animation:sl-hero-fadeout both;animation-timeline:--sl-runner;animation-range:entry 10% exit 60%;animation-timing-function:ease-in-out}}}@keyframes sl-hero-fadeout{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width: 640px){.sl-stage{min-height:auto!important}.sl-content{position:relative;height:auto;overflow:visible}.sl-is-sticky{position:static;top:auto}.sl-layer,.sl-scaler-img,.sl-hero-overlay__inner{animation:none!important}.sl-layer{display:contents!important}.sl-scaler{display:none!important}.sl-grid{width:100%;max-width:100%;margin:0 auto;padding:0 var(--sl-gutter);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:var(--sl-gap);background:#000;position:relative;top:auto;left:auto;translate:none;height:auto}.sl-hero-overlay{position:static;inset:auto;display:contents}.sl-hero-overlay__inner{grid-column:1;grid-row:2;align-self:center;justify-self:center;text-align:center;margin:0;text-shadow:none;color:#fff;background:#000;padding:1rem;border-radius:var(--sl-radius)}.sl-hero-overlay:before{display:none}.sl-heading{font-size:clamp(1.5rem,6vw,2rem);line-height:1.1;margin:0 0 .35em}.sl-subheading{font-size:clamp(.85rem,3vw,1rem);margin:0}.sl-cell{aspect-ratio:4/5;width:100%;height:auto}.sl-grid>.sl-cell:nth-of-type(n+9){display:none}.sl-wrap{padding-bottom:var(--sl-pad-bottom, 40px)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/picture-grid-work.css.map */