:root{
    --brick:#8f3226;      /* cotton-mill brick */
    --kiln:#521d15;       /* over-fired brick, footer */
    --cream:#f6efdc;      /* ledger leaf */
    --parch:#ebdfc3;      /* page behind the leaves */
    --feint:#8fa9b8;      /* ledger feint-blue rule */
    --ink:#2b241d;        /* iron-gall ink */
    --denim:#3d5a72;      /* workshirt blue, links */
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--parch);color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:16.5px;line-height:1.65}
  .tw{font-family:'Courier New',Courier,monospace}
  a{color:var(--denim)}
  a:focus-visible,button:focus-visible{outline:3px solid var(--denim);outline-offset:2px}
  .skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--cream);padding:8px 14px;z-index:50}
  .skip:focus{left:8px;top:8px}
  .col{max-width:1020px;margin:0 auto;padding:0 22px}
  p{margin-bottom:14px}
  strong{color:var(--kiln)}

  /* book spine + masthead */
  .spine{height:9px;background:var(--kiln);border-bottom:2px solid var(--brick)}
  .mast{background:var(--cream);border-bottom:4px double var(--ink);padding:20px 0 16px}
  .mast .col{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
  .marque{font-size:clamp(30px,5vw,46px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--ink)}
  .marque em{font-style:normal;color:var(--brick)}
  .ledline{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6f6350;margin-top:8px}
  .callbox{text-align:right}
  .callbox .lbl{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#6f6350;margin-bottom:4px}
  .callbox a{display:inline-block;background:var(--brick);color:var(--cream);text-decoration:none;font-weight:700;font-size:clamp(19px,2.6vw,25px);letter-spacing:.05em;padding:10px 18px;border:2px solid var(--kiln);box-shadow:3px 3px 0 rgba(43,36,29,.35)}
  .callbox a:hover{background:#a03b2c}

  /* mill wall */
  .millwall{background-color:var(--brick);background-image:linear-gradient(rgba(30,8,4,.22) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(30,8,4,.10) 1px,transparent 1px);background-size:100% 24px,72px 24px;padding:52px 0 58px}

  /* the ledger leaf */
  .leaf{background-color:var(--cream);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,rgba(115,148,166,.38) 28px,rgba(115,148,166,.38) 29px);border:1px solid #cbbb95;box-shadow:0 10px 26px rgba(30,8,4,.4);position:relative;padding:34px 36px 32px 92px}
  .leaf::before{content:"";position:absolute;top:0;bottom:0;left:56px;width:6px;border-left:1.5px solid rgba(143,50,38,.55);border-right:1.5px solid rgba(143,50,38,.55)}
  @media(max-width:640px){.leaf{padding:26px 20px 26px 54px}.leaf::before{left:28px}}
  .entryline{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--brick);font-weight:700;margin-bottom:14px}
  .leaf h1{font-size:clamp(30px,4.6vw,50px);line-height:1.12;font-weight:700;margin-bottom:14px;color:var(--ink)}
  .leaf h1 em{font-style:italic;color:var(--brick)}
  .leaf .lead{max-width:640px;font-size:17px}
  .actrow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}
  .callbtn{display:inline-block;background:var(--kiln);color:var(--cream);text-decoration:none;font-weight:700;font-size:19px;letter-spacing:.04em;padding:14px 26px;border:2px solid var(--ink);box-shadow:4px 4px 0 rgba(43,36,29,.3)}
  .callbtn:hover{background:var(--brick)}
  .actrow .free{font-size:13px;color:#6f6350;letter-spacing:.06em}
  .leaf .fine{font-size:12.5px;color:#6f6350;margin:16px 0 0}

  /* section furniture */
  section{padding:52px 0}
  .acct{font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brick);margin-bottom:10px}
  h2{font-size:clamp(24px,3.6vw,36px);line-height:1.15;margin-bottom:16px;letter-spacing:.01em}
  h3{font-size:19px;margin-bottom:6px}
  .intro{max-width:700px}

  /* services = the accounts index */
  .index{margin-top:26px;border-top:3px double var(--ink);position:relative}
  .index::before{content:"";position:absolute;top:0;bottom:0;left:70px;width:0;border-left:1.5px solid rgba(143,50,38,.4)}
  @media(max-width:700px){.index::before{display:none}}
  .arow{display:grid;grid-template-columns:96px 1fr 215px;gap:18px;padding:18px 4px;border-bottom:1px solid var(--feint);align-items:start}
  .arow .no{font-weight:700;color:var(--brick);font-size:15px;letter-spacing:.04em;padding-top:3px}
  .arow p{margin:0;font-size:15px;color:#4c4232}
  .arow .ann{font-size:12.5px;letter-spacing:.04em;color:#6f6350;text-transform:uppercase;text-align:right;padding-top:5px}
  @media(max-width:700px){.arow{grid-template-columns:64px 1fr}.arow .ann{grid-column:2;text-align:left;padding-top:2px}}

  /* how it works = three entries */
  .postings{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px double var(--ink);margin-top:26px}
  @media(max-width:780px){.postings{grid-template-columns:1fr}}
  .post{padding:22px 22px 8px 0;border-right:1px dotted var(--feint)}
  .post:last-child{border-right:none}
  @media(max-width:780px){.post{border-right:none;border-bottom:1px dotted var(--feint);padding-right:0}}
  .post .tick{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#6f6350;margin-bottom:6px}
  .post .num{font-size:40px;font-weight:700;color:var(--brick);line-height:1;margin-bottom:8px}
  .post p{font-size:14.5px;color:#4c4232}

  /* the double-page ledger */
  .deskband{background:var(--cream);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
  .book{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;border:1px solid #b3a37e;box-shadow:0 8px 22px rgba(43,36,29,.25)}
  @media(max-width:840px){.book{grid-template-columns:1fr}}
  .page{background-color:#faf4e3;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,rgba(115,148,166,.33) 26px,rgba(115,148,166,.33) 27px);padding:26px 26px 24px 64px;position:relative}
  .page::before{content:"";position:absolute;top:0;bottom:0;left:38px;border-left:1.5px solid rgba(143,50,38,.5)}
  .page.verso{border-right:1px solid #b3a37e;box-shadow:inset -14px 0 18px -14px rgba(43,36,29,.45)}
  .page.recto{box-shadow:inset 14px 0 18px -14px rgba(43,36,29,.45)}
  @media(max-width:840px){.page.verso{border-right:none;border-bottom:1px solid #b3a37e}}
  .page h3{text-transform:uppercase;letter-spacing:.12em;font-size:15px;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:4px}
  table.rates{width:100%;border-collapse:collapse;font-size:14px}
  .rates td{padding:8px 0;border-bottom:1px dotted var(--feint);vertical-align:top}
  .rates td.amt{text-align:right;white-space:nowrap;font-family:'Courier New',Courier,monospace;font-weight:700;color:var(--kiln)}
  .pagefoot{font-size:12px;color:#6f6350;margin-top:12px;margin-bottom:0}
  .page ul{list-style:none;margin:6px 0 0}
  .page li{padding:8px 0 8px 2px;border-bottom:1px dotted var(--feint);font-size:14px}
  .page li b{color:var(--kiln)}
  .page li .tw{font-size:12.5px;color:var(--brick)}

  /* memo */
  .memo{margin-top:30px;background:#f3ead2;border:2px dashed var(--brick);padding:22px 24px;font-family:'Courier New',Courier,monospace;max-width:860px}
  .memo h3{font-family:'Courier New',Courier,monospace;letter-spacing:.14em;text-transform:uppercase;font-size:15px;color:var(--kiln);margin-bottom:10px}
  .memo li{list-style:none;padding:6px 0 6px 26px;position:relative;font-size:14px;line-height:1.5}
  .memo li::before{content:"✗";position:absolute;left:2px;color:var(--brick);font-weight:700}
  .memo .sig{margin-top:12px;font-size:12.5px;color:#6f6350}

  /* territory */
  .twocol{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start;margin-top:8px}
  @media(max-width:840px){.twocol{grid-template-columns:1fr}}
  table.miles{width:100%;border-collapse:collapse;font-size:14.5px;border-top:3px double var(--ink)}
  .miles th{text-align:left;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#6f6350;padding:10px 0 6px;border-bottom:1px solid var(--ink);font-family:'Courier New',Courier,monospace}
  .miles th:nth-child(2),.miles td:nth-child(2){text-align:right}
  .miles th:last-child,.miles td:last-child{text-align:right}
  .miles td{padding:8px 0;border-bottom:1px dotted var(--feint)}
  .miles td:nth-child(2){font-family:'Courier New',Courier,monospace;font-weight:700;color:var(--kiln);white-space:nowrap}
  .miles td:last-child{font-size:12.5px;color:#6f6350;text-transform:uppercase;letter-spacing:.06em}

  /* correspondence (FAQ) */
  .qa{border-bottom:1px solid var(--feint);padding:20px 0}
  .qa .q{display:grid;grid-template-columns:40px 1fr;gap:8px;font-family:'Courier New',Courier,monospace;font-weight:700;font-size:16.5px;color:var(--kiln)}
  .qa .q .mk{color:var(--brick)}
  .qa .a{display:grid;grid-template-columns:40px 1fr;gap:8px;margin-top:10px;font-size:15px;color:#4c4232}
  .qa .a .mk{font-family:'Courier New',Courier,monospace;font-weight:700;color:var(--denim)}
  .qa .a p{margin-bottom:8px}
  .qa .a p:last-child{margin-bottom:0}

  /* closing wall + footer */
  .closing{text-align:center;padding:58px 0}
  .closing h2{color:var(--cream);text-shadow:0 2px 0 rgba(30,8,4,.4)}
  .closing p{color:#f0dcc4;max-width:560px;margin:0 auto 22px;font-size:15.5px}
  .closing .callbtn{background:var(--cream);color:var(--kiln);border-color:var(--kiln)}
  .closing .callbtn:hover{background:#fff8e6}
  footer{background:var(--kiln);color:#dcc5ae;padding:34px 0 26px;font-size:13px;line-height:1.6}
  footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;margin-bottom:20px}
  @media(max-width:700px){footer .cols{grid-template-columns:1fr}}
  footer h4{color:var(--cream);text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin-bottom:8px;font-family:'Courier New',Courier,monospace}
  footer a{color:#f0dcc4}
  footer .disc{border-top:1px solid #7a4335;padding-top:16px;font-size:12px;color:#c9ad94}