/* Article title image and accessible inline estimate form. */
.page-hero.blog-photo-hero{position:relative;isolation:isolate;overflow:hidden;padding:64px 24px!important;background:#101214!important;border-bottom:2px solid #bf9238!important;color:#fff}
.blog-hero-image{position:absolute;inset:0;z-index:-3;width:100%;height:100%;max-height:none!important;object-fit:cover;object-position:center}
.blog-hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,10,13,.91),rgba(8,10,13,.78) 45%,rgba(8,10,13,.42)),linear-gradient(0deg,rgba(8,10,13,.65),transparent)}
.page-hero.blog-photo-hero>.blog-photo-hero-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,405px);gap:64px;align-items:center;text-align:left}
.blog-photo-hero-copy{min-width:0;text-align:left}.blog-photo-hero .blog-hero-back{display:inline-block;color:#e8e2d5;font:700 11px/1.4 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;text-decoration:none}
.blog-photo-hero .guide-category{font:800 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.18em;margin:30px 0 16px;color:#efd18c!important}
.page-hero.blog-photo-hero h1{font:900 clamp(1.8rem,3.1vw,3rem)/1.13 Montserrat,Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:0;text-wrap:balance;background:linear-gradient(110deg,#e1af4c,#fff0b8 40%,#efc76f 70%,#cf9b35);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f4cf78!important;text-shadow:none}
.blog-photo-hero .byline{font:500 12px/1.7 Inter,Arial,sans-serif;margin:22px 0 0;color:#ddd8cf!important}.blog-photo-hero .hero-description{font:400 16px/1.8 Inter,Arial,sans-serif;max-width:620px;margin:20px 0 0;color:#e9e6e1!important}.blog-photo-hero .blog-hero-contact{display:inline-block;margin-top:26px;padding-bottom:5px;border-bottom:1px solid #d7b56380;font:700 13px/1.5 Inter,Arial,sans-serif;color:#f3d58f!important;text-decoration:none}
.blog-hero-quote{color:#16191d;background:#fff;border:1px solid #e3c47e;border-top:4px solid #d3a548;border-radius:18px;padding:26px;box-shadow:0 16px 50px #0005;scroll-margin-top:190px;min-width:0;text-align:left}
.blog-hero-quote .blog-quote-eyebrow{font:800 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.18em;color:#7b5a20!important;margin:0 0 8px}.blog-hero-quote h2{font:900 24px/1.2 Montserrat,Arial,sans-serif;letter-spacing:-.03em;text-transform:none;color:#11151b;margin:0 0 10px}.blog-hero-quote .blog-quote-intro{font:400 12px/1.6 Inter,Arial,sans-serif;color:#58616c!important;margin:0 0 18px}
.blog-quote-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.blog-estimate-form label{display:block;font:700 10px/1.5 Inter,Arial,sans-serif;color:#343d48;margin:0 0 5px;letter-spacing:0;text-transform:none}.blog-estimate-form>label{margin-top:12px}.blog-estimate-form label span{font-weight:400;color:#737b85}
.blog-estimate-form input:not([type=hidden]),.blog-estimate-form textarea{box-sizing:border-box;display:block;width:100%;min-width:0;border:1px solid #d6d9dc;background:#fff;border-radius:7px;padding:10px 9px;font:400 13px/1.4 Inter,Arial,sans-serif;color:#18202b;min-height:41px;box-shadow:none;color-scheme:light}.blog-estimate-form textarea{resize:vertical;min-height:64px}.blog-estimate-form input:focus,.blog-estimate-form textarea:focus{outline:2px solid #c19745;outline-offset:2px;border-color:#b38b37}.blog-estimate-form button{display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;width:100%;margin-top:14px;border:1px solid #c89b3f;border-radius:8px;padding:13px 16px;min-height:46px;background:linear-gradient(110deg,#f7d887,#dcaf50);font:800 13px/1.5 Inter,Arial,sans-serif;color:#171a1f;cursor:pointer}.blog-estimate-form button:hover{background:#f6d589}.blog-estimate-form button:disabled{opacity:.7;cursor:wait}.blog-estimate-form button:focus-visible,.blog-photo-hero a:focus-visible{outline:3px solid #b98621;outline-offset:4px}
.blog-estimate-form .blog-form-status{font:600 12px/1.6 Inter,Arial,sans-serif;color:#285e3b!important;margin:10px 0 0}.blog-form-status:empty{display:none}.blog-estimate-form .blog-form-status[data-error=true]{color:#9c2534!important}.blog-estimate-form .blog-quote-call{font:400 11px/1.5 Inter,Arial,sans-serif;color:#646b76!important;margin:14px 0 0;text-align:center}.page-hero .blog-quote-call a{font:800 12px/1.5 Inter,Arial,sans-serif;color:#242930!important;text-decoration:underline;letter-spacing:0;text-transform:none}.blog-form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
@media(max-width:1000px){.page-hero.blog-photo-hero>.blog-photo-hero-inner{gap:30px;grid-template-columns:minmax(0,1fr) minmax(310px,360px)}.page-hero.blog-photo-hero{padding:42px 22px!important}.page-hero.blog-photo-hero h1{font-size:clamp(1.7rem,3.5vw,2.4rem)}}
@media(max-width:760px){.page-hero.blog-photo-hero>.blog-photo-hero-inner{grid-template-columns:1fr;gap:30px;max-width:620px}.page-hero.blog-photo-hero{padding:36px 20px!important}.blog-hero-image{object-position:center top}.blog-hero-overlay{background:linear-gradient(180deg,#080b0fc9,#080b0fe8 55%,#080b0ff5)}.page-hero.blog-photo-hero h1{font-size:clamp(1.7rem,7vw,2.5rem)}.blog-photo-hero .guide-category{margin-top:22px}.blog-photo-hero .hero-description{font-size:15px}.blog-hero-quote{padding:23px;scroll-margin-top:245px}.blog-photo-hero .blog-hero-contact{margin-top:18px}}
@media(max-width:360px){.blog-quote-fields{grid-template-columns:1fr}.blog-hero-quote{padding:20px}}
@media print{.blog-hero-quote,.blog-hero-image,.blog-hero-overlay,.blog-hero-contact{display:none!important}.page-hero.blog-photo-hero{background:#fff!important}.page-hero.blog-photo-hero>.blog-photo-hero-inner{display:block}.page-hero.blog-photo-hero h1{-webkit-text-fill-color:#111!important;background:none!important}.blog-photo-hero .byline,.blog-photo-hero .hero-description{color:#111!important}}

body.blog-quote-in-view .blog-quote-banner{display:none!important}

/* Keep older narrow article wrappers comfortable with the same form. */
.wrap>.blog-photo-hero>.blog-photo-hero-inner{grid-template-columns:1fr;gap:30px}.wrap>.blog-photo-hero .blog-hero-quote{max-width:500px;width:100%}
