/* An actual foreground sphere, not a replacement picture or a duplicate title.
   HTML remains readable and interactive beneath this pointer-free layer. */
/* Restore the original Playfair / DM Sans pairing throughout the homepage.
   The centered foreground ball and transparent controls are unchanged. */
body[data-edition=home] #motion-header .header-tools .header-join{
  background:transparent;color:inherit;border:1px solid currentColor;
  box-shadow:none;text-shadow:inherit;
}
body[data-edition=home] #motion-header .header-tools .header-join:hover{
  background:transparent;text-decoration:underline;text-underline-offset:5px;
}
#motion-foreground{position:fixed;inset:0;height:100svh;z-index:3;overflow:hidden;pointer-events:none;contain:strict}
#motion-foreground-world{position:absolute;left:0;top:var(--header-height);width:1200px;height:5200px;transform-origin:0 0;will-change:transform;pointer-events:none}
#motion-foreground-world[data-page-active=false] .flag-cloth{animation-play-state:paused}
body[data-edition=home][data-motion=simple] #motion-foreground{display:none}
body[data-edition=home] .hero-copy{
  grid-template-rows:minmax(270px,1fr) auto auto;
  row-gap:12px;padding-block:22px 20px;min-height:var(--frame-height);
}
body[data-edition=home] .hero-ball-space{grid-row:1;position:relative;min-height:270px;pointer-events:none}
body[data-edition=home] .hero-ball-space h1{
  position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);
  margin:0;max-width:none;width:max-content;white-space:nowrap;
  font:400 clamp(120px,19vw,280px)/1.08 var(--serif);letter-spacing:-.055em;
  text-shadow:0 2px 5px rgba(10,26,12,.3);
}
body[data-edition=home] .hero-bottom{grid-row:2}
body[data-edition=home] .hero-bottom>p{margin:0 auto 14px;max-width:470px}
body[data-edition=home] .hero-foot{grid-row:3;margin-top:0}
body[data-edition=home][data-motion=simple] .hero-ball-space::before{
  position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);
  width:225px;height:225px;margin:0;z-index:1;
}
@media(max-width:700px){
  body[data-edition=home] .hero-copy{grid-template-rows:minmax(220px,1fr) auto auto;row-gap:10px;padding:20px 24px}
  body[data-edition=home] .hero-ball-space{min-height:220px}
  body[data-edition=home] .hero-ball-space h1{font-size:clamp(76px,25vw,150px);letter-spacing:-.055em;top:38%}
  body[data-edition=home] .hero-bottom>p{max-width:330px;line-height:1.5}
  body[data-edition=home][data-motion=simple] .hero-ball-space::before{width:170px;height:170px}
}
@media(max-height:650px){
  body[data-edition=home] .hero-copy{min-height:610px}
}