/* Technology uses the same spacious chapters and neutral themes as the landing page. */
html:has(.technology-page){scroll-padding-top:94px}
.technology-page{padding-top:0}
.technology-page .site-header:not(.is-scrolled){background:transparent;border-bottom-color:rgba(var(--page-rgb),.4);backdrop-filter:none}
.technology-page .site-header:not(.is-scrolled) nav{background:transparent}
.technology-page .technology-hero{position:relative;isolation:isolate;overflow:hidden;min-height:640px;height:100svh;display:flex;align-items:center;background:var(--canvas)}
.technology-hero-image,.technology-hero-video,.technology-hero-wash{position:absolute;inset:0;width:100%;height:100%}
.technology-hero-image,.technology-hero-video{object-fit:cover;object-position:60% center}
.technology-hero-video{opacity:0;pointer-events:none;transition:opacity .6s ease}
.technology-hero-video.is-ready{opacity:1}
.technology-hero-video::-webkit-media-controls,.technology-hero-video::-webkit-media-controls-enclosure,.technology-hero-video::-webkit-media-controls-overlay-play-button{display:none!important}
.technology-hero-wash{background:linear-gradient(90deg,rgba(var(--page-rgb),.94) 0%,rgba(var(--page-rgb),.85) 32%,rgba(var(--page-rgb),.42) 72%),linear-gradient(0deg,rgba(var(--page-rgb),.45),transparent 40%)}
[data-theme=dark] .technology-hero-wash{background:linear-gradient(90deg,rgba(var(--page-rgb),.78),rgba(var(--page-rgb),.62) 30%,rgba(var(--page-rgb),.1) 78%),linear-gradient(0deg,rgba(var(--page-rgb),.35),transparent 45%)}
.technology-hero-content{position:relative;width:100%;padding-block:144px 110px}
.technology-page main .technology-kicker{font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:.13em;text-transform:uppercase;line-height:1.7;color:var(--muted);margin:0 0 26px}
.technology-page main .technology-hero h1{font-family:'Optima Hero',Optima,var(--font-body);font-size:clamp(64px,6.5vw,102px);font-weight:400;letter-spacing:-.03em;line-height:1.2;max-width:960px;margin:0}
.technology-hero h1>span{display:block;white-space:nowrap}
.technology-motion-toggle{position:absolute;z-index:3;left:calc(var(--corner-gutter,24px) + env(safe-area-inset-left));bottom:calc(var(--corner-gutter,24px) + env(safe-area-inset-bottom));display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:50%;background:rgba(var(--page-rgb),.6);color:var(--ink)}
.technology-motion-toggle .motion-icon{width:auto;font-family:Arial,sans-serif;font-size:18px;line-height:1}
.technology-motion-toggle:hover{background:var(--canvas);border-color:var(--muted)}

