/**
 * MAUP manifest.
 * @maup-path: template-parts/sections/home/work-models/style.css
 * @maup-version: 1.1.0
 * @maup-mode: replace
 * @maup-role: Section module
 */
/* Module: work-models: estilos específicos deste módulo. */
  .section--pace { padding-top: clamp(140px, 14vw, 230px); }
  .pace-heading { max-width: 1180px; margin-bottom: clamp(60px, 8vw, 110px); }
  .pace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .pace-card { min-height: 540px; display: flex; flex-direction: column; padding: clamp(30px, 3.4vw, 52px); border-radius: var(--radius-md); background: #151517; }
  .pace-card--accent { background: linear-gradient(150deg, #17171c 0%, #1d1b28 52%, #151517 100%); }
  .pace-card-head { display: flex; align-items: baseline; gap: 18px; }
  .pace-card-head h3 { margin: 0; font-family: var(--font-display); font-size: clamp(2.2rem, 3.5vw, 4rem); font-weight: 300; letter-spacing: -.05em; }
  .pace-card > p { max-width: 600px; margin: 34px 0; color: #95959b; line-height: 1.7; }
  .pace-card ul { display: grid; gap: 12px; margin: 0 0 48px; padding: 0; list-style: none; color: #c9c9cc; }
  .pace-card li { position: relative; padding-left: 22px; }
  .pace-card li::before { content: "•"; position: absolute; left: 0; color: var(--accent); }
  .pace-card .button { margin-top: auto; align-self: flex-start; }
  @media (max-width: 860px) {
  .pace-grid { grid-template-columns: 1fr; }
  .pace-card { min-height: 480px; }
  }
  @media (max-width: 700px) {
  .pace-card { min-height: 520px; }
  }
  .pace-card{position:relative;overflow:hidden;isolation:isolate;transition:transform .55s var(--ease),background .55s var(--ease),box-shadow .55s var(--ease)}
  .pace-card::before{content:"";position:absolute;inset:-1px;z-index:1;background:radial-gradient(520px circle at var(--pace-x,70%) var(--pace-y,20%),rgba(143,130,255,.18),transparent 42%),radial-gradient(420px circle at calc(var(--pace-x,70%) + 80px) calc(var(--pace-y,20%) + 90px),rgba(101,213,255,.09),transparent 48%);opacity:.45;transition:opacity .5s ease}
  .pace-card>*{position:relative;z-index:3}
  .pace-card:hover{transform:translateY(-7px);box-shadow:0 34px 90px rgba(0,0,0,.25)}
  .pace-card:hover::before{opacity:1}
  @media (prefers-reduced-motion:reduce) {
  .pace-card:hover{transform:none}
  }