.press-root{-webkit-font-smoothing:antialiased;min-height:100%}.press-root .on-gold::selection,.press-root .on-gold ::selection{background:var(--on-accent);color:var(--accent)}.press-root :is(.masthead,section,.colophon) a{color:var(--heading);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;transition:text-decoration-color .12s var(--ease-enter)}.press-root code{font-family:var(--ff-mono), ui-monospace, monospace;background:var(--surface-2);color:var(--heading);border-radius:4px;padding:1px 5px;font-size:.92em}.press-root .masthead{border-bottom:1px solid var(--line);padding:144px 0 56px}.press-root h1{letter-spacing:-.03em;color:var(--heading);margin:0 0 20px;font-size:56px;font-weight:600;line-height:1.05}.press-root .lead{text-wrap:pretty;max-width:640px;margin:0;font-size:21px;line-height:1.45}.press-root .index{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 24px;margin:48px 0 0;padding:0;list-style:none;display:grid}.press-root .masthead .index a{border-top:1px solid var(--line);color:var(--body);transition:color .12s var(--ease-enter);align-items:baseline;gap:12px;padding:12px 0;font-size:15px;font-weight:500;text-decoration:none;display:flex}.press-root .num{font-family:var(--ff-mono), ui-monospace, monospace;letter-spacing:0;color:var(--accent);font-size:13px;font-weight:400}.press-root .eyebrow .num{margin-right:-2px}.press-root section{border-bottom:1px solid var(--line);padding:88px 0}.press-root section:last-of-type{border-bottom:0}.press-root h2{margin:0 0 12px}.press-root h3{letter-spacing:-.014em;color:var(--heading);margin:48px 0 12px;font-size:25px;font-weight:600;line-height:1.25}.press-root p{max-width:680px;margin:0 0 16px;font-size:17px;line-height:1.6}.press-root .caption{max-width:680px;color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.55}.press-root .asset,.press-root .clearspace,.press-root .ladder,.press-root .specimen,.press-root .gfx .cell,.press-root blockquote,.press-root .dont figure{background:var(--surface);box-shadow:var(--shadow-border);border-radius:12px}.press-root .mark,.press-root .lockup-art{background:currentColor;flex:none}.press-root .mark{aspect-ratio:912/628;-webkit-mask:url(/brand/writz-mark.svg) 50%/contain no-repeat;mask:url(/brand/writz-mark.svg) 50%/contain no-repeat}.press-root .lockup-art{aspect-ratio:355.44/100;-webkit-mask:url(/brand/writz-lockup.svg) 50%/contain no-repeat;mask:url(/brand/writz-lockup.svg) 50%/contain no-repeat}.press-root .assets{grid-template-columns:repeat(auto-fit,minmax(min(100%,196px),1fr));gap:16px;margin-top:36px;display:grid}.press-root .asset{overflow:hidden}.press-root .asset .stage{background:var(--bg);justify-content:center;align-items:center;height:160px;padding:24px;display:flex}.press-root .asset .meta{flex-direction:column;gap:6px;padding:14px 18px 16px;display:flex}.press-root .asset .name{color:var(--heading);font-size:15px;font-weight:500}.press-root .asset .files{font-family:var(--ff-mono), ui-monospace, monospace;gap:12px;font-size:13px;display:flex}.press-root .clearspace{justify-content:center;margin-top:32px;padding:40px 24px;display:flex}.press-root .clearspace .box{border:1px dashed var(--accent);border-radius:10px;position:relative}.press-root .clearspace .unit{border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);opacity:.55;position:absolute;top:0;left:0}.press-root .ladder{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:42px;margin-top:32px;padding:40px 28px 28px;display:flex}.press-root .ladder .step{text-align:center}.press-root .ladder .slot{justify-content:center;align-items:flex-end;height:52px;display:flex}.press-root .ladder .tag{font-family:var(--ff-mono), ui-monospace, monospace;white-space:nowrap;color:var(--muted);margin-top:12px;font-size:13px}.press-root .ladder .step.floor .tag{color:var(--accent);font-weight:500}.press-root .ladder .step.dead .tag{color:var(--danger)}.press-root .swatches{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:18px;margin-top:36px;display:grid}.press-root .swatch .chip{height:112px;box-shadow:0 0 0 1px var(--line-strong);border-radius:12px}.press-root .swatch .chip.small{height:56px}.press-root .swatch .name{color:var(--heading);margin:14px 0 2px;font-size:15px;font-weight:500}.press-root .swatch .hex{font-family:var(--ff-mono), ui-monospace, monospace;color:var(--muted);font-size:14px}.press-root .swatch .role{margin-top:6px;font-size:14px;line-height:1.45}.press-root .pairs{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:18px;margin-top:28px;display:grid}.press-root .pairs .pair{box-shadow:0 0 0 1px var(--line);border-radius:12px;padding:22px 18px 16px}.press-root .pairs .aa{letter-spacing:-.02em;font-size:34px;font-weight:600;line-height:1}.press-root .pairs .ratio{font-family:var(--ff-mono), ui-monospace, monospace;opacity:.75;margin-top:14px;font-size:13px}.press-root .pairs .pair.split{flex-direction:column;padding:0;display:flex;overflow:hidden}.press-root .pairs .pair.split .half{padding:22px 18px 16px}.press-root .pairs .pair.split .half+.half{padding-top:14px}.press-root .pairs .label{font-size:14px;font-weight:500}.press-root .pairs .pair:not(.split) .label{opacity:.85;margin-top:6px}.press-root .pairs.status .half .label{margin-bottom:8px}.press-root .pairs.status .half .ratio{margin-top:0}.press-root .pairs .pair.fail{box-shadow:0 0 0 2px var(--danger)}.press-root .specimen{margin-top:32px}.press-root .specimen .row{align-items:baseline;gap:24px;padding:18px 24px;display:flex}.press-root .specimen .row+.row{border-top:1px solid var(--line)}.press-root .specimen .spec{width:172px;font-family:var(--ff-mono), ui-monospace, monospace;white-space:nowrap;color:var(--muted);flex:none;font-size:13px}.press-root .specimen .sample{text-overflow:ellipsis;white-space:nowrap;color:var(--heading);overflow:hidden}.press-root .gfx{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px;display:grid}.press-root .gfx .cell{padding:22px}.press-root .gfx .cap{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:13px;font-weight:500}.press-root .gfx .note{font-family:var(--ff-mono), ui-monospace, monospace;color:var(--muted);font-size:13px}.press-root .tints{gap:5px;display:flex}.press-root .tints span{border-radius:4px;flex:1;height:32px}.press-root .redact{color:var(--body);align-items:center;gap:9px;font-size:15px;display:flex}.press-root blockquote{max-width:780px;margin:24px 0 0;padding:24px 26px}.press-root blockquote p{color:var(--heading)}.press-root blockquote p:last-child{margin-bottom:0}.press-root blockquote .head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.press-root blockquote .head .name{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:500}.press-root .copy{box-shadow:0 0 0 1px var(--line-strong);font:inherit;color:var(--heading);cursor:pointer;transition:box-shadow .12s var(--ease-enter);background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.press-root .dont{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;display:grid}.press-root .dont figure{margin:0;overflow:hidden}.press-root .dont .stage{background:var(--bg);justify-content:center;align-items:center;height:128px;display:flex;overflow:hidden}.press-root .dont .busy{background:var(--deep);position:relative}.press-root .dont .busy .blocks span{background:var(--surface-2);position:absolute}.press-root .dont .busy .blocks span:first-child{background:var(--muted);inset:0 62% 40% 0}.press-root .dont .busy .blocks span:nth-child(2){background:var(--body);inset:18% 20% 0 30%}.press-root .dont .busy .blocks span:nth-child(3){background:var(--surface-2);inset:0 0 55% 70%}.press-root .dont .busy .blocks span:nth-child(4){background:var(--bg);inset:60% 55% 0 0}.press-root .dont .busy .blocks span:nth-child(5){background:var(--muted);inset:45% 0 0 78%}.press-root .dont .busy .mark{position:relative}.press-root .dont figcaption{color:var(--body);gap:8px;padding:12px 16px;font-size:14px;line-height:1.4;display:flex}.press-root .dont figcaption:before{content:"×";color:var(--danger);font-weight:600}.press-root .rules{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:32px;display:grid}.press-root .rules ul{margin:0;padding:0;list-style:none}.press-root .rules li{border-top:1px solid var(--line);padding:12px 0 12px 24px;font-size:16px;line-height:1.5;position:relative}.press-root .rules li:before{font-weight:600;position:absolute;top:12px;left:0}.press-root .rules .allowed li:before{content:"+";color:var(--accent)}.press-root .rules .forbidden li:before{content:"×";color:var(--danger)}.press-root .colophon{color:var(--muted);padding-top:8px;padding-bottom:72px;font-size:15px}@media (hover:hover) and (pointer:fine){.press-root :is(.masthead,section,.colophon) a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.press-root .masthead .index a:hover{color:var(--heading)}.press-root .copy:hover{box-shadow:0 0 0 1px var(--heading)}}@media (max-width:860px){.press-root .dont{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.press-root h1{font-size:38px}.press-root h3{font-size:21px}.press-root .lead{font-size:18px}.press-root p{font-size:16px}.press-root .masthead{padding:112px 0 40px}.press-root section{padding:56px 0}.press-root .gfx{grid-template-columns:1fr}.press-root .specimen .spec{width:116px}.press-root .specimen .row{gap:14px;padding:14px 16px}.press-root .ladder{gap:22px}.press-root .clearspace .box{zoom:.62}}@media (max-width:480px){.press-root .dont{grid-template-columns:1fr}}.press-root .copy{touch-action:manipulation}@media (pointer:coarse){.press-root :is(.masthead .lead,.colophon,section p) a{padding-block:13px}.press-root .masthead .lead a{margin-inline:-17px;padding-inline:17px}.press-root .masthead .index a{min-height:44px}.press-root .asset .files{gap:4px}.press-root .asset .files a{align-items:center;min-width:44px;min-height:44px;margin-block:-13px;display:inline-flex}.press-root .copy{position:relative}.press-root .copy:after{content:"";position:absolute;inset:-9px 0}}
