/* Home only. Desktop and every portfolio/dialog keep their existing layout. */
@media (max-width:600px) {
  #home {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:100svh;
    height:auto;
    max-height:none;
    padding:124px 24px calc(100px + env(safe-area-inset-bottom,0px));
    overflow:visible;
  }
  #home .eyebrow {
    position:relative;
    inset:auto;
    transform:none;
    justify-content:center;
    width:100%;
    font-size:9px;
    line-height:1.5;
    letter-spacing:1.6px;
    gap:9px;
  }
  #home .eyebrow .line { width:16px;flex-shrink:0; }
  #home .identity {
    position:relative;
    inset:auto;
    transform:none;
    width:100%;
    max-width:430px;
    margin:32px 0 48px;
  }
  #home #focus {
    max-width:100%;
    min-height:48px;
    margin-top:24px;
    padding:12px 10px;
  }
  #home #focus > .focus-word { font-size:clamp(11px,3.1vw,15px); }
  #home .focus-letter { letter-spacing:.38em; }
  #home .focus-letter:last-child { letter-spacing:0; }
  #home .focus-guide { margin-top:8px;line-height:1.5;font-size:8px;letter-spacing:1.1px; }
  #home .bottom-copy {
    position:relative;
    inset:auto;
    width:100%;
    max-width:420px;
    flex-direction:column;
    align-items:center;
    gap:26px;
  }
  #home .intro-copy { max-width:100%;width:100%;text-align:center; }
  #home .bottom-copy p {
    font-size:clamp(24px,6.3vw,30px);
    line-height:1.25;
    letter-spacing:-.7px;
    text-wrap:balance;
  }
  #home .service-discovery {
    justify-content:center;
    gap:4px 14px;
    margin-top:20px;
    font-size:11px;
    line-height:1.5;
  }
  #home .service-discovery span { display:none; }
  #home .service-discovery a { display:flex;align-items:center;min-height:36px;padding:8px 0; }
  #home .project-link {
    min-height:50px;
    max-width:100%;
    padding:14px 26px;
    font-size:12px;
    white-space:normal;
    text-align:center;
  }
  #home .metadata {
    position:relative;
    inset:auto;
    justify-content:center;
    flex-wrap:wrap;
    width:100%;
    margin-top:32px;
    gap:8px 18px;
    font-size:7px;
    line-height:1.5;
    letter-spacing:.7px;
    text-align:center;
  }
}
@media (max-width:600px) and (max-height:700px) {
  #home { padding-top:108px; }
  #home .identity { margin-top:26px;margin-bottom:36px; }
}