.hero-mobile-copy { display: none; }

/* The supplied portrait composition, with the existing scroll animations. */
@media (max-width: 900px) and (orientation: portrait) {
    .home-page, .home-page::before { background: #000; }
    .home-page .opening { min-height: max(620px,100svh); }
    .home-page .opening header { padding: 20px 24px 0; }
    .home-page .opening nav ul { gap: 12px; }
    .home-page .opening nav a { font-size: clamp(.95rem,4.6vw,1.15rem); font-weight: 400; letter-spacing: -.06em; }
    .home-page .hero { height: max(620px,100svh); min-height: 0; padding: 0; display: block; }
    .home-page .Logo { position: absolute; inset: 14% 0 auto; width: min(calc(100% - 24px),400px); height: 40%; margin: 0 auto; }
    .home-page #logo { width: 100%; }
    .home-page .textbox { position: absolute; top: 52.4%; left: 8%; width: 84%; max-width: none; margin: 0; text-align: left; }
    .home-page .hero-desktop-copy { display: none; }
    .home-page .hero-mobile-copy { display: block; }
    .home-page .text1 { font-size: clamp(2.3rem,12.1vw,3.5rem); line-height: .92; letter-spacing: -.035em; text-transform: uppercase; }
    .home-page .text1 .Bold { font-weight: 700; }
    .home-page .text2 { margin: 20px 0 0; font-size: clamp(.7rem,3.1vw,.88rem); line-height: 1.2; font-weight: 400; }
    .home-page .scroll { bottom: 4.7%; inset-inline: 24px; }
    .home-page .scroll-btn { font-size: clamp(.7rem,3.1vw,.86rem); font-weight: 400; }
    .home-page .scroll-btn::after { display: none; }
    .home-page .ambient-glow { width: 150vw; height: 150vw; }
    .home-page .ambient-glow-one { left: auto; right: -70vw; top: -65vw; background: radial-gradient(ellipse at center,rgba(237,22,14,.75),rgba(170,8,3,.3) 35%,transparent 68%); }
    .home-page .ambient-glow-two { right: auto; left: -66vw; bottom: -65vw; background: radial-gradient(ellipse at center,rgba(237,12,4,.8),rgba(160,4,0,.3) 35%,transparent 68%); }
}