:root {
    --sd-black: #0a0a0a;
    --sd-paper: #151515;
    --sd-yellow: #f5c400;
    --sd-white: #f5f5f5;
    --sd-muted: #a7a7a7;
    --sd-red: #c82626;
    --sd-line: #303030;
}
.sd-wrap {
    background: var(--sd-black);
    color: var(--sd-white);
    padding: 48px 20px 80px;
}
.sd-case, .sd-archive-hero, .sd-cases {
    width: min(1180px, 100%);
    margin: 0 auto;
}
.sd-hero, .sd-archive-hero {
    border: 1px solid var(--sd-line);
    background: linear-gradient(135deg, #171717, #090909);
    padding: clamp(28px, 5vw, 64px);
    position: relative;
    overflow: hidden;
}
.sd-hero:after, .sd-archive-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: repeating-linear-gradient(0deg, transparent 0, transparent 31px, rgba(255,255,255,.025) 32px);
}
.sd-kicker {
    color: var(--sd-yellow);
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-size: 12px;
}
.sd-hero h1, .sd-archive-hero h1 {
    color: var(--sd-white);
    font-size: clamp(38px, 7vw, 86px);
    line-height: .95;
    text-transform: uppercase;
    margin: 18px 0 10px;
    letter-spacing: -.04em;
}
.sd-archive-hero p, .sd-artist {
    color: var(--sd-muted);
    font-size: 20px;
}
.sd-status {
    display: inline-block;
    margin-top: 24px;
    border: 2px solid var(--sd-red);
    color: var(--sd-red);
    padding: 8px 14px;
    font-weight: 900;
    transform: rotate(-2deg);
    letter-spacing: .12em;
}
.sd-status-open { border-color: var(--sd-yellow); color: var(--sd-yellow); }
.sd-status-investigation { border-color: var(--sd-white); color: var(--sd-white); }
.sd-cover img {
    width: 100%;
    max-height: 660px;
    object-fit: cover;
    display: block;
}
.sd-panel {
    background: var(--sd-paper);
    border: 1px solid var(--sd-line);
    margin-top: 24px;
    padding: clamp(24px, 4vw, 46px);
}
.sd-panel h2 {
    color: var(--sd-yellow);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 18px;
    margin: 0 0 24px;
}
.sd-content { font-size: 18px; line-height: 1.8; }
.sd-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.sd-data { margin: 0; }
.sd-data > div {
    display: grid;
    grid-template-columns: minmax(120px, .8fr) 1.4fr;
    gap: 18px;
    padding: 13px 0;
    border-bottom: 1px solid var(--sd-line);
}
.sd-data dt { color: var(--sd-muted); }
.sd-data dd { margin: 0; color: var(--sd-white); font-weight: 700; }
.sd-data a { color: var(--sd-yellow); }
.sd-analysis, .sd-learning { font-size: 17px; line-height: 1.75; }
.sd-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
.sd-scores {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}
.sd-score {
    border: 1px solid var(--sd-line);
    padding: 18px;
}
.sd-score span { display:block; color:var(--sd-muted); margin-bottom:8px; }
.sd-score strong { color:var(--sd-yellow); letter-spacing:2px; }
.sd-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}
.sd-actions a, .sd-card-button, .sd-search button {
    background: var(--sd-yellow);
    color: #000 !important;
    padding: 13px 18px;
    font-weight: 900;
    text-decoration: none;
    border: 0;
}
.sd-stamp {
    width:max-content;
    margin:42px auto 0;
    padding:14px 24px;
    color:var(--sd-red);
    border:4px double var(--sd-red);
    font-size:clamp(22px,4vw,44px);
    font-weight:900;
    letter-spacing:.1em;
    transform:rotate(-3deg);
}
.sd-search {
    display:flex;
    gap:10px;
    max-width:760px;
    margin-top:32px;
    position:relative;
    z-index:2;
}
.sd-search input {
    flex:1;
    min-width:0;
    background:#fff;
    color:#111;
    border:0;
    padding:15px 16px;
}
.sd-cards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-top:28px;
}
.sd-card {
    background:var(--sd-paper);
    border:1px solid var(--sd-line);
    display:flex;
    flex-direction:column;
}
.sd-card-image img {
    display:block;
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
}
.sd-no-image {
    display:grid;
    place-items:center;
    aspect-ratio:4/3;
    font-size:58px;
    background:#202020;
}
.sd-card-body { padding:22px; }
.sd-card-meta { color:var(--sd-yellow); font-size:11px; letter-spacing:.12em; font-weight:800; }
.sd-card h2 { margin:10px 0; font-size:25px; line-height:1.1; }
.sd-card h2 a { color:var(--sd-white); text-decoration:none; }
.sd-card-producer, .sd-card-producer a { color:var(--sd-muted); }
.sd-card p { color:var(--sd-muted); line-height:1.6; }
.sd-card-button { display:inline-block; margin-top:10px; font-size:12px; }
.sd-pagination { margin-top:36px; }
.sd-pagination a, .sd-pagination span { color:var(--sd-white); margin-right:10px; }
@media (max-width: 900px) {
    .sd-grid, .sd-cards { grid-template-columns:1fr 1fr; }
    .sd-scores { grid-template-columns:1fr 1fr; }
}
@media (max-width: 620px) {
    .sd-grid, .sd-cards, .sd-scores { grid-template-columns:1fr; }
    .sd-search { flex-direction:column; }
    .sd-data > div { grid-template-columns:1fr; gap:5px; }
    .sd-wrap { padding-left:12px; padding-right:12px; }
}


