/* Leading with Intention - consultant letterhead sheet */
:root{--canvas:#e9e3d7;--paper:#fbf8f1;--ink:#2b2b2b;--util:#5c554a;--accent:#6c2230;--rule:#c9bfae}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--canvas);color:var(--ink);
 font:18px/1.62 Georgia,"Times New Roman",serif;-webkit-text-size-adjust:100%}
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,.skip:focus{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{position:static;display:block;padding:8px 12px;background:var(--paper)}
.sheet{max-width:860px;margin:32px auto;background:var(--paper);padding:48px 56px;
 border:1px solid var(--rule)}
.letterhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
 border-bottom:1px solid var(--rule);padding-bottom:16px}
.lh-name .bt{display:block;font-size:34px;letter-spacing:.06em;font-variant:small-caps;
 line-height:1.15}
.lh-name .bs{display:block;font-size:17px;font-style:italic;color:var(--util)}
.lh-name .by{display:block;font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--util);
 margin-top:4px}
.lh-facts{font:12px/1.7 Arial,Helvetica,sans-serif;color:var(--util);text-align:right}
.lh-facts span{display:block}
.pagelinks{font:12px/2 Arial,Helvetica,sans-serif;padding:12px 0;
 border-bottom:1px solid var(--rule)}
.pagelinks a{text-decoration:none;color:var(--util);white-space:nowrap}
.pagelinks a:hover{color:var(--accent)}
.pagelinks a.here{color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:2px}
.pagelinks .sep{color:var(--rule);margin:0 8px}
.doc{display:grid;grid-template-columns:190px 1fr;gap:32px;margin-top:32px}
.rail{border-right:1px solid var(--rule);padding-right:24px;
 font:12px/1.7 Arial,Helvetica,sans-serif;color:var(--util)}
.rail .rl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);
 margin:24px 0 6px}
.rail .rl:first-child{margin-top:0;font-size:12px}
.rail .rf{margin:0 0 8px}
.rlist{list-style:none;margin:0;padding:0}
.rlist li{padding:3px 0;border-bottom:1px solid var(--rule)}
.rail .rc{margin-top:24px;font-size:11px;line-height:1.6}
.col{min-width:0;max-width:34em}
h1,h2,h3{font-weight:normal;margin:0}
.prop{font-size:44px;line-height:1.12;margin:0 0 8px}
.epigraph{border-left:2px solid var(--accent);padding-left:14px;margin:0 0 24px;
 font-style:italic;color:var(--util);font-size:17px}
.epigraph span{display:block}
.letter p{margin:0 0 16px}
.letter .two{margin:0 0 16px;padding-left:22px}
.letter .two li{margin-bottom:6px}
.sig{margin-top:24px;padding-top:12px;border-top:1px solid var(--rule);
 font-size:20px;font-style:italic}
.expertise,.notes,.creds,.signoff,.member{margin-top:32px;padding-top:16px;
 border-top:1px solid var(--rule)}
h2{font-size:26px;margin-bottom:16px}
h3{font-size:17px;margin:24px 0 8px;font-variant:small-caps;letter-spacing:.04em}
.expertise ol{margin:0;padding-left:26px}
.expertise li{padding:8px 0;border-bottom:1px solid var(--rule);font-size:19px}
.expertise li::marker{color:var(--accent)}
.expertise .here{border-bottom:2px solid var(--accent)}
.note{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--rule)}
.note p{margin:0}
.note .credit{margin-top:8px;text-align:right;
 font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--util)}
.note.press{border-bottom:0}
.rows{display:grid;grid-template-columns:auto 1fr;gap:0;margin:0}
.rows dt{padding:8px 16px 8px 0;border-bottom:1px solid var(--rule);
 font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--util);white-space:nowrap}
.rows dd{margin:0;padding:8px 0;border-bottom:1px solid var(--rule);font-size:13px;
 overflow-wrap:anywhere}
.signoff p{margin:0 0 12px}
.signoff .facts,.signoff .soc{font:12px/1.8 Arial,Helvetica,sans-serif;color:var(--util)}
.docopen .filing{font:11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.1em;
 text-transform:uppercase;color:var(--util);margin:0 0 8px}
.doctitle{font-size:30px;padding-bottom:12px;border-bottom:1px solid var(--rule)}
.member p{margin:0 0 6px;font:13px/1.7 Arial,Helvetica,sans-serif;color:var(--util)}
.ret{margin-top:32px;font:12px/1.6 Arial,Helvetica,sans-serif}
.docfoot{margin-top:40px;padding-top:12px;border-top:1px solid var(--rule);
 font:12px/1.8 Arial,Helvetica,sans-serif;color:var(--util)}
.docfoot p{margin:0}
.docfoot .fn{font-family:Georgia,serif;font-size:14px}
@media (max-width:760px){
 body{background:var(--paper)}
 .sheet{margin:0;padding:20px 18px;border:0;max-width:none}
 .letterhead{display:block;padding-bottom:12px}
 .lh-name .bt{font-size:26px}
 .lh-facts{text-align:left;margin-top:10px}
 .lh-facts span{display:inline;margin-right:12px}
 .pagelinks{line-height:2.6}
 .pagelinks a{display:inline-block;min-height:44px;line-height:44px}
 .doc{display:flex;flex-direction:column;gap:0;margin-top:20px}
 .col{order:1;max-width:none;font-size:17px}
 .rail{order:2;border-right:0;border-top:1px solid var(--rule);padding:20px 0 0;margin-top:32px}
 .prop{font-size:27px}
 .epigraph{margin-left:0;font-size:16px}
 .note .credit{text-align:left}
 .rows{display:block}
 .rows dt{border-bottom:0;padding-bottom:0;white-space:normal}
 .rows dd{padding-top:2px}
}