html,body{max-width:100%;overflow-x:hidden}
.header-inner,.hero-grid,.professional-grid,.agreements-grid{min-width:0}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.brand>span{display:flex;flex-direction:column;color:var(--blue);font-size:18px;line-height:1}
.brand>span strong{font-weight:700}
.brand>span small{font-size:7px;letter-spacing:.08em;margin-top:5px;color:var(--muted)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,470px)}
.hero-copy,.hero-media,.professional-image,.professional-copy,.agreements-copy,.agreements-image{min-width:0}
.professional-grid{grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:64px}
.professional-image img{width:100%;height:auto}
.agreements-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}
@media(max-width:1100px){
  .site-header nav{position:absolute;top:82px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);transform:translateY(-130%);opacity:0;transition:.25s;z-index:-1}
  .site-header nav.open{transform:none;opacity:1}
  .menu-button{display:block}
  .professional-grid,.agreements-grid{grid-template-columns:1fr}
  .professional-image{max-width:560px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:38px}
}
@media(max-width:760px){
  .hero-grid{grid-template-columns:1fr}
  .brand img{width:42px;height:42px}
  .brand>span{font-size:16px}
  .professional-image{width:100%;max-width:520px}
}
@media(max-width:950px){
  .hero-grid{grid-template-columns:1fr;gap:42px}
  .hero-media{max-width:620px}
}
@media(max-width:580px){
  .brand img{width:40px;height:40px}
  .brand>span small{font-size:6px}
  .site-header nav{top:72px}
}