/* ═══════════════════════════════════════════════════════════════
   GROUP MARK — Logo Phaenomena GROUP, due varianti:
   1) Default (absolute top-right) — usata nelle pagine Brevetti/Certificazioni
   2) Inline centrato (--inline) — usata nelle sezioni della home, sopra il tag
   ═══════════════════════════════════════════════════════════════ */

/* Contenitori che ancorano il logo absolute */
.v2-brev-hero-content,
.v2-cert-hero-content {
    position: relative;
}

/* Variante DEFAULT: absolute in alto a destra (hero pagine GROUP) */
.v2-group-mark {
    position: absolute;
    top: 0;
    right: 0;
    height: clamp(2.125rem, 3.4vw, 3.375rem);
    width: auto;
    display: block;
    opacity: 0.9;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 2;
}

/* Variante INLINE: in flusso, centrata sopra il tag (home) */
.v2-group-mark--inline {
    position: static;
    margin: 0 auto 1.125rem;
    height: clamp(1.875rem, 2.8vw, 2.75rem);
    display: block;
    opacity: 1;
}

/* Mobile */
@media (max-width: 767px) {
    .v2-group-mark {
        height: clamp(1.625rem, 6vw, 2.25rem);
        top: 0.25rem;
    }
    .v2-group-mark--inline {
        height: clamp(1.625rem, 5.5vw, 2.125rem);
        margin-bottom: 0.875rem;
    }
}