
:root{
  --paper:#f4f0e7;--paper-2:#f8f5ee;--ink:#1f211f;--soft:#6e6a62;
  --stone:#d8d2c8;--stone-2:#e8e1d6;--vermilion:#c64a32;
  --serif:"EB Garamond",Georgia,serif;--sans:"Inter",Arial,sans-serif;
  --edge:clamp(22px,5.4vw,88px);--header:76px;--max:1180px
}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif)}
a{color:inherit}
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:20;height:var(--header);
  display:flex;align-items:center;justify-content:space-between;padding:0 var(--edge);
  background:color-mix(in srgb,var(--paper) 95%,transparent);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid color-mix(in srgb,var(--stone) 72%,transparent)
}
.brand{display:grid;gap:6px;text-decoration:none;line-height:1}
.brand strong{font:600 clamp(15px,1vw,19px) var(--serif)}
.brand span{color:var(--vermilion);font:600 7px var(--sans);text-transform:uppercase;letter-spacing:.18em}
.back-link{color:var(--vermilion);text-decoration:none;text-transform:uppercase;font:600 8px var(--sans);letter-spacing:.13em}
main{padding-top:var(--header)}
.shell{width:min(calc(100% - (var(--edge)*2)),var(--max));margin:auto}
.eyebrow{margin:0;color:var(--vermilion);text-transform:uppercase;font:600 8px/1.45 var(--sans);letter-spacing:.18em}
.news-hero{
  padding:clamp(78px,9vw,132px) 0 54px;
  border-bottom:1px solid var(--stone)
}
.news-hero h1{
  margin:20px 0 18px;
  font-size:clamp(58px,6vw,92px);
  line-height:.9;
  font-weight:500;
  letter-spacing:-.03em
}
.news-hero p:last-child{
  max-width:720px;margin:0;color:var(--soft);
  font-size:clamp(18px,1.35vw,22px);line-height:1.3
}

/* Active news: intentionally one ruled band */
.current-news{
  padding:clamp(46px,5vw,70px) 0 0
}
.news-flash,
.news-empty{
  min-height:58px;
  padding:14px 0;
  display:flex;
  align-items:center;
  gap:clamp(14px,2.2vw,28px);
  border-top:1px solid var(--stone);
  border-bottom:1px solid var(--stone)
}
.news-flash{border-top-color:var(--vermilion)}
.news-flash[hidden]{display:none!important}
.news-flash-label{
  flex:0 0 auto;color:var(--vermilion);text-transform:uppercase;
  font:600 8px var(--sans);letter-spacing:.16em
}
.news-flash h2{
  min-width:0;flex:1 1 auto;margin:0;
  font-size:clamp(17px,1.45vw,22px);
  line-height:1.08;font-weight:500
}
.news-flash time{
  flex:0 0 auto;color:#8a847a;white-space:nowrap;text-transform:uppercase;
  font:500 7px var(--sans);letter-spacing:.08em
}
.news-flash-link{
  flex:0 0 auto;color:var(--vermilion);text-decoration:none;text-transform:uppercase;
  font:600 7px var(--sans);letter-spacing:.13em;white-space:nowrap
}
.news-empty p{
  margin:0;color:#969086;font:400 10px/1.4 var(--sans)
}

/* Selected Record */
.selected-record{
  padding:clamp(70px,8vw,110px) 0 110px
}
.selected-record-head{
  display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:baseline;
  padding-bottom:18px;border-bottom:1px solid var(--stone)
}
.selected-record-head h2{
  margin:0;font-size:clamp(31px,2.7vw,44px);line-height:1
}
.selected-record-list{display:grid}
.record-line{
  display:grid;grid-template-columns:90px minmax(0,1fr);gap:28px;
  padding:18px 0;border-bottom:1px solid var(--stone-2)
}
.record-date{
  color:#8c867d;font:500 8px/1.45 var(--sans);letter-spacing:.08em
}
.record-line strong{display:block;margin-bottom:4px;font-size:15px;font-weight:600}
.record-line p{
  margin:0;max-width:760px;color:var(--soft);
  font:400 11px/1.45 var(--sans)
}
.dynamic-records{display:grid}
.footer{
  padding:30px var(--edge);border-top:1px solid var(--stone);
  color:#8a847a;font:400 8px var(--sans);text-transform:uppercase;letter-spacing:.1em
}
@media(max-width:760px){
  .selected-record-head{grid-template-columns:1fr;gap:10px}
  .news-flash,.news-empty{flex-wrap:wrap;row-gap:7px}
  .news-flash h2{flex-basis:calc(100% - 64px)}
  }
@media(max-width:520px){
  :root{--header:66px}.site-header{padding-inline:20px}.brand span{display:none}
  .shell{width:calc(100% - 40px)}
  .record-line{grid-template-columns:64px 1fr;gap:18px}
}


.legal-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.legal-footer nav{
  display:flex;
  gap:18px;
  align-items:center;
}
.legal-footer a{
  color:inherit;
  text-decoration:none;
}
.legal-footer a:hover,
.legal-footer a:focus-visible{
  color:var(--vermilion);
  outline:none;
}
@media(max-width:640px){
  .legal-footer{
    display:grid;
    gap:10px;
  }
}
