@font-face{font-family:WenKaiBoard;src:url('assets/wenkai-slogan.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.hero-copy{width:min(720px,65%);padding-top:clamp(80px,12vh,120px)}
.intro{margin-bottom:24px}
.hero h1{font-family:WenKaiBoard,"Kaiti SC",sans-serif;font-size:clamp(48px,5.25vw,78px);line-height:1.3;font-weight:400;letter-spacing:.01em}
.hero h1 .chalk-line{display:table;color:#efefe0;white-space:nowrap;text-shadow:.3px .2px rgba(239,239,224,.25)}
.hero h1 .chalk-line:first-child{transform:rotate(-.6deg);transform-origin:left center}
.hero h1 .chalk-line:last-child{transform:rotate(.35deg);transform-origin:left center}
.hero.is-writing .chalk-line{clip-path:inset(0 100% 0 0)}
.hero-description{font-size:16px;margin-top:20px;line-height:1.7}
.hero .button{margin-top:24px}
.cat{right:8%;bottom:35%;width:clamp(220px,23vw,350px)}
.fish{left:0;top:0;width:84px;opacity:1;will-change:transform}
.motion-controls{position:absolute;bottom:24px;right:5%;z-index:4;display:flex;gap:12px}
.motion-controls[hidden]{display:none}
.motion-controls button{position:static;min-height:44px;border:1px solid #6d9187;background:#183333;color:#d6e1d9;border-radius:6px;padding:8px 14px;font-size:12px;cursor:pointer;transition:transform 160ms var(--ease)}
.motion-controls button:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.motion-controls button:hover{border-color:var(--accent);color:var(--accent)}}
@media(min-width:1600px){.cat{right:13%}}
@media(max-width:1100px){.hero-copy{width:68%;margin-left:6%}.hero h1{font-size:clamp(42px,5.15vw,58px)}.cat{right:5%;width:27vw}}
@media(max-width:767px){
  .hero-copy{width:calc(100% - 48px);margin-left:24px;padding-top:40px}
  .intro{font-size:11px;margin-bottom:20px}
  .hero h1{font-size:clamp(28px,8.1vw,46px);line-height:1.38;letter-spacing:0}
  .hero-description{font-size:13px;line-height:1.7;margin-top:20px}
  .hero .button{margin-top:20px}
  .cat{right:6%;bottom:34%;width:clamp(172px,50vw,225px)}
  .fish{width:62px}
  .motion-controls{right:24px;bottom:16px;gap:8px}
  .motion-controls button{font-size:11px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){.hero.is-writing .chalk-line{clip-path:inset(0)!important}.motion-controls{display:none}.fish{will-change:auto}}