.ds-hero{padding-block:72px 56px}.ds-hero-h{max-width:18ch}.ds-hero-sub{max-width:62ch;color:var(--aj-ink-2);margin-top:18px;font-size:17px}.ds-hero-marks{flex-wrap:wrap;align-items:flex-end;gap:52px;margin-top:44px;display:flex}.ds-hero-marks figure{justify-items:center;gap:12px;margin:0;display:grid}.ds-hero-marks img{width:auto}.ds-hero-marks figcaption{font-family:var(--aj-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--aj-muted);font-size:10.5px}@media (width<=560px){.ds-hero-marks{gap:26px}}.ds-h3{font-family:var(--aj-font-display);color:var(--aj-brand-700);margin:0 0 10px;font-size:20px;font-weight:700}.ds-h3-top{margin-top:44px}.aj-section-dark .ds-h3{color:var(--aj-accent-300)}.ds-p{color:var(--aj-ink-2);max-width:62ch;margin:0 0 14px;font-size:15px;line-height:1.65}.ds-p-narrow{max-width:58ch;margin-top:26px}.ds-principles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:30px;display:grid}.ds-principle{background:var(--aj-white);border:1px solid var(--aj-line);border-radius:var(--aj-radius-lg);padding:22px}.ds-principles{align-items:stretch}.ds-principle-n{font-family:var(--aj-font-mono);color:var(--aj-accent-700);letter-spacing:.08em;font-size:12px}.ds-principle h3{margin:10px 0 8px;font-size:17px;line-height:1.25}.ds-principle p{color:var(--aj-ink-2);margin:0;font-size:14px;line-height:1.6}.ds-cuts{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:30px;display:grid}.ds-cut{border:1px solid var(--aj-line);border-radius:var(--aj-radius-lg);background:var(--aj-white);flex-direction:column;margin:0;display:flex;overflow:hidden}.ds-cut-stage{background:var(--aj-paper-2);place-items:center;padding:34px 20px;display:grid}.ds-cut-stage img{width:auto;height:150px}.ds-cut figcaption{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.ds-cut .ds-dl{align-self:flex-start;margin-top:auto}.ds-cut .ds-atsize{margin-top:auto}.ds-cut-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ds-cut-head strong{font-family:var(--aj-font-display);color:var(--aj-brand-700);font-size:17px}.ds-rule{font-family:var(--aj-font-mono);color:var(--aj-accent-700);letter-spacing:.04em;font-size:11px}.ds-cut p{color:var(--aj-ink-2);margin:10px 0 14px;font-size:14px;line-height:1.6}.ds-dl{font-family:var(--aj-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--aj-brand-600);border:1px solid var(--aj-line-2);border-radius:var(--aj-radius-sm);padding:5px 10px;font-size:11px;display:inline-block}.ds-dl:hover{border-color:var(--aj-brand-500);color:var(--aj-brand-700)}.ds-two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:44px;margin-top:46px;display:grid}.ds-grid-svg{width:100%;max-width:320px}.ds-clear{background:var(--aj-paper-2);border:1px solid var(--aj-line);border-radius:var(--aj-radius-lg);place-items:center;padding:26px;display:grid}.ds-clear-box{border:1px dashed var(--aj-accent-600);place-items:center;padding:12px;display:grid}.ds-clear-box img{width:auto;height:96px}.ds-list{color:var(--aj-ink-2);margin:16px 0 0;padding-inline-start:18px;font-size:14px;line-height:1.8}.ds-list strong{color:var(--aj-brand-700)}.ds-list-dark{color:#fbfaf7d1}.ds-list-dark strong{color:var(--aj-accent-300)}.ds-donts{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:20px;display:grid}.ds-dont p{color:var(--aj-ink-2);margin:10px 0 0;font-size:13px;line-height:1.6}.ds-dont strong{color:#9f3a2f}.ds-dont-stage{background:var(--aj-paper-2);border:1px solid var(--aj-line);border-radius:var(--aj-radius);place-items:center;height:130px;display:grid;position:relative;overflow:hidden}.ds-dont-stage:after{content:"";background:linear-gradient(to top right,#0000 calc(50% - 1px),#9f3a2f80 50%,#0000 calc(50% + 1px));position:absolute;inset:0}.ds-dont-tile img{background:var(--aj-brand-600);box-sizing:content-box;border-radius:14px;padding:12px}.ds-lockups{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:30px;display:grid}.ds-lockup{border:1px solid var(--aj-line);border-radius:var(--aj-radius-lg);background:var(--aj-white);flex-direction:column;margin:0;display:flex;overflow:hidden}.ds-lockup-stage{flex:none;place-items:center;min-height:128px;padding:30px 26px;display:grid}.ds-lockup-stage img{width:auto;max-width:100%;max-height:62px}.ds-lockup-dark .ds-lockup-stage{background:var(--aj-brand-900)}.ds-lockup figcaption{border-top:1px solid var(--aj-line);flex-direction:column;flex:1;padding:16px 20px 18px;display:flex}.ds-lockup .ds-dl{align-self:flex-start;margin-top:auto}.ds-lockup figcaption strong{font-family:var(--aj-font-display);color:var(--aj-brand-700);font-size:15px}.ds-lockup figcaption p{color:var(--aj-ink-2);margin:6px 0 12px;font-size:13px;line-height:1.6}.ds-swatches{grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:16px;margin-top:18px;display:grid}.ds-swatch{border:1px solid var(--aj-line);border-radius:var(--aj-radius-lg);background:var(--aj-white);overflow:hidden}.ds-swatch-chip{height:76px}.ds-swatch-body{padding:14px 16px 16px}.ds-swatch-body code{font-family:var(--aj-font-mono);color:var(--aj-brand-700);font-size:13px;font-weight:500}.ds-swatch-token{font-family:var(--aj-font-mono);color:var(--aj-muted);margin-top:2px;font-size:11px}.ds-swatch-body p{color:var(--aj-ink-2);margin:8px 0 10px;font-size:13px;line-height:1.5}.ds-ratios{font-family:var(--aj-font-mono);gap:4px;margin:0;font-size:11px;display:grid}.ds-ratios>div{justify-content:space-between;gap:8px;display:flex}.ds-ratios dt{color:var(--aj-muted);margin:0}.ds-ratios dd{color:var(--aj-brand-700);margin:0}.ds-ratios dd.is-fail{color:#9f3a2f}.ds-note{border-inline-start:3px solid var(--aj-accent-500);margin-top:42px;padding-inline-start:20px}.ds-scale{border-top:1px solid var(--aj-line);margin-top:26px}.ds-scale-row{border-bottom:1px solid var(--aj-line);grid-template-columns:230px 1fr;align-items:center;gap:26px;padding:18px 0;display:grid}.ds-scale-meta{gap:3px;display:grid}.ds-scale-meta strong{font-family:var(--aj-font-display);color:var(--aj-brand-700);font-size:15px}.ds-scale-meta code{font-family:var(--aj-font-mono);color:var(--aj-accent-700);font-size:11px}.ds-scale-meta span{color:var(--aj-muted);font-size:12px}.ds-scale-spec{color:var(--aj-brand-700);font-family:var(--aj-font-display);overflow:hidden}@media (width<=720px){.ds-scale-row{grid-template-columns:1fr;gap:10px}}.ds-bidi{grid-template-columns:1fr 1fr;gap:26px;margin-top:36px;display:grid}@media (width<=720px){.ds-bidi{grid-template-columns:1fr}}.ds-bidi-label{font-family:var(--aj-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--aj-accent-700);margin-bottom:8px;font-size:11px}.ds-bidi-spec{font-family:var(--aj-font-display);color:var(--aj-brand-700);margin:0;font-size:24px;line-height:1.45}.ds-bidi-spec.ar{font-size:26px;line-height:1.6}.ds-table{border-collapse:collapse;width:100%;margin-top:26px;font-size:14px}.ds-table th{text-align:start;font-family:var(--aj-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--aj-muted);border-bottom:1px solid var(--aj-line-2);padding:10px 12px;font-size:11px;font-weight:500}.ds-table td{border-bottom:1px solid var(--aj-line);color:var(--aj-ink-2);vertical-align:top;padding:12px}.ds-table td:first-child{color:var(--aj-brand-700);white-space:nowrap;font-weight:600}.ds-table td.is-pass{color:var(--aj-brand-600);font-family:var(--aj-font-mono);font-size:13px}.ds-table td.is-fail{color:#9f3a2f;font-family:var(--aj-font-mono);font-size:13px}.ds-proofs{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:18px;display:grid}.ds-proofs figure{margin:0}.ds-proofs img{border:1px solid var(--aj-line);border-radius:var(--aj-radius);background:var(--aj-white);width:100%;height:auto}.ds-proofs figcaption{color:var(--aj-muted);margin-top:8px;font-size:12px}.ds-tiles{flex-wrap:wrap;gap:18px;margin-top:34px;display:flex}.ds-tile{font-family:var(--aj-font-mono);color:var(--aj-muted);justify-items:center;gap:8px;font-size:11px;display:grid}.ds-tile img{border-radius:21px;width:96px;height:96px}.ds-tile:hover{color:var(--aj-brand-700)}.ds-specimens{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:30px;display:grid}.ds-specimen{background:var(--aj-white);border:1px solid var(--aj-line);border-radius:var(--aj-radius-lg);padding:20px}.ds-specimen-label{font-family:var(--aj-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--aj-muted);margin-bottom:14px;font-size:11px}.ds-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ds-row-tight{gap:6px;margin-top:10px}.ds-row-geo{gap:18px}.ds-btn-ghost{font-family:var(--aj-font-display);border-radius:var(--aj-radius-sm);border:1px solid var(--aj-line-2);color:var(--aj-brand-700);align-items:center;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.ds-btn-quiet{font-family:var(--aj-font-display);color:var(--aj-brand-600);border-bottom:1px solid var(--aj-accent-500);font-size:14px;font-weight:600}.ds-status{font-family:var(--aj-font-mono);letter-spacing:.04em;border:1px solid;border-radius:999px;padding:4px 9px;font-size:11px}.ds-status-ok{color:#17604a;background:#eef7f3;border-color:#a8cfc0}.ds-status-wait{color:#7a5a15;background:#fbf6ea;border-color:#e0cd9a}.ds-status-stop{color:#8d3226;background:#fbefed;border-color:#e2b6ae}.ds-status-note{color:#3c4a63;background:#f2f4f8;border-color:#c3cbd9}.ds-card-demo{border:1px solid var(--aj-line);border-radius:var(--aj-radius);padding:16px}.ds-card-demo p{color:var(--aj-ink-2);margin:8px 0 0;font-size:13px;line-height:1.55}.ds-pill{font-family:var(--aj-font-mono);color:var(--aj-brand-600);border:1px solid var(--aj-line-2);border-radius:var(--aj-radius-sm);padding:3px 7px;font-size:10px}.ds-geo{justify-items:center;gap:6px;display:grid}.ds-geo-box{background:var(--aj-brand-50);border:1px solid var(--aj-brand-100);width:58px;height:44px}.ds-geo code{font-family:var(--aj-font-mono);color:var(--aj-muted);font-size:10px}.ds-sh-sm{box-shadow:var(--aj-shadow-sm);background:var(--aj-white);border-color:var(--aj-line)}.ds-sh{box-shadow:var(--aj-shadow);background:var(--aj-white);border-color:var(--aj-line)}.ds-sh-lg{box-shadow:var(--aj-shadow-lg);background:var(--aj-white);border-color:var(--aj-line)}.ds-voice{grid-template-columns:1fr 1fr;gap:40px;margin-top:26px;display:grid}@media (width<=720px){.ds-voice{grid-template-columns:1fr}}.ds-files{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:26px 0 0;padding:0;list-style:none;display:grid}.ds-files a{font-family:var(--aj-font-mono);color:var(--aj-brand-600);border-bottom:1px solid #0000;font-size:12px}.ds-files a:hover{border-bottom-color:var(--aj-accent-500)}.ds-atsize{border-block:1px solid var(--aj-line);align-items:flex-end;gap:14px;margin:0 0 14px;padding:12px 0 8px;display:flex}.ds-atsize span{justify-items:center;gap:5px;display:grid}.ds-atsize img{width:auto}.ds-atsize em{font-family:var(--aj-font-mono);color:var(--aj-muted);font-size:9px;font-style:normal}.ds-atsize span.is-over img{opacity:.32}.ds-atsize span.is-over em{color:#9f3a2f;text-decoration:line-through}.ds-role{font-family:var(--aj-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--aj-accent-700);border:1px solid var(--aj-line-2);border-radius:3px;margin-bottom:9px;padding:2px 6px;font-size:9.5px;display:inline-block}.ds-tile-tinted img{background:#3f4045}.ds-lockup-stage{min-height:150px}.ds-lockup-stage img{max-height:108px}.ds-geo-box{width:72px;height:52px}.ds-specimen .ds-row-geo{background:var(--aj-paper-2);border-radius:var(--aj-radius);padding:18px 16px}