@font-face{font-family:"Source Serif 4";src:url("/fonts/source-serif-4-latin-wght-normal.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/fonts/source-serif-4-latin-wght-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{
  --paper:#f2efe8;--fog:#c8cac5;--oxide:#9b4524;--ember:#c05f34;--ink:#15191c;--sage:#7d8474;--reservoir:#435966;--sand:#b8a27d;
  --paper-2:#e8e5dc;--muted:#4a4f4c;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --logo:"Akrobat","Barlow Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
  --type:"American Typewriter","Courier New",Courier,monospace;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.125rem;line-height:1.6;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:var(--oxide);text-underline-offset:.18em}
a:hover{color:var(--ink)}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--ember);outline-offset:3px;border-radius:2px}
.wrap{width:min(1040px,100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.6rem 1rem;z-index:10}
.skip:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{font-family:var(--sans);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}

/* nav */
.nav{background:var(--ink);color:var(--paper)}
.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem}
.nav a{color:var(--paper);text-decoration:none;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.nav a:hover{color:var(--sand)}
.nav .links{display:flex;gap:1.75rem;flex-wrap:wrap}
.nav .mark{font-family:var(--logo);font-weight:700;font-size:1.3rem;letter-spacing:0;white-space:nowrap}

/* hero */
.band{background:var(--ink);line-height:0}
.band img{width:100%;height:auto}
.lockup{position:relative;font-family:var(--logo);font-weight:700;text-transform:uppercase;letter-spacing:0;line-height:.9;font-size:clamp(2.6rem,14.2vw,10.6rem);color:var(--ember);white-space:nowrap;display:flex;justify-content:space-between;user-select:none}
.lockup .b{display:inline-block;transform:scaleX(-1)}
.lockup-reflect{position:absolute;left:0;right:0;top:100%;display:flex;justify-content:space-between;transform:scaleY(-1);opacity:.4;pointer-events:none;
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.55),transparent 60%);mask-image:linear-gradient(to top,rgba(0,0,0,.55),transparent 60%)}
.lockup-reflect .b{display:inline-block;transform:scaleX(-1)}
.band .tagline{font-family:var(--type);color:var(--sand);text-align:right;margin:clamp(1.25rem,5.5vw,3.5rem) 0 0;font-size:clamp(.85rem,2.2vw,1.35rem);letter-spacing:.04em}
.hero-body{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:2.5rem;align-items:start}
.headshot-wrap{margin-top:-5.5rem;width:fit-content;border-radius:50%;position:relative;z-index:2;--hs:176px;padding:6px;background:var(--paper)}
.headshot-wrap:focus-within{outline:3px solid var(--ember);outline-offset:3px}
.headshot a{display:block;width:fit-content;clip-path:circle(50%);outline:none}
.headshot img{width:var(--hs);height:var(--hs);border-radius:50%;object-fit:cover}
.hero-text{padding:2.5rem 0 3rem}
.statement{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,3.4vw,2.25rem);line-height:1.2;margin:0 0 1rem;max-width:26ch}
.title{font-size:1.125rem;line-height:1.55;margin:0 0 1.5rem;max-width:52ch;color:var(--muted)}
.actions{display:flex;gap:.75rem;flex-wrap:wrap}
.btn{display:inline-block;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:.9rem 1.5rem;border:1.5px solid var(--ink);color:var(--ink);background:transparent;border-radius:2px}
.btn.primary{background:var(--oxide);border-color:var(--oxide);color:var(--paper)}
.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* sections */
section{padding:3.25rem 0;border-top:1px solid var(--fog)}
section.first{border-top:0;padding-top:0}
h1,h2,h3{font-family:var(--serif);font-weight:400}
h2{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.15;margin:0 0 1.25rem}
h3{font-size:1.25rem;line-height:1.3;margin:0 0 .4rem}
p{margin:0 0 1rem}
.prose{max-width:66ch}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}
dl.facts{display:grid;grid-template-columns:minmax(7rem,11rem) minmax(0,1fr);gap:.85rem 1.5rem;margin:0}
dl.facts dt{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:.3rem}
dl.facts dd{margin:0}
.glance{background:var(--paper-2);padding:1.75rem;border-top:3px solid var(--oxide)}
.glance dl.facts{grid-template-columns:minmax(6rem,8rem) minmax(0,1fr)}

ol.timeline{list-style:none;margin:0;padding:0}
ol.timeline li{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.5rem;padding:1.1rem 0;border-top:1px solid var(--fog)}
ol.timeline li:first-child{border-top:0;padding-top:0}
.when{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:.35rem}
.role{font-weight:700}
.note{color:var(--muted);margin:.15rem 0 0}
ul.plain{list-style:none;padding:0;margin:0}
ul.plain li{padding:.7rem 0;border-top:1px solid var(--fog)}
ul.plain li:first-child{border-top:0;padding-top:0}
.small{font-size:.875rem;color:var(--muted)}

/* footer */
footer{background:var(--ink);color:var(--paper);padding:2.75rem 0;font-size:.875rem}
footer a{color:var(--paper)}
footer a:hover{color:var(--sand)}
footer .tagline{font-family:var(--type);color:var(--sand);margin-top:.75rem}

