/* BLACKTIE MANAGEMENT responsive layout layer */
:root{--content-max:1600px;--side-space:clamp(18px,6vw,100px)}
.container{width:min(100% - (var(--side-space) * 2),var(--content-max));margin-inline:auto}
img,svg{max-width:100%;height:auto}
@media(min-width:1440px){.page-width{max-width:1800px}.home{column-gap:9%}.hero-copy h1{font-size:clamp(78px,6vw,112px)}.hero-figure{max-width:500px}.services-layout{gap:10%}}
@media(min-width:1920px){body{font-size:17px}.page-width{max-width:1900px}.header-inner{height:124px}.home{min-height:calc(100svh - 124px)}}
@media(max-width:1024px){.page-width{padding-inline:clamp(24px,5vw,60px)}.home{column-gap:4%}.hero-copy h1{font-size:clamp(58px,8vw,86px)}.contact-top{gap:28px}.ugc-layout{gap:7%}}
@media(max-width:768px){.page-width{padding-inline:22px}.home{display:flex;flex-direction:column;align-items:stretch}.hero-copy{max-width:720px}.hero-figure{align-self:flex-end}.services-layout,.ugc-layout{grid-template-columns:1fr}.contact-top{display:flex;flex-direction:column}.contact-top>p{max-width:100%}.ugc-panel{width:100%}}
@media(max-width:480px){.page-width{padding-inline:18px}.hero-copy h1{font-size:clamp(48px,14vw,68px)}.hero-figure{width:min(88vw,350px);align-self:center}.ugc-form{grid-template-columns:1fr}.ugc-field-full,.ugc-submit,.form-status{grid-column:auto}.site-footer{flex-wrap:wrap}}
@media(max-width:360px){.page-width{padding-inline:15px}.site-header nav{gap:7px 9px}.site-header .nav-link{font-size:.64rem}.hero-copy h1{font-size:clamp(43px,14vw,57px)}.hero-intro{font-size:.86rem}.hero-figure{width:94vw}.ugc-panel{padding-inline:15px}.phone-input{grid-template-columns:72px 1fr}.birth-selects{grid-template-columns:1.15fr .75fr .75fr}.birth-selects select{font-size:.7rem}}
/* Full phone range: 320px through 767px */
@media (min-width:481px) and (max-width:767px){
  .header-inner{min-height:100px;height:auto;padding-block:14px;flex-wrap:wrap}
  .brand{width:126px;height:31px}
  .site-header nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}
  .site-header .nav-link{font-size:.76rem}
  .home{padding-block:58px 30px}
  .hero-copy h1{font-size:clamp(58px,11vw,82px)}
  .hero-figure{width:min(70vw,390px);margin-top:42px}
  .hero-footer{margin-top:56px}
  .ugc-panel{padding:32px 26px}
}
@media (min-width:361px) and (max-width:480px){
  .site-header nav{max-width:290px}
  .home .contact-art{width:min(74vw,310px)}
  .hero-copy h1{font-size:clamp(50px,14.5vw,68px)}
}
@media (max-width:360px){
  .header-inner{min-height:112px}
  .brand{width:104px;height:25px}
  .site-header nav{max-width:245px;gap:7px 9px}
  .site-header .nav-link{font-size:.62rem}
  .home{padding-top:38px}
  .home .contact-art{width:min(78vw,278px);margin-top:26px}
  .hero-copy h1{font-size:clamp(43px,14vw,56px)}
  .hero-intro{max-width:250px;font-size:.84rem}
  .hero-footer{margin-top:30px}
  .ugc-panel{padding-inline:14px}
  .phone-input{grid-template-columns:70px minmax(0,1fr)}
}