section[data-framer-name="Expertise"].portfolio-services {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  padding: clamp(72px, 10vw, 132px) 5vw !important;
  box-sizing: border-box;
  background: #0c0c0b !important;
  color: #f8f5ed;
}
.portfolio-services-inner { width: min(1180px, 100%); margin: 0 auto; }
.portfolio-services-kicker { display:flex; align-items:center; gap:9px; margin:0 0 16px; color:#c5a15d; font:600 11px/1 Geist,Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.portfolio-services-kicker::before { content:""; width:7px; height:7px; border-radius:999px; background:#c5a15d; box-shadow:0 0 0 5px rgba(197,161,93,.12); }
.portfolio-services-heading { max-width:650px; margin:0 0 clamp(38px,6vw,72px); font:500 clamp(42px,6vw,78px)/.94 Georgia,serif; letter-spacing:-.055em; }
.portfolio-services-grid { display:grid; grid-template-columns:1fr; gap:28px; }
.portfolio-service-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,48%); min-height:500px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:24px; background:#151513; box-shadow:0 24px 60px rgba(0,0,0,.28); }
.portfolio-service-copy { display:flex; flex-direction:column; padding:clamp(25px,3vw,42px); }
.portfolio-service-number { color:#c5a15d; font:600 12px/1 Geist,Arial,sans-serif; letter-spacing:.12em; }
.portfolio-service-card h3 { margin:20px 0 26px; font:500 clamp(32px,3.1vw,48px)/.98 Georgia,serif; letter-spacing:-.045em; }
.portfolio-service-list { display:grid; gap:13px; padding:0; margin:0; list-style:none; color:rgba(248,245,237,.72); font:14px/1.4 Geist,Arial,sans-serif; }
.portfolio-service-list li { display:flex; align-items:flex-start; gap:10px; }
.portfolio-service-list svg { flex:0 0 auto; width:16px; height:16px; margin-top:1px; stroke:#c5a15d; }
.portfolio-service-cta { display:inline-grid; grid-template-columns:auto 24px; align-items:center; gap:18px; width:max-content; max-width:100%; box-sizing:border-box; margin-top:auto; padding:12px 14px 12px 20px; border-radius:999px; background:#c5a15d; color:#15130e; font:600 13px/1 Geist,Arial,sans-serif; text-decoration:none; transition:transform .2s ease, background .2s ease; }
.portfolio-service-cta:hover { background:#dec07e; transform:translateY(-2px); }
.portfolio-service-cta-label { white-space:nowrap; }
.portfolio-service-cta-icon { position:relative; display:block; width:24px; height:24px; flex:none; border-radius:50%; background:#171510; }
.portfolio-service-cta-icon::before { content:""; position:absolute; left:8px; top:7px; width:7px; height:7px; border-top:1.7px solid #fff; border-right:1.7px solid #fff; }
.portfolio-service-cta-icon::after { content:""; position:absolute; left:7px; top:12px; width:10px; height:1.7px; background:#fff; transform:rotate(-45deg); transform-origin:center; border-radius:2px; }
.portfolio-service-visual { position:relative; display:flex; align-items:flex-end; justify-content:center; min-height:270px; overflow:hidden; background:#080807; }
.portfolio-service-visual img { display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom; }
.portfolio-service-card--mobile .portfolio-service-visual img { width:108%; max-width:none; object-position:center bottom; }
.portfolio-service-card--web .portfolio-service-visual img { width:118%; max-width:none; object-position:center bottom; }
@media (max-width:900px) { .portfolio-service-card { grid-template-columns:1fr; } .portfolio-service-visual { min-height:350px; } .portfolio-service-card--mobile .portfolio-service-visual img { width:min(620px,125%); } .portfolio-service-card--web .portfolio-service-visual img { width:min(760px,145%); } }
@media (max-width:640px) { section[data-framer-name="Expertise"].portfolio-services { padding-inline:20px !important; } .portfolio-services-grid { grid-template-columns:1fr; } .portfolio-service-card { min-height:0; } .portfolio-service-copy { padding:28px 24px; } .portfolio-service-card h3 { font-size:37px; } .portfolio-service-cta { margin-top:28px; } .portfolio-service-visual { min-height:290px; } }