/* imprint.css: the 2026-11-05 redesign ("Direction D"), layered over site.css.
   Light parchment ground, wax-red actions, serif display type, and the brand-kit
   photographs as the only dark moments. No inline styles anywhere: the CSP is
   style-src 'self', so every photo is a class here, not a style attribute. */

:root{--card:#FBF7EE;--pub-twd:#6B0000;--pub-oj:#2E6B47;--pub-isot:#22324A;--night:#14110c;--sand:#cdb98a;--edge:max(24px,calc((100vw - 1140px)/2))}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.015em}
h1{font-size:clamp(40px,6vw,74px);line-height:1}
h2{font-size:clamp(30px,3.8vw,46px);line-height:1.06}
h3{font-size:clamp(20px,2vw,24px);line-height:1.2}
h1 em,h2 em{color:var(--accent);font-style:italic}

/* photos */
.ph{background-color:#2a241b;background-size:cover;background-position:center;margin:0}
.ph-catalog{background-image:url('/assets/photos/catalog.jpg')}
.ph-chairs{background-image:url('/assets/photos/chairs.jpg')}
.ph-datestamp{background-image:url('/assets/photos/datestamp-800.jpg')}
.ph-datestamp-away{background-image:url('/assets/photos/datestamp-away-800.jpg')}
.ph-form{background-image:url('/assets/photos/form.jpg')}
.ph-nib{background-image:url('/assets/photos/nib.jpg')}
.ph-nib-sm{background-image:url('/assets/photos/nib-800.jpg')}
.ph-signature{background-image:url('/assets/photos/signature.jpg')}
.ph-signature-sm{background-image:url('/assets/photos/signature-800.jpg')}
.ph-stack{background-image:url('/assets/photos/stack.jpg')}
.ph-datestamp-lg{background-image:url('/assets/photos/datestamp.jpg')}

/* masthead */
.im-top{position:sticky;top:0;z-index:30;background:rgba(246,239,225,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.im-top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.im-wm{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.im-wm img{width:40px;height:auto}
.im-wm b{font-family:var(--serif);font-weight:500;font-size:23px;letter-spacing:-.01em;white-space:nowrap}
.im-wm b i{color:var(--accent)}
.im-nav{display:flex;align-items:center;gap:26px;font-size:14px}
.im-nav a{color:var(--ink-2);text-decoration:none}
.im-nav a:hover,.im-nav a[aria-current]{color:var(--ink)}
.im-nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--accent)}
.im-nav .btn{color:var(--on-accent);box-shadow:none}
.btn.sm{padding:9px 14px;font-size:13.5px}
.im-menu{display:none;position:relative}
.im-menu summary{list-style:none;cursor:pointer;font-size:14px;font-weight:600;border:1.5px solid var(--ink);padding:8px 13px;border-radius:2px}
.im-menu summary::-webkit-details-marker{display:none}
.im-menu .im-drop{position:absolute;right:0;top:calc(100% + 10px);background:var(--card);border:1px solid var(--rule);box-shadow:0 12px 30px rgba(30,24,16,.15);min-width:220px;padding:8px 0;display:flex;flex-direction:column}
.im-menu .im-drop a{padding:11px 18px;color:var(--ink);text-decoration:none;font-size:15px}
@media (max-width:820px){.im-nav{display:none}.im-menu{display:block}.im-wm b{font-size:20px}.im-wm img{width:34px}}

/* split hero: text left, photo bleeding to the right edge */
section.im-split{padding:0;display:grid;grid-template-columns:1.05fr 1fr;min-height:540px;border-top:0;border-bottom:1px solid var(--rule);background:var(--paper)}
section.im-split>.wrap{width:auto;margin:0;padding:84px 56px 64px var(--edge)}
section.im-split>.ph{min-height:100%}
section.im-split .rule-mark{display:none}
section.im-split .prose.lead{font-size:21px}
.im-cap{position:relative}
.im-cap span{position:absolute;left:22px;bottom:18px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#efe6cc;opacity:.85}
@media (max-width:860px){section.im-split{grid-template-columns:1fr;min-height:0}
 section.im-split>.ph{order:-1;min-height:240px}
 section.im-split>.wrap{padding:44px 24px 44px}}

/* shared labels */
.im-label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px;margin:0 0 6px}
.im-label::after{content:"";flex:1;height:1px;background:var(--rule)}
.im-kick{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.k-twd{color:var(--pub-twd)} .k-oj{color:var(--pub-oj)} .k-isot{color:var(--pub-isot)}
.im-meta{font-size:13px;color:var(--muted)}
.im-sub{font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--ink-2);max-width:640px;margin:12px 0 0}

/* home hero facts */
.im-facts{display:flex;flex-wrap:wrap;margin-top:42px;border-top:1px solid var(--rule)}
.im-facts div{padding:16px 26px 0 0;font-size:12.5px;color:var(--muted);line-height:1.35}
.im-facts b{display:block;font-family:var(--serif);font-weight:500;font-size:25px;color:var(--ink)}
.im-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* this week */
section.im-week{border-top:0;padding:70px 0}
.im-week .wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:56px}
.im-feat{display:grid;grid-template-columns:230px 1fr;gap:32px;margin-top:24px}
.im-feat .ph{min-height:290px;border-radius:2px}
.im-feat h2{font-size:clamp(32px,3.6vw,44px);margin:12px 0 14px}
.im-feat h2 a,.im-also h3 a,.im-row h3 a,.im-pub li a{color:var(--ink);text-decoration:none}
.im-feat h2 a:hover,.im-also h3 a:hover,.im-row h3 a:hover,.im-pub li a:hover{color:var(--accent)}
.im-feat p{font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--ink-2);margin:0}
.im-feat .im-meta{margin-top:14px}
.im-also article{padding:18px 0;border-bottom:1px solid var(--rule-soft)}
.im-also h3{font-size:22px;margin:6px 0 4px}
@media (max-width:960px){.im-week .wrap{grid-template-columns:1fr}.im-feat{grid-template-columns:1fr}.im-feat .ph{min-height:220px}}

/* publications shelf */
section.im-pubs{background:var(--paper-2);padding:80px 0}
.im-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.im-pub{background:var(--card);border:1px solid var(--rule-soft);border-radius:3px;overflow:hidden;display:flex;flex-direction:column}
.im-pub .ph{height:200px;border-bottom:4px solid var(--pc)}
.im-pub.p-twd{--pc:var(--pub-twd)} .im-pub.p-oj{--pc:var(--pub-oj)} .im-pub.p-isot{--pc:var(--pub-isot)}
.im-pub .in{padding:22px 24px 6px;flex:1}
.im-pub h3{font-size:26px;margin:8px 0}
.im-pub p{font-family:var(--serif);font-size:16.5px;line-height:1.5;color:var(--ink-2);margin:0}
.im-pub ul{list-style:none;margin:16px 0 0;padding:0}
.im-pub li{padding:11px 0;border-top:1px solid var(--rule-soft);font-family:var(--serif);font-size:17px;line-height:1.3}
.im-pub li span{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);margin-top:3px}
.im-pub .go{font-size:13.5px;font-weight:600;padding:16px 24px 20px;color:var(--pc);text-decoration:none}
@media (max-width:960px){.im-shelf{grid-template-columns:1fr}}

