/* Arnold Roof Services — premium editorial website */
:root{--dark:#161618;--night:#101113;--red:#991a22;--red-bright:#b1232a;--ink:#181719;--cream:#f5f1ea;--white:#fff;--muted:#65636a;--line:#ddd9d2;--max:1390px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 128px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.065em;line-height:1.02}h2{font-weight:900}h2 em,h1 em{font-style:normal;color:var(--red)}.site-header{height:99px;width:100%;position:absolute;top:34px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(64px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(255,255,255,.17)}.brand img{width:208px;height:83px;object-fit:contain}.nav{display:flex;align-items:center;gap:34px;color:white;font-size:13px;font-weight:700}.nav a:not(.nav-cta){transition:color .2s}.nav a:hover{color:#edb4b5}.nav-cta{background:var(--red);color:#fff;padding:15px 20px;border-radius:2px}.nav-cta span{padding-left:20px}.menu-toggle{display:none}.hero{min-height:750px;height:min(860px,92vh);background:var(--night);position:relative;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url('assets/hero.webp');background-repeat:no-repeat;background-size:cover;background-position:center 45%;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,12,.97) 0%,rgba(9,10,12,.88) 24%,rgba(9,10,12,.61) 48%,rgba(9,10,12,.1) 78%),linear-gradient(0deg,rgba(4,4,5,.45),transparent 28%)}.hero-inner{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding-top:76px}.hero-content{max-width:860px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--red);font-weight:900;display:flex;align-items:center;gap:13px;margin-bottom:33px}.eyebrow>span{width:38px;height:2px;background:currentColor;flex-shrink:0}.eyebrow.light{color:#e5b2b4}.hero h1{font-size:clamp(58px,6.6vw,107px);margin-bottom:26px;font-weight:900}.hero h1 em{color:#f0eded}.hero p{font-size:19px;line-height:1.78;max-width:675px;color:#eeeae8;margin-bottom:36px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.btn{min-height:57px;display:inline-flex;gap:40px;align-items:center;justify-content:space-between;padding:15px 24px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red-bright);color:#fff}.btn-glass{background:rgba(15,15,16,.35);border:1px solid #fff;color:#fff}.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:1;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;padding:19px max(64px,calc((100vw - var(--max))/2));font-size:10px;font-weight:900;letter-spacing:.16em;color:#eee}.numbers{background:#fff;border-bottom:1px solid #eee}.numbers-inner{display:grid;grid-template-columns:repeat(3,1fr)}.numbers-inner>div{display:flex;align-items:center;gap:18px;padding:35px 30px 35px 0;border-right:1px solid #eee}.numbers-inner>div:nth-child(n+2){padding-left:45px}.numbers-inner>div:last-child{border:0}.numbers b{font-size:55px;letter-spacing:-.08em;line-height:1;color:var(--red)}.numbers span{font-size:11px;font-weight:900;line-height:1.55;letter-spacing:.13em}.section{padding:127px 0}.section-ivory{background:var(--cream)}.section-light{background:#fff}.section-dark{background:var(--night);color:#fff}.section-red{background:#80151d;color:#fff}.split-grid{display:grid;grid-template-columns:54% 46%;gap:0}.statement{padding-right:80px}.statement h2{font-size:clamp(55px,5.3vw,90px);margin-bottom:0}.explain{padding:59px 2% 0 12%;border-left:1px solid var(--line)}.explain p,.heritage-copy>p{font-size:16px;line-height:1.9;color:#64616a}.explain p.lead,.heritage-copy p.lead{font-size:22px;font-weight:700;line-height:1.5;color:var(--ink);margin-bottom:24px}.text-link{display:inline-flex;gap:60px;border-bottom:2px solid var(--red);padding:0 0 10px;font-weight:800;font-size:14px;margin-top:23px}.text-link span{color:var(--red)}.section-dark .statement h2 em{color:#c73a40}.section-dark .explain{border-left-color:#333439}.statement-note{margin-top:25px;font-size:16px;line-height:1.75;color:#b8b5b7;max-width:410px}.steps{padding-left:10%;border-left:1px solid #333439}.step{display:grid;grid-template-columns:51px 1fr;gap:25px;padding:23px 0 27px;border-bottom:1px solid #3d3d42}.step:first-child{padding-top:0}.step:last-child{border-bottom:0;padding-bottom:0}.step>span{color:#e9b5b8;border:1px solid #853239;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.step h3{font-size:23px;letter-spacing:-.04em;margin:3px 0 10px}.step p{color:#c7c5c6;line-height:1.75;font-size:14px;margin:0}.services-intro,.work-intro,.reviews-intro{margin-bottom:56px}.services-intro .explain,.work-intro .explain,.reviews-intro .explain{padding-top:30px}.service-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px}.service{height:340px;display:block;position:relative;overflow:hidden;background:#777}.service-large{height:340px}.service img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.service:hover img{transform:scale(1.04)}.service-overlay{position:absolute;inset:0;padding:23px;background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,transparent 68%);display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.service-overlay span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#e8c0c0}.service-overlay h3{font-size:27px;letter-spacing:-.04em;line-height:1.14;margin:12px 0 0}.service-overlay b{position:absolute;right:23px;bottom:26px;font-weight:400;font-size:27px}.service-more{margin-top:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-more a{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #c9c5c1;font-size:13px;font-weight:800}.service-more span{color:var(--red)}.section-red .eyebrow{color:#f9c5c7}.section-red .eyebrow span{background:#f9c5c7}.section-red h2 em{color:#f6ddd9}.section-red .explain{border-left:1px solid rgba(255,255,255,.3)}.section-red .explain p,.section-red .explain .lead{color:#fff}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery figure{margin:0}.gallery img{height:245px;width:100%;object-fit:cover}.gallery figcaption{display:flex;flex-direction:column;padding-top:12px;gap:4px}.gallery figcaption strong{font-size:13px}.gallery figcaption span{font-size:12px;color:#757173}.local-areas{font-size:11px;font-weight:900;line-height:2;letter-spacing:.1em;margin-top:29px}.local-areas b{color:var(--red);margin:0 9px}.section-dark .explain p{color:#c3bfc1}.section-dark .explain p.lead{color:white}.review-warning{border-left:3px solid #bc8c8e;padding-left:13px;font-size:12px!important;color:#efc3c3!important}.review-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card{border:1px solid #39393e;padding:27px;display:flex;flex-direction:column;min-height:252px;background:#19191c}.sample-tag{font-size:9px;font-weight:900;letter-spacing:.07em;color:#dfa8aa}.review-card p{margin:20px 0 auto;line-height:1.72;font-size:14px;color:#f4f0f1}.review-card footer{font-size:13px;font-weight:800;padding-top:20px;margin-top:19px;border-top:1px solid #39393e}.review-card footer span{color:#98949a;font-size:11px;font-weight:500}.platforms{margin-top:34px;border-top:1px solid #39393e;padding-top:29px;display:flex;align-items:center;justify-content:space-between;gap:30px}.platforms>div:first-child{max-width:450px}.platforms span{font-size:12px;font-weight:800}.platforms p{color:#aeadb0;font-size:12px;margin:7px 0 0;line-height:1.6}.platform-logos{display:flex;align-items:center;gap:12px}.platform-logos img{width:145px;height:55px;object-fit:contain;background:white;padding:7px}.heritage-layout{display:grid;grid-template-columns:47% 53%;gap:0}.heritage-photo{position:relative;min-height:520px}.heritage-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.heritage-photo-label{position:absolute;left:0;bottom:0;background:var(--red);color:white;font-size:10px;font-weight:900;letter-spacing:.15em;padding:21px 26px}.heritage-copy{padding:50px 0 45px 13%}.heritage-copy h2{font-size:clamp(48px,4.8vw,77px);margin-bottom:30px}.contact-section{background:#151517;color:white}.contact-layout>.statement h2{font-size:clamp(58px,5.2vw,89px)}.contact-layout>.statement h2 em{color:#d7535a}.contact-layout>.statement>p{line-height:1.8;color:#cfcacc;font-size:17px;margin:30px 0 35px;max-width:450px}.contact-phone{font-size:clamp(29px,3vw,46px);font-weight:900;letter-spacing:-.05em;display:inline-flex;align-items:center;gap:30px;border-bottom:2px solid #c6424b;padding-bottom:10px}.contact-phone span{color:#cf444d;font-size:26px}.contact-address{font-size:12px;color:#bdb5ba;letter-spacing:.08em;margin-top:24px;text-transform:uppercase}.contact-form{border:1px solid #4c484c;padding:32px;min-height:460px}.contact-form h3{font-size:24px;letter-spacing:-.04em}.contact-form>p{font-size:14px;color:#c9c4c7}.site-footer{background:#101012;color:#fff}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding-top:70px;padding-bottom:64px}.footer-main img{width:200px;height:auto}.footer-main p{max-width:290px;font-size:13px;color:#b9b7b8;line-height:1.8}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:13px;color:#cdcacd}.footer-main strong{margin-bottom:15px;color:white}.footer-bottom{border-top:1px solid #363437;padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;font-size:11px;color:#b5b2b4}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.site-header{padding:0 36px}.hero-bottom{padding-left:36px;padding-right:36px}.nav{gap:17px}.split-grid{grid-template-columns:52% 48%}.statement{padding-right:35px}.explain{padding-left:7%}.statement h2{font-size:clamp(48px,6vw,75px)}.numbers-inner>div:nth-child(n+2){padding-left:24px}.service-more{grid-template-columns:repeat(2,1fr)}.review-list{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:260px}}
@media(max-width:740px){html{scroll-padding-top:70px}.container{width:calc(100% - 40px)}.site-header{position:absolute;top:29px;padding:0 20px;height:78px}.brand img{width:154px;height:65px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:0;padding:10px;z-index:2}.menu-toggle i{height:2px;width:27px;background:#fff}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#151517;border-top:1px solid #454345;flex-direction:column;align-items:stretch;padding:18px 25px 25px;gap:0}.nav.is-open{display:flex}.nav a{padding:13px 6px}.nav .nav-cta{margin-top:11px;padding:14px}.hero{height:auto;min-height:720px}.hero-photo{background-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(7,8,10,.96) 0%,rgba(7,8,10,.78) 55%,rgba(7,8,10,.35)),linear-gradient(0deg,rgba(0,0,0,.6),transparent 20%)}.hero-inner{padding:185px 0 140px;align-items:flex-start}.hero h1{font-size:clamp(52px,11.8vw,80px);line-height:1.03}.hero p{font-size:16px;line-height:1.75}.eyebrow{font-size:10px;line-height:1.6;margin-bottom:22px}.hero-actions{flex-direction:column;align-items:stretch}.btn{justify-content:space-between}.hero-bottom{padding:16px 20px}.hero-bottom span:nth-child(2){display:none}.numbers-inner{grid-template-columns:repeat(3,1fr)}.numbers-inner>div,.numbers-inner>div:nth-child(n+2){padding:20px 9px;flex-direction:column;gap:8px;text-align:center}.numbers b{font-size:38px}.numbers span{font-size:9px;letter-spacing:.05em}.section{padding:70px 0}.split-grid{display:block}.statement{padding:0}.statement h2{font-size:clamp(50px,10.5vw,75px)}.explain{border-left:0!important;border-top:1px solid var(--line);margin-top:32px;padding:24px 0 0}.explain p.lead{font-size:20px}.explain p{font-size:15px}.section-dark .explain{border-top-color:#414046}.steps{border-left:0;border-top:1px solid #414046;margin-top:30px;padding:30px 0 0}.step{grid-template-columns:38px 1fr;gap:17px}.step>span{width:36px;height:36px;font-size:10px}.step h3{font-size:20px}.services-intro,.work-intro,.reviews-intro{margin-bottom:34px}.service-grid{grid-template-columns:1fr 1fr;gap:11px}.service{height:245px}.service-large{grid-column:1/-1;height:300px}.service-overlay{padding:16px}.service-overlay h3{font-size:22px}.service-overlay b{right:15px;bottom:16px}.service-more{gap:0 20px}.gallery{gap:18px 10px}.gallery img{height:200px}.section-red .explain{border-top-color:rgba(255,255,255,.35)}.review-list{grid-template-columns:1fr}.review-card{min-height:0}.platforms{flex-direction:column;align-items:start}.platform-logos{flex-wrap:wrap}.heritage-layout{display:flex;flex-direction:column}.heritage-photo{min-height:390px}.heritage-copy{padding:40px 0 0}.heritage-copy h2{font-size:55px}.contact-layout>.statement h2{font-size:60px}.contact-form{margin-top:38px;padding:22px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 15px;padding:50px 0}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{gap:30px;line-height:1.4}}
@media(max-width:420px){.hero h1{font-size:51px}.service-grid{grid-template-columns:1fr}.service,.service-large{grid-column:1;height:230px}.gallery img{height:168px}.service-more{grid-template-columns:1fr}.contact-layout>.statement h2{font-size:54px}.heritage-copy h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.header-phone{font-size:13px;font-weight:900;white-space:nowrap;color:#fff;margin:0 24px 0 auto;letter-spacing:.01em}
@media(max-width:1100px){.header-phone{margin-right:16px}.nav{gap:13px;font-size:12px}}
@media(max-width:740px){.header-phone{font-size:11px;margin:0 8px 0 auto;letter-spacing:-.02em}.menu-toggle{margin-left:2px;padding:9px}}
@media(max-width:370px){.brand img{width:128px}.header-phone{font-size:10px}}