/* Extensive Roof Consultants — open photographic homepage, October 2026 */
.erc-home{--ink:#202521;--gold:#d6b777;--paper:#f8f7f2;background:var(--paper);color:var(--ink);font:18px/1.65 Arial,Helvetica,sans-serif}
.erc-home .wrap{width:min(1280px,90%)}
.erc-home h1,.erc-home h2,.erc-home h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.045em;font-weight:700}
.erc-home h2{font-size:clamp(32px,3.8vw,51px);line-height:1.1}
.erc-home p{max-width:70ch}
.erc-home .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.15em;color:#766032;margin:0 0 22px}
.erc-home .preview{background:#111813;color:#e1d6bd;font-size:10px;letter-spacing:.18em;padding:6px}
.erc-home header{background:#202521;border:0}
.erc-home header .wrap{padding:25px 0;gap:35px}
.erc-home .logo{width:280px;height:auto;max-height:none}
.erc-home nav{align-items:center;gap:27px}
.erc-home nav a{font-size:14px;letter-spacing:0}
.erc-home .nav-contact{border:1px solid #a99a79;border-radius:12px;padding:12px 19px;color:#f3e4c4}
.erc-home .button{border-radius:12px;background:var(--gold);color:#20251d;font-size:15px;line-height:1.4;padding:17px 25px;display:inline-flex;align-items:center;gap:26px;margin:0;transition:background .15s ease}
.erc-home .button:hover{background:#ead09d}
.erc-home .roof-opening{background:#202521;color:#fff;padding:28px 0 68px}
.erc-home .roof-intro{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:55px}
.erc-home .roof-copy{padding:25px 0}
.erc-home .roof-copy .eyebrow{color:var(--gold)}
.erc-home h1{font-size:clamp(42px,4.7vw,69px);line-height:1.03;margin:0 0 28px;letter-spacing:-.055em}
.erc-home h1 span{color:#dfc58f}
.erc-home .hero-description{font-size:19px;color:#e0e3da;max-width:37ch;margin:0 0 13px}
.erc-home .hero-detail{font-size:14px;color:#b9c0b6;margin:0 0 30px}
.erc-home .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px}
.erc-home .phone-link{font-size:17px;text-decoration:none;white-space:nowrap}
.erc-home .hero-roof{margin:0;position:relative}
.erc-home .hero-roof img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;object-position:center}
.erc-home .hero-roof figcaption{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#d7ddcf;margin-top:15px}
.erc-home section.content{padding:95px 0}
.erc-home .section-heading{max-width:790px;margin-bottom:45px}
.erc-home .section-heading h2{max-width:650px;margin:0 0 20px}
.erc-home .section-heading>p:last-child{font-size:17px;color:#61665e}
.erc-home .service-list{border-top:1px solid #c8c8bc}
.erc-home .service-row{display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid #c8c8bc;padding:29px 0}
.erc-home .service-row>div{display:grid;grid-template-columns:44px minmax(220px,330px) 1fr;align-items:baseline;gap:18px;flex:1}
.erc-home .service-row h3{font-size:24px;letter-spacing:-.03em;margin:0;line-height:1.2}
.erc-home .service-row h3 a{text-decoration:none}
.erc-home .service-row h3 a:hover{text-decoration:underline}
.erc-home .service-row p{margin:0;font-size:16px;color:#5b6259}
.erc-home .service-row .service-number{font-size:12px;color:#79653b;letter-spacing:.1em}
.erc-home .service-link{font-size:13px;white-space:nowrap;text-underline-offset:6px}
.erc-home .consultant-section{background:#ecebe2}
.erc-home .consultant-grid{display:grid;grid-template-columns:330px 1fr;gap:100px;align-items:center}
.erc-home .portrait{width:100%;max-width:none;margin:0}
.erc-home .consultant-grid h2{margin-bottom:14px}
.erc-home .credential-line{color:#766032;letter-spacing:.16em;font-size:15px;font-weight:bold}
.erc-home .consultant-grid p{max-width:57ch}
.erc-home .badges{gap:24px;margin:25px 0}
.erc-home .badges img{width:85px;height:auto}
.erc-home .text-link{font-size:16px;font-weight:bold}
.erc-home .inspection-process{padding:55px 0;background:var(--paper)}
.erc-home .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}
.erc-home .process-grid>div{border-top:2px solid #b5a073;padding-top:22px}
.erc-home .process-grid span{font-size:12px;color:#766032}
.erc-home .process-grid h3{font-size:22px;margin:12px 0}
.erc-home .process-grid p{font-size:16px;color:#5b6259;margin:0}
.erc-home #exact-photo-layout{padding-top:35px}
.erc-home .project-gallery{gap:28px;margin-top:35px;align-items:start}
.erc-home .project-gallery figure:nth-child(2){padding-top:70px}
.erc-home .project-gallery img{width:100%;height:auto}
.erc-home .project-gallery figcaption{font-size:13px;color:#5b6259;margin-top:14px}
.erc-home .standards{background:#e8e8df;color:#202521;padding:40px 0}
.erc-home .standards>.wrap{display:flex;align-items:center;gap:65px}
.erc-home .standards h2{font-size:26px;white-space:nowrap;margin:0}
.erc-home .marks{flex:1;justify-content:space-around}
.erc-home .marks img{width:130px;max-height:90px;object-fit:contain}
.erc-home .calgary-section{padding-top:85px;background:#202521;color:#fff}
.erc-home .location-title{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-bottom:35px}
.erc-home .location-title .eyebrow{color:#dfc58f;padding-top:10px}
.erc-home .location-title h2{font-size:clamp(30px,3.4vw,46px);margin:0}
.erc-home .skyline-stage img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}
.erc-home #skyline-credit{color:#d8d9cd;margin:0;padding:15px 0!important;font-size:12px!important}
.erc-home #google-reviews{padding:65px 0}
.erc-home #google-reviews h2{font-size:36px;margin-bottom:16px}
.erc-home #google-reviews .button{margin-top:12px}
.erc-home .contact{background:#202521;border:0}
.erc-home .contact h2{font-size:clamp(34px,4vw,55px);max-width:12ch}
.erc-home .contact h3{font-size:34px;letter-spacing:-.03em;margin:0 0 18px}
.erc-home .contact h3 a{text-decoration:none}
.erc-home .contact p{color:#d4d8cf;font-size:16px}
.erc-home .contact .button{margin-top:10px}
.erc-home footer{background:#151b16;padding:30px 0}
.erc-home a:focus-visible{outline:3px solid #af8534;outline-offset:5px}
.erc-home .skip-link{position:absolute;left:16px;top:-100px;background:#fff;color:#111;padding:12px;z-index:10}
.erc-home .skip-link:focus{top:10px}
@media(max-width:1050px){.erc-home .roof-intro{gap:30px}.erc-home .logo{width:235px}.erc-home nav{gap:17px}.erc-home .service-row>div{grid-template-columns:28px 1fr}.erc-home .service-row>div>p:last-child{grid-column:2}.erc-home .consultant-grid{gap:50px;grid-template-columns:280px 1fr}}
@media(max-width:760px){.erc-home header .wrap{align-items:center;padding:22px 0}.erc-home nav{justify-content:center;gap:14px 20px}.erc-home nav a{font-size:13px}.erc-home .nav-contact{padding:10px 14px}.erc-home .roof-intro{grid-template-columns:1fr;gap:20px}.erc-home .roof-opening{padding-top:0;padding-bottom:35px}.erc-home h1{font-size:clamp(44px,8vw,62px)}.erc-home .roof-copy{padding:25px 0 18px}.erc-home .hero-roof img{aspect-ratio:4/3}.erc-home section.content{padding:60px 0}.erc-home .service-row{gap:18px;align-items:start}.erc-home .service-row h3{font-size:22px}.erc-home .service-link{font-size:12px;margin-top:4px}.erc-home .consultant-grid{grid-template-columns:1fr;gap:35px}.erc-home .consultant-photo{max-width:320px}.erc-home .process-grid{grid-template-columns:1fr;gap:26px}.erc-home .project-gallery{grid-template-columns:1fr;gap:35px}.erc-home .project-gallery figure:nth-child(2){padding-top:0}.erc-home .standards>.wrap{display:block}.erc-home .standards h2{margin-bottom:25px}.erc-home .marks img{width:90px}.erc-home .location-title{display:block}.erc-home .calgary-section{padding-top:50px}.erc-home .split{grid-template-columns:1fr;gap:25px}.erc-home .contact h2{max-width:16ch}}
@media(max-width:430px){.erc-home .service-row{display:block}.erc-home .service-link{display:inline-block;margin:16px 0 0 46px}.erc-home .service-row>div{gap:12px;grid-template-columns:34px 1fr}.erc-home .button{padding:15px 20px}.erc-home .marks{gap:18px}}
@media(prefers-reduced-motion:reduce){.erc-home .button{transition:none}}