/* DGT Bangalore Homepage — page components. Builds on dgt-tokens.css → Bootstrap grid → dgt-web.css. No new colours. */
.hp main{display:block}
.hp-sec{padding:var(--web-section-m) 0;scroll-margin-top:var(--web-nav-h)}
.hp-sec--l{padding:var(--web-section-l) 0}
.hp-sec--subtle{background:var(--grey-050)}
.hp-sec--navy{background:var(--navy-700);color:#fff}
.hp-sec--deep{background:var(--navy-900);color:#fff}
.hp-head{display:grid;grid-template-columns:minmax(0,1fr);gap:20px 64px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
@media (min-width:992px){.hp-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.hp-head .dgt-h2{margin:0}
.hp-head__aside{display:grid;gap:20px;justify-items:start}
.hp-sec--navy .dgt-h2,.hp-sec--deep .dgt-h2,.hp-sec--navy .dgt-h3,.hp-sec--deep .dgt-h3{color:#fff}
.hp-sec--navy .dgt-lede,.hp-sec--deep .dgt-lede,.hp-sec--navy .dgt-body,.hp-sec--deep .dgt-body{color:var(--navy-100)}
.hp-sec--navy .dgt-index__label,.hp-sec--deep .dgt-index__label{color:#fff}
.hp-sec--navy .dgt-index__rule,.hp-sec--deep .dgt-index__rule{background:rgba(255,255,255,.35)}

/* Hero — light editorial: oversized type, photo bleeding off the right edge */
.hp-hero{position:relative;padding-top:var(--web-nav-h);background:#fff;overflow:hidden}
.hp-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding:clamp(48px,7vw,104px) 0 clamp(56px,7vw,104px)}
@media (min-width:1024px){.hp-hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,5vw,80px);align-items:end}}
.hp-hero .dgt-h1{max-width:13ch;margin:0}
.hp-hero__lede{margin:28px 0 0;max-width:52ch}
.hp-hero__actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:36px}
.hp-hero__facts{list-style:none;margin:40px 0 0;padding:20px 0 0;border-top:1px solid var(--line-hairline);display:flex;flex-wrap:wrap;gap:12px 32px}
.hp-hero__facts li{display:flex;align-items:center;gap:10px;font:var(--fw-semibold) 14px/1.3 var(--font-primary);color:var(--navy-700)}
.hp-hero__facts li::before{content:"";width:7px;height:7px;background:var(--dgt-red);flex:0 0 auto}
.hp-hero__media{position:relative;aspect-ratio:4/5;background:var(--navy-900);overflow:hidden}
@media (min-width:1024px){.hp-hero__media{margin-right:calc(-1 * max(var(--web-margin),(100vw - var(--content-max)) / 2));aspect-ratio:auto;height:100%;min-height:560px}}
@media (max-width:1023px){.hp-hero__media{aspect-ratio:16/10}}
.hp-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hp-hero__tag{position:absolute;left:0;bottom:0;background:var(--navy-900);color:#fff;padding:20px 24px;display:grid;gap:6px;border-top:3px solid var(--dgt-red)}
.hp-hero__tag strong{font:var(--fw-bold) 16px/1.2 var(--font-primary)}
.hp-hero__tag span{font:var(--fw-regular) 13px/1.4 var(--font-secondary);color:var(--navy-100)}

/* Location discovery */
.hp-finder{background:#fff;border-top:4px solid var(--dgt-red);box-shadow:var(--shadow-2);padding:clamp(20px,3vw,40px)}
.hp-search{position:relative;display:flex;align-items:center;border:2px solid var(--navy-700);background:#fff}
.hp-search:focus-within{box-shadow:var(--shadow-focus)}
.hp-search__icon{flex:0 0 auto;width:56px;display:flex;justify-content:center;color:var(--navy-700)}
.hp-search__icon svg{width:20px;height:20px}
.hp-search input{flex:1;min-width:0;height:60px;border:0;outline:none;background:transparent;font:var(--fw-medium) 17px/1 var(--font-secondary);color:var(--grey-900)}
.hp-search input::placeholder{color:var(--grey-500)}
.hp-search input::-webkit-search-cancel-button{display:none}
.hp-search__clear{flex:0 0 auto;height:44px;margin-right:8px;padding:0 14px;border:0;background:var(--grey-100);color:var(--navy-700);font:var(--fw-semibold) 12px/1 var(--font-primary);letter-spacing:var(--ls-button);text-transform:uppercase;cursor:pointer}
.hp-search__clear:hover{background:var(--navy-700);color:#fff}
.hp-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;border-top:1px solid var(--line-hairline);border-left:1px solid var(--line-hairline)}
@media (min-width:576px){.hp-zones{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:992px){.hp-zones{grid-template-columns:repeat(7,minmax(0,1fr))}}
.hp-zone{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:0 16px;background:#fff;border:0;border-right:1px solid var(--line-hairline);border-bottom:1px solid var(--line-hairline);cursor:pointer;text-align:left;font:var(--fw-semibold) 14px/1.2 var(--font-primary);color:var(--navy-700);transition:background var(--dur-base) var(--ease-standard),color var(--dur-base)}
.hp-zone small{font:var(--fw-bold) 11px/1 var(--font-primary);color:var(--grey-500)}
.hp-zone:hover{background:var(--navy-050)}
.hp-zone[aria-selected="true"]{background:var(--navy-700);color:#fff;box-shadow:inset 0 -3px 0 var(--dgt-red)}
.hp-zone[aria-selected="true"] small{color:var(--navy-100)}
.hp-zone:focus-visible{outline:2px solid var(--state-focus);outline-offset:-2px}
.hp-results__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin:40px 0 0;padding-bottom:16px;border-bottom:2px solid var(--navy-700)}
.hp-results__title{margin:0;font:var(--fw-bold) clamp(22px,2vw,28px)/1.2 var(--font-primary);letter-spacing:var(--ls-title);color:var(--navy-700)}
.hp-results__count{font:var(--fw-bold) 12px/1 var(--font-primary);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--grey-500)}
.hp-locs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.hp-locs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,48px)}}
@media (min-width:1024px){.hp-locs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hp-loc{display:flex;flex-direction:column;gap:10px;padding:24px 0 26px;border-bottom:1px solid var(--line-hairline);min-width:0}
.hp-loc__name{margin:0;font:var(--fw-bold) clamp(22px,1.9vw,26px)/1.15 var(--font-primary);letter-spacing:var(--ls-title);color:var(--navy-700)}
.hp-loc__actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:8px}
.hp-results__foot{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;margin-top:32px}
.hp-empty{padding:40px 0;border-bottom:1px solid var(--line-hairline)}
.hp-empty strong{display:block;font:var(--fw-bold) 22px/1.25 var(--font-primary);color:var(--navy-700)}
.hp-empty p{margin:8px 0 20px;font:var(--fw-regular) 15px/1.55 var(--font-secondary);color:var(--grey-700)}
.hp-noscript{columns:2 220px;font:var(--fw-regular) 14px/1.9 var(--font-secondary)}
.hp-note{font:var(--fw-regular) 12px/1.5 var(--font-secondary);color:var(--grey-500);margin:0;max-width:62ch}

/* Delivery model — numbered ruled steps on navy */
.hp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid rgba(255,255,255,.22)}
@media (min-width:768px){.hp-steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,72px)}}
@media (min-width:1200px){.hp-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hp-steps li{padding:32px 0 36px;border-bottom:1px solid rgba(255,255,255,.22);display:grid;gap:14px;align-content:start}
.hp-steps__n{font:var(--fw-black) clamp(48px,5vw,72px)/.85 var(--font-primary);letter-spacing:var(--ls-mega);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.45)}
.hp-steps h3{margin:0;font:var(--fw-bold) var(--web-h3)/1.2 var(--font-primary);color:#fff}
.hp-steps p{margin:0;font:var(--fw-regular) 15px/1.6 var(--font-secondary);color:var(--navy-100)}

/* Journey film */
.hp-film{margin:0}
.hp-film__frame{position:relative;aspect-ratio:16/9;background:var(--navy-900);overflow:hidden}
.hp-film__frame video,.dgt-film__embed{display:block;width:100%;height:100%;object-fit:contain;background:var(--navy-900);border:0}
.hp-film__cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding:16px 0;border-bottom:1px solid var(--line-hairline)}
.hp-film__chapters{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;font:var(--fw-bold) 12px/1.3 var(--font-primary);letter-spacing:.08em;text-transform:uppercase;color:var(--navy-700)}
.hp-film__chapters li::before{content:"";display:inline-block;width:7px;height:7px;background:var(--dgt-red);margin-right:10px;vertical-align:1px}

/* Testimonial video slots */
.hp-stories{display:grid;grid-template-columns:minmax(0,1fr);gap:40px 24px}
@media (min-width:768px){.hp-stories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.hp-stories{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hp-story{margin:0}
.hp-story__frame{aspect-ratio:16/9;background:var(--navy-900);overflow:hidden}
.hp-story__frame video{display:block;width:100%;height:100%;object-fit:cover}
.hp-story figcaption{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--line-hairline)}
.hp-story__n{font:var(--fw-bold) 11px/1 var(--font-primary);letter-spacing:.14em;text-transform:uppercase;color:var(--dgt-red)}
.hp-story strong{font:var(--fw-bold) 18px/1.3 var(--font-primary);color:var(--navy-700)}
.hp-story span{font:var(--fw-regular) 13px/1.5 var(--font-secondary);color:var(--grey-500)}

/* Services — editorial index */
.hp-services{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);border-top:2px solid var(--navy-700)}
@media (min-width:768px){.hp-services{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,96px)}}
.hp-services li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 16px;padding:24px 0;border-bottom:1px solid var(--line-hairline)}
.hp-services__n{grid-row:span 2;font:var(--fw-black) 13px/1.6 var(--font-primary);color:var(--navy-300)}
.hp-services h3{margin:0;font:var(--fw-bold) clamp(20px,1.7vw,24px)/1.25 var(--font-primary);color:var(--navy-700)}
.hp-services p{margin:0;font:var(--fw-regular) 14px/1.55 var(--font-secondary);color:var(--grey-700)}