/* Sample Detective 2.0 */
.sd-v2 .sd-archive-hero {
    min-height: 470px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sd-hero-actions { margin-top: 18px; position: relative; z-index: 2; }
.sd-random-button {
    display: inline-block;
    border: 1px solid var(--sd-yellow);
    color: var(--sd-yellow) !important;
    padding: 14px 18px;
    font-weight: 900;
    text-decoration: none;
    letter-spacing: .04em;
}
.sd-random-button:hover { background: var(--sd-yellow); color: #000 !important; }
.sd-stats {
    width: min(1180px, 100%);
    margin: 24px auto 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--sd-line);
    background: #111;
}
.sd-stats div { padding: 28px; border-right: 1px solid var(--sd-line); }
.sd-stats div:last-child { border-right: 0; }
.sd-stats strong { display: block; color: var(--sd-yellow); font-size: 38px; line-height: 1; }
.sd-stats span { display: block; color: var(--sd-muted); margin-top: 9px; text-transform: uppercase; font-size: 12px; letter-spacing: .08em; }
.sd-filter-panel {
    width: min(1180px, 100%);
    margin: 24px auto 0;
    padding: 28px;
    background: var(--sd-paper);
    border: 1px solid var(--sd-line);
}
.sd-filter-heading { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 22px; }
.sd-filter-heading h2 { margin: 7px 0 0; color: var(--sd-white); font-size: 30px; }
.sd-clear-filters { background: transparent; color: var(--sd-muted); border: 1px solid var(--sd-line); padding: 11px 14px; cursor: pointer; }
.sd-filters { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 14px; }
.sd-filters label span { display: block; color: var(--sd-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 7px; }
.sd-filters input, .sd-filters select {
    width: 100%;
    background: #0d0d0d;
    color: var(--sd-white);
    border: 1px solid var(--sd-line);
    padding: 13px 12px;
}
.sd-card-image { position: relative; overflow: hidden; }
.sd-card-stamp {
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 7px 10px;
    color: var(--sd-red);
    border: 2px solid var(--sd-red);
    background: rgba(8,8,8,.9);
    font-weight: 900;
    font-size: 11px;
    letter-spacing: .08em;
    transform: rotate(-2deg);
}
.sd-card { transition: transform .2s ease, border-color .2s ease; }
.sd-card:hover { transform: translateY(-5px); border-color: var(--sd-yellow); }
.sd-card[hidden] { display: none !important; }
.sd-no-results { color: var(--sd-muted); text-align: center; padding: 40px 0; }
.sd-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.sd-related-card {
    display: block;
    border: 1px solid var(--sd-line);
    background: #0e0e0e;
    text-decoration: none;
}
.sd-related-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; }
.sd-related-card span { display: block; padding: 16px; color: var(--sd-white); font-weight: 800; }
@media (max-width: 900px) {
    .sd-stats { grid-template-columns: 1fr 1fr; }
    .sd-stats div:nth-child(2) { border-right: 0; }
    .sd-stats div:nth-child(-n+2) { border-bottom: 1px solid var(--sd-line); }
    .sd-filters { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
    .sd-stats, .sd-filters, .sd-related-grid { grid-template-columns: 1fr; }
    .sd-stats div { border-right: 0; border-bottom: 1px solid var(--sd-line); }
    .sd-filter-heading { align-items: stretch; flex-direction: column; }
}


/* Sample Detective 2.0.1 */
.sd-breadcrumb {
    width: min(1180px, 100%);
    margin: 0 auto 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    color: #d7d7d7;
    font-size: 13px;
}
.sd-breadcrumb a {
    color: var(--sd-yellow) !important;
    text-decoration: none;
}
.sd-breadcrumb a:hover {
    text-decoration: underline;
}
.sd-search input,
.sd-filters input,
.sd-filters select {
    color: #111 !important;
    background: #fff !important;
}
.sd-search input::placeholder,
.sd-filters input::placeholder {
    color: #666 !important;
    opacity: 1;
}
.sd-filters select option {
    color: #111;
    background: #fff;
}


/* =========================================================
   SAMPLE DETECTIVE 3.0 — PORTADA TIPO EXPEDIENTE
   ========================================================= */
.sd-v3 {
    --sd-yellow: #f5c400;
    --sd-black: #050505;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.03), transparent 28%),
        radial-gradient(circle at 80% 65%, rgba(255,255,255,.025), transparent 30%),
        repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 4px),
        #050505;
    padding-top: 0;
}
.sd-v3 .sd-breadcrumb {
    background: #0a0a0a;
    border-bottom: 1px solid #282828;
    width: calc(100% + 40px);
    max-width: none;
    margin: 0 -20px;
    padding: 14px max(20px, calc((100vw - 1180px)/2));
    color: #fff;
    font-size: 15px;
}
.sd-v3 .sd-breadcrumb a { color: #fff !important; }
.sd-v3 .sd-breadcrumb a:first-child { color: var(--sd-yellow) !important; }

.sd-v3-hero {
    min-height: 320px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #202020;
    display: grid;
    place-items: center;
    background:
        linear-gradient(90deg, rgba(0,0,0,.4), transparent 22%, transparent 78%, rgba(0,0,0,.4)),
        radial-gradient(circle at center, #151515 0, #090909 55%, #030303 100%);
}
.sd-v3-inner {
    width: min(960px, calc(100% - 40px));
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 34px 0 30px;
}
.sd-v3-label {
    display: inline-block;
    background: var(--sd-yellow);
    color: #070707;
    padding: 5px 12px 4px;
    font-weight: 950;
    font-size: clamp(12px, 1.5vw, 19px);
    letter-spacing: .03em;
}
.sd-v3-hero h1 {
    margin: 9px 0 4px;
    color: #fff;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    font-size: clamp(52px, 8vw, 108px);
    line-height: .9;
    letter-spacing: .015em;
    text-transform: uppercase;
    text-shadow: 0 3px 0 rgba(255,255,255,.08);
}
.sd-v3-hero > .sd-fingerprint {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 260px;
    opacity: .88;
    background: url("fingerprint.svg") center/contain no-repeat;
}
.sd-fingerprint-left { left: -70px; transform: rotate(-8deg); }
.sd-fingerprint-right { right: -70px; transform: rotate(8deg) scaleX(-1); }
.sd-v3-hero p {
    margin: 14px 0 24px;
    color: var(--sd-yellow);
    letter-spacing: .42em;
    font-weight: 700;
    font-size: clamp(12px, 1.45vw, 18px);
}
.sd-lens {
    display: inline-block;
    width: .43em;
    height: .43em;
    border: .07em solid var(--sd-yellow);
    border-radius: 50%;
    margin-left: .07em;
    vertical-align: .1em;
    position: relative;
}
.sd-lens:after {
    content: "";
    position: absolute;
    width: .28em;
    height: .07em;
    background: var(--sd-yellow);
    transform: rotate(45deg);
    right: -.21em;
    bottom: -.11em;
    border-radius: 10px;
}
.sd-v3-search {
    width: min(800px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 52px 1fr 155px;
    position: relative;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.55));
}
.sd-v3-search input {
    border: 0 !important;
    background: #fff !important;
    color: #111 !important;
    padding: 17px 14px 17px 0;
    font-size: 17px;
}
.sd-v3-search button {
    border: 0;
    background: var(--sd-yellow);
    color: #050505;
    font-weight: 950;
    font-size: 17px;
}
.sd-search-icon {
    display: grid;
    place-items: center;
    background: #fff;
    color: #111;
    font-size: 32px;
}

.sd-v3-stats {
    width: min(1180px, 100%);
    margin: 20px auto 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border: 1px solid #2c2c2c;
    background: rgba(10,10,10,.95);
}
.sd-stat {
    min-height: 112px;
    padding: 20px;
    display: flex;
    gap: 17px;
    align-items: center;
    border-right: 1px solid #2c2c2c;
}
.sd-stat:last-child { border-right: 0; }
.sd-stat-icon { color: var(--sd-yellow); font-size: 36px; line-height: 1; }
.sd-stat small, .sd-stat em { display: block; font-style: normal; }
.sd-stat small { color: #fff; font-size: 12px; font-weight: 900; }
.sd-stat strong { display: block; color: #fff; font-size: 30px; line-height: 1.1; margin: 5px 0; }
.sd-stat em { color: #b7b7b7; font-size: 10px; }

.sd-v3-toolbar {
    width: min(1180px, 100%);
    margin: 16px auto 0;
    padding: 16px;
    display: grid;
    grid-template-columns: 280px repeat(3, 1fr) 170px;
    gap: 16px;
    align-items: end;
    border: 1px solid #2c2c2c;
    background: rgba(10,10,10,.96);
}
.sd-v3-random {
    min-height: 76px;
    background: var(--sd-yellow);
    color: #050505 !important;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    font-weight: 950;
    font-size: 17px;
    line-height: 1.25;
}
.sd-v3-random > span { font-size: 40px; }
.sd-v3-toolbar label > span {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 8px;
}
.sd-v3-toolbar select {
    width: 100%;
    height: 54px;
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #2b2b2b;
    padding: 0 14px;
}
.sd-v3-filter-button {
    height: 54px;
    border: 1px solid var(--sd-yellow);
    background: #070707;
    color: var(--sd-yellow);
    font-weight: 900;
    font-size: 16px;
}
.sd-v3-hidden-search {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.sd-v3-heading {
    width: min(1180px, 100%);
    margin: 28px auto 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sd-v3-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
}
.sd-v3-heading h2::first-letter { color: var(--sd-yellow); }
.sd-v3-heading a {
    color: var(--sd-yellow);
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
}

.sd-v3-cards {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-top: 0;
}
.sd-v3-card {
    min-height: 330px;
    position: relative;
    overflow: hidden;
    border: 1px solid #303030;
    background:
        linear-gradient(rgba(8,8,8,.88), rgba(8,8,8,.96)),
        repeating-linear-gradient(135deg, #111 0 2px, #0d0d0d 2px 5px);
}
.sd-v3-card:hover {
    transform: translateY(-5px);
    border-color: var(--sd-yellow);
}
.sd-v3-card-bg {
    position: absolute;
    inset: 0;
    opacity: .13;
}
.sd-v3-card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1) contrast(1.4);
}
.sd-v3-card-content {
    position: relative;
    z-index: 2;
    min-height: 330px;
    padding: 18px;
    display: flex;
    flex-direction: column;
}
.sd-v3-case-number {
    color: var(--sd-yellow);
    font-size: 11px;
    font-weight: 950;
}
.sd-v3-stamp {
    align-self: flex-start;
    margin: 16px 0 14px;
    color: #d21f26;
    border: 3px solid #d21f26;
    padding: 5px 9px 3px;
    font-size: 20px;
    font-weight: 950;
    letter-spacing: .05em;
    transform: rotate(-5deg);
}
.sd-v3-card h3 {
    color: #fff;
    font-size: 23px;
    line-height: 1;
    margin: 0 0 8px;
    text-transform: uppercase;
}
.sd-v3-card h2 {
    color: var(--sd-yellow);
    font-size: 16px;
    line-height: 1.15;
    margin: 0 0 18px;
    text-transform: uppercase;
}
.sd-v3-card-data {
    display: grid;
    gap: 10px;
    color: #e3e3e3;
    font-size: 13px;
    margin-bottom: 18px;
}
.sd-v3-card-content > a {
    margin-top: auto;
    color: var(--sd-yellow);
    text-decoration: none;
    font-size: 12px;
    font-weight: 950;
}

@media (max-width: 1100px) {
    .sd-v3-stats { grid-template-columns: repeat(3, 1fr); }
    .sd-stat:nth-child(3) { border-right: 0; }
    .sd-v3-toolbar { grid-template-columns: 1fr 1fr; }
    .sd-v3-random { grid-column: 1 / -1; }
    .sd-v3-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .sd-v3-search { grid-template-columns: 42px 1fr; }
    .sd-v3-search button { grid-column: 1 / -1; padding: 14px; }
    .sd-v3-stats { grid-template-columns: 1fr 1fr; }
    .sd-stat { border-bottom: 1px solid #2c2c2c; }
    .sd-v3-toolbar { grid-template-columns: 1fr; }
    .sd-v3-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sd-fingerprint { opacity: .35 !important; }
}
@media (max-width: 520px) {
    .sd-v3 .sd-breadcrumb { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; }
    .sd-v3-hero h1 { font-size: 48px; }
    .sd-v3-hero p { letter-spacing: .22em; }
    .sd-v3-stats, .sd-v3-cards { grid-template-columns: 1fr; }
    .sd-v3-heading { align-items: flex-start; gap: 12px; flex-direction: column; }
}


/* Sample Detective 3.2 — integración visual con BeatMove */
.sd-v3-search button,
.sd-v3-search button:hover,
.sd-v3-search button:focus,
.sd-v3-search button:active {
    background: #111 !important;
    background-color: #111 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 2px solid var(--sd-yellow) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.sd-v3-search button:hover,
.sd-v3-search button:focus {
    background: var(--sd-yellow) !important;
    background-color: var(--sd-yellow) !important;
    color: #050505 !important;
    -webkit-text-fill-color: #050505 !important;
}

/* Sample Detective 3.3 — estilo Film Archive / Mixtape Vault */
.sd-clean-archive{--sdc-ink:#171717;--sdc-muted:#686868;--sdc-line:#e8e5df;--sdc-soft:#f7f5f1;--sdc-accent:#8b1e2d;max-width:1380px;margin:-78px auto 0;padding:0 28px 80px;background:#fff;color:var(--sdc-ink)}
.sd-clean-archive *{font-family:inherit}.sd-clean-hero{padding:16px 0 42px;border-bottom:1px solid var(--sdc-line)}.sd-clean-kicker{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--sdc-accent);text-transform:uppercase}.sd-clean-hero h1{color:var(--sdc-ink);font-family:inherit;font-size:clamp(42px,7vw,92px);line-height:.95;margin:14px 0 22px;letter-spacing:-.04em}.sd-clean-hero p{max-width:760px;margin:0;font-size:20px;line-height:1.65;color:var(--sdc-muted)}.sd-clean-stats{margin-top:24px;display:flex;gap:10px;align-items:baseline}.sd-clean-stats strong{font-size:32px;color:var(--sdc-ink)}.sd-clean-stats span{color:var(--sdc-muted)}
.sd-clean-toolbar{display:grid;grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(170px,.65fr));gap:16px;padding:28px 0}.sd-clean-search{border:1px solid var(--sdc-line);display:flex;align-items:center;padding:0 16px;background:#fff}.sd-clean-search span{font-size:24px;color:var(--sdc-muted);margin-right:8px}.sd-clean-search input,.sd-clean-toolbar select{font-family:inherit;width:100%;height:52px;background:#fff!important;color:#171717!important;font-size:15px;outline:none}.sd-clean-search input{border:0!important;padding:0!important}.sd-clean-toolbar select{border:1px solid var(--sdc-line);padding:0 14px}
.sd-clean-cases{width:100%;max-width:none;margin:0}.sd-clean-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 22px;margin:0}.sd-clean-card{display:block;background:#fff;border:0;min-height:0;transition:none}.sd-clean-card:hover{transform:none;border:0}.sd-clean-card a{display:block;color:inherit;text-decoration:none}.sd-clean-image{position:relative;aspect-ratio:4/3;background:var(--sdc-soft);overflow:hidden}.sd-clean-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.sd-clean-card:hover img{transform:scale(1.025)}.sd-clean-image span{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.94);color:#171717;padding:6px 9px;font-size:11px;font-weight:700;letter-spacing:.06em}.sd-clean-copy{padding-top:12px}.sd-clean-copy h3{margin:0 0 5px;color:var(--sdc-accent);font-size:12px;line-height:1.25;text-transform:uppercase;letter-spacing:.08em}.sd-clean-copy h2{margin:0 0 5px;color:var(--sdc-ink);font-size:17px;line-height:1.25;text-transform:none}.sd-clean-copy p{margin:0;color:var(--sdc-muted);font-size:14px;line-height:1.4}.sd-clean-archive .sd-no-results{color:var(--sdc-muted);text-align:center;padding:60px}
body.single-sd_case .sd-wrap{background:#fff;color:#171717;padding:48px 24px 96px}body.single-sd_case .sd-case{max-width:1240px;margin:0 auto}body.single-sd_case .sd-hero{background:#fff;border:0;border-bottom:1px solid #e8e5df;padding:36px 0 44px}body.single-sd_case .sd-hero:after{display:none}body.single-sd_case .sd-kicker{color:#8b1e2d}body.single-sd_case .sd-hero h1{color:#171717;font-family:inherit;font-size:clamp(44px,6vw,82px);letter-spacing:-.04em}body.single-sd_case .sd-artist,body.single-sd_case .sd-artist a{color:#686868}body.single-sd_case .sd-cover{margin-top:36px;background:#f7f5f1}body.single-sd_case .sd-cover img{max-height:720px;object-fit:contain;background:#f7f5f1}body.single-sd_case .sd-panel{background:#fff;border:0;border-bottom:1px solid #e8e5df;margin-top:0;padding:42px 0}body.single-sd_case .sd-panel h2{color:#171717;font-family:inherit;font-size:30px;letter-spacing:-.02em;text-transform:none}body.single-sd_case .sd-content,body.single-sd_case .sd-analysis,body.single-sd_case .sd-learning{color:#282828}body.single-sd_case .sd-grid{gap:56px;border-bottom:1px solid #e8e5df}body.single-sd_case .sd-grid .sd-panel{border-bottom:0}body.single-sd_case .sd-data>div{border-bottom:1px solid #e8e5df}body.single-sd_case .sd-data dt{color:#686868}body.single-sd_case .sd-data dd{color:#171717}body.single-sd_case .sd-data a{color:#8b1e2d}body.single-sd_case .sd-score{border:1px solid #e8e5df;background:#f7f5f1}body.single-sd_case .sd-score span{color:#686868}body.single-sd_case .sd-score strong{color:#8b1e2d}body.single-sd_case .sd-related-card{border:1px solid #e8e5df;background:#fff}body.single-sd_case .sd-related-card span{color:#171717}body.single-sd_case .sd-actions a{background:#171717;color:#fff!important}
@media(max-width:1050px){.sd-clean-cards{grid-template-columns:repeat(4,1fr)}.sd-clean-toolbar{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sd-clean-archive{margin-top:-34px;padding:0 18px 60px}.sd-clean-toolbar{grid-template-columns:1fr}.sd-clean-cards{grid-template-columns:repeat(2,1fr);gap:26px 14px}body.single-sd_case .sd-wrap{padding:24px 16px 60px}body.single-sd_case .sd-grid{grid-template-columns:1fr;gap:0}}