/* DREWNOPLAST REX UPDATE 48 — product pages / samples / hardware / garage */
.rex48-main{background:#fff;color:#161616;overflow:hidden}.rex48-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.rex48-kicker{display:inline-flex;align-items:center;gap:10px;font:700 11px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#e31e24}.rex48-kicker:before{content:"";width:30px;height:2px;background:#e31e24}.rex48-hero{position:relative;background:#111416;color:#fff;padding:78px 0 68px}.rex48-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:70px;align-items:center}.rex48-hero h1{font:800 clamp(45px,5.6vw,82px)/.96 Montserrat,Arial,sans-serif;letter-spacing:-.055em;margin:14px 0 24px;max-width:760px}.rex48-hero p{max-width:680px;color:#c7c9ca;font:400 16px/1.75 Montserrat,Arial,sans-serif;margin:0}.rex48-hero-media{position:relative;min-height:420px;border-radius:2px;overflow:hidden;background:#25292b}.rex48-hero-media img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}.rex48-hero-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);pointer-events:none}.rex48-intro{padding:78px 0 54px;display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}.rex48-intro h2,.rex48-section-head h2{font:800 clamp(34px,4vw,55px)/1 Montserrat,Arial,sans-serif;letter-spacing:-.045em;margin:10px 0 18px}.rex48-intro p,.rex48-section-head p{font:400 15px/1.8 Montserrat,Arial,sans-serif;color:#666;margin:0;max-width:760px}.rex48-feature-list{list-style:none;margin:0;padding:0;border-top:1px solid #dedede}.rex48-feature-list li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid #dedede;font:600 14px/1.5 Montserrat,Arial,sans-serif}.rex48-feature-list li span{color:#e31e24;font-size:11px;letter-spacing:.08em}.rex48-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.rex48-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid #202020;color:#161616;text-decoration:none;font:700 11px Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}.rex48-btn.primary{background:#e31e24;border-color:#e31e24;color:#fff}.rex48-samples{background:#f3f3f1;padding:72px 0 90px}.rex48-section-head{display:flex;justify-content:space-between;gap:42px;align-items:end;margin-bottom:34px}.rex48-sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rex48-swatch{position:relative;background:#fff;min-width:0;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.05);transition:transform .28s ease,box-shadow .28s ease}.rex48-swatch:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.11)}.rex48-swatch-image{aspect-ratio:1.34/1;overflow:hidden;background:linear-gradient(135deg,#e9e9e6,#d6d6d1)}.rex48-swatch img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.rex48-swatch:hover img{transform:scale(1.045)}.rex48-swatch-copy{padding:16px 16px 18px}.rex48-swatch-copy small{display:block;color:#999;font:700 9px Montserrat,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px}.rex48-swatch-copy strong{display:block;font:800 14px/1.35 Montserrat,Arial,sans-serif;letter-spacing:-.01em}.rex48-source{margin-top:23px;color:#888;font:500 11px/1.6 Montserrat,Arial,sans-serif}.rex48-source a{color:#555}.rex48-hardware{padding:76px 0 94px}.rex48-hardware-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:34px}.rex48-hardware-card{position:relative;min-height:360px;overflow:hidden;background:#16191a;color:#fff}.rex48-hardware-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}.rex48-hardware-card:nth-child(1) img{object-position:20% center}.rex48-hardware-card:nth-child(2) img{object-position:35% center}.rex48-hardware-card:nth-child(3) img{object-position:55% center}.rex48-hardware-card:nth-child(4) img{object-position:72% center}.rex48-hardware-card:nth-child(5) img{object-position:86% center}.rex48-hardware-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,10,11,.92) 0%,rgba(8,10,11,.18) 62%,rgba(8,10,11,.06) 100%)}.rex48-hardware-card:hover img{transform:scale(1.055);filter:contrast(1.05)}.rex48-hardware-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:21px}.rex48-hardware-copy small{display:block;color:#e31e24;font:800 10px Montserrat,Arial,sans-serif;letter-spacing:.13em;margin-bottom:7px}.rex48-hardware-copy h3{font:800 18px/1.18 Montserrat,Arial,sans-serif;margin:0}.rex48-hardware-copy p{font:400 11px/1.55 Montserrat,Arial,sans-serif;color:#c8c8c8;margin:8px 0 0;opacity:0;max-height:0;transition:.3s ease}.rex48-hardware-card:hover .rex48-hardware-copy p{opacity:1;max-height:90px}.rex48-garage{padding:76px 0 94px;background:#f3f3f1}.rex48-garage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}.rex48-garage-card{position:relative;min-height:430px;overflow:hidden;background:#1b1e1f;color:#fff}.rex48-garage-photo{position:absolute;inset:0;background-image:linear-gradient(to top,rgba(0,0,0,.76),rgba(0,0,0,.05)),url('../images/products/garage.webp');background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.rex48-garage-card:hover .rex48-garage-photo{transform:scale(1.055)}.rex48-garage-pattern{position:absolute;z-index:2;top:21%;left:11%;right:11%;height:42%;border:1px solid rgba(255,255,255,.42);background:rgba(22,24,25,.08);box-shadow:0 0 0 1px rgba(0,0,0,.13) inset;opacity:.88;transition:opacity .3s ease,transform .3s ease}.rex48-garage-card:hover .rex48-garage-pattern{opacity:1;transform:translateY(-4px)}.rex48-garage-pattern.high{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0 47px,rgba(255,255,255,.58) 48px,rgba(0,0,0,.28) 49px,rgba(255,255,255,.03) 50px)}.rex48-garage-pattern.low{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0 24px,rgba(255,255,255,.55) 25px,rgba(0,0,0,.27) 26px,rgba(255,255,255,.03) 27px)}.rex48-garage-pattern.smooth{background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.015))}.rex48-garage-pattern.cassette{background-color:rgba(255,255,255,.03);background-image:linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 1px);background-size:50% 50%}.rex48-garage-copy{position:absolute;z-index:3;left:20px;right:20px;bottom:22px}.rex48-garage-copy small{font:800 10px Montserrat,Arial,sans-serif;color:#e31e24;letter-spacing:.13em}.rex48-garage-copy h3{font:800 17px/1.25 Montserrat,Arial,sans-serif;margin:7px 0 0}.rex48-note{font:500 11px/1.65 Montserrat,Arial,sans-serif;color:#888;margin-top:18px}.rex48-legacy-main{background:#fff}.rex48-legacy-main .hero,.rex48-legacy-main .content{all:unset;display:block}.rex48-legacy-main .hero{background:#111416;color:#fff}.rex48-legacy-main .hero .wrap,.rex48-legacy-main .content{width:min(1240px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center;padding:70px 0}.rex48-legacy-main .hero h1{font:800 clamp(44px,5.5vw,78px)/.96 Montserrat,Arial,sans-serif;letter-spacing:-.05em;margin:12px 0 22px}.rex48-legacy-main .hero p,.rex48-legacy-main .content p{font:400 15px/1.8 Montserrat,Arial,sans-serif;color:#aaa}.rex48-legacy-main .hero img{width:100%;min-height:370px;max-height:520px;object-fit:cover;background:#222}.rex48-legacy-main .content{padding-top:76px;padding-bottom:94px;align-items:start}.rex48-legacy-main .content h2{font:800 clamp(34px,4vw,54px)/1 Montserrat,Arial,sans-serif;letter-spacing:-.04em;margin:10px 0 18px}.rex48-legacy-main .content ul{list-style:none;margin:0;padding:0;border-top:1px solid #ddd}.rex48-legacy-main .content li{padding:16px 0;border-bottom:1px solid #ddd;font:600 14px/1.5 Montserrat,Arial,sans-serif}.rex48-legacy-main .k{font:700 10px Montserrat,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#e31e24}.rex48-legacy-main .btn{display:inline-flex;margin:24px 8px 0 0;padding:15px 19px;border:1px solid #222;color:#111;text-decoration:none;font:700 11px Montserrat,Arial,sans-serif}.rex48-legacy-main .btn.red{background:#e31e24;border-color:#e31e24;color:#fff}
@media(max-width:1100px){.rex48-sample-grid{grid-template-columns:repeat(3,1fr)}.rex48-hardware-grid{grid-template-columns:repeat(3,1fr)}.rex48-garage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.rex48-shell{width:min(100% - 32px,1240px)}.rex48-hero{padding:56px 0 46px}.rex48-hero-grid,.rex48-intro,.rex48-legacy-main .hero .wrap,.rex48-legacy-main .content{grid-template-columns:1fr;gap:34px}.rex48-hero-media,.rex48-hero-media img{min-height:300px}.rex48-intro{padding:56px 0 44px}.rex48-section-head{display:block}.rex48-section-head p{margin-top:14px}.rex48-samples,.rex48-hardware,.rex48-garage{padding:58px 0 70px}.rex48-sample-grid{grid-template-columns:repeat(2,1fr)}.rex48-hardware-grid{grid-template-columns:repeat(2,1fr)}.rex48-legacy-main .hero .wrap,.rex48-legacy-main .content{padding:54px 0}}
@media(max-width:540px){.rex48-sample-grid,.rex48-hardware-grid,.rex48-garage-grid{grid-template-columns:1fr}.rex48-hardware-card{min-height:320px}.rex48-garage-card{min-height:390px}}