.performance-section .section-heading{margin-bottom:30px}.manufacturer-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:#122c42;border:1px solid #4c718c}.manufacturer-line strong{font-size:24px;letter-spacing:-.03em}.manufacturer-line span{color:#bfd6e5;font-size:14px}.manufacturer-line a,.performance-section a,.impact-videos a{color:#bfe6ff;text-underline-offset:4px}.spec-scroll{overflow-x:auto;border:1px solid #38566c;border-top:0}.spec-table{border-collapse:collapse;width:100%;min-width:650px;background:#0c1c2b;font-size:15px}.spec-table caption{text-align:left;padding:20px 22px;color:#c9deec}.spec-table th,.spec-table td{text-align:left;padding:18px 22px;border-top:1px solid #2a465d;vertical-align:top;line-height:1.6}.spec-table thead th{background:#10273b;color:#a9cadf;font-size:13px;letter-spacing:.04em}.spec-table tbody th{width:22%;font-weight:600}.spec-table th small{display:block;color:#a9c4d7;font-weight:400;font-size:13px}.spec-table td strong{color:#d7efff;white-space:nowrap}.spec-table a{font-size:13px}.spec-help{font-size:14px;line-height:1.7;color:#b7cedf;margin:16px 0 30px;max-width:950px}.performance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.performance-card{padding:27px;background:linear-gradient(140deg,#112d42,#0b1927);border:1px solid #34556e}.performance-card h3{font-size:24px;line-height:1.15;margin:13px 0 16px}.performance-card p{color:#c3d7e5;font-size:15px;line-height:1.75}.performance-card .eyebrow{font-size:11px;color:#98c8e7}.pressure-pair{display:flex;gap:8px;margin-bottom:18px}.pressure-pair span{display:block;flex:1;border:1px solid #456883;padding:10px;color:#ccecff;font-size:13px}.performance-faq{border-top:1px solid #46647b;margin-top:24px}.performance-faq details{border-bottom:1px solid #46647b;padding:0 4px}.performance-faq summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0;font-size:20px;font-weight:500;cursor:pointer;list-style:none}.performance-faq summary::-webkit-details-marker{display:none}.performance-faq summary:after{content:'+';color:#b1dcf7;font-size:25px}.performance-faq details[open] summary:after{content:'−'}.performance-faq details>div{max-width:900px;padding:0 0 22px;color:#bed2e1;font-size:16px;line-height:1.8}.performance-faq p{margin:0 0 12px}.performance-faq a{color:#c2e8ff}.performance-faq summary:focus-visible,.video-play:focus-visible{outline:2px solid #d5efff;outline-offset:5px}.energy-readout{display:flex;gap:12px;flex-wrap:wrap;margin:17px 0}.energy-readout span{border:1px solid #486780;padding:12px 17px;background:#0c2133;font-size:14px}.energy-readout b{display:block;color:#d2eeff;font-size:18px}.impact-videos{background:#0a1826}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.video-card{min-width:0;background:#0d2234;border:1px solid #365b76}.video-screen{position:relative;aspect-ratio:16/9;background:#07131f;overflow:hidden}.video-screen iframe{display:block;width:100%;height:100%;border:0}.video-play{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#122c40;color:white;cursor:pointer}.video-play img{display:block;width:100%;height:100%;object-fit:contain;opacity:.75}.video-play .play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border:1px solid #d5edff;border-radius:50%;background:#092b42db;color:#e7f6ff;font-size:23px;padding-left:3px}.video-play:hover .play-symbol{background:#37647f}.video-description{padding:19px}.video-description h3{font-size:19px;line-height:1.3;margin:0 0 10px}.video-description p{font-size:13px;color:#adcadc;line-height:1.5;margin:0 0 13px}.video-description a{font-size:14px}.video-note{font-size:14px;line-height:1.7;color:#b4cadd;margin-top:24px;max-width:900px}.roof-performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.roof-performance-grid .performance-card h3{font-size:29px}.roof-life{display:block;color:#d5eeff;font-size:24px;margin:15px 0 8px;line-height:1.25}.roof-life small{font-size:13px;font-weight:400;display:block;color:#a9c9dd;margin-top:8px}.performance-card a{font-size:14px}.inspiration-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.inspiration-links a{display:block;border:1px solid #557d98;background:#10283c;color:#d5edfc;padding:15px 20px;font-size:16px}.inspiration-links a:hover{background:#20435b}.photo-credit{font-size:13px;color:#b2c9da;line-height:1.65;margin-top:10px}.photo-credit a{color:#c8eaff;text-underline-offset:3px}.photo-credit:empty{display:none}.project-lightbox .photo-credit{padding:10px 4px 0}.project-lightbox:has(.photo-credit:not(:empty)) img{height:70svh}.inspiration-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.inspiration-preview{display:block;background:#0d2336;border:1px solid #45647b}.inspiration-preview img{display:block;width:100%;height:170px;object-fit:contain;background:#091824;padding:7px}.inspiration-preview span{display:block;padding:15px;color:#d1e8f7;font-size:17px}.inspiration-preview:focus-visible{outline:2px solid #ccefff;outline-offset:5px}
@media(max-width:900px){.performance-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr;max-width:600px}.video-card{display:grid;grid-template-columns:minmax(0,48%) minmax(0,1fr);align-items:center}.video-description{padding:16px}.video-description h3{font-size:17px}.video-play .play-symbol{width:43px;height:43px;font-size:18px}.inspiration-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.manufacturer-line{align-items:flex-start;flex-direction:column;padding:18px}.spec-table{font-size:14px}.spec-table td,.spec-table th{padding:14px 16px}.roof-performance-grid{grid-template-columns:1fr}.performance-card{padding:22px}.performance-faq summary{font-size:18px}.video-card{display:block}.video-description{padding:20px}.video-description h3{font-size:20px}.inspiration-preview img{height:140px}.inspiration-preview span{font-size:15px;padding:12px}.project-lightbox:has(.photo-credit:not(:empty)) img{height:64svh}}
