.th{position:relative}.th-letter{position:relative;border-top:8px solid transparent;border-bottom:8px solid transparent;border-image:repeating-linear-gradient(45deg,var(--red) 0,var(--red) 10px,var(--ink) 10px,var(--ink) 20px,var(--bone) 20px,var(--bone) 30px) 8;background-color:var(--ink)}.th-body{position:relative;z-index:1;max-width:900px;margin:0 auto}.th-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(20px,4vw,56px);align-items:start}.th-post{grid-column:2;grid-row:1;justify-self:end;text-align:right;font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60);margin:0;max-width:14ch;line-height:1.8}.th-dateline{grid-column:1;grid-row:1;font-family:var(--font-mono);font-size:var(--fs-2);letter-spacing:.14em;text-transform:uppercase;color:var(--bone);opacity:.8;margin:0;line-height:1.9}.th-title{grid-column:1 / -1;grid-row:2;font-family:var(--font-accent);font-weight:400;font-size:clamp(30px,4.6vw,54px);line-height:1.06;letter-spacing:.01em;text-transform:none;margin:clamp(26px,4vw,44px) 0 0;color:var(--bone);max-width:18ch}.th-lede{grid-column:1 / -1;grid-row:3;font-family:var(--font-mono);font-size:var(--fs-2);line-height:1.9;max-width:46ch;margin:16px 0 0;padding-top:14px;color:var(--ink-85);border-top:1px solid var(--rule)}@media(max-width:700px){.th-head{grid-template-columns:1fr}.th-post{grid-column:1;grid-row:1;justify-self:start;text-align:left;max-width:none}.th-dateline{grid-column:1;grid-row:2;margin-top:12px}.th-title{grid-row:3}.th-lede{grid-row:4}}.th-read{max-width:900px;margin:0 auto}.th-prose{max-width:52ch}.th-prose p{margin:0 0 clamp(18px,2.4vw,26px);font-size:var(--fs-2);line-height:1.75}.th-pull{margin:clamp(30px,5vw,48px) auto;max-width:34ch;text-align:center;padding:0 clamp(10px,3vw,24px)}.th-pull p{font-family:var(--font-accent);font-size:var(--fs-4);line-height:1.2;margin:0;color:var(--red);text-transform:uppercase;letter-spacing:.02em}.th-pull:before,.th-pull:after{content:"";display:block;width:44px;height:2px;background:var(--red);margin:14px auto;opacity:.6}.th-end{display:flex;flex-wrap:wrap;gap:14px;margin-top:44px;font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.06em}.th-end a{color:var(--ink-85);text-decoration:none;border-bottom:1px solid var(--red)}.th-end a:hover{color:var(--bone)}.th-reveal{opacity:0;transition:opacity var(--t-reveal) var(--ease)}.th-reveal.is-in{opacity:1}.th-mark{margin-top:clamp(40px,6vw,70px);display:flex;align-items:center;gap:clamp(16px,3vw,30px);flex-wrap:wrap}.th-mark .ring{width:clamp(96px,14vw,132px);height:clamp(96px,14vw,132px);flex:none;border:3px solid var(--red);border-radius:50%;display:grid;place-items:center;text-align:center;transform:rotate(-6deg);font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-85);line-height:1.7;padding:10px}.th-mark .said{font-family:var(--font-body);font-size:var(--fs-3);line-height:1.5;color:var(--ink-85);max-width:34ch;margin:0}.th-edge{height:8px;margin-top:clamp(22px,4vw,34px);max-width:520px;background:repeating-linear-gradient(45deg,var(--red) 0,var(--red) 10px,var(--ink) 10px,var(--ink) 20px,var(--bone) 20px,var(--bone) 30px)}
