/* Auto-generated by scripts/css_mechanical_split.py
   Source: portal-home.css
   Part 2/2 - load order critical.
   Do not reorder or merge without re-running the splitter. */

  @media (max-width:760px){
    .home-shell{
      margin-top:8px;
    }

    .home-topbar{
      justify-content:center;
      gap:10px;
    }

    .home-btn{
      min-height:42px;
      padding:0 16px;
      font-size:14px;
    }

    .home-logo{
      margin-bottom:12px;
    }

    .home-logo img{
      width:min(420px, 88vw);
    }

    .home-hero-copy{
      margin-bottom:18px;
    }

    .home-hero-copy h1{
      font-size:clamp(32px, 9vw, 44px);
      line-height:1.05;
      letter-spacing:-.035em;
    }

    .home-title-break{
      display:none;
    }

    .home-hero-kicker{
      margin-top:14px;
      font-size:11px;
      line-height:1.75;
      letter-spacing:.14em;
    }

    .home-panel-links{
      justify-content:flex-start;
      overflow-x:auto;
      flex-wrap:nowrap;
      padding:2px 2px 12px;
      -webkit-overflow-scrolling:touch;
    }

    .home-panel-links a{
      flex:0 0 auto;
      white-space:nowrap;
    }

    .home-search-form{
      gap:10px;
    }

    .home-field input,
    .home-field select,
    .home-submit{
      min-height:52px;
      border-radius:17px;
    }

    .home-services{
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
      margin-top:22px;
      margin-bottom:12px;
    }

    .home-service{
      min-height:128px;
      border-radius:22px;
    }

    .home-service-icon{
      width:68px;
      height:68px;
    }

    .home-service-icon__img{
      width:60px;
      height:60px;
    }

    .home-story-stack{
      gap:16px;
      margin-top:22px;
    }

    .home-story-card,
    .home-story-card.is-reverse{
      border-radius:24px;
    }

    .home-story-media{
      min-height:185px;
    }

    .home-story-media--buy,
    .home-story-media--sell,
    .home-story-media--rent,
    .home-story-media--valuate,
    .home-story-media--auctions,
    .home-story-media--agencies,
    .home-story-media--contact{
      aspect-ratio:1024 / 682;
      min-height:0;
    }

    .home-story-actions{
      flex-direction:column;
    }

    .home-story-actions .home-btn{
      width:100%;
    }
  }

  @media (max-width:420px){
    .home-services{
      grid-template-columns:1fr;
    }
  }



/* DEMO FIX — compattezza primo viewport home */
@media (min-width: 900px){
  .public-topbar,
  .portal-topbar,
  .site-topbar,
  .home-topbar{
    margin-top: 14px !important;
  }

  .home-hero,
  .portal-home-hero,
  .hero-home,
  .hero{
    margin-top: 10px !important;
  }

  .home-hero-card,
  .portal-hero-card,
  .hero-card{
    min-height: calc(100vh - 150px) !important;
  }
}

@media (max-width: 899px){
  .public-topbar,
  .portal-topbar,
  .site-topbar,
  .home-topbar{
    margin-top: 8px !important;
  }

  .home-hero,
  .portal-home-hero,
  .hero-home,
  .hero{
    margin-top: 8px !important;
  }
}

/* ONDA 4 — home funnel (tokens Onda 1) */
.home-hero{
  border-radius:var(--radius-lg, 28px);
  scroll-margin-top:calc(var(--topbar-h, 88px) + 12px);
}

.home-hero-bg,
.home-hero-overlay{
  clip-path:inset(0 round var(--radius-lg, 28px));
}

.home-hero-copy h1{
  line-height:var(--leading-tight, 1.22);
  letter-spacing:-.04em;
}

.home-hero-kicker{
  color:var(--muted);
  line-height:var(--leading-relaxed, 1.72);
}

.home-search-panel{
  border-radius:var(--radius-lg, 28px);
  box-shadow:var(--shadow-soft);
}

.home-field input:focus-visible,
.home-field select:focus-visible,
.home-submit:focus-visible,
.home-btn:focus-visible,
.home-panel-links a:focus-visible,
.home-service:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
}

.home-service{
  border-radius:var(--radius-lg, 26px);
  transition:transform var(--transition-base, .18s ease), box-shadow var(--transition-base, .18s ease), border-color var(--transition-base, .18s ease);
}

.home-story-card{
  border-radius:var(--radius-lg, 28px);
  border:1px solid rgba(var(--brand-rgb), .10);
  box-shadow:var(--shadow-soft);
}

@media (max-width:760px){
  .home-hero{
    border-radius:var(--radius, 22px);
  }

  .home-hero-bg,
  .home-hero-overlay{
    clip-path:inset(0 round var(--radius, 22px));
  }
}

/* Hero home — dissolvenza foto fascia copy (validata in ambient lab) */
.home-hero-overlay{
  background-image:
    linear-gradient(
      to bottom,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.99) 8%,
      rgba(255,255,255,.96) 18%,
      rgba(255,255,255,.88) 30%,
      rgba(255,255,255,.72) 42%,
      rgba(255,255,255,.52) 54%,
      rgba(255,255,255,.32) 66%,
      rgba(255,255,255,.14) 76%,
      rgba(255,255,255,.04) 86%,
      rgba(255,255,255,0) 94%
    ),
    linear-gradient(
      to bottom,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.98) 10%,
      rgba(255,255,255,.94) 22%,
      rgba(255,255,255,.82) 36%,
      rgba(255,255,255,.62) 50%,
      rgba(255,255,255,.38) 64%,
      rgba(255,255,255,.2) 78%,
      rgba(255,255,255,.1) 100%
    );
}
