@layer components{.products-grid{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px;display:grid}.products-grid--3{grid-template-columns:repeat(3,1fr)}.products-card{background:#fff;border:1px solid #0000000f;border-radius:30px;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;overflow:hidden;box-shadow:0 18px 40px -28px #0000002e}.products-card:hover{border-color:#d5152c38;transform:translateY(-6px);box-shadow:0 30px 60px -30px #d5152c52}.products-card-pic{aspect-ratio:4/3;background:var(--bg-card);position:relative;overflow:hidden}.products-card-pic img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.products-card:hover .products-card-pic img{transform:scale(1.06)}.products-card-body{flex-direction:column;flex:1;gap:12px;padding:28px 28px 32px;display:flex}.products-card-title{color:var(--brand-dark);letter-spacing:.01em;margin:0;font-family:Anton,Inter Variable,sans-serif;font-size:26px;line-height:1.1}.products-card-desc{color:var(--text-muted);flex:1;margin:0;font-size:14px;line-height:1.65}.products-card-specs{gap:8px;margin-top:2px;display:grid}.products-card-specs span{width:fit-content;max-width:100%;color:var(--brand-dark);background:#d5152c12;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;line-height:1.35;display:inline-flex}.products-card-cta{color:var(--brand-red);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin-top:8px;font-size:13px;font-weight:800;display:inline-flex}.products-card-cta .arrow{background-color:var(--brand-red)}.pdp-overview{background:var(--bg-page);padding:110px 0 90px}.pdp-overview-shell{grid-template-columns:46% 1fr;align-items:center;gap:8%;display:grid}.pdp-overview-pic{aspect-ratio:4/3;background:var(--bg-card);border-radius:30px;overflow:hidden}.pdp-overview-pic img{object-fit:cover;width:100%;height:100%}.pdp-highlights{gap:14px;display:grid}.pdp-highlights li{color:var(--text-main);padding-left:28px;font-size:15px;line-height:1.6;position:relative}.pdp-highlights li:before{content:"";background:var(--brand-red);width:14px;height:2px;position:absolute;top:9px;left:0}.pdp-specs{background:var(--bg-warm);padding:100px 0}.pdp-specs-head{text-align:center;margin-bottom:56px}.pdp-specs-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pdp-spec{background:#fff;border:1px solid #00000012;border-radius:18px;min-height:132px;padding:26px 24px;box-shadow:0 18px 48px -42px #00000047}.pdp-spec-label{letter-spacing:.12em;text-transform:uppercase;color:#667085;margin-bottom:10px;font-size:12px;font-weight:700}.pdp-spec-value{color:var(--brand-dark);font-family:Anton,Inter Variable,sans-serif;font-size:26px;line-height:1.1}.pdp-media{padding:96px 0}.pdp-media-desc{max-width:720px;color:var(--text-muted);margin-top:-10px;line-height:1.8}.pdp-media-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:30px;display:grid}.pdp-media-card{background:#fff;border:1px solid #00000012;border-radius:34px;grid-column:span 6;position:relative;overflow:hidden;box-shadow:0 30px 80px -54px #0000006b}.pdp-media-card--wide{grid-column:span 12}.pdp-media-card--tall{grid-column:span 6}.pdp-media-index{background:var(--brand-red);color:#fff;letter-spacing:.03em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-family:Anton,Inter Variable,sans-serif;font-size:18px;display:inline-flex;box-shadow:0 18px 40px -24px #d5152cbf}.pdp-media-image{aspect-ratio:3/2;background:linear-gradient(135deg,#f7f4ef,#fff);border-bottom:1px solid #0000000f;overflow:hidden}.pdp-media-card--wide .pdp-media-image{aspect-ratio:16/9}.pdp-media-card--tall .pdp-media-image{aspect-ratio:3/2}.pdp-media-image img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.pdp-media-image--contain{background:linear-gradient(135deg,#f2eee8,#fbfaf8);justify-content:center;align-items:center;display:flex}.pdp-media-image--contain img{object-fit:contain;object-position:center;width:100%;height:100%;padding:12px}.pdp-media-copy{align-items:flex-start;gap:14px;padding:18px 24px 22px;display:flex}.pdp-media-copy h3{color:var(--brand-dark);margin:0 0 8px;font-size:21px;line-height:1.2}.pdp-media-copy p{color:var(--text-muted);margin:0;line-height:1.65}.casement-hero-proof{flex-wrap:wrap;gap:10px;max-width:820px;margin-top:22px;display:flex}.casement-hero-proof span{color:#fff;letter-spacing:.02em;backdrop-filter:blur(8px);background:#00000029;border:1px solid #ffffff57;border-radius:999px;align-items:center;min-height:34px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.pdp-flow{z-index:3;margin-top:-34px;padding:0 0 34px;position:relative}.pdp-flow-shell{backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #00000014;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden;box-shadow:0 24px 64px -48px #0006}.pdp-flow-shell a{min-height:68px;color:var(--brand-dark);background:#fff;align-items:center;gap:10px;padding:16px 18px;font-size:14px;font-weight:900;line-height:1.25;transition:background .2s,color .2s;display:flex}.pdp-flow-shell a:hover{background:var(--brand-dark);color:#fff}.pdp-flow-shell span{background:var(--brand-red);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:inline-flex}.casement-section{background:#fff;padding:96px 0}.casement-section--warm{background:var(--bg-warm)}.casement-section--quote{background:var(--brand-dark);color:#fff}.casement-section--quote .pdp-eyebrow{color:var(--brand-red)}.casement-section--quote .pdp-h2,.casement-section--quote .pdp-lead{color:#fff}.casement-choice-grid{counter-reset:choice-card;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.casement-choice-card{counter-increment:choice-card;background:var(--bg-page);border:1px solid #00000012;border-radius:20px;min-height:220px;padding:34px 30px 30px;position:relative;box-shadow:0 24px 60px -48px #00000052}.casement-choice-card:before{content:counter(choice-card, decimal-leading-zero);background:var(--brand-red);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:38px;height:32px;margin-bottom:28px;font-size:12px;font-weight:900;display:inline-flex}.casement-choice-card h3,.casement-config-copy h3{color:var(--brand-dark);margin:0 0 14px;font-size:22px;line-height:1.2}.casement-choice-card p,.casement-config-copy p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.7}.casement-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.casement-config-card{background:#fff;border:1px solid #00000012;border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);display:grid;overflow:hidden;box-shadow:0 24px 70px -54px #00000057}.casement-config-image{background:linear-gradient(135deg,#f3f0eb,#fff);min-height:280px;overflow:hidden}.casement-config-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.casement-config-copy{flex-direction:column;justify-content:center;padding:32px 28px;display:flex}.casement-quote-shell{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:70px;display:grid}.casement-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.casement-check-item{color:#ffffffe0;background:#ffffff14;border-radius:16px;min-height:66px;padding:18px 18px 18px 48px;font-size:14px;line-height:1.45;position:relative}.casement-check-item:before{content:"";background:var(--brand-red);border-radius:50%;width:10px;height:10px;position:absolute;top:25px;left:20px}.pdp-series-table-wrap{background:#fff;border:1px solid #00000014;border-radius:24px;overflow-x:auto;box-shadow:0 22px 50px -42px #00000047}.pdp-series-table{border-collapse:collapse;width:100%;min-width:980px}.pdp-series-table th,.pdp-series-table td{text-align:left;vertical-align:top;border-bottom:1px solid #00000014;border-right:1px solid #0000000f;padding:18px;font-size:14px;line-height:1.55}.pdp-series-table th{background:var(--brand-dark);color:#fff;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:900}.pdp-series-table td:first-child{color:var(--brand-dark);font-weight:900}.pdp-series-table tr:last-child td{border-bottom:0}.pdp-gallery{background:var(--bg-page);padding:96px 0}.pdp-gallery-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:28px;display:grid}.pdp-gallery-item{background:var(--bg-card);border-radius:24px;min-height:clamp(220px,22vw,360px);overflow:hidden}.pdp-gallery-item--1{min-height:clamp(220px,22vw,360px)}.pdp-gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.pdp-gallery-item:hover img{transform:scale(1.04)}.pdp-visual-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:dense;gap:16px;display:grid}.pdp-visual-card{aspect-ratio:4/3;background:#fff;border:1px solid #00000014;border-radius:18px;margin:0;position:relative;overflow:hidden;box-shadow:0 18px 46px -40px #00000052}.pdp-visual-card--lead{aspect-ratio:auto;border-radius:22px;grid-area:span 2/span 2;min-height:100%}.pdp-visual-card img{object-fit:cover;width:100%;height:100%;display:block}.pdp-visual-card figcaption{color:#fff;background:#0000009e;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:28px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;bottom:10px;left:10px}.pdp-gallery-note,.pdp-gallery-rfq{background:#fff;border:1px solid #00000014;border-radius:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:22px;margin-top:24px;padding:24px;display:grid;box-shadow:0 20px 46px -42px #00000038}.pdp-gallery-note-copy h3,.pdp-gallery-rfq-copy h3{color:var(--brand-dark);letter-spacing:0;margin:6px 0 8px;font-size:clamp(22px,2vw,30px);line-height:1.15}.pdp-gallery-note-copy p,.pdp-gallery-rfq-copy p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.65}.pdp-gallery-note-list,.pdp-gallery-rfq-list{gap:10px;display:grid}.pdp-gallery-note-list span,.pdp-gallery-rfq-list span{background:var(--bg-warm);min-height:42px;color:var(--brand-dark);border-radius:14px;padding:10px 12px 10px 34px;font-size:13px;line-height:1.35;position:relative}.pdp-gallery-note-list span:before,.pdp-gallery-rfq-list span:before{content:"";background:var(--brand-red);border-radius:50%;width:8px;height:8px;position:absolute;top:17px;left:14px}.pdp-details{background:#fff;padding:100px 0}.pdp-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:0;display:grid}.pdp-detail-card{background:var(--bg-card);border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;min-height:320px;display:grid;overflow:hidden;box-shadow:0 22px 50px -38px #0000003d}.pdp-detail-pic{background:#f4f4f4;min-height:320px;overflow:hidden}.pdp-detail-pic img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.pdp-detail-card:hover .pdp-detail-pic img{transform:scale(1.04)}.pdp-detail-body{flex-direction:column;justify-content:center;padding:36px 32px;display:flex}.pdp-detail-body h3{color:var(--brand-dark);margin:0 0 14px;font-family:Inter Variable,sans-serif;font-size:clamp(20px,2vw,28px);line-height:1.2}.pdp-detail-body p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.8}.pdp-meta{background:var(--bg-warm);padding:100px 0}.pdp-meta-grid{grid-template-columns:1fr 1fr 1.2fr;gap:40px;display:grid}.pdp-meta-block{background:#fff;border-radius:24px;padding:36px 32px;box-shadow:0 18px 40px -32px #0000002e}.pdp-list{gap:10px;margin-top:14px;display:grid}.pdp-list li{color:var(--text-main);border-bottom:1px solid #0000000f;padding:10px 0;font-size:15px}.pdp-meta-cta{background:var(--brand-dark);color:#fff}.pdp-meta-cta .pdp-eyebrow{color:var(--brand-red)}.pdp-meta-cta .pdp-h3{color:#fff}.pdp-meta-desc{color:var(--text-muted);margin:0 0 22px;font-size:14px;line-height:1.7}.pdp-meta-cta .pdp-meta-desc{color:#ffffffb8}.pdp-related{background:var(--bg-page);padding:100px 0 120px}}@layer route-base{.pdp-decision,.pdp-series-section,.pdp-quote-faq{padding:86px 0}.pdp-decision{background:var(--bg-warm)}.pdp-decision-shell{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:46px;display:grid}.pdp-decision-intro{align-self:start;position:sticky;top:96px}.pdp-decision-intro .pdp-lead{margin-bottom:22px}.pdp-specs-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.pdp-specs-grid--compact .pdp-spec{min-height:112px;padding:22px 20px}.pdp-specs-grid--compact .pdp-spec-value{letter-spacing:0;font-family:Inter Variable,sans-serif;font-size:17px;font-weight:900;line-height:1.35}.pdp-choice-grid--compact{margin-top:26px}.pdp-choice-grid--compact .casement-choice-card{background:#fff;min-height:0;padding:26px 24px}.pdp-choice-grid--compact .casement-choice-card:before{width:34px;height:28px;margin-bottom:18px}.pdp-choice-grid--compact .casement-choice-card h3{margin-bottom:10px;font-size:20px}.pdp-choice-grid--compact .casement-choice-card p{font-size:14px;line-height:1.6}.pdp-series-section{background:#fff}.pdp-series-section .pdp-specs-head,.pdp-specs-head--tight{margin-bottom:34px}.pdp-gallery{padding:86px 0}.pdp-gallery .section-desc{max-width:720px;margin-left:auto;margin-right:auto}.pdp-quote-faq{background:var(--brand-dark);color:#fff}.pdp-quote-faq .pdp-eyebrow{color:var(--brand-red)}.pdp-quote-faq .pdp-h2,.pdp-quote-faq .pdp-lead{color:#fff}.pdp-quote-faq-shell{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:start;gap:42px;display:grid}.pdp-quote-main{position:sticky;top:96px}.pdp-quote-main .pdp-eyebrow{color:#ff8f87}.pdp-quote-main .btn{margin:8px 0 26px}.pdp-quote-side{gap:22px;display:grid}.pdp-detail-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pdp-detail-grid--compact .pdp-detail-card{background:#fff;border-radius:18px;grid-template-columns:1fr;min-height:0}.pdp-detail-grid--compact .pdp-detail-pic{aspect-ratio:4/3;min-height:0}.pdp-detail-grid--compact .pdp-detail-body{padding:18px 18px 20px}.pdp-detail-grid--compact .pdp-detail-body h3{margin-bottom:8px;font-size:18px}.pdp-detail-grid--compact .pdp-detail-body p{font-size:13px;line-height:1.55}.pdp-faq-compact{gap:10px;display:grid}.pdp-faq-compact .pdp-faq-item{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;overflow:hidden}.pdp-faq-compact .pdp-faq-item summary{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px;font-weight:900;line-height:1.35;display:flex}.pdp-faq-compact .pdp-faq-icon{background:var(--brand-red);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-weight:900;display:inline-flex}.pdp-faq-compact .pdp-faq-item p{color:#ffffffbd;margin:0;padding:0 18px 18px;font-size:14px;line-height:1.7}.pdp-guide-links{background:#fff;padding:72px 0 92px}.pdp-guide-links__head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.pdp-guide-links__head .pdp-h2{max-width:620px;margin:0}.pdp-guide-links__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pdp-guide-card{min-height:190px;color:var(--ink);background:linear-gradient(145deg,#fffffff5,#f6f3eeeb);border:1px solid #1118271a;border-radius:18px;align-content:start;padding:24px;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:grid}.pdp-guide-card:hover{border-color:#e3061373;transform:translateY(-3px);box-shadow:0 22px 50px #11182714}.pdp-guide-card span{letter-spacing:.24em;text-transform:uppercase;color:var(--brand-red);margin-bottom:16px;font-size:11px;font-weight:900}.pdp-guide-card h3{color:var(--ink);margin:0 0 10px;font-size:21px;line-height:1.2}.pdp-guide-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}@media (width<=1199px){.pdp-decision-shell,.pdp-quote-faq-shell{grid-template-columns:1fr}.pdp-decision-intro,.pdp-quote-main{position:static}.pdp-choice-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.guide-path-section{padding:58px 0 54px}.guide-path-head{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.guide-path-head p{font-size:15px}.guide-path-grid{grid-template-columns:1fr}.guide-path-card{min-height:0;padding:22px 20px}.guide-path-card h3{margin-top:16px;font-size:21px}.guide-brief-route{border-radius:18px;grid-template-columns:1fr;gap:22px;margin:-24px 0 48px;padding:22px 20px}.guide-brief-route h2{font-size:24px}.guide-brief-route li{padding:11px 12px}.pdp-decision,.pdp-series-section,.pdp-gallery,.pdp-quote-faq,.pdp-guide-links{padding:58px 0}.pdp-decision-shell,.pdp-quote-faq-shell{gap:28px}.pdp-specs-grid--compact,.pdp-choice-grid--compact,.pdp-detail-grid--compact{grid-template-columns:1fr}.pdp-choice-grid--compact{margin-top:18px}.pdp-choice-grid--compact .casement-choice-card,.pdp-specs-grid--compact .pdp-spec{padding:20px 18px}.pdp-specs-head--tight,.pdp-series-section .pdp-specs-head{margin-bottom:24px}.pdp-quote-main .btn{justify-content:center;width:100%}.pdp-guide-links__head{margin-bottom:22px;display:block}.pdp-guide-links__grid{grid-template-columns:1fr}.pdp-guide-card{min-height:0;padding:22px 20px}}}