/* Norfolk Living Guide - home page (v6, rebuilt 2026-08-11)
   Self-contained, scoped under .nlg-home. Editorial "Quality Press" language:
   Newsreader serif + Inter Tight, oxblood on warm cream, hairline rules, no cards/
   shadows/pills/uppercase-labels/centred text. Real photos only. */

.nlg-home{
  --paper:#F7F2E5; --paper2:#EFE8D4; --ink:#15110D; --ink-soft:#4a453f;
  --accent:#6E2A2A; --accent-deep:#4F1A1A; --rule:#D8CFB8;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;
  max-width:1200px; margin:0 auto; padding:0 22px 4rem;
  color:var(--ink); font-family:var(--sans);
  font-size:17px; line-height:1.6;
}
.nlg-home *{box-sizing:border-box}
.nlg-home a{color:var(--accent); text-decoration:none}
.nlg-home a:hover{color:var(--accent-deep); text-decoration:underline}
.nlg-home img{max-width:100%; height:auto; display:block}
.nlg-home figure{margin:0}

/* small sans label above a block - sentence case, muted, no letterspacing/uppercase */
.nlg-home .nlg-kick{
  font-family:var(--sans); font-size:.82rem; font-weight:600;
  color:var(--accent); margin:0 0 .5rem; letter-spacing:normal; text-transform:none;
}
.nlg-home .nlg-kick.muted{color:var(--ink-soft)}

/* thin section divider */
.nlg-home .nlg-sep{border:0; border-top:1px solid var(--rule); margin:3.2rem 0}

/* ---------- Nameplate ---------- */
.nlg-nameplate{padding:2.6rem 0 0}
.nlg-nameplate .nlg-kick{margin-bottom:.9rem}
.nlg-nameplate h1{
  font-family:var(--serif); font-weight:500; color:var(--ink);
  font-size:clamp(2.1rem,5vw,3.35rem); line-height:1.06; letter-spacing:-.01em;
  margin:0 0 1rem; max-width:16ch;
}
.nlg-nameplate .nlg-standfirst{
  font-family:var(--sans); font-size:1.12rem; line-height:1.55; color:var(--ink-soft);
  margin:0; max-width:60ch;
}
.nlg-nameplate .nlg-standfirst strong{color:var(--ink); font-weight:600}

/* ---------- Lead feature ---------- */
.nlg-lead-feature{display:grid; grid-template-columns:1fr; gap:1.4rem}
@media(min-width:860px){
  .nlg-lead-feature{grid-template-columns:1.15fr .85fr; gap:2.4rem; align-items:center}
}
.nlg-lead-feature figure figcaption{
  font-family:var(--sans); font-size:.8rem; color:var(--ink-soft); margin-top:.5rem;
}
.nlg-lead-feature .nlg-lf-body .nlg-kick{margin-bottom:.6rem}
.nlg-lead-feature h2{
  font-family:var(--serif); font-weight:500; color:var(--ink);
  font-size:clamp(1.6rem,3.2vw,2.2rem); line-height:1.12; margin:0 0 .8rem;
}
.nlg-lead-feature h2 a{color:var(--ink)}
.nlg-lead-feature h2 a:hover{color:var(--accent); text-decoration:none}
.nlg-lead-feature p{margin:0 0 .8rem; color:var(--ink); font-size:1.04rem}
.nlg-lead-feature .nlg-byline{font-size:.88rem; color:var(--ink-soft); margin:0}

/* ---------- Secondary features (no card chrome) ---------- */
.nlg-picks{display:grid; grid-template-columns:1fr; gap:2rem}
@media(min-width:640px){.nlg-picks{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.nlg-picks{grid-template-columns:1fr 1fr 1fr; gap:2.2rem}}
.nlg-picks article figure{margin-bottom:.9rem}
.nlg-picks article .nlg-kick{margin-bottom:.35rem; font-size:.78rem}
.nlg-picks article h3{
  font-family:var(--serif); font-weight:500; font-size:1.28rem; line-height:1.18;
  margin:0 0 .5rem; color:var(--ink);
}
.nlg-picks article h3 a{color:var(--ink)}
.nlg-picks article h3 a:hover{color:var(--accent); text-decoration:none}
.nlg-picks article p{margin:0; font-size:.98rem; color:var(--ink-soft); line-height:1.5}

/* ---------- Map ---------- */
.nlg-map-block .nlg-map-head{max-width:60ch; margin-bottom:1.4rem}
.nlg-map-block h2{
  font-family:var(--serif); font-weight:500; font-size:clamp(1.5rem,3vw,2rem);
  line-height:1.15; margin:0 0 .5rem; color:var(--ink);
}
.nlg-map-block .nlg-map-head p{margin:0; color:var(--ink-soft); font-size:1rem}
.nlg-home #nlg-map{
  width:100%; height:540px; min-height:420px;
  border:1px solid var(--rule); background:#eae3d0;
}
.nlg-map-block .nlg-map-foot{margin:.9rem 0 0; font-size:.92rem}

