/* Project sections (2026-10-26, information/projects.twig with sec_*): the lead under the H1 and the section text after the projects.
   Same quiet greys as the article top; the services are the site's 17px list line, never boxes. */
.new-project-page{--sct-dim:#939393;--sct-low:#646464;--sct-ink:rgba(255,255,255,.8);--sct-text:#adadad}
.light .new-project-page{--sct-dim:#646464;--sct-low:#939393;--sct-ink:#151515;--sct-text:#424242}
.sec-lead p{max-width:560px;margin:18px 0 0;font-size:15px;line-height:1.6;color:var(--sct-dim)}
@media screen and (min-width:1200px){.sec-lead p{font-size:16px;margin-top:22px}}

.sec-text{display:grid;gap:26px;padding-top:90px;padding-bottom:30px}
.sec-text-h{margin:0;font-size:24px!important;line-height:1.25;font-weight:400;letter-spacing:-.01em;color:var(--sct-ink)!important}
.sec-text-body p{margin:0 0 16px;font-size:15px;line-height:1.65;color:var(--sct-text)}
.sec-text-t{margin:34px 0 10px!important;font-size:11px!important;line-height:1.6!important;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--sct-low)!important}
.sec-text-svc{list-style:none;margin:0;padding:0}
.sec-text-svc li{margin:0;padding:0}
.sec-text-svc a{position:relative;display:inline-block;padding:7px 0 7px 32px;font-size:15px;line-height:1.4;color:var(--sct-dim);text-decoration:none;transition:color .4s}
.sec-text-svc a:before{content:"";position:absolute;left:0;top:17px;width:17px;border-top:1px solid var(--sct-low);transition:width .45s cubic-bezier(.2,.7,.2,1),border-color .4s}
.sec-text-svc a:hover{color:var(--sct-ink)}
.sec-text-svc a:hover:before{width:24px;border-color:var(--sct-ink)}
@media screen and (min-width:768px){.sec-text{padding-top:120px}.sec-text-h{font-size:27px!important}}
@media screen and (min-width:1200px){
  .sec-text{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);column-gap:88px;padding-top:150px;padding-bottom:40px}
  .sec-text-h{font-size:30px!important;max-width:420px}
  .sec-text-body{max-width:720px}
  .sec-text-body p{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.sec-text-svc a,.sec-text-svc a:before{transition:none}}
/* desktop: the head column widens for the lead, the tabs keep their place on the right */
@media screen and (min-width:1200px){.new-project-page .head-top .head:has(.sec-lead){flex:0 1 560px!important;max-width:560px!important}.sec-lead p{max-width:none}}