/* v1.13: kompakter Einstieg, damit die neuesten Beiträge früher sichtbar sind. */
@media (min-width:821px){
  .hero{min-height:500px;gap:24px;padding-block:38px 48px}
  .hero:before{height:560px;top:0}
  .hero h1{font-size:clamp(52px,5vw,76px);margin-bottom:18px}
  .hero .eyebrow{margin-bottom:16px}
  .hero-description{font-size:15px;line-height:1.65;margin-bottom:21px}
  .hero-meta{margin-top:28px}
  .hero-art{height:385px;transform:none}
  .pi400-illustration{width:min(108%,540px)}
  .art-orbit{width:355px;height:355px}
  .orbit-two{width:280px;height:280px}
  .art-glow{width:365px;height:365px}
  .projects-section{padding-top:66px}
}
@media (max-width:820px){
  .hero{min-height:0;padding-block:41px 28px;gap:5px}
  .hero .eyebrow{margin-bottom:16px}
  .hero h1{margin-bottom:18px}
  .hero-description{line-height:1.65;margin-bottom:20px}
  .hero-meta{margin-top:26px}
  .hero-art{height:300px;transform:none;margin-top:10px}
  .pi400-illustration{width:min(88%,460px)}
  .art-orbit{width:300px;height:300px}
  .orbit-two{width:240px;height:240px}
  .art-glow{width:330px;height:330px}
  .projects-section{padding-top:62px}
}
@media (max-width:600px){
  .hero{padding-top:33px;padding-bottom:20px}
  .hero h1{font-size:clamp(40px,10.4vw,55px);margin-bottom:14px}
  .hero-description{line-height:1.58;margin-bottom:18px}
  .hero-meta{margin-top:20px}
  .hero-art{height:225px;width:100%;margin:9px 0 0}
  .pi400-illustration{width:min(95%,340px)}
  .pi400-illustration figcaption{font-size:7px}
  .art-orbit{width:220px;height:220px}
  .orbit-two{width:180px;height:180px}
  .art-glow{width:240px;height:240px}
  .projects-section{padding-top:49px}
}