.system-editorial{--sys-pad:clamp(18px,6vw,115px);background:var(--bg-primary);color:var(--text-primary)}
.system-editorial [id]{scroll-margin-top:95px}
.sys-hero,.sys-section{padding:clamp(52px,8vw,128px) var(--sys-pad);border-bottom:1px solid var(--line)}
.sys-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:clamp(22px,5vw,100px);min-height:620px}
.sys-hero h1,.sys-outro h2{font-size:clamp(52px,6.7vw,123px);line-height:.94;letter-spacing:-.077em}
.sys-hero .lede,.sys-heading .lede{max-width:48ch}
.sys-actions,.sys-index{display:flex;flex-wrap:wrap;gap:10px}
.sys-hero .sys-shot{box-shadow:0 28px 66px #0008}
.sys-index{padding:15px var(--sys-pad);gap:12px 26px;border-bottom:1px solid var(--line)}
.sys-index a{min-height:36px;display:flex;align-items:center;font:600 12px/1.3 monospace;color:var(--text-secondary)}
.sys-index a:hover{color:var(--text-primary)}
.sys-section{--sys-ink:var(--text-primary);--sys-muted:var(--text-secondary);--sys-border:var(--border-dark)}
.sys-light{background:var(--surface-editorial);color:var(--text-on-paper);--sys-ink:var(--text-on-paper);--sys-muted:var(--text-muted-on-paper);--sys-border:var(--border-light);--line:var(--border-light);--muted:var(--text-muted-on-paper)}
.sys-light .tag{color:var(--text-muted-on-paper)}
.sys-light :focus-visible{outline-color:var(--graphite)}
.sys-light .primary{background:var(--graphite);color:var(--text-primary)}
.sys-light .primary:hover{background:var(--bg-primary)}
.sys-heading{max-width:850px;margin-bottom:clamp(24px,4vw,56px)}
.sys-heading h2{font-size:clamp(38px,5.4vw,89px);line-height:.98}
.sys-shot{margin:0;border:1px solid var(--sys-border,var(--border-dark));border-radius:8px;overflow:hidden;background:var(--bg-secondary);color:var(--text-primary);min-width:0}
.sys-shot img{width:100%;height:auto;display:block;aspect-ratio:auto 16/10;object-fit:contain}
.sys-shot figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 16px;padding:10px 14px;font-size:13px;border-top:1px solid var(--border-dark)}
.sys-shot figcaption span{color:var(--text-secondary)}
.sys-gallery{max-width:1300px}
.sys-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.sys-tabs[hidden],.sys-slide[hidden]{display:none}
.sys-tabs button{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--sys-border);border-radius:5px;color:var(--sys-ink);background:transparent;text-align:left}
.sys-tabs button small{font:600 11px monospace;opacity:.75}
.sys-tabs button[aria-selected=true]{color:var(--bg-primary);background:var(--accent)}
.sys-light .sys-tabs button[aria-selected=true]{background:var(--graphite);color:var(--text-primary)}
.sys-slide-copy,.sys-note{color:var(--sys-muted);margin:12px 0 18px;max-width:80ch}
.sys-slide-copy strong{color:var(--sys-ink);margin-inline-end:6px}
.sys-pixel{background:var(--bg-secondary)}
.sys-pixel .sys-shot{max-width:1450px}
.sys-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(22px,6vw,105px)}
.sys-split .sys-heading{margin-bottom:22px}
.sys-services details{border-top:1px solid var(--sys-border);padding:13px 0}
.sys-services summary{min-height:32px;font-size:clamp(16px,2.4vw,24px);font-weight:650}
.sys-services p{color:var(--sys-muted)}
.sys-services .button{margin-top:18px}
.sys-hardware .sys-shot img{max-height:420px;object-fit:cover}
.sys-outro h2{max-width:15ch}
.brand .official-logo{width:85px;height:43px;object-fit:contain;filter:grayscale(1) invert(1);display:block}
@media(prefers-reduced-motion:no-preference){.sys-slide:not([hidden]){animation:sys-reveal .35s ease-out both}@keyframes sys-reveal{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:850px){.sys-hero,.sys-split{grid-template-columns:minmax(0,1fr)}.sys-hero{min-height:0}.sys-hero h1{font-size:clamp(50px,9vw,86px)}}
@media(max-width:400px){.sys-hero h1{font-size:clamp(42px,12vw,49px)}.sys-tabs button{flex:1 1 42%;padding-inline:8px}.sys-index{gap:3px 15px}.sys-actions a{width:100%}}

@media(min-width:851px){.sys-hero{padding-block:clamp(55px,6vw,96px)}.sys-hero h1{font-size:clamp(50px,5.75vw,112px)}}

.sys-shot-link{display:block;position:relative}
.sys-shot-link>span{position:absolute;inset:auto 10px 10px auto;padding:6px 9px;border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:12px}
.sys-shot-link:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}
.sys-clip{margin:clamp(20px,4vw,54px) 0 0;max-width:960px}
.sys-clip video{display:block;width:100%;height:auto;background:var(--bg-primary);object-fit:contain;border-radius:8px}
.sys-clip figcaption{margin-top:10px;display:flex;gap:8px 14px;flex-wrap:wrap}
.sys-clip figcaption span,.sys-evidence p{color:var(--sys-muted)}
.sys-evidence{margin-top:24px;max-width:960px}
.sys-evidence summary{padding:10px 0;cursor:pointer}
.sys-support .sys-shot{max-width:375px;justify-self:center}
#system-image-dialog{width:min(94vw,1160px);max-height:92dvh;padding:14px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:8px}
#system-image-dialog::backdrop{background:#000b}
.system-image-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.system-image-tools h2{font-size:clamp(16px,2vw,24px);letter-spacing:normal;margin-right:auto}
.system-image-tools form{margin:0}
.system-image-scroll{overflow:auto;max-height:67dvh;border:1px solid var(--border-dark);background:var(--bg-primary)}
.system-image-scroll img{display:block;width:100%;height:auto;margin-inline:auto}
.system-image-scroll.zoomed img{width:max(100%,var(--capture-width));max-width:none}
#system-image-dialog>p{font-size:13px;color:var(--text-secondary);margin:8px 0 0}