.why-hero{position:relative;overflow:hidden;padding:clamp(62px,8vw,102px) 0 66px;background:radial-gradient(ellipse at 78% 10%,rgba(198,165,96,.14),transparent 43%),linear-gradient(180deg,#0d0d0e,#080809);border-bottom:1px solid #ffffff16}
.why-hero-inner{max-width:1320px}
.why-eyebrow{margin:0 0 15px;color:#c9b577;font:800 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.why-hero h1{max-width:900px;margin:0;color:#f5f4f0;font:700 clamp(54px,8.6vw,112px)/.88 Barlow,"Arial Narrow",Arial,sans-serif;letter-spacing:-.035em}
.why-hero h1 span{color:#c9c7c1}
.why-hero-copy{max-width:650px;margin:24px 0 25px;color:#d0cfcb;font:400 17px/1.7 Manrope,Arial,sans-serif}
.why-services-section{padding:72px 0 88px;background:#eeeae1;color:#191a1b}
.why-services-section .wrap,.why-cta .wrap{max-width:1320px}
.why-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:end;gap:40px;margin:0 0 36px}
.why-section-heading>div>p{margin:0 0 10px;color:#897142;font:800 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.why-section-heading h2{margin:0;color:#191a1b;font:700 clamp(38px,5.4vw,64px)/.96 Barlow,"Arial Narrow",Arial,sans-serif;letter-spacing:-.035em}
.why-section-intro{max-width:380px;margin:0 0 4px;color:#51504c;font:600 17px/1.6 "DM Sans",Arial,sans-serif}

/* One service per row keeps its three benefits together, without hidden panels. */
.why-service-labels,.why-service{display:grid;grid-template-columns:minmax(170px,.78fr) minmax(0,3fr);gap:clamp(24px,3vw,44px)}
.why-service-labels{padding:0 0 14px;color:#756036;font-size:13px;font-weight:700;letter-spacing:.12em}
.why-services-grid{display:block;border-top:2px solid #22231f}
.why-service{min-width:0;padding:32px 0 34px;border-bottom:1px solid #c6c1b7;color:#191a1b;scroll-margin-top:28px}
.why-service-heading{min-width:0}
.why-service-number{display:block;margin:0 0 9px;color:#8a6b32;font-size:14px;font-weight:700;letter-spacing:.05em}
.why-service-heading h3{margin:0;font-size:clamp(24px,2.15vw,30px);line-height:1.12;overflow-wrap:break-word}
.why-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,32px);margin:0;padding:0;list-style:none}
.why-benefits li{display:grid;grid-template-columns:20px minmax(0,1fr);align-content:start;align-items:start;gap:8px;min-width:0}
.why-benefits svg{display:block;flex:none;margin-top:3px;color:#8a6b32}
.why-benefits li>div{min-width:0}
.why-benefits h4{margin:0 0 9px;color:#22231f;font-size:19px;line-height:1.22;letter-spacing:-.02em}
.why-benefits p{margin:0;color:#4b4b46;font-size:15px;line-height:1.55;overflow-wrap:break-word}
.why-cta{padding:0 0 86px;background:#09090a}
.why-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid #ffffff24;border-radius:13px;background:radial-gradient(ellipse at 85% 20%,rgba(194,160,88,.11),transparent 45%),#111112}
.why-cta h2{max-width:650px;margin:0;color:#f4f3ef;font:700 clamp(30px,4.3vw,48px)/.98 Barlow,"Arial Narrow",Arial,sans-serif}
.why-cta-inner>div>p:last-child{max-width:570px;margin:12px 0 0;color:#c4c3bf;font:400 14px/1.65 Manrope,Arial,sans-serif}
.why-cta-inner .button{flex:none}
@media(max-width:1000px){
  .why-service{grid-template-columns:minmax(0,1fr);gap:22px}
  .why-service-labels{display:none}
  .why-service-heading{display:flex;align-items:baseline;gap:14px}
  .why-service-number{flex:none;margin:0}
}
@media(max-width:760px){.why-section-heading{grid-template-columns:1fr;gap:14px;margin-bottom:25px}.why-section-intro{max-width:540px}.why-cta-inner{align-items:flex-start;flex-direction:column}.why-cta-inner .button{width:100%}}
@media(max-width:640px){
  .why-service{padding:27px 0 30px;gap:21px}
  .why-service-heading h3{font-size:27px}
  .why-benefits{grid-template-columns:minmax(0,1fr);gap:19px}
  .why-benefits li{gap:10px}
  .why-benefits h4{margin-bottom:5px;font-size:19px}
  .why-benefits p{font-size:16px;line-height:1.5}
}
@media(max-width:560px){.why-hero{padding:58px 0 52px}.why-eyebrow{font-size:9px}.why-hero h1{font-size:clamp(51px,13.4vw,75px)}.why-hero-copy{margin:18px 0 21px;font-size:15px}.why-services-section{padding:52px 0 62px}.why-section-heading h2{font-size:clamp(38px,10vw,50px)}.why-section-intro{font-size:16px}.why-cta{padding-bottom:60px}.why-cta-inner{padding:22px 19px;gap:18px}.why-cta h2{font-size:36px}}

/* Keep one deliberate gap at the mobile CTA instead of stacking footer spacing. */
@media(max-width:800px){
  .why-page .why-services-section{padding-bottom:28px}
  .why-page .why-cta{padding-bottom:24px}
  .why-page .brand-footer{margin-top:0}
}