/* Motion typography remains readable if JavaScript is unavailable. */
html{scroll-behavior:auto;overflow-anchor:none;overflow-x:clip}
body{overflow-x:clip}
.chapter-label{margin-bottom:19px;min-width:0}
.chapter-index{display:block;font-size:9px;letter-spacing:1.7px;margin-bottom:15px;color:var(--accent)}
.chapter-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(54px,8.15vw,126px);font-weight:750;line-height:.91;letter-spacing:-.075em;margin:0;color:inherit}
.chapter-mask{display:inline-block;overflow:clip;padding:.1em .075em .12em;margin:-.1em -.075em -.12em;vertical-align:top}
.chapter-word{display:inline-block;transform-origin:0 100%}
.chapter-title .chapter-mask+.chapter-mask{margin-left:.12em}
.section-heading{align-items:flex-end;gap:32px}
.section-heading>div{min-width:0}
.works .section-heading{display:block}
.works .section-heading>p{margin-top:18px}
.works .section-heading h2{font-size:clamp(28px,3.3vw,46px)}
.approach .section-heading{display:block}
.approach .chapter-index{color:#ffe17b}
.approach .section-heading h2{font-size:clamp(28px,3.4vw,48px);margin-top:24px}
.approach .section-heading>p{margin-top:20px}
.about .chapter-title{font-size:clamp(48px,6.6vw,100px)}
.about .chapter-label{margin-bottom:34px}
.contact .chapter-title{font-size:clamp(56px,8.1vw,126px)}
.contact .chapter-index{color:#304eaa}
.contact .chapter-label{margin-bottom:30px}
.motion-showcase .chapter-title{font-size:clamp(46px,6.9vw,106px)}
.motion-showcase .chapter-index{color:#cbd9ff}
.motion-showcase .chapter-label{margin-bottom:20px}
.toolkit-intro .chapter-title{font-size:clamp(30px,3vw,46px);letter-spacing:-.06em}
.toolkit-intro .chapter-label{margin-bottom:15px}
.toolkit-intro .chapter-index{font-size:8px;line-height:1.6}
.project-card.motion-entering{transition:none!important}
.project-cover img.motion-image{transition:none!important}
.opening-stage{display:none;position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden;color:#fff}
.opening-pending .opening-stage{display:grid;place-items:center}
.opening-band{position:absolute;top:0;bottom:0;width:33.5%;background:#2448ab;transform-origin:50% 0}
.opening-band:nth-child(1){left:0;background:#243f9e}
.opening-band:nth-child(2){left:33.25%;background:#294bb2}
.opening-band:nth-child(3){left:66.5%;background:#3157c2}
.opening-lockup{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.opening-name-mask{overflow:clip;padding:0 .12em}
.opening-name{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(110px,22vw,330px);font-weight:750;line-height:1;letter-spacing:-.09em;transform-origin:50% 100%}
.opening-name i{font-style:normal;color:#ffd333}
.opening-descriptor{font-size:10px;letter-spacing:.3em;margin-top:22px}
.opening-rule{height:1px;background:#ffe17b;width:min(360px,65vw);transform-origin:0 50%;margin-top:30px}
.opening-pending .hero .tech-line{visibility:hidden}
.hero .tech-line{transform-origin:0 100%}
@media(max-width:700px){.chapter-label{margin-bottom:16px}.chapter-index{font-size:8px;margin-bottom:12px}.chapter-title{font-size:clamp(40px,10.6vw,70px);letter-spacing:-.07em;line-height:.97}.approach .chapter-title{font-size:clamp(36px,9.4vw,64px)}.works .section-heading h2,.approach .section-heading h2{font-size:27px}.about .chapter-title{font-size:clamp(51px,14vw,86px)}.about .chapter-label{margin-bottom:25px}.contact .chapter-title{font-size:clamp(48px,12.4vw,80px)}.motion-showcase .chapter-title{font-size:clamp(34px,9.2vw,62px)}.toolkit-intro .chapter-title{font-size:32px}.toolkit-intro .chapter-label{margin:0}.toolkit-intro>p{font-size:12px}.opening-descriptor{font-size:8px;letter-spacing:.16em}.opening-rule{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.opening-stage{display:none!important}.opening-pending .hero .tech-line{visibility:visible}.chapter-word,.hero .tech-line{transform:none!important;clip-path:none!important}}