.x-engineering{display:block;position:relative;padding:clamp(90px,12vw,200px) var(--gutter) 90px;background:var(--void);border-bottom:1px solid var(--border);overflow:hidden}.x-engineering-head{max-width:1000px}.x-engineering-head h2{font-size:clamp(56px,9vw,170px);margin:24px 0 30px}.x-engineering-head>p:last-child{max-width:520px;color:var(--muted);font-size:18px}.x-force-field{position:relative;margin:30px 0;aspect-ratio:1000/380;min-height:210px}.x-force-field canvas,.x-force-field svg{position:absolute;width:100%;height:100%;inset:0}.x-force-field svg{fill:none;stroke-width:1}.x-deck-outline{stroke:var(--chrome)}.x-force-path{stroke:var(--red);stroke-width:2}.x-force-axis{stroke:var(--border);stroke-dasharray:3 9}.x-field-caption{position:absolute;bottom:0;right:0;font-size:10px}.x-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.x-metrics>div{padding:28px 0;border-top:1px solid var(--border)}.x-metrics strong{display:block;font:clamp(90px,15vw,275px)/1 var(--font-display);letter-spacing:-.04em;color:var(--white)}.x-metrics strong span{font-size:.38em;letter-spacing:0}.x-metrics p{font:12px/1.5 var(--font-mono);letter-spacing:.12em;margin-top:20px}.x-method{font:12px/1.7 var(--font-mono);color:var(--muted);max-width:90ch;margin:25px 0}.x-comparison-controls{display:flex;align-items:center;gap:24px;margin:30px 0}.x-comparison-controls label{margin:0}.x-chart{margin:40px 0}.x-chart h3{font:15px var(--font-mono);margin-bottom:25px}.x-bar-row{display:grid;grid-template-columns:190px 1fr 65px;align-items:center;gap:24px;margin:22px 0;font:13px var(--font-mono)}.x-bar-row>div{height:26px;border-right:1px solid var(--border);background:var(--surface)}.x-bar-row i{display:block;height:100%;background:var(--chrome)}.x-bar-row:last-child i{background:var(--red)}.x-pending{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:10px 0 25px}.x-pending p{font-size:13px;color:var(--muted);margin:10px 0}.x-pending button{font-size:12px}.x-material-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:6vw;margin-top:60px}.x-layer-visual{position:relative;height:450px;perspective:1000px;overflow:hidden}.x-layer{position:absolute;left:12%;right:12%;top:45%;height:70px;border:1px solid var(--layer-color);background:var(--surface);transform:rotate(-18deg) skewX(-22deg) translateY(calc(var(--layer) * (7px + var(--separation,0) * 24px) - var(--separation,0) * 90px));transition:transform .35s ease}.x-layer img{width:100%;height:100%;object-fit:contain}.x-layer-descriptions details>summary span{font:12px var(--font-mono);color:var(--muted);padding-right:15px}.x-layer-descriptions button{margin-top:28px}
@media(max-width:767px){.x-engineering{padding-top:90px;padding-bottom:64px}.x-metrics{gap:20px}.x-metrics strong{font-size:clamp(70px,21vw,140px)}.x-metrics p{font-size:10px;letter-spacing:.05em}.x-force-field{margin:40px -15px}.x-field-caption{font-size:8px}.x-bar-row{grid-template-columns:1fr 48px;gap:12px}.x-bar-row>span{grid-column:1/-1}.x-pending,.x-material-layout{grid-template-columns:1fr}.x-layer-visual{height:350px}.x-material-layout{margin-top:25px;gap:20px}.x-comparison-controls{align-items:stretch;flex-direction:column;gap:12px}}

.x-layer{height:35px;top:30%;transform:rotate(-18deg) skewX(-22deg) translateY(calc(var(--layer) * (5px + var(--separation,0) * 20px)))}

.x-layer{border-radius:45% / 35%;overflow:hidden;box-shadow:0 3px 5px #0005}.x-layer img{object-fit:cover}.x-layer-visual{height:450px}.x-layer{height:48px;left:7%;right:7%;top:24%}
@media(max-width:767px){.x-layer-visual{height:380px}.x-layer{left:9%;right:9%;top:20%;height:40px}}
@media(prefers-reduced-motion:reduce){.x-layer{transition:none}}