/* Hero-only visual update. Shared CTA geometry and lower-page styles stay in their existing files. */
#top.hero {
  color:#242225;
  background-image:url('/assets/hero-abstract-v51.webp')!important;
  background-size:cover!important;
  background-position:center right!important;
  background-repeat:no-repeat!important;
  background-color:#f1e9e2!important;
  min-height:100svh;
  padding-top:clamp(140px,15vh,190px)!important;
  padding-bottom:clamp(92px,12vh,140px)!important;
  align-items:center;
}
#top.hero::after { background:rgba(36,34,37,.1); }
#top .hero-inner {
  grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);
  align-items:end;
  gap:clamp(38px,5vw,86px);
}
#top h1 {
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(62px,5.6vw,104px);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.055em;
  color:#242225;
}
#top h1 .pink { color:#98616e;font-style:italic!important; }
#top .hero-kicker { color:#60565a!important; }
#top .hero-kicker em { color:#98616e; }
#top .hero-kicker span { color:#60565a; }
#top .hero-side {
  padding:clamp(28px,2.6vw,42px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:#202024;
  color:#f2ece4;
  box-shadow:0 22px 65px rgba(47,32,35,.1);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  overflow:visible;
}
#top .hero-side-label { color:#d8c8cd; font-size:9px;letter-spacing:.16em; }
#top .hero-side-label::before { background:#d4a4ad; }
#top .hero-side p { color:#eee6e2;max-width:375px;font-size:clamp(15px,1.12vw,18px);line-height:1.65;margin-bottom:26px; }
#top .hero-cta-stack { align-items:stretch; }
#top .hero-cta-stack a.bvro-ui-cta { width:100%;min-width:0; }
#top .hero-cta-stack a.bvro-ui-cta,
#top .hero-cta-stack a.bvro-ui-cta span { font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-size:13px!important;font-weight:650!important;letter-spacing:.01em!important; }
#top .hero-scroll-cue { color:#6f6268;bottom:30px; }
#top .hero-scroll-cue i { background:#98616e; }
/* The existing hero-nav-lock controls scope as the visitor scrolls out of the hero. */
#nav.hero-nav-lock { color:#242225!important;background:transparent!important; }
#nav.hero-nav-lock.scrolled { background:rgba(241,233,226,.88)!important;border-bottom-color:rgba(36,34,37,.1)!important; }
#nav.hero-nav-lock .brand-v11 img { filter:none!important; }
#nav.hero-nav-lock .bvro-nav-links a { color:#242225!important; }
#nav.nav-v11.hero-nav-lock .nav-project.nav-cta { color:#242225!important;background:rgba(36,34,37,.04)!important;box-shadow:inset 0 0 0 1px rgba(36,34,37,.18)!important; }
#nav.nav-v11.hero-nav-lock .nav-portal-v20 { color:#242225!important;background:rgba(36,34,37,.04)!important;box-shadow:inset 0 0 0 1px rgba(36,34,37,.18)!important; }
#nav.nav-v11.hero-nav-lock .nav-portal-tip { color:#242225!important;background:#f1e9e2!important;border-color:rgba(36,34,37,.15)!important; }
@media(min-width:1800px) {
  #top .hero-inner { grid-template-columns:minmax(0,1.5fr) minmax(360px,.65fr); }
}
@media(max-width:1000px) {
  #top .hero-inner { grid-template-columns:1fr;gap:34px; }
  #top h1 { font-size:clamp(58px,7.4vw,76px);max-width:850px; }
  #top .hero-side { max-width:500px;padding:30px; }
  #top.hero { background-position:68% center!important; }
}
@media(max-width:700px) {
  #top.hero { padding-top:120px!important;padding-bottom:92px!important;background-position:65% center!important; }
  #top .hero-inner { gap:30px; }
  #top h1 { font-size:clamp(35px,10.2vw,58px);line-height:1.04;letter-spacing:-.055em; }
  #top .hero-side { max-width:none;padding:25px 23px;border-radius:18px; }
  #top .hero-side p { font-size:14px;line-height:1.6;margin-bottom:23px; }
  #top .hero-cta-stack { width:100%; }
  #top .hero-side-label { font-size:8px;letter-spacing:.12em; }
  #top .hero-scroll-cue { bottom:25px; }
}