/* Drawn arrows use the same geometry in Safari, Firefox and Chromium. */
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.16em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;overflow:visible}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Give the photograph breathing room above the mobile introduction. */
@media(max-width:600px){
  .home .hero-layout{justify-content:flex-start;padding-top:clamp(86px,17svh,150px);padding-bottom:24px}
  .home .hero-copy{padding:0}
  .home .hero-description{max-width:none;width:100%;font-size:clamp(12px,3.25vw,14px);line-height:1.8;margin-top:24px}
  .home .hero-description>span{display:block;white-space:nowrap}
  .home .hero-actions{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:12px;margin-top:28px}
  .home .hero-actions>.button{min-height:56px}
  .home .hero-secondary{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding-block:5px;font-size:12px;line-height:1.4}
}
@media(min-width:601px){.home .hero-description>span{display:block}}
@media(max-width:600px) and (max-height:650px){
  .home .hero-layout{padding-top:80px}
  .home .hero h1{margin-top:20px}
  .home .hero-description{margin-top:20px}
  .home .hero-actions{margin-top:22px;gap:8px}
}