/* Retron client work: scoped additions to the existing production design. */
.client-work{scroll-margin-top:96px;border-top:1px solid #ffffff18}
.client-work .section-heading{text-align:left;margin:0 0 30px;max-width:850px}
.client-feature{display:grid;grid-template-columns:.65fr 1.35fr;overflow:hidden;border:1px solid #f7581352;border-radius:22px;background:#141414}
.client-brand{display:flex;align-items:center;justify-content:center;padding:36px;background:#090909;border-right:1px solid #ffffff16}
.client-brand img{display:block;width:100%;max-width:245px;height:auto;aspect-ratio:1;object-fit:contain}
.client-copy{padding:38px;min-width:0}.client-status{color:#ff985e;font-size:11px;letter-spacing:1.4px;font-weight:700;margin-bottom:14px}
.client-copy h3{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 18px}
.client-copy>p:not(.client-status){font-size:16px;line-height:1.8;color:#c5c5cb}
.client-tags{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0}
.client-tags li{font-size:11px;line-height:1.5;padding:7px 10px;border:1px solid #ffffff23;border-radius:6px;color:#ddd}
.client-actions{display:flex;gap:18px 24px;align-items:center;flex-wrap:wrap;margin-top:25px}
.client-actions .text-link{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.client-mention{padding:26px;margin:28px 0 34px;border:1px solid #f7581340;border-radius:16px;background:#141414}
.client-mention .eyebrow{font-size:11px}.client-mention h2{font-size:26px;margin:12px 0}
.client-mention p{font-size:15px;line-height:1.8;color:#c5c5cb}.client-mention a{color:#ff985e;text-decoration:underline;text-underline-offset:4px}
.client-project .service-hero{padding-bottom:30px}.project-lead{display:grid;grid-template-columns:1.6fr .65fr;align-items:center;gap:46px}
.project-lead h1{font-size:clamp(36px,4.8vw,62px)}.project-lead .client-brand{border:1px solid #ffffff20;border-radius:18px;padding:28px}
.project-lead .client-brand img{max-width:230px}.project-meta{color:#ff985e;font-size:13px;line-height:1.8;margin:24px 0 0}
.project-scope{padding-top:10px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.project-part{padding:28px;background:#141414;border:1px solid #ffffff20;border-radius:18px;min-width:0}
.project-part .project-number{color:#ff985e;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:18px}
.project-part h3{font-size:23px;line-height:1.3;margin-bottom:15px}.project-part p{font-size:15px;line-height:1.85;color:#c5c5cb}
.project-ongoing{margin-top:32px;padding:32px;border-left:3px solid #f75813;background:#141414}
.project-ongoing h2{font-size:28px;margin-bottom:14px}.project-ongoing p{font-size:16px;line-height:1.85;color:#c5c5cb;max-width:850px}
.project-services{padding-top:20px}.project-services .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.project-grid{grid-template-columns:1fr}.project-lead{grid-template-columns:1fr .6fr;gap:26px}.client-copy{padding:30px}.client-brand{padding:26px}}
@media(max-width:700px){.client-work{scroll-margin-top:86px}.client-feature,.project-lead{grid-template-columns:1fr}.client-brand{border-right:0;border-bottom:1px solid #ffffff16;padding:28px}.client-brand img{max-width:190px}.client-copy{padding:27px 23px}.client-copy h3{font-size:30px}.client-copy>p:not(.client-status){font-size:15px}.client-actions{align-items:flex-start;flex-direction:column;gap:20px}.client-actions .cta{width:100%;font-size:12px}.client-tags{gap:7px;margin:20px 0}.client-mention{padding:23px 20px}.project-lead .client-brand{max-width:100%;width:100%;margin-top:5px}.project-lead .client-brand img{max-width:190px}.project-grid{gap:14px;margin-top:22px}.project-part{padding:25px 22px}.project-part h3{font-size:22px}.project-ongoing{padding:26px 22px}.project-ongoing h2{font-size:25px}.project-ongoing p{font-size:15px}.project-services .related-grid{grid-template-columns:1fr}}

.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.client-grid .client-feature{display:flex;flex-direction:column;min-width:0;border-color:#ffffff26}.client-grid .client-brand{height:155px;flex-shrink:0;border-right:0;border-bottom:1px solid #ffffff18;padding:20px}.client-grid .client-brand img{width:100%;max-width:160px;height:120px;aspect-ratio:auto}.client-grid .client-copy{display:flex;flex-direction:column;flex:1;padding:25px}.client-grid .client-copy h3{font-size:27px}.client-grid .client-copy>p:not(.client-status){font-size:14px;line-height:1.85}.client-grid .client-tags{margin:17px 0 24px}.client-grid .client-tags li{font-size:10px;padding:6px 8px}.client-grid .client-copy>.cta{margin-top:auto;width:100%;font-size:11px;padding:12px 10px}.client-grid .client-copy .client-next{font-size:12px;color:#ffb48c;margin:0 0 24px}.brand-villa-azure{background:#fdfefc}.client-grid .brand-villa-azure img{max-width:120px;height:135px}.client-grid .brand-golden-escape img{max-width:220px;height:120px}.client-example-links{margin:15px 0 0;padding-left:20px;color:#c5c5cb;font-size:15px;line-height:1.85}.client-example-links li{margin:14px 0}.other-clients{padding-top:0}.other-clients .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.client-grid{grid-template-columns:1fr}.client-grid .client-feature{display:grid;grid-template-columns:190px 1fr}.client-grid .client-brand{height:100%;border-bottom:0;border-right:1px solid #ffffff18}.client-grid .client-copy>p:not(.client-status){font-size:15px}.client-grid .client-copy>.cta{max-width:300px}}
@media(max-width:600px){.client-grid .client-feature{display:flex}.client-grid .client-brand{height:155px;border-right:0;border-bottom:1px solid #ffffff18}.client-grid .client-copy{padding:26px 23px}.client-grid .client-copy>.cta{max-width:none}.other-clients .related-grid{grid-template-columns:1fr}.client-example-links{font-size:14px}}

.client-grid .brand-villa-azure{overflow:hidden}.client-grid .brand-villa-azure img{width:240px;max-width:none;height:240px}