/* ---------- Directory ---------- */
.nlg-dir h2{
  font-family:var(--serif); font-weight:500; font-size:clamp(1.5rem,3vw,2rem);
  margin:0 0 .4rem; color:var(--ink);
}
.nlg-dir .nlg-dir-intro{margin:0 0 2rem; color:var(--ink-soft); max-width:62ch}
.nlg-dir-groups{display:grid; grid-template-columns:1fr; gap:2rem}
@media(min-width:720px){.nlg-dir-groups{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.nlg-dir-groups{grid-template-columns:repeat(4,1fr); gap:1.8rem}}
.nlg-dir-group h3{
  font-family:var(--sans); font-weight:600; font-size:.9rem; color:var(--accent);
  margin:0 0 .7rem; padding-bottom:.5rem; border-bottom:1px solid var(--rule);
  letter-spacing:normal; text-transform:none;
}
.nlg-dir-group ul{list-style:none; margin:0; padding:0}
.nlg-dir-group li{margin:0 0 .38rem}
.nlg-dir-group li a{color:var(--ink); font-size:.98rem}
.nlg-dir-group li a:hover{color:var(--accent)}

/* ---------- Departments / start here ---------- */
.nlg-depts h2{
  font-family:var(--serif); font-weight:500; font-size:clamp(1.5rem,3vw,2rem);
  margin:0 0 1.6rem; color:var(--ink);
}
.nlg-depts-grid{display:grid; grid-template-columns:1fr; gap:1.5rem 2.4rem}
@media(min-width:720px){.nlg-depts-grid{grid-template-columns:1fr 1fr}}
.nlg-dept{border-top:2px solid var(--accent); padding-top:.9rem}
.nlg-dept h3{
  font-family:var(--serif); font-weight:500; font-size:1.25rem; margin:0 0 .3rem;
}
.nlg-dept h3 a{color:var(--ink)}
.nlg-dept h3 a:hover{color:var(--accent); text-decoration:none}
.nlg-dept p{margin:0 0 .6rem; color:var(--ink-soft); font-size:.96rem; line-height:1.5}
.nlg-dept ul{list-style:none; margin:0; padding:0; font-size:.96rem}
.nlg-dept li{margin:0 0 .3rem; padding-left:0}
.nlg-dept li a{color:var(--accent)}

/* ---------- From the editor ---------- */
.nlg-editor{display:grid; grid-template-columns:1fr; gap:1.8rem}
@media(min-width:860px){.nlg-editor{grid-template-columns:1.6fr 1fr; gap:3rem}}
.nlg-editor h2{
  font-family:var(--serif); font-weight:500; font-size:1.5rem; margin:0 0 .8rem;
  color:var(--ink);
}
.nlg-editor p{margin:0 0 .8rem; color:var(--ink); font-size:1rem}
.nlg-editor .nlg-editor-links{font-size:.94rem; color:var(--ink-soft)}
.nlg-editor-aside{font-size:.94rem}
.nlg-editor-aside dt{font-family:var(--sans); font-weight:600; color:var(--accent); margin:0 0 .15rem; font-size:.82rem}
.nlg-editor-aside dd{margin:0 0 1rem; color:var(--ink)}

/* ---------- Newsletter ---------- */
.nlg-home .nlg-signup{
  background:var(--paper2); border-top:3px solid var(--accent);
  padding:2.6rem 2rem; margin-top:3.2rem;
}
.nlg-signup-inner{max-width:640px}
.nlg-signup .nlg-kick{margin-bottom:.5rem}
.nlg-signup h2{font-family:var(--serif); font-weight:500; font-size:1.7rem; margin:0 0 .6rem; color:var(--ink)}
.nlg-signup p{margin:0 0 1.2rem; color:var(--ink-soft); font-size:1rem}
.nlg-signup form{display:flex; flex-wrap:wrap; gap:.7rem; max-width:480px}
.nlg-signup input[type=email]{
  flex:1 1 240px; min-width:0; padding:12px 14px; font:inherit; color:var(--ink);
  background:#fff; border:1px solid rgba(21,17,13,.28); border-radius:0;
}
.nlg-signup button{
  flex:0 0 auto; padding:12px 26px; font-family:var(--sans); font-weight:600; font-size:.98rem;
  background:var(--accent); color:#fff; border:0; border-radius:0; cursor:pointer;
}
.nlg-signup button:hover{background:var(--accent-deep)}
.nlg-signup .nlg-priv{margin:.9rem 0 0; font-size:.84rem; color:var(--ink-soft)}
.nlg-signup .nlg-priv a{color:var(--ink-soft); text-decoration:underline}

.nlg-home .visually-hidden{position:absolute!important; left:-9999px!important}