*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,Arial,Helvetica,sans-serif;background:#030715;color:#fff}header{background:#050817!important}header>nav{max-width:1440px!important;min-height:76px}footer{border-top:1px solid #ffffff14;background:#02040b!important;padding:31px 24px!important;color:#96a0b4!important;font-size:14px!important}a{text-decoration:none}.crime-page{background:#030715;color:white}.crime-page h1,.crime-page h2,.crime-page .case-title{font-weight:800}.crime-page .eyebrow{margin-top:0}.case-title,.case-teaser{display:block}
    .hero {
      border-bottom: 1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(circle at 79% 10%, rgba(106,15,107,.34), transparent 34%),
        linear-gradient(90deg,#030817 0%,#080817 64%,#18051f 100%);
    }

    .hero-inner {
      width: min(1340px, calc(100% - 48px));
      margin: 0 auto;
      padding: 28px 0 58px;
    }

    .eyebrow {
      color: #ffd33d;
      font-size: 14px;
      letter-spacing: .15em;
      font-weight: 800;
      text-transform: uppercase;
      margin-bottom: 27px;
    }

    h1 {
      margin: 0 0 24px;
      font-size: clamp(42px, 5.3vw, 70px);
      line-height: .98;
      letter-spacing: -2.7px;
    }

    .hero p {
      max-width: 920px;
      margin: 0;
      color: #e3e7ef;
      font-size: 18px;
      line-height: 1.75;
    }

    .cases {
      padding: 48px 0 66px;
    }

    .cases-inner {
      width: min(1160px, calc(100% - 48px));
      margin: 0 auto;
    }

    .cases h2 {
      margin: 0 0 27px;
      font-size: clamp(34px, 4vw, 50px);
      letter-spacing: -1.5px;
    }

    .case-row {
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: 150px 1fr 58px;
      gap: 28px;
      align-items: center;
      min-height: 150px;
      padding: 34px 18px 22px;
      color: inherit;
      text-decoration: none;
      border: 1px solid rgba(255,255,255,.11);
      background:
        linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,.008)),
        radial-gradient(circle at 82% 45%, rgba(255,214,63,.055), transparent 28%);
      transition: border-color .2s ease, background .2s ease, transform .2s ease;
    }

    .case-row:hover {
      transform: translateY(-1px);
      border-color: rgba(255,214,63,.25);
      background:
        linear-gradient(90deg, rgba(255,255,255,.034), rgba(255,255,255,.012)),
        radial-gradient(circle at 82% 45%, rgba(255,214,63,.09), transparent 28%);
    }

    /* crime scene tape */
    .crime-tape {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 25px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
        repeating-linear-gradient(
          -45deg,
          #f4cf31 0 20px,
          #111 20px 40px
        );
    }

    .crime-tape span {
      margin-left: 18px;
      background: #f4cf31;
      color: #0a0a0a;
      padding: 2px 10px;
      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
      font-size: 9px;
      line-height: 1.35;
      font-weight: 900;
      letter-spacing: .13em;
      text-transform: uppercase;
      transform: rotate(-1deg);
      white-space: nowrap;
      box-shadow: 0 0 0 2px #f4cf31;
    }

    /* faint case number in the background */
    .ghost-number {
      position: absolute;
      right: 94px;
      top: 52%;
      transform: translateY(-50%);
      font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
      font-size: 110px;
      line-height: 1;
      color: rgba(255,255,255,.025);
      letter-spacing: -.04em;
      user-select: none;
      pointer-events: none;
    }

    .evidence-side {
      display: flex;
      align-items: center;
      gap: 18px;
      position: relative;
      z-index: 2;
    }

    .evidence-marker {
      width: 58px;
      height: 58px;
      position: relative;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
    }

    .evidence-marker::before {
      content: "";
      position: absolute;
      left: 6px;
      right: 6px;
      bottom: 5px;
      height: 44px;
      background: #f0cb34;
      clip-path: polygon(50% 0, 100% 100%, 0 100%);
      filter: drop-shadow(0 8px 10px rgba(0,0,0,.3));
    }

    .evidence-marker span {
      position: relative;
      z-index: 2;
      color: #101010;
      font-size: 20px;
      font-weight: 950;
      transform: translateY(7px);
    }

    .case-code {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .case-code small {
      color: rgba(255,255,255,.40);
      font-size: 10px;
      letter-spacing: .14em;
      text-transform: uppercase;
      font-weight: 700;
    }

    .case-code strong {
      color: #54e69e;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 13px;
      letter-spacing: .08em;
    }

    .case-content {
      position: relative;
      z-index: 2;
    }

    .meta-line {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 9px;
    }

    .status {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: #ff8d8d;
    }

    .status::before {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #ff6b6b;
      box-shadow: 0 0 10px rgba(255,107,107,.55);
    }

    .meta-sep {
      color: rgba(255,255,255,.17);
    }

    .meta {
      color: rgba(255,255,255,.40);
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: .13em;
      font-weight: 700;
    }

    .case-content .case-title {
      margin: 0 0 6px;
      font-size: 29px;
      line-height: 1.1;
      letter-spacing: -.65px;
    }

    .case-content .case-teaser {
      margin: 0;
      color: #91a2bd;
      font-size: 15px;
      line-height: 1.55;
    }

    .case-arrow {
      position: relative;
      z-index: 3;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      border: 1px solid rgba(244,207,49,.28);
      color: #f4cf31;
      display: grid;
      place-items: center;
      font-size: 21px;
      transition: transform .2s ease, border-color .2s ease, background .2s ease;
    }

    .case-row:hover .case-arrow {
      transform: translateX(4px);
      border-color: rgba(244,207,49,.66);
      background: rgba(244,207,49,.04);
    }

    .forensic-strip {
      margin-top: 28px;
      display: flex;
      align-items: center;
      gap: 12px;
      color: rgba(255,255,255,.34);
      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
      font-size: 10px;
      letter-spacing: .10em;
      text-transform: uppercase;
    }

    .forensic-strip::before {
      content: "";
      width: 58px;
      height: 1px;
      background: rgba(255,255,255,.16);
    }

    .note {
      margin: 20px 0 0;
      max-width: 1050px;
      color: #d4d9e2;
      font-size: 16px;
      line-height: 1.65;
    }


/* Native disclosure keeps the reference row clickable and keyboard accessible. */
.crime-page .case-file{border:0;border-radius:0;background:transparent;margin:0;overflow:visible}.crime-page .case-file>summary{display:grid;grid-template-columns:230px minmax(0,1fr) 58px;gap:28px;padding:34px 18px 22px;list-style:none;cursor:pointer;border-radius:0;min-height:150px}.crime-page .case-file>summary::-webkit-details-marker{display:none}.crime-page .case-file[open]>summary{border-color:#f4cf3145}.crime-page .case-file[open] .case-arrow{transform:rotate(90deg)}.crime-page .case-file-content{padding:24px;border:1px solid #ffffff1c;border-top:0;background:#090e20}.crime-page .case-file-description{padding:28px 4px 4px;max-width:860px}.crime-page .case-file-description h3{font-size:28px;line-height:1.2;letter-spacing:-.6px;font-weight:750;margin:12px 0 20px}.crime-page .case-file-description p{font-size:16px;line-height:1.8;color:#cbd5e1;margin:16px 0}.crime-page .case-file-description strong{color:white}.crime-page .case-file-description .detective-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;color:#f4cf31!important}.detective-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 0}.detective-button{display:inline-flex;align-items:center;justify-content:center;background:#27d77f;color:#07110c;padding:14px 22px;border-radius:999px;font-size:14px;font-weight:750}.detective-button:hover{background:#54e69e}.crime-page .case-slideshow{border-radius:0}.crime-page .case-file .case-slide-pause{background:transparent}.crime-page .case-file .case-slide-pause:hover{background:#ffffff10}.crime-page .case-row:focus-visible{outline:3px solid #f4cf31;outline-offset:4px}.crime-page .case-file .case-code strong{white-space:nowrap}.crime-page .case-file .case-slides{aspect-ratio:16/9}
@media(max-width:820px){.hero-inner,.cases-inner{width:calc(100% - 32px)}.hero-inner{padding:28px 0 42px}.hero h1{font-size:clamp(36px,7vw,54px);letter-spacing:-1.8px;overflow-wrap:break-word}.hero p{font-size:16px}.cases{padding:34px 0 44px}.cases h2{font-size:34px}.crime-page .case-file>summary{grid-template-columns:minmax(0,1fr) 42px;gap:12px 14px;padding:42px 14px 20px}.evidence-side{grid-column:1/-1}.ghost-number{right:35px;font-size:82px}.case-content .case-title{font-size:24px}.case-content .case-teaser{font-size:14px}.crime-page .case-file-content{padding:14px}.crime-page .case-file .case-slides{aspect-ratio:4/3}.crime-page .case-file-description h3{font-size:24px}.forensic-strip{font-size:9px;letter-spacing:.07em}.note{font-size:15px}.crime-page .eyebrow{font-size:11px}.crime-page .case-file .case-code strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.case-row,.case-arrow{transition:none}}
.crime-page h1{margin:0 0 24px;font-size:clamp(42px,5.3vw,70px);line-height:.98;letter-spacing:-2.7px;font-weight:800}.crime-page .hero .eyebrow{color:#ffd33d;font-size:14px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;margin:0 0 27px;line-height:1.5}.crime-page .case-file .case-title{margin:0 0 6px;font-size:29px;line-height:1.1;letter-spacing:-.65px}.crime-page .case-file .case-teaser{margin:0;color:#91a2bd;font-size:15px;line-height:1.55}@media(max-width:820px){.crime-page h1{font-size:clamp(36px,7vw,54px);letter-spacing:-1.8px}.crime-page .hero .eyebrow{font-size:11px}.crime-page .case-file .case-title{font-size:24px}.crime-page .case-file .case-teaser{font-size:14px}}

.crime-page .case-file>summary{grid-template-columns:210px minmax(0,1fr) 170px 42px;gap:22px}.case-average{display:grid;gap:5px;text-align:right;position:relative;z-index:2;border-left:1px solid #ffffff15;padding-left:18px}.case-average-label{font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.case-average-value{font-size:30px;line-height:1.15;color:#f4cf31;font-weight:800;letter-spacing:-.8px}.case-average-count{font-size:10px;color:#94a3b8}.crime-page .ghost-number{right:230px}@media(max-width:1000px) and (min-width:821px){.crime-page .case-file>summary{grid-template-columns:180px minmax(0,1fr) 145px 36px;gap:14px}.case-average{padding-left:12px}.case-code strong{font-size:11px}}@media(max-width:820px){.crime-page .case-file>summary{grid-template-columns:minmax(0,1fr) 42px;gap:16px}.crime-page .case-file .evidence-side{grid-column:1/-1}.case-content{grid-column:1;grid-row:2}.case-average{grid-column:1;grid-row:3;justify-self:start;text-align:left;padding:14px 0 0;border-left:0;border-top:1px solid #ffffff15;width:100%}.case-arrow{grid-column:2;grid-row:2}.case-average-value{font-size:27px}.crime-page .ghost-number{right:35px}}