/* Long-form visual chapters: consistent theme, clear changes of scale. */
.technology-page{--technology-blue:#1766a7;--technology-amber:#866029;--technology-space:clamp(128px,11vw,176px)}
[data-theme=dark] .technology-page{--technology-blue:#8dceff;--technology-amber:#e5c38c}
.technology-page main>.technology-chapter{padding-block:var(--technology-space);border:0;background:var(--canvas)}
.technology-page main .technology-chapter h2{font-family:var(--font-display);font-size:clamp(40px,3.5vw,56px);font-weight:400;line-height:1.4;letter-spacing:-.025em;margin:0;text-wrap:balance}
.technology-page main .technology-chapter h3{font-family:var(--font-body);font-weight:400;font-size:26px;line-height:1.45;letter-spacing:-.015em;margin:0}
.technology-page main .technology-chapter p{font-size:18px;line-height:1.8;font-weight:400;color:var(--muted)}
.technology-page main .technology-kicker{font-size:12px;line-height:1.7;letter-spacing:.13em;margin-bottom:28px;text-transform:uppercase;color:var(--muted)}
.technology-intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:clamp(56px,7vw,108px)}
.technology-prose p+p{margin-top:24px}
.technology-page main .technology-prose .technology-conclusion{color:var(--ink)}
.technology-page main>.technology-reach,.technology-page main>.technology-evidence{background:var(--surface)}
.technology-page main>.technology-reasoning{background:var(--canvas)}
.technology-heading-row{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:clamp(48px,6vw,96px);margin-bottom:64px}
.technology-page main .technology-heading-row>p{max-width:40ch;margin:0 0 8px}
.technology-reasoning .technology-heading-row{display:block;text-align:center}
.technology-page main .technology-reasoning .technology-heading-row>p{max-width:57ch;margin:26px auto 0}
/* The discovery handoff lives in the shared frosted lab section. */
.technology-page .life-heading{min-width:0}
.technology-page .life-kicker{font-family:var(--font-body);font-size:12px;font-weight:400;line-height:1.7;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 28px}
.technology-page .life-heading h2{margin:0}
.technology-page .life-copy>.life-process{font-family:var(--font-body);font-size:18px;font-weight:400;line-height:1.5;letter-spacing:.025em;margin-top:28px;color:var(--muted)}
/* Illustrated reasoning diagrams retain their full composition in either theme. */
.technology-illustration{position:relative;margin:0;width:100%;min-width:0;border:0;padding:0;border-radius:24px;overflow:hidden;background:var(--canvas)}
.technology-reach .technology-illustration,.technology-evidence .technology-illustration{background:var(--surface)}
.technology-illustration img{display:block;width:100%;height:auto;border:0;border-radius:inherit;object-fit:contain}
.technology-illustration-light{mix-blend-mode:multiply}
.technology-illustration-dark{mix-blend-mode:screen}
.technology-illustration .technology-illustration-dark{display:none}
html[data-theme="dark"] .technology-illustration .technology-illustration-light{display:none}
html[data-theme="dark"] .technology-illustration .technology-illustration-dark{display:block}
@media(prefers-reduced-motion:reduce){.technology-hero-video{display:none;transition:none}}
@media(max-width:900px){
 .technology-page .site-header:not(.is-scrolled) nav.is-open{background:var(--canvas)}
 .technology-page .technology-hero{min-height:690px}
 .technology-page main .technology-hero h1{font-size:clamp(54px,8vw,78px)}
 .technology-hero-wash{background:linear-gradient(90deg,rgba(var(--page-rgb),.85),rgba(var(--page-rgb),.45) 70%)}
 .technology-intro-grid{grid-template-columns:1fr;gap:40px}
 .technology-page main .technology-discovery h2 br:nth-of-type(odd){display:none}
 .technology-prose{max-width:66ch}
 .technology-heading-row{grid-template-columns:1fr;gap:32px;margin-bottom:48px}
 .technology-page main .technology-heading-row>p{max-width:58ch;margin:0}
}
@media(max-width:600px){
 .technology-page{--technology-space:96px}
 .technology-page .technology-hero{height:100svh;min-height:720px;align-items:flex-start}
 .technology-hero-content{padding-top:146px;padding-bottom:100px}
 .technology-page main .technology-hero h1{font-size:clamp(32px,10.5vw,60px);line-height:1.2}
 .technology-hero-image,.technology-hero-video{object-position:72% center}
 .technology-hero-wash{background:linear-gradient(180deg,rgba(var(--page-rgb),.89),rgba(var(--page-rgb),.8) 44%,rgba(var(--page-rgb),.2) 78%)}
 [data-theme=dark] .technology-hero-wash{background:linear-gradient(180deg,rgba(var(--page-rgb),.92),rgba(var(--page-rgb),.8) 44%,rgba(var(--page-rgb),.35) 85%)}
 .technology-page main .technology-chapter h2{font-size:clamp(33px,8.9vw,45px);line-height:1.36}
 .technology-page main .technology-chapter p{font-size:17px;line-height:1.8}
 .technology-page main .technology-kicker{font-size:11px;line-height:1.7;margin-bottom:22px}
 .technology-page main .technology-discovery h2{font-size:clamp(26px,8.1vw,46px)}
 .technology-page main .technology-discovery h2 br:nth-of-type(odd){display:initial}
 .technology-intro-grid{gap:36px}
 .technology-prose p+p{margin-top:22px}
 .technology-illustration{border-radius:16px}
 .technology-heading-row{gap:28px;margin-bottom:36px}
}
