/* FishStix: independent original artwork layers, responsive layout. */
:root{--orange:#ff640b;--navy:#061f43}*{box-sizing:border-box}html{min-height:100%;background:#fff}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy)}.hero{position:relative;isolation:isolate;min-height:min(880px,calc(100svh - 46px));display:grid;place-items:center;overflow:hidden;background:#0789c7}.scene{position:absolute;inset:0;z-index:-1;background-image:url('/airo-assets/images/pages/landing/underwater-background');background-position:center center;background-size:cover;background-repeat:no-repeat}.hero-inner{width:min(100%,1580px);margin:auto;padding:clamp(36px,5vw,92px) clamp(28px,5.2vw,90px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,3vw,70px);align-items:center}.identity{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding-top:22px}.wordmark{margin:0;width:100%;line-height:0}.wordmark img{display:block;width:100%;height:auto}.tagline{display:block;width:92%;height:auto;margin-top:-8.8%;object-fit:contain}.watch{margin-top:clamp(6px,1vw,20px);display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:58px;padding:12px 27px;background:var(--orange);border-radius:999px;color:white;text-decoration:none;font-size:clamp(17px,1.35vw,22px);font-weight:700;letter-spacing:-.015em;white-space:nowrap;transition:background .18s ease,transform .18s ease}.watch:hover{background:#e65400;transform:translateY(-1px)}.watch:focus-visible{outline:4px solid #fff;outline-offset:5px;box-shadow:0 0 0 8px #062952}.play{display:grid;place-items:center;background:white;color:var(--orange);border-radius:50%;width:35px;height:35px}.play svg{margin-left:2px}.character-wrap{min-width:0;display:flex;align-items:center;justify-content:center}.character{width:100%;max-width:660px;height:auto;display:block}.footer{min-height:46px;display:flex;align-items:center;justify-content:center;background:#fff;color:#31516d;font-size:12px;letter-spacing:.015em;text-align:center;padding:12px 18px}
@media(max-width:900px){.hero{min-height:690px}.hero-inner{padding-inline:28px;gap:8px}.watch{min-height:52px;padding:10px 18px;font-size:17px}.play{width:30px;height:30px}}
@media(max-width:700px){.hero{min-height:calc(100svh - 45px)}.scene{background-position:52% center}.hero-inner{grid-template-columns:1fr;gap:8px;padding:clamp(30px,6vh,54px) 22px 28px;max-width:520px}.identity{padding-top:0}.wordmark{max-width:480px}.tagline{max-width:445px;width:94%;margin-top:-9%}.watch{margin-top:2px;min-height:54px;padding:10px 24px;font-size:18px}.character{width:min(88%,380px)}.character-wrap{margin-top:5px}}
@media(max-width:390px){.hero-inner{padding-inline:17px;gap:4px}.watch{font-size:17px;min-height:50px}.character{width:88%}}
@media(prefers-reduced-motion:reduce){.watch{transition:none}}

/* Phase 4A: optical spacing only. No artwork pixels changed. */
@media (min-width:901px){
  .hero-inner{transform:translateY(16px)}
  .tagline{margin-top:-6.6%}
  .watch{margin-top:-9px}
  .character{width:106%;max-width:700px}
}
@media (min-width:701px) and (max-width:900px){
  .hero-inner{transform:translateY(10px)}
  .tagline{margin-top:-6.6%}
  .watch{margin-top:-7px}
  .character{width:104%}
}
@media (max-width:700px){
  .tagline{margin-top:-7%}
  .watch{margin-top:-5px}
}