/* ============================================================
   ARK RESOURCES v4 - legacy component styles
   Layout rules carried over from styles.css (scoped to .legacy)
   plus v4 restyling, for pages converted with all content kept.
   ============================================================ */
.legacy .lead{font-size: 1.15rem;
  font-weight: 300;
  color: var(--gray);
  max-width: calc(680px*var(--s));
  line-height: 1.8;}
.legacy .grid-2{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(64px*var(--s));
  align-items: center;}
.legacy .grid-3{display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(32px*var(--s));}
.legacy .grid-4{display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(32px*var(--s));}
.legacy .btn-primary{background: var(--steel-blue);
  color: var(--white);
  border-color: var(--steel-blue);}
.legacy .btn-primary:hover{background: transparent;
  color: var(--steel-blue);}
.legacy .btn-outline{background: transparent;
  color: var(--white);
  border-color: var(--white);}
.legacy .btn-outline:hover{background: var(--white);
  color: var(--dark-green);}
.legacy .hero-actions{display: flex;
  gap: calc(16px*var(--s));
  margin-top: calc(40px*var(--s));
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(calc(20px*var(--s)));
  animation: fadeUp 0.8s ease forwards 0.9s;}
.legacy .stats-bar{background: var(--dark-green);
  padding: calc(48px*var(--s)) 0;}
.legacy .stats-grid{display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  text-align: center;}
.legacy .stat-item{padding: calc(20px*var(--s)) calc(32px*var(--s));
  border-right: 1px solid rgba(255,255,255,0.1);}
.legacy .stat-item:last-child{border-right: none;}
.legacy .stat-number{font-family: var(--font-grotesk);
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--lime);
  line-height: 1;
  margin-bottom: calc(8px*var(--s));}
.legacy .stat-label{font-family: var(--font-grotesk);
  font-size: 0.82rem;
  color: rgba(255,255,255,0.65);
  text-transform: uppercase;
  letter-spacing: 0.08em;}
.legacy .logo-marquee-section{background: var(--off-white);
  border-top: 1px solid #E8E8E4;
  border-bottom: 1px solid #E8E8E4;
  padding: calc(36px*var(--s)) 0 calc(32px*var(--s));}
.legacy .logo-marquee-label{font-family: var(--font-grotesk);
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--gray);
  text-align: center;
  margin-bottom: calc(28px*var(--s));}
.legacy .logo-marquee-outer{overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 7%, black 93%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 7%, black 93%, transparent 100%);}
.legacy .logo-marquee-track{display: flex;
  align-items: center;
  gap: calc(52px*var(--s));
  width: max-content;
  animation: logoMarquee 74s linear infinite;}
.legacy .logo-marquee-track:hover{animation-play-state: paused;}
.legacy .logo-marquee-track img{height: calc(40px*var(--s));
  width: auto;
  max-width: calc(130px*var(--s));
  object-fit: contain;
  flex-shrink: 0;
  filter: brightness(0);
  opacity: 0.6;
  transition: opacity 0.25s ease;
  user-select: none;
  -webkit-user-drag: none;}
.legacy .logo-marquee-track img:hover{opacity: 1;}
@keyframes logoMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.legacy .project-carousel-wrapper{position: relative;
  overflow: hidden;
  padding: calc(8px*var(--s)) 0 calc(16px*var(--s));
  
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);}
.legacy .project-track{display: flex;
  gap: calc(24px*var(--s));
  width: max-content;
  will-change: transform;}
.legacy .project-track .project-card{width: calc(540px*var(--s));
  flex-shrink: 0;}
.legacy .project-grid .project-card-image{aspect-ratio: 3/2;}
.legacy .project-grid .project-card-overlay{padding: calc(14px*var(--s)) calc(18px*var(--s)) calc(18px*var(--s));}
.legacy .project-grid .project-card-tag{font-size: 0.58rem;
  margin-bottom: calc(6px*var(--s));}
.legacy .project-grid .project-card-title{font-size: 0.9rem;
  margin-bottom: calc(10px*var(--s));}
.legacy .project-grid .project-card-link{font-size: 0.58rem;}
.legacy .project-card{display: flex;
  flex-direction: column;
  background: var(--off-white);
  border: 1px solid #E8E8E4;
  border-radius: calc(3px*var(--s));
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;}
.legacy .project-card:hover{transform: translateY(calc(-5px*var(--s)));
  box-shadow: 0 calc(16px*var(--s)) calc(48px*var(--s)) rgba(0,0,0,0.1);
  border-color: var(--lime);}
.legacy .project-card-image{width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  flex-shrink: 0;}
.legacy .project-card img{width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;}
.legacy .project-card:hover img{transform: scale(1.06);}
.legacy .project-card-overlay{padding: calc(26px*var(--s)) calc(32px*var(--s)) calc(34px*var(--s));
  display: flex;
  flex-direction: column;
  flex: 1;}
.legacy .project-card-tag{font-family: var(--font-grotesk);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: calc(10px*var(--s));}
.legacy .project-card-title{font-family: var(--font-grotesk);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--dark);
  line-height: 1.35;
  margin-bottom: calc(16px*var(--s));
  flex: 1;}
.legacy .project-card-link{font-family: var(--font-grotesk);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--mid-green);
  transition: color 0.2s ease;}
.legacy .project-card:hover .project-card-link{color: var(--dark-green);}
.legacy .logo-bar{padding: calc(80px*var(--s)) 0;
  border-top: 1px solid #EAEAE6;
  border-bottom: 1px solid #EAEAE6;}
.legacy .logo-bar-title{font-family: var(--font-grotesk);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gray);
  text-align: center;
  margin-bottom: calc(48px*var(--s));}
