:root{--paper:#f6f3ed;--ink:#1f1f1f;--charcoal:#454541;--muted:#6b665e;--rule:#e8e3da;--control:#fbfaf7;--hover:#eeeae3;--mono:'IBM Plex Mono',monospace;--sans:'Instrument Sans',sans-serif;--left:288px;--width:560px;--control-height:32px}

*{box-sizing:border-box}
html{background:var(--paper);scrollbar-gutter:stable}
body{margin:0;color:var(--ink);font:400 15px/23px var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,figure,ul{margin:0}
h1,h2,h3{font-weight:400}
ul{list-style:none;padding:0}
[hidden]{display:none!important}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:1px solid var(--charcoal);outline-offset:4px}
::selection{background:#d9d4ca}
.page-shell{position:relative;margin-left:var(--left);width:var(--width);padding:160px 0 128px;min-height:100svh}
.guides{position:absolute;left:-208px;top:0;height:100%;width:785px;pointer-events:none;z-index:-1;overflow:hidden}
.identity{position:fixed;left:96px;top:166px;display:block;width:128px;height:16px;z-index:2}
.identity img{display:block}
.statement{font:400 24px/30px var(--sans);letter-spacing:-.24px;margin-bottom:24px}
.rule{position:relative;height:1px;background:var(--rule);margin-left:-16px;width:calc(100% + 32px);pointer-events:none}
.full-rule{overflow:hidden;height:13px;margin-top:-6px;margin-bottom:-6px;background:linear-gradient(to bottom,transparent 6px,var(--rule) 6px,var(--rule) 7px,transparent 7px);width:100vw;margin-left:calc(-1 * var(--left))}
.section-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:58px;text-align:left;font:400 20px/26px var(--sans);letter-spacing:-.2px}
.toggle-icon{width:24px;height:26px;display:flex;align-items:center;justify-content:center}
.toggle-icon img{display:block}
.section-toggle:hover{color:var(--charcoal)}
.section-content{max-width:488px;padding-bottom:32px}
.copy-stack{display:flex;flex-direction:column;gap:16px}
.eyebrow{font:500 12px/18px var(--mono);letter-spacing:.48px;text-transform:uppercase;color:var(--charcoal)}
.control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);padding:0 16px;background:var(--control);border:1px solid var(--rule);border-radius:3px;font:500 11px/16px var(--mono);letter-spacing:.44px;text-transform:uppercase;white-space:nowrap;transition:background .15s ease}
.control:hover{background:var(--hover)}
.control:active{background:var(--rule)}
.work-action{margin-top:24px}
.copy-icon{flex:none;display:block}
.copy-label{position:relative;display:block}
.copy-label .original{display:block}
.feedback{position:absolute;inset:0;text-align:left;visibility:hidden}
.copy.is-copied .original{visibility:hidden}
.copy.is-copied .feedback{visibility:visible}
.information{display:grid;grid-template-columns:244px 212px;gap:32px;margin-top:32px}
.information .eyebrow{margin-bottom:16px}
.focus-list{line-height:28px}
.contacts{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.lower{padding-top:48px;display:flex;flex-direction:column;gap:48px}
.wave{position:relative;width:100%;aspect-ratio:560/300;isolation:isolate;overflow:hidden}
.footer-wrap{padding-bottom:48px}
.footer-wrap footer{margin-top:24px}
footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font:500 11px/16px var(--mono);letter-spacing:.44px;text-transform:uppercase}
footer small{font:inherit;color:var(--muted);white-space:nowrap}
.socials{display:flex;gap:20px;align-items:center;color:var(--charcoal)}
.socials a{display:flex;align-items:center;min-height:32px}
.view-mode{position:fixed;left:96px;bottom:44px;display:flex;gap:12px;align-items:center;padding:0 12px;height:var(--control-height);background:var(--charcoal);border-radius:3px;z-index:10;font:500 11px/16px var(--mono);letter-spacing:.44px;color:var(--paper);text-transform:uppercase;box-shadow:0 0 0 1px rgb(246 243 237 / 12%)}
.view-mode a{display:flex;align-items:center;gap:6px;height:100%;opacity:.78}
.view-mode a[aria-current],.view-mode a:hover{opacity:1}
.view-mode a:focus-visible{outline-color:var(--paper);outline-offset:3px}
.indicator{position:relative;display:block;width:10px;height:10px}
.indicator img{position:absolute;top:0;left:0}
.indicator .selected{top:2px;left:2px}
.machine .page-shell{padding-top:80px}
.machine .identity{top:86px}
.brief-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.brief-header .eyebrow{margin-bottom:4px}
.machine main{display:flex;flex-direction:column;gap:24px;line-height:21px}
.brief-header .copy{background:var(--rule);border:0;border-radius:0;padding:0 12px}
.brief-section{display:flex;flex-direction:column;gap:8px}
.machine .copy-stack{gap:12px}
.machine .focus-list{line-height:24px}
.system-title{font:inherit}
.machine-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.machine-links a{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--rule);font:500 11px/16px var(--mono);letter-spacing:.44px;text-transform:uppercase}
.machine-links a span{color:var(--muted);overflow-wrap:anywhere}
.machine-links a:hover{background:#ded8ce}
.updated{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-200%);background:var(--paper);z-index:100;padding:8px 12px}
.skip-link:focus{transform:none}
.copy-dialog{max-width:calc(100% - 40px);width:440px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:24px;font:400 15px/23px var(--sans)}
.copy-dialog::backdrop{background:#1f1f1f44}
.copy-dialog h2{font-size:20px;margin-bottom:12px}
.copy-dialog textarea{display:block;width:100%;height:160px;margin:16px 0;background:var(--control);border:1px solid var(--rule);font:13px/20px var(--mono);padding:12px;color:var(--ink)}

@media(min-width:1700px){:root{--left:calc((100vw - 1508px)/2 + 288px)}
.identity,.view-mode{left:calc((100vw - 1508px)/2 + 96px)}
}

@media(max-width:999px){:root{--left:20px;--width:min(560px,calc(100vw - 40px));--control-height:44px}
html{scrollbar-gutter:auto}
.page-shell,.machine .page-shell{margin:0 auto;padding:32px 0 calc(112px + env(safe-area-inset-bottom));min-height:100svh}
.guides{display:none}
.identity,.machine .identity{position:static;margin-bottom:32px}
.statement{margin-bottom:32px}
.rule,.full-rule{margin-left:0;width:100%}
.section-content{max-width:none}
.lower{padding-top:32px;gap:32px}
.footer-wrap{padding-bottom:0}
.footer-wrap>.rule{display:none}
.footer-wrap footer{margin-top:0}
footer{min-height:44px}
.socials a{min-height:44px}
.view-mode{left:20px;bottom:calc(46px + env(safe-area-inset-bottom))}
.brief-header{flex-wrap:wrap;gap:16px}
.machine-links a{min-height:44px;align-items:center;padding:8px}
}

@media(max-width:599px){.information{grid-template-columns:1fr;gap:32px}
.brief-header{flex-direction:column}
.machine-links a{display:block;width:100%}
.machine-links a span{display:block;margin-top:4px}
.wave{margin:0}
.socials{gap:20px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
}