.reference-page{background:var(--paper);color:var(--ink)}.reference-hero{padding:clamp(48px,7vw,112px) 0 clamp(56px,7vw,104px)}.reference-metrics,.reference-projects{padding-bottom:var(--section-y)}.reference-projects__head>.section-intro{margin-bottom:clamp(28px,3vw,40px)}.ref-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:clamp(32px,4vw,56px);padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ref-filter-bar__label{flex-shrink:0;margin-right:4px;color:var(--muted);font-size:var(--fs-meta);font-weight:500}.ref-filter-bar__selects{display:flex;flex-wrap:wrap;gap:8px}.ref-filter-bar__clear{padding:0;border:0;background:none;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s ease}.ref-filter-bar__clear:hover{color:var(--ink)}.ref-filter-divider{display:none}.fdd{position:relative;display:inline-flex;flex-direction:column}.fdd__sizer{height:0;overflow:hidden;visibility:hidden;pointer-events:none;padding:0 2.6rem 0 1.2rem}.fdd__sizer,.fdd__trigger{white-space:nowrap;font-size:14px;font-weight:500}.fdd__trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:40px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .2s ease}.fdd__trigger svg{flex-shrink:0;color:var(--muted)}.fdd--open .fdd__trigger,.fdd__trigger:hover{border-color:var(--ink)}.fdd__placeholder{color:var(--muted);text-transform:capitalize}.fdd__list{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;max-height:320px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 18px 40px -18px rgba(14,14,13,.25);z-index:200}.fdd__option{display:block;width:100%;padding:8px 12px;border:0;border-radius:6px;background:none;color:var(--ink);font-size:14px;text-align:left;white-space:nowrap;cursor:pointer;transition:background .15s ease}.fdd__option:hover{background:var(--paper-2)}.fdd__option--active{background:var(--lime);font-weight:500}.ref-no-results{padding:64px 0;color:var(--muted);font-size:1rem;text-align:center}.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:56px 24px;gap:56px 24px}@media(min-width:1900px){.ref-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ref-card{display:flex;flex-direction:column;color:inherit;text-decoration:none}.ref-card__image{position:relative;aspect-ratio:5/4;overflow:hidden;flex-shrink:0;border-radius:var(--radius-sm);background:var(--paper-2)}.ref-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}.ref-card:hover .ref-card__image img{transform:scale(1.04)}.ref-card__body{display:flex;flex-direction:column;flex:1 1;padding-top:18px}.ref-card__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ref-card__title{margin:0;font-size:clamp(1.0625rem,1rem + .35vw,1.3rem);font-weight:600;line-height:1.25;letter-spacing:-.01em}.ref-card__icon{flex-shrink:0;color:var(--ink);transition:color .2s ease,transform .35s var(--ease-out)}.ref-card:hover .ref-card__icon{color:var(--ink);transform:translate(2px,-2px)}.ref-card__desc{margin:8px 0 0;font-size:var(--fs-small)}.ref-card__desc,.ref-card__tags{color:var(--muted);line-height:1.5}.ref-card__tags{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:var(--fs-meta)}.ref-card__tags span{color:var(--ink);font-weight:500}.ref-card__tags span:after{content:"·";margin:0 8px;color:var(--muted);font-weight:400}@media(max-width:1080px){.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 20px}}@media(max-width:768px){.ref-grid{grid-template-columns:1fr;gap:44px}.ref-filter-bar__selects{width:100%}}