/* Editorial motion: native scrolling, progressively enhanced, reduced-motion safe. */
.header{backdrop-filter:blur(18px);background:color-mix(in srgb,var(--paper) 92%,transparent)}
.header nav a[aria-current=page]{color:var(--blue)}
.tech-intro{max-width:1100px;margin-left:auto;margin-right:auto;text-align:center;padding-bottom:80px}.tech-intro h1{font-size:clamp(3rem,6.2vw,6rem);line-height:1.03;letter-spacing:-.065em}.tech-intro .intro{max-width:720px;margin:24px auto}.tech-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.tech-visual{position:sticky;top:125px;height:min(690px,calc(100svh - 160px));min-height:330px;border-radius:18px;overflow:hidden;background:var(--pale)}.tech-visual>img{width:100%;height:100%;object-fit:cover;transform:scale(var(--story-scale,1));transform-origin:center}.tech-visual-caption{position:absolute;inset:auto 0 0;padding:80px 35px 30px;background:linear-gradient(transparent,#061724d9);color:white}.tech-visual-caption>span{font-size:10px;letter-spacing:.18em}.tech-visual-caption strong{display:block;font-size:clamp(25px,3vw,43px);font-weight:500;line-height:1.08;margin-top:16px;letter-spacing:-.045em}.story-track{height:2px;background:#ffffff55;margin-top:27px;overflow:hidden}.story-track i{display:block;height:100%;width:100%;background:white;transform:scaleX(var(--story-progress,0));transform-origin:left}.tech-chapter{min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:65px 0;border-top:1px solid var(--line)}.tech-chapter:first-child{border-top:0;padding-top:25px}.chapter-number{font-size:12px;letter-spacing:.14em;color:var(--blue);margin-bottom:28px}.tech-chapter h2{font-size:clamp(30px,3.7vw,54px);line-height:1.06;letter-spacing:-.05em}.tech-chapter p{font-size:18px;line-height:1.65;color:var(--muted);max-width:510px;margin:22px 0 0}.tech-explainer{display:grid;grid-template-columns:1fr 1fr;gap:8%}.tech-explainer p{color:var(--muted)}.tech-questions{max-width:1000px}.tech-questions .faq-list{margin:35px 0}.tech-questions .button{margin-top:25px}.service-card.reveal{animation:none}.service-card,.project-card{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.card-photo{overflow:hidden}.card-photo img{transition:transform 1s cubic-bezier(.16,1,.3,1)}.button{transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .25s,box-shadow .35s}.button:active{transform:scale(.975)}.theme-toggle{transition:background-color .3s,transform .4s}.theme-toggle:active{transform:rotate(15deg)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.service-card:hover,.project-card:hover{transform:translateY(-5px)}.card-photo:hover img{transform:scale(1.035)}.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0878ed22}}
@media(max-width:950px){.header nav{gap:16px}.header-phone{display:none}.tech-story{gap:35px}.tech-visual{top:100px}.tech-chapter p{font-size:16px}.tech-visual-caption{padding:65px 24px 25px}}
@media(max-width:680px){.tech-intro{text-align:left;padding-bottom:35px}.tech-intro h1{font-size:clamp(38px,10.5vw,62px)}.tech-intro .eyebrow{font-size:10px}.tech-story,.tech-explainer{grid-template-columns:1fr;gap:25px}.tech-visual{position:relative;top:auto;height:430px;min-height:0;border-radius:12px}.tech-chapter{min-height:0;padding:35px 0}.tech-chapter:first-child{padding-top:15px}.tech-chapter h2{font-size:34px;max-width:100%;margin-bottom:0}.chapter-number{margin-bottom:17px}.tech-chapter p{margin-top:17px}.tech-explainer{gap:15px}.tech-visual-caption strong{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.tech-visual{position:relative;top:auto}.tech-chapter{min-height:0;padding:32px 0}.tech-visual>img,.service-card,.project-card,.card-photo img,.button,.theme-toggle,.scene>img{transform:none!important;transition:none!important;animation:none!important}.story-track{display:none}.revealed-section,.reveal{animation:none!important}}