.r-site{--red:#ee1825;background:#fff;color:#202125}.r-site h1,.r-site h2,.r-site h3{font-family:Rajdhani,sans-serif}.r-site p{line-height:1.75;color:#696a6c}.r-top{min-height:32px;background:#ededeb;display:flex;justify-content:space-between;gap:12px;padding:7px 3.5%;font-size:12px}.r-top>div{display:flex;gap:15px}.business-switcher{display:flex;flex-wrap:wrap;gap:7px;text-transform:uppercase}.r-top a:hover{color:var(--red)}.r-header{position:absolute;top:32px;left:0;right:0;z-index:10;padding:20px 3.5%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);gap:30px}.r-header img{width:260px;height:auto;display:block}.r-header .v-nav{gap:25px}.r-header .v-nav a{text-transform:uppercase;letter-spacing:1px;font:700 15px Rajdhani,sans-serif;white-space:nowrap}.r-header .r-nav-cta{padding:13px 22px;background:var(--red);color:white;border-radius:30px}.r-detail .r-header{position:relative;top:auto}.r-detail .v-breadcrumb{padding-top:26px}.r-hero{height: min(790px,calc(100svh - 32px));min-height:620px;position:relative;overflow:hidden;background:#343e42}.r-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s;isolation:isolate}.r-slide.is-active{opacity:1;visibility:visible}.r-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.r-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,24,29,.84),rgba(15,24,29,.35) 58%,rgba(15,24,29,.05));z-index:-1}.r-slide-copy{position:absolute;top:52%;transform:translateY(-40%);left:8%;max-width:720px;padding-right:28px;color:#fff}.r-eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:700;color:var(--red);display:block;margin-bottom:18px}.r-slide .r-eyebrow{color:#fff}.r-slide h1,.r-slide h2{font-size:clamp(40px,4.5vw,76px);line-height:1.02;margin:0 0 22px;font-weight:700}.r-slide em{font-style:normal;font-weight:500}.r-slide p{max-width:490px;color:#fff;font-size:16px;margin:0 0 30px}.r-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--red);color:#fff;padding:17px 25px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.r-button:hover{background:#c60c19;color:white}.r-slider-bar{position:absolute;bottom:30px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:11px;letter-spacing:2px}.r-slider-bar>div{display:flex;align-items:center;gap:10px}.r-slider-bar button{border:1px solid #ffffff66;background:#1115;color:white;min-width:42px;height:38px;cursor:pointer}.r-slider-bar button:hover{background:var(--red)}#r-slide-count{margin-right:18px}.r-intro-strip{display:flex;justify-content:space-between;gap:20px;padding:24px 7%;background:#f4f3f0;font:700 15px Rajdhani,sans-serif;letter-spacing:1px}.r-intro-strip a{color:var(--red)}.r-section{max-width:1400px;margin:auto;padding:90px 6%}.r-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.r-heading h2,.r-factory h2,.r-colours h2,.r-quality h2,.r-faq h2,.r-resources h2{font-size:clamp(32px,3vw,48px);line-height:1.08;margin:0 0 18px}.r-heading>p{max-width:400px;font-size:14px;margin:0 0 18px}.r-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.r-products article{border:1px solid #e9e8e5;transition:transform .25s,box-shadow .25s}.r-products article:hover{transform:translateY(-7px);box-shadow:0 16px 35px #0000000f}.r-product-image{position:relative;overflow:hidden;background:#f4f3f0}.r-product-image img{width:100%;height:auto;aspect-ratio:9/7;object-fit:cover;display:block;transition:transform .3s}.r-products a:hover img{transform:scale(1.04)}.r-product-image>span{position:absolute;top:12px;left:12px;font-size:11px;color:#555}.r-product-copy{padding:20px 16px}.r-product-copy small{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#777}.r-product-copy h3{font-size:26px;margin:10px 0}.r-product-copy h3 span{float:right;color:var(--red)}.r-product-copy p{font-size:12px;min-height:106px}.r-product-copy strong{font-size:9px;letter-spacing:.7px;color:var(--red)}.r-factory{display:grid;grid-template-columns:1fr 1fr;background:#21262a;color:#fff}.r-factory-photo{position:relative;min-height:500px}.r-factory-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.r-factory-photo>span{position:absolute;bottom:25px;left:30px;font-size:11px;letter-spacing:2px;background:#181818bb;padding:12px}.r-factory-copy{padding:70px 12% 65px 10%}.r-factory-copy p{color:#c8cbd0;font-size:14px}.r-text-link{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;border-bottom:2px solid var(--red);padding:10px 0}.r-factory-facts{display:flex;gap:25px;border-top:1px solid #ffffff30;margin-top:30px;padding-top:25px}.r-factory-facts strong{display:block;font:700 27px Rajdhani}.r-factory-facts span{font-size:10px;color:#b8bec1}.r-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.r-process img{width:100%;height:180px;object-fit:cover}.r-process article>span{display:block;color:var(--red);font-size:12px;letter-spacing:2px;margin-top:20px}.r-process h3{font-size:25px;margin:10px 0}.r-process p{font-size:13px}.r-colours{background:#f4f3ef;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:80px 8%}.r-colour-copy>p{font-size:14px;max-width:480px}.r-colour-display{height:90px;border-radius:2px;margin:24px 0 12px;background:repeating-linear-gradient(105deg,transparent 0 24px,#fff3 25px 27px,#0002 28px 32px),var(--roof-colour);display:flex;align-items:end;padding:10px}.r-colour-display span{background:#fff;color:#222;padding:7px 12px;font-size:12px}.r-site .r-small{font-size:11px;color:#777}.r-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-content:center}.r-palette button{background:transparent;border:1px solid transparent;padding:7px;font-size:11px;color:#444;cursor:pointer;text-align:left}.r-palette button span{height:45px;display:block;margin-bottom:8px;border:1px solid #0002}.r-palette button[aria-pressed=true]{border-color:var(--red)}.r-quality{display:grid;grid-template-columns:1fr 1fr;gap:90px}.r-quality>div>p{font-size:14px}.r-quality-list article{display:flex;gap:25px;padding:15px 0;border-bottom:1px solid #ddd}.r-quality-list b{color:var(--red);font:600 27px Rajdhani}.r-quality-list h3{font-size:23px;margin:0}.r-quality-list p{font-size:13px;margin:6px 0}.r-accessories{padding-top:0}.r-accessory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.r-accessory-grid article{background:#f7f7f5;padding:25px 30px}.r-accessory-grid img{height:110px;width:140px;object-fit:contain;mix-blend-mode:multiply}.r-accessory-symbol{height:110px;font:100px Rajdhani;color:#7c8185}.r-accessory-grid h3{font-size:26px;margin:14px 0}.r-accessory-grid p{font-size:13px}.r-resources{padding:55px 8%;background:#22272b;color:white;display:flex;align-items:center;justify-content:space-between;gap:40px}.r-resources p{color:#c4c8cd;font-size:14px}.r-resources .r-button{flex-shrink:0}.r-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.r-faq details{border-bottom:1px solid #ddd;padding:20px 0}.r-faq summary{font-weight:500;cursor:pointer}.r-faq p{font-size:14px}.r-site [id]{scroll-margin-top:30px}.r-site :focus-visible{outline:3px solid #e82435;outline-offset:5px}
.r-header.is-sticky{position:fixed;top:0;background:rgba(255,255,255,.97);box-shadow:0 3px 20px #0002;padding-top:10px;padding-bottom:10px;animation:none}.r-header.is-sticky img{width:200px}.r-header-space{height:113px}.r-site [id]{scroll-margin-top:110px}.r-to-top{position:fixed;bottom:25px;right:25px;width:46px;height:46px;border:0;background:var(--red);color:white;z-index:40;cursor:pointer;font-size:25px;box-shadow:0 5px 15px #0003}.r-to-top[hidden]{display:none}.r-slide.is-active>img{animation:roofZoom 8s ease-out both}.r-slide.is-active .r-slide-copy{animation:roofCopy .7s ease-out both}.r-slide.is-active .r-slide-copy p{animation:roofFade 1s ease-out both}@keyframes roofZoom{from{transform:scale(1.045)}to{transform:scale(1)}}@keyframes roofCopy{from{opacity:0;margin-left:25px}to{opacity:1;margin-left:0}}@keyframes roofFade{from{opacity:0}to{opacity:1}}@keyframes roofMenuIn{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.r-showcase{background:#f5f4f1;max-width:none}.r-catalogue-tools{display:flex;gap:22px;align-items:end;margin:25px 0}.r-catalogue-tools label{display:flex;flex-direction:column;gap:8px;font-size:12px;flex:1;max-width:360px}.r-catalogue-tools select,.r-catalogue-tools input{border:1px solid #d6d4ce;background:white;padding:13px;font:inherit;width:100%;min-width:0}.r-catalogue-tools>span{font-size:12px;margin-left:auto;padding:13px}.r-variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.r-variant{background:white;transition:transform .2s}.r-variant:hover{transform:translateY(-5px)}.r-variant[hidden]{display:none}.r-variant img{width:100%;aspect-ratio:9/7;height:auto;object-fit:cover;display:block}.r-variant>div{padding:18px}.r-variant small{color:#777;text-transform:uppercase;letter-spacing:1px}.r-variant h3{font-size:23px;margin:8px 0}.r-variant h3 span{float:right;color:var(--red)}#roof-show-more{border:0;margin:30px auto 0;display:flex;cursor:pointer}#roof-show-more[hidden]{display:none}.r-compare-scroll{overflow:auto}.r-comparison table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}.r-comparison th,.r-comparison td{padding:18px;border-bottom:1px solid #ddd}.r-comparison thead{background:#242a2e;color:white}.r-comparison td a{color:var(--red);white-space:nowrap}.r-product-banner{height:460px;position:relative;background:#e6e9e8;overflow:hidden}.r-product-banner>img{width:100%;height:100%;object-fit:cover;object-position:center}.r-product-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#162229d9,transparent 85%)}.r-product-banner>div{position:absolute;top:50%;transform:translateY(-50%);left:7%;z-index:1;max-width:540px;color:white;padding-right:20px}.r-product-banner h1{font-size:70px;margin:0}.r-product-banner .r-eyebrow,.r-product-banner p{color:white}.r-product-banner p{font-size:16px}.r-product-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#f5f4f1;max-width:none}.r-product-story h2,.r-project-guide h2,.r-detail-factory h2{font-size:42px;line-height:1.1;margin:15px 0}.r-product-story>img{width:100%;height:350px;object-fit:contain;mix-blend-mode:multiply}.r-product-story p,.r-project-guide p,.r-detail-factory p{font-size:14px}.r-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:40px}.r-line-icon{color:var(--red);display:block;width:54px;height:54px}.r-line-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4}.r-guide-grid h3{font-size:25px;margin:20px 0 10px}.r-detail-factory{display:grid;grid-template-columns:1fr 1fr;background:#23292d;color:white}.r-detail-factory>img{width:100%;height:100%;min-height:400px;object-fit:cover}.r-detail-factory>div{padding:65px 10%}.r-detail-factory p{color:#d1d6d8;margin-bottom:25px}.r-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.r-related-grid img{width:100%;height:auto;aspect-ratio:9/7;object-fit:cover}.r-related-grid h3{font-size:27px;margin:14px 0}.r-related-grid p{font-size:12px}.r-related-grid a:hover h3{color:var(--red)}
@media(max-width:950px){.r-variant-grid,.r-related-grid,.r-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r-product-story,.r-detail-factory{grid-template-columns:1fr}.r-product-story{gap:25px}.r-header-space{height:78px}.r-catalogue-tools{flex-wrap:wrap}.r-catalogue-tools>span{margin-left:0}.r-product-banner{height:390px}.r-product-banner h1{font-size:52px}.r-detail-factory>img{min-height:250px;height:300px}}
@media(max-width:500px){.r-variant-grid,.r-related-grid{gap:12px}.r-variant>div{padding:12px}.r-variant h3{font-size:20px}.r-variant small{font-size:10px}.r-catalogue-tools{gap:12px}.r-catalogue-tools label{flex-basis:100%;max-width:none}.r-catalogue-tools>span{padding:0}.r-product-story h2,.r-project-guide h2,.r-detail-factory h2{font-size:34px}.r-to-top{right:15px;bottom:15px;width:42px;height:42px}.r-guide-grid{gap:20px}.r-comparison th,.r-comparison td{padding:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.r-slide.is-active>img,.r-slide.is-active .r-slide-copy,.r-slide.is-active .r-slide-copy p,.r-header.is-sticky{animation:none}.r-variant{transition:none}}
@media(min-width:1500px){.r-header .v-nav{gap:32px}}
@media(max-width:1100px){.r-header img{width:210px}.r-header .v-nav{gap:14px}.r-header .v-nav a{font-size:13px}.r-products{grid-template-columns:repeat(3,minmax(0,1fr))}.r-product-copy p{min-height:65px}.r-top>div>a:first-child{display:none}.r-heading{gap:25px}.r-factory-copy{padding:50px 8%}.r-quality{gap:40px}}
@media(max-width:950px){.r-top{font-size:10px;flex-wrap:wrap;gap:8px;min-height:52px}.r-top>div{margin-left:auto}.r-header{top:52px;padding:14px 5%;min-height:78px}.r-header img{width:200px}.r-header .v-menu-toggle{display:block}.r-header .v-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:stretch;box-shadow:0 10px 20px #0002}.r-header .v-nav.is-open{display:flex}.r-header .v-nav a{font-size:16px;padding:10px}.r-header .v-nav .r-nav-cta{text-align:center}.r-hero{min-height:590px;height:calc(90svh - 52px)}.r-slide-copy{left:6%;top:48%;transform:translateY(-30%);max-width:560px}.r-slide h1,.r-slide h2{font-size:49px}.r-slide p{font-size:14px}.r-slider-bar>span{display:none}.r-slider-bar{justify-content:flex-end}.r-intro-strip{display:grid;grid-template-columns:1fr 1fr;font-size:12px;padding:20px 6%}.r-section{padding:60px 6%}.r-heading{display:block}.r-heading>p{max-width:none}.r-products{grid-template-columns:repeat(2,minmax(0,1fr))}.r-factory,.r-colours,.r-quality,.r-faq{grid-template-columns:1fr}.r-factory-photo{min-height:320px}.r-factory-copy{padding:45px 6%}.r-process{grid-template-columns:repeat(2,minmax(0,1fr))}.r-colours{padding:55px 6%;gap:20px}.r-quality{gap:20px}.r-accessories{padding-top:0}.r-accessory-grid{grid-template-columns:1fr}.r-accessory-grid article{padding:22px}.r-resources{align-items:flex-start;flex-direction:column;padding:45px 6%;gap:12px}.r-faq{gap:15px}}
@media(max-width:420px){.r-top{padding:7px 4%}.business-switcher{gap:4px;font-size:9px}.r-header img{width:175px}.r-slide h1,.r-slide h2{font-size:40px}.r-hero{min-height:610px}.r-product-copy{padding:13px}.r-product-copy p{min-height:110px;font-size:11px}.r-product-copy h3{font-size:24px}.r-products{gap:12px}.r-process img{height:140px}.r-process h3{font-size:22px}.r-factory-facts{gap:16px}.r-palette{gap:8px}}
@media(prefers-reduced-motion:reduce){.r-slide,.r-products article,.r-product-image img{transition:none}.r-products article:hover{transform:none}}

.r-hero.is-paused .r-slide>img{animation-play-state:paused}

.r-product-draft-copy h3{font-size:22px;margin:22px 0 8px}.r-product-draft-copy p{font-size:14px;line-height:1.75;margin:0 0 14px}
/* Shared translucent banner navigation and compact, font-independent social icons. */
.r-top{box-sizing:border-box;align-items:center;padding-top:3px;padding-bottom:3px;min-height:32px}
.r-top .r-contact-bar{align-items:center;gap:12px}
.r-phone{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.r-contact-bar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.r-contact-bar .r-phone svg{width:16px;height:16px}
.r-social-links{display:flex;align-items:center;gap:3px}
.r-social-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:2px;box-sizing:border-box}
.r-social-icon:hover,.r-social-icon:focus-visible{color:#ed1024}
.r-social-icon:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.r-header{background:rgba(255,255,255,.58)}
.r-header.is-sticky{background:rgba(255,255,255,.94)}
.r-product-page .r-header:not(.is-sticky){position:absolute;top:32px}
@media(max-width:950px){
 .r-top{min-height:52px;gap:0}
 .r-top .r-contact-bar{gap:8px}
 .r-product-page .r-header:not(.is-sticky){top:52px}
 .r-header .v-nav.is-open{background:#fff}
}
@media(max-width:420px){
 .r-top{padding-top:3px;padding-bottom:3px}
 .r-top .r-contact-bar{gap:5px;font-size:9px}
 .r-social-links{gap:1px}
 .r-social-icon{width:24px;padding:2px}
}