.ax-case{max-width:1600px;margin:auto;padding:0 4vw}.ax-intro{padding:55px 0}.ax-label,.ax-meta,.ax-fig figcaption,.ax-link,.ax-flow span,.ax-colour small{font:11px/1.55 "IBM Plex Mono",monospace;text-transform:uppercase}.ax-kicker{display:flex;justify-content:space-between;gap:20px}.ax-intro h1{font-size:clamp(60px,10.2vw,160px);line-height:.86;letter-spacing:-.065em;margin:48px 0}.ax-lead{display:grid;grid-template-columns:1.7fr 1fr;gap:8vw}.ax-lead>p{font-size:clamp(23px,2.3vw,36px);line-height:1.18;margin:0}.ax-meta{display:grid;gap:18px}.ax-meta dt{opacity:.55}.ax-meta dd{margin:0}.ax-fig{margin:0;min-width:0}.ax-fig img,.ax-fig video{display:block;width:100%;height:auto}.ax-fig video{object-fit:contain;background:#050b13}.ax-fig figcaption{font-size:10px;opacity:.68;margin:12px 0 0}.ax-chapter{padding:64px 0;border-top:1px solid #bcb9b3}.ax-chapter h2{font-size:clamp(38px,5.3vw,80px);line-height:.98;letter-spacing:-.05em;max-width:1100px;margin:22px 0 28px}.ax-body{font-size:19px;line-height:1.5;max-width:800px;margin:0 0 34px}.ax-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.ax-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ax-stack{margin-top:24px}.ax-dark{background:#050b13;color:#f8f8f3;margin:0 -4vw;padding:64px 4vw}.ax-dark .ax-label{color:#d8ff3e}.ax-lockup{display:grid;grid-template-columns:1fr 2.5fr;align-items:center;gap:8%;padding:80px 6%;border:1px solid #33404e}.ax-lockup img{width:100%;height:auto;filter:invert(1)}.ax-analysis{background:#e2dfd8;padding:35px}.ax-analysis img{width:100%;height:auto;max-height:250px;object-fit:contain}.ax-analysis p{font:11px/1.5 "IBM Plex Mono",monospace;text-transform:uppercase;margin:25px 0 0}.ax-clear{position:relative;background:#e2dfd8;padding:12%;min-height:360px;display:grid;place-items:center}.ax-clear svg{display:block;width:100%;height:auto;max-width:520px}.ax-clear img{width:min(280px,65%);height:auto;outline:1px dashed #8b8983;outline-offset:32px}.ax-clear::before,.ax-clear::after{content:"";position:absolute;opacity:.22;background:#111}.ax-clear::before{height:1px;width:84%;left:8%;top:50%}.ax-clear::after{width:1px;height:84%;top:8%;left:50%}.ax-rules{font-size:18px;line-height:1.5;padding:10px 0 0}.ax-rules h3{font-size:28px;letter-spacing:-.03em;margin:0 0 20px}.ax-scale{display:flex;align-items:center;gap:36px;margin-top:35px;min-height:80px}.ax-scale img{height:auto}.ax-palettes{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0;margin:35px 0}.ax-colour{min-height:230px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.ax-colour b{font-size:27px;letter-spacing:-.03em}.ax-type{font-size:clamp(36px,5vw,75px);line-height:.95;letter-spacing:-.055em;margin:40px 0}.ax-link{display:inline-block;padding:15px 0;border-bottom:1px solid currentColor;text-decoration:none;margin-top:20px}.ax-link:hover{color:#a6532a}.ax-link:focus-visible{outline:2px solid #a6532a;outline-offset:7px}.ax-flow{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ax-flow li{border-top:1px solid #838079;padding-top:16px;min-height:80px}.ax-flow b{font-size:22px;letter-spacing:-.025em;display:block;margin-top:10px}.ax-note{font:11px/1.65 "IBM Plex Mono",monospace;opacity:.7;max-width:780px}.ax-next{padding:65px 0}.ax-next a{display:block;font-size:clamp(36px,4vw,65px);letter-spacing:-.04em;margin-top:20px}.ax-trio .ax-fig img{background:#050b13}.ax-screens{background:#050b13;padding:24px}.ax-screens .ax-fig figcaption{color:#f8f8f3}.ax-motion-head{margin:30px 0 20px;font-size:28px;letter-spacing:-.03em}@media(max-width:700px){.ax-intro{padding:35px 0}.ax-kicker{font-size:9px}.ax-intro h1{margin:34px 0}.ax-lead,.ax-pair{grid-template-columns:1fr;gap:26px}.ax-meta{grid-template-columns:1fr 1fr}.ax-trio{grid-template-columns:1fr;gap:28px}.ax-analysis{padding:28px}.ax-analysis img{max-height:200px}.ax-lockup{padding:45px 7%;gap:8%;grid-template-columns:1fr 2.5fr}.ax-palettes{grid-template-columns:1fr}.ax-colour{min-height:150px}.ax-flow{grid-template-columns:repeat(2,1fr)}.ax-chapter,.ax-dark{padding-top:42px;padding-bottom:42px}.ax-body{font-size:17px}.ax-screens{padding:16px}.ax-clear{min-height:320px}}