/* PH Metals Services Showcase V1 — scoped to #ph-services-v1 */
#ph-services-v1{--ph-navy:#172b68;--ph-ink:#1b2a55;--ph-blue:#19359a;--ph-coral:#ff6868;--ph-soft:#fff0ef;color:var(--ph-ink);background:#fff;font-family:inherit}
#ph-services-v1 *,#ph-services-v1 *::before,#ph-services-v1 *::after{box-sizing:border-box}
#ph-services-v1 .phsv1-wrap{max-width:1190px;width:calc(100% - 64px);margin-inline:auto}
#ph-services-v1 .phsv1-intro{padding:90px 0 72px;background:#fff}
#ph-services-v1 .phsv1-intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.9fr);gap:clamp(32px,7vw,112px);align-items:center}
#ph-services-v1 .phsv1-intro-copy{max-width:530px}
#ph-services-v1 .phsv1-overline{display:inline-block;font-size:13px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;border-bottom:2px solid var(--ph-coral);padding-bottom:8px;color:#354e83;margin:0 0 7px}
#ph-services-v1 h1{font-size:clamp(42px,5.4vw,72px);font-weight:800;line-height:1.08;letter-spacing:-.04em;color:var(--ph-ink);margin:0 0 19px}
#ph-services-v1 .phsv1-intro-copy>p{font-size:17px;line-height:1.75;color:#4b5677;max-width:510px;margin:0 0 30px}
#ph-services-v1 .phsv1-main-button{background:var(--ph-blue);color:#fff;display:inline-flex;gap:45px;align-items:center;justify-content:space-between;min-height:64px;padding:15px 22px;font-weight:800;font-size:13px;letter-spacing:.035em;text-decoration:none;border-radius:0;transition:transform .2s,background .2s,box-shadow .2s}
#ph-services-v1 .phsv1-main-button:hover,#ph-services-v1 .phsv1-main-button:focus-visible{transform:translateY(-3px);background:#112a7d;box-shadow:0 12px 25px #172b6830}
#ph-services-v1 .phsv1-arrow{border:1px solid #ffffffa0;border-radius:50%;font-size:25px;line-height:30px;width:34px;height:34px;text-align:center;font-weight:400}
#ph-services-v1 .phsv1-intro-photo{width:min(100%,410px);justify-self:end;aspect-ratio:1.1;overflow:hidden;border-radius:1px}
#ph-services-v1 .phsv1-intro-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .65s ease}
#ph-services-v1 .phsv1-intro-photo:hover img{transform:scale(1.04)}
#ph-services-v1 .phsv1-list{padding:0 0 85px;background:#fff}
#ph-services-v1 .phsv1-service-card{border:1px solid #dfe3ed;background:#fff;padding:29px 34px 25px;margin:0 0 34px;overflow:hidden}
#ph-services-v1 .phsv1-service-title{display:flex;align-items:baseline;gap:14px;margin-bottom:19px}
#ph-services-v1 .phsv1-number{font-size:35px;line-height:1;font-weight:750;color:var(--ph-coral);letter-spacing:-.04em}
#ph-services-v1 h2{font-size:clamp(21px,2.5vw,31px);font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--ph-ink);margin:0}
#ph-services-v1 .phsv1-service-columns{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:35px;align-items:stretch}
#ph-services-v1 .phsv1-service-columns>img{display:block;width:100%;height:100%;min-height:275px;max-height:370px;object-fit:cover;border-radius:0}
#ph-services-v1 .phsv1-service-details{display:flex;flex-direction:column;min-width:0}
#ph-services-v1 .phsv1-service-details>p{font-size:16px;line-height:1.68;margin:0 0 23px;color:#405074}
#ph-services-v1 .phsv1-benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 24px}
#ph-services-v1 .phsv1-benefits>div{position:relative;padding-left:22px;min-width:0}
#ph-services-v1 .phsv1-tick{position:absolute;top:0;left:0;color:var(--ph-coral);font-weight:700;border:1px solid var(--ph-coral);border-radius:50%;font-size:10px;width:15px;height:15px;text-align:center;line-height:13px}
#ph-services-v1 .phsv1-benefits strong{display:block;font-size:13px;line-height:1.4;margin-bottom:8px;color:#21366e}
#ph-services-v1 .phsv1-benefits p{font-size:13px;line-height:1.55;color:#75809b;margin:0}
#ph-services-v1 .phsv1-enquire{margin-top:auto;background:var(--ph-blue);color:white!important;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;min-height:52px;font-size:13px;font-weight:800;letter-spacing:.04em;transition:background .2s,transform .2s}
#ph-services-v1 .phsv1-enquire:hover,#ph-services-v1 .phsv1-enquire:focus-visible{background:#0d236f;transform:translateY(-2px)}
#ph-services-v1 .phsv1-enquire span{font-size:22px;line-height:1}
#ph-services-v1 .phsv1-load-wrap{display:flex;flex-direction:column;align-items:center;gap:19px;margin-top:8px}
#ph-services-v1 .phsv1-load{border:1px solid var(--ph-navy);background:white;color:var(--ph-ink);font-size:13px;font-weight:700;padding:14px 35px;min-height:48px;cursor:pointer;transition:background .2s,color .2s}
#ph-services-v1 .phsv1-load:hover,#ph-services-v1 .phsv1-load:focus-visible{background:var(--ph-blue);color:white}
#ph-services-v1 .phsv1-all-link{font-size:13px;font-weight:700;color:#234194;text-decoration:underline;text-underline-offset:4px}
#ph-services-v1 .phsv1-more[hidden]{display:none!important}
@media(min-width:1024px){#ph-services-v1 .phsv1-service-card{width:95%;margin-left:auto;margin-right:auto}}
@media(max-width:900px){#ph-services-v1 .phsv1-wrap{width:calc(100% - 44px)}#ph-services-v1 .phsv1-intro{padding:56px 0}#ph-services-v1 .phsv1-intro-grid{gap:30px}#ph-services-v1 .phsv1-service-card{padding:24px}#ph-services-v1 .phsv1-service-columns{gap:20px}#ph-services-v1 .phsv1-benefits{gap:10px}}
@media(max-width:700px){#ph-services-v1 .phsv1-wrap{width:calc(100% - 32px)}#ph-services-v1 .phsv1-intro{padding:42px 0 48px}#ph-services-v1 .phsv1-intro-grid,#ph-services-v1 .phsv1-service-columns{grid-template-columns:1fr}#ph-services-v1 .phsv1-intro-copy>p{font-size:15px}#ph-services-v1 .phsv1-intro-photo{width:100%;max-width:none;justify-self:stretch;aspect-ratio:16/11}#ph-services-v1 .phsv1-service-card{padding:18px;margin-bottom:22px}#ph-services-v1 .phsv1-service-title{align-items:baseline;gap:10px;margin-bottom:14px}#ph-services-v1 .phsv1-number{font-size:27px}#ph-services-v1 .phsv1-service-columns>img{height:230px;min-height:0}#ph-services-v1 .phsv1-benefits{grid-template-columns:1fr 1fr}#ph-services-v1 .phsv1-service-details>p{font-size:14px}#ph-services-v1 .phsv1-list{padding-bottom:45px}}
@media(max-width:390px){#ph-services-v1 .phsv1-benefits{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#ph-services-v1 *,#ph-services-v1 *::before,#ph-services-v1 *::after{transition:none!important;scroll-behavior:auto!important}}
