/* Portfolio explanations: retain the existing company and product palettes. */
.header nav{flex-wrap:wrap;gap:20px}
.product-copy .availability{font-size:12px;font-weight:650;margin:0 0 14px;color:inherit}
.product-copy .detail-link{font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-bottom:20px;min-height:32px;display:inline-flex;align-items:center}
.upcoming-card .text-link{margin-top:20px;font-size:14px}
.project-hero{background:#031127;color:#fff;padding-block:65px}
.project-hero .eyebrow{color:#83dadc}
.project-hero h1{font-size:clamp(36px,5vw,66px);font-weight:700;line-height:1.12;letter-spacing:-2px;max-width:850px;margin:20px 0}
.project-hero p:not(.eyebrow){max-width:690px;color:#d0e3ed;font-size:18px;line-height:1.7}
.project-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.project-nav a{border:1px solid #52798a;border-radius:24px;padding:12px 17px;font-size:14px;min-height:44px}
.project-nav a:focus-visible{outline-color:#71f0e3}
.project-detail{padding-block:65px;border-bottom:1px solid var(--line);scroll-margin-top:25px}
.project-detail h2{margin-top:14px}
.project-detail .lead{font-size:20px;line-height:1.65;max-width:850px;color:#344d61}
.project-detail p,.project-detail li{font-size:16px;line-height:1.8}
.project-detail h3{font-size:22px;font-weight:650;letter-spacing:-.4px}
.project-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-block:28px}
.project-columns ul,.project-columns ol{padding-left:22px}
.project-columns li+li{margin-top:10px}
.project-note{background:#edf7f8;border-left:3px solid #087b84;padding:16px 22px;color:#344d61}
.project-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.project-actions a:not(.button){text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.project-actions .button{margin:0}
.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0 12px}
.preview-grid figure{margin:0}
.preview-grid img{display:block;width:100%;height:auto;border:1px solid #d2e5e9;border-radius:12px;background:#14121f}
.preview-grid figcaption{font-size:14px;line-height:1.6;margin-top:10px;color:#526477}
.preview-caption{font-size:14px!important;color:#526477}
.faq{padding-block:60px}
.faq .section-heading{margin-bottom:25px}
.faq details{border-bottom:1px solid var(--line);padding-block:8px}
.faq summary{cursor:pointer;font-size:18px;font-weight:600;padding:16px 4px;line-height:1.5}
.faq summary:focus-visible{outline:3px solid #008d9d;outline-offset:3px}
.faq details p{font-size:16px;line-height:1.8;max-width:840px;margin:4px 0 20px}
.faq details a{color:#076a76;text-decoration:underline;text-underline-offset:3px}
.contact-section address a{overflow-wrap:anywhere}
@media(max-width:1000px){.header{height:auto;min-height:94px;padding-block:18px;flex-wrap:wrap}.header nav{gap:16px}.hero h1{font-size:34px}}
@media(max-width:700px){.header nav{justify-content:flex-start;gap:8px 18px!important}.header nav>a{font-size:12px}.project-hero{padding-block:40px}.project-hero h1{letter-spacing:-1px}.project-columns{grid-template-columns:1fr;gap:12px}.project-detail{padding-block:40px}.preview-grid{grid-template-columns:1fr;max-width:380px}.project-detail .lead{font-size:18px}.faq{padding-block:40px}.project-nav{gap:8px}.project-nav a{font-size:13px}.hero h1{font-size:clamp(30px,8vw,46px)}}