#bp-landing { max-width:1440px; margin-inline:auto; font-size:16px; }
#bp-landing a:focus-visible { outline:2px solid var(--bp-blue); outline-offset:5px; }
#bp-landing .bp-header { padding-block:27px; }
#bp-landing .bp-brand { font-size:22px; gap:7px; min-height:44px; }
#bp-landing .bp-company-mark { width:34px; height:34px; flex:none; }
#bp-landing .bp-header nav { gap:24px; font-size:14px; }
#bp-landing .bp-header nav a { min-height:44px; display:inline-flex; gap:9px; align-items:center; }
#bp-landing .bp-product-nav>img { border-radius:6px; }
#bp-landing .bp-merlin-symbol { display:inline-flex; flex:none; align-items:center; justify-content:center; background:#111820; border-radius:6px; }
#bp-landing .bp-merlin-symbol img { display:block; filter:brightness(0) invert(1); }
#bp-landing .bp-header .bp-merlin-symbol { width:26px; height:26px; }
#bp-landing .bp-header .bp-merlin-symbol img { width:23px; height:23px; }
#bp-landing .bp-hero { min-height:560px; }
#bp-landing .bp-description { font-size:16px; line-height:1.65; max-width:310px; }
#bp-landing .bp-eyebrow { font-size:12px; }
#bp-landing .bp-scroll { min-height:44px; font-size:12px; }
#bp-landing .bp-hero-foot { font-size:12px; }
#bp-landing .bp-project { min-height:460px; }
#bp-landing .bp-project h2.bp-project-title { display:flex; align-items:center; gap:12px; font-size:clamp(30px,4.7cqw,54px); }
#bp-landing .bp-project-title>img { border-radius:9px; flex:none; }
#bp-landing .bp-project-title .bp-merlin-symbol { width:38px; height:38px; border-radius:9px; }
#bp-landing .bp-project-title .bp-merlin-symbol img { width:32px; height:32px; }
#bp-landing .bp-project .bp-description { max-width:310px; }
#bp-landing .bp-project-status { font-size:14px; }
#bp-landing .bp-visit { font-size:14px; min-height:44px; }
#bp-landing .bp-caption,#bp-landing .bp-project-foot,#bp-landing .bp-footer { font-size:12px; }
#bp-landing .bp-footer { border-top:1px solid var(--bp-line); }
@container (max-width:760px) {
  #bp-landing .bp-header { flex-wrap:wrap; padding:18px 6% 12px; gap:12px; }
  #bp-landing .bp-brand { font-size:21px; }
  #bp-landing .bp-header nav { width:100%; gap:14px; justify-content:space-between; font-size:14px; }
  #bp-landing .bp-header nav a { min-height:44px; }
  #bp-landing .bp-header nav .bp-contact-nav { display:none; }
  #bp-landing .bp-hero { min-height:auto; padding-top:36px; }
  #bp-landing .bp-hero .bp-description { max-width:340px; }
  #bp-landing .bp-hero-art { margin-block:12px 2px; }
  #bp-landing .bp-hero-foot { padding-top:3px; gap:7px; }
  #bp-landing .bp-project { min-height:auto; padding-top:28px; gap:12px; }
  #bp-landing .bp-project h2.bp-project-title { font-size:clamp(30px,8.5cqw,42px); gap:10px; }
  #bp-landing .bp-project h3 { font-size:26px; }
  #bp-landing .bp-project .bp-description { max-width:360px; }
  #bp-landing .bp-project-title>img,#bp-landing .bp-project-title .bp-merlin-symbol { width:34px; height:34px; }
  #bp-landing .bp-project-title .bp-merlin-symbol img { width:28px; height:28px; }
  #bp-landing .bp-end { gap:22px; }
  #bp-landing .bp-end h2 { font-size:38px; }
  #bp-landing .bp-end .bp-description { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }