.text-tiles{position:relative;display:block;background-color:var(--color-dark)}.text-tiles .image-box{position:sticky;top:var(--header-height);margin:calc(var(--height)*-1) var(--container-padding) 0;overflow:hidden;border-radius:var(--border-radius-md)}.text-tiles .image-box img{--offset: calc(20% - var(--image-scroll, 0) * 20%);position:relative;display:block;width:100%;height:100%;object-fit:cover;transform:translate3d(0, var(--offset, 0), 0)}.text-tiles .tile{position:relative;padding:var(--grid-spacing);font-size:var(--font-size-sm);z-index:1}.text-tiles .tile::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius-md);box-shadow:0 10px 100px -20px rgba(0,0,0,.5);margin:var(--grid-spacing);z-index:-1}.text-tiles .tile-inner{position:relative;padding:1em 1.5em .6em;z-index:1;background:linear-gradient(20deg, rgba(var(--color-white-rgb), 0.05), rgba(var(--color-white-rgb), 0.1));border-radius:var(--border-radius-md);color:var(--color-white);height:100%;outline:2px solid rgba(var(--color-white-rgb), 0.05);outline-offset:-1px}.text-tiles .tile-inner p,.text-tiles .tile-inner .rich-text{opacity:.8;margin:1em 0}@media(min-width: 1480px){.text-tiles .tile-inner{padding:1.6em 2.4em 1.2em}}.text-tiles .text-box{position:relative;color:var(--color-white)}.text-tiles h3{font-size:var(--font-size-copy);line-height:1.5;font-weight:600;margin-top:.5em;margin-bottom:.8em;text-wrap:pretty;color:var(--color-neongreen)}@media(max-width: 767px)and (orientation: portrait){.text-tiles{--grid-spacing: 8px;--image-height: 100vw;margin-bottom:-50vh}.text-tiles::after{display:none}.text-tiles::before{content:"";position:sticky;top:var(--header-height);height:calc(var(--border-radius-md)*2);z-index:1;display:block;margin:0 var(--container-padding);pointer-events:none;border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);box-shadow:0 calc(var(--border-radius-md)*-1) 0 0 var(--color-dark)}.text-tiles+*{z-index:1;background-color:var(--color-white);margin-top:calc(var(--section-margin)*-1);padding-top:1px}.text-tiles .image-box{display:block;margin:0 var(--container-padding);height:calc(100vh - var(--header-height) - var(--container-padding));top:var(--header-height);margin-top:calc(var(--header-height) - 100vh - var(--border-radius-md))}.text-tiles .image-box img{--offset: calc(var(--image-scroll, 0) * -75% + 30%);transform:none}.text-tiles .image-scroll-tracker{position:absolute;top:var(--container-padding);height:120vh}.text-tiles .text-box{margin:var(--image-height) var(--container-padding) 0;padding-top:.5em;background-color:var(--color-dark);z-index:1;padding-bottom:50vh}.text-tiles .text-box::before{content:"";position:absolute;width:calc(var(--border-radius-md)*2);aspect-ratio:1;border-radius:50%;pointer-events:none;right:0;bottom:100%;box-shadow:calc(var(--border-radius-md)*1) calc(var(--border-radius-md)*1) 0 var(--color-dark)}.text-tiles h2{color:var(--color-white)}.text-tiles .kicker{position:absolute;bottom:100%;left:0;background-color:var(--color-dark);line-height:1;padding:.9em 1em 0 0;margin:0;border-top-right-radius:var(--border-radius-md)}.text-tiles .kicker::before,.text-tiles .kicker::after{content:"";position:absolute;width:calc(var(--border-radius-md)*2);aspect-ratio:1;border-radius:50%;pointer-events:none;box-shadow:calc(var(--border-radius-md)*-1) calc(var(--border-radius-md)*1) 0 var(--color-dark)}.text-tiles .kicker::before{left:0;bottom:100%}.text-tiles .kicker::after{left:100%;bottom:0}.text-tiles .tiles{margin:calc(var(--section-margin)*.2) calc(var(--container-padding)*-1) calc(var(--section-margin)*.7);display:flex;overflow:auto;gap:0;align-items:flex-start;padding:1px 0 calc(30px + 4%);scroll-snap-type:x mandatory;margin-bottom:0}.text-tiles .tiles::after{content:"";display:block;min-width:100px}.text-tiles .tiles .col{display:flex;align-items:flex-start;padding:0}.text-tiles .tile{position:relative;display:block;width:80vw;max-width:320px;scroll-snap-align:center}}@media(min-width: 768px),(orientation: landscape){.text-tiles{--image-height: calc(100vh - var(--header-height) - var(--container-padding));--image-width: 40%;--height: 100vh;--grid-spacing: 0.75em;padding:var(--section-margin) 0}}@media(min-width: 768px)and (max-width: 999px),(orientation: landscape)and (max-width: 999px){.text-tiles{--image-width: 46%}}@media(min-width: 768px),(orientation: landscape){.text-tiles::after{content:"";position:absolute;top:calc(200px - var(--image-scroll, 0)*200px);height:200px;left:var(--container-padding);width:calc(var(--image-width) - var(--container-padding));z-index:1;border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);box-shadow:-100vh -100vh 0 100vh var(--color-dark);pointer-events:none}.text-tiles .image-box{width:calc(var(--image-width) - var(--container-padding));height:calc(var(--height) - var(--header-height) - var(--container-padding))}.text-tiles .text-box{position:relative;padding-left:calc(var(--image-width) + var(--container-padding));z-index:1}.text-tiles .kicker{display:none}.text-tiles h2{position:relative;width:50%;min-width:8em;margin-top:4em;margin-bottom:1em;left:calc(var(--container-padding)*-2.8);text-shadow:0 0 1em rgba(var(--color-dark-rgb), 0.5);color:var(--color-white)}}@media(min-width: 768px)and (max-width: 999px),(orientation: landscape)and (max-width: 999px){.text-tiles h2{left:-20%}}@media(min-width: 768px),(orientation: landscape){.text-tiles .image-scroll-tracker{position:absolute;top:var(--container-padding);height:var(--image-height);background-color:red;z-index:5;opacity:0;width:20px;pointer-events:none}.text-tiles .tiles-scroll-tracker{position:absolute;top:0;height:calc(100% + 100vh);width:10px;background-color:#00bfff;opacity:0;pointer-events:none}.text-tiles .tiles{position:relative;z-index:0;display:block;padding-right:calc(var(--container-padding) - var(--grid-spacing));margin-left:calc(var(--grid-spacing)*-1)}}@media(min-width: 768px)and (min-width: 1000px),(min-width: 768px)and (orientation: portrait),(orientation: landscape)and (min-width: 1000px),(orientation: landscape)and (orientation: portrait){.text-tiles .tiles{display:flex}.text-tiles .tiles .col{position:relative;padding:0;top:var(--s);flex:1 1 50%;max-width:50%}.text-tiles .tiles .col:first-child{--s: calc(var(--tiles-scroll, 0) * -50vh);margin-top:20vh;margin-bottom:-20vh}.text-tiles .tiles .col:last-child{--s: calc(var(--tiles-scroll, 0) * 50vh);margin-top:-20vh}}@media(min-width: 768px)and (orientation: portrait){.text-tiles .text-box{padding-left:var(--container-padding)}.text-tiles h2{left:38%;margin-top:40%;z-index:1}.text-tiles .image-box,.text-tiles::after{width:calc(50% - var(--container-padding) - var(--grid-spacing))}.text-tiles .image-box img{--offset: calc(var(--image-scroll, 0) * -100% + 50%)}.text-tiles .image-scroll-tracker{height:125vh}.text-tiles .col:first-child{background-color:var(--color-dark);padding-top:var(--container-padding)}.text-tiles .col:first-child::before{content:"";position:absolute;bottom:100%;left:var(--grid-spacing);right:var(--grid-spacing);height:100px;border-radius:var(--border-radius-md);box-shadow:0 50px 0 25px var(--color-dark)}}@media(min-width: 1921px)and (min-height: 1201px){.text-tiles{--height: 1200px}}.wp-block-acf-text-tiles:has(.acf-block-preview){max-width:none}
