/* ============================================================
   style-chrome.css — GENERATED. DO NOT EDIT THIS FILE.

   Written by ~/Claude/scripts/hct-build.py from style-t.css, which is the
   homepage stylesheet and the one place the nav and the footer are styled.
   Every rule below was copied out of it verbatim, in its original order:
   every rule whose selector names a .nav*, .logo*, .foot* or .colophon class,
   every :root block, and the @font-face blocks a chrome rule names by family
   (Fraunces).

   Edit style-t.css, re-run the build, and the document pages follow. Edit
   this file and the next build throws your change away.

   A COMPANION SHEET, NOT A STANDALONE ONE. Families reached through a token
   rather than by name -- var(--serif), var(--sans) -- are not carried here;
   they come from the page's own stylesheet, which is loaded alongside this.

   Generated 11 Sep 2026.
   ============================================================ */

@font-face{font-family:"Fraunces";
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url("assets/fonts/fraunces-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Fraunces";
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url("assets/fonts/fraunces-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
:root{color-scheme:light;

  /* the cream family — one ground per section, all within a whisper of each other */
  --c-hero:#FBF8F1;
  --c-1:#F3EFE4;   /* what it is        — warm oat  */
  --c-2:#EDEFE7;   /* what it is not    — pale sage */
  --c-3:#F6F0E7;   /* contexts          — light sand */
  --c-4:#FBF8F1;   /* the cast          — back to hero cream */
  --c-5:#F1ECEA;   /* personal / pro    — pale clay */
  --c-6:#E9EEEC;   /* the rule          — pale mint */
  --c-7:#F5EDE3;   /* sign up           — deepest cream */

  --card:#FFFDF8;
  --ink:#2B2320;
  --soft:#6E645D;
  --line:#DCD5C8;
  --deep:#2C2023;
  --strike:#C0392B;

  --serif:"Newsreader",Iowan Old Style,Palatino,Georgia,serif;
  --sans:"Karla",ui-sans-serif,system-ui,sans-serif;
  --hand:"Caveat",var(--serif);
  --r:18px;
  --gut:22px;
  --ease:cubic-bezier(.2,.7,.3,1);}
.nav{display:flex;align-items:center;justify-content:space-between;
  padding:20px var(--gut);max-width:1180px;margin:0 auto}
.logo{font-family:var(--serif);font-size:19px;color:var(--ink);text-decoration:none}
.nav__cta{font-size:14px;color:var(--ink);text-decoration:none;
  border:1px solid var(--line);border-radius:999px;padding:8px 16px;
  transition:background .2s var(--ease)}
.nav__cta:hover{background:var(--c-1)}
.foot{background:var(--deep);color:#CFC6BE;border-radius:var(--r) var(--r) 0 0;
  padding:50px var(--gut) 40px}
.foot__logo{font-family:var(--serif);font-size:1.6rem;color:#EDE7E0;margin:0 0 28px}
.foot__cols{display:grid;gap:10px;margin-bottom:32px}
.foot__cols a{display:block;color:#CFC6BE;text-decoration:none;font-size:15px;padding:4px 0}
.foot__cols a:hover{color:#fff;text-decoration:underline}
.foot__fine{font-size:13px;color:#93887F;margin:0 0 7px}
@media (prefers-reduced-motion:reduce){
  .nav__cta{transition:none}
}
@media (min-width:820px){
  :root{--gut:56px;--r:22px}
  .nav{padding:28px var(--gut)}
  .logo{font-size:22px}
  .foot{padding:72px var(--gut) 52px}
  .foot__cols{grid-template-columns:repeat(3,1fr)}
}
.nav{gap:14px;width:100%;justify-content:space-between}
.logo{flex:0 1 auto;min-width:0;line-height:1.1}
.nav__cta{flex:none;white-space:nowrap}
@media (max-width:400px){
  .logo{font-size:16px}
  .nav__cta{font-size:13px;padding:7px 13px}
}
.foot{position:relative;overflow:hidden;
  margin-top:-34px;
  padding-top:84px;padding-bottom:150px;}
.foot > *{position:relative;z-index:1}
.foot__brand{position:absolute;left:50%;bottom:-.30em;transform:translateX(-50%);
  z-index:0;margin:0;pointer-events:none;user-select:none;
  font-family:var(--serif);font-weight:400;
  font-size:13.4vw;
  line-height:.82;letter-spacing:-.035em;white-space:nowrap;
  color:rgba(255,255,255,.075);}
@media (min-width:820px){
  .foot{margin-top:-44px;padding-top:104px;padding-bottom:210px}
}
:root{--c-1-dark:#332C29;
  --on-dark:#FBF8F1;
  --on-dark-soft:#CFC6BE;
  --on-dark-kick:#A79C93;}
:root{--gap-head-sub:30px}
@media (min-width:820px){
  :root{--gap-head-sub:36px}
}
:root{--foot-stag-pages:0px;
  --foot-stag-social:36px;
  --foot-stag-strike:84px;

  --foot-rule-w:21px;
  --foot-rule-gap:32px;    /* air above the hairline */
  --foot-rule-drop:15px;   /* air below it, before the copyright */}
.foot > *{max-width:820px;margin-inline:auto}
.foot__brand{max-width:none;margin-inline:0}
.foot__cols{gap:34px}
.foot__social{display:grid;justify-items:start}
.foot__copy{font-size:13px;color:#93887F;line-height:1.5;
  margin:var(--foot-rule-gap) 0 0;}
.foot__copy::before{content:"";display:block;
  width:var(--foot-rule-w);height:1px;
  background:currentColor;
  margin:0 0 var(--foot-rule-drop);}
.foot__strike{font-family:var(--serif);font-weight:400;
  font-size:clamp(1.05rem,4.4vw,1.45rem);
  line-height:1.9;letter-spacing:-.018em;text-wrap:balance;
  text-align:left;margin:0;}
:root{--strike-on-dark:#E76455}
.foot__strike .fix__in,.foot__strike .fix__line{color:var(--strike-on-dark)}
.foot__strike .fix__in{left:calc(50% + .36em + .156em);margin-bottom:-.05em}
.foot__strike .fix__line path{vector-effect:non-scaling-stroke;stroke-width:1.4px}
@media (min-width:820px){
  .foot__cols{grid-template-columns:auto auto minmax(0,1fr);
    align-items:start;
    column-gap:36px;row-gap:0;}
  .foot__pages{grid-column:1;grid-row:1;margin-top:var(--foot-stag-pages)}
  .foot__social{grid-column:2;grid-row:1;margin-top:var(--foot-stag-social)}
  .foot__strike{grid-column:3;grid-row:1;margin-top:var(--foot-stag-strike);
                text-align:right}
}
.logo{font-family:"Fraunces",Georgia,serif;
  font-weight:500;
  font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 1;
  font-size:23px;
  letter-spacing:-.024em;
  line-height:1;
  white-space:nowrap;
  color:var(--deep);}
.logo__stop{color:var(--strike)}
@media (min-width:820px){
  .logo{font-size:26px}
}
@media (max-width:400px){
  .logo{font-size:19px}
}
.foot{background:linear-gradient(180deg,
    var(--deep) 0%,
    var(--deep) 58%,
    #372F31 100%);}
.foot__logo{font-family:"Fraunces",Georgia,serif;
  font-weight:500;
  font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 1;
  font-size:26px;
  letter-spacing:-.024em;
  line-height:1;
  white-space:nowrap;
  color:#BDB2AA;
  /* Longhands, not `margin:0 0 34px`. The shorthand would set margin-inline
     to 0 and cancel the `margin-inline:auto` that .foot > * uses to centre
     every footer child in the 820px column, which would pin the logo to the
     padding edge while everything else stayed centred. See block three. */
  margin-block-start:0;
  margin-block-end:34px;}
.foot__logo-stop{color:#B15547}
@media (min-width:820px){
  .foot__logo{font-size:30px;margin-block-end:40px}
}
@media (max-width:400px){
  .foot__logo{font-size:22px;margin-block-end:28px}
}
.foot__brand{font-family:"Fraunces",Georgia,serif;
  font-weight:500;
  font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 1;
  font-size:11.6vw;
  letter-spacing:-.024em;
  bottom:-.13em;}
.foot__brand-stop{color:rgba(192,57,43,.16)}
.foot__brand{/* --brand-lift:1%; */
  --brand-lift:0%;
  /* --brand-lift:-2%; */
  /* --brand-lift:-4%; */
  font-size:17.4vw;
  bottom:calc(-.13em + var(--brand-lift));}
:root{--foot-stag-social:0px}
@media (min-width:820px){
  :root{--display-size:clamp(86px, 5vw + 45px, 90px)}
}
.logo{font-size:25.3px}
@media (min-width:820px){
  .logo{font-size:28.6px}
}
@media (max-width:400px){
  .logo{font-size:20.9px}
}
.nav__right{display:flex;align-items:center;gap:18px}
.nav__about{font-size:14px;color:var(--soft);text-decoration:none;
  white-space:nowrap;
  transition:color .2s var(--ease);}
.nav__about:hover{color:var(--ink)}
@media (max-width:400px){
  .nav__right{gap:11px}
  .nav__about{font-size:13px}
}
@media (max-width:819px){
  .nav__right{display:none}
}
.nav__burger{display:none;position:relative;z-index:1001;
  width:36px;height:36px;padding:0;margin:0;align-items:center;justify-content:center;
  background:none;border:0;flex:none;cursor:pointer;
  -webkit-tap-highlight-color:transparent;}
@media (max-width:819px){
  .nav__burger.nav__burger--ready{display:flex}
}
.nav__burger-box{position:relative;display:block;width:22px;height:16px}
.nav__burger-bar{position:absolute;left:0;width:100%;height:2px;border-radius:2px;
  background:var(--ink);
  transition:transform .25s var(--ease),opacity .2s var(--ease),background-color .2s var(--ease);}
.nav__burger-bar:nth-child(1){top:0}
.nav__burger-bar:nth-child(2){top:7px}
.nav__burger-bar:nth-child(3){top:14px}
.nav__burger[aria-expanded="true"] .nav__burger-bar{background:var(--on-dark)}
.nav__burger[aria-expanded="true"] .nav__burger-bar:nth-child(1){top:7px;transform:rotate(45deg)}
.nav__burger[aria-expanded="true"] .nav__burger-bar:nth-child(2){opacity:0}
.nav__burger[aria-expanded="true"] .nav__burger-bar:nth-child(3){top:7px;transform:rotate(-45deg)}
.nav__scrim{position:fixed;inset:0;z-index:999;
  background:color-mix(in srgb, var(--deep) 55%, transparent);
  opacity:0;transition:opacity .32s var(--ease);}
.nav__scrim[hidden]{display:none}
.nav__scrim.is-open{opacity:1}
.nav__drawer{position:fixed;top:0;right:0;bottom:0;z-index:1000;
  width:min(320px,82vw);
  background:var(--deep);color:var(--on-dark);
  display:flex;flex-direction:column;justify-content:center;align-items:stretch;
  gap:4px;padding:32px var(--gut);
  transform:translateX(100%);
  transition:transform .32s var(--ease);
  box-shadow:-12px 0 40px rgba(0,0,0,.25);}
.nav__drawer[hidden]{display:none}
.nav__drawer.is-open{transform:translateX(0)}
.nav__drawer-link{display:block;padding:14px 4px;
  font-family:var(--serif);font-size:1.5rem;
  color:var(--on-dark);text-decoration:none;
  border-bottom:1px solid rgba(251,248,241,.14);}
.nav__drawer-link:last-child{border-bottom:0}
@media (min-width:820px){
  .nav__burger,.nav__scrim,.nav__drawer{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .nav__burger-bar,.nav__scrim,.nav__drawer{transition:none}
}
@media (max-width:819.98px){
  :root{--m:1.10}
  .logo{font-size:calc(20.9px * var(--m))}
  .nav__about{font-size:calc(13px * var(--m))}
  .nav__cta{font-size:calc(13px * var(--m))}
  .nav__drawer-link{font-size:calc(24px * var(--m))}
  .foot__brand{font-size:calc(67.86px * var(--m))}
  .foot__logo{font-size:calc(22px * var(--m))}
  .foot__copy{font-size:calc(13px * var(--m))}
}