.roof-explorer{background:#171c1f;color:var(--paper)}.roof-explorer .eyebrow{color:#c7a780}.roof-explorer .section-heading>p,.roof-explorer>.fine{color:#bcc3c5}.roof-choices,.catalog-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.roof-choices button,.catalog-filters button{padding:13px 19px;border:1px solid #667075;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;min-height:46px}.roof-choices button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}.roof-choices button:hover{border-color:var(--paper)}.roof-stage{display:grid;grid-template-columns:1.4fr 1fr;background:#252d31;align-items:stretch}.roof-stage>img{width:100%;height:100%;min-height:460px;max-height:630px;object-fit:cover}.roof-story{padding:50px 40px;display:flex;flex-direction:column;justify-content:center}.roof-story h3{font-size:44px;font-weight:400;margin-bottom:24px}.roof-story p{color:#e0e2e2}.roof-story #roof-copy{font-size:22px;line-height:1.45}.roof-story #roof-consideration{font-size:15px;color:#bcc3c5}.roof-story .button{align-self:flex-start;margin-top:20px}.roof-compare-link{font-size:14px;margin-top:24px;text-decoration:underline;text-underline-offset:5px}.comparison{background:#ddd9d0;scroll-margin-top:20px}.comparison>.eyebrow{color:#715334}.compare-selectors{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:32px 0}.compare-selectors label{font-size:14px;display:block}.compare-selectors select{width:100%;padding:16px;margin-top:8px;font:inherit;font-size:20px;border:1px solid #a8aaa7;background:var(--paper);color:var(--ink);border-radius:0}.compare-scroll{overflow-x:auto}.comparison table{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--paper);font-size:16px}.comparison th,.comparison td{padding:24px;text-align:left;vertical-align:top;border-bottom:1px solid #cbc9c2;overflow-wrap:anywhere}.comparison thead th{background:var(--ink);color:var(--paper);font-size:20px;font-weight:400}.comparison th:first-child{width:23%;font-weight:500}.comparison td{width:38.5%}.catalog-filters{margin-top:30px;color:var(--ink)}.catalog-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.model-card[hidden]{display:none!important}.model-card,.category-card,.button,.audiences article{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}.model-card:hover,.category-card:hover{transform:translateY(-5px)}.audiences article:hover{background:#e9e7e0}.hero-image{animation:hero-enter 1.4s ease-out both}.hero-content{animation:copy-enter .85s ease-out both}.arrived{animation:copy-enter .65s ease-out both}.model-card>img,.category-card>img{transition:filter .3s ease}.model-card:hover>img,.category-card:hover>img{filter:brightness(1.06)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes hero-enter{from{filter:brightness(.75)}to{filter:brightness(1)}}@keyframes copy-enter{from{transform:translateY(16px)}to{transform:translateY(0)}}@media(max-width:1000px){.roof-stage{grid-template-columns:1.1fr 1fr}.roof-story{padding:30px}.roof-story h3{font-size:36px}.roof-story #roof-copy{font-size:20px}}@media(max-width:780px){.roof-stage{grid-template-columns:1fr}.roof-stage>img{min-height:0;height:300px;object-fit:cover}.roof-story{padding:30px 25px}.roof-choices{gap:8px}.roof-choices button{padding:11px 13px;font-size:13px}.compare-selectors{gap:14px}.compare-selectors select{font-size:16px;padding:12px}.comparison th,.comparison td{padding:15px 11px;font-size:14px}.comparison thead th{font-size:16px}.comparison .inline-link{font-size:13px}.comparison th:first-child{width:25%}}@media(prefers-reduced-motion:reduce){.hero-image,.hero-content,.arrived{animation:none}.model-card,.category-card,.button,.audiences article,.model-card>img,.category-card>img{transition:none}.model-card:hover,.category-card:hover{transform:none}}