/* Generated by src/site/scope-themes.js from src/site/themes/support.css. Edit the source, not this file. */
.t-support {
    --red: #9b0041; --coral: #e8394a; --pink: #f0a4c0; --blush: #fcecf2;
    --ink: #0d0d12; --ink-2: rgba(13, 13, 18, 0.78); --muted: rgba(13, 13, 18, 0.56); --line: rgba(13, 13, 18, 0.14);
    --head: 'Right Grotesk Compact', 'Arial Narrow', Arial, sans-serif;
    --body: 'ABC Monument Grotesk', Inter, -apple-system, 'Segoe UI', sans-serif;
    --max: none; --gutter: clamp(48px, 5vw, 104px); --header-height: 76px;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
  }
  *:is(.t-support,.t-support *) { box-sizing: border-box; } /* Lenis handles smooth scrolling */
  .t-support { margin: 0; background: #fff; color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: clip; }
  h1:is(.t-support,.t-support *), h2:is(.t-support,.t-support *), h3:is(.t-support,.t-support *), p:is(.t-support,.t-support *), dl:is(.t-support,.t-support *), dd:is(.t-support,.t-support *) { margin: 0; }
  a:is(.t-support,.t-support *) { color: inherit; text-decoration: none; }
  :focus-visible:is(.t-support,.t-support *) { outline: 2px solid var(--coral); outline-offset: 3px; }
  .container:is(.t-support,.t-support *) { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
  .kicker:is(.t-support,.t-support *) { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; color: var(--pink); }
  .kicker:is(.t-support,.t-support *)::before { content: ''; width: 32px; height: 2px; background: var(--pink); }
  .ext:is(.t-support,.t-support *) { display: inline-block; transition: transform 0.4s var(--ease); }
  a:hover .ext:is(.t-support,.t-support *) { transform: translate(3px, -3px); }
  .rv:is(.t-support,.t-support *) { opacity: 0; transform: translateY(28px); transition: opacity 0.9s ease, transform 0.9s var(--ease); }
  .rv.in:is(.t-support,.t-support *) { opacity: 1; transform: none; }
  .rv-d1:is(.t-support,.t-support *) { transition-delay: 0.12s; }

  /* ---------- Hero: question + "who are you" tiles ---------- */
  .band:is(.t-support,.t-support *) { background: var(--red); color: #fff; padding: calc(var(--header-height) + clamp(56px, 7vw, 96px)) 0 clamp(48px, 6vw, 80px); }
  .band h1:is(.t-support,.t-support *) { font-family: var(--head); font-weight: 700; font-size: clamp(48px, 7vw, 112px); line-height: 0.9; margin-top: 18px; max-width: 12ch; }
  .band p:is(.t-support,.t-support *) { font-size: clamp(17px, 1.4vw, 21px); line-height: 1.5; color: rgba(255,255,255,0.85); max-width: 54ch; margin-top: 20px; }
  .who:is(.t-support,.t-support *) { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-top: clamp(28px, 3.5vw, 44px); }
  .who a:is(.t-support,.t-support *) { display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; min-height: 150px; padding: 18px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.3); color: #fff; transition: background 0.3s ease, color 0.3s ease, transform 0.4s var(--ease); }
  .who a:hover:is(.t-support,.t-support *) { background: #fff; color: var(--red); transform: translateY(-4px); }
  .who .n:is(.t-support,.t-support *) { font-family: var(--head); font-weight: 700; font-size: 13px; color: var(--pink); margin-bottom: auto; }
  .who a:hover .n:is(.t-support,.t-support *) { color: var(--coral); }
  .who .t:is(.t-support,.t-support *) { font-family: var(--head); font-weight: 700; font-size: clamp(18px, 1.6vw, 23px); line-height: 1; }

  /* ---------- Urgent help ---------- */
  .urgent:is(.t-support,.t-support *) { background: var(--blush); padding: clamp(40px, 5vw, 64px) 0; scroll-margin-top: var(--header-height); }
  .urgent h2:is(.t-support,.t-support *) { font-family: var(--head); font-weight: 700; color: var(--red); font-size: clamp(30px, 3.4vw, 48px); line-height: 1; }
  .urgent__grid:is(.t-support,.t-support *) { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 24px; }
  .urgent a:is(.t-support,.t-support *) { display: block; padding: 20px; background: #fff; border: 1px solid rgba(155,0,65,0.15); color: var(--ink); transition: background 0.3s ease, color 0.3s ease, transform 0.4s var(--ease); }
  .urgent a:hover:is(.t-support,.t-support *) { background: var(--red); color: #fff; transform: translateY(-4px); }
  .urgent b:is(.t-support,.t-support *) { display: block; font-family: var(--head); font-weight: 700; font-size: 21px; line-height: 1; color: var(--red); margin-bottom: 8px; }
  .urgent a:hover b:is(.t-support,.t-support *) { color: #fff; }
  .urgent span:is(.t-support,.t-support *) { display: block; font-size: 13.5px; color: var(--muted); }
  .urgent a:hover span:is(.t-support,.t-support *) { color: rgba(255,255,255,0.85); }
  .urgent .tel:is(.t-support,.t-support *) { font-family: var(--head); font-weight: 700; font-size: 26px; color: var(--red); margin-top: 10px; }
  .urgent a:hover .tel:is(.t-support,.t-support *) { color: #fff; }

  /* ---------- Sections: always open ---------- */
  .secs:is(.t-support,.t-support *) { padding-top: clamp(40px, 5vw, 64px); padding-bottom: clamp(64px, 8vw, 112px); }   /* keeps the container's side gutters */
  .sec:is(.t-support,.t-support *) { padding: clamp(32px, 4vw, 48px) 0; border-top: 1px solid var(--line); scroll-margin-top: calc(var(--header-height) + 8px); }
  .sec:first-child:is(.t-support,.t-support *) { border-top: 0; }
  .sec__head:is(.t-support,.t-support *) { display: grid; grid-template-columns: 56px 1fr; gap: 20px; align-items: baseline; margin-bottom: 8px; }
  .sec__head .num:is(.t-support,.t-support *) { font-family: var(--head); font-weight: 700; font-size: 15px; color: var(--coral); }
  .sec__head h2:is(.t-support,.t-support *) { font-family: var(--head); font-weight: 700; font-size: clamp(30px, 3.4vw, 48px); line-height: 1; color: var(--red); }
  .sec__head p:is(.t-support,.t-support *) { font-size: 14px; color: var(--muted); margin-top: 6px; }
  .rows:is(.t-support,.t-support *), .svcs:is(.t-support,.t-support *) { margin-left: 76px; }
  .row:is(.t-support,.t-support *) { display: grid; grid-template-columns: 1fr auto; gap: 6px 24px; align-items: baseline; padding: 18px 0; border-top: 1px solid var(--line); transition: padding-left 0.4s var(--ease); }
  .rows .row:first-child:is(.t-support,.t-support *) { border-top: 0; }
  a.row:hover:is(.t-support,.t-support *) { padding-left: 12px; }
  .row__name:is(.t-support,.t-support *) { font-family: var(--head); font-weight: 700; font-size: clamp(20px, 1.9vw, 26px); line-height: 1.02; color: var(--red); }
  .row__desc:is(.t-support,.t-support *) { font-size: 14.5px; line-height: 1.5; color: var(--ink-2); grid-column: 1; }
  .row__site:is(.t-support,.t-support *) { font-size: 12.5px; color: var(--coral); white-space: nowrap; grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  .row--plain .row__site:is(.t-support,.t-support *) { font-family: var(--head); font-weight: 700; font-size: 18px; color: var(--red); }
  .svcs:is(.t-support,.t-support *) { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
  .svc:is(.t-support,.t-support *) { background: var(--blush); padding: 22px; border-left: 3px solid var(--coral); }
  .svc__name:is(.t-support,.t-support *) { font-family: var(--head); font-weight: 700; font-size: clamp(20px, 1.9vw, 26px); line-height: 1; color: var(--red); }
  .svc__desc:is(.t-support,.t-support *) { font-size: 14px; line-height: 1.5; color: var(--ink-2); margin-top: 8px; }
  .svc dl:is(.t-support,.t-support *) { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; font-size: 13.5px; margin-top: 12px; color: var(--ink-2); }
  .svc dt:is(.t-support,.t-support *) { color: var(--coral); font-family: var(--head); font-weight: 700; font-size: 13px; letter-spacing: 0.02em; }
  .svc a:is(.t-support,.t-support *) { text-decoration: underline; text-underline-offset: 2px; }
  .svc a:hover:is(.t-support,.t-support *) { color: var(--red); }

  @media (max-width: 900px) {
    .who:is(.t-support,.t-support *) { grid-template-columns: repeat(3, 1fr); }
    .urgent__grid:is(.t-support,.t-support *) { grid-template-columns: 1fr 1fr; }
    /* Below tablet width the number sits above the heading so headings, rows and cards all share the left edge */
    .sec__head:is(.t-support,.t-support *) { grid-template-columns: 1fr; gap: 6px; }
    .rows:is(.t-support,.t-support *), .svcs:is(.t-support,.t-support *) { margin-left: 0; }
    .svcs:is(.t-support,.t-support *) { grid-template-columns: 1fr; }
    .row:is(.t-support,.t-support *) { grid-template-columns: 1fr; gap: 6px; }
    .row__site:is(.t-support,.t-support *) { grid-column: 1; grid-row: auto; align-self: start; }
  }
  @media (max-width: 560px) { .who:is(.t-support,.t-support *) { grid-template-columns: 1fr 1fr; } .urgent__grid:is(.t-support,.t-support *) { grid-template-columns: 1fr; } .row:is(.t-support,.t-support *) { grid-template-columns: 1fr; } .row__site:is(.t-support,.t-support *) { grid-column: 1; grid-row: auto; } }
  @media (prefers-reduced-motion: reduce) { .rv:is(.t-support,.t-support *) { opacity: 1; transform: none; transition: none; } }

  /* Page margins match the homepage */
  @media (max-width: 1023px) { .t-support { --gutter: 32px; } }