:root{
  --glass:#e7f3f1;
  --glass-strong:#d2e7e4;
  --counter:#f7fbfa;
  --ink:#162421;
  --muted:#5b6b67;
  --enamel:#134f5c;
  --brass:#b88735;
  --chalk:#6f8f4f;
  --permit:#2f6db2;
  --tape:#d8523f;
  --line:#bfd3cf;
  --shadow:rgba(22,36,33,.12);
}

*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,var(--glass),#f4faf8 38%,#eef6f3);color:var(--ink);font-family:"Lucida Sans","Lucida Grande","Segoe UI",Verdana,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}

.msa-site,.msa-article-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}
.section-code,.kicker,.panel-label,.rail-label,.mini-masthead,.address-tab,.claim-strip{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;font-size:.75rem;font-weight:700}

.door-hero{display:grid;grid-template-columns:minmax(0,1.35fr) 360px;gap:18px;align-items:stretch;margin-top:14px}
.door-plate{position:relative;min-height:470px;padding:34px clamp(24px,5vw,64px);background:var(--counter);border:2px solid var(--enamel);box-shadow:0 18px 42px var(--shadow);overflow:hidden}
.door-plate:before{content:"";position:absolute;inset:14px;border:1px solid var(--line);pointer-events:none}
.door-plate:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:repeating-linear-gradient(90deg,var(--brass) 0 34px,transparent 34px 43px);opacity:.9}
.kicker{margin:0 0 74px;color:var(--enamel)}
.door-plate h1{max-width:850px;margin:0;font-family:"Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif;font-size:clamp(4rem,12vw,9.2rem);line-height:.82;letter-spacing:-.075em;text-transform:uppercase}
.dek{max-width:720px;margin:28px 0 0;font-size:clamp(1.05rem,2vw,1.35rem);color:#233b36}
.byline{max-width:680px;margin:18px 0 0;color:var(--muted)}

.open-panel{background:var(--enamel);color:#f4fbf9;padding:24px;border:2px solid #0f3d46;display:flex;flex-direction:column;justify-content:space-between;min-height:470px}
.open-panel ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.open-panel li{padding:12px 0;border-top:1px solid rgba(255,255,255,.25)}
.panel-label{color:#aee0d7;margin:0}
.hours-beadline{display:flex;align-items:flex-end;gap:7px;margin:28px 0}
.hours-beadline span{display:block;width:28px;border-radius:99px 99px 5px 5px;background:var(--brass);border:2px solid rgba(0,0,0,.12)}
.hours-beadline span:nth-child(1){height:22px}.hours-beadline span:nth-child(2){height:38px}.hours-beadline span:nth-child(3){height:30px}.hours-beadline span:nth-child(4){height:48px}.hours-beadline span:nth-child(5){height:34px}.hours-beadline span:nth-child(6){height:18px;background:var(--tape)}.hours-beadline span:nth-child(7){height:42px;background:var(--permit)}

.intent-bells{margin:18px 0 0;padding:22px;background:rgba(255,255,255,.55);border:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:center}
.intent-bells h2,.specificity-counter h2,.placard-stream h2{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;font-size:clamp(1.9rem,4vw,3.4rem);line-height:.95;letter-spacing:-.04em;margin:.15em 0 0;text-transform:uppercase}
.section-code{color:var(--tape);margin:0}
.chip-bay{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.chip-bay a,.chip-bay span{display:inline-block;padding:9px 12px;border:1px solid var(--enamel);background:#fff;border-radius:3px;color:var(--enamel);font-weight:700}

.featured-placard{position:relative;margin:48px auto 0;width:min(850px,100%);background:#fff;border:2px solid var(--ink);padding:34px clamp(22px,4vw,48px);box-shadow:10px 10px 0 var(--glass-strong)}
.counter-edge{position:absolute;left:18px;right:18px;top:-11px;height:18px;background:repeating-linear-gradient(90deg,var(--permit) 0 18px,#fff 18px 24px,var(--chalk) 24px 42px,#fff 42px 49px)}
.featured-placard h2{font-family:"Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.045em;line-height:.94;font-size:clamp(2.3rem,5vw,4.6rem);margin:16px 0}
.featured-placard p{font-size:1.08rem;color:#2a3d39}
.feature-link{display:inline-block;margin-top:10px;padding:10px 14px;background:var(--ink);color:white;font-weight:800;border-radius:2px}

.specificity-counter{margin:54px 0 0}
.counter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.counter-grid article{background:rgba(255,255,255,.72);border:1px solid var(--line);padding:20px;min-height:210px}
.counter-grid span{font-family:"Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif;color:var(--brass);font-size:2rem}
.counter-grid h3{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.02em;font-size:1.7rem;margin:20px 0 8px}
.counter-grid p{margin:0;color:var(--muted)}

.placard-stream{margin:58px 0 0}
.cards-window{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.post-placard{min-height:285px}
.placard-link{position:relative;display:flex;min-height:285px;height:100%;flex-direction:column;padding:42px 18px 18px;background:#fff;border:2px solid var(--enamel);box-shadow:0 10px 24px var(--shadow);overflow:hidden}
.placard-link:before{content:"";position:absolute;left:-2px;top:-2px;width:74px;height:32px;background:var(--brass);border-right:2px solid var(--enamel);border-bottom:2px solid var(--enamel)}
.address-tab{position:absolute;top:7px;left:8px;color:#10211d;font-size:.68rem;z-index:1}
.placard-status{position:absolute;top:10px;right:14px;display:flex;gap:5px}
.placard-status span{width:10px;height:10px;border-radius:50%;background:var(--chalk)}
.placard-status span:nth-child(2){background:var(--permit)}.placard-status span:nth-child(3){background:var(--tape)}
.post-placard h3{font-family:"Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.035em;line-height:1;font-size:1.85rem;margin:22px 0 12px}
.post-placard p{color:var(--muted);margin:0 0 18px}
.claim-strip{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);color:var(--enamel)}

.article-door{margin-top:18px;background:#fff;border:2px solid var(--enamel);padding:22px clamp(20px,4vw,46px);box-shadow:0 16px 38px var(--shadow)}
.article-door-top{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px;align-items:center}
.mini-masthead{margin:0;color:var(--enamel)}
.back-slot{font-weight:700;color:var(--muted)}
.article-beads{margin:18px 0 8px}
.article-door h1{font-family:"Franklin Gothic Heavy","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.055em;line-height:.9;font-size:clamp(3rem,8vw,7rem);margin:18px 0}
.article-meta{color:var(--muted);font-size:.95rem}

.front-counter-frame{display:grid;grid-template-columns:190px minmax(0,760px) 230px;gap:18px;align-items:start;margin-top:18px}
.arrival-rail,.profile-checklist{position:sticky;top:16px;background:rgba(255,255,255,.66);border:1px solid var(--line);padding:16px}
.arrival-rail ol,.profile-checklist ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.arrival-rail li,.profile-checklist li{border-left:5px solid var(--brass);padding:8px 0 8px 10px;color:var(--muted);background:#fff}
.profile-checklist li{border-left-color:var(--permit)}
.rail-label{margin:0;color:var(--tape)}
.article-counter{background:#fff;border:1px solid var(--line);padding:clamp(24px,4vw,52px);font-size:1.08rem;box-shadow:0 10px 28px var(--shadow)}
.article-counter h2,.article-counter h3{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.025em;line-height:1.05;margin-top:1.5em}
.article-counter h2{font-size:2rem}.article-counter h3{font-size:1.45rem}
.article-counter p{margin:1em 0;color:#233b36}
.article-counter a{text-decoration:underline;text-decoration-color:var(--brass);text-decoration-thickness:2px;text-underline-offset:.18em}
.article-counter blockquote{margin:1.4em 0;padding:16px 18px;border-left:8px solid var(--brass);background:var(--glass);font-weight:700}
.article-counter ul,.article-counter ol{padding-left:1.3em}
.article-counter li{margin:.45em 0}

@media (max-width:980px){
  .door-hero,.intent-bells,.front-counter-frame{grid-template-columns:1fr}
  .open-panel{min-height:auto}
  .chip-bay{justify-content:flex-start}
  .counter-grid,.cards-window{grid-template-columns:1fr 1fr}
  .arrival-rail,.profile-checklist{position:static}
}
@media (max-width:640px){
  .msa-site,.msa-article-shell{width:min(100% - 20px,1180px);padding-bottom:36px}
  .door-plate{min-height:430px;padding:24px 18px}
  .kicker{margin-bottom:54px}
  .cards-window,.counter-grid{grid-template-columns:1fr}
  .featured-placard{box-shadow:6px 6px 0 var(--glass-strong)}
  .article-door-top{align-items:flex-start;flex-direction:column}
}