/* the standard */
section.im-std{position:relative;background:var(--night);color:var(--paper);padding:0;border:0;overflow:hidden}
.im-std .ph{position:absolute;inset:0;opacity:.55;background-position:right center}
.im-std .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 36%,rgba(20,17,12,.25))}
.im-std .wrap{position:relative;padding:96px 0}
.im-std .im-label{color:var(--sand)} .im-std .im-label::after{background:#4a4030;max-width:120px}
.im-std h2{color:var(--paper);max-width:620px;margin:16px 0 28px}
.im-std ol{list-style:none;padding:0;margin:0;max-width:580px;counter-reset:n}
.im-std li{counter-increment:n;display:grid;grid-template-columns:52px 1fr;padding:16px 0;border-top:1px solid #3d3527;font-family:var(--serif);font-size:21px;line-height:1.35}
.im-std li::before{content:counter(n,decimal-leading-zero);font-family:var(--sans);font-size:13px;font-weight:700;color:var(--sand);padding-top:6px}
.im-std li small{display:block;font-size:16px;color:#bfb49c;margin-top:4px}
.im-std a{color:var(--sand)}
@media (max-width:760px){.im-std .ph{opacity:.25}.im-std .wrap{padding:64px 0}}

/* from the index */
section.im-idx{padding:80px 0}
.im-idx-grid{display:grid;grid-template-columns:1fr 280px;gap:60px;margin-top:26px}
.im-row{display:grid;grid-template-columns:200px 1fr;gap:28px;padding:22px 0;border-top:1px solid var(--rule-soft)}
.im-row h3{font-size:24px;margin:0}
.im-row p{font-family:var(--serif);font-size:16.5px;line-height:1.5;color:var(--ink-2);margin:6px 0 0}
.im-row .im-meta{margin-top:8px}
.im-side h4{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.im-side a{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--rule-soft);font-family:var(--serif);font-size:17px;color:var(--ink);text-decoration:none}
.im-side a:hover{color:var(--accent)}
.im-side a span{font-family:var(--sans);font-size:12.5px;color:var(--muted)}
@media (max-width:960px){.im-idx-grid{grid-template-columns:1fr}.im-row{grid-template-columns:1fr;gap:6px}}

/* network */
section.im-net{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:var(--paper-2);padding:0}
.im-net .txt{padding:80px var(--edge) 80px 64px}
.im-net h2{font-size:clamp(36px,4.4vw,54px);margin:14px 0 16px}
.im-net p:not(.eyebrow){font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--ink-2)}
.im-ppl{margin-top:26px;border-top:1px solid var(--rule)}
.im-ppl div{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--rule);font-size:14.5px;font-weight:500}
.im-ppl i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;color:var(--paper);font-size:13px;flex:none;background:var(--pc,var(--ink-2))}
.im-ppl .p-twd{--pc:var(--pub-twd)} .im-ppl .p-oj{--pc:var(--pub-oj)} .im-ppl .p-isot{--pc:var(--pub-isot)}
.im-ppl span{color:var(--muted);font-size:13px;font-weight:400;margin-left:auto;text-align:right}
.im-ppl .open i{background:transparent;border:1.5px dashed var(--muted);color:var(--muted)}
@media (max-width:860px){section.im-net{grid-template-columns:1fr}.im-net .ph{min-height:260px}.im-net .txt{padding:48px 24px}}

