/* Drew Simonson — ProGuide Inspections member profile. Built from the approved comps
   (firecrackers.fyi/drew_full_page_approved_layout_progress.png, 2000 px = 1000 CSS px @2x; the
   "Why Work With Drew" section follows the second comp with the navy "Experience. Detail. Confidence." panel).
   Palette sampled from the comps: navy #07183c / #001941, gold #a77a3a (hero) / #bb9246 (panel), red #d90831,
   body grey #505f81, dark contact panel #020c17. Type: Lato throughout (closest to the comp's humanist sans).
   Pixel values are measured at the 1000 px comp width; clamp()s keep them from growing past it. */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,700&display=swap');
.fc-drew-simonson{--navy:#07183c;--navy-2:#001941;--ink:#1d2a44;--grey:#505f81;--gold:#a77a3a;--gold-2:#bb9246;--red:#d90831;--red-dark:#b50629;--dark:#020c17;--bg:#f4f6f9;--max:1240px}
.fc-drew-simonson *{box-sizing:border-box}
.fc-drew-simonson{margin:0;background:#fff;color:var(--ink);font:14px/1.4 Lato,Arial,Helvetica,sans-serif}
.fc-drew-simonson h1,.fc-drew-simonson h2,.fc-drew-simonson h3,.fc-drew-simonson p,.fc-drew-simonson ul,.fc-drew-simonson blockquote{margin:0}
.fc-drew-simonson a{color:inherit}
.fc-drew-simonson a:focus-visible,.fc-drew-simonson summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.fc-drew-simonson svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fc-drew-simonson .ds-wrap{max-width:var(--max);margin-inline:auto;padding-inline:clamp(14px,1.5vw,18px)}
.fc-drew-simonson h2{font:900 clamp(22px,2.6vw,27px)/1.1 Lato,Arial,sans-serif;color:var(--navy);letter-spacing:-.01em}
.fc-drew-simonson .ds-h2-rules{display:flex;align-items:center;justify-content:center;gap:16px;text-align:center}
.fc-drew-simonson .ds-h2-rules:before,.fc-drew-simonson .ds-h2-rules:after{content:'';width:34px;height:2px;background:var(--gold)}
.fc-drew-simonson .ds-h2-tail{display:flex;align-items:center;gap:16px}
.fc-drew-simonson .ds-h2-tail:after{content:'';width:34px;height:2px;background:var(--gold)}
.fc-drew-simonson .ds-sub{text-align:center;font-size:13px;line-height:1.35;color:var(--grey);margin:4px 0 14px}
.fc-drew-simonson .ds-sub.ds-left{text-align:left;color:var(--ink)}
.fc-drew-simonson .ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:38px;padding:9px 28px;background:var(--red);color:#fff;border-radius:5px;font:900 13px/1.2 Lato,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .15s,transform .15s}
.fc-drew-simonson .ds-btn:hover{background:var(--red-dark)}
.fc-drew-simonson .ds-btn:active{transform:translateY(1px)}

/* hero — bound the composition to the content width so wide monitors cannot enlarge
   the portrait indefinitely; top alignment preserves headroom. The comp has copy
   baked in, so a light panel sits behind the live text. */
.fc-drew-simonson .ds-hero{max-width:var(--max);margin-inline:auto;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(300px,51.2vw,560px);display:flex;align-items:center;background:#e9eef2}
.fc-drew-simonson .ds-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right top;z-index:-2}
.fc-drew-simonson .ds-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f1f3f5 0%,#f1f3f5 49%,#f1f3f5e6 52%,#f1f3f580 56%,#f1f3f500 61%)}
.fc-drew-simonson .ds-hero-copy{width:100%;padding-block:14px}
.fc-drew-simonson .ds-logo{display:block;width:clamp(170px,22vw,220px);height:auto;margin-left:-6px;mix-blend-mode:multiply}
.fc-drew-simonson .ds-kicker{font:700 11px/1 Lato,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);margin:6px 0 16px}
.fc-drew-simonson .ds-kicker span{color:var(--navy);margin-inline:8px}
.fc-drew-simonson .ds-hero h1{font:900 clamp(30px,3.6vw,36px)/1.05 Lato,Arial,sans-serif;color:var(--navy);letter-spacing:.01em}
.fc-drew-simonson .ds-hero h1 span{display:block;font-size:.58em;font-weight:900;letter-spacing:.02em;margin-top:2px}
.fc-drew-simonson .ds-promise{font:900 clamp(18px,2.2vw,22px)/1.15 Lato,Arial,sans-serif;color:var(--gold);letter-spacing:.015em;margin:8px 0 10px}
.fc-drew-simonson .ds-lede{max-width:400px;font-size:13px;line-height:1.45;color:var(--ink);margin-bottom:22px}
.fc-drew-simonson .ds-hero .ds-btn{min-width:290px}

/* services */
.fc-drew-simonson .ds-services{background:var(--bg);padding-block:16px 14px}
.fc-drew-simonson .ds-cards{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.fc-drew-simonson .ds-cards-4{grid-template-columns:repeat(4,1fr)}
.fc-drew-simonson .ds-cards-6{grid-template-columns:repeat(6,1fr);margin-top:10px}
.fc-drew-simonson .ds-cards li{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px -2px #0a173a1f;transition:transform .15s,box-shadow .15s}
.fc-drew-simonson .ds-cards li:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px #0a173a40}
.fc-drew-simonson .ds-cards img{display:block;width:100%;height:auto;aspect-ratio:450/234;object-fit:cover}
.fc-drew-simonson .ds-cards-6 img{aspect-ratio:300/194}
.fc-drew-simonson .ds-cards li>div{padding:10px 14px 14px}
.fc-drew-simonson .ds-cards-6 li>div{padding:9px 10px 12px}
.fc-drew-simonson .ds-cards h3{display:flex;align-items:center;gap:10px;font:700 14px/1.15 Lato,Arial,sans-serif;color:var(--navy);margin-bottom:6px}
.fc-drew-simonson .ds-cards-6 h3{font-size:12px;gap:8px;margin-bottom:5px}
.fc-drew-simonson .ds-disc{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--navy-2);color:#fff}
.fc-drew-simonson .ds-disc svg{width:18px;height:18px}
.fc-drew-simonson .ds-cards-6 .ds-disc{width:30px;height:30px}
.fc-drew-simonson .ds-cards-6 .ds-disc svg{width:16px;height:16px}
.fc-drew-simonson .ds-cards p{font-size:13px;line-height:1.3;color:var(--grey)}
.fc-drew-simonson .ds-cards-6 p{font-size:11.5px;line-height:1.25}

/* why work with drew — second comp: navy panel + copy */
.fc-drew-simonson .ds-why{display:grid;grid-template-columns:43.4% 1fr;background:#fff}
.fc-drew-simonson .ds-approach{position:relative;overflow:hidden;background:#0e294b;color:#fff;padding:clamp(20px,3.6vw,44px) clamp(22px,4.5vw,46px) clamp(18px,3vw,30px);display:flex;flex-direction:column;justify-content:center}
.fc-drew-simonson .ds-approach:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#0e294b 0%,#143460 45%,#0b2244 100%)}
.fc-drew-simonson .ds-approach:after{content:'';position:absolute;inset:-40%;background:repeating-linear-gradient(112deg,#ffffff0d 0 1px,transparent 1px 110px)}
.fc-drew-simonson .ds-approach>*{position:relative;z-index:1}
.fc-drew-simonson .ds-gold-bar{display:block;width:46px;height:3px;background:var(--gold-2);margin-bottom:22px}
.fc-drew-simonson .ds-approach-words{font:900 clamp(24px,3.3vw,34px)/1.25 Lato,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.fc-drew-simonson .ds-approach-tag{font:700 clamp(12px,1.5vw,16px)/1.2 Lato,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}
.fc-drew-simonson .ds-why-copy{padding:clamp(10px,1.4vw,16px) clamp(16px,3vw,40px) clamp(10px,1.4vw,16px) clamp(16px,2.6vw,32px);align-self:center}
.fc-drew-simonson .ds-why-copy h2{font-size:clamp(21px,2.4vw,24px);margin-bottom:5px}
.fc-drew-simonson .ds-why-copy .ds-sub{font-size:12px;line-height:1.3;margin:0 0 10px}
.fc-drew-simonson .ds-features{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}
.fc-drew-simonson .ds-features li{display:flex;gap:12px;align-items:flex-start}
.fc-drew-simonson .ds-red-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:32px;height:32px;color:var(--red)}
.fc-drew-simonson .ds-red-icon svg{width:28px;height:28px;stroke-width:2.2}
.fc-drew-simonson .ds-features h3{font:700 12.5px/1.2 Lato,Arial,sans-serif;color:var(--navy);margin-bottom:1px}
.fc-drew-simonson .ds-features p{font-size:11.5px;line-height:1.25;color:var(--grey)}

/* why bni — the comp's mountain backdrop has its cards baked in, so the site's golden-hour Boise photo stands in */
.fc-drew-simonson .ds-bni{position:relative;isolation:isolate;padding-block:10px 14px;background:#fff url(/wp-content/themes/firecrackers/assets/drew-simonson/bni-bg.webp) center 40%/cover no-repeat}
.fc-drew-simonson .ds-bni:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#fff 0,#fff 62px,#ffffff00 150px)}
.fc-drew-simonson .ds-bni .ds-sub{color:var(--ink);max-width:640px;margin-inline:auto;margin-bottom:12px}
.fc-drew-simonson .ds-reasons{list-style:none;padding:0;margin:0 clamp(0px,3vw,30px);display:grid;grid-template-columns:repeat(5,1fr);gap:10px;text-align:center}
.fc-drew-simonson .ds-reasons li{background:#fffffff2;border-radius:4px;padding:10px 9px 10px;box-shadow:0 2px 10px -4px #0a173a33}
.fc-drew-simonson .ds-gold-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--gold);margin-bottom:4px}
.fc-drew-simonson .ds-gold-icon svg{width:32px;height:32px;stroke-width:2.2}
.fc-drew-simonson .ds-reasons h3{font:900 13.5px/1.15 Lato,Arial,sans-serif;color:var(--navy);margin-bottom:4px}
.fc-drew-simonson .ds-reasons p{font-size:12px;line-height:1.25;color:var(--grey)}
.fc-drew-simonson .ds-quote{position:relative;margin:10px clamp(0px,3vw,30px) 0;background:#fffffff5;border-radius:4px;padding:14px 30px 12px 92px;box-shadow:0 2px 10px -4px #0a173a33;text-align:center}
.fc-drew-simonson .ds-quote:before{content:'“';position:absolute;left:30px;top:2px;font:900 72px/1 Georgia,serif;color:var(--gold)}
.fc-drew-simonson .ds-quote p{font:italic 700 13px/1.4 Lato,Arial,sans-serif;color:var(--navy);margin-bottom:4px}
.fc-drew-simonson .ds-quote cite{font:400 11px/1.2 Lato,Arial,sans-serif;font-style:normal;color:var(--grey)}

/* faq + contact */
.fc-drew-simonson .ds-faq-contact{padding-block:12px 0}
.fc-drew-simonson .ds-faq-grid{display:grid;grid-template-columns:490fr 450fr;gap:clamp(16px,2vw,24px);align-items:stretch;padding-inline:clamp(14px,3vw,45px)}
.fc-drew-simonson .ds-faq{padding-block:4px 12px}
.fc-drew-simonson .ds-faq h2{margin-bottom:4px}
.fc-drew-simonson .ds-faq .ds-sub{font-size:12px;margin:0 0 8px}
.fc-drew-simonson .ds-faq details{background:#fbfbfb;border:1px solid #e8ebf0;border-radius:3px;margin-top:3px}
.fc-drew-simonson .ds-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:4px 12px;font:700 12.5px/1.3 Lato,Arial,sans-serif;color:var(--navy);cursor:pointer}
.fc-drew-simonson .ds-faq summary::-webkit-details-marker{display:none}
.fc-drew-simonson .ds-faq summary:after{content:'+';flex:0 0 auto;font:900 18px/1 Lato,Arial,sans-serif;color:var(--red);transition:transform .15s}
.fc-drew-simonson .ds-faq details[open] summary:after{transform:rotate(45deg)}
.fc-drew-simonson .ds-faq details p{padding:0 12px 10px;font-size:13px;line-height:1.4;color:var(--ink)}
.fc-drew-simonson .ds-faq details p a{color:var(--red);font-weight:700}
.fc-drew-simonson .ds-contact{position:relative;isolation:isolate;overflow:hidden;background:var(--dark);color:#fff;border-radius:4px 4px 0 0}
.fc-drew-simonson .ds-contact-photo{position:absolute;right:0;top:0;height:100%;width:42%;object-fit:cover;object-position:left center;z-index:-2}
.fc-drew-simonson .ds-contact:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--dark) 0%,var(--dark) 56%,#020c17e6 64%,#020c1766 100%)}
.fc-drew-simonson .ds-contact-inner{padding:20px 26px 18px;max-width:70%}
.fc-drew-simonson .ds-contact h2{display:block;color:#fff;font-size:clamp(19px,2.1vw,21px);margin-bottom:6px}
.fc-drew-simonson .ds-contact h2:after{display:inline-block;vertical-align:middle;margin-left:14px}
.fc-drew-simonson .ds-contact p{font-size:12px;line-height:1.35;margin-bottom:10px}
.fc-drew-simonson .ds-contact .ds-btn{min-height:32px;padding:6px 22px;margin-bottom:10px}
.fc-drew-simonson .ds-contact-list{list-style:none;padding:0;display:grid;grid-template-columns:auto auto;gap:7px 18px;font-size:11.5px;line-height:1.3}
.fc-drew-simonson .ds-contact-list li{display:flex;gap:9px;align-items:flex-start}
.fc-drew-simonson .ds-contact-list svg{flex:0 0 auto;width:16px;height:16px;margin-top:1px}
.fc-drew-simonson .ds-contact-list a{text-decoration:none}
.fc-drew-simonson .ds-contact-list a:hover{text-decoration:underline}

@media(max-width:900px){
.fc-drew-simonson .ds-cards-4{grid-template-columns:repeat(2,1fr)}
.fc-drew-simonson .ds-cards-6{grid-template-columns:repeat(3,1fr)}
.fc-drew-simonson .ds-reasons{grid-template-columns:repeat(3,1fr)}
.fc-drew-simonson .ds-reasons li:nth-child(n+4){grid-column:span 1}
.fc-drew-simonson .ds-faq-grid{grid-template-columns:1fr}
.fc-drew-simonson .ds-contact{border-radius:4px;margin-bottom:14px}
.fc-drew-simonson .ds-contact-list{grid-template-columns:1fr}
}
@media(max-width:760px){
.fc-drew-simonson{font-size:15px}
.fc-drew-simonson .ds-hero{min-height:0;display:block;background:#f5f7f9}
.fc-drew-simonson .ds-hero-photo{position:static;width:100%;height:auto;aspect-ratio:1/1;display:block;object-position:100% top}
.fc-drew-simonson .ds-hero:after{display:none}
.fc-drew-simonson .ds-hero-copy{padding-block:18px 24px}
.fc-drew-simonson .ds-lede{max-width:none;font-size:15px}
.fc-drew-simonson .ds-hero .ds-btn{min-width:0;width:100%}
.fc-drew-simonson .ds-cards-4,.fc-drew-simonson .ds-cards-6{grid-template-columns:1fr 1fr}
.fc-drew-simonson .ds-cards-6 h3{font-size:13px}
.fc-drew-simonson .ds-cards p,.fc-drew-simonson .ds-cards-6 p,.fc-drew-simonson .ds-features p,.fc-drew-simonson .ds-reasons p{font-size:14px}
.fc-drew-simonson .ds-why{grid-template-columns:1fr}
.fc-drew-simonson .ds-approach{min-height:200px}
.fc-drew-simonson .ds-features{grid-template-columns:1fr}
.fc-drew-simonson .ds-reasons{grid-template-columns:1fr 1fr;margin-inline:0}
.fc-drew-simonson .ds-reasons li:last-child{grid-column:span 2}
.fc-drew-simonson .ds-quote{margin-inline:0;padding:14px 16px 12px 56px;text-align:left}
.fc-drew-simonson .ds-quote:before{left:12px;font-size:56px}
.fc-drew-simonson .ds-quote p{font-size:14px}
.fc-drew-simonson .ds-faq-grid{padding-inline:clamp(14px,1.5vw,18px)}
.fc-drew-simonson .ds-faq summary{font-size:14px}
.fc-drew-simonson .ds-contact-photo{display:none}
.fc-drew-simonson .ds-contact:after{display:none}
.fc-drew-simonson .ds-contact-inner{max-width:none;padding:22px 18px}
.fc-drew-simonson .ds-contact p,.fc-drew-simonson .ds-contact-list{font-size:14px}
}