/* Expression's explanatory diagrams and original brand artwork. */
/* Section-specific technical patterns; each has its own geometry and subject. */
.sub-hero:not(.pale){--header-image:url('/assets/headers/company.svg');--pattern-size:128%;--pattern-y:50%;--pattern-opacity:.7;--pattern-shift:0px}
.sub-hero:not(.pale)::before{content:'';position:absolute;inset:-25px 0;pointer-events:none;background:var(--header-image) right var(--pattern-y)/auto var(--pattern-size) no-repeat;opacity:var(--pattern-opacity);transform:translateY(var(--pattern-shift));mask-image:linear-gradient(90deg,transparent 26%,#0003 48%,#000 76%);animation:header-arrive 3s cubic-bezier(.16,1,.3,1) both}
.sub-hero[data-pattern="data"]{--header-image:url('/assets/headers/data.svg');--pattern-size:140%}
.sub-hero[data-pattern="workflow"]{--header-image:url('/assets/headers/workflow.svg');--pattern-size:125%}
.sub-hero[data-pattern="agents"]{--header-image:url('/assets/headers/agents.svg');--pattern-size:145%}
.sub-hero[data-pattern="software"]{--header-image:url('/assets/headers/software.svg');--pattern-size:125%;--pattern-y:58%}
.sub-hero[data-pattern="systems"]{--header-image:url('/assets/headers/systems.svg');--pattern-size:140%}
.sub-hero[data-pattern="spectrum"]{--header-image:url('/assets/headers/spectrum.svg');--pattern-size:132%;--pattern-opacity:.65}
.sub-hero[data-pattern="company"]{--header-image:url('/assets/headers/company.svg');--pattern-size:135%;--pattern-opacity:.55}
.sub-hero[data-pattern="process"]{--header-image:url('/assets/headers/process.svg');--pattern-size:128%}
.sub-hero[data-pattern="news"]{--header-image:url('/assets/headers/news.svg');--pattern-size:136%;--pattern-opacity:.6}
.sub-hero[data-pattern="connect"]{--header-image:url('/assets/headers/connect.svg');--pattern-size:128%;--pattern-opacity:.6}
.sub-hero[data-pattern-crop="1"]{--pattern-shift:-14px}
.sub-hero[data-pattern-crop="2"]{--pattern-shift:14px}
@keyframes header-arrive{from{opacity:0;transform:translate(18px,calc(var(--pattern-shift) + 8px)) scale(1.02)}to{opacity:var(--pattern-opacity);transform:translateY(var(--pattern-shift))}}
@media(prefers-reduced-motion:reduce){.sub-hero:not(.pale)::before{animation:none}}
.sub-hero:not(.pale)>.breadcrumbs,.sub-hero:not(.pale)>.sub-hero-grid{position:relative;z-index:1}
.sub-hero:not(.pale) .sub-hero-grid{grid-template-columns:minmax(0,1fr);gap:0}
.system-figure{margin:0;width:100%;min-width:0}
.system-figure picture{display:block;overflow:hidden;border-radius:3px;background:var(--ice);border:1px solid #dce5ec}
.system-figure img{width:100%;height:auto}
.system-figure figcaption{display:flex;gap:11px;align-items:baseline;font-size:13px;line-height:1.6;color:var(--muted);padding:17px 0 0}
.figure-key{width:7px;height:7px;background:#00a1f2;flex-shrink:0}
.system-figure+.detail-grid,.system-figure+.product-grid,.system-figure+.process-steps{margin-top:52px}
.agents-section>.system-figure{margin-top:60px}
.dark-section .system-figure figcaption,.agents-section .system-figure figcaption{color:#bed0e9}
.diagram-section{background:var(--ice);color:var(--ink)}
.diagram-section .eyebrow{color:#0879b3}
.diagram-section .section-intro,.diagram-section .system-figure figcaption{color:var(--muted)}
.diagram-section .section-heading{align-items:flex-start}
.diagram-section .section-heading h2{max-width:630px}
.visual-story{display:grid;grid-template-columns:1.1fr 1fr;background:white;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.context-graphic{margin:0;padding:12px;min-width:0;background:var(--ice);align-content:center}
.context-scene{display:block;width:100%;height:auto}
.visual-story-copy{padding:65px var(--gutter) 65px 65px;align-self:center}
.visual-story-copy .eyebrow{color:#0879b3;font-size:12px}
.visual-story-copy h2{font-size:clamp(34px,3.5vw,51px)}
.visual-story-copy p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);margin:24px 0 27px;max-width:480px}
.visual-method{padding-top:65px;padding-bottom:65px}
.engineering-examples{padding-top:18px}
.engineering-example{padding:32px 0 38px;border-top:1px solid var(--line)}
.engineering-example:last-child{padding-bottom:0}
.engineering-example-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:25px}
.engineering-example-heading>div{display:flex;gap:22px;align-items:baseline}
.engineering-example-heading .card-number{font-size:14px;color:#0879b3;flex-shrink:0}
.engineering-example h3{font-size:27px;line-height:1.3;letter-spacing:-.025em}
.engineering-example-heading>p{font-size:18px;line-height:1.6;color:var(--muted)}
.engineering-example-details{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:36px;margin:0}
.engineering-example-details dt{font-size:14px;color:#0879b3;margin-bottom:12px;font-weight:500}
.engineering-example-details dd{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
@media(max-width:800px){.engineering-example-heading{grid-template-columns:1fr;gap:18px}.engineering-example-details{grid-template-columns:1fr;gap:23px}.engineering-example h3{font-size:24px}.engineering-example-heading>p{font-size:17px}}
@media(min-width:1700px){.visual-story-copy{padding-right:max(var(--gutter),calc((100vw - 1500px)/2))}}
@media(max-width:1100px){.visual-story-copy{padding:45px}.visual-story{min-height:410px}}
@media(max-width:800px){.sub-hero:not(.pale)::before{right:-140px;mask-image:linear-gradient(90deg,transparent 22%,#0003 64%,#0009 100%)}.visual-story{grid-template-columns:1fr}.visual-story-copy{padding:40px var(--gutter) 55px}.context-graphic{padding:10px}.system-figure+.detail-grid,.system-figure+.product-grid,.system-figure+.process-steps{margin-top:37px}.agents-section>.system-figure{margin-top:42px}}
@media(max-width:600px){.system-figure picture{max-width:500px;margin:auto}.system-figure figcaption{font-size:12px}.visual-story-copy p:not(.eyebrow){font-size:16px}}