/* Boceto 8: keep the copy and Earth in one centred composition. */
#home.hero { max-height:none; }
#home .hero-layout { position:relative;z-index:2; }

/* Only the orbit's stroke sits behind Earth; its control stays in front. */
#home .planet-installation { isolation:isolate; }
#home .planet-scene { z-index:2; }
#home .planet-controls { z-index:auto; }
#home .planet-orbit { border-color:transparent;z-index:auto; }
#home .planet-orbit::before {
  content:"";position:absolute;inset:0;z-index:0;
  border:1px solid #ff9b4d40;border-radius:50%;
  transform:translateY(-100%);pointer-events:none;
}
#home .planet-orbit :is(.orbit-left,.orbit-thumb,.orbit-right) { z-index:3; }
#home .planet-mode,#home .planet-hint { z-index:3; }

/* The project grid now follows its introduction without the featured case. */
#work .work-grid { margin-top:clamp(36px,4vw,64px); }

@media (min-width:901px) {
  #home.hero { height:auto;min-height:100svh; }
  #home .hero-layout {
    display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);
    align-items:center;gap:clamp(28px,3vw,56px);
    width:min(calc(100% - var(--gutter)*2),1480px);
    min-height:max(650px,100svh);margin-inline:auto;
    padding:128px 0 96px;box-sizing:border-box;
  }
  #home .hero-content {
    position:relative;inset:auto;width:100%;max-width:none;
    margin:0;padding:0;transform:none;
  }
  #home h1 { font-size:clamp(56px,min(6vw,11svh),116px); }
  #home .hero-lower { max-width:none; }
  #home .planet-installation {
    position:relative;inset:auto;justify-self:center;
    width:min(100%,calc((100svh - 280px)/.86),705px);
    min-width:0;max-width:none;margin:0;transform:none;
  }
  #home .planet-installation:not(.prism-installation) .planet-scene {
    width:86%;margin-inline:auto;
  }
  #home .planet-installation .planet-controls { margin-top:-20px; }
  #home .planet-hint { max-width:100%;text-wrap:balance; }
}

@media (max-width:900px) {
  #home .hero-layout {
    display:flex;flex-direction:column;align-items:center;
    width:100%;gap:clamp(36px,5vw,48px);
  }
  #home .hero-content { text-align:center; }
  #home .hero-eyebrow { justify-content:center; }
  #home h1 { max-width:none; }
  #home .hero-lower { max-width:none;text-align:center; }
  #home .hero-lower>p { margin-inline:auto;text-wrap:balance; }
  #home .hero-buttons { justify-content:center; }
  #home .hero-buttons .text-link { justify-content:center; }
  #home .planet-installation { flex:none;max-width:100%; }
  #home .planet-hint { width:100%;max-width:none;text-wrap:balance; }
}