/* THE AGENT WIRE · shared sheet · no webfonts, no dependencies */ :root{ --paper:#f6f3ec; --paper-raise:#efeade; --ink:#1c1914; --ink-soft:#57503f; --hairline:#c9c2b2; --hairline-soft:#ddd6c6; --accent:#b3301c; --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; --mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace; --measure:1120px; } @media (prefers-color-scheme:dark){ :root{ --paper:#16140f; --paper-raise:#1e1b13; --ink:#e9e4d8; --ink-soft:#a9a292; --hairline:#3c372b; --hairline-soft:#2b2820; --accent:#d8492f; } } /* optional explicit override for QA tooling: */ :root[data-theme="dark"]{ --paper:#16140f; --paper-raise:#1e1b13; --ink:#e9e4d8; --ink-soft:#a9a292; --hairline:#3c372b; --hairline-soft:#2b2820; --accent:#d8492f; } :root[data-theme="light"]{ --paper:#f6f3ec; --paper-raise:#efeade; --ink:#1c1914; --ink-soft:#57503f; --hairline:#c9c2b2; --hairline-soft:#ddd6c6; --accent:#b3301c; } *{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;text-rendering:optimizeLegibility;overflow-x:hidden} .wrap{max-width:var(--measure);margin:0 auto;padding:0 28px} a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .12s ease,text-decoration-thickness .12s ease} a:hover{color:var(--accent);text-decoration-thickness:2.5px} h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.12;margin:0} p{margin:0 0 1em;text-wrap:pretty} .skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:8px 14px;font-family:var(--mono);font-size:13px} .skip:focus{left:8px;top:8px;z-index:99} /* grain */ .grain{position:fixed;inset:0;pointer-events:none;z-index:70;opacity:.045; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E")} @media (prefers-color-scheme:dark){.grain{opacity:.06}} :root[data-theme="dark"] .grain{opacity:.06} :root[data-theme="light"] .grain{opacity:.045} /* rules */ .rule{border:0;border-top:1px solid var(--hairline);margin:0} .rule-heavy{border:0;border-top:2px solid var(--ink);margin:0} .rule-double{border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);height:4px;margin:0} /* topline */ .topline{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;white-space:nowrap} .topline .tag{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis} .topline nav{display:flex;gap:18px} .topline a{text-decoration:none} .topline a:hover{text-decoration:underline;text-decoration-thickness:2px} .topline a[aria-current]{color:var(--accent)} /* masthead */ .masthead{text-align:center;padding:26px 0 0} .logotype{font-size:clamp(52px,9.4vw,104px);letter-spacing:-.028em;font-weight:700;line-height:1;margin:14px 0 10px} .logotype .the{font-style:italic;font-weight:400;font-size:.44em;vertical-align:.62em;letter-spacing:0;margin-right:.18em} .logotype .stop{color:var(--accent)} .folio{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;padding:8px 2px;color:var(--ink-soft)} .folio b{color:var(--ink);font-weight:600} /* ticker */ .ticker{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;margin-top:14px;background:var(--paper-raise)} .ticker-track{display:inline-flex;white-space:nowrap;padding:9px 0;animation:wire 46s linear infinite;will-change:transform} .ticker:hover .ticker-track{animation-play-state:paused} .ticker-set{display:inline-flex} .ticker-item{font-family:var(--mono);font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;padding:0 .6em} .ticker-item::before{content:"+++";color:var(--accent);font-weight:700;margin-right:1.2em;letter-spacing:.15em} @keyframes wire{from{transform:translateX(0)}to{transform:translateX(-50%)}} /* sigils */ .sigil{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--accent);outline:1px solid var(--accent);outline-offset:2px;color:var(--accent);font-family:var(--serif);font-size:21px;font-weight:700;font-style:italic;line-height:1;user-select:none} .sigil.small{width:26px;height:26px;flex-basis:26px;font-size:15px;outline-offset:1.5px} /* section labels */ .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 10px} .dinkus{text-align:center;font-family:var(--serif);font-size:20px;color:var(--ink-soft);letter-spacing:.6em;padding:34px 0;user-select:none} /* buttons + form */ .btn{font-family:var(--mono);font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:#fdfbf6;border:1px solid var(--accent);padding:12px 22px;cursor:pointer;transition:background .12s ease,transform .12s ease} .btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)} .btn:active{transform:translateY(1px)} .btn[disabled]{background:var(--ink-soft);border-color:var(--ink-soft);cursor:wait} .field{font-family:var(--mono);font-size:16px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:12px 14px;width:100%} .field::placeholder{color:var(--ink-soft)} .field:focus,.btn:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px} /* the count */ .count{border:1px solid var(--ink);box-shadow:4px 4px 0 var(--hairline)} .count-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:10px 16px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700} .count-head .live{color:var(--accent);font-weight:600;letter-spacing:.08em} .count-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid var(--hairline)} .count-row:last-of-type{border-bottom:0} .count-num{font-family:var(--serif);font-variant-numeric:tabular-nums lining-nums;font-size:clamp(38px,4.6vw,54px);font-weight:700;letter-spacing:-.01em;line-height:1} .count-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);text-align:right;max-width:46%} .count-src{font-family:var(--mono);font-size:11px;color:var(--ink-soft);border-top:1px solid var(--ink);padding:10px 16px;letter-spacing:.03em} .tick{animation:tick .18s ease-out} @keyframes tick{0%{transform:translateY(-6px);opacity:.2;color:var(--accent)}100%{transform:translateY(0);opacity:1}} /* dark band (theme-locked) */ .band-dark{background:#16140f;color:#e9e4d8;--ink:#e9e4d8;--ink-soft:#a9a292;--paper:#16140f;--hairline:#3c372b;--accent:#d8492f} /* footer */ .footer{font-size:14.5px;color:var(--ink-soft);padding:30px 0 40px} .footer a{color:var(--ink)} .footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding:22px 0} .footer h3{font-size:15px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--ink);margin-bottom:10px} .footer ul{list-style:none;margin:0;padding:0;display:grid;gap:7px} .footer-legal{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;border-top:1px solid var(--hairline);padding-top:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap} /* article furniture */ .byline{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:14px 0 18px} .byline b{color:var(--ink);font-weight:600} .dropcap::first-letter{font-family:var(--serif);font-weight:700;font-size:3.55em;float:left;line-height:.82;padding:.04em .09em 0 0;color:var(--accent)} blockquote{font-family:var(--serif);font-style:italic;font-size:1.25em;border-left:2px solid var(--accent);margin:1.4em 0;padding:.2em 0 .2em 1em} /* motion */ @media (prefers-reduced-motion:reduce){ .ticker{overflow-x:auto} .ticker-track{animation:none} .ticker-set[aria-hidden]{display:none} .tick{animation:none} *{transition:none!important} } /* mobile */ @media (max-width:860px){ .wrap{padding:0 18px} body{font-size:16px} .topline .tag{display:none} .topline nav{width:100%;justify-content:space-between;gap:10px} .topline nav a{padding:8px 0} .folio{flex-wrap:wrap;justify-content:center;text-align:center;row-gap:2px} .footer-cols{grid-template-columns:1fr;gap:22px} .count-row{flex-wrap:wrap} } @media (max-width:520px){ .count-row{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px} .count-label{text-align:left;max-width:100%} .count-num{font-size:42px} .logotype{letter-spacing:-.035em} .dinkus{padding:24px 0} .btn{width:100%} }