/* Inner pages, 2026-09-29 (Sam: "all the other pages having a top brand feel like this homepage does now").
   Same tokens as home.css. Hero = oxblood with the E as a window; article = contents rail + text; close = charcoal. */
:root{--ox:#85010c;--char:#1f1f1f;--ivory:#f7f4ec;--brass:#b08d57;--rule:#d8cdb5;--g:48px}
body.inner{background:var(--ivory);color:var(--char)}
.inner main{display:block}
.inner .eyebrow{font:600 12px/1 "Albert Sans",sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#d9c29a}

/* scroll hairline under the header, as on the home page */
.head{position:sticky}
.head .readbar{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--brass);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}

/* ---- hero */
.ihero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:center;
 background:var(--ox);color:var(--ivory);padding:clamp(48px,8vh,96px) var(--g) clamp(48px,8vh,96px) calc(var(--g) + 40px);min-height:min(76vh,780px);overflow:hidden}
.ihero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(176,141,87,.6)}
.icopy{max-width:760px}
.icrumbs{font:500 13px/1.4 "Albert Sans",sans-serif;color:#e8cfcb;margin-bottom:22px}
.icrumbs a{color:#f3e4e1;text-decoration:none;border-bottom:1px solid rgba(176,141,87,.8)}
.ihero h1{font:500 clamp(44px,min(5.4vw,9vh),104px)/.98 "EB Garamond",Garamond,serif;letter-spacing:-.015em;margin:18px 0 0;text-wrap:balance;color:var(--ivory)}
.ilede{font-size:clamp(17px,1.2vw,21px);line-height:1.6;color:#f0dcd9;max-width:46ch;margin-top:clamp(16px,2.6vh,28px);text-wrap:pretty}
.ictas{display:flex;gap:12px;flex-wrap:wrap;margin-top:clamp(20px,3.4vh,36px)}
.inner .btn{display:inline-block;background:var(--ivory);color:var(--ox);border-radius:0;padding:16px 24px;font-weight:700;text-decoration:none;border:0;box-shadow:none}
.inner .btn.ghost{background:transparent;color:var(--ivory);box-shadow:inset 0 0 0 1px rgba(247,244,236,.7)}
.inner .btn:hover{filter:brightness(.96)}
.iledger{display:grid;grid-template-columns:repeat(3,1fr);max-width:540px;border-top:1px solid rgba(176,141,87,.6);margin-top:clamp(24px,4.4vh,48px)}
.iledger div{padding:16px 16px 0 0}.iledger b{display:block;font:500 clamp(26px,2.2vw,38px)/1 "EB Garamond",serif}
.iledger span{display:block;font-size:13px;color:#e3c7c3;margin-top:8px}
.iwin{display:flex;justify-content:center;align-items:center}
.ie{position:relative;height:min(60vh,560px);aspect-ratio:1484/1752;max-width:100%}
.ie img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.ie .iph{object-fit:cover;-webkit-mask:url(img/e-blades.svg) center/contain no-repeat;mask:url(img/e-blades.svg) center/contain no-repeat;animation:iin 1.1s cubic-bezier(.16,1,.3,1) both}
.ie .ibr{animation:ifade .8s .35s ease-out both}
@keyframes iin{from{clip-path:inset(100% 0 0 0);transform:scale(1.08)}to{clip-path:inset(0 0 0 0);transform:none}}
@keyframes ifade{from{opacity:0}to{opacity:1}}
.ihero .icopy>*{animation:irise .8s cubic-bezier(.16,1,.3,1) both}
.ihero .icopy>*:nth-child(2){animation-delay:.06s}.ihero .icopy>*:nth-child(3){animation-delay:.12s}.ihero .icopy>*:nth-child(4){animation-delay:.18s}.ihero .icopy>*:nth-child(5){animation-delay:.24s}.ihero .icopy>*:nth-child(6){animation-delay:.3s}
@keyframes irise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---- article */
.iart{padding:clamp(56px,9vh,110px) var(--g) clamp(64px,10vh,120px) calc(var(--g) + 40px)}
.iart.has-toc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(40px,6vw,110px)}
.itoc{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.itoc b{font:600 11px/1 "Albert Sans",sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#8a7348;padding:18px 0 10px}
.itoc a{display:flex;gap:12px;padding:9px 0;color:#5f5a52;text-decoration:none;font-size:14px;line-height:1.35;border-bottom:1px solid rgba(216,205,181,.6);transition:color .2s}
.itoc a span{font:500 14px/1.35 "EB Garamond",serif;color:var(--brass);min-width:20px}
.itoc a:hover,.itoc a.on{color:var(--ox)}.itoc a.on span{color:var(--ox)}
.ibody{max-width:720px;font-size:18px;line-height:1.72;color:#2a2826}
.ibody>p:first-child,.ibody>header p:first-of-type{font:400 clamp(21px,1.6vw,25px)/1.5 "EB Garamond",Garamond,serif;color:var(--char)}
.ibody p{margin:0 0 20px;text-wrap:pretty}
.ibody h2{font:500 clamp(30px,2.6vw,42px)/1.08 "EB Garamond",Garamond,serif;color:var(--char);margin:64px 0 20px;scroll-margin-top:110px;text-wrap:balance}
.ibody h2 .hn{display:block;font:600 12px/1 "Albert Sans",sans-serif;letter-spacing:.28em;color:var(--brass);margin-bottom:14px}
.ibody h3{font:500 clamp(22px,1.7vw,27px)/1.2 "EB Garamond",Garamond,serif;color:var(--char);margin:34px 0 10px}
.ibody a{color:var(--ox);text-decoration:underline;text-decoration-color:rgba(176,141,87,.8);text-underline-offset:4px;text-decoration-thickness:1px}
.ibody a:hover{text-decoration-color:var(--ox)}
.ibody strong{color:var(--char);font-weight:700}
.ibody ul{list-style:none;margin:0 0 24px;padding:0}
.ibody ul>li{position:relative;padding:12px 0 12px 30px;border-top:1px solid rgba(216,205,181,.7)}
.ibody ul>li:last-child{border-bottom:1px solid rgba(216,205,181,.7)}
.ibody ul>li:before{content:"";position:absolute;left:0;top:25px;width:16px;height:1px;background:var(--brass)}
.ibody ol{counter-reset:io;list-style:none;margin:0 0 24px;padding:0}
.ibody ol>li{counter-increment:io;position:relative;padding:14px 0 14px 52px;border-top:1px solid rgba(216,205,181,.7)}
.ibody ol>li:last-child{border-bottom:1px solid rgba(216,205,181,.7)}
.ibody ol>li:before{content:counter(io,decimal-leading-zero);position:absolute;left:0;top:13px;font:500 22px/1.2 "EB Garamond",serif;color:var(--brass)}
.ibody ul.cols{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
.ibody ul.cols>li{padding:13px 0;border-top:1px solid rgba(216,205,181,.7);border-bottom:0}
.ibody ul.cols>li:before{display:none}
.ibody ul.cols a{text-decoration:none;color:var(--char);display:flex;justify-content:space-between;gap:10px}
.ibody ul.cols a:after{content:"\2192";color:var(--brass);transition:transform .25s}
.ibody ul.cols a:hover{color:var(--ox)}.ibody ul.cols a:hover:after{transform:translateX(4px);color:var(--ox)}
.ibody details{border-top:1px solid rgba(216,205,181,.9)}
.ibody details:last-of-type{border-bottom:1px solid rgba(216,205,181,.9)}
.ibody summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font:500 clamp(20px,1.5vw,24px)/1.3 "EB Garamond",serif;color:var(--char)}
.ibody summary::-webkit-details-marker{display:none}
.ibody summary:after{content:"+";position:absolute;right:4px;top:16px;font:300 28px/1 "Albert Sans",sans-serif;color:var(--brass);transition:transform .25s}
.ibody details[open] summary:after{transform:rotate(45deg)}
.ibody details p{margin:0 0 22px;color:#4a4640}
.ibody blockquote,.ibody .note{border-left:2px solid var(--brass);padding:4px 0 4px 22px;margin:28px 0;font:400 22px/1.5 "EB Garamond",serif;color:var(--char)}
.ibody .caps{display:block;font:600 11px/1.4 "Albert Sans",sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#8a7348;margin:6px 0 30px}
.ibody header{margin:0 0 10px}
.ibody table{width:100%;border-collapse:collapse;margin:0 0 28px;font-size:16px}
.ibody th,.ibody td{text-align:left;padding:12px 10px 12px 0;border-bottom:1px solid rgba(216,205,181,.8);vertical-align:top}
.ibody th{font:600 12px/1.3 "Albert Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8a7348}
/* the letters and templates: a sheet of paper */
.ibody .letter,.ibody .tpl,.ibody pre{background:#fffdf8;border:1px solid var(--rule);box-shadow:0 18px 40px -28px rgba(31,31,31,.35);padding:28px 32px;margin:18px 0 32px;font-size:16px;white-space:normal}
.ibody pre{white-space:pre-wrap;font:15px/1.6 "Albert Sans",sans-serif}

/* ---- close band (home .xclose) */
.iclose{background:var(--char);color:var(--ivory);padding:clamp(64px,11vh,110px) var(--g) clamp(64px,11vh,110px) calc(var(--g) + 40px);display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid rgba(176,141,87,.4)}
.iclose p{font:500 clamp(32px,3.4vw,54px)/1.06 "EB Garamond",serif;max-width:17ch;text-wrap:balance;margin:0}
.iclose div{display:flex;gap:12px;flex-wrap:wrap}
.inner footer .wrap{max-width:none;margin:0;padding:0 var(--g) 0 calc(var(--g) + 40px)}

/* ---- forms on inner pages (quote) */
.ibody form label{display:block;font:600 14px/1.3 "Albert Sans",sans-serif;color:var(--char);margin:18px 0 6px}
.ibody form input,.ibody form select,.ibody form textarea{width:100%;font:16px/1.4 "Albert Sans",sans-serif;padding:14px 14px;border:1px solid #cbbfa6;background:#fffdf8;border-radius:0;color:var(--char)}
.ibody form input:focus,.ibody form select:focus,.ibody form textarea:focus{outline:2px solid var(--ox);outline-offset:1px;border-color:var(--ox)}
.ibody form button,.ibody form .btn{margin-top:24px;background:var(--ox);color:var(--ivory);border:0;border-radius:0;padding:17px 28px;font:700 16px/1 "Albert Sans",sans-serif;cursor:pointer}

@media(max-width:1100px){.ihero,.iart,.iclose,.inner footer .wrap{padding-left:var(--g)}.iart.has-toc{grid-template-columns:1fr}.itoc{display:none}}
@media(max-width:900px){
 :root{--g:20px}
 .ihero{grid-template-columns:1fr;gap:28px;padding:36px 20px 44px;min-height:0}
 .iwin{order:-1}.ie{height:min(40vh,320px)}
 .ihero h1{font-size:clamp(38px,10.5vw,56px)}
 .ictas .btn{flex:1;text-align:center;padding:15px 12px;white-space:nowrap;font-size:15px}
 .iart{padding:48px 20px 64px}.ibody{font-size:17px}
 .ibody ul.cols{grid-template-columns:1fr}
 .iclose{flex-direction:column;align-items:flex-start;padding:64px 20px}
 .ibody .letter,.ibody .tpl,.ibody pre{padding:20px 18px}
}
@media(prefers-reduced-motion:reduce){.ie .iph,.ie .ibr,.ihero .icopy>*{animation:none}}
.inner .head .wrap{max-width:none;padding:0 var(--g)}.inner .head{border-bottom:1px solid rgba(176,141,87,.55)}
.ibody form .note,.ibody form p{border:0;padding:0;margin:14px 0 0;font:14px/1.5 "Albert Sans",sans-serif;color:#5f5a52}
.ibody section,.ibody .doc{padding:0;margin:0;max-width:none;width:auto}

/* 2026-09-29 proposal pass: the switch line in the close band, and the Library list */
.iclose .switchline{flex-basis:100%;margin-top:22px}
.iclose .switchline a{color:var(--ivory)}.iclose .switchline a span{color:#e6c9a0}
.ibody ul.lib{list-style:none;padding:0;margin:0 0 20px;border-top:1px solid rgba(216,205,181,.9)}
.ibody ul.lib li{margin:0;padding:0}
.ibody ul.lib a{display:block;padding:18px 36px 18px 0;border-bottom:1px solid rgba(216,205,181,.9);text-decoration:none;position:relative}
.ibody ul.lib a:after{content:"\2192";position:absolute;right:6px;top:22px;color:var(--brass);transition:transform .25s}
.ibody ul.lib a:hover:after{transform:translateX(5px)}
.ibody ul.lib b{display:block;font:500 clamp(20px,1.5vw,24px)/1.25 "EB Garamond",serif;color:var(--char)}
.ibody ul.lib a:hover b{color:var(--ox)}
.ibody ul.lib span{display:block;font-size:15px;color:#5f5a52;margin-top:4px}