/* footer */
.im-foot{background:var(--forest);color:#d7dccf;padding:60px 0 36px;font-size:14px}
.im-foot .grid4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.im-foot .im-wm b{color:var(--paper)} .im-foot .im-wm b i{color:var(--footer-link)}
.im-foot h5{color:var(--footer-link);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 12px}
.im-foot ul{list-style:none;margin:0;padding:0} .im-foot li{padding:3px 0}
.im-foot a{color:#d7dccf;text-decoration:none} .im-foot a:hover{color:var(--paper);text-decoration:underline}
.im-foot p{margin:14px 0 0;max-width:300px;line-height:1.6;color:#b9c0b3}
.im-foot .colo{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:44px;padding-top:20px;border-top:1px solid #34543f;color:#a9b3a5;font-size:13px}
@media (max-width:860px){.im-foot .grid4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.im-foot .grid4{grid-template-columns:1fr}}

/* the index page, restyled to match */
.idx-card{background:var(--card);border:1px solid var(--rule-soft);border-top:4px solid var(--pc,var(--rule));border-left-width:1px;border-radius:3px;box-shadow:0 8px 24px rgba(30,24,16,.05)}
.idx-card.p-twd{--pc:var(--pub-twd)} .idx-card.p-oj{--pc:var(--pub-oj)} .idx-card.p-isot{--pc:var(--pub-isot)}
.idx-card h3{font-size:23px}
.idx-title{color:var(--ink)}

/* 2026-11-05: index paging, publication pages */
.im-more{display:flex;justify-content:center;margin-top:30px}
.im-more .btn[hidden]{display:none}
.im-disclose{background:var(--paper-2);border-left:3px solid var(--rule);padding:14px 18px;font-size:14px;color:var(--ink-2);margin:18px 0 6px;max-width:820px}
a.im-h2link{color:inherit;text-decoration:none} a.im-h2link:hover{color:var(--accent)}
.eyebrow a{color:inherit;text-decoration:none} .eyebrow a:hover{text-decoration:underline}
#idx-chips-pub{margin-bottom:14px}
#idx-chips-pub .idx-chip{padding:7px 14px}
#idx-chips-pub .idx-chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* publication marks, each on its own publication's ground */
.pmark{display:grid;place-items:center;height:200px;background:var(--pbg);border-bottom:4px solid var(--pc)}
.pmark img{width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.pm-twd{--pbg:radial-gradient(circle at 50% 45%,#22252e,#111318 70%)}
.pm-oj{--pbg:radial-gradient(circle at 50% 45%,#1a2d4a,#0d1a2e 70%)}
.pm-isot{--pbg:radial-gradient(circle at 50% 45%,#1a1f29,#0a0d12 70%)}
.pmark-hero{margin:0;display:flex}
.pmark-hero .pmark{flex:1;height:auto;min-height:100%;border-bottom:0}
.pmark-hero .pmark img{width:min(300px,60%);height:auto}
.im-split .pmark-hero{min-height:100%}
@media (max-width:860px){.pmark-hero{order:-1}.pmark-hero .pmark{min-height:260px}.pmark-hero .pmark img{width:180px}}
