@font-face{font-family:Diatype;src:url('assets/fonts/ABCDiatype-Regular-Trial.otf')}@font-face{font-family:Diatype;src:url('assets/fonts/ABCDiatype-Bold-Trial.otf');font-weight:700}@font-face{font-family:Diatype;src:url('assets/fonts/ABCDiatype-Black-Trial.otf');font-weight:900}@font-face{font-family:Serial;src:url('assets/fonts/AOTSerialMono-Regular.otf')}:root{--ink:#1d1d1f;--paper:#f5f5f7;--wine:#73160f;--line:#dedee3;--muted:#6e6e73;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.5 Diatype,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[contenteditable]:focus-visible{outline:3px solid var(--wine);outline-offset:5px}img{max-width:100%;display:block}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;background:rgba(245,245,247,.9);backdrop-filter:blur(20px);z-index:10}header img{width:184px}nav{display:flex;gap:28px;align-items:center;font-size:15px}nav a[aria-current=page]{border-bottom:2px solid var(--wine)}.navdownload{background:var(--ink);color:var(--paper);border-radius:30px;padding:10px 20px}.rail{position:fixed;top:127px;left:40px;width:175px;display:flex;flex-direction:column;gap:14px;font-size:14px}.rail .eyebrow{margin-bottom:10px;font-size:11px}.rail a:hover{color:var(--wine)}main{max-width:1640px;margin:auto;padding:0 48px 0 264px}section{padding:74px 0;border-bottom:1px solid var(--line)}.hero{padding-top:65px;min-height:620px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font:12px/1.5 Serial,monospace;text-transform:uppercase;letter-spacing:.025em}h1,h2,h3,p{margin:0}h1{font-weight:900;font-size:clamp(62px,6.5vw,108px);line-height:.99;letter-spacing:-.045em;margin:24px 0 30px}h2{font-size:clamp(34px,3.4vw,54px);line-height:1.08;letter-spacing:-.035em;font-weight:700;margin:12px 0 20px}h3{font-size:26px;line-height:1.18;letter-spacing:-.02em}.lead{max-width:700px;font-size:23px;line-height:1.4}.muted{color:var(--muted)}.sectionhead{display:flex;gap:30px;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.sectionhead p{max-width:440px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid var(--line);border-radius:28px;background:transparent;color:var(--ink);font-size:15px}.btn.primary{background:var(--wine);color:white;border-color:var(--wine)}.btn:hover{background:#e8e8ec}.btn.primary:hover{background:#5e110c}.herofoot{display:flex;justify-content:space-between;align-items:flex-end;margin:36px 0 0;padding-bottom:30px}.herofoot p{max-width:410px;font-size:16px}.herofoot .eyebrow{text-align:right}.fullmark{background:var(--ink);padding:80px 5%;min-height:260px;display:flex;align-items:center}.fullmark img{width:100%}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.statement{font-size:clamp(35px,4vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.035em;max-width:920px}.values{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.values h3{margin-bottom:12px}.values p{font-size:17px}.logos{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.logoitem{border:1px solid var(--line);min-width:0}.logoitem.horizontal{grid-column:1/-1}.markstage{background:#fff;height:300px;display:flex;justify-content:center;align-items:center;padding:44px}.horizontal .markstage{height:260px}.markstage img{max-height:100%;max-width:85%}.markstage[data-key=v] img{height:235px}.markstage[data-key=c] img{height:195px}.markstage[data-key=s] img{height:145px}.markstage.dark{background:var(--ink)}.markinfo{padding:20px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center}.markinfo p{font-size:15px;margin-top:6px}.mini{font:12px Serial}.mode{display:flex;border:1px solid var(--line);padding:4px;border-radius:30px;width:fit-content;gap:4px}.mode button{border:0;padding:8px 20px;border-radius:24px;background:none;font-size:14px}.mode button[aria-pressed=true]{background:var(--ink);color:white}.links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;text-decoration:underline;text-underline-offset:4px}.swatches{display:grid;grid-template-columns:2.8fr 2.8fr 1fr;min-height:270px}.swatch{border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:24px;text-align:left}.swatch span{display:block;font:13px Serial;margin-top:9px}.swatch b{font-size:22px}.swatch.wine{padding:18px}.swatch.wine b{font-size:17px}.subcolors{display:flex;gap:30px;flex-wrap:wrap;margin-top:25px;font-size:14px}.dot{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:middle;border:1px solid #ccc}.specimen{padding:32px 0;border-top:1px solid var(--line)}.specimen .sample{font-weight:900;font-size:clamp(48px,7vw,105px);line-height:1.1;letter-spacing:-.04em;min-height:128px;padding:20px 0;overflow-wrap:anywhere}.controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:18px}.controls label{font-size:14px;display:flex;gap:10px;align-items:center}.controls select{background:white;border:1px solid var(--line);border-radius:8px;padding:8px}.monosample{font:clamp(22px,3vw,42px)/1.8 Serial;word-break:break-word}.application{background:white}.application img{width:100%}.caption{display:flex;justify-content:space-between;gap:20px;margin-top:12px;font-size:14px}.avatarrow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;margin-top:30px}.avatarrow img{width:100%;background:white}.avatarrow .round img{border-radius:50%}.rules{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rule{padding:26px;background:#fff}.rule img{margin:25px 0;width:100%;height:70px;object-fit:contain}.rule.bad img{transform:scaleY(.65)}.rule p{font-size:16px}.right{font:12px Serial}.wrong{font:12px Serial;color:var(--wine)}.motionstage{background:var(--ink);height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.motionstage img{width:65%;max-width:580px}.motionstage.play img{animation:signature 1.8s var(--ease) both}@keyframes signature{0%{opacity:0;transform:translateY(12px)}18%,83%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-5px)}}.timing{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:24px}.timing b{font-size:40px;letter-spacing:-.03em}.timing p{font-size:15px}.downloadrow{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.downloadrow p{font-size:16px;margin-top:8px}.downloadrow h3{font-size:25px}.callout{background:var(--ink);color:var(--paper);padding:40px;margin:32px 0}.callout .btn{color:var(--paper);border-color:#505054}.callout .btn:hover{background:#333}.bookthumb{border:1px solid var(--line)}.bookthumb img{width:100%}.bookthumb h3,.bookthumb p{padding:16px 22px 0}.bookthumb .actions{padding:0 22px 24px}.bookthumb p{font-size:16px}.osdemo{position:relative;background:#f2f2f7;padding:28px;border-radius:28px;min-height:420px;overflow:hidden}.osnav{background:rgba(29,29,31,.94);color:white;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border:1px solid #4c4c50;border-radius:22px;box-shadow:0 8px 24px #0002}.osnav img{width:150px}.oscards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.oscard{background:white;padding:25px;border-radius:22px;min-height:180px}.oscard h3{font-size:27px;margin:16px 0}.oscard p{font-size:16px}.glass{position:relative;isolation:isolate;overflow:hidden;border:1px solid #fff9;border-bottom-color:#0002;border-radius:40px;min-height:52px;padding:13px 24px;color:var(--ink);background:linear-gradient(145deg,#ffffffda,#f5f5f7ac 55%,#ffffff80);backdrop-filter:blur(18px) saturate(1.25);box-shadow:inset 0 1px 1px #fff,0 2px 4px #0001,0 5px 12px #0001;transition:transform 260ms var(--ease),filter 260ms var(--ease);font-size:15px;font-weight:700}.glass:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--px,25%) var(--py,0%),#ffffff60,transparent 65%);pointer-events:none;z-index:-1}.glass.primary{background:linear-gradient(155deg,#9b483fdd,#73160ff5 65%);color:white;border-color:#ae716b;border-bottom-color:#500c09;box-shadow:inset 0 1px 1px #e5b8b0,0 4px 9px #44100d29}.glass:hover:not(:disabled){transform:scale(1.025);filter:brightness(1.04)}.glass:active:not(:disabled){transform:scale(.97);transition-duration:100ms}.glass.close{width:52px;height:52px;padding:0;font-size:27px;font-weight:400}.controlstage{background:linear-gradient(125deg,#e4e4e9,#f5f5f7 45%,#d2c8c5);padding:45px 28px;border-radius:24px;display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:28px}.status{font:13px Serial;color:var(--muted);margin-top:18px;min-height:20px}.window{border:1px solid #ffffffe0;box-shadow:inset 0 1px 0 white,0 16px 60px #0003;background:linear-gradient(145deg,#ffffffd9,#f2f2f7c9);backdrop-filter:blur(24px) saturate(1.2);border-radius:28px;padding:30px;width:min(600px,calc(100vw - 32px));color:var(--ink)}.window[open]{animation:osWindowIn 620ms cubic-bezier(.25,.1,.25,1) both}.window.closing{animation:osWindowOut 620ms cubic-bezier(.25,.1,.25,1) both}@keyframes osWindowIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes osWindowOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.985)}}dialog::backdrop{background:#1d1d1f33;backdrop-filter:blur(4px)}.window .close{float:right}.window h3{margin:8px 60px 20px 0;font-size:32px}.window .oscard{margin:24px 0}.samplefield{display:block;width:100%;min-height:52px;border:1px solid #ddd;border-radius:12px;background:white;padding:12px 16px;margin:8px 0 18px}.stategrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.stategrid>div{background:#fff;padding:24px}.stategrid .glass{margin-top:20px;width:100%}.focusdemo{outline:3px solid var(--wine);outline-offset:4px}.pressed{transform:scale(.97)}.bookpage{padding:30px 0;border-bottom:0}.bookpage img{width:100%;box-shadow:0 5px 25px #0001}.bookpage figcaption{font:12px Serial;margin:14px 0}.bookmain{padding-left:48px;max-width:1450px}.bookpage figure{margin:0}.booktitle h1{font-size:60px}footer{padding:35px 0;display:flex;justify-content:space-between;gap:24px;font-size:14px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:30px;z-index:40;font-size:14px;max-width:90vw;display:none}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:99;background:white;padding:12px}@media(min-width:1800px){.rail{left:calc((100vw - 1640px)/2 + 40px)}}@media(max-width:1100px){.rail{display:none}main{padding:0 32px}header{padding:0 32px}.hero{min-height:590px}h1{font-size:84px}}@media(max-width:700px){body{font-size:17px}header{height:auto;min-height:74px;padding:18px 20px;gap:18px;align-items:flex-start;flex-direction:column}header img{width:156px}nav{width:100%;gap:20px;font-size:14px;justify-content:space-between}.navdownload{padding:8px 14px}main,.bookmain{padding:0 20px}section{padding:50px 0}.hero{padding-top:38px;min-height:580px}h1{font-size:64px}.herofoot{align-items:flex-start;flex-direction:column;gap:24px}.herofoot .eyebrow{text-align:left}.lead{font-size:21px}.fullmark{min-height:170px;padding:45px 20px}.sectionhead{display:block}.sectionhead p{margin-top:18px}.two,.four,.values,.rules,.stategrid,.oscards{grid-template-columns:1fr}.logos{grid-template-columns:1fr}.logoitem.horizontal{grid-column:auto}.horizontal .markstage{height:180px;padding:22px}.markstage{height:310px}.markinfo{padding:18px;flex-wrap:wrap}.swatches{grid-template-columns:1fr 1fr;min-height:400px}.swatch.wine{grid-column:1/-1;min-height:100px}.swatch{padding:18px}.swatch b{font-size:19px}.swatch span{font-size:11px}.controls{align-items:flex-start;gap:18px}.specimen .sample{min-height:110px}.avatarrow{gap:15px;grid-template-columns:1fr 1fr}.avatarrow>div:last-child{display:none}.downloadrow{grid-template-columns:1fr}.downloadrow .links{margin:8px 0}.callout{padding:26px}.timing{grid-template-columns:1fr;gap:20px}.timing b{font-size:34px}.osdemo{padding:16px;border-radius:20px}.osnav{padding:12px 16px}.osnav img{width:135px}.osnav .mini{display:none}.controlstage{padding:28px 20px}.window{padding:23px}.booktitle h1{font-size:44px}.bookpage{padding:16px 0}footer{flex-direction:column}html{scroll-padding-top:155px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}}@media(prefers-reduced-transparency:reduce){header,.glass,.window{backdrop-filter:none;background:#f5f5f7}.glass.primary{background:#73160f}.osnav{background:#1d1d1f}}