.beehive-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:transparent;padding:40px 10px;overflow-x:hidden;--hex-width:14vw;--hex-height:calc(var(--hex-width) * 1.15);--hex-overlap:calc(var(--hex-height) * -0.217)}.hex{position:relative;width:var(--hex-width);height:var(--hex-height);margin:0 calc(var(--hex-width) * .05);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:opacity .3s ease,transform .3s ease;flex-shrink:0;cursor:pointer}.hex:hover{filter:brightness(.95);transform:scale(1);z-index:10}.hex-inner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}.hex-title{font-weight:600;font-size:clamp(.75rem,1.2vw,1.5rem);text-transform:uppercase;letter-spacing:.05em;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.6)}.hex-inner.bg-gray-100 .hex-title,.hex-inner.bg-white .hex-title{text-shadow:none}.hex-row{display:flex;justify-content:center;flex-direction:row}.hex-row.even{margin-top:var(--hex-overlap);margin-bottom:var(--hex-overlap);z-index:1}.hex-row.odd{z-index:2}@media (max-width:900px) and (min-width:601px){.hex{width:120px;height:138px;margin:0 4px}.hex-row.even{margin-top:-30px;margin-bottom:-30px}.hex-title{font-size:.7rem}}@media (max-width:600px){.beehive-wrapper{flex-direction:row;align-items:flex-start}.hex-row{flex-direction:column}.hex{width:138px;height:120px;margin:4px 0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.hex-row.even{margin:60px -32px 0}.hex-title{font-size:.75rem;display:block}}