/* Measured against the approved Projects and RFQ reference compositions. */
.ref-projects .ref-hero{min-height:23.75rem}
.ref-projects .ref-hero h1{max-width:43rem}
.ref-projects .ref-hero .hero-intro,.ref-projects .ref-hero-intro{max-width:39rem}
.ref-project-gallery{padding:1.45rem 0 1.9rem}
.ref-project-filters{display:flex;flex-wrap:wrap;gap:.9rem;margin:0 0 1.4rem}
.ref-project-filters button{border:1px solid #d2dfed;background:#fff;border-radius:.4rem;color:#394f6b;min-width:10.35rem;min-height:3.1rem;padding:.62rem 1.375rem;font:400 1.1rem/1.35 var(--font-body,Roboto),Arial,sans-serif}
.ref-project-filters button:hover{border-color:#1750ff;color:#1750ff}
.ref-project-filters button.is-active{background:#1750ff;color:#fff;border-color:#1750ff;font-weight:600}
.ref-project-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.9rem}
.ref-project-card{min-width:0}
.ref-project-card[hidden]{display:none}
.ref-project-card>img{width:100%;aspect-ratio:1.637;object-fit:cover}
.ref-project-card h2{font-size:1.65rem;line-height:1.13;margin:.7rem 0 .7rem;letter-spacing:-.03em}
.ref-project-tags{display:flex;flex-wrap:wrap;gap:.7rem;margin:0;font-size:1.02rem;line-height:1.4}
.ref-project-tags span{background:#e9f0f5;border-radius:.4rem;padding:.28rem 1rem;color:#526782}
.ref-project-example{background:#eff4f7;padding:2rem 0 1.5rem}
.ref-project-example-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1.3rem;margin-bottom:.7rem}
.ref-project-example-heading h2{font-size:2.86rem;letter-spacing:-.035em;margin:0;line-height:1.15}
.ref-project-example-heading>p{flex-shrink:0;margin:0;font-size:1.04rem}
.ref-project-example-grid{display:grid;grid-template-columns:minmax(0,2.17fr) minmax(0,1fr);gap:1.85rem;align-items:stretch}
.ref-project-example-grid>img{width:100%;height:100%;aspect-ratio:2;object-fit:cover}
.ref-project-example-copy{display:flex;flex-direction:column;justify-content:space-between;padding-top:.55rem}
.ref-project-facts{margin:0;background:#fff;padding:1rem 1.35rem 1.65rem;font-size:1.2rem;line-height:1.4}
.ref-project-facts>div{display:grid;grid-template-columns:7.3rem 1fr;border-bottom:1px solid #e2e8f0;padding:.55rem 0;gap:.1rem}
.ref-project-facts>div:last-child{border:0}
.ref-project-facts dt{font-weight:600;color:#0c2948}
.ref-project-facts dd{margin:0}
.ref-project-example-copy>p{font-size:1.2rem;line-height:1.46;margin:1.55rem .3rem 2.55rem}
.ref-project-breakdown{padding:1.2rem 0 1rem}
.ref-project-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;padding:0;margin:0 0 1.6rem}
.ref-project-steps>li{min-width:0;padding-right:1.25rem;border-right:1px solid #d5deeb}
.ref-project-steps>li:last-child{padding-right:0;border-right:0}
.ref-project-step-heading{display:grid;grid-template-columns:3.35rem 1fr;gap:1.05rem;min-height:5.25rem;align-items:start}
.ref-project-step-number{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#d5e4ff;border-radius:50%;color:#1750ff;font:700 1.9rem/1 var(--font-body,Roboto),Arial,sans-serif}
.ref-project-step-heading h3{font-size:1.65rem;line-height:1.2;margin:.4rem 0 .6rem;letter-spacing:-.025em}
.ref-project-step-heading p{font-size:1rem;letter-spacing:-.015em;line-height:1.35;margin:0}
.ref-project-steps>li>img{width:100%;aspect-ratio:1.64;object-fit:cover}
.ref-project-details{display:grid;grid-template-columns:1fr 1fr;gap:1.85rem}
.ref-project-details img{width:100%;aspect-ratio:3.08;object-fit:cover}
.ref-project-details h3{font-size:1.5rem;line-height:1.15;margin:.65rem 0 .3rem}
.ref-project-details p{font-size:1.08rem;line-height:1.25;margin:0}

.ref-quote .ref-hero{min-height:22.7rem}
.ref-quote .ref-hero-copy{width:58%}
.ref-quote .ref-hero h1{max-width:50rem;font-size:4.45rem;letter-spacing:-.04em}
.ref-quote .ref-hero .hero-intro,.ref-quote .ref-hero-intro{max-width:36rem}
.ref-quote-main{padding:1.25rem 0 1.4rem}
.ref-quote-grid{display:grid;grid-template-columns:minmax(0,1.765fr) minmax(0,1fr);gap:1.15rem;align-items:stretch}
.ref-quote-form{min-width:0;scroll-margin-top:8rem}
.ref-quote-form>.axrf{min-height:100%}
.ref-quote-sidebar{background:#eff4f7;border-radius:.4rem;padding:1.85rem 1.5rem 1.55rem;min-width:0;display:flex;flex-direction:column}
.ref-quote-sidebar h2{font-size:2.65rem;line-height:1.1;letter-spacing:-.035em;margin:0 0 .6rem}
.ref-quote-sidebar-intro{font-size:1.075rem;line-height:1.45;margin:0 0 1.7rem}
.ref-quote-next{list-style:none;padding:0;margin:0 0 2rem}
.ref-quote-next>li{position:relative;display:grid;grid-template-columns:3.95rem 1fr;gap:1.4rem;min-height:7rem;padding-bottom:1.4rem}
.ref-quote-next>li:before{content:'';position:absolute;width:1px;background:#b8c8d9;left:1.42rem;top:3.6rem;bottom:.65rem}
.ref-quote-next>li:last-child{padding-bottom:0;min-height:0}
.ref-quote-next>li:last-child:before{display:none}
.ref-quote-next-number{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#dae7ff;color:#1750ff;font:700 1.6rem/1 var(--font-body,Roboto),Arial,sans-serif}
.ref-quote-next h3{font-size:1.48rem;line-height:1.22;margin:.2rem 0 .2rem;letter-spacing:-.025em}
.ref-quote-next p{font-size:1.1rem;line-height:1.4;margin:0}
.ref-quote-checklist{padding-top:1.5rem;border-top:1px solid #cfdbe5}
.ref-quote-checklist h2{font-size:2.3rem;margin-bottom:.65rem}
.ref-quote-checklist>p{font-size:1.18rem;line-height:1.45;margin:0 0 1.4rem}
.ref-quote-checklist ul{list-style:none;padding:0;margin:0}
.ref-quote-checklist li{display:grid;grid-template-columns:2.35rem 1fr;gap:1rem;margin:0 0 1.6rem}
.ref-quote-check{height:1.85rem;width:1.85rem;border-radius:.32rem;background:#1750ff;color:white;display:flex;align-items:center;justify-content:center}
.ref-quote-check .icon{width:1.2rem;height:1.2rem;stroke-width:2}
.ref-quote-checklist h3{font-size:1.37rem;line-height:1.23;letter-spacing:-.02em;margin:.15rem 0 .3rem}
.ref-quote-checklist li p{font-size:1.12rem;line-height:1.33;margin:0}
.ref-quote-parts{margin-top:auto}
.ref-quote-parts img{width:100%;aspect-ratio:1.108;object-fit:cover}
.ref-quote-parts figcaption{font-size:.97rem;line-height:1.2;margin:.3rem .2rem 0}
.ref-quote-nda{display:flex;gap:2.5rem;align-items:center;padding:1.2rem 2rem;background:#f0f5f8;border-radius:.4rem;margin:1.2rem 0 1.5rem}
.ref-quote-nda-icon{color:#0c2948;flex:0 0 5.3rem}
.ref-quote-nda-icon .icon{width:5.3rem;height:5.3rem;stroke-width:1}
.ref-quote-nda h2{font-size:2.6rem;line-height:1.1;margin:0 0 .45rem}
.ref-quote-nda p{font-size:1.18rem;line-height:1.4;margin:0}
.ref-quote-nda .button{margin-left:auto;flex-shrink:0;min-width:15.4rem;min-height:3.2rem;padding:.6rem 1.55rem;border-radius:.2rem;border-color:#1750ff;color:#1750ff!important;font-size:1.1rem}
.ref-quote-nda .button:hover{background:#e4edff}
.ref-quote-faq h2{font-size:2.6rem;margin:0 0 .15rem}
.ref-quote-faq>p{font-size:1.2rem;line-height:1.4;margin:0 0 .65rem}
.ref-quote-faq-list{border:1px solid #d7e2eb;border-radius:.35rem;overflow:hidden}
.ref-quote-faq details{position:relative;display:grid;grid-template-columns:38.5% 1fr;column-gap:1rem;align-items:start;border-bottom:1px solid #d7e2eb;padding:1rem 2.8rem 1rem 1.3rem;min-height:4.55rem}
.ref-quote-faq details:last-child{border-bottom:0}
.ref-quote-faq summary{list-style:none;cursor:pointer;font:700 1.3rem/1.3 var(--font-body,Roboto),Arial,sans-serif;color:#0c2948;letter-spacing:-.015em}
.ref-quote-faq summary::-webkit-details-marker{display:none}
.ref-quote-faq summary:after{content:'';display:block;width:.65rem;height:.65rem;position:absolute;right:1.55rem;top:1.65rem;border-right:1.5px solid #1750ff;border-bottom:1.5px solid #1750ff;transform:rotate(-45deg)}
.ref-quote-faq details[open] summary:after{transform:rotate(45deg)}
.ref-quote-faq details>p{font-size:1rem;line-height:1.32;margin:0;grid-column:2}
.ref-quote-faq details:not([open]){display:block;min-height:4.1rem}
.ref-quote-unavailable{border:1px solid #d7e2eb;padding:2rem;border-radius:.4rem}

@media(max-width:900px){
 .ref-projects .ref-hero,.ref-quote .ref-hero{min-height:0}
 .ref-quote .ref-hero h1{font-size:2.9rem}
 .ref-project-gallery{padding:1.5rem 0}
 .ref-project-filters{gap:.5rem;margin-bottom:1.25rem}
 .ref-project-filters button{min-width:0;min-height:2.8rem;font-size:1rem;padding:.65rem .95rem}
 .ref-project-cards{gap:1rem}
 .ref-project-card h2{font-size:1.35rem}
 .ref-project-tags{font-size:.85rem;gap:.3rem}
 .ref-project-tags span{padding:.25rem .6rem}
 .ref-project-example-heading{display:block}
 .ref-project-example-heading h2{font-size:2.05rem;margin:0 0 .5rem}
 .ref-project-example-heading>p{font-size:.9rem;margin:0 0 1rem}
 .ref-project-example-grid{grid-template-columns:1.65fr 1fr;gap:1rem}
 .ref-project-facts{font-size:1rem;padding:.7rem}
 .ref-project-facts>div{grid-template-columns:4.8rem 1fr}
 .ref-project-example-copy>p{font-size:1.03rem;line-height:1.45;margin:1rem 0 0}
 .ref-project-step-heading{grid-template-columns:2.2rem 1fr;gap:.5rem;min-height:6.8rem}
 .ref-project-step-number{width:2.05rem;height:2.05rem;font-size:1.35rem}
 .ref-project-step-heading h3{font-size:1.3rem;margin:.15rem 0 .45rem}
 .ref-project-step-heading p{font-size:.9rem}
 .ref-project-steps{gap:.8rem}
 .ref-project-steps>li{padding-right:.8rem}
 .ref-project-details{gap:1rem}
 .ref-project-details h3{font-size:1.35rem}
 .ref-project-details p{font-size:.95rem;line-height:1.4}
 .ref-project-details img{aspect-ratio:2.25}
 .ref-quote-main{padding-top:1.3rem}
 .ref-quote-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1rem}
 .ref-quote-sidebar{padding:1.4rem 1rem}
 .ref-quote-sidebar h2{font-size:2rem}
 .ref-quote-sidebar-intro,.ref-quote-next p,.ref-quote-checklist>p{font-size:1rem}
 .ref-quote-next>li{grid-template-columns:2.15rem 1fr;gap:.75rem;padding-bottom:1.6rem}
 .ref-quote-next-number{width:2.15rem;height:2.15rem;font-size:1.25rem}
 .ref-quote-next>li:before{left:1.05rem;top:2.7rem;bottom:.6rem}
 .ref-quote-next h3{font-size:1.18rem}
 .ref-quote-checklist{padding-top:1.2rem}
 .ref-quote-checklist h2{font-size:1.8rem}
 .ref-quote-checklist li{grid-template-columns:1.6rem 1fr;gap:.6rem;margin-bottom:1.4rem}
 .ref-quote-check{width:1.5rem;height:1.5rem}
 .ref-quote-checklist h3{font-size:1.15rem}
 .ref-quote-checklist li p{font-size:.95rem}
 .ref-quote-parts figcaption{font-size:.8rem}
 .ref-quote-nda{padding:1.25rem;gap:1rem;flex-wrap:wrap}
 .ref-quote-nda-icon{flex-basis:3rem}
 .ref-quote-nda-icon .icon{width:3rem;height:3rem}
 .ref-quote-nda h2{font-size:1.8rem}
 .ref-quote-nda p{font-size:1rem}
 .ref-quote-nda .button{min-width:0;min-height:2.75rem;font-size:.95rem;margin-left:4rem}
 .ref-quote-faq h2{font-size:2rem}
 .ref-quote-faq>p{font-size:1rem}
 .ref-quote-faq details{grid-template-columns:42% 1fr;padding:1rem 2rem 1rem 1rem;gap:1rem}
 .ref-quote-faq summary{font-size:1.15rem}
 .ref-quote-faq details>p{font-size:.95rem}
 .ref-quote-faq summary:after{right:1rem;top:1.45rem}
}
@media(max-width:620px){
 .ref-project-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
 .ref-project-filters button{font-size:clamp(13px,3.75vw,15px);padding:.65rem .4rem;min-width:0}
 .ref-project-cards{grid-template-columns:1fr;gap:1.5rem}
 .ref-project-card h2{font-size:1.6rem;margin:.65rem 0 .5rem}
 .ref-project-tags{font-size:.9rem}
 .ref-project-example{padding:1.7rem 0}
 .ref-project-example-grid{grid-template-columns:1fr;gap:1rem}
 .ref-project-example-grid>img{aspect-ratio:1.6}
 .ref-project-example-copy{padding:0}
 .ref-project-facts{padding:.9rem 1.2rem}
 .ref-project-facts>div{grid-template-columns:6rem 1fr}
 .ref-project-example-copy>p{font-size:1.1rem}
 .ref-project-breakdown{padding:1.5rem 0}
 .ref-project-steps{grid-template-columns:1fr;gap:1.6rem;margin-bottom:1.8rem}
 .ref-project-steps>li{padding:0;border:0}
 .ref-project-step-heading{grid-template-columns:2.8rem 1fr;gap:.7rem;min-height:0;margin-bottom:.75rem}
 .ref-project-step-number{width:2.55rem;height:2.55rem;font-size:1.5rem}
 .ref-project-step-heading h3{font-size:1.6rem;margin:.1rem 0 .35rem}
 .ref-project-step-heading p{font-size:1rem}
 .ref-project-steps>li>img{aspect-ratio:1.7}
 .ref-project-details{grid-template-columns:1fr;gap:1.5rem}
 .ref-project-details h3{font-size:1.5rem}
 .ref-project-details p{font-size:1rem}
 .ref-quote .ref-hero h1{font-size:2.6rem}
 .ref-quote-grid{grid-template-columns:1fr;gap:1.4rem}
 .ref-quote-sidebar{padding:1.5rem}
 .ref-quote-sidebar h2{font-size:2.1rem}
 .ref-quote-next>li{grid-template-columns:2.55rem 1fr;gap:1rem;min-height:0}
 .ref-quote-next-number{width:2.55rem;height:2.55rem;font-size:1.4rem}
 .ref-quote-next>li:before{left:1.27rem;top:3rem}
 .ref-quote-next h3{font-size:1.35rem}
 .ref-quote-checklist h3{font-size:1.2rem}
 .ref-quote-parts img{aspect-ratio:1.35}
 .ref-quote-nda{align-items:flex-start;gap:.9rem;padding:1.4rem 1.1rem}
 .ref-quote-nda-icon{flex-basis:2.55rem}
 .ref-quote-nda-icon .icon{width:2.55rem;height:3rem}
 .ref-quote-nda>div{flex:1;min-width:0}
 .ref-quote-nda h2{font-size:1.7rem}
 .ref-quote-nda .button{margin-left:3.45rem;font-size:.95rem}
 .ref-quote-faq details,.ref-quote-faq details[open]{display:block;min-height:0;padding:1rem 2.5rem 1rem 1rem}
 .ref-quote-faq summary{font-size:1.25rem}
 .ref-quote-faq details>p{margin:.75rem 0 0;font-size:1rem;line-height:1.45}
}

@media(min-width:901px){
 .ref-quote .ref-hero-image{left:15%}
 .ref-quote .ref-hero-image>img{object-position:center 40%}
}