@layer normalize,base;@layer grid{.grid{--offset:0;width:1600px;max-width:calc(100% - (2*var(--gutter)));gap:var(--gap);z-index:20;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(5,1fr);margin:0 auto;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:600px){.grid{--offset:-1;grid-template-columns:repeat(3,1fr)}.grid>.layer:first-of-type{display:none}}.grid>.layer{grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;pointer-events:none;display:grid}.grid>.layer:first-of-type div:nth-of-type(odd){grid-column:1}.grid>.layer:first-of-type div:nth-of-type(2n){grid-column:-2}.grid>.layer:nth-of-type(2) div:nth-of-type(odd){grid-column:calc(2 + var(--offset))}.grid>.layer:nth-of-type(2) div:nth-of-type(2n){grid-column:calc(-3 - var(--offset))}.grid>.layer:nth-of-type(3) div{grid-column:calc(3 + var(--offset))}.grid>.layer:nth-of-type(3) div:last-of-type{grid-row:-1}.grid .scaler{grid-area:2/calc(3 + var(--offset));z-index:30;position:relative}.grid img{aspect-ratio:4/5;object-fit:cover;border-radius:1rem;width:100%;box-shadow:0 10px 40px #000c}}@layer setup{.scroll-grid-container{--container-width:1600px;--gap:clamp(10px,7.35vw,80px);--gutter:2rem;color:#fff;background:0 0;overflow:visible}@media (max-width:600px){.scroll-grid-container{--gutter:1rem}}.content-wrap{background:0 0;position:relative}.content-wrap:before{--size:45px;--line:#ff1e1e0d;content:"";background:linear-gradient(90deg,var(--line)1px,transparent 1px var(--size))50% 50%/var(--size)var(--size),linear-gradient(var(--line)1px,transparent 1px var(--size))50% 50%/var(--size)var(--size);pointer-events:none;z-index:100;width:100vw;height:100vh;position:fixed;top:0;-webkit-mask:linear-gradient(-20deg,#0000 50%,#fff);mask:linear-gradient(-20deg,#0000 50%,#fff)}.scroll-grid-header{z-index:10;align-content:center;min-height:100vh;padding-left:5vw;display:grid;position:relative}.scroll-grid-title{text-transform:uppercase;letter-spacing:-.05em;background:linear-gradient(#fff 20%,#ff1e1e 80%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #ff1e1e4d);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,12vw,10rem);font-weight:950;line-height:.85}.scroll-grid-sticky-container{align-content:center;place-items:center;width:100vw;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}}@layer scroll{.fin-section{z-index:50;background:0 0;place-items:center;height:100vh;display:grid;position:relative}.fin-title{text-transform:lowercase;background:linear-gradient(#fff,#444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,15vw,12rem);font-weight:950}}