@layer archetypes{[data-archetype=letterboard]{--lb-felt:#0b0b0c;--lb-letter:#f6f3ec;--lb-brass-hi:#c0802f;--lb-brass:var(--gold-ink,#9a5a12);--lb-brass-lo:#4a2a07;--lb-pad:clamp(20px, 3.6vw, 56px);--lb-frame:5px}.lb-grid{grid-template-columns:minmax(0,1fr);gap:clamp(28px,3.6vw,56px);display:grid}.lb-grid.is-long .lb-copy{max-width:62rem}.lb-grid.is-long .lb-object{max-width:1180px}.lb-grid.is-long:has(.lb-board.is-directory:not(.has-pinned)) .lb-object{width:100%;max-width:880px;margin-inline:auto}.lb-grid.is-long:has(.lb-board.is-directory:not(.has-pinned)) .lb-copy{width:100%;max-width:880px;margin-inline:auto}@media (width>=1000px){.lb-grid.is-split{grid-template-columns:repeat(var(--cols,12), minmax(0, 1fr));column-gap:var(--col-gap,24px);grid-template-rows:auto 1fr;align-items:start;row-gap:32px}.lb-grid.is-split .lb-object{grid-area:1/1/span 2/span 7}.lb-grid.is-split .lb-copy{grid-area:1/8/auto/span 5;padding-top:6px;padding-left:clamp(8px,2vw,40px)}.lb-grid.is-split .lb-callslot{grid-area:2/8/auto/span 5;padding-left:clamp(8px,2vw,40px)}}@media (width>=1000px) and (width<=1199px){.lb-grid.is-split .lb-object{grid-column:1/span 5}.lb-grid.is-split .lb-copy,.lb-grid.is-split .lb-callslot{grid-column:6/span 3;padding-left:0}}.lb-head .kicker{margin-bottom:18px}.lb-title{margin:0}.lb-lede{margin-top:20px}.lb-call{justify-items:start;gap:6px;display:grid}.lb-grid.is-long .lb-call{margin-top:24px}.lb-call-k{font:var(--t-label);letter-spacing:var(--t-label-track);color:var(--bone-mute)}.lb-fine{font:var(--t-caption);color:var(--bone-mute);max-width:72ch;margin-top:18px}.lb-board{padding:var(--lb-frame);background:linear-gradient(180deg, #ffd6a047, #ffd6a000 30%), linear-gradient(135deg, var(--lb-brass-hi), var(--lb-brass) 28%, var(--lb-brass-lo) 52%, var(--lb-brass) 74%, var(--lb-brass-lo));box-shadow:0 32px 80px #0000009e, 0 2px 0 #0006, 0 0 90px color-mix(in oklab, var(--key,var(--gold)) 10%, transparent);border:1px solid #0000;position:relative}.lb-felt{padding:var(--lb-pad);background:radial-gradient(64% 46% at 50% 0%, #ffc48026, #ffc4800d 45%, transparent 75%), radial-gradient(120% 60% at 50% 110%, #0000008c, transparent 70%), var(--tex-felt), var(--lb-felt);position:relative;box-shadow:inset 0 16px 28px #000000b8,inset 0 0 0 1px #000000e6,inset 0 -1px #ffd6a00f}.lb-letters{font-family:var(--f-sans);font-weight:700;font-stretch:var(--t-board-wdth,90%);letter-spacing:var(--t-board-track,.06em);color:var(--lb-letter);text-shadow:0 1px #000000e6,0 -1px #ffffff0d;transition:color var(--d-micro) var(--ease-fade)}.lb-letters.is-upper{text-transform:uppercase}.lb-w{white-space:nowrap}.lb-jit>.lb-w>span{top:var(--j,0);position:relative}.lb-board-title{font:700 clamp(24px, 2.6vw, 34px) / 1.2 var(--f-sans);letter-spacing:0;margin:0 0 clamp(18px,2.4vw,30px)}.lb-board-title .lb-letters{color:var(--lb-letter)}.lb-list{gap:0;display:grid}.lb-item+.lb-item{border-top:1px solid #f2efe80d}.lb-sum{cursor:pointer;min-height:48px;font:var(--t-board);-webkit-tap-highlight-color:transparent;align-items:center;gap:18px;padding:12px 0;list-style:none;display:flex}.lb-sum::-webkit-details-marker{display:none}.lb-sum::marker{content:""}.lb-qtext{flex:auto;min-width:0}.lb-sum:hover .lb-letters,.lb-sum:focus-visible .lb-letters,.lb-q[open]>.lb-sum .lb-letters{color:var(--gold-hot)}.lb-sum:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}.lb-pm{flex:none;width:20px;height:20px;position:relative}.lb-pm:before,.lb-pm:after{content:"";background:var(--lb-letter);height:3px;transition:transform var(--d-ui) var(--ease-fade), background-color var(--d-micro) var(--ease-fade);border-radius:1px;margin-top:-1.5px;position:absolute;top:50%;left:2px;right:2px;box-shadow:0 1px #000000e6}.lb-pm:after{transform:rotate(90deg)}.lb-q[open]>.lb-sum .lb-pm:after{transform:rotate(90deg)scaleX(0)}.lb-sum:hover .lb-pm:before,.lb-sum:hover .lb-pm:after,.lb-q[open]>.lb-sum .lb-pm:before{background:var(--gold-hot)}.lb-a{background:var(--ink);border-top:1px solid var(--gold);font:420 17px / 1.6 var(--f-sans);color:var(--bone);max-width:68ch;margin:2px 0 20px;padding:20px clamp(18px,2.2vw,28px) 22px;position:relative;overflow:hidden;box-shadow:0 16px 30px #0000008c}.lb-a>*+*{margin-top:.8em}.lb-a .fee-line{max-width:none;font-size:17px}.lb-a .status-tag{margin-inline:2px}.lb-a-list{gap:6px;padding-left:1.2em;display:grid}.lb-link,.lb-a a{color:var(--bone);text-underline-offset:.22em;-webkit-text-decoration:underline #ffb454b3;text-decoration:underline #ffb454b3}.lb-link:hover,.lb-a a:hover{color:var(--gold-hot);text-decoration-color:currentColor;text-decoration-thickness:2px}.lb-dir{display:grid}.lb-row{border-bottom:1px solid #f2efe80f;align-items:stretch;display:flex;position:relative}.lb-row:last-child{border-bottom:0}.lb-row-link{min-width:0;min-height:52px;color:inherit;font:var(--t-board);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--d-micro) var(--ease-fade);background:0 0;border:0;flex:auto;grid-template-columns:minmax(0,1fr) auto 18px;grid-template-areas:"name note go""match note go";align-items:baseline;gap:6px 20px;margin:0;padding:14px 4px;text-decoration:none;display:grid}.lb-row.has-date .lb-row-link{grid-template-columns:160px minmax(0,1fr) auto 18px;grid-template-areas:"date name stamp go"".dek. ."}.lb-date{grid-area:date}.lb-name{grid-area:name}.lb-dek{grid-area:dek}.lb-note{grid-area:note}.lb-stamp{grid-area:stamp}.lb-go{grid-area:go;justify-self:end}.lb-name{min-width:0}.lb-note{font:500 13px / 1.4 var(--f-mono);color:var(--bone-dim);text-align:right;max-width:34ch}.lb-date{font:700 13px / 1.4 var(--f-sans);color:var(--bone-dim);font-stretch:90%}.lb-dek{font:var(--t-small);letter-spacing:0;color:var(--bone-dim);text-transform:none}.lb-stamp,.lb-tagline,.lb-match{border-radius:var(--r-paper);font:600 12px / 1.3 var(--f-mono);color:var(--bone-dim);white-space:nowrap;border:1px solid #f2efe847;justify-self:end;padding:3px 8px 2px;display:inline-block}.lb-tagline{border-color:var(--gold);color:var(--gold)}.lb-match{border-color:var(--gold);color:var(--gold-hot);grid-area:match;justify-self:start}.lb-pinned-copy .lb-tagline{justify-self:start}.lb-go{color:var(--gold);transition:transform var(--d-micro) var(--ease-fade);font-size:.8em}.lb-row-link:hover .lb-letters,.lb-row-link:focus-visible .lb-letters,.lb-pinned-link:hover .lb-letters,.lb-pinned-link:focus-visible .lb-letters{color:var(--gold-hot)}.lb-row-link:hover,.lb-row-link:focus-visible{box-shadow:inset 0 -1px 0 var(--gold)}.lb-row-link:hover .lb-go,.lb-row-link:focus-visible .lb-go,.lb-pinned-link:hover .lb-go{transform:translate(2px)}.lb-row-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.lb-alt{border-radius:var(--r-pill);min-width:44px;min-height:44px;font:600 13px / 1 var(--f-mono);color:var(--bone-dim);border:1px solid #f2efe83d;flex:none;align-self:center;place-items:center;margin-left:8px;text-decoration:none;display:inline-grid}.lb-alt:hover{color:var(--gold-hot);border-color:var(--gold)}.lb-board.has-pinned{--lb-out:calc(var(--lb-pad) + var(--lb-frame) + 20px)}.lb-pinned{grid-template-columns:calc(360px - var(--lb-out)) minmax(0, 1fr);align-items:start;column-gap:40px;display:grid}.lb-print{z-index:2;width:360px;margin:calc(-1 * var(--lb-out)) 0 0 calc(-1 * var(--lb-out));background:var(--bone);transform-origin:50% 0;transition:transform .42s var(--ease-enter);padding:10px;position:relative;transform:rotate(-1.5deg);box-shadow:0 14px 28px #0000008c,0 2px #0000004d}.lb-print picture,.lb-print img{aspect-ratio:16/9;object-fit:cover;width:100%}.lb-pin{z-index:3;background:radial-gradient(circle at 30% 30%, #fff8ea 0 12%, var(--gold-hot) 18%, var(--gold-ink,#9a5a12) 78%);border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-5px;left:50%;box-shadow:0 2px 2px #0009}html.js:not(.motion-off) [data-archetype=letterboard]:not(.is-in) .lb-print{transform:translateY(-6px)rotate(-2.5deg)}.lb-pinned-copy{justify-items:start;gap:12px;max-width:54ch;display:grid}.lb-pinned-title{font:700 30px / 1.2 var(--f-sans);letter-spacing:0;margin:0}.lb-pinned-link{color:inherit;text-decoration:none}.lb-dateline{font:700 13px / 1.4 var(--f-sans);color:var(--bone-dim);font-stretch:90%}.lb-pinned-dek{font:var(--t-board);letter-spacing:.02em;color:var(--lb-letter);font-stretch:90%}.lb-read{font:var(--t-board)}.lb-rail{border-bottom:1px solid var(--gold-ink,#9a5a12);font:700 22px / 1.2 var(--f-sans);letter-spacing:0;margin:40px 0 6px;padding-bottom:10px}@media (width<=999px){.lb-grid.is-split .lb-callslot{order:3}}@media (width<=759px){[data-archetype=letterboard]{--lb-pad:16px;--lb-frame:4px}.lb-grid{gap:28px}.lb-sum{gap:14px;min-height:44px;padding:10px 0}.lb-a{margin-bottom:16px;padding:16px 16px 18px;font-size:16px}.lb-row-link{grid-template-columns:minmax(0,1fr) 18px;grid-template-areas:"match go""name go""note go";column-gap:12px;min-height:44px}.lb-row.has-date .lb-row-link{grid-template-columns:minmax(0,1fr) 18px;grid-template-areas:"date go""name go""stamp go""dek go"}.lb-row-link .lb-note,.lb-row-link .lb-stamp{text-align:left;justify-self:start}.lb-row-link .lb-go{align-self:center}.lb-stamp,.lb-tagline,.lb-match{letter-spacing:.1em;font-size:13px}.lb-board.has-pinned{--lb-out:12px}.lb-pinned{grid-template-columns:minmax(0,1fr);row-gap:22px}.lb-print{width:min(360px,100% - 12px);margin:calc(-1 * (var(--lb-pad) + var(--lb-frame) + 12px)) 0 0 0}.lb-pinned-title{font-size:22px}.lb-pinned-dek,.lb-read{font-size:17px}}@media (prefers-contrast:more){.lb-letters{text-shadow:none}.lb-felt{background:var(--lb-felt)}}@media (forced-colors:active){.lb-board,.lb-a{border:1px solid canvastext}}@media print{.lb-board{box-shadow:none;background:0 0;border:1px solid #000}.lb-felt{box-shadow:none;background:#fff}.lb-letters,.lb-a{color:#000;text-shadow:none;background:#fff}}.lb-board.is-faq,.lb-board.is-faq .lb-felt{box-shadow:none;background:0 0;border:0;padding:0}.lb-board.is-faq:before,.lb-board.is-faq:after,.lb-board.is-faq .lb-felt:before,.lb-board.is-faq .lb-felt:after{content:none}.lb-board.is-faq .lb-item{border-top:1px solid #f2efe824}.lb-board.is-faq .lb-item:last-child{border-bottom:1px solid #f2efe824}.lb-board.is-faq .lb-letters{color:var(--bone);font:600 clamp(17px, 1.4vw, 20px) / 1.35 var(--f-sans);letter-spacing:-.01em;text-shadow:none}}.lb-photo{aspect-ratio:4/5;max-width:340px;margin:36px 0 0;overflow:hidden;box-shadow:0 24px 50px #00000080}.lb-photo :is(picture,img){object-fit:cover;width:100%;height:100%;display:block}@media (width<=999px){.lb-photo{aspect-ratio:16/10;max-width:none}}
