.header-caption{font:12px monospace;letter-spacing:.08em;color:#aaa}.hero-signature{justify-self:end;font:12px/1.8 monospace;color:#aaa;letter-spacing:.08em}.hero-signature span{display:block}.paused .clip>span{animation:none!important;transform:none}.hero h1{font-size:clamp(62px,7.3vw,116px);margin:45px auto;line-height:1.12}.hero-bottom .button{max-width:100%;flex-shrink:0}.hero-bottom .button span{word-break:keep-all}.hero{min-height:780px}html[lang=ja] .hero-bottom{grid-template-columns:1fr 1.3fr .7fr}html[lang=ja] .button{gap:20px;font-size:14px}.hero canvas{opacity:.8}
@media(max-width:1000px){.hero h1{font-size:9vw}.hero-bottom{gap:25px}.hero{min-height:760px}.header-caption{display:none}}@media(max-width:700px){.hero{min-height:720px;height:auto;min-height:max(720px,100svh);max-height:none}.hero h1{font-size:clamp(46px,10vw,70px);margin:70px 0}.hero-bottom,html[lang=ja] .hero-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}.hero-bottom p{flex-basis:100%;max-width:100%}.hero-signature{font-size:10px;margin-left:auto}.hero-top{font-size:9px;letter-spacing:0}.hero-bottom .button{font-size:14px;padding:12px 12px 12px 18px;min-width:0;gap:18px}html[lang=ja] .hero-signature{display:none}}@media(max-height:750px) and (min-width:701px){.hero{height:auto;min-height:750px}.hero h1{font-size:min(7.3vw,92px)}}