:root{
  --bg:#090b0d;
  --bg2:#0f1215;
  --panel:#12161a;
  --panel2:#181d22;
  --text:#f1ece2;
  --muted:#aaa49a;
  --gold:#c49a48;
  --gold2:#d8b56d;
  --red:#8b2428;
  --line:#2b2e31;
  --cream:#e8dcc0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.62}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1200px,92%);margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(9,11,13,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}
.brand{font-family:Georgia,serif;font-size:1.28rem;letter-spacing:.055em;color:var(--cream);line-height:1.05;min-width:250px}
.brand small{display:block;margin-top:7px;font:10px/1.25 Arial;color:var(--gold);letter-spacing:.12em;text-transform:uppercase}
nav{display:flex;gap:16px;align-items:center;justify-content:flex-end;flex-wrap:wrap;font-size:12.5px}
nav a:hover,nav a.active{color:var(--gold2)}
.donate{border:1px solid var(--gold);padding:9px 14px;color:var(--gold)}
.hero{min-height:72vh;display:grid;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 35%,#30251d 0,#171718 25%,#090b0d 63%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:54px;align-items:center;padding:70px 0}
.hero-copy{min-width:0}
.kicker{text-transform:uppercase;color:var(--gold);letter-spacing:.2em;font-size:12px}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.12}
h1{font-size:clamp(2.1rem,3.3vw,3.55rem);margin:.18em 0 .28em}
.hero h1{white-space:nowrap;letter-spacing:-.02em}
.hero p{max-width:690px;color:#cbc5bb;font-size:1.08rem}
.portrait{aspect-ratio:4/5;border:1px solid #755f34;background:#0d0f11;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:grayscale(100%) contrast(1.05);display:block}
.portrait figcaption{display:none}
.books{display:flex;gap:9px;align-items:flex-end;margin:26px 0 22px;flex-wrap:wrap}
.books span{width:111px;min-height:150px;background:linear-gradient(112deg,#eee5d1,#d3c39f);color:#8b1f24;border:1px solid #ae9f7f;padding:17px 9px;font:700 12.5px/1.25 Georgia,serif;text-transform:uppercase;letter-spacing:.015em;box-shadow:0 12px 28px rgba(0,0,0,.36);display:flex;align-items:center;justify-content:center;text-align:center}
.books span:nth-child(2){min-height:164px}.books span:nth-child(3){min-height:156px}.books span:nth-child(4){min-height:170px}.books span:nth-child(5){min-height:153px}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border:1px solid #48433a;font-size:13px;background:rgba(255,255,255,.015)}
.btn:hover{border-color:var(--gold);color:var(--gold2)}
.btn.primary{background:var(--gold);color:#111;border-color:var(--gold)}
.btn.primary:hover{background:var(--gold2);color:#111}
section{padding:78px 0;border-bottom:1px solid var(--line)}
.section-head{max-width:780px;margin-bottom:34px}
.section-head h2{font-size:clamp(2rem,4vw,3.25rem);margin:.15em 0}
.section-head p,.muted{color:var(--muted)}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--panel);border:1px solid var(--line);padding:26px}
.card h3{color:var(--cream);font-size:1.35rem;margin-top:0;margin-bottom:10px}
.card p{color:var(--muted);margin-bottom:0}
.program{border-top:3px solid var(--red)}
.archive-card{position:relative;overflow:hidden}
.archive-card .tag{display:inline-block;color:var(--gold);font-size:10px;letter-spacing:.17em;text-transform:uppercase;margin-bottom:10px}
.voice-feature{display:grid;grid-template-columns:1.12fr .88fr;gap:30px;align-items:stretch;background:linear-gradient(115deg,#17130f,#101318);border:1px solid #3a3429;padding:28px}
.voice-feature h3{font-size:clamp(1.7rem,3vw,2.55rem);margin:.15em 0}
.voice-feature .audio-mark{display:grid;place-items:center;min-height:260px;border:1px solid #4a3d28;background:radial-gradient(circle at 50% 50%,#2a2118,#101215 65%);text-align:center;padding:28px}
.audio-mark .year{font:700 4.5rem/1 Georgia;color:var(--gold)}
.audio-mark .label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);margin-top:10px}
.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:12px}
.ph{background:linear-gradient(135deg,#252321,#111317);border:1px solid #333;display:grid;place-items:center;color:#777;text-align:center;padding:15px}
.ph:first-child{grid-row:span 2}
.archive-image{background:#111;border:1px solid #333;overflow:hidden}
.archive-image img{width:100%;height:100%;object-fit:cover;filter:sepia(.15) grayscale(.15)}
.caption{font-size:12px;color:#8f887d;margin-top:9px}
.video-card{background:var(--panel);border:1px solid var(--line);overflow:hidden}
.video-frame{aspect-ratio:16/9;background:#070809}
.video-frame iframe{width:100%;height:100%;border:0;display:block}
.video-copy{padding:20px}
.video-copy .source{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.video-copy h3{margin:.4em 0;font-size:1.25rem}
.video-copy p{color:var(--muted);font-size:.95rem}
.video-copy .source-link{display:inline-block;margin-top:8px;color:var(--gold2);font-size:12px}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.member .photo{aspect-ratio:4/5;background:#17191c;border:1px solid #333;overflow:hidden;display:block}
.member .photo img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:none}
.member h3{font:1.15rem Georgia;margin:14px 0 3px;color:var(--cream)}
.member p{margin:0;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.support{background:linear-gradient(100deg,#18130f,#101216)}
.support-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.notice{padding:18px 20px;border-left:3px solid var(--gold);background:#111419;color:#cfc8bc}
.legal{font-size:12px;color:#8f887d}
.pagehero{padding:76px 0 44px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#0b0d10,#14110d)}
.pagehero h1{font-size:clamp(2.35rem,5vw,4.4rem);margin:.15em 0}
.pagehero p{max-width:780px;color:#bdb6aa}
.works-list{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;align-items:end}
.work-book{min-height:230px;background:linear-gradient(112deg,#eee5d1,#d3c39f);color:#8b1f24;border:1px solid #ae9f7f;padding:25px 14px;display:flex;align-items:center;justify-content:center;text-align:center;font:700 15px/1.25 Georgia,serif;text-transform:uppercase;box-shadow:0 13px 28px rgba(0,0,0,.28)}
.work-book:nth-child(2){min-height:250px}.work-book:nth-child(3){min-height:240px}.work-book:nth-child(4){min-height:260px}.work-book:nth-child(5){min-height:235px}
footer{padding:34px 0;color:#8f887d;font-size:12px;background:#07090b}
.footer-grid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;align-items:flex-start}
.footer-org{max-width:760px}
.footer-org strong{color:#c9c2b6;font-weight:500}
@media(max-width:1050px){nav{gap:11px;font-size:11.5px}.brand{min-width:230px}.books span{width:102px}.hero-grid{gap:36px}}
@media(max-width:900px){.hero-grid,.support-grid,.voice-feature{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.board{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.ph:first-child{grid-row:auto}.nav{align-items:flex-start;padding:18px 0;flex-direction:column}.works-list{grid-template-columns:repeat(3,1fr)}.hero h1{white-space:normal}}
@media(max-width:600px){.board,.gallery-grid,.works-list,.grid4{grid-template-columns:1fr}nav{gap:10px}.hero-grid{padding:52px 0}.books{display:grid;grid-template-columns:repeat(2,1fr)}.books span,.books span:nth-child(n){width:100%;min-height:110px}.pagehero{padding-top:56px}}

/* Contact form */
.contact-section{padding-top:62px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:34px;align-items:start}
.contact-panel{background:var(--panel);border:1px solid var(--line);padding:34px}
.contact-panel h2{font-size:clamp(1.9rem,3vw,2.7rem);margin:.2em 0 .25em}
.contact-form{display:grid;gap:18px;margin-top:28px}
.contact-form label{display:grid;gap:8px;color:var(--cream);font-size:12px;letter-spacing:.05em}
.form-row{display:grid;gap:18px}
.form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #3a3d40;background:#0c0f12;color:var(--text);padding:13px 14px;font:15px/1.4 Arial,Helvetica,sans-serif;outline:none;border-radius:0}
.contact-form textarea{resize:vertical;min-height:180px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(196,154,72,.1)}
.contact-form select{appearance:auto}
.consent-line{grid-template-columns:auto 1fr!important;align-items:start;gap:10px!important;color:var(--muted)!important;font-size:12px!important;letter-spacing:0!important;line-height:1.5}
.consent-line input{width:auto;margin-top:3px}
.form-submit{justify-self:start;border:1px solid var(--gold);background:var(--gold);color:#111;padding:13px 20px;font-weight:700;font-size:13px;cursor:pointer}
.form-submit:hover{background:var(--gold2);border-color:var(--gold2)}
.form-note{margin:0;color:#8f887d;font-size:11px;line-height:1.5}
.form-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-sidebar{display:grid;gap:18px}
.contact-card .kicker{margin-bottom:9px}
.contact-email{color:var(--gold2);overflow-wrap:anywhere}
.form-result{max-width:760px;background:var(--panel);border:1px solid var(--line);padding:34px}
.form-result.success{border-top:3px solid var(--gold)}
.form-result.error{border-top:3px solid var(--red)}
.form-result h2{margin-top:0}
.form-result p{color:var(--muted)}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}}
@media(max-width:650px){.form-row.two{grid-template-columns:1fr}.contact-panel{padding:24px}}


/* Gallery Batch 1 */
.gallery-section{padding-top:62px}
.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.gallery-photo{margin:0;background:#111317;border:1px solid var(--line);overflow:hidden;min-height:250px}
.gallery-open{position:relative;width:100%;height:100%;min-height:250px;padding:0;border:0;background:#111;cursor:pointer;display:block;overflow:hidden;color:var(--cream)}
.gallery-open img{width:100%;height:100%;min-height:250px;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.gallery-open span{position:absolute;left:12px;bottom:12px;padding:7px 10px;background:rgba(7,9,11,.78);border:1px solid rgba(196,154,72,.38);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);opacity:0;transform:translateY(6px);transition:.25s ease}
.gallery-open:hover img{transform:scale(1.025);filter:brightness(.88)}
.gallery-open:hover span,.gallery-open:focus span{opacity:1;transform:none}
.gallery-open:focus{outline:2px solid var(--gold);outline-offset:-2px}
.portrait-photo{grid-row:span 2}
.gallery-note{padding-top:0}
.gallery-lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:42px 70px}
.gallery-lightbox.open{display:flex}
.gallery-lightbox img{max-width:min(1500px,92vw);max-height:88vh;object-fit:contain;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.gallery-lightbox button{position:absolute;border:1px solid #5c513c;background:rgba(12,14,17,.88);color:var(--cream);cursor:pointer;width:44px;height:44px;font-size:24px;display:grid;place-items:center}
.gallery-lightbox .lb-close{top:20px;right:22px}
.gallery-lightbox .lb-prev{left:18px;top:50%;transform:translateY(-50%)}
.gallery-lightbox .lb-next{right:18px;top:50%;transform:translateY(-50%)}
.gallery-lightbox button:hover{border-color:var(--gold);color:var(--gold2)}
@media(max-width:900px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-photo{grid-row:auto}.gallery-lightbox{padding:36px 54px}}
@media(max-width:600px){.photo-gallery{grid-template-columns:1fr}.gallery-photo,.gallery-open,.gallery-open img{min-height:220px}.gallery-lightbox{padding:60px 12px 30px}.gallery-lightbox .lb-prev{left:8px}.gallery-lightbox .lb-next{right:8px}}

/* Gallery Batch 2 additions */
.gallery-subsection{padding-top:54px}
.gallery-credit{padding:8px 10px;color:#7f786e;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#0d1013;border-top:1px solid var(--line)}
.artwork-section{background:linear-gradient(120deg,#0b0d10,#13100d)}
.artwork-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.artwork-card{margin:0;background:#111317;border:1px solid #3a3429;padding:14px}
.artwork-open{min-height:420px;background:#0a0c0e}
.artwork-open img{width:100%;height:100%;min-height:420px;max-height:650px;object-fit:contain;background:#08090a}
.artwork-card figcaption{padding:16px 4px 4px}
.artwork-card figcaption strong{display:block;color:var(--cream);font:1.3rem Georgia,serif;margin-bottom:5px}
.artwork-card figcaption small{display:block;color:var(--muted);font-size:12px}
@media(max-width:800px){.artwork-gallery{grid-template-columns:1fr}.artwork-open,.artwork-open img{min-height:300px}}

/* Final compact clickable gallery */
.compact-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.compact-gallery figure{margin:0;background:#0f1114;border:1px solid var(--line);overflow:hidden}
.compact-gallery .gallery-open{min-height:0;aspect-ratio:320/220}
.compact-gallery .gallery-open img{min-height:0;width:100%;height:100%;object-fit:cover}
.compact-gallery .gallery-open span{font-size:9px;padding:5px 7px}
.archive-audio{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;background:#111318;border:1px solid var(--line);padding:28px;margin-top:26px}
.archive-audio audio{width:100%;margin-top:14px}
.archive-meta{font-size:12px;color:#aaa39a;line-height:1.7}
@media(max-width:1100px){.compact-gallery{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.compact-gallery{grid-template-columns:repeat(3,1fr)}.archive-audio{grid-template-columns:1fr}}
@media(max-width:600px){.compact-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.compact-gallery{grid-template-columns:1fr}}

/* Works & Archives institutional update */
.archive-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.archive-jump a{border:1px solid #3b3e41;padding:9px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c8c1b6;background:#0d1013}
.archive-jump a:hover{border-color:var(--gold);color:var(--gold2)}
.archive-title-block{max-width:900px}
.archive-title-block h2{font-size:clamp(2.25rem,4.5vw,3.7rem);margin:.14em 0 .3em}
.archive-title-block .archive-taxonomy{color:var(--gold2);letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.archive-card-link{display:block;height:100%}
.archive-card-link:hover{border-color:#5a472a}
.archive-status{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b9b2a7}
.archive-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.audio-archive-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;align-items:stretch;background:linear-gradient(120deg,#17130f,#101318);border:1px solid #3a3429;padding:30px}
.audio-archive-panel audio{width:100%;margin:18px 0 8px}
.audio-archive-panel .audio-side{border:1px solid #4a3d28;background:radial-gradient(circle at 50% 45%,#2a2118,#101215 66%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;min-height:280px}
.audio-archive-panel .audio-side strong{font:700 clamp(3.4rem,7vw,5.5rem)/1 Georgia;color:var(--gold)}
.audio-archive-panel .audio-side span{margin-top:12px;color:var(--cream);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.archive-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.archive-photo-grid figure{margin:0;background:#0f1114;border:1px solid var(--line);overflow:hidden}
.archive-photo-grid .gallery-open{min-height:0;aspect-ratio:7/5}
.archive-photo-grid .gallery-open img{min-height:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.18) sepia(.08)}
.archive-photo-grid figcaption{padding:10px 11px;color:#918a80;font-size:11px;line-height:1.45;border-top:1px solid var(--line)}
.catalog-table{width:100%;border-collapse:collapse;background:#0d1013;border:1px solid var(--line)}
.catalog-table th,.catalog-table td{text-align:left;padding:14px 15px;border-bottom:1px solid var(--line);vertical-align:top}
.catalog-table th{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.catalog-table td{color:#b8b1a6;font-size:13px}
.catalog-table tr:last-child td{border-bottom:0}
.research-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.research-item{background:var(--panel);border:1px solid var(--line);padding:22px}
.research-item .source{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.research-item h3{margin:.35em 0 .3em;font-size:1.3rem}
.research-item p{color:var(--muted);margin:.25em 0 .8em}
.research-item a{color:var(--gold2);font-size:12px}
.archive-contribute{background:linear-gradient(105deg,#17120e,#0f1215);border:1px solid #3b3428;padding:32px;display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:center}
.archive-contribute h2{margin:.15em 0 .25em}
@media(max-width:950px){.audio-archive-panel,.archive-contribute{grid-template-columns:1fr}.archive-photo-grid{grid-template-columns:repeat(2,1fr)}.research-list{grid-template-columns:1fr}}
@media(max-width:560px){.archive-photo-grid{grid-template-columns:1fr}.catalog-table,.catalog-table tbody,.catalog-table tr,.catalog-table td{display:block}.catalog-table thead{display:none}.catalog-table td{padding:8px 14px}.catalog-table tr{padding:10px 0;border-bottom:1px solid var(--line)}.catalog-table tr:last-child{border-bottom:0}}


/* Letters & Correspondence archive */
.letters-home-link{margin:1.05rem 0 1.15rem;max-width:760px}
.letters-home-link a{display:grid;gap:.2rem;text-decoration:none;border:1px solid rgba(190,148,68,.55);background:linear-gradient(135deg,rgba(247,239,218,.09),rgba(121,24,24,.14));padding:.85rem 1rem;border-radius:10px;transition:.2s ease}
.letters-home-link a:hover{transform:translateY(-2px);border-color:rgba(224,183,95,.9);background:linear-gradient(135deg,rgba(247,239,218,.13),rgba(121,24,24,.2))}
.letters-home-kicker{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#d6b15e}
.letters-home-link strong{font-family:Georgia,'Times New Roman',serif;font-size:1.03rem;color:#f4ead2;font-weight:600}
.letters-home-arrow{font-size:.82rem;color:#c9b78b}
.letters-feature-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem;border:1px solid rgba(190,148,68,.35);border-radius:14px;background:rgba(255,255,255,.025)}
.letters-feature-panel h2{margin:.2rem 0 .45rem}
.letters-pagehero{background:radial-gradient(circle at 15% 20%,rgba(136,31,31,.17),transparent 32%),radial-gradient(circle at 80% 10%,rgba(201,168,93,.08),transparent 28%)}
.letter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.letter-card{display:grid;grid-template-columns:150px 1fr;gap:1.1rem;border:1px solid rgba(196,160,88,.26);background:rgba(255,255,255,.025);padding:1rem;border-radius:14px;min-height:235px}
.letter-card.featured-letter{border-color:rgba(205,166,86,.58);background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(118,22,22,.10))}
.letter-thumb{position:relative;display:block;min-height:198px;background:#e9dfc6;border:1px solid #c7b687;border-radius:4px;box-shadow:0 8px 22px rgba(0,0,0,.23);overflow:hidden;text-decoration:none;transform:rotate(-.6deg)}
.letter-thumb:before{content:"";position:absolute;inset:13px;border:1px solid rgba(111,73,49,.25)}
.paper-lines{position:absolute;left:24px;right:20px;top:45px;height:95px;background:repeating-linear-gradient(to bottom,rgba(96,67,49,.20) 0,rgba(96,67,49,.20) 1px,transparent 1px,transparent 13px)}
.letter-date{position:absolute;left:22px;top:20px;font:italic .72rem Georgia,serif;color:#6c503f}
.letter-mark{position:absolute;right:20px;bottom:19px;font:700 1.35rem Georgia,serif;color:#8c1e1e;letter-spacing:.06em}
.letter-card-copy h3{margin:.2rem 0 .45rem;font-size:1.35rem}
.letter-card-copy p{margin:.35rem 0;color:#cfc7b7}
.letter-meta{display:flex;flex-wrap:wrap;gap:.35rem .55rem;margin:.7rem 0}
.letter-meta span{font-size:.72rem;border:1px solid rgba(204,170,98,.28);color:#d4c29c;padding:.3rem .48rem;border-radius:999px}
.source-note{font-size:.78rem;color:#9f9687!important}
.unpublished-letters{background:rgba(255,255,255,.018)}
.unpublished-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.unpublished-preview{border:1px solid rgba(194,157,85,.2);padding:.85rem;border-radius:12px;background:rgba(255,255,255,.018)}
.unpublished-paper{aspect-ratio:4/5;background:#e8dec5;color:#704d3c;border:1px solid #c3b080;border-radius:3px;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-shadow:0 8px 20px rgba(0,0,0,.2);margin-bottom:.75rem;position:relative;overflow:hidden}
.unpublished-paper:after{content:"";position:absolute;left:17px;right:17px;top:62px;height:120px;background:repeating-linear-gradient(to bottom,rgba(105,73,48,.16) 0,rgba(105,73,48,.16) 1px,transparent 1px,transparent 14px)}
.unpublished-paper span,.unpublished-paper strong{position:relative;z-index:1}
.unpublished-paper span{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.unpublished-paper strong{font:700 1.15rem Georgia,serif;color:#8b2222}
.unpublished-preview h3{margin:.2rem 0 .25rem;font-size:1rem}
.unpublished-preview p{font-size:.82rem;color:#a9a092;margin:0}
.letters-method,.related-references{border:1px solid rgba(194,157,85,.23);border-radius:14px;padding:1.4rem;background:rgba(255,255,255,.018)}
@media (max-width:900px){.letter-grid{grid-template-columns:1fr}.unpublished-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letters-feature-panel{align-items:flex-start;flex-direction:column}}
@media (max-width:560px){.letter-card{grid-template-columns:95px 1fr}.letter-thumb{min-height:145px}.letter-date{left:12px;top:14px;font-size:.6rem}.letter-mark{right:12px;bottom:12px;font-size:1rem}.paper-lines{left:14px;right:12px;top:38px;height:72px}.unpublished-preview-grid{grid-template-columns:1fr}.letters-home-link strong{font-size:.92rem}}
