/* Service Areas page: isolated styles; existing approved pages unchanged. */
.service-areas-page{background:#fff;color:#071e23}
.service-header{background:#042a2f;position:relative;z-index:30}
.service-header .site-nav a{color:#fff}
.areas-hero{min-height:320px;position:relative;display:flex;align-items:center;background-color:#09272b;background-image:url("assets/service-areas-warehouse-hero.webp"),url("assets/01-hero-union-station.png");background-size:cover;background-position:center 52%;color:#fff;overflow:hidden}
.areas-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,30,35,.98) 0%,rgba(2,30,35,.93) 23%,rgba(2,30,35,.70) 42%,rgba(2,30,35,.12) 75%,rgba(2,30,35,0) 100%)}
.areas-hero-inner{position:relative;z-index:1;width:min(100%,1500px);margin:auto;padding:35px clamp(24px,4.5vw,76px)}
.areas-kicker{display:flex;align-items:center;gap:14px;color:#65ef50;text-transform:uppercase;font-size:17px;font-weight:900;letter-spacing:.5px;margin:0 0 12px}
.areas-kicker span{height:2px;background:#65ef50;width:150px;max-width:20vw}
.areas-hero h1{max-width:860px;font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(40px,3.9vw,67px);line-height:.98;letter-spacing:-1.3px;margin:0;font-weight:900}
.areas-hero h1 em,.areas-reach h2 em{color:#65ef50;font-style:normal}
.areas-hero-inner>p:last-child{max-width:680px;font-size:clamp(15px,1.12vw,19px);line-height:1.45;margin:18px 0 0}
.areas-services{max-width:1530px;margin:auto;padding:24px clamp(20px,3.5vw,55px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.areas-card,.areas-location{background:#f0f3f3;border-radius:18px;padding:26px 30px}
.areas-card-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;min-height:66px}
.areas-card-head p{color:#328e18;text-transform:uppercase;font-weight:900;font-size:20px;margin:0 0 3px}
.areas-card h2,.areas-location h2{font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(22px,1.55vw,27px);line-height:1.06;margin:0;font-weight:900}
.areas-card>p{font-size:clamp(15px,1.08vw,18px);line-height:1.4;margin:18px 0 0}
.areas-lower{max-width:1530px;margin:0 auto;padding:0 clamp(20px,3.5vw,55px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.areas-reach{grid-column:span 2;min-height:230px;border-radius:18px;overflow:hidden;background:#003239;display:grid;grid-template-columns:32% 1fr;color:#fff}
.areas-reach-photo{background:#102e32 url("assets/Roasterie%20Sunset%20with%20Iconic%20DC-3.png") center/contain no-repeat;min-height:220px}
.areas-reach-copy{padding:25px 25px 24px 8px}
.areas-reach .areas-kicker{font-size:16px;margin-bottom:8px}
.areas-reach h2{font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(24px,2.2vw,37px);line-height:1.05;margin:0;font-weight:900}
.areas-reach-copy>p:last-child{font-size:clamp(14px,1vw,17px);line-height:1.35;margin:11px 0 0}
.areas-location{display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.areas-location-head{display:flex;align-items:flex-start;gap:18px}
.areas-location-head>span{font-size:46px;color:#329a12;line-height:1}
.areas-location address{font-style:normal;font-size:16px;line-height:1.4;margin-top:9px}
.areas-location p{font-size:15px;margin:10px 0 0}
.areas-location a{align-self:center;display:block;text-align:center;min-width:min(100%,280px);padding:11px 18px;border:2px solid #329a12;border-radius:10px;color:#061c21;text-decoration:none;font-weight:800}
.areas-action{text-align:center;padding:28px 22px 36px}
.areas-action h2{font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(25px,2vw,35px);margin:0}
.areas-action p{margin:9px auto 20px;max-width:600px;font-size:16px;line-height:1.4}
.areas-action a{display:inline-flex;align-items:center;gap:15px;justify-content:center;background:#319d0d;color:white;border-radius:12px;padding:18px 30px;font-weight:900;text-decoration:none;font-size:18px}
.areas-action a:hover,.areas-location a:hover{filter:brightness(1.07)}
.areas-footer{background:#061c21;color:#d4e0e1;padding:22px;text-align:center;font-size:13px}
.areas-footer a{color:#fff;text-underline-offset:3px}
@media(max-width:980px){.areas-services{grid-template-columns:1fr 1fr}.areas-card:last-child{grid-column:1/-1}.areas-lower{grid-template-columns:1fr}.areas-reach{grid-column:auto}.areas-hero{min-height:400px}.areas-hero h1{max-width:670px}}
@media(max-width:760px){.service-header{height:85px;padding-inline:16px;display:flex;justify-content:center}.service-header .brand{width:min(245px,calc(100vw - 105px));margin:0 auto;transform:translateX(-16px)}.service-header .menu-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.areas-hero{min-height:520px;align-items:flex-start;background-position:65% center}.areas-hero-overlay{background:linear-gradient(180deg,rgba(2,30,35,.95) 0%,rgba(2,30,35,.85) 44%,rgba(2,30,35,.12) 100%)}.areas-hero-inner{padding:40px 23px}.areas-hero h1{font-size:clamp(37px,9vw,56px)}.areas-hero h1 br{display:none}.areas-services{grid-template-columns:1fr;padding:18px;gap:14px}.areas-card:last-child{grid-column:auto}.areas-card{padding:22px}.areas-lower{padding:0 18px;gap:14px}.areas-reach{display:block}.areas-reach-photo{height:145px;min-height:0}.areas-reach-copy{padding:20px}.areas-location{padding:23px}.areas-action{padding:30px 22px 38px}.areas-action a{font-size:16px}.areas-footer span{display:none}}
@media(max-width:390px){.areas-card-head p{font-size:17px}.areas-card h2{font-size:21px}}

/* Metro coverage: concise, readable location information for customers and search engines. */
.areas-communities{max-width:1420px;margin:0 auto 24px;padding:20px clamp(20px,3.5vw,55px) 22px}
.areas-communities h2{font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(25px,2.1vw,34px);line-height:1.1;margin:0 0 10px}
.areas-communities>p{font-size:16px;line-height:1.5;margin:0 0 16px}
.areas-community-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.areas-community-columns>div{border-left:3px solid #329a12;padding-left:16px}
.areas-community-columns h3{font-family:"Roboto Condensed",Arial,sans-serif;font-size:20px;margin:0 0 6px}
.areas-community-columns p{font-size:15px;line-height:1.65;margin:0}
.areas-communities .areas-communities-note{font-size:14px;margin:16px 0 0;color:#354c50}
.areas-communities a{color:#176b1b;text-underline-offset:3px}
@media(max-width:760px){.areas-communities{padding:20px 18px}.areas-community-columns{grid-template-columns:1fr;gap:16px}}

/* Service area FAQ: lightweight, accessible disclosure controls. */
.areas-faq{max-width:1420px;margin:22px auto 8px;padding:0 clamp(20px,3.5vw,55px)}
.areas-faq h2{font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(25px,2.1vw,34px);margin:0 0 14px}
.areas-faq details{border-top:1px solid #d8e1e1;padding:15px 0}
.areas-faq details:last-child{border-bottom:1px solid #d8e1e1}
.areas-faq summary{cursor:pointer;font-size:17px;font-weight:800;line-height:1.4}
.areas-faq details p{font-size:15px;line-height:1.6;max-width:950px;margin:10px 0 3px}
.areas-faq a{color:#176b1b;text-underline-offset:3px}
@media(max-width:760px){.areas-faq{padding:0 18px}.areas-faq summary{font-size:16px}}

/* Two-card metro service area presentation. */
.areas-communities{max-width:1530px;margin:0 auto 24px;padding:25px clamp(20px,3.5vw,55px) 20px}
.areas-communities-heading{margin-bottom:18px}
.areas-community-kicker{font-size:13px!important;letter-spacing:1.1px;text-transform:uppercase;font-weight:900;color:#328e18;margin:0 0 8px!important}
.areas-communities-heading h2{font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(27px,2.2vw,36px);line-height:1.12;margin:0 0 9px}
.areas-communities-heading>p:last-child{font-size:16px;line-height:1.5;margin:0;max-width:850px}
.areas-community-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.areas-community-card{background:#f0f3f3;border-radius:18px;padding:23px 28px;min-width:0}
.areas-community-card h3{font-family:"Roboto Condensed",Arial,sans-serif;font-size:24px;line-height:1.1;margin:0 0 13px;padding-bottom:12px;border-bottom:1px solid #d4dede;display:flex;align-items:center;gap:9px}
.areas-community-card h3 span{font-size:27px;color:#329a12;line-height:1}
.areas-community-card p{font-size:15px;line-height:1.75;margin:0}
.areas-communities-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:15px}
.areas-communities-foot p{font-size:14px;color:#354c50;margin:0}
.areas-communities-foot a{color:#176b1b;font-size:15px;font-weight:800;text-decoration:none;white-space:nowrap}
.areas-communities-foot a:hover{text-decoration:underline}
@media(max-width:760px){.areas-communities{padding:20px 18px}.areas-community-columns{grid-template-columns:1fr;gap:14px}.areas-community-card{padding:21px 22px}.areas-communities-foot{align-items:flex-start;flex-direction:column}}