/* Dedicated decorative window grille product layout. */
.wg-pattern-card>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:fill;background:#fff}
.wg-showcase-image img{object-fit:fill;background:#fff}
.wg-intro .pd-gallery-open{aspect-ratio:1}
.wg-visual img{object-fit:fill!important;background:#fff}
.window-grille-page{--wg-blue:#193c56;--wg-line:#d8e2e8;--wg-tint:#f0f5f7}
.window-grille-page .wg-title-band{background:var(--wg-blue);color:#fff;padding:54px 0 48px;position:relative;overflow:hidden}
.wg-title-band::after{content:"";position:absolute;right:7%;top:-65px;width:260px;height:300px;border:1px solid #ffffff12;transform:rotate(25deg);pointer-events:none;box-shadow:45px 0 0 -1px #193c56,46px 0 #ffffff12,90px 0 0 -1px #193c56,91px 0 #ffffff12}
.window-grille-page .wg-title-band h1{color:#fff;font-size:clamp(34px,4vw,57px);font-weight:600;line-height:1.15;margin:16px 0 24px;max-width:1050px;position:relative;z-index:1}
.wg-overline{font-size:11px;letter-spacing:.16em;font-weight:700;color:#d1e0e9}.wg-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#e2ebf1}.wg-breadcrumb a:hover{text-decoration:underline}
.wg-intro{display:grid;grid-template-columns:.92fr 1.08fr;gap:6%;align-items:center;padding-block:65px}.wg-intro-copy h2{margin:17px 0 24px!important;font-size:clamp(31px,3vw,43px)}.wg-intro-copy>p:not(.pd-eyebrow):not(.wg-small){font-size:16px;line-height:1.9;color:#30414d;max-width:540px}.wg-intro .pd-gallery-main{aspect-ratio:3/2;object-fit:fill}.wg-intro .pd-gallery-thumbs{gap:8px}.wg-intro .pd-gallery-thumb{min-width:0}.wg-intro .pd-gallery-thumb span{font-size:10px}.wg-intro .pd-gallery-note{font-size:12px!important}.wg-quick{display:grid;gap:10px;margin:24px 0;padding:20px 0;border-block:1px solid var(--wg-line)}.wg-quick>div{display:flex;justify-content:space-between;gap:20px;font-size:14px}.wg-quick dt{color:#41576a}.wg-quick dd{margin:0;font-weight:650;text-align:right;color:#183c55}.window-grille-page .wg-small{font-size:13px;line-height:1.75;color:#42596a;margin-top:18px!important}.wg-intro .pd-actions{gap:10px;margin-top:22px}.wg-intro .pd-button{padding-inline:20px;gap:15px}
.wg-section-nav{background:#fff;border-block:1px solid var(--wg-line)}.wg-section-nav>.pd-container{display:flex;gap:27px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.wg-section-nav a{padding:21px 0 18px;font-size:13px;font-weight:650;color:#24485f;border-bottom:3px solid transparent}.wg-section-nav a:hover{border-color:#24485f}
.wg-heading{margin-bottom:37px}.wg-heading h2{margin-top:13px!important;max-width:1000px}.wg-heading>p:last-child:not(.pd-eyebrow){max-width:780px;font-size:16px;color:#344b5c;line-height:1.85;margin-top:19px!important}.wg-tint,.wg-showcase{background:var(--wg-tint)}.wg-visual{margin:0;min-width:0}.wg-visual img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:3/2}.wg-visual figcaption{padding:10px 14px;font-size:12px;line-height:1.65;color:#40596b;background:#e7eef2}.wg-showcase-image img{aspect-ratio:2.25;object-position:center 48%}.wg-application-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--wg-line);border-top:0}.wg-application-list>div{padding:25px 22px;border-right:1px solid var(--wg-line)}.wg-application-list>div:last-child{border-right:0}.wg-application-list span{display:block;font-size:12px;color:#4c6c80;margin-bottom:10px}.wg-application-list h3{font-size:16px}
.wg-pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.wg-pattern-card{border:1px solid var(--wg-line);background:#fff;min-width:0}.wg-pattern-card>svg{display:block;width:100%;height:auto;aspect-ratio:400/260;background:#f5f8fa}.wg-pattern-card>div{padding:24px}.wg-pattern-card h3{font-size:19px}.wg-pattern-card p{font-size:15px;color:#3c5261;line-height:1.8;margin-top:10px!important}.wg-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.wg-detail-grid article{background:#fff;padding-bottom:26px;min-width:0}.wg-detail-grid h3{font-size:21px;margin:23px 26px 12px!important}.wg-detail-grid article>p{margin-inline:26px;font-size:16px;color:#354d5e;line-height:1.8}.wg-detail-grid .wg-visual img{aspect-ratio:1.7}
.wg-custom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.wg-custom-grid article{border-top:2px solid #7998ad;padding-top:22px}.wg-custom-grid article>span{font-size:32px;color:#90a9ba;letter-spacing:-.04em}.wg-custom-grid h3{font-size:22px;margin:21px 0 15px!important}.wg-custom-grid p{font-size:16px;line-height:1.85;color:#354d5e}.wg-custom-contact{margin-top:35px;padding:25px 28px;background:var(--wg-tint);display:flex;align-items:center;justify-content:space-between;gap:25px}.wg-custom-contact p{font-size:15px;color:#304c60}.wg-custom-contact a{white-space:nowrap}
.wg-dimension-wrap{overflow-x:auto;background:#fff;border:1px solid var(--wg-line)}.wg-dimension-table{width:100%;border-collapse:collapse;min-width:730px;text-align:center}.wg-dimension-table caption{font-size:14px;text-align:left;padding:19px 22px;border-bottom:1px solid var(--wg-line);color:#304b60}.wg-dimension-table th{background:#21465f;color:white;font-size:14px;padding:18px 14px;font-weight:600}.wg-dimension-table td{font-size:17px;font-weight:550;line-height:1.7;color:#233f52;padding:25px 14px;border-right:1px solid var(--wg-line)}.wg-full-spec{margin-top:32px;background:#fff;border:1px solid var(--wg-line)}.wg-full-spec>summary{padding:20px 24px;display:flex;justify-content:space-between;font-size:16px;font-weight:600;color:#1e455f;cursor:pointer;list-style:none}.wg-full-spec>summary::-webkit-details-marker{display:none}.wg-full-spec[open]>summary{border-bottom:1px solid var(--wg-line)}.wg-full-spec[open]>summary span{transform:rotate(45deg)}.wg-full-spec .pd-table-wrap{padding:0 22px 22px}.wg-full-spec .pd-spec-table{width:100%}
.wg-drawing-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:6%;align-items:center}.wg-drawing svg{display:block;width:100%;height:auto}.wg-drawing-copy h2{margin:15px 0 23px!important}.wg-drawing-copy>p:not(.pd-eyebrow){font-size:16px;line-height:1.85;color:#354d5e}.wg-drawing-copy ol{padding-left:21px;margin:24px 0;font-size:15px;line-height:1.9;color:#354d5e}.wg-drawing-copy li+li{margin-top:9px}
.wg-finish-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.wg-finish-layout>.wg-visual{position:sticky;top:110px}.wg-finishes{display:grid;grid-template-columns:1fr 1fr;gap:28px}.wg-finishes .pd-swatch{height:100px;margin-bottom:17px}.wg-finishes h3{font-size:17px}.wg-finishes p{font-size:14px;line-height:1.8;margin-top:10px!important;color:#354d5e}
.wg-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.wg-download-grid>a{padding:32px;border:1px solid var(--wg-line);background:#fff;display:flex;flex-direction:column;align-items:start;transition:border-color .2s,background .2s}.wg-download-grid>a:hover{border-color:#7999b0;background:#f6f9fb}.wg-file-type{font-size:11px;font-weight:650;letter-spacing:.12em;color:#4e6e83}.wg-download-grid h3{font-size:22px;margin:24px 0 15px!important}.wg-download-grid p{font-size:15px;color:#3c5261;line-height:1.8}.wg-download-label{display:flex;align-items:center;gap:15px;margin-top:28px;font-size:14px;font-weight:650;color:#1c4b6b}.wg-download-label svg{width:20px;height:20px}.wg-faq{max-width:1100px}.wg-faq summary{gap:17px;justify-content:flex-start}.wg-faq summary>span:last-child{margin-left:auto}.wg-faq .wg-faq-number{font-size:13px;color:#547286;flex:none}.wg-faq details>p{padding-left:38px;max-width:920px}.window-grille-page .pd-inline-link svg{width:20px;height:20px}
@media(max-width:1100px){.wg-intro{gap:35px;grid-template-columns:1fr 1fr}.wg-intro .pd-button{padding-inline:15px}.wg-detail-grid{gap:24px}.wg-pattern-grid{gap:20px}.wg-section-nav>.pd-container{gap:24px}.wg-custom-grid{gap:25px}.wg-drawing-layout{gap:35px}.wg-application-list>div{padding:23px 17px}}
@media(max-width:900px){.wg-intro{grid-template-columns:1fr;gap:40px}.wg-intro-copy>p:not(.pd-eyebrow):not(.wg-small){max-width:none}.wg-intro .pd-gallery{max-width:750px;width:100%;margin-inline:auto}.wg-intro .pd-gallery-thumb span{font-size:12px}.wg-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-custom-grid{grid-template-columns:1fr;gap:30px}.wg-custom-grid article{display:grid;grid-template-columns:55px 1fr;gap:7px 20px}.wg-custom-grid article>span{grid-row:1/3}.wg-custom-grid h3{margin:0!important}.wg-drawing-layout{grid-template-columns:1fr;gap:35px}.wg-finish-layout{grid-template-columns:1fr}.wg-finish-layout>.wg-visual{position:static;max-width:750px}.wg-application-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-application-list>div:nth-child(2){border-right:0}.wg-application-list>div:nth-child(-n+2){border-bottom:1px solid var(--wg-line)}.wg-download-grid h3{font-size:20px}.wg-custom-contact{align-items:start;flex-direction:column}}
@media(max-width:600px){.window-grille-page .wg-title-band{padding:35px 0}.window-grille-page .wg-title-band h1{font-size:36px;line-height:1.15}.wg-overline{font-size:10px;letter-spacing:.08em}.wg-breadcrumb{font-size:12px}.wg-intro{padding-block:40px}.wg-intro-copy h2{font-size:31px}.wg-quick>div{font-size:13px}.wg-section-nav>.pd-container{gap:22px}.wg-section-nav a{padding-block:17px 14px;font-size:12px}.wg-showcase-image img{aspect-ratio:1.3}.wg-application-list h3{font-size:15px}.wg-pattern-grid{grid-template-columns:1fr}.wg-pattern-card>div{padding:22px}.wg-detail-grid{grid-template-columns:1fr;gap:25px}.wg-detail-grid h3{margin-inline:22px!important;font-size:20px}.wg-detail-grid article>p{margin-inline:22px;font-size:15px}.wg-heading{margin-bottom:28px}.wg-finish-layout{gap:30px}.wg-finishes{gap:25px 19px}.wg-finishes .pd-swatch{height:78px}.wg-download-grid{grid-template-columns:1fr;gap:22px}.wg-download-grid>a{padding:26px}.wg-custom-grid article{grid-template-columns:43px 1fr;gap:9px 15px}.wg-custom-grid article>span{font-size:27px}.wg-custom-grid h3{font-size:20px}.wg-custom-grid p{font-size:15px}.wg-faq details>p{padding-left:0}.wg-full-spec>summary{font-size:15px;padding:18px}.wg-full-spec .pd-table-wrap{padding:0 8px 12px}.wg-visual figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.wg-download-grid>a{transition:none}}