.premium-sample{background:#fff}.sample-topline{height:29px;background:#0a2137;color:#cad6df;display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:8px;letter-spacing:.5px}.sample-topline span:last-child{color:#f1a377}.premium-sample header{height:78px;padding:0 34px;border:0;box-shadow:0 3px 16px #071b2f13;position:relative;z-index:2}.premium-sample header>strong{display:flex;align-items:center;gap:9px}.sample-logo{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#ec7d3c,#c94e17);border:3px solid #0a2945;color:#fff!important;display:grid;place-items:center;font:800 11px Manrope}.sample-name{display:block}.sample-name b,.sample-name small{display:block}.sample-name b{font:800 15px Manrope;letter-spacing:1px;color:#0b2944}.sample-name small{font-size:6px;letter-spacing:1.3px;color:#8a959e}.premium-sample header nav{font-size:9px;color:#465766;font-weight:600}.premium-sample header button{background:#e96f2c;padding:11px 16px;box-shadow:0 6px 15px #c956272b}.premium-roof-hero{display:block!important;min-height:440px!important;background:linear-gradient(90deg,rgba(5,22,38,.94) 0%,rgba(7,28,47,.82) 34%,rgba(7,28,47,.2) 64%,rgba(7,28,47,.03) 100%),url('premium-roofing-hero.webp') center/cover no-repeat!important;position:relative}.premium-roof-hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,#071b2f5e);pointer-events:none}.premium-hero-copy{padding:56px 48px!important;max-width:600px;color:#fff;position:relative;z-index:1}.premium-hero-copy>small{font-size:8px!important;letter-spacing:2px!important;color:#f1a377!important}.premium-hero-copy h3{font-size:46px!important;line-height:1.02!important;letter-spacing:-2.4px!important;margin:13px 0!important;color:#fff}.premium-hero-copy h3 em{font-style:normal;color:#f38a4e}.premium-hero-copy>p{font-size:13px!important;line-height:1.55;color:#d1dae2!important;max-width:490px!important}.premium-hero-copy .sample-primary{padding:12px 16px;box-shadow:0 8px 18px #0003}.premium-hero-copy .sample-secondary{color:#fff;border-color:#ffffff70;background:#071b2f44}.hero-rating{display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:8px;align-items:center;margin-top:25px}.hero-rating span{color:#f6aa4e;letter-spacing:1px;font-size:11px}.hero-rating strong{font-size:10px}.hero-rating small{grid-column:2;color:#aebdca;font-size:7px}.premium-sample .sample-proof{height:82px;background:#fff;position:relative;z-index:2;box-shadow:0 -8px 22px #071b2f16}.premium-sample .sample-proof span{padding:0 20px;border-right:1px solid #e1e6e9;color:#75838e}.premium-sample .sample-proof span:last-child{border:0}.premium-sample .sample-proof b{font-size:12px;color:#0b2944;letter-spacing:.3px}
@media(max-width:720px){.sample-topline{display:none}.premium-sample header{height:65px;padding:0 16px}.premium-sample header nav{display:none}.premium-roof-hero{min-height:430px!important;background-position:62% center!important}.premium-hero-copy{padding:45px 24px!important}.premium-hero-copy h3{font-size:38px!important}.premium-sample .sample-proof{height:auto;display:grid;grid-template-columns:1fr 1fr;padding:14px}.premium-sample .sample-proof span{padding:10px}.premium-sample .sample-proof span:nth-child(2){border-right:0}}