/* =====================================================================
   SEX CRIMES — full baked dual-breakpoint rebuild (v295).
   Desktop (>=1025) and Mobile/Tablet (<=1024) are INDEPENDENT baked
   asset flows. Replaces the old desktop-only sexcrimes-v239 page and the
   under-construction mobile placeholder entirely.

   Sections (both breakpoints): Hero -> Assumptions -> Second Opinion ->
   CTA (which bakes in the Primary CTA + Related Practice Links + Footer).

   Scoped to .page-practice .sc-* so nothing else is affected.
   ===================================================================== */

.page-practice main.sc { display: block; background: var(--color-black, #050505); }

.page-practice .sc .sr-only {
  position: absolute !important; width: 1px !important; height: 1px !important;
  overflow: hidden !important; clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important; white-space: nowrap !important;
  margin: -1px !important; padding: 0 !important; border: 0 !important;
}

.page-practice .sc-dt { display: none; }
.page-practice .sc-m  { display: none; }

/* shared section + hotspot primitives */
.page-practice .sc-sec { position: relative; line-height: 0; width: 100%; margin: 0 auto; }
.page-practice .sc-sec > img { display: block; width: 100%; height: auto; }
.page-practice .sc-hot {
  position: absolute; display: block; z-index: 3; border-radius: 4px;
  -webkit-tap-highlight-color: transparent;
}
.page-practice .sc-hot:focus-visible { outline: 2px solid var(--color-gold, #8b6e3b); outline-offset: 2px; }

/* ---------------- DESKTOP (>=1025) ---------------- */
@media (min-width: 1025px) {
  .page-practice .sc-dt { display: block; }
  /* hero / assumptions / second-opinion are full-bleed 1920-wide comps */
  .page-practice .sc-dt .sc-sec { width: 100%; max-width: 100%; }
  /* CTA asset is portrait 1290 — cap at native width, centred on black (no upscale) */
  .page-practice .sc-dt .sc-sec--cta { max-width: 1290px; }
}

/* ---------------- MOBILE + TABLET (<=1024) ---------------- */
@media (max-width: 1024px) {
  .page-practice .sc-m { display: block; }
  /* all mobile comps are 1290-wide portrait — hold them in a phone-width column */
  .page-practice .sc-m .sc-sec { max-width: 640px; }
}