/* Content starts visible. Motion is added only after capability checks. */
.project-card[hidden]{display:none!important}.dialog-page-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;margin-top:23px;min-height:44px;text-decoration:underline;text-underline-offset:5px}.dialog-page-link span{color:var(--orange)}
.method-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:64px 0 0;padding:0;position:relative;gap:40px}.method-path:before,.method-path:after{content:'';position:absolute;top:7px;left:0;right:0;height:1px;background:#607581;pointer-events:none}.method-path:after{background:var(--orange);height:2px;transform-origin:left;transform:scaleX(1)}.method-path li{position:relative;padding-top:42px}.method-node{position:absolute;top:1px;left:0;width:14px;height:14px;background:var(--navy);border:2px solid var(--orange);border-radius:50%;z-index:1}.method-number{font-size:10px;color:#bdcbd4;letter-spacing:.12em}.method-path h3{color:#fff;font-size:27px;font-weight:400;letter-spacing:-.04em;line-height:1.2;margin:9px 0 12px}.method-path p{font-size:12px;line-height:1.8;color:#c8d3da}
@media(prefers-reduced-motion:no-preference){
 .method-path.is-drawing:after{animation:method-line 1.2s cubic-bezier(.22,.7,.2,1) both}
 .method-path.is-drawing li{animation:method-step .65s ease-out both}.method-path.is-drawing li:nth-child(2){animation-delay:.16s}.method-path.is-drawing li:nth-child(3){animation-delay:.32s}
 @keyframes method-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 @keyframes method-step{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}
 .hero-caption .square-arrow,.project-back span{transition:transform .25s}.hero-caption:hover .square-arrow{transform:translate(2px,-2px)}
}
@media(max-width:600px){.method-path{grid-template-columns:1fr;gap:27px;margin-top:37px;padding-left:27px}.method-path:before,.method-path:after{top:7px;bottom:0;left:6px;right:auto;width:1px;height:auto}.method-path:after{width:2px;transform-origin:top}.method-path li{padding-top:0}.method-node{left:-27px;top:4px}.method-number{font-size:9px}.method-path h3{color:#fff;font-size:25px;margin-top:5px;margin-bottom:7px}.method-path p br{display:none}.method-path p{max-width:245px}.method-path.is-drawing:after{animation-name:method-line-mobile}@keyframes method-line-mobile{from{transform:scaleY(0)}to{transform:scaleY(1)}}}
@media(prefers-reduced-motion:reduce){.method-path:after,.method-path li{animation:none!important}.project-image img{transition:none;transform:none!important}}