/* palancar.net — style 1a Broadsheet. Generated 2026-08-14 from the approved
   design package. Overrides themes/authority/static/css/style.css. */
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-400-italic.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spectral-400-normal.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/spectral-600-normal.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/spectral-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-normal.woff2) format('woff2')}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#FBFAF7;color:#2A2723;font-family:'Spectral', Georgia, serif;
  font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1440px;margin:0 auto}
.skip{position:absolute;left:-9999px;top:0;background:#1A1917;color:#fff;padding:10px 16px;z-index:99}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid #8A2B26;outline-offset:3px}
.mono{font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:12px;color:#4A463F;letter-spacing:.02em}
.kicker{font-family:'IBM Plex Sans', system-ui, sans-serif;font-weight:600;font-size:11px;text-transform:uppercase;
  color:#8A2B26;letter-spacing:.11em;display:inline-block}
.hatch{background:repeating-linear-gradient(135deg,#F1EDE5 0 10px,#DDD8CE 10px 20px);
  position:relative;border:1px solid #C9C4BA}
.hatch .cap{position:absolute;left:0;bottom:0;background:#1A1917;color:#fff;
  font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:11px;padding:6px 10px;max-width:80%}
.r32{aspect-ratio:3/2}
.r165{aspect-ratio:16/5}
footer{background:#1A1917;color:#D6D1C7;margin-top:64px}
footer .fin{padding:36px 44px;display:flex;gap:40px;justify-content:space-between;flex-wrap:wrap}
footer a{font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:12px;color:#D6D1C7;text-decoration:none;margin-right:22px}
footer a:hover{text-decoration:underline}
.disc{font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:11px;line-height:1.7;color:#D6D1C7;max-width:70ch;opacity:.92}
.prose p{margin:0 0 1.15em;max-width:66ch}
.prose h2{font-family:'Spectral', Georgia, serif;font-weight:700;font-size:27px;line-height:1.2;
  margin:2em 0 .5em;color:#1A1917;max-width:40ch}
.prose h3{font-family:'Spectral', Georgia, serif;font-weight:600;font-size:21px;margin:1.7em 0 .4em;color:#1A1917}
.prose a{color:#8A2B26}
/* Designed at 1440. CT section names are long, so the nav overruns on narrower
   laptops well before the mobile breakpoint — let it wrap and tighten the gutters. */
@media (max-width:1280px){
  .mast,.nav{flex-wrap:wrap}
  .mast{padding-left:32px;padding-right:32px}
  .nav{padding-left:32px;padding-right:32px}
  .hero{padding-left:32px;padding-right:32px}
  .belowfold{margin-left:32px;margin-right:32px}
  .nav a{margin-left:0;margin-right:20px}
  .navwrap{text-align:left}
  .led{grid-template-columns:280px 1fr 120px}
  .idx{grid-template-columns:52px 240px 1fr 96px}
}
@media (max-width:900px){
  .hero,.belowfold,.seclist{grid-template-columns:1fr !important}
  .rail{border-left:0 !important;border-top:1px solid #C9C4BA;margin-top:28px}
}

.mast{padding:26px 44px 18px;display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;border-bottom:1px solid #1A1917}
.wordmark{font-family:'Spectral', Georgia, serif;font-weight:700;font-size:38px;line-height:.98;
  letter-spacing:-.02em;color:#1A1917;text-decoration:none;display:block}
.nav{padding:12px 44px;border-bottom:1px solid #C9C4BA;display:flex;
  justify-content:space-between;gap:20px;flex-wrap:wrap}
.nav a{font-family:'IBM Plex Sans', system-ui, sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;
  letter-spacing:.06em;color:#1A1917;text-decoration:none;margin-right:24px}
.nav a:hover{color:#8A2B26}
.nav .arch{color:#8A2B26;margin-right:0}
.hero{display:grid;grid-template-columns:1fr 400px;padding:34px 44px 0}
.hero .lead{padding-right:38px;border-right:1px solid #8A2B26}
.hero h1{font-family:'Spectral', Georgia, serif;font-weight:700;font-size:60px;line-height:1.02;
  letter-spacing:-.022em;color:#1A1917;margin:.28em 0 .3em;max-width:15ch}
.deck{font-size:20px;line-height:1.45;font-style:italic;color:#2A2723;max-width:60ch;margin:0 0 18px}
.rail{padding-left:34px}
.rail h2{font-family:'IBM Plex Mono', ui-monospace, monospace;font-weight:500;font-size:12px;text-transform:uppercase;
  letter-spacing:.12em;color:#1A1917;margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid #1A1917}
.rail .it{padding:16px 0;border-bottom:1px solid #C9C4BA}
.rail .it:last-child{border-bottom:0}
.rail .it h3{font-family:'Spectral', Georgia, serif;font-weight:600;font-size:23px;line-height:1.15;
  margin:.3em 0 0;color:#1A1917}
.belowfold{display:grid;grid-template-columns:repeat(4,1fr);margin:44px 44px 0;
  border-top:1px solid #1A1917;padding-top:22px}
.col{padding:0 20px;border-right:1px solid #C9C4BA}
.col:first-child{padding-left:0}
.col:last-child{border-right:0;padding-right:0}
.col .lab{font-family:'IBM Plex Sans', system-ui, sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;
  letter-spacing:.10em;color:#1A1917;padding-bottom:7px;border-bottom:2px solid #8A2B26;display:inline-block}
.col .s1{font-family:'Spectral', Georgia, serif;font-weight:600;font-size:19px;line-height:1.2;margin:16px 0 0;color:#1A1917}
.col .s2{font-family:'Spectral', Georgia, serif;font-weight:400;font-size:17px;line-height:1.25;margin:12px 0 0;color:#2A2723}

.leadart{display:block;width:100%;margin-top:22px;border:1px solid #C9C4BA}
.hero .lead h1 a,.rail h3 a,.col a,.led,.idx,.listrow h2 a{text-decoration:none;color:inherit}
.hero .lead h1 a:hover,.rail h3 a:hover,.listrow h2 a:hover{color:#8A2B26}
.rail img{display:block;width:100%;border:1px solid #C9C4BA}
.pagehead{border-top:2px solid #1A1917;padding-top:22px;margin:0 0 8px}
.pagehead h1{font-family:'Spectral', Georgia, serif;font-weight:700;line-height:1.06;letter-spacing:-.02em;
  color:#1A1917;margin:.2em 0 .28em;text-wrap:balance}
main > .pagehead,main > .listrow,main > .single{margin-left:44px;margin-right:44px}
.listrow{padding:26px 0;border-top:1px solid #C9C4BA}
.listrow h2{font-family:'Spectral', Georgia, serif;font-weight:700;font-size:27px;line-height:1.18;
  margin:.3em 0 .35em;color:#1A1917;max-width:40ch;text-wrap:balance}
.lsum{max-width:70ch;margin:0 0 10px}
.single{max-width:1240px}
.single .leadart{max-width:760px;margin-bottom:34px}
.col .lab{font-family:'IBM Plex Sans', system-ui, sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;
  letter-spacing:.10em;color:#1A1917;padding-bottom:7px;border-bottom:2px solid #8A2B26;
  display:inline-block;text-decoration:none}
@media (max-width:1280px){ main > .pagehead,main > .listrow,main > .single{margin-left:32px;margin-right:32px} }