@font-face{font-family:Nunito;src:url('../assets/fonts/nunito-latin-variable-400-800.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Poppins;src:url('../assets/fonts/poppins-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--af-navy:#073461;--af-blue:#1768ad;--af-orange:#e96728;--af-ink:#17354f;--af-muted:#5b7185;--af-line:#cedde8;--af-pale:#eef4f8;--af-white:#fff;--af-wrap:1180px;--af-radius:0;--af-card:#fff;--af-section:68px}
*{box-sizing:border-box}html{scroll-behavior:smooth}.facades-page{margin:0;background:#fff;color:var(--af-ink);font:400 1rem/1.65 Nunito,Arial,sans-serif;font-kerning:normal}.facades-page main{overflow:hidden}.facades-page main h1,.facades-page main h2,.facades-page main h3{margin:0 0 14px;color:var(--af-navy);font-family:Poppins,Arial,sans-serif;line-height:1.18;text-wrap:balance}.facades-page main h1{font-size:clamp(2.1rem,4vw,3.65rem);color:#fff;letter-spacing:0}.facades-page main h2{font-size:clamp(1.7rem,2.65vw,2.4rem);letter-spacing:0}.facades-page main h3{font-size:1.05rem}.facades-page main p{margin:0 0 15px}.facades-page main a{color:var(--af-blue)}.af-wrap{width:min(var(--af-wrap),calc(100% - 40px));margin:auto}.af-section{padding:var(--af-section) 0;scroll-margin-top:112px}.af-eyebrow{margin:0 0 10px!important;color:#ffb17c;font-size:.75rem;font-weight:800;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.af-eyebrow.af-dark{color:var(--af-orange)}
.af-hero{position:relative;display:flex;min-height:390px;align-items:center;color:#fff}.af-hero-image,.af-hero-overlay{position:absolute;inset:0}.af-hero-image{background:url('../assets/uploads/2025/08/architectural-expanded-metal-exterior-facade-panels.webp') center 45%/cover no-repeat}.af-hero-overlay{background:linear-gradient(90deg,rgba(3,29,57,.96),rgba(3,29,57,.72) 53%,rgba(3,29,57,.16))}.af-hero-content{position:relative;padding:56px 0 50px}.af-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:34px;font-size:.875rem}.af-breadcrumbs a{color:#d8eaff;text-decoration:none}.af-hero-lead{max-width:780px;font-size:1.1rem;line-height:1.62}.af-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.af-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 21px;border:1px solid transparent;border-radius:7px;font:800 1rem Nunito,sans-serif;text-decoration:none;cursor:pointer}.af-button-primary{color:#fff!important;background:var(--af-orange)}.af-button-primary:hover{background:#cf551d}.af-button-secondary{color:#fff!important;border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.08)}
.af-section-nav{position:sticky;top:96px;z-index:20;border-bottom:1px solid var(--af-line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.af-section-nav .af-wrap{display:flex;gap:24px;overflow:auto}.af-section-nav a{padding:13px 0;color:#38546d;font-size:.875rem;font-weight:800;white-space:nowrap;text-decoration:none}.af-section-nav a:hover{color:var(--af-orange)}
.af-overview{background:#fff}.af-overview-grid{display:grid;grid-template-columns:.8fr 1.45fr;gap:68px}.af-answer{max-width:810px}.af-answer p:first-child{font-size:1.1rem;line-height:1.68}.af-section-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end;margin-bottom:28px}.af-section-heading>p{max-width:48ch;color:var(--af-muted)}
.af-gallery-section{background:#fff}.af-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:205px;gap:12px}.af-gallery figure{display:grid;grid-template-rows:minmax(0,1fr) auto;grid-column:span 3;margin:0;overflow:hidden;background:#fff;border:1px solid var(--af-line);border-radius:var(--af-radius)}.af-gallery figure.af-gallery-main{grid-column:span 6;grid-row:span 2}.af-gallery img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}.af-gallery figcaption{display:flex;flex-direction:column;gap:2px;min-height:48px;padding:10px 12px;color:var(--af-navy);border-top:1px solid var(--af-line)}.af-gallery figcaption strong{font-size:.9rem}.af-gallery figcaption span{color:var(--af-muted);font-size:.8rem}
.af-applications{background:var(--af-pale)}.af-application-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--af-line);border-left:1px solid var(--af-line)}.af-application-grid article{padding:22px 19px;border-right:1px solid var(--af-line);border-bottom:1px solid var(--af-line);background:var(--af-card);border-radius:var(--af-radius)}.af-application-grid article>span{display:block;margin-bottom:22px;color:var(--af-orange);font-size:.75rem;font-weight:800}.af-application-grid article p{margin:0;color:var(--af-muted);font-size:.9rem;line-height:1.55}
.af-benefits{background:var(--af-navy);color:#eaf3fb}.af-benefit-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.af-benefits h2{color:#fff}.af-benefits .af-dark{color:#ffb17c}.af-benefit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.22)}.af-benefit-list li{padding:18px;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.af-benefit-list strong,.af-benefit-list span{display:block}.af-benefit-list strong{color:#fff}.af-benefit-list span{margin-top:4px;color:#c7d8e7;font-size:.875rem}
.af-selection{background:var(--af-pale)}.af-selection-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--af-line);border-left:1px solid var(--af-line)}.af-selection-grid article{padding:22px;border-right:1px solid var(--af-line);border-bottom:1px solid var(--af-line);background:#fff;border-radius:var(--af-radius)}.af-selection-grid ul{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--af-muted);font-size:.9rem}.af-engineering-note{margin:18px 0 0!important;padding:15px 18px;color:#294a66;background:#e2edf5;border-left:4px solid var(--af-orange)}
.af-specs{background:#fff}.af-spec-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.af-spec-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--af-line)}.af-spec-list article{padding:18px 20px 18px 0;border-bottom:1px solid var(--af-line)}.af-spec-list article:nth-child(even){padding-left:20px;border-left:1px solid var(--af-line)}.af-spec-list p{margin:0;color:var(--af-muted);font-size:.9rem}
.af-faq{background:var(--af-pale)}.af-faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.af-faq-list details{padding:17px 0;border-bottom:1px solid var(--af-line)}.af-faq-list summary{cursor:pointer;color:var(--af-navy);font:700 1rem/1.4 Poppins,Arial,sans-serif}.af-faq-list details p{max-width:72ch;margin:12px 30px 0 0;color:var(--af-muted)}
.af-quote{background:var(--af-navy);color:#eaf3fb}.af-quote-layout{display:grid;grid-template-columns:1fr .9fr;gap:70px}.af-quote h2{color:#fff}.af-quote ul{display:grid;gap:6px;padding-left:18px}.af-form{display:grid;gap:13px;padding:26px;background:#fff;color:var(--af-ink)}.af-form label{color:var(--af-navy);font-weight:800}.af-form input,.af-form textarea{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #bcd0df;border-radius:5px;font:inherit}
.af-button:focus-visible,.facades-page main a:focus-visible,.af-faq summary:focus-visible,.af-form input:focus-visible,.af-form textarea:focus-visible{outline:3px solid #ffac73;outline-offset:3px}
@media(max-width:980px){.af-application-grid{grid-template-columns:repeat(3,1fr)}.af-gallery{grid-template-columns:repeat(6,1fr)}.af-gallery figure,.af-gallery figure:nth-child(n){grid-column:span 3}.af-gallery figure.af-gallery-main{grid-column:span 6;grid-row:span 2}.af-selection-grid{grid-template-columns:repeat(2,1fr)}.af-overview-grid,.af-benefit-layout,.af-spec-layout,.af-faq-layout,.af-quote-layout{gap:40px}.af-section-nav{top:86px}}
@media(max-width:700px){.af-wrap{width:min(100% - 28px,var(--af-wrap))}.af-section{padding:48px 0}.af-hero{min-height:350px}.af-hero-content{padding:42px 0 38px}.af-breadcrumbs{margin-bottom:25px}.af-section-nav{top:86px}.af-section-nav .af-wrap{gap:18px}.af-overview-grid,.af-section-heading,.af-benefit-layout,.af-spec-layout,.af-faq-layout,.af-quote-layout{grid-template-columns:1fr;gap:22px}.af-application-grid{grid-template-columns:repeat(2,1fr)}.af-application-grid article{padding:17px 14px}.af-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:8px}.af-gallery figure,.af-gallery figure:nth-child(n){grid-column:span 1;grid-row:auto}.af-gallery figure.af-gallery-main{grid-column:span 2}.af-gallery img{height:auto;aspect-ratio:1}.af-gallery figure.af-gallery-main img{aspect-ratio:16/10}.af-gallery figcaption span{display:none}.af-benefit-list{grid-template-columns:1fr}.af-selection-grid{grid-template-columns:1fr}.af-spec-list{grid-template-columns:1fr}.af-spec-list article:nth-child(even){padding-left:0;border-left:0}.af-form{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}