/* ============================================================================
   track-record.css — SECTION 4: THE TRACK RECORD.
   Redesign 2026-11-13: one audit factsheet. A single document panel with two
   portfolio columns (headline number + a stat table each), the evidence
   plates that back the numbers, and the reports gallery.
   Colours: the site's own tokens. Brass is a material (rules, borders), never
   a text colour. Emerald marks the one number that is the headline.
   ============================================================================ */

/* --- header -------------------------------------------------------------- */
.dv-track-head{max-width:44rem}
.dv-track-kicker{
    display:block;font-family:var(--font-mono);font-size:11px;font-weight:700;
    letter-spacing:.28em;text-transform:uppercase;color:#CBD2DC;
}
.dv-track-title{
    color:#fff;font-family:var(--font-serif);font-weight:800;text-transform:uppercase;
    letter-spacing:-.02em;line-height:1.05;margin:14px 0 0;
    font-size:clamp(1.9rem,5vw,3rem);
}
.dv-track-lede{color:#9aa0ab;font-size:15px;line-height:1.75;font-weight:300;margin:16px 0 0;max-width:40rem}
.dv-track-more{
    display:inline-flex;align-items:center;gap:8px;margin-top:18px;
    font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.18em;
    text-transform:uppercase;color:#CBD2DC;text-decoration:none;
    border-bottom:1px solid rgba(201,169,106,.45);padding-bottom:4px;
    transition:color .15s ease,border-color .15s ease;
}
.dv-track-more:hover{color:#fff;border-color:#c9a96a}

/* --- the factsheet: one document, two portfolio columns ------------------- */
.dv-track-sheet{
    margin-top:52px;display:grid;grid-template-columns:1fr 1fr;
    border:1px solid var(--dv-hairline);border-radius:16px;background:var(--dv-panel);
    box-shadow:0 30px 70px -34px rgba(0,0,0,.95);
    overflow:hidden;
}
.dv-sheet-col{display:flex;flex-direction:column;min-width:0;padding:22px 24px 20px}
.dv-sheet-col + .dv-sheet-col{border-left:1px solid var(--dv-hairline)}

.dv-sheet-head{display:flex;flex-direction:column;gap:6px}
.dv-sheet-index{
    font-family:var(--font-mono);font-size:10px;font-weight:700;
    letter-spacing:.22em;text-transform:uppercase;color:#8E939C;
}
.dv-sheet-name{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0}
.dv-sheet-badge{
    align-self:flex-start;margin-top:9px;
    font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.18em;
    text-transform:uppercase;color:#CBD2DC;
    border:1px solid rgba(201,169,106,.35);border-radius:999px;padding:4px 10px;
}

/* the headline number */
.dv-sheet-hero{padding:24px 0 20px;border-bottom:1px solid var(--dv-hairline-2)}
.dv-sheet-big{
    display:block;color:#34d399;font-size:clamp(2.4rem,5vw,3.1rem);font-weight:800;
    letter-spacing:-.02em;line-height:1;font-family:var(--font-sans);
}
.dv-sheet-biglabel{
    display:block;margin-top:9px;font-family:var(--font-mono);font-size:9.5px;
    font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#8E939C;
}

/* the stat table */
.dv-sheet-table{margin:4px 0 0}
.dv-sheet-row{
    display:flex;align-items:baseline;justify-content:space-between;gap:14px;
    padding:11px 0;border-bottom:1px solid var(--dv-hairline-2);
}
.dv-sheet-row:last-child{border-bottom:0}
.dv-sheet-row dt{
    font-family:var(--font-mono);font-size:9.5px;font-weight:700;
    letter-spacing:.18em;text-transform:uppercase;color:#8E939C;
}
.dv-sheet-row dd{margin:0;color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em;font-family:var(--font-sans)}
.dv-sheet-row dd.is-bench{color:#8E939C;font-weight:600}

/* statements link */
.dv-sheet-link{
    margin-top:18px;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;
    font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;
    text-transform:uppercase;color:#CBD2DC;text-decoration:none;
    border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 14px;
    white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease;
}
.dv-sheet-link:hover{color:#fff;border-color:rgba(201,169,106,.5);background:rgba(201,169,106,.06)}

/* --- terms strip --------------------------------------------------------- */
.dv-track-terms{
    display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:18px;
    font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;
    text-transform:uppercase;color:#8E939C;
}
.dv-track-terms span{position:relative}
.dv-track-terms span + span::before{
    content:"·";position:absolute;left:-11px;color:#4b5563;
}

/* --- the build stop: a designed panel, not a text dump --------------------- */
.dv-track-build{
    position:relative;overflow:hidden;
    margin-top:18px;border:1px solid var(--dv-hairline);border-top-color:rgba(201,169,106,.38);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(201,169,106,.055),rgba(201,169,106,0) 34%),var(--dv-panel);
    box-shadow:var(--dv-panel-rim),var(--dv-panel-shadow);
    padding:30px 34px 28px;
}
.dv-track-build::before{
    content:"";position:absolute;left:0;top:26px;bottom:26px;width:2px;
    background:linear-gradient(180deg,rgba(201,169,106,.65),rgba(201,169,106,.06));
}
.dv-build-eyebrow{
    display:flex;align-items:center;gap:12px;
    font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.3em;
    text-transform:uppercase;color:#CBD2DC;
}
.dv-build-eyebrow::before{content:"";width:26px;height:1px;background:rgba(201,169,106,.6)}
.dv-build-title{
    font-family:var(--font-serif);font-weight:800;color:#fff;letter-spacing:-.015em;
    line-height:1.12;font-size:clamp(1.55rem,3vw,2.15rem);margin:14px 0 0;
}
.dv-track-buildtext{color:#b6bcc7;font-size:15.5px;line-height:1.85;font-weight:300;margin:18px 0 0;max-width:44rem}
.dv-track-buildtext + .dv-track-buildtext{margin-top:12px}

/* --- evidence plates ----------------------------------------------------- */
.dv-track-plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px}
.dv-track-plate{
    display:block;width:100%;padding:0;text-align:left;cursor:pointer;
    background:var(--dv-panel);border:1px solid var(--dv-hairline);border-radius:14px;overflow:hidden;
    transition:border-color .15s ease;
}
.dv-track-plate:hover{border-color:#3a3b3c}
.dv-track-plate-img{display:block;overflow:hidden;background:var(--dv-panel-deep)}
.dv-track-plate-img img{
    display:block;width:100%;height:100%;max-height:210px;object-fit:cover;
    border-bottom:1px solid var(--dv-hairline);
}
.dv-track-plate-cap{
    display:block;padding:11px 15px;
    font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.18em;
    text-transform:uppercase;color:#8E939C;
}

/* --- reports gallery ----------------------------------------------------- */
.dv-gallery{margin-top:64px;border:1px solid var(--dv-hairline);border-radius:16px;background:var(--dv-panel);padding:26px 24px 24px}
.dv-gallery-head{
    display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
    gap:18px;padding-bottom:20px;border-bottom:1px solid var(--dv-hairline);
}
.dv-gallery-title{
    color:#fff;font-family:var(--font-serif);font-weight:800;text-transform:uppercase;
    font-size:1.25rem;letter-spacing:.01em;margin:8px 0 0;
}
.dv-gallery-sub{color:#8E939C;font-size:12.5px;font-weight:300;margin:6px 0 0;max-width:34rem}
.dv-gallery-filters{display:flex;flex-wrap:wrap;gap:8px}
.dv-gfilter{
    font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;color:#8E939C;background:transparent;
    border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 13px;cursor:pointer;
    transition:color .15s ease,border-color .15s ease,background .15s ease;
}
.dv-gfilter:hover{color:#e5e7eb}
.dv-gfilter.is-on{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.24)}
.dv-gallery-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
    gap:14px;margin-top:22px;
}
.dv-gallery-tile{
    position:relative;display:block;width:100%;padding:0;cursor:pointer;
    background:var(--dv-panel-deep);border:1px solid var(--dv-hairline);border-radius:10px;overflow:hidden;
    transition:border-color .15s ease;
}
.dv-gallery-tile:hover{border-color:#4a4b4c}
.dv-gallery-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.dv-gallery-badge{
    position:absolute;left:8px;bottom:8px;
    font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;color:#d4d4d8;background:rgba(5,6,8,.85);
    border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:3px 7px;
}
.dv-gallery-foot{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--dv-hairline);
}
.dv-gallery-count{
    font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;
    text-transform:uppercase;color:#8E939C;
}
.dv-gallery-foot .dv-btn-morphic{
    font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;
    text-transform:uppercase;padding:9px 16px;cursor:pointer;
    background:transparent;color:#e5e7eb;border:1px solid #48494a;border-radius:999px;
}
.dv-gallery-foot .dv-btn-morphic:hover{border-color:#6b6c6d;color:#fff}
.dv-gallery-foot .dv-btn-morphic[disabled]{opacity:.4;cursor:default}

/* --- shadowism: the stacked depth (operator law: black, never grey) ------- */
.dv-track-sheet,
.dv-track-plate,
.dv-gallery{
    border-color:var(--dv-hairline);
    box-shadow:var(--dv-panel-rim), var(--dv-panel-shadow);
}
.dv-sheet-col + .dv-sheet-col{border-left-color:var(--dv-hairline)}
.dv-gallery-tile{
    border-color:var(--dv-hairline);
    box-shadow:var(--dv-tile-shadow);
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.dv-gallery-tile:hover{
    transform:translateY(-2px);
    box-shadow:var(--dv-panel-shadow-hover);
    border-color:#2a2c31;
}
.dv-track-plate{
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.dv-track-plate:hover{
    transform:translateY(-2px);
    box-shadow:var(--dv-panel-rim), var(--dv-panel-shadow-hover);
    border-color:#2a2c31;
}
.dv-gfilter, .dv-sheet-link, .dv-gallery-foot .dv-btn-morphic{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 6px 16px -10px rgba(0,0,0,.8);
}

/* --- responsive ---------------------------------------------------------- */
@media (max-width:760px){
    .dv-track-sheet{grid-template-columns:1fr}
    .dv-sheet-col + .dv-sheet-col{border-left:0;border-top:1px solid var(--dv-hairline)}
    .dv-sheet-col{padding:20px 18px 18px}
    .dv-sheet-hero{padding:22px 0 18px}
}
@media (max-width:640px){
    .dv-track-build{padding:24px 20px 22px}
    .dv-track-plates{grid-template-columns:minmax(0,1fr)}
    .dv-gallery{padding:20px 16px 18px}
    .dv-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
}