/* V8.44.0 — questions & answers (.lp-qa), verified client reviews (.lp-rev), the review
   invitation page (.lp-rev-page). Every rule is scoped to those three roots. Lines and tints are
   derived from the surrounding text colour, so the blocks sit on any of the site's grounds. */

.lp-qa, .lp-rev, .lp-rev-page {
  --q-line: color-mix(in srgb, currentColor 14%, transparent);
  --q-line2: color-mix(in srgb, currentColor 26%, transparent);
  --q-dim: color-mix(in srgb, currentColor 62%, transparent);
  --q-sun: var(--lp-pink, #e6398b);
  --q-err: #ff8a7a;
}

/* ---- questions & answers ---- */
.lp-qa { clear: both; padding: clamp(40px, 5vw, 72px) 0; border-top: 1px solid var(--q-line); color: #f4f1eb; background: #0b0d10; font-family: var(--lp-sans, sans-serif); text-align: left; }
.lp-qa .lp-qa__in { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 88px); width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.lp-qa .lp-qa__in--hub { display: block; max-width: 860px; }
.lp-qa .lp-qa__tag, .lp-rev-page .lp-qa__tag { margin: 0 0 18px; font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--q-dim); }
.lp-qa .lp-qa__tag::before, .lp-rev-page .lp-qa__tag::before { content: ""; display: inline-block; width: 22px; height: 1px; margin-right: 12px; vertical-align: middle; background: var(--q-sun); }
.lp-qa .lp-qa__h { margin: 0 0 16px; font-size: clamp(28px, 3.2vw, 44px); font-weight: 600; line-height: 1.08; letter-spacing: -.02em; color: inherit; text-transform: none; }
.lp-qa .lp-qa__lede, .lp-rev-page .lp-qa__lede { margin: 0 0 22px; max-width: 46ch; font-size: 16px; line-height: 1.6; color: var(--q-dim); }
.lp-qa .lp-qa__all { display: inline-block; padding: 6px 0; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: inherit; text-decoration: none; border-bottom: 1px solid var(--q-line2); }
.lp-qa .lp-qa__all:hover, .lp-qa .lp-qa__all:focus-visible { border-bottom-color: var(--q-sun); }

.lp-qa .lp-qa__list { counter-reset: lpqa; margin: 0 0 28px; border-top: 1px solid var(--q-line); }
.lp-qa .lp-qa__item { border-bottom: 1px solid var(--q-line); }
.lp-qa .lp-qa__q { position: relative; display: block; min-height: 44px; padding: 20px 44px 20px 46px; font-size: 18px; font-weight: 500; line-height: 1.4; color: inherit; cursor: pointer; list-style: none; }
.lp-qa .lp-qa__q::-webkit-details-marker { display: none; }
.lp-qa .lp-qa__q::before { counter-increment: lpqa; content: counter(lpqa, decimal-leading-zero); position: absolute; left: 0; top: 24px; font-size: 11px; letter-spacing: .14em; color: var(--q-dim); font-variant-numeric: tabular-nums; }
.lp-qa .lp-qa__q::after { content: ""; position: absolute; right: 8px; top: 26px; width: 9px; height: 9px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); transition: transform .25s ease; }
.lp-qa .lp-qa__item[open] > .lp-qa__q::after { transform: translateY(4px) rotate(-135deg); }
.lp-qa .lp-qa__item[open] > .lp-qa__q::before { color: var(--q-sun); }
.lp-qa .lp-qa__q:focus-visible, .lp-qa .lp-qa__askbtn:focus-visible, .lp-qa .lp-qa__send:focus-visible, .lp-rev-page .lp-qa__send:focus-visible { outline: 2px solid var(--q-sun); outline-offset: 3px; }
.lp-qa .lp-qa__a { padding: 0 44px 24px 46px; font-size: 16px; line-height: 1.7; color: color-mix(in srgb, currentColor 82%, transparent); }
.lp-qa .lp-qa__a p { margin: 0 0 12px; }
.lp-qa .lp-qa__a a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.lp-qa .lp-qa__by { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--q-dim); }
.lp-qa .lp-qa__group { margin: 0 0 44px; }
.lp-qa .lp-qa__gh { margin: 0 0 14px; font-size: 13px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--q-dim); }
.lp-qa .lp-qa__gh a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--q-line2); }

.lp-qa .lp-qa__notice { margin: 0 0 24px; padding: 16px 18px; border: 1px solid var(--q-sun); border-radius: 12px; font-size: 15px; line-height: 1.55; }
.lp-qa .lp-qa__notice[hidden] { display: none; }

.lp-qa .lp-qa__askbtn { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 22px; border: 1px solid var(--q-line2); border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: inherit; cursor: pointer; list-style: none; transition: border-color .2s ease; }
.lp-qa .lp-qa__askbtn::-webkit-details-marker { display: none; }
.lp-qa .lp-qa__askbtn::before { content: "+"; font-size: 17px; font-weight: 400; letter-spacing: 0; line-height: 1; color: var(--q-sun); }
.lp-qa .lp-qa__ask[open] > .lp-qa__askbtn::before { content: "–"; }
.lp-qa .lp-qa__askbtn:hover { border-color: var(--q-sun); }

