/* About page: shared design plus semantic-heading-safe paint fixes. */
@import url('styles.css');

/* Keep the semantic h-tags visually identical to the original display text. */
body[data-page="about"] h1,
body[data-page="about"] h2,
body[data-page="about"] h3,
body[data-page="about"] h4{
  line-height:1.08 !important;
  padding:0 !important;
  margin-inline:0 !important;
  overflow:visible !important;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

/* The hero heading is a real block, so its box cannot be pulled off-screen by
   italic overhang or by the old negative-margin workaround. */
body[data-page="about"] .hero{
  overflow:visible !important;
}
body[data-page="about"] .hero > .wrap,
body[data-page="about"] .hero .section-head{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  overflow:visible !important;
}
body[data-page="about"] .hero .section-head > h1{
  display:block;
  width:100%;
  max-width:800px;
  min-width:0;
  box-sizing:border-box;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  width:100%;
  line-height:1.08 !important;
  text-align:center !important;
  text-indent:0 !important;
  overflow:visible !important;
  overflow-wrap:break-word;
  word-break:normal;
  transform:none !important;
}

body[data-page="about"] .section-head,
body[data-page="about"] .split-copy{
  min-width:0;
  overflow:visible !important;
}

@media(max-width:700px){
  body[data-page="about"] .hero .section-head > h1{
    width:100%;
    max-width:100%;
    padding-inline:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow-wrap:break-word;
  }
}

/* KEEP LAST: outrank the shared hero gradient rules so italic overhang has
   enough paint room on the About page header and section headings. */
body[data-page="about"] .hero .section-head h1 .grad-text.grad-text,
body[data-page="about"] .section .grad-text.grad-text{
  padding:.3em .35em !important;
  margin-inline:-.35em !important;
  -webkit-box-decoration-break:clone !important;
  box-decoration-break:clone !important;
}