@font-face{font-family:PhasePoppins;src:url(progettazione-contenuto/font/Poppins-Regular.ttf)}
@font-face{font-family:PhasePoppins;src:url(progettazione-contenuto/font/Poppins-SemiBold.ttf);font-weight:600}
@font-face{font-family:PhaseBebas;src:url(progettazione-contenuto/font/BebasNeue-Regular.ttf)}
.gg-phase-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;box-sizing:border-box;padding:0 8px;font-family:PhasePoppins,Arial,sans-serif}
.gg-phase-card{box-sizing:border-box;position:relative;isolation:isolate;min-height:225px;border:0;padding:46px 16px 20px;background:transparent;filter:drop-shadow(12px 16px 10px rgba(0,0,0,.24));text-align:center;color:#999;text-decoration:none;cursor:pointer;transition:transform .2s ease,color .2s ease;line-height:1.25}
.gg-phase-card::before{content:"";position:absolute;inset:0;z-index:0;background:#fff;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.gg-phase-card>*{position:relative;z-index:2}
.gg-phase-card:not(:last-child)::after{content:"";position:absolute;right:-29px;top:42%;z-index:3;border-left:22px solid #f3d8a0;border-top:34px solid transparent;border-bottom:34px solid transparent}
.gg-phase-card img{display:block;width:76px;height:76px;object-fit:contain;margin:0 auto 15px;filter:grayscale(1);opacity:.53}
.gg-phase-card strong{display:block;font-size:15px;font-weight:600}
.gg-phase-card .gg-hex{position:absolute;top:-25px;left:50%;transform:translateX(-50%);z-index:4;width:58px;height:51px;display:grid;place-items:center;background:#f3d8a0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font:28px PhaseBebas,Impact,sans-serif;color:#999}
.gg-phase-card.active{color:#000}.gg-phase-card.active img{filter:none;opacity:1}.gg-phase-card.active .gg-hex{background:#e7a92f;color:#000}.gg-phase-card.active::after{border-left-color:#e7a92f}
.gg-phase-card:hover,.gg-phase-card:focus-visible{transform:translateY(-4px);color:#555}.gg-phase-card:focus-visible{outline:2px solid #e7a92f;outline-offset:5px}
.gg-phase-nav--desktop{position:absolute;top:120px;left:330px;width:1260px;z-index:10}
.gg-phase-nav--mobile{grid-template-columns:repeat(5,180px);padding:30px 28px 24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#e7a92f #e9ebf1;scrollbar-width:thin}.gg-phase-nav--mobile .gg-phase-card{scroll-snap-align:center}
@media(prefers-reduced-motion:reduce){.gg-phase-card{transition:none}.gg-phase-card:hover,.gg-phase-card:focus-visible{transform:none}}

.gg-phase-nav--mobile{scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y}
.gg-phase-nav--mobile::-webkit-scrollbar{display:none}

/* Center icons and labels as a group, matching the execution phase cards. */
.gg-phase-card{display:flex;flex-direction:column;align-items:center;justify-content:center}
.gg-phase-card img{flex-shrink:0}