.tech-text{display:block;position:relative;width:100%;height:100%;font-family:DM Sans,Noto Sans TC,sans-serif;touch-action:pan-y;cursor:grab}.tech-text:active{cursor:grabbing}.tech-text__svg{display:block;width:100%;height:100%;overflow:visible}.tech-text__letter{animation:tech-letter var(--tech-speed,1s) both;transform-box:fill-box;transform-origin:center}.tech-text__sweep{opacity:0;animation:tech-sweep calc(var(--tech-speed,1s)*1.8) .1s both}@keyframes tech-letter{0%{opacity:0;transform:translateY(4px)}30%{opacity:.3}45%{opacity:.8}60%{opacity:.45}to{opacity:1;transform:translateY(0)}}@keyframes tech-sweep{0%{opacity:0;transform:translate(0)}15%{opacity:.45}85%{opacity:.3}to{opacity:0;transform:translate(var(--sweep-distance))}}@media(prefers-reduced-motion:reduce){.tech-text__letter,.tech-text__sweep{animation:none}.tech-text__letter{opacity:1}.tech-text__sweep{display:none}}.gs-fullpage .hero-copy h1:has(#gs-tech-title){position:relative;height:clamp(260px,48dvh,480px);margin:0;line-height:1;background:none;text-shadow:none}#gs-tech-title{display:block;width:100%;height:100%;font-family:DM Sans,Noto Sans TC,sans-serif}.hero-copy:has(#gs-tech-title){padding-top:0}.hero-copy:has(#gs-tech-title) .gs-title-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:clamp(36px,6vw,90px);line-height:1.3}.hero-copy:has(.tech-text[data-tech-ready=true]) .gs-title-fallback{display:none}@media(max-width:700px){.gs-fullpage .hero-copy h1:has(#gs-tech-title){height:300px}}@media(max-height:650px){.gs-fullpage .hero-copy h1:has(#gs-tech-title){height:260px}}.hero-copy:has(#gs-tech-title .tech-text[data-tech-ready=true]) .gs-title-fallback{display:none}
