/* Jeffery Holley house styles, revision 3
   Serif-only canon: Fraunces for display, Alegreya for everything else.
   Canonical colors and imprint geometry from the 2026-10-06 web kit. */

@font-face{font-family:"Fraunces";src:url("/fonts/Fraunces-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("/fonts/Fraunces-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("/fonts/Fraunces-Semibold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("/fonts/Fraunces-Semibold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Alegreya";src:url("/fonts/Alegreya-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Alegreya";src:url("/fonts/Alegreya-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Alegreya";src:url("/fonts/Alegreya-Medium.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Alegreya";src:url("/fonts/Alegreya-Medium.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Alegreya";src:url("/fonts/Alegreya-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}

:root{
  --ink:#1F3242;
  --cream:#F1EEE3;
  --muted:#4A4740;
  --link-rule:#A8ADB3;
  --jeffery-holley:#1F3242;
  --preservation:#237D7A;
  --deepwell:#6C2E2A;
  --modernism:#2C4A63;
  --historic:#8C6A2E;
  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --font-body:"Alegreya",Georgia,"Times New Roman",serif;
  --drawing-opacity:.16;
}
html{background:var(--cream)}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body)}
a{color:var(--ink)}
a:hover{color:var(--preservation)}
.brand-name{font-family:var(--font-display);font-weight:600;font-variation-settings:"SOFT" 50,"WONK" 0;font-optical-sizing:auto;color:var(--ink)}
.jeffery-holley-mark{color:var(--jeffery-holley)}
.preservation-mark{color:var(--preservation)}
.deepwell-mark{color:var(--deepwell)}
.modernism-mark{color:var(--modernism)}
.historic-mark{color:var(--historic)}
.imprints{display:flex;flex-direction:column;gap:1rem}
.imprint{position:relative;overflow:hidden;display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1.75rem;padding:2.5rem 0;align-items:start}
.imprint-drawing{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--drawing-opacity);pointer-events:none;z-index:0}
.imprint-mark{position:relative;z-index:1;width:3rem;height:auto;margin-top:.35rem;justify-self:center}
.imprint-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}
.imprint-text h2{margin:0;font-size:2.1rem;line-height:1.1}
.imprint-tagline{margin:0;font-style:italic;font-size:1.3rem;line-height:1.4;color:var(--muted)}
.imprint-link{align-self:flex-start;margin-top:.25rem;font-size:1.3rem;text-decoration:none;border-bottom:1px solid var(--link-rule);padding-bottom:2px;overflow-wrap:anywhere}
@media(max-width:600px){
  :root{--drawing-opacity:.12}
  .imprint{grid-template-columns:3.5rem minmax(0,1fr);gap:1.1rem;padding:2rem 0}
  .imprint-mark{width:2.4rem}
  .imprint-text h2{font-size:1.75rem}
  .imprint-tagline,.imprint-link{font-size:1.15rem}
}