/* Existing cream / sage / lime palette; typography follows the supplied Tech Text. */
.copy{top:26%;width:27vw;max-width:370px}
.copy .eyebrow{margin-bottom:17px}
.copy h1.tech-title{font:650 clamp(60px,6.65vw,108px)/1.12 'Helvetica Neue','Helvetica','PingFang SC',sans-serif;letter-spacing:-.055em;margin:0}
.tech-line{display:block;position:relative;height:1.2em;width:calc(100% + 32px);margin-left:-16px;pointer-events:auto;touch-action:pan-y;user-select:none}
.tech-line canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.tech-text-fallback{position:absolute;inset:0;display:flex;align-items:center;padding:0 5%;white-space:nowrap}
.tech-text-ready .tech-text-fallback{visibility:hidden}
.tech-name{color:var(--accent)}
.copy p{margin-top:18px}
.story-scrolling .tech-line,.copy[inert] .tech-line{pointer-events:none}
@media(min-aspect-ratio:2/1){.copy{top:23%}.copy h1.tech-title{font-size:clamp(52px,5.7vw,98px)}}
@media(max-width:760px){
 .copy{top:auto;bottom:205px;width:88vw;max-width:none}
 .copy .eyebrow{margin-bottom:12px}
 .copy h1.tech-title{font-size:clamp(36px,9.3vw,62px);line-height:1.1}
 .tech-line{height:1.12em}
}
@media(max-height:650px) and (min-width:761px){.copy{top:24%}.copy h1.tech-title{font-size:clamp(48px,5.8vw,78px)}.copy p{margin-top:10px}.copy .eyebrow{margin-bottom:8px}}