.references-page{background:var(--bg)}
.references-hero{position:relative;padding:clamp(9rem,15vw,13rem) 0 clamp(5rem,9vw,8rem);overflow:hidden}
.references-hero__grid{position:relative;display:grid;grid-template-columns:1.25fr .65fr;gap:clamp(3rem,9vw,9rem);align-items:end}
.references-hero h1{max-width:10ch;margin-top:1.2rem;font-size:clamp(4rem,9vw,8.8rem);font-weight:650;line-height:.88;letter-spacing:-.075em;text-wrap:balance}
.references-hero h1 span{color:var(--acid)}
.references-hero__copy>p{max-width:52ch;color:var(--muted);font-size:.88rem;line-height:1.75}
.references-hero__copy dl{margin-top:2rem;border-top:1px solid var(--line2)}
.references-hero__copy dl div{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.references-hero__copy dt{font:500 .63rem var(--f-mono);color:var(--acid)}.references-hero__copy dd{font-size:.7rem;color:var(--muted)}
.references-index{padding:clamp(5rem,9vw,8rem) 0;background:var(--paper)}
.references-index__heading{display:flex;justify-content:space-between;gap:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line2)}
.references-index__heading>p:last-child{max-width:50ch;color:var(--muted);font-size:.75rem;line-height:1.65}
.references-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(3rem,7vw,7rem) 1.5rem;margin-top:clamp(3rem,7vw,6rem)}
.reference-card{grid-column:span 8}.reference-card:nth-child(even){grid-column:5/span 8}
.reference-card__visual{position:relative;display:block;overflow:hidden;border:1px solid var(--line);background:#090d13;box-shadow:0 28px 65px color-mix(in srgb,var(--ink) 15%,transparent)}
.reference-card__visual img{display:block;width:100%;aspect-ratio:16/8.4;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.reference-card--ledger .reference-card__visual img{aspect-ratio:16/10.2}
.reference-card__visual span{position:absolute;right:0;bottom:0;padding:.75rem 1rem;color:#11160c;background:#d5ff72;font:500 .61rem var(--f-mono);text-transform:uppercase}
.reference-card__visual:hover img{transform:scale(1.012)}
.reference-card__body{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;padding-top:1.5rem;border-top:1px solid var(--line2)}
.reference-card__body h2{margin-top:.6rem;font-size:clamp(2.2rem,4vw,4rem);font-weight:600;line-height:1;letter-spacing:-.06em}.reference-card__body>div>p:last-child{max-width:48ch;margin-top:1rem;color:var(--muted);font-size:.78rem;line-height:1.7}
.reference-card__body dl{display:grid;grid-template-columns:repeat(2,1fr);align-self:start;border-block:1px solid var(--line)}.reference-card__body dl div{padding:1rem 1rem 1rem 0}.reference-card__body dt{font:500 .95rem var(--f-mono)}.reference-card__body dd{margin-top:.35rem;color:var(--muted);font-size:.6rem}
.reference-card__body footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font:400 .6rem var(--f-mono)}.reference-card__body footer a{color:var(--ink);font-weight:500}
.references-standard{padding:clamp(5rem,9vw,8rem) 0}.references-standard__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,9vw,9rem)}.references-standard h2{max-width:12ch;margin-top:1rem;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:600;line-height:.97;letter-spacing:-.06em}.references-standard ol{border-top:1px solid var(--line2)}.references-standard li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.3rem 0;border-bottom:1px solid var(--line)}.references-standard li span{color:var(--acid);font:400 .62rem var(--f-mono)}.references-standard li p{color:var(--muted);font-size:.76rem;line-height:1.65}.references-standard li strong{color:var(--ink)}
@media(max-width:900px){.references-hero__grid,.references-standard__grid{grid-template-columns:1fr}.reference-card,.reference-card:nth-child(even){grid-column:1/-1}}
@media(max-width:640px){.references-hero{padding-top:8rem}.references-hero h1{font-size:clamp(3.2rem,17vw,5rem)}.references-index__heading,.reference-card__body,.reference-card__body footer{display:flex;flex-direction:column}.reference-card__body dl{width:100%}.reference-card__body footer{gap:.7rem}.references-grid{gap:4.5rem}.references-standard__grid{gap:2.5rem}}
@media(prefers-reduced-motion:reduce){.reference-card__visual:hover img{transform:none}}