/* Contact reflows with its actual font size; all original type sizes remain. */
body[data-page="contact"] main{container:contact / inline-size}
.contact-layout{display:block;min-height:0;padding-inline:min(5%,2.5rem)}
.contact-layout .contact-context{display:none}
.contact-layout .contact-panel{margin-top:1.5rem}
.contact-intro h1{overflow-wrap:normal;word-break:normal;hyphens:none}
.contact-layout .inactive-button{flex-wrap:wrap;column-gap:min(1.5rem,4vw);row-gap:.5rem;padding-inline:min(1.125rem,4vw)}
.contact-layout .inactive-button-label{flex:1 1 auto;min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}
.contact-layout .inactive-button .arrow{margin-left:auto}
@media(max-width:600px){
  .contact-layout{padding-inline:min(1.375rem,6vw)}
  .contact-layout .inactive-button{padding-inline:min(.875rem,4vw)}
}
@container contact (min-width:62em){
  .contact-layout{display:grid;min-height:50.625rem;padding-inline:5%}
  .contact-layout .contact-context{display:block}
  .contact-layout .contact-panel{margin-top:0}
}