:root{
  --bg:#fbf9f5;
  --bg-alt:#e4e8e1;
  --bg-dark:#223129;
  --ink:#22201c;
  --ink-soft:#797468;
  --ink-inv:#fbf9f5;
  --sage:#54684e;
  --ochre:#a87c48;
  --seam:4px;
  --sans:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--serif);
  font-size:18px;
  line-height:1.7;
  overflow-x:hidden;
}

img{max-width:100%;height:auto;display:block;}

a{color:var(--sage);text-decoration:underline;text-underline-offset:3px;}
a:hover{text-decoration-thickness:2px;}
a:focus-visible,
button:focus-visible{outline:3px solid var(--sage);outline-offset:3px;}

h1,h2,h3{font-family:var(--sans);font-weight:800;margin:0 0 .5em;}
h1{font-size:clamp(2.1rem,6.2vw,4.1rem);line-height:.98;letter-spacing:-.035em;}
h2{font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.06;letter-spacing:-.02em;}
h3{font-size:1.1rem;line-height:1.2;letter-spacing:-.01em;}
p{margin:0 0 1.1em;}
p:last-child{margin-bottom:0;}

.wrap{max-width:1240px;margin:0 auto;padding:0 20px;}

/* --- grid of tesserae --- */
.tess{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:var(--seam);
}
.mod{padding:28px;}
.mod-flat{padding:0;}

.c4{grid-column:span 4;}
.c5{grid-column:span 5;}
.c6{grid-column:span 6;}
.c7{grid-column:span 7;}
.c8{grid-column:span 8;}
.c12{grid-column:span 12;}
.offset2{grid-column:3/span 6;}
.offset-right{grid-column:8/span 5;}
figure{margin:0;}

.fill-sage{background:var(--sage);}
.fill-ochre{background:var(--ochre);}
.fill-dark{background:var(--bg-dark);}
.fill-alt{background:var(--bg-alt);}
.fill-paper{background:var(--bg);}

/* --- header / nav --- */
.site-head{background:var(--bg-alt);}
.site-head .wrap{
  display:flex;flex-wrap:wrap;gap:12px 32px;
  align-items:baseline;justify-content:space-between;
  padding-top:20px;padding-bottom:20px;
}
.brand{
  font-family:var(--sans);font-weight:800;font-size:1.15rem;
  letter-spacing:-.02em;color:var(--ink);text-decoration:none;
}
.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;}
.site-nav a{
  font-family:var(--sans);font-size:.92rem;font-weight:600;
  color:var(--ink);text-decoration:none;padding:4px 0;
  border-bottom:2px solid transparent;
}
.site-nav a:hover,.site-nav a[aria-current="page"]{border-bottom-color:var(--sage);}

/* --- hero --- */
.hero{padding:48px 0 0;}
.hero .mod-title{padding:36px 32px 40px;}
.hero .mod-title h1{margin-bottom:0;}
.hero .lede{font-size:1.05rem;}
.kicker{
  font-family:var(--sans);font-size:.74rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ochre);
  margin:0 0 14px;
}

/* --- separator strip of small tiles --- */
.strip{display:flex;flex-wrap:wrap;gap:var(--seam);margin:0;padding:0;list-style:none;}
.strip span{width:24px;height:24px;display:block;}

/* --- sections --- */
.band{padding:96px 0;}
.band-alt{background:var(--bg-alt);}
.band-dark{background:var(--bg-dark);color:var(--ink-inv);}
.band-dark h2,.band-dark h3{color:var(--ink-inv);}
.band-dark a{color:#cbd6c2;}
.band-tight{padding:72px 0;}

.secno{
  font-family:var(--sans);font-size:.74rem;font-weight:700;
  letter-spacing:.18em;color:var(--ochre);display:block;margin-bottom:10px;
}
.band-dark .secno{color:#c9a26a;}

.cap{
  font-family:var(--sans);font-size:.8rem;line-height:1.45;
  color:var(--ink-soft);margin:0;
}
.band-dark .cap{color:#a9b3a3;}

.txt{max-width:66ch;}

/* --- lists --- */
ul.checks,ol.steps{margin:0;padding-left:1.25em;}
ul.checks{list-style:none;padding-left:0;}
ul.checks li{position:relative;padding-left:26px;margin-bottom:.6em;}
ul.checks li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:10px;height:10px;background:var(--sage);
}
.band-dark ul.checks li::before{background:#8fa585;}
ol.steps li{margin-bottom:.7em;}
ol.steps li::marker{font-family:var(--sans);font-weight:800;color:var(--ochre);}

.mod dl{margin:0;}
.mod dt{font-family:var(--sans);font-weight:700;margin-top:1.1em;}
.mod dt:first-child{margin-top:0;}
.mod dd{margin:.2em 0 0;}

/* --- footer --- */
.site-foot{background:var(--bg-alt);padding:0 0 56px;}
.site-foot .strip{margin-bottom:var(--seam);}
.foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--seam);}
.foot-grid .mod{background:var(--bg);padding:24px;}
.foot-grid h2{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ochre);margin-bottom:10px;}
.foot-grid ul{list-style:none;margin:0;padding:0;}
.foot-grid li{margin-bottom:.35em;}
.foot-grid a{font-family:var(--sans);font-size:.92rem;}
.foot-name{font-family:var(--sans);font-weight:800;font-size:1.1rem;letter-spacing:-.02em;}
.foot-note{font-size:.9rem;color:var(--ink-soft);}
.foot-legal{margin-top:var(--seam);background:var(--bg);padding:18px 24px;font-size:.85rem;color:var(--ink-soft);}

/* --- page header for inner pages --- */
.page-head{padding:56px 0 0;}
.page-head .mod-title{padding:32px;}

@media(max-width:900px){
  .band{padding:64px 0;}
  .band-tight{padding:56px 0;}
  .c4,.c5,.c6,.c7,.c8,.offset2,.offset-right{grid-column:span 12;}
  .hide-sm{display:none;}
  .foot-grid{grid-template-columns:1fr;}
}

@media(max-width:600px){
  body{font-size:17px;}
  .band,.band-tight{padding:48px 0;}
  .mod,.hero .mod-title,.page-head .mod-title{padding:22px;}
  .hero{padding:32px 0 0;}
  .strip span{width:18px;height:18px;}
}