.projectnotice{border-left:3px solid var(--teal);padding:14px 18px;background:#e8efed;color:var(--ink);font-size:13px;line-height:1.6;margin:24px 0}.projectcards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.projectcard{display:block;text-decoration:none;color:var(--ink);background:white;border:1px solid var(--line);transition:transform .2s}.projectcard:hover{transform:translateY(-4px)}.projectcard:focus-visible,.quickrates a:focus-visible{outline:3px solid #137e72;outline-offset:5px}.projectcard img{display:block;width:100%;height:360px;object-fit:contain;background:var(--navy)}.projectcard>div{padding:28px}.projectcard h3{font-size:25px;margin:15px 0 24px}.projectfeature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.projectfeature figure{margin:0;background:var(--navy)}.projectfeature img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}.projectfeature figcaption{padding:16px 20px;color:#e1eeec;font-size:12px;line-height:1.6}.projectreverse figure{order:2}.quickrates{background:var(--navy);color:white}.quickrates>.wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-top:50px;padding-bottom:50px;align-items:center}.quickrates h2{font-size:27px;margin:12px 0}.quickrates p{font-size:14px;color:#b8cdcf;max-width:320px}.quickrates a{color:white;text-decoration:none;border-left:1px solid #36515a;padding:18px 0 18px 24px}.quickrates strong{display:block;color:var(--teal);font-size:39px;margin-bottom:12px}.quickrates a span{font-size:14px;line-height:1.7}html{scroll-behavior:smooth}section[id]{scroll-margin-top:25px}@media(max-width:850px){.projectfeature{gap:30px}.quickrates>.wrap{grid-template-columns:1fr 1fr}.projectcard img{height:290px}}@media(max-width:650px){.projectcards,.projectfeature{grid-template-columns:1fr}.projectreverse figure{order:0}.projectcard img{height:330px}.projectfeature{gap:28px}.quickrates>.wrap{gap:20px}.quickrates>.wrap>div{grid-column:1/-1}.quickrates a{padding-left:14px}.quickrates strong{font-size:32px}.projectcard>div{padding:22px}.projectfeature h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.projectcard{transition:none}}