/* Work */
.hp-work{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(48px,5vw,72px) 24px}
@media (min-width:768px){.hp-work{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hp-work__item{display:flex;flex-direction:column;gap:12px;color:inherit;border:0;text-decoration:none}
.hp-work__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy-900)}
.hp-work__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-reveal) var(--ease-standard)}
.hp-work__item:hover .hp-work__media img{transform:scale(1.04)}
.hp-work__meta{display:flex;justify-content:space-between;gap:16px;margin-top:8px;font:var(--fw-bold) 12px/1.2 var(--font-primary);letter-spacing:.1em;text-transform:uppercase}
.hp-work__meta span:first-child{color:var(--dgt-red)} .hp-work__meta span:last-child{color:var(--grey-500)}
.hp-work h3{margin:0;font:var(--fw-bold) clamp(24px,2.4vw,32px)/1.12 var(--font-primary);letter-spacing:var(--ls-heading);color:var(--navy-700)}
.hp-work__item .dgt-btn{align-self:flex-start;margin-top:8px}
.hp-work p{margin:0;font:var(--fw-regular) 15px/1.6 var(--font-secondary);color:var(--grey-700);max-width:52ch}

/* Insights */
.hp-insights{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);border-top:2px solid var(--navy-700)}
@media (min-width:768px){.hp-insights{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,48px)}}
.hp-insights li{display:grid;gap:12px;align-content:start;padding:28px 0 32px;border-bottom:1px solid var(--line-hairline)}
.hp-insights__cat{font:var(--fw-bold) 11px/1 var(--font-primary);letter-spacing:.14em;text-transform:uppercase;color:var(--dgt-red)}
.hp-insights h3{margin:0;font:var(--fw-bold) clamp(20px,1.7vw,24px)/1.25 var(--font-primary);color:var(--navy-700)}
.hp-insights p{margin:0;font:var(--fw-regular) 14px/1.55 var(--font-secondary);color:var(--grey-700)}
.hp-insights__soon{font:var(--fw-semibold) 12px/1 var(--font-primary);letter-spacing:var(--ls-button);text-transform:uppercase;color:var(--grey-500)}

