@layer slices{.references{--ref-border:color-mix(in oklab, var(--brand-solid) 14%, var(--rule));--ref-gutter:clamp(1.25rem, 5vw, 3rem);--ref-rhythm:clamp(3rem, 6vw, 5rem);--ref-band:var(--band-base);--ref-on-band:var(--band-ink);--ref-base:#fdfaf5;--ref-accent:var(--brand-secondary);background:var(--ref-base)}:root[data-theme=dark] .references{--ref-base:#0d1117}@media (prefers-color-scheme:dark){:root:not([data-theme]) .references{--ref-base:#0d1117}}.references-eyebrow,.references-jump__label,.reference__project{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-secondary);font-size:.78rem;font-weight:700}.references-eyebrow:before,.references-jump__label:before,.reference__project:before{content:"//" / "";margin-inline-end:.6em}.references-hero{isolation:isolate;background:radial-gradient(70rem 46rem at -6% 104%, var(--band-glow-cool), transparent 62%), radial-gradient(78rem 44rem at 104% -6%, var(--band-glow-warm), transparent 60%), var(--ref-band);border-bottom:1px solid color-mix(in oklab, var(--ref-on-band) 10%, transparent);position:relative;overflow:hidden}.references-hero__grid{z-index:-1;background:repeating-linear-gradient(to right, var(--band-grid) 0 1px, transparent 1px 5rem), repeating-linear-gradient(to bottom, var(--band-grid) 0 1px, transparent 1px 5rem);position:absolute;inset:0;-webkit-mask-image:radial-gradient(95% 95% at 50% 40%,#000 30%,#0000);mask-image:radial-gradient(95% 95% at 50% 40%,#000 30%,#0000)}.references-hero__inner{max-width:var(--page);padding:clamp(3rem, 7vw, 5.5rem) var(--ref-gutter) clamp(2.5rem, 5vw, 4rem);margin-inline:auto}.references-hero__title{letter-spacing:-.03em;color:var(--ref-on-band);text-wrap:balance;margin-top:.9rem;font-size:clamp(2.1rem,1.3rem + 3.4vw,3.6rem);font-weight:800;line-height:1.05}.references-hero__accent{font-family:var(--mono);letter-spacing:-.02em;color:var(--brand);font-weight:700}.references-hero__cursor{vertical-align:baseline;background:var(--brand-secondary);width:.24em;height:.86em;margin-inline-start:.18em;animation:1.1s step-end infinite references-blink;display:inline-block}.references-hero__lede{max-width:38rem;color:color-mix(in oklab, var(--ref-on-band) 78%, var(--ref-band));text-wrap:pretty;margin-top:1.25rem;font-size:clamp(1.05rem,.98rem + .3vw,1.2rem);line-height:1.65}.references-stats{grid-template-columns:repeat(3,1fr);gap:clamp(.75rem,2vw,1.25rem);margin:clamp(2rem,4vw,3rem) 0 0;display:grid}.references-stat{background:color-mix(in oklab, var(--surface-raised) 82%, transparent);border:1px solid color-mix(in oklab, var(--ref-on-band) 12%, transparent);border-radius:.9rem;gap:.5rem;padding:clamp(1rem,2.5vw,1.5rem) clamp(1.1rem,2.5vw,1.75rem);display:grid}.references-stat__value{font-family:var(--mono);letter-spacing:-.02em;color:var(--brand);font-variant-numeric:tabular-nums;grid-row:1;margin:0;font-size:clamp(1.4rem,1.15rem + 1vw,1.9rem);font-weight:700;line-height:1.1}.references-stat__label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-secondary);grid-row:2;font-size:.72rem;font-weight:700}.references-stat__label:before{content:"//" / "";margin-inline-end:.5em}@media (max-width:46rem){.references-stats{grid-template-columns:1fr}}.references-jump{background:var(--surface-raised);border-bottom:1px solid var(--ref-border)}.references-jump__inner{max-width:var(--page);padding:.9rem var(--ref-gutter);flex-wrap:wrap;align-items:baseline;gap:.5rem clamp(1rem,3vw,2rem);margin-inline:auto;display:flex}.references-jump__label{text-transform:none;letter-spacing:.06em}.references-jump__list{flex-wrap:wrap;gap:.4rem clamp(1rem,3vw,2rem);margin:0;padding:0;list-style:none;display:flex}.references-jump__link{font-family:var(--mono);color:var(--text-strong);text-underline-offset:.2em;font-size:.85rem}.references-jump__link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--brand-secondary);text-decoration-color:var(--brand-secondary)}.references-jump__index{color:var(--brand-secondary);font-variant-numeric:tabular-nums;margin-inline-end:.55em}.references-list{max-width:var(--page);padding:0 var(--ref-gutter);gap:clamp(1.5rem,3vw,2.25rem);margin:clamp(2.5rem,5vw,4rem) auto 0;list-style:none;display:grid}.reference{scroll-margin-top:calc(var(--header-h) + 1rem)}.reference:nth-child(odd){--ref-accent:var(--brand-secondary)}.reference:nth-child(2n){--ref-accent:var(--brand)}.reference__figure{background:var(--surface-raised);border:1px solid var(--ref-border);border-inline-start:4px solid var(--ref-accent);box-shadow:var(--card-shadow);border-radius:.9rem;margin:0;padding:clamp(1.5rem,3.5vw,2.5rem)}.reference__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.reference__index{font-family:var(--mono);letter-spacing:.1em;color:color-mix(in oklab, var(--ref-accent) 65%, var(--muted));font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.reference__quote{font-family:var(--sans);color:var(--text-prose);text-wrap:pretty;margin:1.25rem 0 0;font-size:1.05rem;line-height:1.7}.reference__quote:before,.reference__quote:after{content:"”" / "";color:var(--ref-accent);font-weight:700}.reference__quote:before{margin-inline-end:.35em}.reference__quote:after{margin-inline-start:.35em}.reference__source{border-top:1px solid var(--rule-warm);flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:clamp(1.5rem,3vw,2rem);padding-top:clamp(1.25rem,2.5vw,1.75rem);display:flex}.reference__monogram{border:1px solid color-mix(in oklab, var(--ref-accent) 40%, transparent);background:color-mix(in oklab, var(--ref-accent) 8%, var(--surface-raised));block-size:3rem;inline-size:3rem;font-family:var(--mono);letter-spacing:.05em;color:var(--ref-accent);border-radius:.85rem;flex:none;place-items:center;font-size:.95rem;font-weight:700;display:grid}.reference__who{gap:.2rem;margin-inline-end:auto;display:grid}.reference__name{color:var(--text-strong);font-size:1.05rem;font-weight:700}.reference__role{font-family:var(--mono);color:var(--muted);font-size:.82rem}.reference__tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.reference__tag{border:1px solid var(--ref-border);font-family:var(--mono);color:var(--text-secondary);border-radius:9999px;padding:.3rem .85rem;font-size:.78rem}.references-cta{max-width:var(--page);padding:clamp(3.5rem, 7vw, 5.5rem) var(--ref-gutter) var(--ref-rhythm);margin-inline:auto}.references-cta__panel{isolation:isolate;border:1px solid color-mix(in oklab, var(--ref-on-band) 10%, transparent);background:radial-gradient(50rem 34rem at -8% 108%, var(--band-glow-cool), transparent 60%), radial-gradient(46rem 32rem at 104% -8%, var(--band-glow-warm), transparent 58%), var(--ref-band);border-radius:1.25rem;position:relative;overflow:hidden}.references-cta__grid{z-index:-1;background:repeating-linear-gradient(to right, var(--band-grid) 0 1px, transparent 1px 5rem), repeating-linear-gradient(to bottom, var(--band-grid) 0 1px, transparent 1px 5rem);position:absolute;inset:0;-webkit-mask-image:radial-gradient(95% 95% at 50% 45%,#000 35%,#0000);mask-image:radial-gradient(95% 95% at 50% 45%,#000 35%,#0000)}.references-cta__inner{max-width:46rem;padding:clamp(3rem, 6vw, 4.5rem) var(--ref-gutter);text-align:center;margin-inline:auto}.references-cta__command{font-family:var(--mono);color:color-mix(in oklab, var(--ref-on-band) 72%, var(--ref-band));font-size:clamp(.85rem,.78rem + .3vw,1.02rem)}.references-cta__command:before{content:"$" / "";color:var(--brand-secondary);margin-inline-end:.7em;font-weight:700}.references-cta__cursor{vertical-align:text-bottom;background:var(--brand-secondary);width:.5em;height:1.05em;margin-inline-start:.5em;animation:1.1s step-end infinite references-blink;display:inline-block}.references-cta__title{letter-spacing:-.03em;color:var(--ref-on-band);text-wrap:balance;margin-top:1.25rem;font-size:clamp(1.8rem,1.25rem + 2.2vw,2.9rem);font-weight:800;line-height:1.08}.references-cta__blurb{max-width:34rem;color:color-mix(in oklab, var(--ref-on-band) 78%, var(--ref-band));text-wrap:pretty;margin:1.15rem auto 0;font-size:1.1rem;line-height:1.65}.references-cta__btn{box-shadow:0 12px 26px -10px color-mix(in oklab, var(--brand-solid) 65%, transparent);border-radius:.7rem;margin-top:2.25rem;padding:1rem 2.25rem;font-size:1.05rem;font-weight:650}@keyframes references-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.references-hero__cursor,.references-cta__cursor{animation:none}}}
