/* Stage 2: mobile composition and direct access; desktop scenes stay intact. */
.lp-mobile-project-access,.lp-contact-quick-access { display:none; }
@media(max-width:900px) {
 body .about-page-hero.about-journey-hero { display:block!important; height:auto!important; min-height:max(960px,var(--about-mobile-min-height,0px))!important; padding-block:140px 440px!important; }
 body .about-page-hero.about-journey-hero > .container { position:relative!important; inset:auto!important; height:auto!important; padding-block:0!important; }
 body .about-page-hero.about-journey-hero .banner-one-main-wrapper,
 body .about-page-hero.about-journey-hero .inner,
 body .about-page-hero.about-journey-hero .row { height:auto!important; min-height:0!important; }
 body .about-page-hero.about-journey-hero .col-lg-7 { position:relative!important; inset:auto!important; transform:none!important; width:100%!important; }
 body .about-page-hero.about-journey-hero .col-lg-5 { display:none!important; }
}
@media(max-width:699px) {
 body .case-study-hero.portfolio-universe { height:auto!important; min-height:680px!important; padding:132px 0 240px!important; }
 body .case-study-hero.portfolio-universe > .container { position:relative!important; inset:auto!important; height:auto!important; padding-block:0!important; }
 body .case-study-hero.portfolio-universe .row { height:auto!important; }
 body .case-study-hero.portfolio-universe .breadcrumb-inner { position:relative!important; inset:auto!important; transform:none!important; max-width:100%; }
 .lp-mobile-project-access { display:inline-flex; align-items:center; gap:20px; width:fit-content; min-height:48px; margin-top:24px; padding:10px 20px; border:1px solid #d88c31; border-radius:28px; color:#ffb34d; font-size:14px; font-weight:600; text-decoration:none; }
 body .portfolio-universe .universe-project-toggle { bottom:16px!important; right:24px!important; }
 body .portfolio-universe .lp-hero-scroll { display:none; }
 body .portfolio-universe ~ #portfolio { padding-top:40px!important; }
 #portfolio { scroll-margin-top:100px; }
 body #portfolio .selected-work-intro { margin-bottom:24px; }
 body #portfolio .selected-work-intro h2 { font-size:32px!important; line-height:1.16; }
 body #portfolio .selected-work-intro h2 br { display:none; }
 body #portfolio .selected-work-intro p { font-size:14px; line-height:1.7; }
 .portfolio-universe:not([data-scene="ready"]) .universe-fallback { background-size:auto 420px!important; background-position:85% bottom!important; background-repeat:no-repeat!important; }
 .portfolio-universe .universe-canvas { mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%); -webkit-mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%); }
 body .contact-hero { display:block!important; height:auto!important; min-height:0!important; }
 body .contact-hero .contact-universe { display:block!important; height:auto!important; min-height:760px!important; padding:160px 0 260px!important; }
 body .contact-hero .lp-contact-quick-access { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin-top:24px; }
 .lp-contact-quick-access a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:10px 20px; border:1px solid #d88c31; border-radius:28px; background:rgba(5,7,10,.88); color:#ffb34d; font-size:14px; font-weight:600; line-height:1.5; text-decoration:none; }
 .lp-contact-quick-access a:first-child { background:#ff9800; border-color:#ff9800; color:#111; }
 .lp-mobile-project-access:focus-visible,.lp-contact-quick-access a:focus-visible { outline:2px solid #ffb34d; outline-offset:5px; }
 #contact-form { scroll-margin-top:110px; }
 #contact-form:focus-visible { outline:2px solid #ffb34d; outline-offset:8px; }
}

/* Direct Contact access at every viewport; keep the existing hero composition. */
body .contact-hero .lp-contact-quick-access { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin-top:24px; }
.lp-contact-quick-access a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:10px 20px; border:1px solid #d88c31; border-radius:28px; background:rgba(5,7,10,.88); color:#ffb34d; font-size:14px; font-weight:600; line-height:1.5; text-decoration:none; }
.lp-contact-quick-access a:first-child { background:#ff9800; border-color:#ff9800; color:#111; }
.lp-contact-quick-access a:focus-visible { outline:2px solid #ffb34d; outline-offset:5px; }
#contact-form { scroll-margin-top:110px; }
@media(max-width:699px) {
 .about-story-spacer { display:none; }
 .about-story-spacer + .container { padding-top:40px; }
 .about-experience-intro { margin-bottom:40px!important; }
 :is(.ewallet-case-study,.norton-case-study,.fluxcrm-case-study) > .ewallet-hero .ewallet-hero-inner.container { padding-top:120px; padding-bottom:20px; gap:16px; }
 :is(.ewallet-case-study,.norton-case-study,.fluxcrm-case-study) > .ewallet-hero .ewallet-hero-illustration { max-height:280px; width:auto; max-width:100%; object-fit:contain; }
}