/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.hex-grid-container{perspective:1000px;justify-content:center;width:100%;display:flex}.hex-grid{width:calc((var(--hex-width) + var(--hex-gap)) * 4);padding:calc(var(--hex-margin-y) * -1) 0;flex-wrap:wrap;display:flex}.hex{width:var(--hex-width);height:var(--hex-height);margin:var(--hex-margin-y) var(--hex-margin-x);cursor:pointer;filter:drop-shadow(0 4px 8px #0006);transition:filter .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1);position:relative;transform:translateY(0)}.hex:nth-child(7n+5){margin-left:calc((var(--hex-width) / 2) + var(--hex-gap))}.hex-shape{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background-color:var(--color-slate-900,oklch(20.8% .042 265.755));width:100%;height:100%;position:relative;overflow:hidden}.hex-shape:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 40%,#000c 120%);transition:opacity .5s;position:absolute;inset:0}.hex:focus-visible{outline:none}.hex:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);z-index:-1;opacity:0;background-color:#ffffffe6;transition:opacity .4s,transform .4s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;transform:scale(1)}.hex:focus-visible:before{opacity:1;transform:scale(1.05)}.hex:focus-within,.hex:hover{z-index:10;filter:drop-shadow(0 20px 25px #000000b3);transform:translateY(-6px)}.hex:focus-within .hex-shape:after,.hex:hover .hex-shape:after{opacity:0}.hex img{object-fit:cover;filter:grayscale(70%)brightness(.7)contrast(1.1);backface-visibility:hidden;will-change:transform;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1),filter .6s;display:block;transform:scale(1.02)}.hex:focus-visible img,.hex:hover img{filter:grayscale(0)brightness(1.05)contrast(1.05);transform:scale(1.15)}.hex-caption{z-index:2;text-align:center;opacity:0;pointer-events:none;background:linear-gradient(#0000,#0006 50%,#000000f2);flex-direction:column;justify-content:flex-end;align-items:center;padding:0 20px 70px;transition:opacity .4s;display:flex;position:absolute;inset:0}.hex-caption h3{color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px #000c;margin:0 0 6px;font-size:1.4rem;font-weight:600}.hex-caption h3,.hex-caption p{transition:transform .4s cubic-bezier(.25,1,.5,1);transform:translateY(15px)}.hex-caption p{color:#ffffffb3;text-transform:uppercase;letter-spacing:3px;text-shadow:0 1px 2px #000c;margin:0;font-size:.7rem;font-weight:500}.hex:focus-visible .hex-caption,.hex:hover .hex-caption{opacity:1}.hex:focus-visible .hex-caption h3,.hex:hover .hex-caption h3{transform:translateY(0)}.hex:focus-visible .hex-caption p,.hex:hover .hex-caption p{transition-delay:50ms;transform:translateY(0)}@media (max-width:1024px){.hex-grid{width:calc((var(--hex-width) + var(--hex-gap)) * 3)}.hex:nth-child(7n+5){margin-left:var(--hex-margin-x)}.hex:nth-child(5n+4){margin-left:calc((var(--hex-width) / 2) + var(--hex-gap))}}@media (max-width:768px){.hex-grid{width:calc((var(--hex-width) + var(--hex-gap)) * 2)}.hex:nth-child(5n+4){margin-left:var(--hex-margin-x)}.hex:nth-child(3n+3){margin-left:calc((var(--hex-width) / 2) + var(--hex-gap))}}@media (max-width:550px){.hex-grid{width:calc((var(--hex-width) * 1.5) + (var(--hex-gap) * 1.5))}.hex:nth-child(3n+3){margin-left:var(--hex-margin-x)}.hex:nth-child(2n){margin-left:calc((var(--hex-width) / 2) + var(--hex-gap))}}