@media(max-width:800px){
  .hero{display:flex;flex-direction:column;min-height:auto;padding:42px 24px 0;gap:0}
  .hero-text{width:100%;max-width:none;transform:none}
  .eyebrow{margin-bottom:14px}
  .hero h1{font-size:clamp(36px,10.5vw,44px);line-height:1.04;letter-spacing:-1.8px;text-wrap:balance}
  .hero-copy{max-width:none;margin:20px 0 24px;font-size:16px;line-height:1.5;text-wrap:pretty}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:14px;width:100%}
  .hero-actions .button{width:100%;min-height:48px}
  .hero-actions .text-link{justify-self:center;min-height:44px;display:inline-flex;align-items:center}
  .hero-visual{width:100%;height:390px;min-height:390px;margin-top:10px;transform:none}
  .hero-visual .sun-shape{width:280px;height:280px;left:50%;right:auto;top:26px;transform:translateX(-50%)}
  .hero-visual .portrait-frame{width:250px;height:375px;left:50%;right:auto;bottom:-1px;transform:translateX(-50%)}
  .hero-visual .hero-stamp{right:1%;bottom:48px;transform:scale(.72) rotate(12deg)}
  .hero-wave{height:28px}
  .intro{padding-top:68px;padding-bottom:76px}
}
@media(max-width:390px){
  .hero{padding-left:20px;padding-right:20px}
  .hero h1{font-size:36px}
  .hero-visual{height:370px;min-height:370px}
  .hero-visual .sun-shape{width:258px;height:258px}
  .hero-visual .portrait-frame{width:236px;height:355px}
}