#services.content-showcase{position:relative;isolation:isolate;overflow:hidden;padding:calc(clamp(72px, 7vw, 120px)) calc(max(5vw, 24px));color:#17151d;scroll-margin-top:80px}
.content-layout{position:relative;z-index:2;max-width:1700px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:calc(clamp(36px, 6vw, 100px));align-items:center}
.content-copy h2{font:600 calc(clamp(38px, 4.15vw, 72px))/1.06 var(--sans);letter-spacing:-.055em;margin:0}
.content-copy h2 em{display:inline-block;margin-top:8px;font-family:var(--serif);font-weight:500;background:linear-gradient(110deg,#7045a7,#a9427f 58%,#a85233);background-clip:text;-webkit-background-clip:text;color:transparent}
.content-description{max-width:540px;margin:24px 0;font-size:calc(clamp(16px, 1.2vw, 19px));line-height:1.7;color:#5d5666}
.content-types{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:15px}
.content-types li{position:relative;padding-left:19px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:14px;line-height:1.5}
.content-types li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:#ad87cd;border-radius:50%}
.content-types strong{font-weight:600;color:#34283e}.content-types span{color:#655c6e}
.content-cta{display:inline-flex;align-items:center;gap:30px;min-height:52px;padding:15px 22px;background:#25202e;color:#fff;border-radius:10px;font-size:14px;font-weight:600;transition:background .2s}
.content-cta span{font-size:24px;line-height:1}.content-cta:hover{background:#63437f}.content-cta:focus-visible{outline:2px solid #7045a7;outline-offset:5px}
.content-film{margin:0;min-width:0;width:100%;max-width:600px;justify-self:center}
.content-film-frame{aspect-ratio:16/9;overflow:hidden;border-radius:0;background:transparent;box-shadow:none;border:0}
.content-film video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;border:0;outline:0}
.content-film figcaption{display:flex;justify-content:space-between;gap:14px;margin-top:18px;color:#655b70;font-size:11px;letter-spacing:.07em}
.content-film figcaption>span:first-child{display:flex;align-items:center;gap:9px}
.content-film figcaption i{width:6px;height:6px;border-radius:50%;background:#9d70c8}
@media(max-width:1000px){.content-layout{grid-template-columns:1fr;gap:34px}.content-copy{max-width:740px}.content-copy h2{font-size:calc(clamp(40px, 6vw, 64px))}.content-description{max-width:580px}.content-film{width:100%}}
@media(max-width:600px){#services.content-showcase{padding:64px 24px}.content-copy h2{font-size:calc(clamp(36px, 8.7vw, 48px))}.content-film{width:92%}.content-film figcaption{font-size:10px;flex-wrap:wrap;line-height:1.5}.content-types li{display:grid;gap:2px}.content-cta{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.content-cta{transition:none}}
@media(max-width:800px){
  .content-copy h2,.content-copy .content-description{text-align:center}
  .content-copy .content-description{margin-inline:auto}
  .content-description .content-closing-phrase{white-space:nowrap}
  .content-layout>.content-cta{position:relative;justify-self:center;width:min(100%,600px);justify-content:center;text-align:center}
  .content-layout>.content-cta>span{position:absolute;right:22px}
}