/* Second composition: object-led opening, editorial narrative and spatial inventory. */
.su-v2 { --bg:#0c0f0d; --accent:#74ffb0; --signal:#74ffb0; --muted:#acb7b0; }
.su-v2 h2 span { color:var(--ink); }
.su-v2 .su-section { padding-block:125px; }
.su-v2 .su-section-label { margin-bottom:65px; }
.su-v2 .su-kicker { font-size:10px; letter-spacing:.06em; }
.su-v2 .su-cinematic { max-width:none; padding-top:120px; background:radial-gradient(ellipse at 75% 48%,#24322a44,transparent 55%),#0c0f0d; }
.su-hero-scene { position:relative; min-height:720px; isolation:isolate; }
.su-v2 .su-hero-copy { width:39%; padding:125px 0 60px; }
.su-v2 h1 { font-size:100px; line-height:.9; }
.su-v2 h1 span { color:var(--ink); }
.su-v2 .su-hero-copy .su-lead { font-size:17px; max-width:37ch; margin-top:20px; }
.su-hero-thesis { font:600 24px/1.2 var(--font); margin-top:30px; }
.su-ghost { position:absolute; top:35px; left:0; max-width:none!important; white-space:nowrap; font:700 180px/.8 var(--display); color:#ffffff06; z-index:-1; }
.su-specimen { position:absolute; inset:0 -48px 0 28%; z-index:-1; overflow:hidden; }
.su-specimen-wire,.su-specimen-solid { position:absolute; inset:5% -12% 0 -6%; }
.su-specimen img { width:100%; height:100%; object-fit:contain; }
.su-specimen-solid { clip-path:inset(0 0 0 var(--cut,0%)); }
.su-orbit { position:absolute; width:75%; aspect-ratio:1; border:1px solid #74ffb018; border-radius:50%; top:15%; left:18%; transform:rotateX(65deg) rotateZ(-30deg); }
.su-orbit:before,.su-orbit:after { content:''; position:absolute; inset:15%; border:1px dashed #74ffb026; border-radius:50%; }
.su-orbit:after { inset:-13%; border-style:solid; opacity:.5; }
.su-specimen-cross { position:absolute; left:50%; top:50%; font:24px var(--mono); color:var(--accent); opacity:.6; }
.su-specimen figcaption { position:absolute; bottom:45px; right:48px; text-align:right; color:var(--muted); z-index:2; }
.su-view-controls,.su-inventory-controls { display:flex; gap:0; margin-top:18px; justify-content:flex-end; }
.su-view-controls[hidden],.su-inventory-controls[hidden] { display:none; }
.su-view-controls button,.su-inventory-controls button { background:#101713; color:var(--ink); border:1px solid #506357; min-height:44px; padding:10px 18px; font:11px var(--mono); }
.su-view-controls button[aria-pressed=true],.su-inventory-controls button[aria-pressed=true] { background:var(--accent); color:#0c0f0d; border-color:var(--accent); }
.su-specimen { pointer-events:none; }.su-specimen figcaption { pointer-events:auto; }
.su-v2 .su-hero-bottom { padding-block:22px; }
.su-v2 .su-story { padding-top:120px; }
.su-story-top { display:grid; grid-template-columns:.65fr 1.35fr; align-items:end; gap:40px; padding-bottom:65px; border-bottom:1px solid var(--line); }
.su-story-opening { font:400 26px/1.55 var(--font); color:var(--muted); }
.su-v2 .su-story h2 { font-size:132px; position:relative; width:fit-content; }
.su-story h2:after { content:''; position:absolute; height:3px; background:var(--accent); top:52%; left:-12px; right:-12px; transform:rotate(-5deg); transform-origin:left; }
.su-story-bottom { display:grid; grid-template-columns:1fr 1fr; gap:10%; padding-top:50px; }
.su-story-bottom .su-lead { max-width:27ch; font-size:30px; }
.su-v2 .su-intervention { background:#e2e7e1; color:#142019; position:relative; overflow:hidden; }
.su-intervention-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:7%; align-items:center; }
.su-detail-study { position:relative; min-height:600px; margin-left:-48px; overflow:hidden; background:#c4cdc5; }
.su-detail-study img { position:absolute; width:145%; height:100%; max-width:none; object-fit:cover; left:-25%; top:0; filter:grayscale(.7); }
.su-detail-study:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#c4cdc5 2%,transparent 25%); pointer-events:none; }
.su-detail-study figcaption { position:absolute; bottom:25px; left:48px; z-index:1; color:#2c4032; }
.su-detail-target { width:85px; height:85px; position:absolute; top:35%; left:58%; border:1px solid #14673b; z-index:1; }
.su-detail-target:after { content:''; position:absolute; top:50%; left:100%; width:100px; height:1px; background:#14673b; }
.su-v2 .su-repair-copy h2 { font-size:88px; }
.su-repair-copy h2 em { color:#24623e; font-style:normal; }
.su-repair-copy .su-lead { font-size:24px; margin-top:30px; }
.su-repair-copy>p:not(.su-kicker) { margin-top:22px; }
.su-v2 .su-repair .su-kicker { color:#24623e; }
.su-v2 .su-inventory-lab { background:#101713; }
.su-inventory-heading { display:flex; gap:60px; justify-content:space-between; align-items:end; }
.su-v2 .su-inventory-heading h2 { font-size:82px; }
.su-inventory-heading>p { width:33%; color:var(--muted); padding-bottom:8px; }
.su-inventory-stage { position:relative; min-height:570px; margin-top:65px; border-top:1px solid #3c5042; border-bottom:1px solid #3c5042; display:grid; grid-template-columns:1.3fr 1fr; gap:8%; align-items:center; }
.su-inventory-controls { position:absolute; left:0; top:0; margin:0; z-index:3; }
.su-rack-space { position:relative; height:500px; perspective:900px; }
.su-rack { position:absolute; inset:115px 20px 50px 30px; display:grid; grid-template-columns:repeat(6,1fr); grid-template-rows:repeat(4,1fr); gap:18px; transform:rotateX(45deg) rotateZ(-28deg); transform-style:preserve-3d; }
.su-crate { position:relative; display:block; background:#283e30; border:1px solid #789280; transform-style:preserve-3d; transform:translateZ(0); }
.su-crate:before { content:''; position:absolute; height:25px; left:-1px; right:-1px; bottom:-26px; background:#192a20; border:1px solid #789280; transform:rotateX(-90deg); transform-origin:top; }
.su-crate:after { content:''; position:absolute; width:25px; top:-1px; bottom:-1px; right:-26px; background:#1d3023; border:1px solid #789280; transform:rotateY(90deg); transform-origin:left; }
.su-crate i { position:absolute; width:30%; height:1px; background:#aac4b2; left:35%; top:50%; }
.su-digital-object { position:absolute; inset:0 -60px -20px -50px; opacity:0; transform:translateY(35px) scale(.8); }
.su-digital-object img { width:100%; height:100%; object-fit:contain; }
.su-data-orbit { position:absolute; inset:130px 50px; border:1px solid #74ffb040; transform:rotateX(65deg) rotateZ(-20deg); opacity:0; }
.su-inventory-readout { padding:65px 0 35px; }
.su-inventory-readout>.su-mono { color:var(--accent); margin-bottom:22px; }
.su-v2 .su-inventory-readout h3 { font:700 44px/1.03 var(--display); }
.su-inventory-readout p { margin-top:18px; font-size:17px; color:var(--muted); }
.su-inventory-data-copy { display:none; }
.su-inventory-stage[data-inventory=data] .su-inventory-stock-copy { display:none; }
.su-inventory-stage[data-inventory=data] .su-inventory-data-copy { display:block; }
.su-inventory-stage[data-inventory=data] .su-rack { opacity:0; }
.su-inventory-stage[data-inventory=data] .su-digital-object { opacity:1; transform:none; }
.su-inventory-stage[data-inventory=data] .su-data-orbit { opacity:1; }
.su-v2 .su-filetree { min-height:0; padding:25px 0 0; font-size:11px; color:var(--muted); }
.su-inventory-stage[data-inventory=data] .su-filetree { color:var(--accent); }
.su-inventory-foot { display:grid; grid-template-columns:1fr 1fr; gap:10%; margin-top:38px; }
.su-inventory-foot>p:first-child { font-size:22px; }.su-inventory-foot>p+p { margin:0; }
.su-v2 .su-data-chain { margin-top:50px; }
.su-order-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:60px; }
.su-order-symbol { font:400 320px/.9 var(--display); color:var(--accent); align-self:center; }
.su-v2 .su-order h2 { font-size:100px; }
.su-order-layout .su-lead { margin-top:35px; }
.su-order-layout p:not(.su-kicker) { max-width:55ch; }
.su-demand-track { display:flex; align-items:center; gap:30px; border-top:1px solid var(--line); padding-top:32px; margin-top:65px; justify-content:space-between; font:600 23px var(--font); }
.su-demand-track i { color:var(--accent); font-style:normal; }
.su-v2 .su-production { background:#111a14; }
.su-v2 .su-process-grid { grid-template-columns:1.1fr 1fr; gap:10%; }
.su-v2 .su-process-visual h2 { font-size:62px; }
.su-production-device { margin-top:32px; border:1px solid #3c5544; background:#0b100d; }
.su-device-top { display:flex; justify-content:space-between; gap:20px; padding:15px 18px; border-bottom:1px solid #3c5544; color:var(--muted); }
.su-device-asset { height:260px; position:relative; overflow:hidden; background:linear-gradient(#74ffb006 1px,transparent 1px),linear-gradient(90deg,#74ffb006 1px,transparent 1px); background-size:32px 32px; }
.su-device-asset img { width:100%; height:125%; margin-top:-35px; object-fit:contain; }
.su-device-step { position:absolute; bottom:4px; right:18px; color:#74ffb02b; font:700 132px/1 var(--display); }
.su-device-scan { position:absolute; width:1px; background:var(--accent); top:12%; bottom:12%; left:12%; box-shadow:0 0 20px #74ffb060; }
.su-v2 .su-network { height:75px; margin:0; padding:0 15px; }
.su-route-node.is-active { fill:var(--accent); r:8px; }
.su-v2 .su-progress { margin:18px 0; }
.su-v2 .su-stages li { min-height:215px; padding:35px 0; }
.su-v2 .su-stage-number { font-size:60px; color:#668471; }
.su-v2 .su-stages li.is-active { border-color:var(--accent); }
.su-v2 .su-stages h3 { font-size:26px; }
.su-network-layout { display:grid; grid-template-columns:1fr 1fr; gap:6%; align-items:center; }
.su-v2 .su-network-copy h2 { font-size:105px; }
.su-network-copy .su-lead { font-size:21px; margin-top:35px; }
.su-network-map svg { width:100%; }
.su-network-notes { border-top:1px solid var(--line); margin-top:65px; }
.su-network-notes p { display:grid; grid-template-columns:240px 1fr; max-width:none; border-bottom:1px solid var(--line); margin:0!important; padding:24px 0; color:var(--muted); gap:30px; }
.su-network-notes strong { color:var(--ink); font-size:21px; }
.su-v2 .su-material-console { background:#dfe5de; color:#17251c; --line:#a6b7aa; --muted:#405b48; --accent:#1c6037; --signal:#1c6037; }
.su-v2 .su-material-console h2 { font-size:78px; }
.su-v2 .su-material-console h2 span { color:#1c6037; }
.su-material-console .su-material-fields { border:1px solid #a6b7aa; padding:0 24px 24px; background:#d4ddd3; }
.su-material-console .su-material-fields details:first-child { border:0; }
.su-material-console .su-editorial>div:first-child>.su-mono { color:#405b48; }
.su-v2 .su-last-word { padding-block:150px; }
.su-v2 .su-last-word h2 { font-size:130px; line-height:.9; margin-left:8%; margin-bottom:75px; }
.su-v2 .su-last-word h2 span { color:#7c9184; }
.su-last-word .su-editorial { margin-left:8%; grid-template-columns:1fr 1fr; }
.su-last-word .su-boundary { margin-left:8%; border-left:0; border-top:1px solid var(--line); padding:28px 0; }
.su-v2 .su-reference { padding-top:20px; }.su-reference h2 { font-size:48px; }
.su-v2 .su-cta { background:var(--accent); color:#0b160f; padding-block:100px; }
.su-v2 .su-cta h2 { font-size:115px; }.su-v2 .su-cta h2 span { color:inherit; }
.su-v2 .su-cta .su-kicker { color:#164b2a; }
.su-v2 .su-cta .su-button { background:#101b13; color:#effaf2; }
.su-v2 .su-cta .su-link { border-color:#24643c; }
.su-v2 .su-cta a:focus-visible { outline-color:#102517; }
.su-v2 .su-cta .su-link:hover { color:#164b2a; }
@media (min-width:1800px) { .su-v2 .su-hero-copy { max-width:630px; padding-top:160px; } .su-v2 h1 { font-size:128px; } .su-hero-scene { min-height:900px; }.su-specimen { left:30%; }.su-ghost { font-size:250px; } }
@media (max-width:1199px) { .su-v2 h1 { font-size:80px; }.su-v2 .su-hero-copy { width:43%; }.su-v2 .su-story h2 { font-size:100px; }.su-story-opening { font-size:22px; }.su-v2 .su-repair-copy h2 { font-size:68px; }.su-v2 .su-inventory-heading h2 { font-size:66px; }.su-v2 .su-order h2 { font-size:76px; }.su-v2 .su-network-copy h2 { font-size:84px; }.su-v2 .su-material-console h2 { font-size:62px; }.su-v2 .su-last-word h2 { font-size:100px; }.su-order-symbol { font-size:240px; }.su-specimen { left:25%; } }
@media (max-width:1023px) { .su-v2 .su-section { padding-block:80px; }.su-v2 .su-process-grid { grid-template-columns:1fr; }.su-hero-scene { min-height:720px; }.su-v2 .su-hero-copy { padding-top:110px; width:48%; }.su-v2 h1 { font-size:68px; }.su-specimen { left:24%; top:80px; right:-80px; bottom:40px; }.su-specimen figcaption { bottom:0; }.su-v2 .su-story h2 { font-size:78px; }.su-story-top { gap:25px; }.su-story-bottom .su-lead { font-size:25px; }.su-intervention-grid { gap:35px; }.su-detail-study { min-height:620px; }.su-v2 .su-inventory-heading h2 { font-size:56px; }.su-inventory-stage { gap:3%; grid-template-columns:1fr 1fr; }.su-rack { gap:12px; inset-inline:0; }.su-v2 .su-inventory-readout h3 { font-size:36px; }.su-v2 .su-network-copy h2 { font-size:72px; }.su-v2 .su-material-console h2 { font-size:48px; }.su-v2 .su-last-word h2 { font-size:85px; margin-left:0; }.su-last-word .su-editorial,.su-last-word .su-boundary { margin-left:0; }.su-v2 .su-cta h2 { font-size:90px; }.su-order-layout { grid-template-columns:.4fr 1.4fr; gap:30px; }.su-order-symbol { font-size:180px; } }
@media (max-width:767px) {
 .su-v2 .su-cinematic { padding-top:115px; }
 .su-hero-scene { min-height:1040px; display:flex; flex-direction:column; }
 .su-v2 .su-hero-copy { padding:65px 0 0; width:100%; }
 .su-v2 h1 { font-size:80px; }
 .su-hero-thesis { font-size:23px; margin-top:450px!important; }
 .su-v2 .su-hero-copy .su-lead { max-width:40ch; font-size:17px; }
 .su-ghost { font-size:85px; top:38px; }
 .su-specimen { left:-42px; right:-42px; top:225px; bottom:auto; height:470px; }
 .su-specimen-wire,.su-specimen-solid { inset:-10% -14% 0 -14%; }
 .su-specimen figcaption { bottom:0; right:42px; left:42px; text-align:left; }
 .su-specimen figcaption>.su-mono { font-size:9px; }
 .su-view-controls { justify-content:flex-start; margin-top:12px; }
 .su-specimen-cross { top:42%; }
 .su-v2 .su-hero-bottom { margin-top:0; }
 .su-v2 .su-section { padding-block:70px; }
 .su-v2 .su-section-label { margin-bottom:40px; }
 .su-story-top { grid-template-columns:1fr; gap:35px; padding-bottom:40px; }
 .su-v2 .su-story h2 { font-size:72px; }
 .su-story-opening { font-size:25px; }
 .su-story-bottom { grid-template-columns:1fr; gap:30px; padding-top:35px; }
 .su-story-bottom .su-lead { font-size:25px; }
 .su-story-bottom p { font-size:17px; }
 .su-intervention-grid { display:flex; flex-direction:column; gap:40px; }
 .su-detail-study { min-height:0; height:360px; width:calc(100% + 44px); margin:0 -22px; }
 .su-detail-study img { width:130%; left:-15%; }.su-detail-study figcaption { left:22px; }
 .su-v2 .su-repair-copy h2 { font-size:76px; }
 .su-repair-copy .su-lead { font-size:23px; }
 .su-repair-copy p { font-size:17px; }
 .su-inventory-heading { display:block; }.su-inventory-heading>p { width:auto; margin-top:26px; font-size:18px; }
 .su-v2 .su-inventory-heading h2 { font-size:53px; }
 .su-inventory-stage { grid-template-columns:1fr; gap:0; margin-top:35px; }
 .su-inventory-controls { left:0; right:0; justify-content:flex-start; }
 .su-inventory-controls button { font-size:10px; padding:10px 12px; }
 .su-rack-space { height:370px; margin-top:35px; }
 .su-rack { inset:110px 25px 40px; gap:13px; }
 .su-digital-object { inset:-10px -20px; }
 .su-inventory-readout { padding:5px 0 32px; }
 .su-v2 .su-inventory-readout h3 { font-size:40px; }
 .su-inventory-readout .su-filetree { display:none; }
 .su-inventory-foot { grid-template-columns:1fr; gap:25px; }.su-inventory-foot>p:first-child { font-size:21px; }
 .su-order-layout { grid-template-columns:1fr; gap:25px; }
 .su-order-symbol { font-size:110px; line-height:.7; }
 .su-v2 .su-order h2 { font-size:65px; }
 .su-order-layout .su-lead { font-size:24px; }
 .su-order-layout p { font-size:17px; }
 .su-demand-track { margin-top:35px; flex-wrap:wrap; font-size:17px; gap:16px; }
 .su-v2 .su-process-visual h2 { font-size:54px; }
 .su-v2 .su-stages li { min-height:0; padding-block:27px; }
 .su-v2 .su-stage-number { font-size:36px; }
 .su-v2 .su-stages h3 { font-size:24px; }
 .su-device-top { font-size:9px; padding:12px; }.su-device-asset { height:235px; }
 .su-network-layout { grid-template-columns:1fr; gap:25px; }
 .su-v2 .su-network-copy h2 { font-size:78px; }
 .su-network-map { margin:0 -10px; }
 .su-network-notes { margin-top:30px; }
 .su-network-notes p { grid-template-columns:1fr; gap:10px; font-size:17px; }
 .su-v2 .su-material-console h2 { font-size:58px; }
 .su-material-console .su-material-fields { padding-inline:16px; }
 .su-material-fields summary { font-size:18px; gap:12px; }
 .su-v2 .su-last-word h2 { font-size:66px; margin-bottom:45px; }
 .su-last-word .su-editorial { grid-template-columns:1fr; }
 .su-v2 .su-reference { padding-top:0; }
 .su-v2 .su-cta h2 { font-size:65px; }
 .su-v2 .su-cta { padding-block:70px; }
}
@media (max-width:389px) { .su-v2 h1 { font-size:68px; }.su-v2 .su-story h2 { font-size:62px; }.su-v2 .su-inventory-heading h2 { font-size:47px; }.su-v2 .su-order h2 { font-size:56px; }.su-v2 .su-material-console h2 { font-size:49px; }.su-v2 .su-last-word h2 { font-size:58px; }.su-v2 .su-cta h2 { font-size:56px; }.su-v2 .su-process-visual h2 { font-size:48px; }.su-hero-thesis { margin-top:440px!important; }.su-specimen { top:210px; }.su-hero-scene { min-height:1040px; } }
@media (max-width:349px) { .su-v2 h1 { font-size:62px; }.su-v2 .su-story h2 { font-size:55px; }.su-v2 .su-repair-copy h2 { font-size:62px; }.su-v2 .su-inventory-heading h2 { font-size:42px; }.su-v2 .su-network-copy h2 { font-size:66px; }.su-v2 .su-material-console h2 { font-size:43px; }.su-v2 .su-last-word h2 { font-size:52px; }.su-v2 .su-cta h2 { font-size:49px; }.su-v2 .su-process-visual h2 { font-size:42px; } }
@media (min-width:1024px) and (max-height:800px) { .su-v2 .su-process-visual h2 { font-size:49px; }.su-device-asset { height:180px; }.su-v2 .su-network { height:55px; }.su-production-device { margin-top:22px; } }
@media (prefers-reduced-motion:reduce) { .su-v2 .su-story h2:after { transform:rotate(-5deg); } }
.su-story h2:after { left:0; right:0; }
.su-digital-object img,.su-device-asset img,.su-specimen-wire img { filter:brightness(2.8); }
@media (max-width:767px) { .su-specimen-wire,.su-specimen-solid { inset:0 -3% 0 -3%; } }

.su-story-top { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); }
html[lang=en] .su-v2 .su-story h2 { font-size:110px; }
@media (max-width:1199px) { html[lang=en] .su-v2 .su-story h2 { font-size:88px; } }
@media (max-width:1023px) { html[lang=en] .su-v2 .su-story h2 { font-size:64px; } }
@media (max-width:767px) { .su-story-top { grid-template-columns:minmax(0,1fr); } html[lang=en] .su-v2 .su-story h2 { font-size:54px; } }
@media (max-width:389px) { html[lang=en] .su-v2 .su-story h2 { font-size:48px; } }
@media (max-width:349px) { html[lang=en] .su-v2 .su-story h2 { font-size:42px; } }
.su-specimen { z-index:2; }