@font-face{font-family:Industrial Host;src:url(/fonts/industrial/HostGrotesk-Variable.ttf)format("truetype");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:Industrial Plex;src:url(/fonts/industrial/ibm-plex-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}[data-style=industrial]{--role-page-ground:#cbd0d2;--role-alt-ground:#b6bec2;--role-surface:#e7eaeb;--role-surface-elevated:#f2f4f4;--role-surface-inset:#20272b;--role-rule:#414b52;--role-text-primary:#181e22;--role-text-secondary:#414b52;--role-text-muted:#414b52;--role-text-inverse:#f2f4f4;--role-accent:#f15b22;--role-accent-text:#181e22;--role-cta-fill:#e7eaeb;--role-cta-label:#181e22;--role-cta-secondary-fill:#cbd0d2;--role-tone-positive:#181e22;--role-tone-warning:#414b52;--role-tone-negative:#181e22;--role-font-display:"Industrial Host", sans-serif;--role-font-body:"Industrial Host", sans-serif;--role-font-label:"Industrial Plex", monospace;--role-display-size:28px;--role-display-weight:750;--role-display-tracking:-.045em;--role-body-size:17px;--role-body-leading:1.5;--role-label-size:12px;--role-label-weight:400;--role-label-tracking:.035em;--role-button-label-size:15px;--role-radius-control:4px;--role-radius-panel:10px;--role-hairline:1px;--role-space-unit:24px;--role-motion-duration:.14s;--role-motion-easing:cubic-bezier(.3, .7, .4, 1.25);--industrial-raised:inset 1px 1px 0 var(--role-text-inverse), inset -1px -1px 0 color-mix(in srgb, var(--role-rule) 30%, transparent), 1px 2px 1px color-mix(in srgb, var(--role-rule) 35%, transparent), 4px 5px 8px color-mix(in srgb, var(--role-rule) 15%, transparent);--industrial-recess:inset 2px 3px 4px color-mix(in srgb, var(--role-text-primary) 40%, transparent), 1px 1px 0 var(--role-text-inverse);--industrial-housing:inset 1px 1px 0 var(--role-text-inverse), inset -1px -1px 0 var(--role-alt-ground), 2px 3px 0 var(--role-alt-ground);--industrial-dial-shadow:inset 2px 2px 2px var(--role-text-inverse), inset -3px -3px 5px color-mix(in srgb, var(--role-rule) 25%, transparent), 6px 9px 8px color-mix(in srgb, var(--role-rule) 35%, transparent);--industrial-section-size:clamp(28px, 3.4cqw, 44px);--industrial-hero-size:clamp(42px, 7.3cqw, 106px);--industrial-measure:1280px;color:var(--role-text-primary);background:var(--role-page-ground);font-family:var(--role-font-body);font-size:var(--role-body-size);line-height:var(--role-body-leading);font-synthesis:none;-webkit-font-smoothing:antialiased;counter-reset:industrial-section;scrollbar-color:var(--role-rule) var(--role-page-ground);min-width:0}[data-style=industrial] ::selection{color:var(--role-text-inverse);background:var(--role-text-primary)}[data-style=industrial] .industrial-bay{min-width:0;padding:clamp(28px, 4cqw, 56px) max(clamp(18px, 3.5cqw, 48px), calc((100% - var(--industrial-measure)) / 2)) clamp(28px, 4cqw, 56px) max(clamp(32px, 5cqw, 72px), calc((100% - var(--industrial-measure)) / 2));border-inline:1px solid var(--role-alt-ground);background:var(--role-page-ground);color:var(--role-text-primary);box-shadow:inset 1px 0 0 var(--role-text-inverse);counter-increment:industrial-section;position:relative}[data-style=industrial] .industrial-bay:before{content:"";background:var(--role-alt-ground);width:1px;box-shadow:1px 0 0 var(--role-text-inverse);pointer-events:none;position:absolute;top:0;bottom:0;left:clamp(13px,2.2cqw,31px)}[data-style=industrial] .industrial-bay-number{background:var(--role-page-ground);color:var(--role-text-primary);font:400 10px/1.4 var(--role-font-label);pointer-events:none;padding-block:4px;position:absolute;top:clamp(30px,4.5cqw,60px);left:clamp(5px,1.5cqw,20px)}[data-style=industrial] .industrial-bay-number:before{content:counter(industrial-section, decimal-leading-zero) / ""}[data-style=industrial] .industrial-deck{background:var(--role-surface)}[data-style=industrial] .industrial-dark{background:var(--role-surface-inset);color:var(--role-text-inverse);box-shadow:var(--industrial-recess);border-color:var(--role-alt-ground)}[data-style=industrial] .industrial-vent{background:repeating-linear-gradient(90deg, var(--role-rule) 0 1px, var(--role-surface) 1px 2px, transparent 2px 7px);border-radius:3px;width:112px;max-width:100%;height:24px;display:block}[data-style=industrial] .industrial-screw{border:1px solid var(--role-alt-ground);background:linear-gradient(140deg, var(--role-surface) 42%, var(--role-rule) 43% 51%, var(--role-alt-ground) 52%);width:9px;height:9px;box-shadow:var(--industrial-recess);border-radius:50%;flex:0 0 9px;display:inline-block}[data-style=industrial] .industrial-dial{aspect-ratio:1;background:repeating-conic-gradient(from -45deg, var(--role-rule) 0 1deg, transparent 1deg 9deg);border-radius:50%;place-items:center;width:min(100%,260px);padding:18px;display:grid;position:relative}[data-style=industrial] .industrial-dial:before{content:"";background:var(--role-alt-ground);box-shadow:var(--industrial-recess);border-radius:50%;position:absolute;inset:8px}[data-style=industrial] .industrial-dial-key{z-index:1;border:1px solid var(--role-rule);background:linear-gradient(132deg, var(--role-surface-elevated), var(--role-surface) 58%, var(--role-page-ground));width:100%;height:100%;min-height:0;color:var(--role-text-primary);box-shadow:var(--industrial-dial-shadow);font:700 clamp(11px, 1.5cqw, 15px)/1.3 var(--role-font-body);cursor:pointer;transition:transform var(--role-motion-duration) var(--role-motion-easing), box-shadow var(--role-motion-duration);border-radius:50%;padding:22px 8px;position:relative}[data-style=industrial] .industrial-dial-key:before{content:"";background:var(--role-accent);border-radius:2px;width:4px;height:14px;position:absolute;top:12px;left:calc(50% - 2px)}[data-style=industrial] .industrial-dial-key:hover{transform:translateY(-2px)}[data-style=industrial] .industrial-dial-key:active{box-shadow:var(--industrial-recess);transform:translateY(1px)}[data-style=industrial] .industrial-dial-key:focus-visible{outline:3px solid var(--role-text-primary);outline-offset:5px}@media (prefers-reduced-motion:reduce){[data-style=industrial] *,[data-style=industrial] :before,[data-style=industrial] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-style=industrial] button:hover,[data-style=industrial] button:active,[data-style=industrial] a:hover,[data-style=industrial] a:active{transform:translate(0,0)!important}}[data-style=industrial] code,[data-style=industrial] kbd,[data-style=industrial] samp{font-family:var(--role-font-label);font-style:normal;font-weight:400}