/* Home Services/Industries card language and exact .35s /1.03 image motion. */
body.vi-aligned.approach-page .ap-phase.approved-approach-card{padding:10px;background:#fffdf9;border:1px solid #d8d9d0;border-radius:22px;box-shadow:0 12px 30px #213a3817;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;color:#18201f}
body.vi-aligned.approach-page .ap-phase.approved-approach-card .approved-approach-frame{position:relative;display:block;flex:none;width:100%;height:auto!important;aspect-ratio:4/3;margin:0;padding:0;background:none;border-radius:15px;overflow:hidden}
body.vi-aligned.approach-page .approved-approach-frame::after{display:none}
body.vi-aligned.approach-page .approved-approach-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:scale(1);transition:transform .35s ease}
body.vi-aligned.approach-page .ap-phase.approved-approach-card:hover,body.vi-aligned.approach-page .ap-phase.approved-approach-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px #14251a1e}
body.vi-aligned.approach-page .ap-phase.approved-approach-card:hover img,body.vi-aligned.approach-page .ap-phase.approved-approach-card:focus-visible img{transform:scale(1.03)}
body.vi-aligned.approach-page .ap-phase.approved-approach-card:focus-visible{outline:3px solid #7f937a;outline-offset:3px}
body.vi-aligned.approach-page .ap-phase-copy{display:flex;flex-direction:column;flex:1;padding:16px 14px 15px}
body.vi-aligned.approach-page .ap-phase-copy .ap-kicker{margin:0 0 12px;color:#52665a}
body.vi-aligned.approach-page .ap-phase.approved-approach-card h3{margin:0 0 12px;color:#18201f;font-size:clamp(21px,1.8vw,25px);line-height:1.3}
body.vi-aligned.approach-page .ap-phase-copy>p{margin:0 0 20px;color:#526057;font-size:14px;line-height:1.65;flex:1}
body.vi-aligned.approach-page .ap-phase.approved-approach-card .ap-tags{margin:0;gap:8px}
body.vi-aligned.approach-page .ap-phase.approved-approach-card .ap-tags span{border-color:#b9c4b8;background:#e8ede5;color:#435749}
@media(prefers-reduced-motion:reduce){body.vi-aligned.approach-page .ap-phase.approved-approach-card,body.vi-aligned.approach-page .ap-phase.approved-approach-card img{transition:none!important;transform:none!important}}

body.vi-aligned.approach-page #see-shape-scale{padding-inline:max(42px,calc((100% - 1420px)/2));border-radius:0}
@media(max-width:700px){body.vi-aligned.approach-page #see-shape-scale{padding-inline:20px}}

/* Approved landscape hero, centred to retain the stone formations. */
body.approach-page .ap-hero-photo-added>img.approach-hero-photo{object-position:50% 50%}
@media(max-width:700px){body.approach-page .ap-hero-photo-added>img.approach-hero-photo{object-position:62% 50%}}
body.approach-page .ap-hero-photo-added>.ap-kicker{color:#dce3d9!important}

/* Match the approved main-page hero height and neutral green lighting. */
body.vi-aligned.approach-page .ap-hero-photo-added{min-height:690px;background-color:#182722}
body.vi-aligned.approach-page .ap-hero-photo-added::before{background:linear-gradient(90deg,rgba(16,30,25,.97),rgba(16,30,25,.91) 32%,rgba(16,30,25,.67) 52%,rgba(16,30,25,.14) 83%,rgba(16,30,25,.05))}
@media(max-width:900px){body.vi-aligned.approach-page .ap-hero-photo-added{min-height:560px}body.vi-aligned.approach-page .ap-hero-photo-added::before{background:linear-gradient(90deg,rgba(16,30,25,.96),rgba(16,30,25,.86) 65%,rgba(16,30,25,.62))}}
@media(max-width:700px){body.vi-aligned.approach-page .ap-hero-photo-added{min-height:500px}}