/* ======================================================================== GaliVue V5.1.79 — DESKTOP COMPOSITION / SCALE CORRECTION Homepage hero only. Purpose: - preserve every V5.1.78 reference-accurate visual/detail asset; - restore the wider V5.1.76 desktop artboard scale (up to 1920px); - scale live HTML typography with the hero artboard instead of the viewport; - honor the authored
line breaks on desktop so headings do not reflow; - remove the Slide 1 / 3 / 5 text-to-art overlaps caused by mismatched scale. No app routes, auth, projects, D1, R2, Stripe, Resend, client selection, final delivery, or backend behavior is changed by this stylesheet. ======================================================================== */ @media (min-width:901px){ /* V5.1.76 used the full 1920px desktop stage. V5.1.78 accidentally capped the live rebuild at 1672px while typography was still viewport-sized, which compressed the visual groups and caused the observed overlaps. */ body.gvf-homepage-v5179 .gvf-hero-slider .gvf-carousel-shell{ width:min(1920px,100%)!important; max-width:1920px!important; aspect-ratio:1672/941!important; container-type:inline-size!important; container-name:gvf79hero!important; } /* Scale semantic/live typography from the SAME stage that scales the reference crops. This keeps text, devices and art in one coordinate system. */ body.gvf-homepage-v5179 .gvf-hero-slider .gvf-story-headline, body.gvf-homepage-v5179 .gvf-hero-slider .gvf-primary-h1{ max-width:none!important; font-size:clamp(40px,4.12cqw,80px)!important; line-height:.965!important; letter-spacing:-.052em!important; white-space:nowrap!important; text-wrap:nowrap!important; overflow:visible!important; } body.gvf-homepage-v5179 .gvf-hero-slider .gvf-story-headline br{display:block!important} body.gvf-homepage-v5179 .gvf-hero-slider .gvf-copy-block p{ max-width:none!important; font-size:clamp(12.5px,1.16cqw,22.4px)!important; line-height:1.53!important; text-wrap:pretty!important; } /* Preserve the original design widths as percentages of the artboard. Remove old pixel caps that stopped live text from scaling with 1920px art. */ body.gvf-homepage-v5179 .gvf-slide-1 .gvf-story-headline, body.gvf-homepage-v5179 .gvf-slide-2 .gvf-story-headline, body.gvf-homepage-v5179 .gvf-slide-3 .gvf-story-headline, body.gvf-homepage-v5179 .gvf-slide-4 .gvf-story-headline, body.gvf-homepage-v5179 .gvf-slide-5 .gvf-story-headline{max-width:none!important} body.gvf-homepage-v5179 .gvf-slide-1 .gvf-copy-block p{max-width:none!important;width:92%!important} body.gvf-homepage-v5179 .gvf-slide-2 .gvf-copy-block p{max-width:none!important;width:95%!important} body.gvf-homepage-v5179 .gvf-slide-3 .gvf-copy-block p{max-width:none!important;width:100%!important} body.gvf-homepage-v5179 .gvf-slide-4 .gvf-copy-block p{max-width:none!important;width:96%!important} body.gvf-homepage-v5179 .gvf-slide-5 .gvf-copy-block p{max-width:none!important;width:94%!important} /* Slide 1: original three-line headline + clear body-to-comparison gap. */ body.gvf-homepage-v5179 .gvf-slide-1 .gvf-copy-block{left:3.15%!important;top:10%!important;width:50.5%!important} body.gvf-homepage-v5179 .gvf-slide-1 .gvf-copy-block p{margin-top:1.18cqw!important} /* Slide 2: keep exact authored three-line desktop title and proportionally scale the live workflow cards/icons with the wider artboard. */ body.gvf-homepage-v5179 .gvf-slide-2 .gvf-copy-block{left:3.15%!important;top:10.8%!important;width:48.7%!important} body.gvf-homepage-v5179 .gvf-slide-2 .gvf-copy-block p{margin-top:1.45cqw!important} body.gvf-homepage-v5179 .gvf-slide-2 .gvf-step-row{margin-top:2.25cqw!important} body.gvf-homepage-v5179 .gvf-slide-2 .gvf-step-card>span{font-size:clamp(12px,1.18cqw,22.7px)!important} body.gvf-homepage-v5179 .gvf-slide-2 .gvf-shield{font-size:clamp(12px,1.15cqw,22.1px)!important;margin-top:2cqw!important} /* Slide 3: two-line title; kicker and paragraph remain above favourites. The old px caps were the source of the gallery/text collision. */ body.gvf-homepage-v5179 .gvf-slide-3 .gvf-copy-block{left:3.15%!important;top:10.4%!important;width:31.5%!important} body.gvf-homepage-v5179 .gvf-slide-3 .gvf-copy-block p strong{ font-size:clamp(14px,1.38cqw,26.5px)!important; line-height:1.28!important; } body.gvf-homepage-v5179 .gvf-slide-3 .gvf-s3-kicker{max-width:none!important;margin:1.15cqw 0 0!important} body.gvf-homepage-v5179 .gvf-slide-3 .gvf-s3-copy{max-width:none!important;margin:1.35cqw 0 0!important;line-height:1.5!important} /* Slide 4: preserve approved two-line title and AI layout. */ body.gvf-homepage-v5179 .gvf-slide-4 .gvf-copy-block{left:3.05%!important;top:12.5%!important;width:38.2%!important} body.gvf-homepage-v5179 .gvf-slide-4 .gvf-copy-block p{margin-top:1.75cqw!important} body.gvf-homepage-v5179 .gvf-slide-4 .gvf-copy-block p+p{margin-top:2.15cqw!important} body.gvf-homepage-v5179 .gvf-slide-4 .gvf-shield{font-size:clamp(15px,1.4cqw,26.9px)!important;margin-top:2.5cqw!important;max-width:22cqw!important} /* Slide 5: exact two-line title; body copy finishes before the five-step reference strip begins at 38.79% of the artboard height. */ body.gvf-homepage-v5179 .gvf-slide-5 .gvf-copy-block{left:3%!important;top:9.6%!important;width:48.5%!important} body.gvf-homepage-v5179 .gvf-slide-5 .gvf-copy-block p{margin-top:1.25cqw!important} body.gvf-homepage-v5179 .gvf-slide-5 .gvf-slide5-tagline{ font-size:clamp(20px,1.85cqw,35.6px)!important; } body.gvf-homepage-v5179 .gvf-slide-5 .gvf-slide5-tagline::before{ flex-basis:3.47cqw!important;width:3.47cqw!important;height:3.47cqw!important; font-size:1.8cqw!important; } /* Footer language text + slide counter must scale with the same stage. */ body.gvf-homepage-v5179 .gvf-hero-slider .gvf-lang-cell span{font-size:clamp(9px,.82cqw,15.8px)!important} body.gvf-homepage-v5179 .gvf-hero-slider .gvf-slide-count{font-size:clamp(10px,.82cqw,15.8px)!important} } /* Tablet and mobile deliberately remain on V5.1.78's dedicated breakpoint compositions. Do NOT shrink the desktop artboard into portrait layouts. */ @media (max-width:900px){ body.gvf-homepage-v5179 .gvf-hero-slider .gvf-carousel-shell{container-type:normal!important} }