/* Final CTA + enquiry */
.hp-cta{display:grid;grid-template-columns:minmax(0,1fr);gap:48px}
@media (min-width:1024px){.hp-cta{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(48px,6vw,96px);align-items:start}}
.hp-cta .dgt-h2{color:#fff;margin:0}
.hp-cta__lede{margin:24px 0 0}
.hp-cta__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.hp-cta__contact{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.22)}
.hp-cta__contact li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.22);font:var(--fw-regular) 15px/1.5 var(--font-secondary);color:#fff}
.hp-cta__contact b{font:var(--fw-bold) 11px/1.9 var(--font-primary);letter-spacing:.12em;text-transform:uppercase;color:var(--navy-300)}
.hp-cta__contact a{color:#fff;border:0;overflow-wrap:anywhere} .hp-cta__contact a:hover{color:var(--navy-100)}

/* Footer */
.hp-foot{background:var(--navy-900);color:#fff;padding:var(--web-section-m) 0 32px}
.hp-foot__top{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.22)}
@media (min-width:992px){.hp-foot__top{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(48px,6vw,96px)}}
.hp-foot__logo{height:74px;width:auto;display:block}
.hp-foot__about{margin:24px 0 0;font:var(--fw-regular) 14px/1.7 var(--font-secondary);color:var(--navy-100);max-width:44ch}
.hp-foot__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
@media (min-width:768px){.hp-foot__cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hp-foot h2{margin:0 0 16px;font:var(--fw-bold) 12px/1.2 var(--font-primary);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:#fff}
.hp-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hp-foot li,.hp-foot address{font:var(--fw-regular) 14px/1.55 var(--font-secondary);font-style:normal;color:var(--navy-100)}
.hp-foot a{color:var(--navy-100);border:0;overflow-wrap:anywhere} .hp-foot a:hover{color:#fff}
.hp-foot__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font:var(--fw-regular) 12px/1.5 var(--font-secondary);color:var(--navy-300)}

/* Shared helpers (master equivalents live in page CSS on the location template) */
.dgt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dgt-skip{position:absolute;left:16px;top:-80px;z-index:100;padding:12px 16px;background:var(--navy-700);color:#fff;font:var(--fw-semibold) 14px/1 var(--font-primary)}
.dgt-skip:focus{top:16px;color:#fff}
.k-label-red{color:var(--dgt-red)}
.dgt-form-panel__title{font-size:28px;margin:12px 0 24px}
.hp-cta .dgt-form-panel{box-shadow:var(--shadow-3)}
a{color:var(--dgt-blue)} a:hover{color:var(--navy-700)}

/* ---- v2: hero proof strip ---- */
.hp-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--navy-700);margin-bottom:clamp(56px,7vw,96px)}
@media (min-width:992px){.hp-proof{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2.2fr)}}
.hp-proof__item{display:grid;gap:6px;align-content:start;padding:22px 20px 22px 0;border-bottom:1px solid var(--line-hairline)}
@media (min-width:992px){.hp-proof__item+.hp-proof__item{padding-left:20px;border-left:1px solid var(--line-hairline)}}
.hp-proof__item strong{font:var(--fw-black) clamp(28px,2.6vw,40px)/1 var(--font-primary);letter-spacing:var(--ls-heading);color:var(--navy-700)}
.hp-proof__item span{font:var(--fw-regular) 13px/1.4 var(--font-secondary);color:var(--grey-700)}
.hp-proof__item--wide{grid-column:1 / -1}
@media (min-width:992px){.hp-proof__item--wide{grid-column:auto}}
.hp-proof__item .hp-proof__label{font:var(--fw-bold) 11px/1.2 var(--font-primary);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--navy-700)}
.hp-proof__areas{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hp-proof__areas li{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--navy-700)}
.hp-proof__areas a{font:var(--fw-bold) 13px/1 var(--font-primary);color:var(--navy-700);border:0}
.hp-proof__areas small{font:var(--fw-bold) 10px/1 var(--font-primary);letter-spacing:.12em;text-transform:uppercase;color:var(--dgt-red)}

/* ---- v2: location card ---- */
.hp-results__note{margin:6px 0 0;font:var(--fw-regular) 13px/1.4 var(--font-secondary);color:var(--grey-500)}
.hp-loc__name span{display:block;font:var(--fw-bold) 11px/1.4 var(--font-primary);letter-spacing:.14em;text-transform:uppercase;color:var(--dgt-red);margin-bottom:6px}
.hp-loc__meta{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0}
.hp-loc__meta div{display:flex;gap:8px;align-items:baseline}
.hp-loc__meta dt{font:var(--fw-bold) 10px/1 var(--font-primary);letter-spacing:.14em;text-transform:uppercase;color:var(--grey-500)}
.hp-loc__meta dd{margin:0;font:var(--fw-semibold) 13px/1.4 var(--font-secondary);color:var(--navy-700);font-variant-numeric:tabular-nums}
.hp-zone[aria-pressed="true"]{background:var(--navy-700);color:#fff;box-shadow:inset 0 -3px 0 var(--dgt-red)}
.hp-zone[aria-pressed="true"] small{color:var(--navy-100)}
button.dgt-btn--link{background:none;border-top:0;border-left:0;border-right:0;cursor:pointer}

/* ---- v2: top business areas ---- */
.hp-top{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);border-top:2px solid var(--navy-700)}
@media (min-width:768px){.hp-top{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,72px)}}
@media (min-width:1200px){.hp-top{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hp-top li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:22px 0;border-bottom:1px solid var(--line-hairline)}
.hp-top__n{font:var(--fw-black) 13px/1.8 var(--font-primary);color:var(--dgt-red)}
.hp-top h3{margin:0;font:var(--fw-bold) clamp(20px,1.7vw,24px)/1.25 var(--font-primary)}
.hp-top h3 a{color:var(--navy-700);border:0} .hp-top h3 a:hover{color:var(--dgt-red)}
.hp-top p{margin:6px 0 0;font:var(--fw-regular) 14px/1.5 var(--font-secondary);color:var(--grey-700)}

/* ---- v2: zone links on navy ---- */
.hp-zonelinks{display:grid;grid-template-columns:minmax(0,1fr);margin-top:clamp(48px,6vw,80px);border-top:1px solid rgba(255,255,255,.22)}
@media (min-width:768px){.hp-zonelinks{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,48px)}}
.hp-zonelinks a{display:grid;gap:4px;padding:20px 0;border:0;border-bottom:1px solid rgba(255,255,255,.22);color:#fff}
.hp-zonelinks strong{font:var(--fw-bold) 18px/1.2 var(--font-primary)}
.hp-zonelinks span{font:var(--fw-regular) 13px/1.45 var(--font-secondary);color:var(--navy-100)}
.hp-zonelinks a:hover strong{color:#fff;box-shadow:inset 0 -2px 0 var(--dgt-red)}

/* ---- v2: CTA without inline form ---- */
.hp-cta__contact{align-self:end}

/* ---- v2: mobile action bar (3 actions) ---- */
.hp-hero__tag strong{color:#fff}
.hp-proof__areas li{white-space:nowrap}

/* ---- v3 fixes ---- */
/* Zones: <strong> inherited the global heading colour (navy) on the navy section → invisible until hover. Set explicitly. */
.hp-zonelinks strong{color:#fff}
.hp-zonelinks a:hover strong,.hp-zonelinks a:focus-visible strong{box-shadow:inset 0 -2px 0 var(--dgt-red)}
.hp-zonelinks a:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Google reviews — compact two-column, sized by content */
.hp-reviews{padding:var(--web-section-s) 0}
.hp-reviews__title{position:relative;margin:0;max-width:16ch}
.hp-reviews__mark{display:block;font:var(--fw-black) clamp(64px,7vw,104px)/.6 var(--font-primary);color:var(--dgt-red);margin-bottom:8px}
.hp-reviews__cta{display:grid;gap:20px;justify-items:start;padding:clamp(24px,3vw,36px);background:#fff;border-top:4px solid var(--dgt-red)}
.hp-reviews__cta p{margin:0;font:var(--fw-regular) 15px/1.6 var(--font-secondary);color:var(--grey-700)}

/* People behind the work — 4 / 2 / 1 on the Bootstrap grid */
.hp-people{list-style:none;padding:0;margin-top:0}
.hp-person{display:flex;flex-direction:column;height:100%}
.hp-person__photo{aspect-ratio:4/5;overflow:hidden;background:var(--grey-200)}
.hp-person__photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter var(--dur-slow) var(--ease-standard),transform var(--dur-reveal) var(--ease-standard)}
.hp-person:hover .hp-person__photo img{filter:none;transform:scale(1.03)}
.hp-person h3{margin:18px 0 6px;font:var(--fw-bold) 20px/1.2 var(--font-primary);color:var(--navy-700)}
.hp-person p{margin:0;padding-bottom:16px;border-bottom:1px solid var(--line-hairline);font:var(--fw-regular) 14px/1.5 var(--font-secondary);color:var(--grey-500)}
.hp-person .dgt-btn--link{align-self:flex-start;margin-top:12px}

/* Location card actions */
.hp-loc__actions .dgt-btn--secondary{white-space:nowrap}

/* Book Your Developer — Bootstrap modal skin (bootstrap-grid.css has no modal styles; these supply only what Modal JS needs + DGT look) */