/* Production layout fixes, kept separate from the marketing content export. */
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(88px + env(safe-area-inset-top,0px))}
.disp{overflow-wrap:anywhere}
.a-split>*,.closer>*,.contact>*,.p-title>*,.shead>*{min-width:0}
.a-split>:first-child{container-type:inline-size}
.a-split .disp{font-size:clamp(28px,11cqi,84px)}
.contact>:first-child{container-type:inline-size}
.contact .disp{font-size:clamp(28px,10.8cqi,104px)}
.closer{container-type:inline-size}
.closer .disp{font-size:clamp(32px,7.3cqi,100px)}
.shead>.a-copy{flex:1 1 360px}
.c-list a{overflow-wrap:anywhere}
.form{color-scheme:light}
.form .submit button:disabled{opacity:.65;cursor:wait;transform:none}
.form .contact-status{grid-column:1/-1;margin:0;font-size:14px;line-height:1.5;color:#B3261E}
.stage li a{min-width:0;overflow-wrap:anywhere}
.stage{container-type:inline-size}
.stage h3{font-size:clamp(16px,11.5cqi,28px);overflow-wrap:anywhere}
.sr:focus{position:fixed!important;inset:12px auto auto 12px;width:auto;height:auto;clip:auto;z-index:100;background:var(--gold);color:var(--ink);padding:10px 16px}
@media(max-width:600px){
  .hero .wrap{container-type:inline-size}
  /* The marketing export gives individual hero headings inline sizes. */
  .hero .disp{font-size:clamp(28px,11cqi,52px)!important}
  .shead h2{font-size:clamp(28px,8.5vw,36px)}
  .site-head .wrap{height:auto;min-height:60px;flex-wrap:wrap;row-gap:2px;padding-top:10px;padding-bottom:8px}
  .brand svg{height:24px}
  .nav{width:100%;justify-content:space-between;gap:0}
  .nav a{padding:8px 4px;font-size:11px;letter-spacing:.05em}
  .nav a[data-nav="home"]{display:inline-block}
  html{scroll-padding-top:calc(110px + env(safe-area-inset-top,0px))}
  .p-title{align-items:flex-start}
  .p-title .disp{font-size:clamp(30px,7.4vw,44px)}
  .btn{max-width:100%;white-space:normal;justify-content:center;text-align:center}
  .btn svg{flex-shrink:0}
}