.lp-qa .lp-qa__form, .lp-rev-page .lp-qa__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; margin: 26px 0 0; padding: clamp(20px, 3vw, 32px); border: 1px solid var(--q-line); border-radius: 16px; background: color-mix(in srgb, currentColor 3%, transparent); }
.lp-rev-page .lp-qa__form[hidden] { display: none; }
.lp-qa .lp-qa__field, .lp-rev-page .lp-qa__field { margin: 0; }
.lp-qa .lp-qa__field--wide, .lp-qa .lp-qa__consent, .lp-qa .lp-qa__actions, .lp-qa .lp-qa__status,
.lp-rev-page .lp-qa__field--wide, .lp-rev-page .lp-qa__consent, .lp-rev-page .lp-qa__actions, .lp-rev-page .lp-rev-page__note, .lp-rev-page .lp-rev-page__project { grid-column: 1 / -1; margin: 0; }
.lp-qa .lp-qa__field label, .lp-rev-page .lp-qa__field label { display: block; margin: 0 0 8px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--q-dim); }
.lp-qa .lp-qa__field input, .lp-qa .lp-qa__field textarea, .lp-rev-page .lp-qa__field input, .lp-rev-page .lp-qa__field textarea { display: block; width: 100%; min-height: 48px; margin: 0; padding: 12px 14px; border: 1px solid var(--q-line2); border-radius: 10px; background: transparent; box-shadow: none; font: inherit; font-size: 16px; line-height: 1.5; color: inherit; }
.lp-qa .lp-qa__field textarea, .lp-rev-page .lp-qa__field textarea { min-height: 112px; resize: vertical; }
.lp-qa .lp-qa__field input:focus, .lp-qa .lp-qa__field textarea:focus, .lp-rev-page .lp-qa__field input:focus, .lp-rev-page .lp-qa__field textarea:focus { outline: 2px solid var(--q-sun); outline-offset: 1px; border-color: transparent; }
.lp-qa .lp-qa__field [aria-invalid="true"], .lp-rev-page .lp-qa__field [aria-invalid="true"] { border-color: var(--q-err); }
.lp-qa .lp-qa__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lp-qa .lp-qa__consent label, .lp-rev-page .lp-qa__consent label { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: start; min-height: 44px; font-size: 13px; line-height: 1.55; color: var(--q-dim); cursor: pointer; }
.lp-qa .lp-qa__consent input, .lp-rev-page .lp-qa__consent input { width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--q-sun); }
.lp-qa .lp-qa__consent a, .lp-rev-page .lp-qa__consent a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.lp-qa .lp-qa__send, .lp-rev-page .lp-qa__send { min-height: 48px; padding: 0 28px; border: 1px solid #f4f1eb; border-radius: 999px; background: #f4f1eb; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #0b0d10; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
.lp-qa .lp-qa__send:hover, .lp-rev-page .lp-qa__send:hover { background: transparent; color: #f4f1eb; }
.lp-qa .lp-qa__send[disabled], .lp-rev-page .lp-qa__send[disabled] { opacity: .55; cursor: progress; }
.lp-qa .lp-qa__status, .lp-rev-page .lp-qa__status { min-height: 0; font-size: 15px; line-height: 1.55; }
.lp-qa .lp-qa__status:empty { display: none; }
.lp-qa .lp-qa__status.is-error, .lp-rev-page .lp-qa__status.is-error { color: var(--q-err); }
.lp-qa .lp-qa__form.is-done > :not(.lp-qa__status) { display: none; }
.lp-qa .lp-qa__form.is-done .lp-qa__status { padding-left: 18px; border-left: 2px solid var(--q-sun); }

.lp-qa .lp-qa__ts, .lp-rev-page .lp-qa__ts { margin-top: 12px; }
.lp-qa .lp-qa__ts:empty, .lp-rev-page .lp-qa__ts:empty { display: none; margin: 0; }

/* ---- verified client review (project pages) ---- */
.lp-rev { clear: both; padding: clamp(32px, 4.5vw, 64px) 0; border-top: 1px solid var(--q-line); color: #f4f1eb; background: #0b0d10; font-family: var(--lp-sans, sans-serif); text-align: left; }
.lp-rev .lp-rev__item { width: min(980px, calc(100% - 48px)); margin: 0 auto; padding: 0; }
.lp-rev .lp-rev__item + .lp-rev__item { margin-top: clamp(40px, 6vw, 72px); padding-top: clamp(40px, 6vw, 72px); border-top: 1px solid var(--q-line); }
.lp-rev .lp-rev__tag { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 26px; font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--q-dim); }
.lp-rev .lp-rev__mark { position: relative; width: 18px; height: 18px; border: 1px solid var(--q-sun); border-radius: 50%; }
.lp-rev .lp-rev__mark::after { content: ""; position: absolute; left: 5px; top: 3px; width: 5px; height: 8px; border-right: 1.5px solid var(--q-sun); border-bottom: 1.5px solid var(--q-sun); transform: rotate(40deg); }
.lp-rev .lp-rev__q { margin: 0 0 28px; padding: 0; border: 0; background: none; font-family: var(--lp-serif, Georgia, serif); font-size: clamp(22px, 2.7vw, 36px); font-style: normal; font-weight: 400; line-height: 1.36; letter-spacing: -.01em; color: inherit; quotes: none; }
.lp-rev .lp-rev__q::before, .lp-rev .lp-rev__q::after { content: none; }
.lp-rev .lp-rev__by { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; margin: 0 0 14px; font-size: 15px; }
.lp-rev .lp-rev__by strong { font-weight: 600; letter-spacing: .01em; }
.lp-rev .lp-rev__by time { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--q-dim); }
.lp-rev .lp-rev__about { margin: -6px 0 14px; font-size: 12px; line-height: 1.5; letter-spacing: .04em; color: var(--q-dim); }
.lp-rev .lp-rev__method { margin: 0; max-width: 62ch; font-size: 13px; line-height: 1.55; color: var(--q-dim); }

/* ---- the review invitation page ---- */
.lp-rev-page { min-height: 70vh; padding: clamp(120px, 14vw, 190px) 0 clamp(64px, 8vw, 112px); color: #f4f1eb; background: #0b0d10; font-family: var(--lp-sans, sans-serif); }
.lp-rev-page .lp-rev-page__in { width: min(760px, calc(100% - 48px)); margin: 0 auto; }
.lp-rev-page .lp-rev-page__h { margin: 0 0 16px; font-size: clamp(32px, 4.4vw, 56px); font-weight: 600; line-height: 1.05; letter-spacing: -.02em; color: inherit; text-transform: none; }
.lp-rev-page .lp-rev-page__state { margin: 28px 0 0; padding-left: 18px; border-left: 2px solid var(--q-sun); }
.lp-rev-page .lp-rev-page__state:empty { display: none; }
.lp-rev-page .lp-rev-page__project { font-size: 15px; }
.lp-rev-page .lp-rev-page__project span { margin-right: 10px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--q-dim); }
.lp-rev-page .lp-rev-page__note { font-size: 13px; line-height: 1.55; color: var(--q-dim); }

.lp-rev.lp-rev--lead { position: relative; z-index: 1; margin-top: calc(-1 * clamp(8px, 3vw, 42px)); border-top: 0; padding: clamp(10px, 1.4vw, 18px) 0 clamp(8px, 1.5vw, 20px); background: transparent; }
/* the review hangs from the player: same left edge, same width (measured from the player
   itself by customer.js; the figures below are the fallback), set flush left */
.lp-rev.lp-rev--lead .lp-rev__item { width: var(--rev-w, 100%); margin: 0 0 0 var(--rev-x, 0px); text-align: left; }
@media (min-width: 1200px) { .lp-rev.lp-rev--lead .lp-rev__item { width: var(--rev-w, 72%); margin-left: var(--rev-x, 14%); } }
.lp-rev.lp-rev--lead .lp-rev__tag { margin-bottom: 14px; }
.lp-rev.lp-rev--lead .lp-rev__q { margin-bottom: 16px; font-size: clamp(20px, 2.2vw, 30px); }
.lp-rev.lp-rev--lead .lp-rev__by { justify-content: flex-start; }
.lp-rev.lp-rev--lead .lp-rev__method { margin-left: 0; }

/* ---- the question form as a dialog, opened from the top of a project.
   V8.49.0 — the owner's reference: soft lilac glass, light-catching edges, rounded fields,
   a pill to send. Colours are the site's own violet-to-pink family. ---- */
.lp-qa.lp-qa-modal { --m-accent: #d3c3e8; --m-muted: #b3b1bb; width: min(900px, calc(100vw - 40px)); max-width: none; max-height: calc(100dvh - 40px); margin: auto; padding: 0; overflow: auto; scrollbar-width: none; border: 1px solid rgba(231, 224, 245, .25); border-top-color: rgba(255, 255, 255, .44); border-left-color: rgba(242, 235, 255, .34); border-radius: 30px; color: #f5f4f7; background: radial-gradient(ellipse at 0% 0%, rgba(191, 169, 223, .14), transparent 52%), radial-gradient(ellipse at 100% 100%, rgba(233, 160, 186, .10), transparent 48%), linear-gradient(115deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .015) 36%, rgba(255, 255, 255, .045) 100%), rgba(24, 25, 32, .57); box-shadow: 0 28px 80px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(207, 190, 232, .09); -webkit-backdrop-filter: blur(22px) saturate(135%); backdrop-filter: blur(22px) saturate(135%); }
.lp-qa.lp-qa-modal::-webkit-scrollbar { display: none; }
.lp-qa.lp-qa-modal::backdrop { background: rgba(4, 5, 8, .43); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.lp-qa.lp-qa-modal, .lp-qa.lp-qa-modal * { cursor: auto; }
.lp-qa.lp-qa-modal button, .lp-qa.lp-qa-modal label, .lp-qa.lp-qa-modal a, .lp-qa.lp-qa-modal input[type="checkbox"] { cursor: pointer; }
.lp-qa.lp-qa-modal .lp-qa-modal__box { position: relative; padding: 60px 24px 28px; }
.lp-qa.lp-qa-modal .lp-qa__tag { margin-bottom: 16px; font-size: 10px; color: #c3becc; }
.lp-qa.lp-qa-modal .lp-qa__tag::before { background: #b59bcf; }
.lp-qa.lp-qa-modal .lp-qa__h { margin: 0 0 14px; font-size: clamp(28px, 2.6vw, 34px); font-weight: 600; line-height: 1.15; letter-spacing: -.035em; }
.lp-qa.lp-qa-modal .lp-qa__lede { margin-bottom: 0; max-width: none; font-size: 14px; line-height: 1.75; color: var(--m-muted); }
.lp-qa.lp-qa-modal .lp-qa__form { margin-top: 26px; padding: 0; border: 0; border-radius: 0; background: none; gap: 18px 14px; }
.lp-qa.lp-qa-modal .lp-qa__field label { margin-bottom: 9px; font-size: 10px; letter-spacing: .165em; color: #c0bcc7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lp-qa.lp-qa-modal .lp-qa__field input, .lp-qa.lp-qa-modal .lp-qa__field textarea { min-height: 48px; padding: 13px 15px; border: 1px solid rgba(231, 223, 243, .23); border-top-color: rgba(244, 239, 252, .32); border-radius: 13px; background: linear-gradient(125deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .025)), rgba(20, 21, 29, .12); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 3px 10px rgba(0, 0, 0, .06); font-size: 16px; color: #f5f4f7; transition: border-color .2s, box-shadow .2s; }
.lp-qa.lp-qa-modal .lp-qa__field textarea { min-height: 166px; line-height: 1.6; resize: vertical; }
.lp-qa.lp-qa-modal .lp-qa__field input:focus, .lp-qa.lp-qa-modal .lp-qa__field textarea:focus { outline: 0; border-color: #b4a0ca; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 0 0 3px rgba(199, 176, 224, .22); }
.lp-qa.lp-qa-modal .lp-qa__consent label { grid-template-columns: 18px minmax(0, 1fr); gap: 11px; min-height: 0; padding: 6px 0; font-size: 12px; line-height: 1.6; color: #aaa6b2; }
.lp-qa.lp-qa-modal .lp-qa__consent input { -webkit-appearance: none; appearance: none; display: grid; place-content: center; width: 18px; height: 18px; margin: 1px 0 0; border: 1px solid rgba(255, 255, 255, .25); border-radius: 5px; background: rgba(255, 255, 255, .03); }
.lp-qa.lp-qa-modal .lp-qa__consent input:checked { border-color: var(--m-accent); background: var(--m-accent); }
.lp-qa.lp-qa-modal .lp-qa__consent input:checked::after { content: ""; width: 8px; height: 4px; border-left: 2px solid #24212b; border-bottom: 2px solid #24212b; transform: translateY(-1px) rotate(-45deg); }
.lp-qa.lp-qa-modal .lp-qa__consent input:focus-visible { outline: 2px solid var(--m-accent); outline-offset: 3px; }
.lp-qa.lp-qa-modal .lp-qa__consent a { color: #d0c8db; }
.lp-qa.lp-qa-modal .lp-qa__send { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 48px; padding: 0 24px; border: 0; border-radius: 999px; background: var(--m-accent); font-size: 11px; font-weight: 700; letter-spacing: .16em; color: #25202e; transition: background-color .2s, transform .2s; }
.lp-qa.lp-qa-modal .lp-qa__send::after { content: ""; width: 9px; height: 9px; border-top: 1.6px solid currentColor; border-right: 1.6px solid currentColor; transform: rotate(45deg); }
.lp-qa.lp-qa-modal .lp-qa__send:hover { background: #dfd1ef; color: #25202e; transform: translateY(-1px); }
.lp-qa.lp-qa-modal .lp-qa__send:focus-visible { outline: 2px solid var(--m-accent); outline-offset: 4px; }
.lp-qa.lp-qa-modal .lp-qa__status { font-size: 13px; color: var(--m-accent); }
/* sent: every field leaves, including the question box whose own layout rule would otherwise keep it */
.lp-qa.lp-qa-modal .lp-qa__form.is-done > :not(.lp-qa__status) { display: none !important; }
.lp-qa.lp-qa-modal .lp-qa__form.is-done .lp-qa__status { font-size: 16px; border-left-color: var(--m-accent); }
.lp-qa.lp-qa-modal .lp-qa-modal__x { position: absolute; top: 18px; right: 18px; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255, 255, 255, .13); border-radius: 50%; background: linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .01)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); font: inherit; font-size: 22px; line-height: 1; color: #e7e4ed; transition: background-color .2s; }
.lp-qa.lp-qa-modal .lp-qa-modal__x:hover { background: rgba(255, 255, 255, .08); }
.lp-qa.lp-qa-modal .lp-qa-modal__x:focus-visible { outline: 2px solid var(--m-accent); outline-offset: 3px; }
@media (min-width: 720px) {
  .lp-qa.lp-qa-modal .lp-qa-modal__box { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, .625fr) minmax(0, .625fr); grid-template-rows: auto auto minmax(0, 1fr) auto auto auto; gap: 18px 14px; padding: 64px 36px 36px; }
  .lp-qa.lp-qa-modal .lp-qa-modal__side { grid-column: 1; grid-row: 1 / 4; padding-right: 30px; }
  .lp-qa.lp-qa-modal .lp-qa__form { display: contents; }
  .lp-qa.lp-qa-modal .lp-qa__field { grid-column: 2; grid-row: 1; }
  .lp-qa.lp-qa-modal .lp-qa__field + .lp-qa__field { grid-column: 3; }
  .lp-qa.lp-qa-modal .lp-qa__field + .lp-qa__field + .lp-qa__field { grid-column: 2 / 4; grid-row: 2; }
  .lp-qa.lp-qa-modal .lp-qa__field + .lp-qa__field + .lp-qa__field + .lp-qa__field { grid-row: 3 / 7; display: flex; flex-direction: column; }
  .lp-qa.lp-qa-modal .lp-qa__field + .lp-qa__field + .lp-qa__field + .lp-qa__field textarea { flex: 1; }
  .lp-qa.lp-qa-modal .lp-qa__consent { grid-column: 1; grid-row: 5; align-self: end; padding-right: 30px; }
  .lp-qa.lp-qa-modal .lp-qa__actions { grid-column: 1; grid-row: 6; }
  .lp-qa.lp-qa-modal .lp-qa__status { grid-column: 2 / 4; grid-row: 1 / 7; align-self: center; }
  .lp-qa.lp-qa-modal .lp-qa__form.is-done .lp-qa__status { min-height: 220px; display: flex; align-items: center; padding-right: 40px; line-height: 1.6; }
  /* the error has a row of its own, between the introduction and the consent line */
  .lp-qa.lp-qa-modal .lp-qa__status.is-error { grid-column: 1; grid-row: 4; align-self: end; padding-right: 30px; color: var(--q-err); }
}
@media (max-width: 719px) { .lp-qa.lp-qa-modal { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); border-radius: 24px; } .lp-qa.lp-qa-modal .lp-qa__send { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .lp-qa.lp-qa-modal .lp-qa__send, .lp-qa.lp-qa-modal .lp-qa-modal__x, .lp-qa.lp-qa-modal .lp-qa__field input, .lp-qa.lp-qa-modal .lp-qa__field textarea { transition: none; } }
html.lp-qa-modal-open { overflow: hidden; }


/* ---- the link to the question form at the top of a project ---- */
.lp-qa-jump { align-self: flex-end; position: relative; z-index: 3; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 18px 0 -62px; padding: 0 20px; border: 1px solid rgba(244, 241, 235, .26); border-radius: 999px; font-family: var(--lp-sans, sans-serif); font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #f4f1eb; text-decoration: none; transition: border-color .2s ease; }
.lp-qa-jump::before { content: "+"; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1; color: var(--lp-pink, #e6398b); }
.lp-qa-jump:hover, .lp-qa-jump:focus-visible { border-color: var(--lp-pink, #e6398b); color: #f4f1eb; }
.lp-qa-jump:focus-visible { outline: 2px solid var(--lp-pink, #e6398b); outline-offset: 3px; }
/* ---- V8.53.0 — the questions page: search, grouped answers, verified reviews ---- */
.lp-qa.lp-qa--hub .lp-hub__search { margin: 0 0 clamp(28px, 4vw, 48px); }
.lp-qa.lp-qa--hub .lp-hub__label { display: block; margin: 0 0 10px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--q-dim); }
.lp-qa.lp-qa--hub .lp-hub__field { position: relative; display: block; color: var(--q-dim); }
.lp-qa.lp-qa--hub .lp-hub__field svg { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.lp-qa.lp-qa--hub .lp-hub__field input { display: block; width: 100%; min-height: 56px; margin: 0; padding: 14px 18px 14px 50px; border: 1px solid rgba(231, 223, 243, .23); border-top-color: rgba(244, 239, 252, .32); border-radius: 16px; background: linear-gradient(125deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)); box-shadow: none; font: inherit; font-size: 17px; line-height: 1.4; color: #f4f1eb; -webkit-appearance: none; appearance: none; }
.lp-qa.lp-qa--hub .lp-hub__field input::placeholder { color: color-mix(in srgb, currentColor 42%, transparent); }
.lp-qa.lp-qa--hub .lp-hub__field input:focus { outline: 0; border-color: #b4a0ca; box-shadow: 0 0 0 3px rgba(199, 176, 224, .22); }
.lp-qa.lp-qa--hub .lp-hub__count { margin: 12px 0 0; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--q-dim); }
.lp-qa.lp-qa--hub .lp-hub__none { margin: 0 0 32px; padding: 18px 20px; border: 1px solid var(--q-line2); border-radius: 14px; font-size: 16px; line-height: 1.6; }
.lp-qa.lp-qa--hub .lp-hub__none[hidden], .lp-qa.lp-qa--hub [data-lp-find][hidden], .lp-qa.lp-qa--hub [data-lp-group][hidden] { display: none; }
.lp-qa.lp-qa--hub .lp-qa__gh { margin-bottom: 0; padding-bottom: 14px; font-size: 13px; color: #f4f1eb; }
.lp-qa.lp-qa--hub .lp-qa__gh a { border-bottom-color: transparent; }
.lp-qa.lp-qa--hub .lp-qa__gh a:hover, .lp-qa.lp-qa--hub .lp-qa__gh a:focus-visible { border-bottom-color: var(--q-sun); }
.lp-qa.lp-qa--hub .lp-qa__list { margin-bottom: 0; }
.lp-qa.lp-qa--hub .lp-hub__reviews { margin: clamp(40px, 6vw, 72px) 0 0; padding-top: clamp(32px, 4vw, 48px); border-top: 1px solid var(--q-line); }
.lp-qa.lp-qa--hub .lp-hub__rh { margin: 0 0 10px; font-size: clamp(24px, 2.6vw, 34px); font-weight: 600; line-height: 1.12; letter-spacing: -.02em; color: inherit; text-transform: none; }
.lp-qa.lp-qa--hub .lp-hub__rlede { margin: 0 0 26px; font-size: 14px; line-height: 1.6; color: var(--q-dim); }
.lp-qa.lp-qa--hub .lp-hub__rgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 16px; }
.lp-qa.lp-qa--hub .lp-hub__rev { display: flex; flex-direction: column; margin: 0; padding: 24px; border: 1px solid var(--q-line2); border-top-color: rgba(244, 239, 252, .26); border-radius: 18px; background: linear-gradient(140deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .012)); }
.lp-qa.lp-qa--hub .lp-hub__rq { margin: 0 0 18px; padding: 0; border: 0; background: none; font-family: var(--lp-serif, Georgia, serif); font-size: 19px; font-style: normal; line-height: 1.45; color: inherit; quotes: none; }
.lp-qa.lp-qa--hub .lp-hub__rq::before, .lp-qa.lp-qa--hub .lp-hub__rq::after { content: none; }
.lp-qa.lp-qa--hub .lp-hub__rby { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin: auto 0 6px; font-size: 14px; }
.lp-qa.lp-qa--hub .lp-hub__rby strong { font-weight: 600; }
.lp-qa.lp-qa--hub .lp-hub__rby time { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--q-dim); }
.lp-qa.lp-qa--hub .lp-hub__rabout { margin: 0 0 14px; font-size: 12px; line-height: 1.5; color: var(--q-dim); }
.lp-qa.lp-qa--hub .lp-hub__rlink { align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: inherit; text-decoration: none; border-bottom: 1px solid var(--q-line2); }
.lp-qa.lp-qa--hub .lp-hub__rlink:hover, .lp-qa.lp-qa--hub .lp-hub__rlink:focus-visible { border-bottom-color: var(--q-sun); }
.lp-qa.lp-qa--hub .lp-hub__ask { margin: clamp(40px, 6vw, 72px) 0 0; padding-top: clamp(28px, 4vw, 44px); border-top: 1px solid var(--q-line); }
.lp-qa.lp-qa--hub .lp-hub__askh { margin: 0 0 18px; font-size: clamp(20px, 2.2vw, 26px); font-weight: 600; letter-spacing: -.01em; }
.lp-qa.lp-qa--hub mark { padding: 0 2px; border-radius: 3px; background: rgba(233, 160, 186, .28); color: inherit; }

@media (max-width: 860px) { .lp-qa-jump { align-self: flex-start; margin: 16px 0 0; } }
/* on a service page the link sits at the top right of the page, clear of the fixed header */
.lp-qa-jump.lp-qa-jump--page { position: absolute; top: clamp(150px, 12.6vw, 168px); right: clamp(16px, 4vw, 60px); z-index: 6; margin: 0; background: rgba(11, 13, 16, .55); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
/* the documentary hero carries a subject card in that corner: the link goes under it */
@media (min-width: 861px) { main.leopati-page-content:has(.lpd) .lp-qa-jump.lp-qa-jump--page { top: 300px; } }
@media (max-width: 860px) { .lp-qa-jump.lp-qa-jump--page { top: 76px; right: 16px; min-height: 40px; padding: 0 14px; font-size: 10px; } }


/* ---- V8.45.0 — project pages: the closing call and the previous/next strip were taking a
   screen each; same content, about half the air ---- */
body.leopati-portfolio-experience.single-leopati_project .lp-cs-cta { padding: clamp(40px, 4.5vw, 64px) 0; }
body.single-leopati_project main > footer.footer.padding-top-bottom { padding: clamp(28px, 3.5vw, 48px) 0; }
body.single-leopati_project main > footer.footer.padding-top-bottom .py-5 { padding-top: 12px !important; padding-bottom: 12px !important; }

.lp-rev-page.lp-rev-page--head { min-height: 0; padding-bottom: 0; }
.lp-qa.lp-qa--hub { padding-top: clamp(32px, 4vw, 56px); border-top: 0; }
.lp-qa.lp-qa--hub .lp-qa__in--hub { width: min(760px, calc(100% - 48px)); max-width: none; }

@media (max-width: 860px) {
  .lp-qa .lp-qa__in { grid-template-columns: minmax(0, 1fr); width: calc(100% - 32px); }
  .lp-rev .lp-rev__item, .lp-rev-page .lp-rev-page__in, .lp-qa.lp-qa--hub .lp-qa__in--hub { width: calc(100% - 32px); }
}
@media (max-width: 560px) {
  .lp-qa .lp-qa__form, .lp-rev-page .lp-qa__form { grid-template-columns: minmax(0, 1fr); }
  .lp-qa .lp-qa__q { padding: 18px 34px 18px 36px; font-size: 17px; }
  .lp-qa .lp-qa__a { padding: 0 8px 22px 36px; }
  .lp-qa .lp-qa__askbtn, .lp-qa .lp-qa__send, .lp-rev-page .lp-qa__send { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-qa .lp-qa__q::after, .lp-qa .lp-qa__askbtn, .lp-qa .lp-qa__send, .lp-rev-page .lp-qa__send { transition: none; }
}

/* V8.70.0 — compact questions (owner, 2026-10-14). One quiet line per question with its date and
   an "answered" mark; the full question and the answer open in place. Four show in a page block,
   the rest stay in the HTML behind "show all". See leopati_qa_list_html(). */
.lp-qa .lp-qa__q { display: flex; align-items: baseline; gap: 24px; min-height: 0; padding: 17px 40px 17px 46px; font-size: 16px; font-weight: 400; line-height: 1.5; transition: background-color .2s ease; }
.lp-qa .lp-qa__q::before { top: 21px; }
.lp-qa .lp-qa__q::after { top: 22px; width: 7px; height: 7px; opacity: .7; }
.lp-qa .lp-qa__qt { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: color-mix(in srgb, currentColor 88%, transparent); transition: color .2s ease; }
.lp-qa .lp-qa__q:hover .lp-qa__qt { color: inherit; }
.lp-qa .lp-qa__item[open] > .lp-qa__q .lp-qa__qt { white-space: normal; overflow: visible; font-size: 17px; font-weight: 500; line-height: 1.5; color: inherit; }
.lp-qa .lp-qa__meta { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--q-dim); font-variant-numeric: tabular-nums; white-space: nowrap; }
.lp-qa .lp-qa__badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border: 1px solid var(--q-line2); border-radius: 999px; letter-spacing: .1em; }
.lp-qa .lp-qa__badge::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--q-sun); }
.lp-qa .lp-qa__a { padding: 2px 40px 26px 46px; }
.lp-qa .lp-qa__by { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--q-dim); font-variant-numeric: tabular-nums; }
.lp-qa .lp-qa__mark { display: inline-grid; place-items: center; width: 22px; height: 22px; border: 1px solid var(--q-sun); border-radius: 50%; font-size: 10px; letter-spacing: 0; color: var(--q-sun); }
.lp-qa .lp-qa__text { max-width: 72ch; font-size: 15.5px; line-height: 1.75; }
.lp-qa .lp-qa__text p:last-child { margin-bottom: 0; }
.lp-qa .lp-qa__list.is-folded .lp-qa__item.is-extra { display: none; }
.lp-qa .lp-qa__more { display: inline-block; margin: -8px 0 28px; padding: 6px 0; border: 0; border-bottom: 1px solid var(--q-line2); background: none; font: inherit; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: inherit; cursor: pointer; }
.lp-qa .lp-qa__more:hover, .lp-qa .lp-qa__more:focus-visible { border-bottom-color: var(--q-sun); outline: none; }
@media (max-width: 700px) {
  .lp-qa .lp-qa__q { flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px 30px 16px 36px; }
  .lp-qa .lp-qa__qt { width: 100%; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .lp-qa .lp-qa__item[open] > .lp-qa__q .lp-qa__qt { display: block; -webkit-line-clamp: unset; }
  .lp-qa .lp-qa__a { padding: 0 6px 22px 36px; }
}
@media (prefers-reduced-motion: reduce) { .lp-qa .lp-qa__q, .lp-qa .lp-qa__qt { transition: none; } }
.lp-qa .lp-qa__when::before { content: "·"; margin-right: 10px; }
@media (max-width: 700px) { .lp-qa .lp-qa__by { flex-wrap: wrap; gap: 6px 10px; letter-spacing: .1em; } }

/* ---- V8.90.0 — the FAQ page (.lp-sss, inc/sss.php) -------------------------------------------
   Built from the site's measured language (tools/client-terms/build.py, accepted 2026-10-22):
   label → full-width hairline → large title on the left, content on the right; ruled, numbered
   rows; squared cells; 300-weight body; one italic lilac word in the H1 and no other colour.
   The section keeps the .lp-qa root for the question form and its script. */
.lp-qa.lp-sss { --s-ink: #f4f1eb; --s-mut: rgba(244, 241, 235, .62); --s-soft: rgba(244, 241, 235, .78); --s-hair: rgba(255, 255, 255, .11); --s-hair2: rgba(244, 241, 235, .22); --s-cell: rgba(17, 17, 21, .5); --s-pad: clamp(20px, 4.4vw, 64px); --s-sec: clamp(72px, 8vw, 120px);
  padding: 0; border-top: 0; background: #08080a; color: var(--s-ink); font-weight: 300; -webkit-font-smoothing: antialiased; }
.lp-sss .lp-sss__wrap { max-width: 1600px; margin: 0 auto; padding: 0 var(--s-pad) var(--s-sec); }
.lp-sss .lp-sss__lbl { margin: 0; font-size: 11px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; color: var(--s-mut); }
.lp-sss .lp-sss__n { font-family: "Space Grotesk", var(--lp-sans, sans-serif); font-size: 11px; font-weight: 500; letter-spacing: .14em; color: var(--s-mut); font-variant-numeric: tabular-nums; }
.lp-sss :focus-visible { outline: 1px solid var(--s-ink); outline-offset: 4px; }
.lp-sss [id] { scroll-margin-top: 110px; }

/* hero */
.lp-sss .lp-sss__hero { padding: clamp(120px, 14vw, 190px) 0 clamp(48px, 6vw, 88px); }
.lp-sss .lp-sss__h1 { margin: 22px 0 clamp(28px, 3vw, 44px); max-width: 14ch; font-size: clamp(44px, 7vw, 108px); line-height: .98; font-weight: 500; letter-spacing: -.05em; color: var(--s-ink); text-transform: none; }
.lp-sss .lp-sss__h1 em { font-style: italic; font-weight: 400; background: linear-gradient(96deg, #e5a6f3 8%, #b7a5ff 92%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .06em; }
.lp-sss .lp-sss__herogrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 110px); align-items: end; }
.lp-sss .lp-sss__lead { margin: 0; max-width: 46ch; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; color: var(--s-soft); }
.lp-sss .lp-sss__search .lp-sss__lbl { display: block; margin-bottom: 12px; }
.lp-sss .lp-sss__field { position: relative; display: block; color: var(--s-mut); }
.lp-sss .lp-sss__field svg { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.lp-sss .lp-sss__field input { display: block; width: 100%; min-height: 56px; margin: 0; padding: 14px 18px 14px 50px; border: 1px solid var(--s-hair2); border-radius: 0; background: var(--s-cell); box-shadow: none; font: inherit; font-size: 17px; font-weight: 300; line-height: 1.4; color: var(--s-ink); -webkit-appearance: none; appearance: none; transition: border-color .3s; }
.lp-sss .lp-sss__field input::placeholder { color: rgba(244, 241, 235, .42); }
.lp-sss .lp-sss__field input:focus { outline: 0; border-color: var(--s-ink); }
.lp-sss .lp-sss__count { margin: 12px 0 0; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--s-mut); }

/* topic index */
.lp-sss .lp-sss__index { margin: 0 0 var(--s-sec); }
.lp-sss .lp-sss__index[hidden], .lp-sss [data-lp-group][hidden], .lp-sss [data-lp-find][hidden], .lp-sss .lp-sss__none[hidden] { display: none; }
.lp-sss .lp-sss__index ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(32px, 6vw, 110px); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--s-hair); }
.lp-sss .lp-sss__index li { margin: 0; border-bottom: 1px solid var(--s-hair); }
.lp-sss .lp-sss__index a, .lp-sss .lp-sss__svc a { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 20px; align-items: baseline; padding: 22px 2px 24px; color: var(--s-ink); text-decoration: none; }
.lp-sss .lp-sss__it { font-size: clamp(19px, 1.6vw, 23px); line-height: 1.3; font-weight: 300; letter-spacing: -.02em; color: var(--s-ink); transition: color .3s; }
.lp-sss .lp-sss__ic, .lp-sss .lp-sss__go { font-family: "Space Grotesk", var(--lp-sans, sans-serif); font-size: 11px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--s-mut); white-space: nowrap; }
.lp-sss .lp-sss__index a:hover .lp-sss__it, .lp-sss .lp-sss__svc a:hover .lp-sss__it { color: var(--s-soft); }
.lp-sss .lp-sss__index a:hover .lp-sss__n, .lp-sss .lp-sss__svc a:hover .lp-sss__go { color: var(--s-ink); }
.lp-sss .lp-sss__none { margin: 0 0 var(--s-sec); padding: 22px; border: 1px solid var(--s-hair); background: var(--s-cell); font-size: 16px; line-height: 1.6; color: var(--s-soft); }

/* a topic: label row on a hairline, then title left and questions right */
.lp-sss .lp-sss__topic, .lp-sss .lp-sss__ask { padding: 0 0 var(--s-sec); }
.lp-sss .lp-sss__head { display: flex; align-items: center; gap: 20px; margin: 0 0 clamp(32px, 4vw, 56px); padding: 0 0 18px; border-bottom: 1px solid var(--s-hair); }
.lp-sss .lp-sss__hc { margin-left: auto; }
.lp-sss .lp-sss__split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(36px, 6vw, 110px); align-items: start; }
.lp-sss .lp-sss__side { position: sticky; top: 110px; }
.lp-sss .lp-sss__h2 { margin: 0; max-width: 12ch; font-size: clamp(34px, 4.4vw, 68px); line-height: 1; font-weight: 500; letter-spacing: -.05em; color: var(--s-ink); text-transform: none; }
.lp-sss .lp-sss__intro { margin: 24px 0 0; max-width: 40ch; font-size: 16px; line-height: 1.65; color: var(--s-mut); }
.lp-sss .lp-sss__link { display: inline-block; margin: 28px 0 0; padding: 0 0 10px; border-bottom: 1px solid var(--s-hair2); font-size: 12px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: var(--s-ink); text-decoration: none; transition: border-color .3s; }
.lp-sss .lp-sss__link:hover { border-color: var(--s-ink); }

/* questions */
.lp-sss .lp-sss__list { counter-reset: lpsss; border-top: 1px solid var(--s-hair); }
.lp-sss .lp-sss__item { counter-increment: lpsss; border-bottom: 1px solid var(--s-hair); }
.lp-sss .lp-sss__q { display: grid; grid-template-columns: 52px minmax(0, 1fr) 22px; gap: 20px; align-items: center; padding: 24px 2px; color: var(--s-ink); cursor: pointer; list-style: none; }
.lp-sss .lp-sss__q::-webkit-details-marker { display: none; }
.lp-sss .lp-sss__q::before { content: counter(lpsss, decimal-leading-zero); font-family: "Space Grotesk", var(--lp-sans, sans-serif); font-size: 11px; font-weight: 500; letter-spacing: .14em; color: var(--s-mut); }
.lp-sss .lp-sss__q::after { content: ""; width: 13px; height: 13px; justify-self: end; background: linear-gradient(var(--s-ink), var(--s-ink)) center / 13px 1px no-repeat, linear-gradient(var(--s-ink), var(--s-ink)) center / 1px 13px no-repeat; transition: transform .3s; }
.lp-sss .lp-sss__item[open] > .lp-sss__q::after { transform: rotate(45deg); }
.lp-sss .lp-sss__qt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.35; font-weight: 300; letter-spacing: -.015em; }
.lp-sss .lp-sss__item[open] > .lp-sss__q .lp-sss__qt { display: block; overflow: visible; }
.lp-sss .lp-sss__a { padding: 0 2px 28px 72px; }
.lp-sss .lp-sss__text { max-width: 66ch; font-size: 16px; line-height: 1.7; font-weight: 300; color: var(--s-soft); }
.lp-sss .lp-sss__text p { margin: 0 0 12px; font: inherit; color: inherit; }
.lp-sss .lp-sss__text ul { margin: 0 0 12px; padding: 0; list-style: none; border-top: 1px solid var(--s-hair); }
.lp-sss .lp-sss__text li { margin: 0; padding: 10px 0; border-bottom: 1px solid var(--s-hair); font: inherit; color: inherit; }
.lp-sss .lp-sss__text strong { font-weight: 500; color: var(--s-ink); }
.lp-sss .lp-sss__text a { color: var(--s-ink); text-decoration: underline; text-decoration-color: var(--s-hair2); text-underline-offset: 3px; }
.lp-sss .lp-sss__text a:hover { text-decoration-color: var(--s-ink); }
.lp-sss .lp-sss__by { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 16px 0 0; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--s-mut); }
.lp-sss .lp-sss__by a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--s-hair2); }
.lp-sss .lp-sss__by a:hover { color: var(--s-ink); }
.lp-sss mark { padding: 0 2px; background: rgba(229, 166, 243, .22); color: inherit; }

/* each service's own questions */
.lp-sss .lp-sss__subh { margin: clamp(36px, 4vw, 56px) 0 14px; }
.lp-sss .lp-sss__list + .lp-sss__subh { margin-top: clamp(40px, 5vw, 64px); }
.lp-sss .lp-sss__body > .lp-sss__subh:first-child { margin-top: 0; }
.lp-sss .lp-sss__svc { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--s-hair); }
.lp-sss .lp-sss__svc li { margin: 0; border-bottom: 1px solid var(--s-hair); }

/* the question form keeps its own (approved) look; it only takes the page's squared ground */
.lp-sss .lp-sss__ask .lp-qa__ask { margin: 0; }

@media (max-width: 960px) {
  .lp-sss .lp-sss__herogrid, .lp-sss .lp-sss__split { grid-template-columns: minmax(0, 1fr); }
  .lp-sss .lp-sss__index ol { grid-template-columns: minmax(0, 1fr); }
  .lp-sss .lp-sss__side { position: static; }
  .lp-sss .lp-sss__h2 { max-width: 16ch; }
}
@media (max-width: 560px) {
  .lp-sss .lp-sss__wrap { padding-left: 16px; padding-right: 16px; }
  .lp-sss .lp-sss__index a, .lp-sss .lp-sss__svc a, .lp-sss .lp-sss__q { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; }
  .lp-sss .lp-sss__a { padding: 0 2px 24px 46px; }
}
/* V8.90.2 — no single word left alone on a heading's last line (measured: "mı?" at 375 px) */
.lp-sss .lp-sss__h1, .lp-sss .lp-sss__h2 { text-wrap: balance; }
@media (prefers-reduced-motion: reduce) { .lp-sss .lp-sss__q::after, .lp-sss .lp-sss__it, .lp-sss .lp-sss__link { transition: none; } }