/* Mobile / tablet-portrait overrides (loaded last) */
@media (max-width: 900px) {

    /* ---------- 1. HERO ---------- */
    /* pinned like the desktop: the extra spacer height is the scroll that raises the photo */
    .hero-spacer { height: 170vh; height: 170svh; }
    .hero-bg img { object-position: 62% 0; } /* keeps the torn edge sloping down to the right */
    /* wrapper hugs the title so MÍDIA KIT / 2026 line up with GABRIELA; anchored to the photo top so she always overlaps the name */
    .hero-text-wrapper { position: absolute; left: 0; right: 0; bottom: calc(52vh - 22vw); bottom: calc(52svh - 22vw); width: fit-content; margin: 0 auto; }
    .header-texts { margin-bottom: -1vw; padding: 0 1%; }
    .name-text, .year-text { font-size: 4.6vw; }
    .main-title { font-size: 30vw; text-align: center; white-space: normal; line-height: 0.84; }
    .main-title span { display: block; }
    .hero-tagline { margin-top: 3vw; font-size: 3.2vw; }
    .main-title { letter-spacing: -4px; }
    .sec2-cols.one-col p { font-size: 17px; }
    .bio-block h3 { font-size: 20px; }
    .gaby-hero { height: 52vh; height: 52svh; width: auto; max-width: none; }
    .gift-top-right { top: -4vw; right: -6vw; width: 30vw; }
    .gift-bottom-left { bottom: -8vw; left: -8vw; width: 42vw; }

    /* ---------- 2. ABOUT ---------- */
    .sec2-image-container { height: 125vw; flex: none; order: 2; } /* text first, photo below */
    .sec2-text { padding: 44px 22px 24px; }
    .sec2-text h2 { font-size: 17vw; line-height: 0.95; margin-bottom: 22px; }
    .sec2-text p { font-size: 15px; line-height: 1.5; }
    .gift2-bottom-right { width: 34vw; bottom: 65vw; right: -4vw; } /* white area beside her shoulder */

    /* ---------- 3 & 5. INSIGHTS: see insights.css ---------- */

    /* ---------- 4. NUMBERS ---------- */
    .s4-center { height: 115vw; }
    .s4-left, .s4-right { padding: 28px 5vw 0; }
    .s4-text h3 { font-size: 14vw; margin-bottom: 14px; }
    .s4-text p { font-size: 5.6vw; }
    .s4-ig, .s4-tk { border-radius: 20px; }
    .section-4 { padding-bottom: 48px; }

    /* ---------- 7. MARCAS ---------- */
    .section-marcas { min-height: 0; }
    .marcas-title { font-size: 20cqw; }
    .brand-name { font-size: 7cqw; }

    /* ---------- 8. CONTACT ---------- */
    .section-contato { min-height: 0; height: 152vw; } /* compact, so the photo overlaps the title */
    .contato-title { top: 7%; font-size: 26cqw; }
    .contato-woman { height: auto; width: 200%; max-width: none; }
    .contato-cta-wrap { bottom: 7%; }
    .contato-cta { font-size: 3.8cqw; padding: 3.2cqw 7cqw; }
    .contato-gift-tr { width: 26cqw; top: -4cqw; right: -5cqw; }
    .contato-gift-bl { width: 40cqw; bottom: -9cqw; left: -8cqw; }
}

@media (max-width: 420px) {
    .tab { padding: 8px 12px; }
    .sec2-text p { font-size: 14.5px; }
}