/* Additional classes for requested font size changes */

/* Apple-style Offer Card */
.offer {
    background: transparent !important;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 40px;
}

.offer-icon {
    font-size: 3.2rem;
    margin-bottom: 24px;
    opacity: 1;
    transform: translateY(8px);
    color: #1a1a1a; /* Apple neutral tone */
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.offer-icon.in-view {
    opacity: 1;
    transform: translateY(0);
}

.offer-item {
    background: linear-gradient(145deg, #ffffff, #f5f5f7);

    /* Apple Silver border */
    border: 1px solid rgba(0,0,0,0.10);

    /* Micro-riflesso stile AirPods */
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.60) 0%, rgba(255,255,255,0) 40%),
        linear-gradient(145deg, #ffffff, #f5f5f7);
    background-blend-mode: soft-light;

    /* Inner shadow profonda + ombra calda */
    box-shadow:
        inset 0 0 28px rgba(255,255,255,0.60),
        inset 0 6px 26px rgba(0,0,0,0.07),
        0 14px 26px rgba(0,0,0,0.08),
        0 6px 16px rgba(199,199,199,0.40);

    padding: 60px 40px;
    border-radius: 28px;

    /* Movimento morbido + transizione gradiente dinamica */
    transition:
        transform 0.55s ease,
        box-shadow 0.55s ease,
        background-image 2s ease-in-out;
}

.offer-item:hover {
    transform: translateY(-3px) scale(1.015);

    box-shadow:
        inset 0 0 32px rgba(255,255,255,0.70),
        inset 0 8px 30px rgba(0,0,0,0.08),
        0 20px 40px rgba(0,0,0,0.14),
        0 8px 18px rgba(199,199,199,0.34);

    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.70) 0%, rgba(255,255,255,0) 45%),
        linear-gradient(145deg, #ffffff, #f5f5f7);
    background-blend-mode: soft-light;
}

.offer-item.in-view {
    transform: translateY(-1.5px);
}

.offers-grid {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 40px;
    flex-wrap: wrap;
}

/* FIRST BLOCK FULL WIDTH */
.offer-wide {
    flex: 0 0 100%;
}

/* SECOND AND THIRD BLOCKS HALF WIDTH */
.offer-half {
    flex: 0 0 calc(50% - 20px);
}

.offer-item h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.offer-item p {
    font-size: 1.35rem;
    line-height: 1.6;
    color: #333;
}

.bio-text {
    font-size: 1.6rem;
    line-height: 1.7;
    text-align: center;
}

.project-desc {
    font-size: 1.4rem;
}

@media (max-width: 768px) {
    .offers-grid {
        flex-direction: column;
        gap: 28px;
    }
    .offer-item {
        padding: 50px 30px;
        border-radius: 24px;
    }
    .offer-wide,
    .offer-half {
        flex: 0 0 100%;
    }
    .offer-tagline {
        font-size: 1.4rem;
    }

    .offer-item h3 {
        font-size: 1.6rem;
    }

    .offer-item p {
        font-size: 1.1rem;
        line-height: 1.55;
    }

    .bio-text {
        font-size: 1.35rem;
    }

    .project-desc {
        font-size: 1.15rem;
    }

    .offer-footer {
        font-size: 1.2rem;
    }
}
/* OFFER — INTRO */
.offer-intro {
    text-align: center;
    margin-bottom: 60px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.offer-intro.in-view {
    opacity: 1;
    transform: translateY(0);
}

/* TAGLINE */
.offer-tagline {
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: 0.3px;
    max-width: 780px;
    margin: 0 auto 20px auto;
    color: rgb(105, 105, 105);
    line-height: 1.55;
}

/* DIVIDER APPLE */
.offer-divider {
    width: 60px;
    height: 1px;
    background: rgba(0,0,0,0.08);
    margin: 0 auto;
    border-radius: 10px;
}

/* CARD LABEL – Apple Uppercase */
.offer-label {
    display: block;
    font-size: 0.85rem;
    letter-spacing: 1.6px;
    color: rgba(0,0,0,0.45);
    font-weight: 500;
    margin-bottom: 12px;
    text-transform: uppercase;
}

/* CARD ANIMATIONS for icons */
.offer-item .offer-icon {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.offer-item.in-view .offer-icon {
    opacity: 1;
    transform: translateY(0);
}

/* FOOTER PHRASE */
.offer-footer {
    text-align: center;
    margin-top: 80px;
    font-size: 1.4rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(0,0,0,0.6);
    font-weight: 300;
    line-height: 1.55;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.offer-footer.in-view {
    opacity: 1;
    transform: translateY(0);
}