/* media kit */
.flip{display:inline-block;transform:scaleX(-1)}
.kit-hero{background:var(--ink);color:var(--paper);padding:4.5rem 0 4.75rem;border-top:0}
.kit-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:3rem;align-items:start}
.kit-hero .eyebrow{color:var(--sand)}
.kit-hero h1{font-size:clamp(2.4rem,5.5vw,3.75rem);line-height:1.05;margin:0}
.kit-hero .lede{color:var(--fog);max-width:58ch;font-size:1.125rem;margin:.35rem 0 1.75rem}
.kit-hero .lede a{color:var(--sand)}
.kit-hero .btn{border-color:var(--paper);color:var(--paper)}
.kit-hero .btn.primary{background:var(--oxide);border-color:var(--oxide);color:var(--paper)}
.kit-hero .btn:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.kit-photo{position:relative;align-self:end;margin-bottom:-1px}
.kit-photo img{width:100%;max-width:420px;margin-left:auto;aspect-ratio:1;object-fit:cover;filter:grayscale(1)}
.stamp{position:absolute;left:0;bottom:1.5rem;font-family:var(--logo);font-weight:700;font-size:clamp(4rem,9vw,7rem);line-height:.8;color:var(--ember);letter-spacing:-.06em;transform:translateX(-25%)}
.stamp .flip{color:var(--sand);opacity:.85;margin-left:-.42em}
.strip{background:var(--oxide);color:var(--paper);padding:1.5rem 0;border-top:0}
.strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.strip .eyebrow{color:var(--paper);opacity:.75}
.strip p{margin:0}
.strip a{color:var(--paper)}
.side-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:3rem;align-items:start}
.side-head h2{margin-bottom:.75rem}
ol.numbered{list-style:none;margin:0;padding:0}
ol.numbered li{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:1rem;padding:1.4rem 0;border-top:1px solid var(--fog)}
ol.numbered li:first-child{border-top:0;padding-top:0}
ol.numbered.compact li{padding:1rem 0}
ol.numbered p:last-child{margin-bottom:0}
.num{font-family:var(--serif);font-size:1.75rem;line-height:1;color:var(--oxide);padding-top:.1rem}
.panel-sand{background:var(--paper-2)}
.panel-sand .quote{border-color:var(--oxide)}
.panel-reservoir{background:var(--reservoir);color:var(--paper)}
.panel-reservoir .eyebrow,.panel-reservoir .small{color:var(--fog)}
.panel-reservoir a{color:var(--paper)}
.panel-reservoir ul.plain li{border-color:rgba(242,239,232,.25)}
.panel-ink{background:var(--ink);color:var(--paper);border-top:0}
.panel-ink .eyebrow{color:var(--sand)}
.panel-ink .small{color:var(--fog)}
.contact-line{font-family:var(--serif);font-size:clamp(1.4rem,3vw,2rem);margin:0 0 .75rem;overflow-wrap:anywhere}
.contact-line a{color:var(--ember);text-decoration:none}
.contact-line a:hover{color:var(--paper);text-decoration:underline}
.panel-ink .tagline{font-family:var(--type);color:var(--sand)}
.quote{margin:0;border-left:4px solid var(--oxide);padding:.25rem 0 .25rem 1.5rem;max-width:66ch;font-family:var(--serif);font-size:1.3rem;line-height:1.5}
.quote p{margin:0}
.downloads{display:flex;gap:1.75rem;align-items:center;flex-wrap:wrap}
.downloads img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid var(--paper)}

@media (max-width:720px){
  .headshot-wrap{--hs:112px;margin-top:-4rem}
  .hero-body{grid-template-columns:minmax(0,1fr);row-gap:0}
  .hero-text{padding:1rem 0 2rem}
  .grid2{grid-template-columns:minmax(0,1fr);gap:1.75rem}
  dl.facts,.glance dl.facts{grid-template-columns:minmax(0,1fr);gap:.1rem}
  dl.facts dd{margin-bottom:.75rem}
  ol.timeline li{grid-template-columns:minmax(0,1fr);gap:.1rem}
  .nav .links{gap:1.1rem}
  .hide-sm{display:none}
  .kit-hero{padding:2.5rem 0 2.75rem}
  .kit-hero-grid{grid-template-columns:minmax(0,1fr);gap:.75rem}
  .strip-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}
  .side-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}
  ol.numbered li{grid-template-columns:2.5rem minmax(0,1fr)}
}
.tex{background:#ebe6dc url("/images/texture-plaster.jpg") center/cover;position:relative}
.tex::before{content:"";position:absolute;inset:0;background:rgba(242,239,232,.22);pointer-events:none}
.tex>*{position:relative}
.glance.tex{background:#ebe6dc url("/images/texture-plaster.jpg") center/cover;border-top:3px solid var(--oxide)}
.glance.tex::before{background:rgba(242,239,232,.35)}
.panel-sand.tex{background:#e4dccb url("/images/texture-marble.jpg") center/cover}
.panel-sand.tex::before{background:rgba(242,239,232,.55)}
.tex-plaster,#facts.tex{background:#ebe6dc url("/images/texture-plaster.jpg") center/cover}