.legacy .intro-strip{display: flex;
  align-items: center;
  gap: calc(80px*var(--s));
  padding: calc(72px*var(--s)) 0;
  border-bottom: 1px solid #EAEAE6;}
.legacy .intro-strip-text{flex: 1;}
.legacy .intro-strip-kicker{font-family: var(--font-grotesk);
  font-size: 1.6rem;
  color: var(--mid-green);
  font-weight: 700;
  letter-spacing: 0.04em;}
.legacy .intro-strip-kicker span{color: var(--steel-blue);}
@media (max-width: 1024px){
.legacy .grid-4, .legacy .stats-grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px){
.legacy .grid-2{grid-template-columns: 1fr; gap: calc(32px*var(--s));}
.legacy .grid-3{grid-template-columns: 1fr; gap: calc(28px*var(--s));}
.legacy .stats-grid{grid-template-columns: repeat(2, 1fr);}
.legacy .hero-actions{flex-direction: column; gap: calc(12px*var(--s));}
.legacy .hero-actions .btn{width: 100%; justify-content: center;}
.legacy .intro-strip{flex-direction: column; gap: calc(28px*var(--s));}
.legacy .stat-item{padding: calc(16px*var(--s)) calc(20px*var(--s));}
.legacy .stat-number{font-size: 2.2rem;}
}
@media (max-width: 480px){
.legacy .stats-grid{grid-template-columns: 1fr 1fr;}
}
.legacy .service-features-grid{display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(20px*var(--s));}
@media (max-width: 768px){
.legacy .service-features-grid{grid-template-columns: 1fr;}
}
.legacy .service-features-grid-2{display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(20px*var(--s));}
@media (max-width: 600px){
.legacy .service-features-grid-2{grid-template-columns: 1fr;}
}
.legacy .green-star-tools-grid{display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: calc(12px*var(--s));}
@media (max-width: 768px){
.legacy .green-star-tools-grid{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 480px){
.legacy .green-star-tools-grid{grid-template-columns: repeat(2, 1fr);}
}
.legacy .services-cat-grid{display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(20px*var(--s));}
@media (max-width: 768px){
.legacy .services-cat-grid{grid-template-columns: 1fr; gap: calc(16px*var(--s));}
}
@media (max-width: 480px){
.legacy .services-cat-grid{grid-template-columns: 1fr; gap: calc(12px*var(--s));}
}
.legacy .cert-callout-grid{display: grid;
  grid-template-columns: auto 1fr;
  gap: calc(32px*var(--s));
  align-items: center;}
@media (max-width: 600px){
.legacy .cert-callout-grid{grid-template-columns: 1fr; gap: calc(20px*var(--s));}
}
.legacy .nabers-types-grid{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(20px*var(--s));}
@media (max-width: 700px){
.legacy .nabers-types-grid{grid-template-columns: 1fr;}
}
.legacy .feature-chips-grid{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(10px*var(--s));}
@media (max-width: 480px){
.legacy .feature-chips-grid{grid-template-columns: 1fr;}
}
.legacy .case-list-row{display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: calc(20px*var(--s));}
@media (max-width: 400px){
.legacy .case-list-row{grid-template-columns: 1fr; gap: calc(8px*var(--s));}
}
.legacy .btn-primary:hover{filter: brightness(1.08);
  transform: translateY(calc(-2px*var(--s)));
  box-shadow: 0 calc(8px*var(--s)) calc(20px*var(--s)) rgba(0,0,0,0.18);}
.legacy .btn-primary:hover{background: var(--steel-blue); color: var(--white);}
.legacy body.page-tint .project-card{border-radius: var(--radius-card);}
.legacy body.org-page .grid-2 > *{min-width: 0;}
.legacy body.page-tint .project-card{background: #FFFFFF; border: 1px solid var(--line); box-shadow: 0 1px calc(3px*var(--s)) rgba(28,36,24,0.06);}
.legacy body.page-tint .project-card:hover{border-color: var(--lime); box-shadow: 0 calc(16px*var(--s)) calc(48px*var(--s)) rgba(0,0,0,0.1);}
.legacy body.page-tint .project-grid .project-card-tag{font-size: 0.75rem; color: var(--ink-soft);}
.legacy body.page-tint .project-grid .project-card-title{font-size: 1rem; color: var(--ink);}
.legacy body.page-tint .project-grid .project-card-link{font-size: 0.75rem;}
.legacy body.page-tint .project-card:focus-visible{outline: calc(3px*var(--s)) solid var(--lime); outline-offset: calc(3px*var(--s));}

body.article-page, body.page-tint {
  --ink: #1C2418;
  --ink-soft: #5D6657;
  --line: #DCDCD2;
  --tint: #EEF3DC;
  --radius-card: calc(8px*var(--s));
  background: #F7F6F2;
}
body.article-page {
  --off-white: #FFFFFF;
  --gray: #5D6657;
  --dark: #1C2418;
}

body.article-page .article-title { color: var(--dark-green); }
body.article-page .article-prose,
body.article-page .article-prose p,
body.article-page .article-prose li { color: var(--ink); }
body.article-page .article-lead,
body.article-page .article-intro { color: var(--ink-soft); border-left: calc(4px*var(--s)) solid var(--lime); padding-left: calc(16px*var(--s)); }

body.article-page .key-points { background: var(--tint); border-top-color: #DDE8C0; border-right-color: #DDE8C0; border-bottom-color: #DDE8C0; }

body.article-page .contact-card,
body.article-page .stat-card,
body.article-page .next-read-card,
body.article-page .practitioner-box,
body.article-page .nbc-projects-box,
body.article-page .offer-box,
body.article-page .facts-grid,
body.article-page .key-points,
body.article-page .ark-role,
body.article-page .article-callout,
body.article-page .article-quote,
body.article-page .pull-quote { border-radius: var(--radius-card); }
body.article-page .contact-card,
body.article-page .stat-card,
body.article-page .next-read-card,
body.article-page .practitioner-box,
body.article-page .nbc-projects-box,
body.article-page .facts-grid { border-color: var(--line); }
body.article-page .facts-grid > div { background: #FFFFFF; }
body.article-page .article-hero-image img,
body.article-page .article-figure img,
body.article-page .article-prose img { border-radius: var(--radius-card); }
body.article-page .article-divider { background: var(--line); }


body.page-tint { --gray: #5D6657; }

body.page-tint .news-card { border-color: var(--line); border-radius: var(--radius-card); }
body.page-tint .project-card { border-radius: var(--radius-card); }
body.page-tint .filter-pill:not(.active) { background: #FFFFFF; }


body.article-page .article-lead { border-bottom: 0; padding-bottom: 0; margin-bottom: calc(32px*var(--s)); }
body.article-page .ark-role,
body.article-page .key-points,
body.article-page .practitioner-box,
body.article-page .nbc-projects-box { border-left-width: 1px; border-left-style: solid; }
body.article-page .ark-role { border-left-color: #E0EAD0; box-shadow: inset calc(4px*var(--s)) 0 0 var(--dark-green); }
body.article-page .key-points { border-left-color: #DDE8C0; box-shadow: inset calc(4px*var(--s)) 0 0 var(--lime); }
body.article-page .practitioner-box,
body.article-page .nbc-projects-box { border-left-color: var(--line); box-shadow: inset calc(4px*var(--s)) 0 0 var(--dark-green); }


/* organisation and legal pages (scoped) */
.legacy-org.page-tint{--ink: #1C2418;
  --ink-soft: #5D6657;
  --line: #DCDCD2;
  --tint: #EEF3DC;
  --radius-card: calc(8px*var(--s));
  background: #F7F6F2;}
.legacy-org.page-tint{--gray: #5D6657;}
.legacy-org.page-tint .news-card{border-color: var(--line); border-radius: var(--radius-card);}
.legacy-org.page-tint .project-card{border-radius: var(--radius-card);}
.legacy-org.page-tint .filter-pill:not(.active){background: #FFFFFF;}
.legacy-org.org-page{--off-white: #FFFFFF;
  --gray: #5D6657;
  --dark: #1C2418;
  --sp-1: calc(8px*var(--s)); --sp-2: calc(16px*var(--s)); --sp-3: calc(24px*var(--s)); --sp-4: calc(40px*var(--s)); --sp-5: calc(64px*var(--s));}
.legacy-org.org-page h2.section-title{color: var(--dark-green);}
.legacy-org .org-head{padding-bottom: calc(36px*var(--s)); border-bottom: 1px solid var(--line, #E8E8E4); margin-bottom: calc(44px*var(--s));}
.legacy-org .org-kicker{font-family: var(--font-grotesk); font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--mid-green); margin-bottom: calc(14px*var(--s));}
.legacy-org .org-title{font-family: var(--font-grotesk); font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 700; color: var(--dark-green); line-height: 1.15; margin-bottom: calc(12px*var(--s));}
.legacy-org .org-sub{font-family: var(--font-grotesk); font-size: 0.78rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--mid-green);}
.legacy-org .org-intro{align-items: start; margin-bottom: var(--sp-5);}
.legacy-org .org-block{margin-bottom: var(--sp-5);}
.legacy-org .org-lede{max-width: calc(680px*var(--s)); margin-bottom: var(--sp-4); font-size: 1rem; line-height: 1.75;}
.legacy-org .org-logo-panel{background: #FFFFFF; border-radius: calc(8px*var(--s)) calc(8px*var(--s)) 0 0; padding: calc(28px*var(--s)) calc(32px*var(--s)); display: flex; align-items: center; justify-content: center; border: 1px solid var(--line, #E8E8E4); border-bottom: 0;}
.legacy-org .org-logo-panel img{height: calc(96px*var(--s)); width: auto; max-width: 100%; object-fit: contain;}
.legacy-org .org-about-card{background: var(--dark-green); border-radius: 0 0 calc(8px*var(--s)) calc(8px*var(--s)); padding: calc(28px*var(--s)) calc(32px*var(--s)) calc(32px*var(--s)); color: var(--white);}
.legacy-org .org-about-card .about-label{font-family: var(--font-grotesk); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; color: var(--lime); display: block; margin-bottom: calc(14px*var(--s));}
.legacy-org .org-about-card p{color: rgba(255,255,255,0.85); font-size: 0.95rem; line-height: 1.75; margin-bottom: calc(20px*var(--s));}
.legacy-org .org-tiles{display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(16px*var(--s)); margin-top: calc(32px*var(--s));}
.legacy-org .org-tiles.cols-3{grid-template-columns: repeat(3, 1fr);}
.legacy-org .org-tile{background: #FFFFFF; border: 1px solid var(--line, #E8E8E4); border-top: calc(3px*var(--s)) solid var(--lime); border-radius: calc(8px*var(--s)); padding: calc(24px*var(--s)) calc(20px*var(--s));}
.legacy-org .org-tile .tile-name{font-family: var(--font-grotesk); font-size: 1.1rem; font-weight: 700; color: var(--dark-green); margin-bottom: calc(6px*var(--s)); line-height: 1.3;}
.legacy-org .org-tile .tile-ref{font-size: 0.92rem; color: var(--ink-soft); line-height: 1.55; margin: 0;}
.legacy-org .org-callout{background: #FFFFFF; border: 1px solid var(--line, #E8E8E4); border-left-width: 1px; border-radius: calc(8px*var(--s)); box-shadow: inset calc(4px*var(--s)) 0 0 var(--dark-green); padding: calc(28px*var(--s)) calc(32px*var(--s)); margin-bottom: var(--sp-5);}
.legacy-org .org-callout .callout-label{font-family: var(--font-grotesk); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; color: var(--mid-green); display: block; margin-bottom: calc(10px*var(--s));}
.legacy-org .org-callout h3{font-family: var(--font-grotesk); font-size: 1.25rem; font-weight: 700; color: var(--dark-green); margin-bottom: calc(10px*var(--s));}
.legacy-org .org-callout p{margin: 0; max-width: calc(720px*var(--s));}
.legacy-org.org-page .contact-block{display: flex; align-items: center; gap: calc(24px*var(--s)); padding: calc(32px*var(--s)) calc(36px*var(--s)); background: #FFFFFF; border: 1px solid var(--line, #E8E8E4); border-radius: calc(8px*var(--s)); max-width: calc(540px*var(--s));}
.legacy-org.org-page .contact-block img{width: calc(80px*var(--s)); height: calc(80px*var(--s)); border-radius: 50%; object-fit: cover; object-position: center top; flex-shrink: 0;}
.legacy-org.org-page .contact-info .contact-name{font-family: var(--font-grotesk); font-size: 1.05rem; font-weight: 700; color: var(--dark); margin-bottom: calc(3px*var(--s));}
.legacy-org.org-page .contact-info .contact-role{font-family: var(--font-grotesk); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gray); margin-bottom: calc(10px*var(--s));}
.legacy-org.org-page .contact-email-btn{display: inline-flex; align-items: center; gap: calc(6px*var(--s)); min-height: calc(32px*var(--s)); font-family: var(--font-grotesk); font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--mid-green); text-decoration: none; transition: color 0.2s ease;}
.legacy-org.org-page .contact-email-btn:hover{color: var(--dark-green);}
.legacy-org.org-page .contact-email-btn svg{width: calc(12px*var(--s)); height: calc(12px*var(--s));}
.legacy-org.org-page .org-visit-btn{display: inline-flex; align-items: center; gap: calc(10px*var(--s)); font-family: var(--font-grotesk); font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--dark-green); background: var(--lime); padding: calc(15px*var(--s)) calc(32px*var(--s)); min-height: calc(48px*var(--s)); border-radius: calc(4px*var(--s)); text-decoration: none; transition: background 0.2s ease;}
.legacy-org.org-page .org-visit-btn:hover{background: #c8e040;}
.legacy-org.org-page .org-visit-btn svg{width: calc(14px*var(--s)); height: calc(14px*var(--s));}
.legacy-org.org-page .org-visit-btn.ghost{background: transparent; color: var(--white); border: 1px solid rgba(255,255,255,0.55);}
.legacy-org.org-page .org-visit-btn.ghost:hover{background: rgba(255,255,255,0.1);}
.legacy-org.org-page .org-cta-section{background: var(--dark-green); border-radius: calc(8px*var(--s)); padding: calc(60px*var(--s)) calc(48px*var(--s)); text-align: center; margin-top: var(--sp-5);}
.legacy-org.org-page .org-cta-section .cta-label{font-family: var(--font-grotesk); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; color: var(--lime); margin-bottom: calc(16px*var(--s)); display: block;}
.legacy-org.org-page .org-cta-section h3{font-family: var(--font-grotesk); font-size: clamp(1.3rem, 2.5vw, 1.8rem); font-weight: 700; color: var(--white); line-height: 1.3; margin-bottom: calc(12px*var(--s));}
.legacy-org.org-page .org-cta-section p{color: rgba(255,255,255,0.8); font-size: 1rem; max-width: calc(480px*var(--s)); margin: 0 auto calc(36px*var(--s));}
.legacy-org.org-page .org-cta-actions{display: flex; flex-wrap: wrap; gap: calc(16px*var(--s)); justify-content: center;}
.legacy-org .org-group{margin-top: calc(56px*var(--s));}
.legacy-org .org-group:first-of-type{margin-top: calc(40px*var(--s));}
.legacy-org .org-group-title{font-family: var(--font-grotesk); font-size: 1.25rem; font-weight: 700; color: var(--dark-green); margin-bottom: calc(4px*var(--s));}
.legacy-org .org-group-sub{font-size: 0.95rem; margin-bottom: 0;}
.legacy-org .org-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(24px*var(--s)); margin-top: calc(24px*var(--s));}
.legacy-org .org-card{display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid var(--line, #E0E0D8); border-radius: calc(8px*var(--s)); padding: calc(32px*var(--s)); text-decoration: none; transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;}
.legacy-org .org-card:hover{border-color: var(--dark-green); box-shadow: 0 calc(6px*var(--s)) calc(32px*var(--s)) rgba(0,0,0,0.09); transform: translateY(calc(-3px*var(--s)));}
.legacy-org .org-card:focus-visible{outline: calc(3px*var(--s)) solid var(--lime); outline-offset: calc(3px*var(--s));}
.legacy-org .org-card-logo{height: calc(72px*var(--s)); display: flex; align-items: center; margin-bottom: calc(20px*var(--s));}
.legacy-org .org-card-logo img{height: 100%; width: auto; max-width: 100%; object-fit: contain; object-position: left center;}
.legacy-org .org-card-name{font-family: var(--font-grotesk); font-size: 1.1rem; font-weight: 700; color: var(--dark); margin-bottom: calc(8px*var(--s)); line-height: 1.3;}
.legacy-org .org-card-desc{font-size: 0.92rem; color: var(--ink-soft); line-height: 1.7; flex: 1; margin: 0;}
.legacy-org .org-card-link{display: inline-flex; align-items: center; gap: calc(6px*var(--s)); min-height: calc(32px*var(--s)); font-family: var(--font-grotesk); font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--mid-green); margin-top: calc(20px*var(--s)); transition: gap 0.2s ease, color 0.2s ease;}
.legacy-org .org-card:hover .org-card-link{gap: calc(10px*var(--s)); color: var(--dark-green);}
.legacy-org .org-card-link svg{width: calc(12px*var(--s)); height: calc(12px*var(--s)); flex-shrink: 0;}
.legacy-org .org-next{margin-top: var(--sp-5);}
.legacy-org .org-next-label{font-family: var(--font-grotesk); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; color: var(--mid-green); display: block; margin-bottom: calc(14px*var(--s));}
.legacy-org .org-next-card{display: flex; align-items: center; gap: calc(28px*var(--s)); background: #FFFFFF; border: 1px solid var(--line, #E0E0D8); border-radius: calc(8px*var(--s)); padding: calc(24px*var(--s)) calc(28px*var(--s)); text-decoration: none; transition: border-color 0.22s ease, box-shadow 0.22s ease;}
.legacy-org .org-next-card:hover{border-color: var(--dark-green); box-shadow: 0 calc(6px*var(--s)) calc(32px*var(--s)) rgba(0,0,0,0.09);}
.legacy-org .org-next-card:focus-visible{outline: calc(3px*var(--s)) solid var(--lime); outline-offset: calc(3px*var(--s));}
.legacy-org .org-next-logo{width: calc(160px*var(--s)); height: calc(72px*var(--s)); flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.legacy-org .org-next-logo img{max-width: 100%; max-height: 100%; object-fit: contain;}
.legacy-org .org-next-title{font-family: var(--font-grotesk); font-size: 1.15rem; font-weight: 700; color: var(--dark); margin-bottom: calc(4px*var(--s));}
.legacy-org .org-next-desc{font-size: 0.92rem; color: var(--ink-soft); line-height: 1.6; margin: 0;}
.legacy-org .org-next-card .org-card-link{margin-top: calc(10px*var(--s));}
.legacy-org .org-next-card:hover .org-card-link{gap: calc(10px*var(--s)); color: var(--dark-green);}
@media (max-width: 900px){
.legacy-org .org-tiles, .legacy-org .org-tiles.cols-3{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px){
.legacy-org .org-grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 700px){
.legacy-org.org-page .contact-block{flex-direction: column; text-align: center; padding: calc(28px*var(--s)) calc(24px*var(--s));}
.legacy-org.org-page .org-cta-section{padding: calc(44px*var(--s)) calc(24px*var(--s));}
.legacy-org .org-next-card{flex-direction: column; align-items: flex-start; gap: calc(16px*var(--s)); padding: calc(22px*var(--s)) calc(20px*var(--s));}
.legacy-org .org-next-logo{width: auto; height: calc(64px*var(--s)); justify-content: flex-start;}
.legacy-org.org-page p, .legacy-org.org-page .org-card-desc, .legacy-org.org-page .org-next-desc{font-size: 1rem; line-height: 1.7;}
.legacy-org.org-page .breadcrumb{font-size: 0.85rem;}
.legacy-org.org-page .breadcrumb a{min-height: calc(44px*var(--s)); display: inline-flex; align-items: center;}
.legacy-org.org-page .contact-email-btn, .legacy-org .org-card-link{min-height: calc(44px*var(--s));}
.legacy-org .org-callout{padding: calc(22px*var(--s)) calc(20px*var(--s));}
}
@media (max-width: 480px){
.legacy-org .org-grid, .legacy-org .org-tiles, .legacy-org .org-tiles.cols-3{grid-template-columns: 1fr;}
.legacy-org .org-logo-panel, .legacy-org .org-about-card{padding-left: calc(22px*var(--s)); padding-right: calc(22px*var(--s));}
.legacy-org.org-page .org-cta-actions .org-visit-btn{width: 100%; justify-content: center;}
}
@media (prefers-reduced-motion: reduce){
.legacy-org .reveal, .legacy-org .label-reveal{opacity: 1 !important; transform: none !important; transition: none !important;}
}
.legacy-org.org-page .grid-2 > *, .legacy-org.org-page .nbc-guidelines-section > *{min-width: 0;}
@media (max-width: 480px){
.legacy-org.org-page .org-visit-btn{white-space: normal; max-width: 100%; padding: calc(14px*var(--s)) calc(22px*var(--s)); line-height: 1.35;}
}
.legacy-org.page-tint .project-grid{gap: calc(24px*var(--s));}
.legacy-org.page-tint .project-card{background: #FFFFFF; border: 1px solid var(--line); box-shadow: 0 1px calc(3px*var(--s)) rgba(28,36,24,0.06);}
.legacy-org.page-tint .project-card:hover{border-color: var(--lime); box-shadow: 0 calc(16px*var(--s)) calc(48px*var(--s)) rgba(0,0,0,0.1);}
.legacy-org.page-tint .project-grid .project-card-tag{font-size: 0.75rem; color: var(--ink-soft);}
.legacy-org.page-tint .project-grid .project-card-title{font-size: 1rem; color: var(--ink);}
.legacy-org.page-tint .project-grid .project-card-link{font-size: 0.75rem;}
.legacy-org.page-tint .project-card:focus-visible{outline: calc(3px*var(--s)) solid var(--lime); outline-offset: calc(3px*var(--s));}
.legacy-org.v2{--ink:#1C2418; --ink-soft:#4F5A49;}
.legacy-org .v2 .crumbs{margin: calc(8px*var(--s)) 0 calc(28px*var(--s));}
.legacy-org .v2-hero{display:grid; grid-template-columns: 1.15fr 0.85fr; gap:calc(56px*var(--s)); align-items:center; margin-bottom:calc(40px*var(--s));}
.legacy-org .v2-kicker{font-family:var(--font-grotesk); font-size:.8rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--mid-green); margin-bottom:calc(14px*var(--s)); display:flex; align-items:center; gap:calc(10px*var(--s));}
.legacy-org .v2-kicker::before{content:""; width:calc(28px*var(--s)); height:calc(3px*var(--s)); background:var(--lime); border-radius:2px;}
.legacy-org .v2-h1{font-family:var(--font-grotesk); font-size:clamp(2.3rem,4.4vw,3.4rem); line-height:1.08; letter-spacing:-.02em; font-weight:700; color:var(--dark-green); margin-bottom:calc(16px*var(--s));}
.legacy-org .v2-sub{font-family:var(--font-grotesk); font-size:1.2rem; font-weight:500; color:var(--ink); line-height:1.45; margin-bottom:calc(18px*var(--s)); max-width:30em;}
.legacy-org .v2-lede{font-size:1.0625rem; line-height:1.75; color:var(--ink-soft); max-width:36em; margin-bottom:calc(28px*var(--s));}
.legacy-org .v2-actions{display:flex; flex-wrap:wrap; gap:calc(14px*var(--s));}
.legacy-org .v2-btn{display:inline-flex; align-items:center; gap:calc(10px*var(--s)); min-height:calc(48px*var(--s)); padding:calc(14px*var(--s)) calc(26px*var(--s)); border-radius:calc(6px*var(--s)); font-family:var(--font-grotesk); font-size:.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; transition:background .2s, border-color .2s, transform .2s;}
.legacy-org .v2-btn svg{width:calc(14px*var(--s)); height:calc(14px*var(--s));}
.legacy-org .v2-btn.solid{background:var(--dark-green); color:#fff;}
.legacy-org .v2-btn.solid:hover{background:#1f3715; transform:translateY(calc(-1px*var(--s)));}
.legacy-org .v2-btn.line{border:1.5px solid var(--dark-green); color:var(--dark-green); background:transparent;}
.legacy-org .v2-btn.line:hover{background:#fff;}
.legacy-org .v2-logo-card{background:#fff; border:1px solid var(--line); border-radius:calc(12px*var(--s)); padding:calc(44px*var(--s)) calc(40px*var(--s)); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:calc(20px*var(--s)); box-shadow:0 1px calc(3px*var(--s)) rgba(28,36,24,.06), 0 calc(18px*var(--s)) calc(40px*var(--s)) calc(-24px*var(--s)) rgba(28,36,24,.25); min-height:calc(280px*var(--s));}
.legacy-org .v2-logo-card img{max-height:calc(150px*var(--s)); max-width:100%; width:auto;}
.legacy-org .v2-logo-card span{font-size:.9rem; color:var(--ink-soft); text-align:center;}
.legacy-org .v2-glance{display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid var(--line); border-radius:calc(12px*var(--s)); margin-bottom:calc(72px*var(--s));}
.legacy-org .v2-glance.cols-3{grid-template-columns:repeat(3,1fr);}
.legacy-org .v2-glance > div{padding:calc(26px*var(--s)) calc(28px*var(--s)); border-left:1px solid var(--line);}
.legacy-org .v2-glance > div:first-child{border-left:0;}
.legacy-org .v2-glance strong{display:block; font-family:var(--font-grotesk); font-size:1.75rem; line-height:1.1; color:var(--dark-green); margin-bottom:calc(6px*var(--s)); letter-spacing:-.01em;}
.legacy-org .v2-glance span{font-size:.92rem; color:var(--ink-soft); line-height:1.5;}
.legacy-org .v2-main{display:grid; grid-template-columns:minmax(0,1fr) calc(360px*var(--s)); gap:calc(56px*var(--s)); align-items:start; margin-bottom:calc(72px*var(--s));}
.legacy-org .v2-h2{font-family:var(--font-grotesk); font-size:clamp(1.5rem,2.6vw,2rem); line-height:1.2; font-weight:700; color:var(--dark-green); margin-bottom:calc(14px*var(--s));}
.legacy-org .v2-body p{font-size:1.0625rem; line-height:1.8; color:var(--ink-soft); margin-bottom:calc(18px*var(--s)); max-width:40em;}
.legacy-org .v2-model{list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:calc(14px*var(--s)); margin:calc(8px*var(--s)) 0 calc(34px*var(--s)); padding:0;}
.legacy-org .v2-model li{background:#fff; border:1px solid var(--line); border-radius:calc(10px*var(--s)); padding:calc(18px*var(--s)) calc(20px*var(--s)) calc(18px*var(--s)) calc(22px*var(--s)); box-shadow:inset calc(4px*var(--s)) 0 0 var(--lime);}
.legacy-org .v2-model b{display:block; font-family:var(--font-grotesk); font-size:1.05rem; color:var(--dark-green); margin-bottom:2px;}
.legacy-org .v2-model small{font-size:.9rem; color:var(--ink-soft);}
.legacy-org .v2-note{background:#EEF3DC; border-radius:calc(10px*var(--s)); padding:calc(22px*var(--s)) calc(26px*var(--s)); margin-top:calc(6px*var(--s)); box-shadow:inset calc(4px*var(--s)) 0 0 var(--dark-green);}
.legacy-org .v2-note b{font-family:var(--font-grotesk); color:var(--dark-green); display:block; margin-bottom:calc(6px*var(--s)); font-size:1.05rem;}
.legacy-org .v2-note p{margin:0; font-size:1rem; color:var(--ink);}
.legacy-org .v2-aside{position:sticky; top:calc(96px*var(--s)); background:#fff; border:1px solid var(--line); border-radius:calc(12px*var(--s)); padding:calc(28px*var(--s)); box-shadow:0 1px calc(3px*var(--s)) rgba(28,36,24,.06);}
.legacy-org .v2-aside .tag{font-family:var(--font-grotesk); font-size:.75rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--mid-green); margin-bottom:calc(18px*var(--s)); display:block;}
.legacy-org .v2-person{display:flex; align-items:center; gap:calc(16px*var(--s)); margin-bottom:calc(16px*var(--s));}
.legacy-org .v2-person img{width:calc(76px*var(--s)); height:calc(76px*var(--s)); border-radius:50%; object-fit:cover; object-position:center top;}
.legacy-org .v2-person b{display:block; font-family:var(--font-grotesk); font-size:1.15rem; color:var(--ink);}
.legacy-org .v2-person small{font-size:.8rem; color:var(--ink-soft); letter-spacing:.04em;}
.legacy-org .v2-aside p{font-size:.95rem; line-height:1.65; color:var(--ink-soft); margin-bottom:calc(20px*var(--s));}
.legacy-org .v2-aside .v2-btn{width:100%; justify-content:center;}
.legacy-org .v2-aside .v2-btn + .v2-btn{margin-top:calc(10px*var(--s));}
.legacy-org .v2-explore h2{font-family:var(--font-grotesk); font-size:1.25rem; color:var(--dark-green); margin-bottom:calc(16px*var(--s));}
.legacy-org .v2-explore-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:calc(20px*var(--s)); margin-bottom:calc(72px*var(--s));}
.legacy-org .v2-org{display:flex; align-items:center; gap:calc(18px*var(--s)); background:#fff; border:1px solid var(--line); border-radius:calc(10px*var(--s)); padding:calc(18px*var(--s)) calc(22px*var(--s)); text-decoration:none; transition:border-color .2s, box-shadow .2s, transform .2s;}
.legacy-org .v2-org:hover{border-color:var(--dark-green); box-shadow:0 calc(8px*var(--s)) calc(24px*var(--s)) rgba(0,0,0,.08); transform:translateY(calc(-2px*var(--s)));}
.legacy-org .v2-org img{width:calc(84px*var(--s)); height:calc(52px*var(--s)); object-fit:contain; flex-shrink:0;}
.legacy-org .v2-org b{display:block; font-family:var(--font-grotesk); color:var(--ink); font-size:1rem;}
.legacy-org .v2-org small{color:var(--mid-green); font-family:var(--font-grotesk); font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;}
.legacy-org .v2-cta{display:flex; align-items:center; justify-content:space-between; gap:calc(32px*var(--s)); background:var(--dark-green); border-radius:calc(12px*var(--s)); padding:calc(34px*var(--s)) calc(44px*var(--s)); margin-bottom:calc(24px*var(--s));}
.legacy-org .v2-cta h3{font-family:var(--font-grotesk); color:#fff; font-size:clamp(1.25rem,2.2vw,1.6rem); line-height:1.3; margin-bottom:calc(6px*var(--s));}
.legacy-org .v2-cta p{color:rgba(255,255,255,.82); font-size:1rem; margin:0; max-width:34em;}
.legacy-org .v2-cta .v2-btn.solid{background:var(--lime); color:var(--dark-green);}
.legacy-org .v2-cta .v2-btn.solid:hover{background:#c8e040;}
@media (max-width: 960px){
.legacy-org .v2-hero, .legacy-org .v2-main{grid-template-columns:1fr; gap:calc(32px*var(--s));}
.legacy-org .v2-aside{position:static;}
.legacy-org .v2-glance, .legacy-org .v2-glance.cols-3{grid-template-columns:repeat(2,1fr);}
.legacy-org .v2-glance > div:nth-child(3){border-left:0;}
.legacy-org .v2-glance > div:nth-child(n+3){border-top:1px solid var(--line);}
.legacy-org .v2-explore-grid{grid-template-columns:1fr;}
.legacy-org .v2-cta{flex-direction:column; align-items:flex-start; padding:calc(30px*var(--s)) calc(24px*var(--s));}
}
@media (max-width: 560px){
.legacy-org .v2-model{grid-template-columns:1fr;}
.legacy-org .v2-glance, .legacy-org .v2-glance.cols-3{grid-template-columns:1fr;}
.legacy-org .v2-glance > div{border-left:0 !important; border-top:1px solid var(--line);}
.legacy-org .v2-glance > div:first-child{border-top:0;}
.legacy-org .v2-logo-card{padding:calc(32px*var(--s)) calc(24px*var(--s)); min-height:calc(200px*var(--s));}
.legacy-org .v2-btn{width:100%; justify-content:center;}
.legacy-org .v2-lede, .legacy-org .v2-body p{font-size:1rem;}
}
.legacy-org .v2-logo-card.lg img{max-height:calc(240px*var(--s)); max-width:min(100%,calc(440px*var(--s)));}
.legacy-org .v2-logo-card img{object-fit:contain;}
.legacy-org .v2-model li:last-child:nth-child(odd){grid-column:1/-1;}
@media (prefers-reduced-motion: reduce){
.legacy-org .v2-btn, .legacy-org .v2-org{transition:none;}
}
@media (max-width: 960px){
.legacy-org .contacts-2col[style*="repeat(3"], .legacy-org .contacts-3col{grid-template-columns: 1fr !important;}
}
.legacy-org.legal-page{--ink:#1C2418; --ink-soft:#4F5A49; --line:#DCDCD2;}
.legacy-org .legal-crumbs{margin:calc(8px*var(--s)) 0 calc(28px*var(--s));}
.legacy-org .lg-head{margin-bottom:calc(28px*var(--s)); max-width:46rem;}
.legacy-org .lg-kicker{font-family:var(--font-grotesk); font-size:.8rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--mid-green); margin-bottom:calc(14px*var(--s)); display:flex; align-items:center; gap:calc(12px*var(--s));}
.legacy-org .lg-kicker::before{content:""; width:calc(28px*var(--s)); height:calc(3px*var(--s)); background:var(--lime); border-radius:2px;}
.legacy-org .lg-h1{font-family:var(--font-grotesk); font-size:clamp(2.2rem,4.2vw,3.2rem); line-height:1.08; letter-spacing:-.02em; font-weight:700; color:var(--dark-green); margin-bottom:calc(14px*var(--s));}
.legacy-org .lg-meta{font-size:.9rem; color:var(--ink-soft);}
.legacy-org .lg-lede{font-size:1.0625rem; line-height:1.75; color:var(--ink-soft); margin-top:calc(14px*var(--s)); max-width:40em;}
.legacy-org .lg-wrap{max-width:calc(820px*var(--s)); margin-bottom:calc(72px*var(--s));}
.legacy-org .lg-tools{display:flex; justify-content:flex-end; margin-bottom:calc(12px*var(--s));}
.legacy-org .lg-toggle{background:none; border:0; cursor:pointer; font-family:var(--font-grotesk); font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--mid-green); padding:calc(8px*var(--s)) calc(4px*var(--s)); min-height:calc(40px*var(--s));}
.legacy-org .lg-toggle:hover{color:var(--dark-green); text-decoration:underline; text-underline-offset:calc(4px*var(--s));}
.legacy-org .lg-list{display:flex; flex-direction:column; gap:calc(12px*var(--s));}
.legacy-org .lg-item{background:#fff; border:1px solid var(--line); border-radius:calc(10px*var(--s)); box-shadow:0 1px calc(3px*var(--s)) rgba(28,36,24,.05); transition:border-color .2s, box-shadow .2s; scroll-margin-top:calc(96px*var(--s));}
.legacy-org .lg-item:hover{border-color:#C9CDBE;}
.legacy-org .lg-item[open]{border-color:var(--dark-green); box-shadow:0 calc(4px*var(--s)) calc(18px*var(--s)) rgba(28,36,24,.08);}
.legacy-org .lg-item summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:calc(16px*var(--s)); padding:calc(20px*var(--s)) calc(24px*var(--s)); min-height:calc(64px*var(--s)); font-family:var(--font-grotesk); font-size:1.05rem; font-weight:600; color:var(--dark-green); border-radius:calc(10px*var(--s));}
.legacy-org .lg-item summary::-webkit-details-marker{display:none;}
.legacy-org .lg-item summary:focus-visible{outline:calc(3px*var(--s)) solid var(--lime); outline-offset:2px;}
.legacy-org .lg-item .n{flex:none; width:calc(34px*var(--s)); height:calc(34px*var(--s)); border-radius:50%; background:#EEF3DC; color:var(--dark-green); display:flex; align-items:center; justify-content:center; font-size:.85rem; font-weight:700;}
.legacy-org .lg-item .t{flex:1; min-width:0;}
.legacy-org .lg-item .chev{flex:none; width:calc(20px*var(--s)); height:calc(20px*var(--s)); transition:transform .25s ease; color:var(--mid-green);}
.legacy-org .lg-item[open] .chev{transform:rotate(180deg);}
.legacy-org .lg-item[open] .n{background:var(--dark-green); color:#fff;}
.legacy-org .lg-panel{padding:0 calc(24px*var(--s)) calc(8px*var(--s)) calc(74px*var(--s));}
.legacy-org .lg-panel p{font-size:1.0625rem; line-height:1.8; color:var(--ink-soft); max-width:40em; margin-bottom:calc(16px*var(--s));}
.legacy-org .lg-panel p strong{color:var(--dark-green);}
.legacy-org .lg-panel a{color:var(--dark-green); text-decoration:underline; text-underline-offset:calc(3px*var(--s));}
.legacy-org .lg-foot{margin-top:calc(28px*var(--s)); display:flex; flex-wrap:wrap; gap:calc(14px*var(--s)) calc(28px*var(--s)); align-items:center; justify-content:space-between; background:#fff; border:1px solid var(--line); border-radius:calc(10px*var(--s)); padding:calc(20px*var(--s)) calc(24px*var(--s));}
.legacy-org .lg-foot p{margin:0; color:var(--ink-soft); font-size:.95rem;}
.legacy-org .lg-foot a{font-family:var(--font-grotesk); font-weight:700; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--dark-green); text-decoration:none;}
.legacy-org .lg-foot a:hover{text-decoration:underline; text-underline-offset:calc(4px*var(--s));}
@media (max-width:600px){
.legacy-org .lg-item summary{padding:calc(16px*var(--s)) calc(16px*var(--s)); gap:calc(12px*var(--s)); font-size:1rem;}
.legacy-org .lg-panel{padding:0 calc(16px*var(--s)) calc(6px*var(--s)) calc(16px*var(--s));}
.legacy-org .lg-item .n{width:calc(30px*var(--s)); height:calc(30px*var(--s));}
}
@media print{
.legacy-org .lg-tools{display:none}
.legacy-org .lg-item{box-shadow:none}
.legacy-org .lg-item > .lg-panel{display:block !important}
}
@media (prefers-reduced-motion:reduce){
.legacy-org .lg-item, .legacy-org .lg-item .chev{transition:none}
}
/* ===== v4 look for legacy service-page components ===== */
.legacy .container{max-width:var(--wrap);margin-inline:auto;padding-inline:0}
.legacy .lsec .inner>*+*{margin-top:clamp(1.6rem,3vw,2.4rem)}
.legacy .lsec .inner>.label+*,.legacy .lsec .inner>div>.label+*{margin-top:0}
/* headings */
.legacy .label{font-family:var(--g);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--light-green);display:inline-flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.legacy .label::before{content:"";width:calc(28px*var(--s));height:1px;background:currentColor}
.legacy .divider{display:none!important}
.legacy .lsec .section-title,.legacy .lsec h2,.legacy .lkeep .section-title{font-family:var(--g)!important;font-weight:500!important;letter-spacing:-.025em!important;line-height:1.05!important;font-size:clamp(2rem,4vw,3.6rem)!important;margin-bottom:1.2rem}
.legacy .lsec .section-title,.legacy .lsec h2{color:var(--dark)!important}
.legacy h3,.legacy h4{font-family:var(--g)!important;font-weight:500!important;letter-spacing:-.01em}
.legacy .lsec p{line-height:1.75}
.legacy a{transition:color .3s}
/* FAQs like the v4 accordion */
.legacy .faq-item{border-bottom:1px solid var(--line);opacity:1!important;transform:none!important}
.legacy .faq-item:first-child{border-top:1px solid var(--line)}
.legacy .faq-q{list-style:none;cursor:pointer;padding:1.4rem 0;display:flex;justify-content:space-between;align-items:center;gap:2rem;font-family:var(--g);font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:500;color:var(--dark)}
.legacy .faq-q::-webkit-details-marker{display:none}
.legacy .faq-q::after{content:"+";font-size:1.6rem;color:var(--light-green);transition:transform .3s;flex:none}
.legacy .faq-item[open] .faq-q::after{transform:rotate(45deg)}
.legacy .faq-a{padding:0 0 1.5rem;color:#4a4a4a;max-width:75ch;line-height:1.75}
/* team contact cards */
.legacy .contact-block{background:var(--white)!important;border:1px solid var(--line)!important;border-radius:calc(8px*var(--s))!important;opacity:1!important;transform:none!important;padding:1.3rem 1.5rem!important}
.legacy .contact-block img{filter:grayscale(1);transition:filter .4s}
.legacy .contact-block:hover img{filter:none}
.legacy .contact-name{font-family:var(--g);font-weight:500!important}
.legacy .contact-email-btn{color:var(--light-green)!important}
/* related services as pills */
.legacy .related-links{display:flex;flex-wrap:wrap;gap:.6rem}
.legacy .related-link{font-family:var(--g);font-size:.85rem;padding:.55rem 1.05rem;border:1px solid var(--line);border-radius:calc(999px*var(--s));color:#444;background:transparent;text-decoration:none;transition:.3s}
.legacy .related-link:hover{border-color:var(--dark-green);color:var(--dark-green)}
/* in-page dark callouts */
.legacy .org-cta-section{border-radius:calc(8px*var(--s))!important;opacity:1!important;transform:none!important}
.legacy .lkeep>section,.legacy .lkeep>div{padding-block:var(--pad)}
.legacy .lkeep .container{padding-inline:var(--gut)}
.legacy img{max-width:100%}
.legacy video{max-width:100%;border-radius:calc(8px*var(--s))}
.legacy .btn-primary{background:var(--dark-green);color:var(--white)}
.legacy .btn-primary:hover{background:var(--dark)}
.legacy .btn-outline{border:1px solid var(--line);color:var(--dark)}
/* sunlight: technical plan as a supporting figure */
.legacy .arki-fig{margin-top:clamp(2rem,4vw,3rem);max-width:calc(640px*var(--s))}
.legacy .arki-fig img{width:100%;height:auto;border-radius:calc(8px*var(--s));border:1px solid var(--line)}
.legacy .arki-fig figcaption{font-size:.82rem;color:var(--gray);margin-top:.6rem}

/* stat cards inside articles: keep the original dark-on-light colours (the .stat-number/.stat-label
   rules above come from the dark home stats bar and must not leak into these light cards) */
.legacy .stat-card .stat-number{font-size:2rem;color:var(--dark-green);margin-bottom:.6rem}
.legacy .stat-card .stat-label{color:var(--gray);text-transform:none;letter-spacing:normal;font-size:.9rem;line-height:1.6}
.legacy .stat-card{background:var(--white)}

/* readability: low-contrast inline colours carried over from the old pages */
.legacy [style*="font-size:2rem"][style*="color:var(--lime)"]{color:var(--light-green)!important}
.legacy [style*="color:#9CA3AF"]{color:#6b6b6b!important}

/* pills: one style site wide. Light tint on hover (never a dark fill), keyboard focus ring, arrow cue */
.legacy .related-link{display:inline-flex!important;align-items:center;background:transparent!important;color:#444!important;border:1px solid var(--line)!important}
.legacy .related-link:hover,.legacy .related-link:focus-visible{background:#EEF3DC!important;border-color:var(--dark-green)!important;color:var(--dark-green)!important}
.legacy .related-link:focus-visible{outline:2px solid var(--dark-green);outline-offset:2px}
.legacy .related-link::after{content:"\2192";display:inline-block;max-width:0;opacity:0;overflow:hidden;transition:max-width .3s,opacity .3s,margin .3s}
.legacy .related-link:hover::after,.legacy .related-link:focus-visible::after{max-width:1.2em;opacity:1;margin-left:.35rem}
@media (max-width:820px){.legacy .related-link{min-height:calc(40px*var(--s))}}
/* related projects as small cards */
.legacy-art .side-proj{display:grid;gap:.7rem}
.legacy-art .side-proj>a{display:grid;grid-template-columns:calc(96px*var(--s)) 1fr;gap:.9rem;align-items:center;padding:.55rem;border:1px solid var(--line);border-radius:calc(8px*var(--s));background:var(--white);transition:border-color .3s,background .3s}
.legacy-art .side-proj>a:hover,.legacy-art .side-proj>a:focus-visible{border-color:var(--dark-green);background:#EEF3DC}
.legacy-art .side-proj>a:focus-visible{outline:2px solid var(--dark-green);outline-offset:2px}
.legacy-art .side-proj img{width:calc(96px*var(--s));aspect-ratio:3/2;object-fit:cover;border-radius:calc(4px*var(--s));display:block}
.legacy-art .side-proj b{display:block;font-family:var(--g);font-weight:500;font-size:.95rem;color:var(--dark);margin-bottom:.2rem}
.legacy-art .side-proj i{font-style:normal;font-size:.8rem;color:var(--light-green)}

/* ===== Phase 4: organisation and legal pages in the v4 look ===== */
.legacy-org{background:var(--off-white)}
.legacy-org>section.section{padding:calc(calc(84px*var(--s)) + clamp(3rem,7vw,6rem)) 0 var(--pad)!important;background:transparent}
.legacy-org .container{max-width:var(--wrap)!important;margin-inline:auto!important;padding-inline:var(--gut)!important}
.legacy-org .breadcrumb{display:flex!important;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.85rem!important;color:var(--gray)!important;margin:0 0 1.6rem!important}
.legacy-org .breadcrumb a,.legacy-org .breadcrumb span{font-size:.85rem!important;color:var(--gray)!important}
.legacy-org .breadcrumb a:hover{color:var(--dark-green)!important}
/* page titles take the v4 display type */
.legacy-org .org-title,.legacy-org .v2-h1,.legacy-org .lg-h1{font-family:var(--g)!important;font-weight:500!important;font-size:clamp(2.4rem,5vw,4.4rem)!important;line-height:1.02!important;letter-spacing:-.03em!important;color:var(--dark)!important;margin:1rem 0 1.2rem!important}
.legacy-org .org-kicker,.legacy-org .v2-kicker,.legacy-org .lg-kicker,.legacy-org .org-next-label{font-family:var(--g)!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--light-green)!important;display:inline-flex!important;align-items:center;gap:.7rem}
.legacy-org .org-kicker::before,.legacy-org .lg-kicker::before{content:"";width:calc(28px*var(--s));height:1px;background:currentColor}
.legacy-org .org-sub{font-family:var(--g)!important;font-size:1.15rem!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:var(--gray)!important}
.legacy-org .v2-h2,.legacy-org .org-group-title,.legacy-org h2.section-title{font-family:var(--g)!important;font-weight:500!important;letter-spacing:-.02em!important;color:var(--dark)!important;font-size:clamp(1.5rem,2.4vw,2.2rem)!important;line-height:1.12!important}
.legacy-org .org-card-name,.legacy-org .org-next-title,.legacy-org .org-tile .tile-name,.legacy-org .org-callout h3{font-family:var(--g)!important;font-weight:500!important;color:var(--dark)!important}
.legacy-org .org-card-link,.legacy-org .contact-email-btn{color:var(--light-green)}
.legacy-org .org-card:hover .org-card-link{color:var(--dark-green)}
.legacy-org .org-head{border-bottom:1px solid var(--line)}

/* logo strip (ESD Consultant Melbourne): seamless loop. Margins instead of gap so the two sets are exactly
   half the track, fixed-width slots so loading logos never change the width, and the logos load straight away. */
.legacy .logo-marquee-track:hover{animation-play-state:running!important}
.legacy .logo-marquee-track{gap:0!important;will-change:transform;backface-visibility:hidden}
.legacy .logo-marquee-track img{width:calc(calc(130px*var(--s))*var(--s))!important;max-width:none!important;margin:0 calc(calc(26px*var(--s))*var(--s))}

/* ===== news articles (WE-EF article look) ===== */
:root{--nav-height:calc(84px*var(--s))}
.legacy-art>.container{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);padding-top:calc(calc(84px*var(--s)) + clamp(3rem,7vw,6rem))!important;padding-bottom:var(--pad)}
.legacy-art .article-body{padding:0!important}
.legacy-art .article-layout{max-width:none!important;padding:0!important;margin:0!important}
/* WE-EF layout: 8 column reading column, 3 column sticky sidebar on the right */
.legacy-art .article-body>.art-grid{max-width:none}
.legacy-art .art-head{margin-bottom:clamp(2rem,4vw,3rem)}
.legacy-art .art-head .art-meta{margin-bottom:1.8rem}
.legacy-art .art-flow>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.legacy-art .art-flow>*:first-child{margin-top:0!important}
.legacy-art .article-hero-image{max-width:none!important;margin-bottom:clamp(3rem,6vw,5rem)}
/* sidebar */
.legacy-art .art-side .side-eyebrow,.legacy-art .art-side .label{font-family:var(--g)!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--light-green)!important;display:flex!important;align-items:center;gap:.7rem;margin:0 0 1rem!important;padding:0!important;border:0!important;background:none!important}
.legacy-art .art-side .side-eyebrow::before,.legacy-art .art-side .label::before{content:"";width:calc(28px*var(--s));height:1px;background:currentColor}
.legacy-art .art-side .sticky>*{margin-top:0!important}
.legacy-art .art-side .sticky>.side-eyebrow:not(:first-child),.legacy-art .art-side .sticky>.side-block:not(:first-child){margin-top:2.6rem!important}
.legacy-art .art-side .sticky>.side-block{margin-bottom:0!important}
.legacy-art .art-side .section-title{font-size:1.35rem!important;margin:.2rem 0 1rem!important;max-width:none}
.legacy-art .art-side .article-contacts-grid,.legacy-art .art-side .contacts-grid-2,.legacy-art .art-side .contacts-grid-3{display:grid!important;grid-template-columns:1fr!important;gap:.7rem!important;margin:0!important;max-width:none!important}
.legacy-art .art-side .contact-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.9rem!important;padding:.9rem!important;border:1px solid var(--line)!important;text-align:left!important;margin:0!important}
.legacy-art .art-side .contact-card img{width:calc(52px*var(--s))!important;height:calc(52px*var(--s))!important;min-width:calc(52px*var(--s));border-radius:50%!important;object-fit:cover;object-position:center 20%;margin:0!important;aspect-ratio:1}
.legacy-art .art-side .contact-info{text-align:left!important;padding:0!important}
.legacy-art .art-side .contact-name{font-size:.98rem!important;margin:0!important}
.legacy-art .art-side .contact-role{font-size:.8rem!important;color:var(--gray)!important;margin:.15rem 0 .35rem!important}
.legacy-art .art-side .contact-email-btn{font-size:.8rem!important;padding:0!important;background:none!important;color:var(--light-green)!important;border:0!important}
.legacy-art .art-side .contact-email-btn svg{width:calc(13px*var(--s));height:calc(13px*var(--s))}
.legacy-art .art-side .related-links{gap:.45rem!important}
.legacy-art .art-side .project-detail-card{display:block!important;background:none!important;border:0!important;border-top:1px solid var(--dark)!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important}
.legacy-art .art-side .project-detail-item{padding:.85rem 0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important}
.legacy-art .art-side .project-detail-label{font-family:var(--g);font-size:.68rem!important;letter-spacing:.12em;text-transform:uppercase;color:var(--gray)!important;margin-bottom:.2rem}
.legacy-art .art-side .project-detail-value{font-size:.9rem!important;font-weight:400!important;color:var(--dark)!important}
/* images keep the proportions they were saved at: no stretching, no cropping */
.legacy-art .article-hero-image img,
.legacy-art .art-flow>.reveal>img,.legacy-art .art-flow .article-figure img,.legacy-art .art-flow .article-inline-image img,.legacy-art .art-flow .closing-banner img{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;max-height:none!important}
.legacy-art .article-hero-image.hero-narrow{max-width:66.6%!important}
.legacy-art .art-flow .closing-banner,.legacy-art .art-flow .article-figure{height:auto!important}
/* card thumbnails stay as even, cropped frames */
.legacy-art .art-flow .next-read-thumb img,.legacy-art .art-flow .nbc-project-image img,.legacy-art .art-flow .finalist-card-image img,
.legacy-art .art-flow .service-features-grid img{height:100%!important;object-fit:cover!important}
/* header */
.legacy-art .breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.85rem!important;color:var(--gray);margin-bottom:1.2rem!important}
.legacy-art .breadcrumb a,.legacy-art .breadcrumb span{font-size:.85rem!important;color:var(--gray)}
.legacy-art .breadcrumb a:hover{color:var(--dark-green)}
.legacy-art .article-back-link{font-family:var(--g);font-size:.88rem!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:var(--gray)!important;margin-bottom:2rem}
.legacy-art .article-meta{margin-bottom:1.2rem}
.legacy-art .article-tag{font-size:.72rem!important;letter-spacing:.14em}
.legacy-art .article-body .article-title{font-family:var(--g)!important;font-weight:500!important;font-size:clamp(2.2rem,4.6vw,4.2rem)!important;line-height:1.05!important;letter-spacing:-.025em!important;color:var(--dark)!important;margin:1rem 0 1.6rem!important;max-width:20ch}
/* body copy */
.legacy-art .article-prose p,.legacy-art .article-prose li{font-size:1.06rem!important;line-height:1.8!important;color:#2b2b2b}
.legacy-art .article-lead,.legacy-art .article-intro{font-family:var(--g);font-size:1.25rem!important;line-height:1.6!important;letter-spacing:-.01em;color:var(--dark)!important}
.legacy-art .article-prose h2,.legacy-art .article-body h2{font-family:var(--g)!important;font-weight:500!important;font-size:clamp(1.5rem,2.4vw,2.2rem)!important;line-height:1.12!important;letter-spacing:-.02em;color:var(--dark)!important;margin:.5rem 0 1rem!important}
.legacy-art .article-section-kicker,.legacy-art .article-section-heading{font-family:var(--g);font-size:.75rem!important;font-weight:600!important;letter-spacing:.14em!important;color:var(--light-green)!important;margin-top:clamp(2.5rem,5vw,3.5rem)}
.legacy-art .article-section-rule{display:none}
.legacy-art .key-points{background:var(--white)!important;border-radius:0 calc(8px*var(--s)) calc(8px*var(--s)) 0!important}
.legacy-art .contact-card{background:var(--white)!important;border-radius:calc(8px*var(--s))!important}
.legacy-art .contact-card img,.legacy-art .contact-block img{filter:grayscale(1);transition:filter .4s}
.legacy-art .contact-card:hover img{filter:none}
.legacy-art .next-read-card{background:var(--white)!important;border-radius:calc(8px*var(--s))!important}
.legacy-art .next-read-title{font-weight:500!important;font-size:1.15rem!important}
.legacy-art .related-link{border-radius:calc(999px*var(--s))!important;font-family:var(--g)!important;font-size:.82rem!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;padding:.55rem 1.05rem!important}
@media (max-width:1100px){
  .legacy-art .art-side .article-contacts-grid,.legacy-art .art-side .contacts-grid-2,.legacy-art .art-side .contacts-grid-3{grid-template-columns:1fr 1fr!important}
}
@media (max-width:600px){
  .legacy-art .art-side .article-contacts-grid,.legacy-art .art-side .contacts-grid-2,.legacy-art .art-side .contacts-grid-3{grid-template-columns:1fr!important}
}
@media (max-width:820px){
  .legacy [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .legacy .contact-block{flex-wrap:wrap}
}