.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--lime);color:var(--bg);border-radius:5px;z-index:10;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.hero>div,.detail>div,.about>div,.section-head>div{min-width:0}
.detail h1,.error-page h1{overflow-wrap:anywhere}
@media(min-width:701px) and (max-width:1000px){
  .hero h1{font-size:clamp(36px,5.2vw,52px);letter-spacing:-2px}
  .hero{grid-template-columns:1.25fr 1fr;gap:15px}
}
@media(max-width:700px){
  .hero h1{font-size:clamp(30px,10vw,55px);letter-spacing:-1.6px}
  .hero-meta{flex-wrap:wrap;gap:10px}
  .hero-meta span+span{padding-left:0;border-left:0}
  .detail h1{font-size:clamp(36px,10.5vw,49px)}
  .hero-bottom{align-items:flex-start}
  .hero-bottom>span{max-width:52%}
  .detail-facts>div{gap:16px;align-items:baseline}
  .detail-facts strong{text-align:right}
}