:root{--rw-black:#0b0b0a;--rw-ink:#171715;--rw-paper:#f0efe9;--rw-white:#fafaf6;--rw-red:#ed3829;--rw-line:rgba(20,20,18,.18)}
.roofwear-wrap,.roofwear-wrap *{box-sizing:border-box}
.roofwear-wrap{position:relative;left:50%;width:100vw;margin-left:-50vw;background:var(--rw-paper);color:var(--rw-ink);font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.roofwear-wrap a{text-decoration:none}.roofwear-wrap button{font:inherit}.roofwear-wrap ::selection{background:var(--rw-red);color:var(--rw-white)}
.roofwear-hero{position:relative;min-height:760px;height:92vh;display:flex;align-items:center;padding:90px 7vw 70px;color:var(--rw-white);background:#111;background-image:linear-gradient(90deg,rgba(5,5,5,.95),rgba(5,5,5,.65) 48%,rgba(5,5,5,.18)),var(--roofwear-hero-image,linear-gradient(120deg,#080808,#2d2d2a));background-position:center;background-size:cover}
.roofwear-hero__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%),radial-gradient(circle at 74% 38%,transparent,rgba(0,0,0,.35) 75%)}
.roofwear-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:7vw 7vw;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.roofwear-hero__content{position:relative;z-index:2;max-width:800px}.roofwear-kicker{display:flex;align-items:center;gap:11px;margin:0 0 24px!important;color:#c7c5bd;font-size:10px!important;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.roofwear-kicker span{display:inline-block;width:34px;height:2px;background:var(--rw-red)}.roofwear-kicker--dark{color:#686760}
.roofwear-hero h1,.roofwear-section__head h2,.roofwear-manifesto h2,.roofwear-story h2{margin:0!important;font-family:Impact,"Arial Black",sans-serif!important;font-weight:900!important;letter-spacing:-.035em!important;line-height:.84!important;text-transform:uppercase}.roofwear-hero h1{font-size:clamp(74px,9.2vw,150px)!important;color:var(--rw-white)!important}.roofwear-hero h1 em{color:transparent;font-style:normal;-webkit-text-stroke:2px var(--rw-red)}
.roofwear-hero__intro{max-width:500px;margin:30px 0!important;color:#d1cfc8;font-size:15px!important;line-height:1.65!important}.roofwear-primary{display:inline-flex;align-items:center;justify-content:space-between;width:270px;padding:18px 20px;color:#fff!important;background:var(--rw-red);font-size:11px;font-weight:900;letter-spacing:.08em;transition:.2s}.roofwear-primary:hover{color:#fff!important;background:#ff4939;transform:translateY(-2px)}.roofwear-primary b{font-size:19px}
.roofwear-hero__meta{position:absolute;z-index:2;right:3vw;bottom:30px;display:flex;gap:25px;color:#b3b0a9;font-size:8px;font-weight:700;letter-spacing:.16em}
.roofwear-ticker{overflow:hidden;padding:14px 0;color:#fff;background:var(--rw-red);font-family:Impact,"Arial Black",sans-serif;font-size:18px;letter-spacing:.055em;white-space:nowrap}.roofwear-ticker div{width:max-content;animation:rwTicker 24s linear infinite}.roofwear-ticker b{margin:0 24px;color:var(--rw-black)}@keyframes rwTicker{to{transform:translateX(-50%)}}
.roofwear-section{padding:105px 6vw}.roofwear-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.roofwear-section__head h2{font-size:clamp(58px,7vw,110px)!important;color:var(--rw-ink)!important}.roofwear-section__head>p{max-width:320px;margin:0 0 5px!important;color:#65635d;font-size:13px!important;line-height:1.6!important;text-align:right}
.roofwear-filters{display:flex;gap:7px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--rw-line)}.roofwear-filters button{padding:9px 15px;border:1px solid #b4b2ab;border-radius:30px;color:var(--rw-ink);background:transparent;font-size:10px;font-weight:700;cursor:pointer;transition:.2s}.roofwear-filters button:hover,.roofwear-filters button.is-active{border-color:var(--rw-black);color:#fff;background:var(--rw-black)}.roofwear-filters>span{margin-left:auto;color:#77756f;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.roofwear-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 18px;margin-top:28px}.roofwear-product[hidden]{display:none}.roofwear-product__image{position:relative;display:block;aspect-ratio:.82;overflow:hidden;background:#d8d6cf}.roofwear-product__image img{width:100%!important;height:100%!important;margin:0!important;object-fit:cover;filter:saturate(.35);transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .4s}.roofwear-product:hover .roofwear-product__image img{transform:scale(1.055);filter:saturate(.9)}.roofwear-badge{position:absolute;top:14px;left:14px;padding:6px 8px;color:#fff;background:var(--rw-red);font-size:8px;font-weight:900;letter-spacing:.1em}.roofwear-product__view{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;padding:14px 16px;color:#fff;background:var(--rw-black);font-size:9px;font-weight:900;letter-spacing:.1em;transform:translateY(calc(100% + 12px));transition:.3s}.roofwear-product:hover .roofwear-product__view{transform:none}
.roofwear-product__meta{display:flex;justify-content:space-between;gap:14px;margin-top:14px}.roofwear-product__meta h3{margin:0 0 5px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;text-transform:uppercase}.roofwear-product__meta h3 a{color:var(--rw-ink)!important}.roofwear-product__meta span{color:#77756f;font-size:11px}.roofwear-product__meta strong{font-size:13px;white-space:nowrap}.roofwear-product__meta strong del{color:#888;font-weight:400}.roofwear-product__meta strong ins{text-decoration:none}.roofwear-add{display:none!important}.roofwear-outline{display:table;margin:55px auto 0;padding:15px 20px;border:1px solid var(--rw-black);color:var(--rw-black)!important;font-size:10px;font-weight:900;letter-spacing:.1em;transition:.2s}.roofwear-outline:hover{color:#fff!important;background:var(--rw-black)}
.roofwear-manifesto{position:relative;min-height:650px;padding:90px 7vw;overflow:hidden;color:#fff;background:var(--rw-black)}.roofwear-manifesto:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.075) 1px,transparent 1px);background-size:4px 4px;opacity:.35}.roofwear-manifesto>p{position:relative;margin:0 0 55px!important;color:#888680;font-size:9px!important;font-weight:800;letter-spacing:.18em}.roofwear-manifesto h2{position:relative;z-index:2;max-width:1080px;color:#fff!important;font-size:clamp(52px,7vw,102px)!important;line-height:.95!important}.roofwear-manifesto h2 span{color:var(--rw-red)}.roofwear-manifesto h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1.5px #fff}.roofwear-manifesto>b{position:absolute;right:-20px;bottom:-70px;color:#171715;font-family:Impact,sans-serif;font-size:320px;line-height:1;transform:rotate(-8deg)}
.roofwear-story{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:stretch}.roofwear-story__visual{position:relative;min-height:690px;display:flex;align-items:center;padding:50px;overflow:hidden;color:#fff;background:radial-gradient(circle at 76% 26%,rgba(237,56,41,.55),transparent 18%),linear-gradient(145deg,#333,#080808 65%)}.roofwear-story__visual:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(105deg,transparent 0 55px,rgba(255,255,255,.035) 56px 58px);transform:rotate(-8deg)}.roofwear-story__visual span{position:relative;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(80px,9vw,150px);letter-spacing:-.04em;line-height:.74}.roofwear-story__visual i{position:absolute;left:50px;bottom:45px;color:#aaa;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.16em}.roofwear-story__copy{display:flex;flex-direction:column;justify-content:center;padding:25px 0}.roofwear-story h2{margin-bottom:28px!important;color:var(--rw-ink)!important;font-size:clamp(55px,6vw,95px)!important}.roofwear-story__copy>p{max-width:560px;color:#5c5a55;font-size:14px!important;line-height:1.75!important}.roofwear-story__copy .roofwear-lead{color:var(--rw-ink);font-size:19px!important;line-height:1.5!important}.roofwear-steps{margin-top:30px;border-top:1px solid var(--rw-line)}.roofwear-steps>div{display:grid;grid-template-columns:40px 145px 1fr;align-items:center;gap:10px;min-height:65px;border-bottom:1px solid var(--rw-line)}.roofwear-steps b{color:var(--rw-red);font-size:11px}.roofwear-steps span{font-size:10px;font-weight:900;letter-spacing:.08em}.roofwear-steps p{margin:0!important;color:#77756f;font-size:11px!important}
.roofwear-drops{color:#fff;background:#151513}.roofwear-section__head--inverse h2{color:#fff!important}.roofwear-section__head--inverse>p{color:#9e9c95}.roofwear-drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.roofwear-drop{position:relative;min-height:570px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;overflow:hidden}.roofwear-drop--red{background:var(--rw-red)}.roofwear-drop--red:before{content:"KING";position:absolute;top:20px;right:-12px;color:rgba(14,14,12,.13);font-family:Impact,sans-serif;font-size:170px;transform:rotate(90deg) translateX(55%);transform-origin:right top}.roofwear-drop--dark{background:radial-gradient(circle at 72% 30%,rgba(237,56,41,.25),transparent 20%),linear-gradient(145deg,#242422,#080808)}.roofwear-drop small{position:relative;margin-bottom:14px;font-size:9px;font-weight:900;letter-spacing:.16em}.roofwear-drop h3{position:relative;margin:0 0 20px!important;color:#fff!important;font-family:Impact,"Arial Black",sans-serif!important;font-size:clamp(58px,6vw,92px)!important;font-weight:900!important;letter-spacing:-.035em!important;line-height:.83!important}.roofwear-drop p{position:relative;max-width:390px;padding-top:16px;border-top:1px solid rgba(255,255,255,.45);font-size:11px!important;line-height:1.6!important}.roofwear-drop a{position:relative;margin-top:18px;color:#fff!important;font-size:10px;font-weight:900;letter-spacing:.1em}
@media(max-width:920px){.roofwear-products{grid-template-columns:repeat(2,1fr)}.roofwear-story{grid-template-columns:1fr}.roofwear-story__visual{min-height:560px}.roofwear-drop-grid{grid-template-columns:1fr}}
@media(max-width:620px){.roofwear-hero{min-height:700px;height:88vh;align-items:flex-end;padding:110px 20px 75px}.roofwear-hero h1{font-size:clamp(61px,22vw,94px)!important}.roofwear-hero h1 em{-webkit-text-stroke-width:1px}.roofwear-hero__intro{font-size:13px!important}.roofwear-hero__meta{left:20px;right:20px;justify-content:space-between}.roofwear-hero__meta span:nth-child(2){display:none}.roofwear-section{padding:75px 18px}.roofwear-section__head{display:block;margin-bottom:35px}.roofwear-section__head h2{font-size:54px!important}.roofwear-section__head>p{margin-top:18px!important;text-align:left}.roofwear-filters{overflow:auto;scrollbar-width:none}.roofwear-filters button{white-space:nowrap}.roofwear-filters>span{display:none}.roofwear-products{grid-template-columns:1fr 1fr;gap:32px 10px}.roofwear-product__meta{display:block}.roofwear-product__meta h3{font-size:11px!important}.roofwear-product__meta strong{display:block;margin-top:6px;font-size:11px}.roofwear-product__meta span{font-size:9px}.roofwear-product__view{display:none}.roofwear-manifesto{min-height:520px;padding:70px 20px}.roofwear-manifesto h2{font-size:47px!important}.roofwear-manifesto>b{font-size:180px}.roofwear-story{gap:40px}.roofwear-story__visual{min-height:420px;padding:30px}.roofwear-story__visual i{left:30px;bottom:28px}.roofwear-story h2{font-size:55px!important}.roofwear-steps>div{grid-template-columns:28px 112px 1fr}.roofwear-steps p{font-size:9px!important}.roofwear-drop{min-height:500px;padding:22px}.roofwear-drop h3{font-size:62px!important}}
@media(prefers-reduced-motion:reduce){.roofwear-wrap *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}