/*
 * Honeycomb layout — 8px minimum gap between hexagon edges.
 *
 * Hex bounding box: 320x320px
 * SVG visual polygon: ~22px inset from each edge of bounding box
 * Visual hex width: ~276px, height: ~277px
 *
 * Top row: items 1, 3, 5 — spaced 284px apart (276 + 8 gap)
 * Middle row: items 2, 4 — centered between top-row items
 * Bottom row: item 6 — same X as first row second button (34.4%)
 * Vertical offset: ~248px (3/4 hex height + 8px gap)
 */

.ahm-hex-menu {
    position: relative;
    width: 1023px;
    min-width: 1023px;
    height: 820px;
    margin: 2rem auto;
}

.ahm-hex-item {
    position: absolute;
    width: 315px;
    height: 315px;
    text-decoration: none;
    color: inherit;
    display: block;
    transition: opacity 0.3s ease;
}

/* Top row: items 1, 3, 5 */
.ahm-hex-item:nth-child(1) { left: 6.6%;   top: 0; }
.ahm-hex-item:nth-child(3) { left: 34.4%;  top: 0; }
.ahm-hex-item:nth-child(5) { left: 62.1%;  top: 0; }

/* Middle row (offset): items 2, 4 */
.ahm-hex-item:nth-child(2) { left: 20.5%;  top: 248px; }
.ahm-hex-item:nth-child(4) { left: 48.2%;  top: 248px; }

/* Third row: item 6 — same X as first row second button */
.ahm-hex-item:nth-child(6) { left: 34.4%;  top: 496px; }

.ahm-hex-shape {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.ahm-hex-shape svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ahm-hex-shape svg polygon {
    transition: fill 0.3s ease;
}

.ahm-hex-item:hover .ahm-hex-shape {
    transform: scale(1.05);
}

.ahm-hex-item:hover .ahm-hex-shape svg polygon {
    fill: rgba(4, 148, 202, 0.08);
}

.ahm-hex-content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 2rem;
    max-width: 240px;
}

.ahm-hex-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #000;
    margin: 0 0 0.75rem 0;
}

.ahm-hex-desc {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #333;
    margin: 0;
}

/* Fade siblings on hover */
.ahm-hex-menu:hover .ahm-hex-item {
    opacity: 0.5;
}

.ahm-hex-menu:hover .ahm-hex-item:hover {
    opacity: 1;
}

/* Responsive: stack on smaller screens */
@media (max-width: 900px) {
    .ahm-hex-menu {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        padding: 2rem 0;
    }

    .ahm-hex-item {
        position: relative;
        left: auto !important;
        top: auto !important;
        width: 280px;
        height: 280px;
    }
}