.titans-exterior-master{color:#24262b;font:17px/1.7 system-ui,sans-serif;width:100%;box-sizing:border-box} .titans-exterior-master *{box-sizing:border-box} .titans-exterior-master .ml-surface{padding:72px 32px;background:#fff} .titans-exterior-master-entry .ml-surface{padding-top:160px} .titans-exterior-master .ml-neutral{background:#f5f5f3} .titans-exterior-master .ml-purple{background:#592e84;color:#fff} .titans-exterior-master .ml-rail{max-width:1440px;width:100%;margin:0 auto} .titans-exterior-master .ml-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start} .titans-exterior-master .ml-grid>*{min-width:0} .titans-exterior-master .ml-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .titans-exterior-master .ml-card{padding:24px;border:1px solid #dedede;background:#fff} .titans-exterior-master .ml-card>:last-child{margin-bottom:0} .titans-exterior-master .ml-photo{margin:0} .titans-exterior-master .ml-photo img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center} .titans-exterior-master .ml-photo figcaption{font-size:14px;line-height:1.5;color:#5f6167;margin:12px 0 0} .titans-exterior-master h2,.titans-exterior-master h3{color:#2f153f;line-height:1.18;margin:0 0 16px;font-weight:700} .titans-exterior-master .ml-display{font-size:clamp(38px,4.2vw,58px);letter-spacing:-.03em} .titans-exterior-master h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.025em} .titans-exterior-master h3{font-size:24px} .titans-exterior-master .ml-purple h2,.titans-exterior-master .ml-purple h3{color:#fff} .titans-exterior-master p{margin:0 0 20px;line-height:1.7;text-align:left} .titans-exterior-master ul{margin:0 0 20px;padding-left:24px} .titans-exterior-master li{margin-bottom:10px} .titans-exterior-master .ml-kicker{margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#592e84} .titans-exterior-master .ml-purple .ml-kicker{color:#fec52e} .titans-exterior-master .ml-intro{max-width:900px;margin-bottom:32px} .titans-exterior-master .ml-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} .titans-exterior-master .ml-button{display:inline-block;padding:12px 20px;border-radius:4px;background:#592e84;color:#fff!important;text-decoration:none!important;font-weight:700} .titans-exterior-master .ml-purple .ml-button{background:#fec52e;color:#2f153f!important} .titans-exterior-master a{color:#592e84;text-underline-offset:3px} .titans-exterior-master .ml-purple a:not(.ml-button){color:#fff} .titans-exterior-master .ml-table{overflow-x:auto;margin:30px 0} .titans-exterior-master table{width:100%;border-collapse:collapse;font-size:16px} .titans-exterior-master th,.titans-exterior-master td{text-align:left;padding:16px;border-bottom:1px solid #dedede;vertical-align:top} .titans-exterior-master th{background:#f4eff8;color:#2f153f} .titans-exterior-master .ml-callout{padding:24px;border-left:4px solid #fec52e;background:#f4eff8} .titans-exterior-master .ml-form{background:#fff;color:#24262b;padding:24px;min-width:0} .titans-exterior-master .ml-form .ipt_fsqm_main_wrapper{max-width:100%;margin:0} .titans-exterior-master .ml-gallery-wrap{margin-top:32px;min-height:0} .titans-exterior-master .ml-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .titans-exterior-master .ml-faq article{padding:24px;border:1px solid #dedede;background:#fff} .titans-exterior-master .ml-faq article>:last-child{margin-bottom:0} .titans-exterior-master .ml-related{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0;list-style:none} .titans-exterior-master-row>.vc_column_container>.vc_column-inner{padding-left:0!important;padding-right:0!important} .titans-exterior-master-row .wpb_wrapper>.wpb_text_column{margin-bottom:0} @media(max-width:1024px){.titans-exterior-master .ml-surface{padding:56px 24px}.titans-exterior-master-entry .ml-surface{padding-top:72px}.titans-exterior-master .ml-grid{gap:32px}.titans-exterior-master .ml-grid:has(.ml-photo){grid-template-columns:minmax(0,1fr)}} @media(max-width:700px){.titans-exterior-master .ml-surface{padding:44px 18px}.titans-exterior-master-entry .ml-surface{padding-top:104px}.titans-exterior-master .ml-grid,.titans-exterior-master .ml-cards,.titans-exterior-master .ml-faq{grid-template-columns:minmax(0,1fr);gap:28px}.titans-exterior-master h3{font-size:22px}.titans-exterior-master .ml-card,.titans-exterior-master .ml-faq article{padding:20px}.titans-exterior-master .ml-form{padding:12px}.titans-exterior-master .ml-photo img{max-height:420px}}  .titans-exterior-master .ml-material-intro{padding-bottom:32px} .titans-exterior-master .ml-material-intro h2,.titans-exterior-master .ml-material-intro>.ml-rail>.ml-kicker{text-align:center} .titans-exterior-master .ml-lead{max-width:1000px;margin:0 auto 32px;text-align:center} .titans-exterior-master .ml-choice-cues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0} .titans-exterior-master .ml-choice-cues p{display:flex;gap:16px;margin:0} .titans-exterior-master .ml-choice-cues strong{display:block;color:#2f153f} .titans-exterior-master .ml-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;background:#f4eff8;color:#592e84;border-radius:4px;margin:0 0 16px} .titans-exterior-master .ml-icon svg{width:25px;height:25px} .titans-exterior-master .ml-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px} .titans-exterior-master .ml-material-pair{padding-top:0;padding-bottom:32px} .titans-exterior-master .ml-material{background:#f5f5f3;min-width:0} .titans-exterior-master .ml-material-photo{margin:0} .titans-exterior-master .ml-material-photo a{display:block} .titans-exterior-master .ml-material-photo img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:50% 42%} .titans-exterior-master .ml-material-photo figcaption{font-size:14px;line-height:1.5;color:#5f6167;padding:14px 28px 0} .titans-exterior-master .ml-material-copy{padding:28px} .titans-exterior-master .ml-material-copy>:last-child{margin-bottom:0} .titans-exterior-master .ml-material-copy .ml-kicker{font-size:11px;letter-spacing:.07em} .titans-exterior-master .ml-spec{display:flex;gap:10px;align-items:center;border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:12px 0;font-size:15px;line-height:1.45} .titans-exterior-master .ml-spec .ml-icon{width:28px;height:28px;margin:0;background:transparent} .titans-exterior-master .ml-cast-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px} .titans-exterior-master .ml-cast-pair img{aspect-ratio:.79} .titans-exterior-master .ml-cast-pair figcaption{padding:14px 16px 0} .titans-exterior-master .ml-video-preview .preview-image{width:100%;aspect-ratio:16/9;object-fit:cover} .titans-exterior-master .ml-video-preview .video-headline{background:#2f153f;color:#fff;padding:10px 16px;font-size:18px} .titans-exterior-master .ml-lit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .titans-exterior-master .ml-illuminated-intro{padding-bottom:32px} .titans-exterior-master .ml-illuminated-pair{padding-top:0} .titans-exterior-master .ml-lit-material .ml-material-photo img{aspect-ratio:1.15;object-position:50% 50%} .titans-exterior-master .ml-lit-material .ml-material-copy{padding:24px} @media(min-width:701px) and (max-width:1000px){.titans-exterior-master .ml-lit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.titans-exterior-master .ml-lit-material:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.titans-exterior-master .ml-lit-material:last-child .ml-material-photo img{aspect-ratio:.9}} @media(max-width:700px){.titans-exterior-master .ml-lit-grid{grid-template-columns:1fr}.titans-exterior-master .ml-lit-material .ml-material-photo img{aspect-ratio:1.35}} @media(max-width:700px){.titans-exterior-master .ml-choice-cues,.titans-exterior-master .ml-material-grid{grid-template-columns:1fr}.titans-exterior-master .ml-material-copy{padding:22px}.titans-exterior-master .ml-material-photo figcaption{padding-left:22px;padding-right:22px}.titans-exterior-master .ml-material-pair{padding-top:0;padding-bottom:28px}.titans-exterior-master .ml-material-intro{padding-bottom:28px}} .titans-exterior-master .ml-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px;padding-left:22px}.titans-exterior-master .ml-case{margin:32px 0}.titans-exterior-master .ml-case .ml-photo img{width:100%;max-height:440px;object-fit:contain}.titans-exterior-master .ml-local-faq{padding:18px 0;border-bottom:1px solid #ddd}.titans-exterior-master .ml-local-faq summary{cursor:pointer;font-weight:700;color:#2f153f}.titans-exterior-master .ml-local-faq p{margin-top:16px;max-width:75ch}.titans-exterior-master .ml-handoff{margin-top:24px}.titans-exterior-master .ml-handoff p{max-width:90ch}@media(max-width:700px){.titans-exterior-master .ml-related-list{grid-template-columns:1fr}} .titans-exterior-master .cs-display{color:#2f153f;font-size:clamp(38px,4.2vw,58px);line-height:1.12;letter-spacing:-.03em;margin:0 0 24px} .titans-exterior-master .cs-hero img{width:100%;height:510px;object-fit:cover;object-position:50% 56%} .titans-exterior-master .cs-photo img{aspect-ratio:1.3;object-fit:cover;object-position:50% 53%} .titans-exterior-master .cs-portrait img{aspect-ratio:1;object-position:50% 52%} .titans-exterior-master .cs-prose{max-width:1050px} .titans-exterior-master .cs-video video{width:100%;max-height:620px;background:#24262b} .titans-exterior-master .cs-native-photo .wpb_single_image{margin:0}.titans-exterior-master .cs-native-photo img{max-height:360px;object-fit:contain} @media(max-width:700px){.titans-exterior-master .cs-hero img{height:350px}.titans-exterior-master .cs-prose{width:100%}}  .titans-exterior-master-row .ml-surface:not(.ml-purple) .ml-rail > p a:not(.ml-button),.titans-exterior-master-row .ml-surface:not(.ml-purple) .ml-grid p a:not(.ml-button),.titans-exterior-master-row .ml-surface:not(.ml-purple) .ml-cards p a:not(.ml-button){color:#592e84!important;-webkit-text-fill-color:#592e84!important;text-decoration:underline;text-underline-offset:3px} .titans-exterior-master-row .ml-surface:not(.ml-purple) .ml-grid p a:hover,.titans-exterior-master-row .ml-surface:not(.ml-purple) .ml-grid p a:focus-visible{color:#2f153f!important;-webkit-text-fill-color:#2f153f!important} .titans-exterior-master .cs-diagram{margin:32px auto;max-width:1000px} .titans-exterior-master .cs-diagram img{display:block;width:100%;height:auto;max-height:none;object-fit:contain} .titans-exterior-master .cs-diagram figcaption{font-size:14px;line-height:1.5;margin-top:12px;color:#5f6167} .titans-exterior-master .cs-diagram-lighting{max-width:792px} .titans-exterior-master .cs-visibility .cs-diagram{max-width:none}.titans-exterior-master .cs-visibility img{max-height:none;object-fit:contain;width:100%} .titans-exterior-master .cs-native-gallery{width:100%;max-width:1504px;margin:0 auto;padding:0 32px 72px} .titans-exterior-master .ml-surface[aria-labelledby="cs-gallery"]{padding-bottom:32px} .titans-exterior-master .cs-case-photo img{max-height:330px;object-fit:contain} .titans-exterior-master .cs-hero img{height:430px;object-fit:cover;object-position:center} @media(max-width:1024px){.titans-exterior-master .cs-native-gallery{padding:0 24px 56px}} @media(max-width:700px){.titans-exterior-master .cs-hero img{height:280px}.titans-exterior-master .cs-visibility img{max-height:none}.titans-exterior-master .cs-native-gallery{padding:0 18px 44px}} .titans-exterior-master .cs-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.titans-exterior-master .cs-directory ul{list-style:none;padding:0}.titans-exterior-master .cs-directory a{display:inline-block;padding:4px 0}.titans-exterior-master .cs-retained-copy{max-width:1050px}.titans-exterior-master .cs-retained-copy img{display:block;width:100%;height:auto;max-width:1000px;margin:24px auto}.titans-exterior-master .cs-display{font-size:clamp(36px,4vw,58px)}@media(max-width:700px){.titans-exterior-master .cs-directory{grid-template-columns:1fr}} .titans-exterior-master .eb-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.titans-exterior-master .eb-product{min-width:0}.titans-exterior-master .eb-product img{width:100%;height:300px;object-fit:contain;background:#f5f5f3}.titans-exterior-master .eb-product figure{margin:0 0 24px}.titans-exterior-master .eb-product figcaption{font-size:14px;line-height:1.5;margin-top:10px;color:#5f6167}.titans-exterior-master .eb-product p:last-child{margin-bottom:0}.titans-exterior-master .ml-rail>p{max-width:1050px}.titans-exterior-master .eb-product h3{margin-top:0}.titans-exterior-master .eb-case{margin-top:40px;padding-top:32px;border-top:1px solid #dedede}.titans-exterior-master .eb-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.titans-exterior-master .eb-media img{width:100%;height:260px;object-fit:contain}.titans-exterior-master .eb-media figure{margin:0}.titans-exterior-master .eb-media figcaption{font-size:14px;line-height:1.5;margin-top:12px;color:#5f6167}@media(max-width:700px){.titans-exterior-master .eb-products,.titans-exterior-master .eb-media{grid-template-columns:1fr}.titans-exterior-master .eb-product img{height:250px}}.titans-exterior-master .eb-product p a,.titans-exterior-master .ml-rail>p a{color:#592e84!important;-webkit-text-fill-color:#592e84!important;text-decoration:underline;text-underline-offset:3px}.titans-exterior-master .ml-purple>.ml-rail>p a{color:#fff!important;-webkit-text-fill-color:#fff!important} .titans-exterior-master .eb-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px}.titans-exterior-master .eb-material-grid article{min-width:0}.titans-exterior-master .eb-detail-photo{margin:0 0 24px}.titans-exterior-master .eb-detail-photo img{width:100%;height:320px;object-fit:cover;object-position:center 35%;display:block}.titans-exterior-master .eb-detail-photo figcaption,.titans-exterior-master .eb-install-photo figcaption,.titans-exterior-master .eb-distance-chart figcaption{font-size:14px;line-height:1.6;margin-top:12px;color:#5f6167}.titans-exterior-master .eb-material-illustration{margin:48px 0}.titans-exterior-master .eb-material-illustration img{height:auto;object-fit:contain;width:100%}.titans-exterior-master .eb-material-illustration figure{margin:0}.titans-exterior-master .eb-source-note{font-size:14px;margin-top:32px}.titans-exterior-master .eb-distance-intro{margin-top:40px}.titans-exterior-master .eb-distance-chart{margin:40px 0 0}.titans-exterior-master .eb-distance-chart img{width:100%;height:auto;max-height:none;display:block}.titans-exterior-master .eb-install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin:32px 0 48px}.titans-exterior-master .eb-install-photo{margin:0 0 24px}.titans-exterior-master .eb-install-photo img{width:100%;height:360px;object-fit:contain;background:#f5f5f3}.titans-exterior-master section[aria-labelledby="eb-boards"] .eb-detail-photo img,.titans-exterior-master section[aria-labelledby="eb-uses"] .eb-detail-photo img{height:auto;object-fit:contain}.titans-exterior-master .ml-table{overflow-x:auto}.titans-exterior-master .ml-table table{width:100%;border-collapse:collapse}.titans-exterior-master .ml-table th,.titans-exterior-master .ml-table td{padding:12px;border-bottom:1px solid #dedede;text-align:left}.titans-exterior-master .ml-table caption{text-align:left;font-weight:bold;margin-bottom:16px}@media(max-width:1024px){.titans-exterior-master .eb-material-grid{grid-template-columns:1fr}.titans-exterior-master .eb-material-grid article{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.titans-exterior-master .eb-material-grid figure{grid-column:1;grid-row:1 / span 5}.titans-exterior-master .eb-material-grid h3,.titans-exterior-master .eb-material-grid p{grid-column:2}.titans-exterior-master .eb-material-grid h3{margin-top:0}}@media(max-width:700px){.titans-exterior-master .eb-material-grid article{display:block}.titans-exterior-master .eb-detail-photo img{height:290px}.titans-exterior-master .eb-install-grid{grid-template-columns:1fr;gap:36px}.titans-exterior-master .eb-install-photo img{height:300px}.titans-exterior-master .ml-table th,.titans-exterior-master .ml-table td{padding:8px;font-size:14px}} .titans-exterior-master [aria-labelledby="eb-reviews"] .vc_row.vc_inner{margin-left:0!important;margin-right:0!important}.titans-exterior-master [aria-labelledby="eb-reviews"] .vc_column-inner{padding-left:0!important;padding-right:0!important}