.image-card{position:relative;display:flex;min-height:400px;cursor:pointer;align-items:center;justify-content:center;overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.5s;animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateZ(0);&:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}&:hover{transform:translateZ(0) scale(1.01)}>img,>video{position:absolute}>img,>video{inset:0}>img,>video{height:100%}>img,>video{width:100%}>img,>video{-o-object-fit:cover;object-fit:cover}>img,>video{opacity:.9}>img,>video{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}>img,>video{transition-duration:.5s}>img,>video{transition-timing-function:cubic-bezier(0,0,.2,1)}>img,>video{animation-duration:.5s}>img,>video{animation-timing-function:cubic-bezier(0,0,.2,1)}>.cover{position:absolute}>.cover{inset:0}>.cover{display:flex}>.cover{-webkit-user-select:none;-moz-user-select:none;user-select:none}>.cover{flex-direction:column}>.cover{align-items:center}>.cover{justify-content:center}>.cover{gap:5rem}>.cover{border-radius:.75rem}>.cover{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}>.cover{transition-duration:.5s}>.cover{transition-timing-function:cubic-bezier(0,0,.2,1)}>.cover{animation-duration:.5s}>.cover{animation-timing-function:cubic-bezier(0,0,.2,1)}>.cover{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.2) 100%);.title-wrapper{padding-left:1.5rem;padding-right:1.5rem}.title-wrapper{padding-top:.5rem;padding-bottom:.5rem}.title-wrapper{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.title-wrapper{transition-duration:.5s}.title-wrapper{transition-timing-function:cubic-bezier(0,0,.2,1)}.title-wrapper{animation-duration:.5s}.title-wrapper{animation-timing-function:cubic-bezier(0,0,.2,1)}.title-wrapper{z-index:1}h1{text-align:center}h1{font-size:3rem;line-height:1}h1{font-weight:700}h1{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}h1{transition-duration:.5s}h1{transition-timing-function:cubic-bezier(0,0,.2,1)}h1{animation-duration:.5s}h1{animation-timing-function:cubic-bezier(0,0,.2,1)}h1{text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (min-width: 768px){h1{font-size:4.5rem;line-height:1}}h1{letter-spacing:-.02em;line-height:1}>button{background-color:#0003}>button{font-size:1.25rem;line-height:1.75rem}>button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}>button{transition-duration:.5s}>button{transition-timing-function:cubic-bezier(0,0,.2,1)}>button{animation-duration:.5s}>button{animation-timing-function:cubic-bezier(0,0,.2,1)}>button:hover{background-color:#0000004d}>button{z-index:1}&:hover{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.25) 100%);>button{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.title-wrapper{transform:scale(1.02)}}}>.content{pointer-events:none}>.content{position:absolute}>.content{inset:0}>.content{display:flex}>.content{align-items:center}>.content{justify-content:center}>.content{padding:2rem}>.content{font-size:1.125rem;line-height:1.75rem}>.content{opacity:0}>.content{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}>.content{transition-duration:.5s}>.content{transition-timing-function:cubic-bezier(0,0,.2,1)}>.content{animation-duration:.5s}>.content{animation-timing-function:cubic-bezier(0,0,.2,1)}>.content{z-index:1;.overlay{position:absolute}.overlay{inset:-1px}.overlay{background-color:#0009}.overlay{--tw-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.overlay{z-index:-1}}.content-inner{position:relative}.content-inner{display:flex}.content-inner{width:100%}.content-inner{max-width:32rem}.content-inner{flex-direction:column}.content-inner{z-index:1}&[data-revealed=true]{>img,>video{opacity:.4}>img,>video{transform:scale(1.02)}>.cover{pointer-events:none}>.cover{opacity:0}>.content{pointer-events:auto}>.content{opacity:1}}}.text-shadow{text-shadow:0 1px 2px rgba(0,0,0,.2)}
