:root{--paper: #f3ede1;--paper2: #ebe3d3;--ink: #16130f;--mute: #6f675b;--rule: #cfc4ae;--red: #c7361b;--green: #2f7d4f;--display: "Gloock", Georgia, serif;--body: "Newsreader", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-color:var(--red);text-underline-offset:3px}.mono{font-family:var(--mono)}button{font:inherit;color:inherit;cursor:pointer}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.mast{max-width:1180px;margin:0 auto;padding:22px 28px 34px;border-bottom:3px double var(--ink);animation:rise .8s both}.mast-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);border-bottom:1px solid var(--ink);padding-bottom:10px}.mast-top .mono{letter-spacing:.02em;text-transform:none}h1{font-family:var(--display);font-weight:400;font-size:clamp(64px,12vw,168px);line-height:.88;letter-spacing:-.035em;margin:26px 0 14px}.dek{font-size:clamp(20px,2.2vw,26px);font-style:italic;max-width:720px;margin:0;color:#2f2a22}main{max-width:1180px;margin:0 auto;padding:0 28px}.step{display:grid;grid-template-columns:96px 1fr;gap:24px;padding:40px 0;border-bottom:1px solid var(--rule);animation:rise .8s both}.step:nth-child(2){animation-delay:.1s}.step:nth-child(3){animation-delay:.2s}.step:nth-child(4){animation-delay:.3s}.step-n{font-family:var(--display);font-size:64px;line-height:1;color:var(--red)}h2{font-family:var(--display);font-weight:400;font-size:40px;margin:4px 0 20px;letter-spacing:-.01em}h3{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;margin:0 0 10px}.note{font-size:15px;color:var(--mute);font-style:italic;margin:6px 0 12px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip{background:none;border:1px solid var(--ink);border-radius:999px;padding:6px 14px;font-family:var(--mono);font-size:13px;transition:all .15s}.chip:hover{background:var(--paper2)}.chip.on{background:var(--ink);color:var(--paper)}.jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.job{text-align:left;background:#faf6ee;border:1px solid var(--rule);padding:14px 16px 12px;display:flex;flex-direction:column;gap:6px;transition:transform .15s,box-shadow .15s,border-color .15s}.job:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink);border-color:var(--ink)}.job.on{border-color:var(--ink);box-shadow:4px 4px 0 var(--red);transform:translate(-2px,-2px)}.job-name{font-family:var(--display);font-size:22px;line-height:1.1}.job-desc{font-size:15px;color:#3d372e}.job-meta{font-size:11px;color:var(--mute);margin-top:auto;text-transform:uppercase;letter-spacing:.06em}.sliders{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.sliders label{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.sliders input[type=range]{grid-column:1 / -1;accent-color:var(--red);width:100%}.sliders .vol input{grid-column:1 / -1;background:#faf6ee;border:1px solid var(--ink);padding:6px 8px;font-size:16px;width:100%}.presets{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.presets button{background:none;border:none;border-bottom:1px solid var(--ink);padding:2px 0;font-style:italic;font-size:17px;margin-right:14px}.presets button:hover{color:var(--red);border-color:var(--red)}.letter{position:relative;background:#fffdf7;border:1px solid var(--ink);padding:28px 32px 22px;box-shadow:10px 10px 0 var(--ink);margin-bottom:36px;overflow:hidden}.letter:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--lab)}.letter-head{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);border-bottom:1px dashed var(--rule);padding-bottom:10px;margin-bottom:14px}.hire-name{font-family:var(--display);font-size:clamp(38px,6vw,72px);line-height:1;letter-spacing:-.02em;max-width:78%;animation:rise .5s both}.hire-lab{font-family:var(--mono);font-size:14px;margin:10px 0 18px;display:flex;align-items:center;gap:8px}.hire-lab i,.short i{display:inline-block;width:10px;height:10px;border-radius:50%}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.stats div{display:flex;flex-direction:column;border-right:1px solid var(--rule);padding:12px 0 12px 14px}.stats div:first-child{padding-left:0}.stats div:last-child{border-right:none}.stats span{font-size:clamp(20px,2.6vw,30px);font-weight:500}.stats small{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}.cmp{font-size:19px;max-width:760px}.cmp p{margin:14px 0 0}.cmp .save{color:var(--green)}.fine{font-size:14px;color:var(--mute);margin:18px 0 0}.stamp{position:absolute;right:30px;top:46px;font-family:var(--display);font-size:44px;color:var(--red);border:4px solid var(--red);padding:2px 16px;border-radius:6px;transform:rotate(-11deg);opacity:.85;letter-spacing:.06em;text-transform:uppercase;animation:stamp .45s cubic-bezier(.2,1.6,.4,1) both .15s;mix-blend-mode:multiply}.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:36px}.chart svg{width:100%;height:auto;background:#faf6ee;border:1px solid var(--rule)}.grid{stroke:var(--rule);stroke-width:1;stroke-dasharray:2 4}.ax{font-family:var(--mono);font-size:11px;fill:var(--mute)}.front{fill:none;stroke:var(--green);stroke-width:2.5;stroke-linejoin:round}.dot{opacity:.45;stroke:#fffdf7;stroke-width:1;transition:opacity .15s;cursor:crosshair}.dot.top{opacity:.95}.dot:hover{opacity:1;stroke:var(--ink)}.dot.hired{opacity:1;stroke:var(--red);stroke-width:3}.hlabel{font-family:var(--display);font-size:16px;fill:var(--ink);paint-order:stroke;stroke:#faf6ee;stroke-width:4px}.short{width:100%;border-collapse:collapse;font-size:16px}.short th{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;text-align:left;color:var(--mute);border-bottom:1px solid var(--ink);padding:6px;font-weight:500}.short td{padding:9px 6px;border-bottom:1px solid var(--rule);vertical-align:top}.short td.mono{font-size:14px;white-space:nowrap}.short td small{display:block;font-family:var(--mono);font-size:11px;color:var(--mute)}.short td i{margin-right:6px}.short tr.win td{background:#fbe9e3}.short tr.win td:nth-child(2){font-weight:600}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{background:#faf6ee;border:1px solid var(--rule);padding:20px 22px}.bar{display:grid;grid-template-columns:120px 1fr 28px;align-items:center;gap:10px;margin:8px 0;font-size:16px;cursor:help}.bar div{height:14px;background:var(--paper2)}.bar i{display:block;height:100%;animation:grow 1s both .3s;transform-origin:left}.taxrow{display:grid;grid-template-columns:74px 1fr;gap:12px;text-align:left;background:none;border:none;border-top:1px solid var(--rule);padding:10px 0;width:100%;font-size:15px}.taxrow b{font-size:24px;color:var(--red)}.taxrow:hover em{color:var(--red)}footer{max-width:1180px;margin:0 auto;padding:30px 28px 60px;font-size:14px;color:var(--mute)}.tip{position:fixed;pointer-events:none;opacity:0;background:var(--ink);color:var(--paper);padding:8px 10px;font-size:13px;display:flex;flex-direction:column;z-index:60;transition:opacity .1s;max-width:260px}.tip b{font-family:var(--display);font-weight:400;font-size:16px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes stamp{0%{opacity:0;transform:rotate(-11deg) scale(2.4)}}@keyframes grow{0%{transform:scaleX(0)}}@media (max-width: 860px){body{font-size:17px}.step{grid-template-columns:1fr;gap:4px;padding:28px 0}.step-n{font-size:40px}h2{font-size:32px}.sliders{grid-template-columns:1fr 1fr}.grid2,.notes-grid{grid-template-columns:1fr}.letter{padding:22px 20px 18px 24px;box-shadow:6px 6px 0 var(--ink)}.stamp{font-size:26px;right:14px;top:40px;border-width:3px}.hire-name{max-width:100%;margin-top:30px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:none}.stats div:nth-child(3){padding-left:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--rule)}.bar{grid-template-columns:100px 1fr 24px}.mast,main,footer{padding-left:18px;padding-right:18px}}