.projects-page { background:var(--cream); }.projects-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr); align-items:end; gap:5rem; padding-top:6rem; padding-bottom:4rem; }.projects-hero h1,.projects-closing h2 { max-width:10ch; margin:0; color:var(--deep); font-size:clamp(3.5rem,6.8vw,6.3rem); letter-spacing:-.045em; line-height:.96; }.projects-hero .lede { max-width:35rem; margin-bottom:0; }.projects-note { padding:2rem; color:white; background:var(--teal); box-shadow:1rem 1rem 0 var(--aqua); }.projects-note p { margin:0; color:#e7f3e9; font-size:1.05rem; line-height:1.6; }.projects-note strong { display:block; margin-bottom:.8rem; color:var(--gold); font-size:.78rem; letter-spacing:.11em; text-transform:uppercase; }.project-list { display:grid; gap:1.5rem; padding-top:1.5rem; padding-bottom:5.5rem; }.project-card { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr); gap:3.5rem; align-items:center; padding:clamp(2rem,5vw,4rem); border:1px solid var(--line); background:white; }.project-card:nth-child(2) { background:var(--mist); }.project-card h2 { max-width:10ch; margin:0 0 1.3rem; color:var(--deep); font-size:clamp(2.5rem,4.8vw,4.4rem); letter-spacing:-.04em; line-height:.98; }.project-card p:not(.eyebrow) { max-width:36rem; margin:0 0 1.5rem; color:#4c6670; font-size:1.08rem; line-height:1.68; }.project-card-actions { display:flex; flex-wrap:wrap; gap:1.2rem; align-items:center; }.project-card .phone-capture { justify-self:end; width:min(100%,17rem); }.project-card .phone-capture img { display:block; width:100%; border-radius:1.85rem; }.projects-closing { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:5rem; margin-bottom:5.5rem; padding:5rem clamp(1.6rem,6vw,5.5rem); overflow:hidden; color:white; background:var(--deep); }.projects-closing::after { content:""; position:absolute; right:clamp(1rem,6vw,4rem); bottom:1rem; width:min(34vw,19rem); aspect-ratio:1; background:url("assets/noble-squad-mark-dark.png") center/contain no-repeat; opacity:.13; pointer-events:none; }.projects-closing>* { position:relative; z-index:1; }.projects-closing .eyebrow { color:var(--gold); }.projects-closing h2 { color:white; font-size:clamp(2.6rem,5vw,4.4rem); }.projects-closing-copy { max-width:34rem; padding-top:1.2rem; }.projects-closing-copy p { margin:0 0 1.3rem; color:#c6d8d8; font-size:1.06rem; line-height:1.65; }.projects-closing-copy .button-light { margin-top:.7rem; } @media (max-width:780px) { .projects-hero,.project-card,.projects-closing { grid-template-columns:1fr; gap:2.5rem; }.projects-hero { padding-top:4rem; }.project-card { padding:2rem; }.project-card .phone-capture { justify-self:start; }.projects-closing { margin-bottom:3rem; padding:3.5rem 1.5rem; }.projects-closing-copy { padding-top:0; } }