.ref-hero{position:relative;padding:clamp(10rem, 18vw, 14rem) 0 clamp(4rem, 8vw, 6rem);background:#111;overflow:hidden;border-radius:var(--border-radius)}.ref-hero__bg-image{position:absolute;inset:0;background:url(../../../../../../../../themes/rautomead/assets/images/references-hero.jpg) center center / cover no-repeat;opacity:.35}.ref-hero__dot-bg{position:absolute;inset:0;opacity:.025;background-image:radial-gradient(circle at 1px 1px,white 1px,transparent 1px);background-size:32px 32px}.ref-hero__glow{position:absolute;top:-20%;right:-10%;width:600px;height:600px;border-radius:9999px;filter:blur(140px);background:radial-gradient(ellipse at center,rgba(206,68,5,.12) 0%,transparent 70%);pointer-events:none}.ref-hero__content{position:relative;max-width:var(--max-width);margin:0 auto;padding:0 clamp(1.5rem, 4vw, 2rem)}.ref-hero__eyebrow{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.ref-hero__eyebrow-line{width:48px;height:2px;background:var(--color-primary)}.ref-hero__eyebrow-text{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.24em;color:var(--color-primary)}.ref-hero__title{font-size:clamp(2.8rem, 7vw, 5.5rem);font-weight:900;line-height:.9;letter-spacing:-.05em;color:#fff;margin-bottom:2rem}.ref-hero__title-stroke{display:block;color:var(--color-primary)}.ref-hero__body{max-width:640px;font-size:clamp(1rem, 1.6vw, 1.125rem);line-height:1.7;color:rgba(255,255,255,.6)}.ref-section{position:relative;background:var(--color-cream);padding:clamp(3rem, 6vw, 5rem) 0 clamp(4rem, 8vw, 6rem);border-radius:var(--border-radius)}.ref-section__inner{max-width:var(--max-width);margin:0 auto;padding:0 clamp(1.5rem, 4vw, 2rem)}.ref-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.ref-filter-btn{padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);background:transparent;color:#3a3a3a;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);white-space:nowrap}.ref-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(206,68,5,.04)}.ref-filter-btn.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ref-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem}.ref-search{flex:1;min-width:200px;max-width:400px;position:relative}.ref-search__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:rgba(0,0,0,.3);pointer-events:none;width:16px;height:16px}.ref-search__input{width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:.875rem;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);background:#fff;color:#1a1a1a;outline:none;transition:border-color var(--duration-normal);font-family:inherit}.ref-search__input::placeholder{color:rgba(0,0,0,.35)}.ref-search__input:focus{border-color:var(--color-primary)}.ref-count{font-size:.8125rem;color:rgba(0,0,0,.4);font-weight:500;margin-left:auto}.ref-count strong{color:var(--color-primary);font-weight:700}.ref-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.08);background:#fff}.ref-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:700px}.ref-table thead{position:sticky;top:0;z-index:2}.ref-table th{padding:.875rem 1rem;text-align:left;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(0,0,0,.5);background:#f9f8f6;border-bottom:2px solid rgba(0,0,0,.06);white-space:nowrap;cursor:pointer;user-select:none;transition:color var(--duration-normal)}.ref-table th:hover{color:var(--color-primary)}.ref-table th .sort-icon{display:inline-block;margin-left:.35rem;opacity:.3;transition:opacity var(--duration-normal);font-size:.625rem;vertical-align:middle}.ref-table th.is-sorted .sort-icon{opacity:1;color:var(--color-primary)}.ref-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.04);color:#3a3a3a;vertical-align:middle}.ref-table tbody tr{transition:background var(--duration-fast)}.ref-table tbody tr:hover{background:rgba(206,68,5,.03)}.ref-table .ref-category-badge{display:inline-block;padding:.2rem .6rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:3px;background:rgba(206,68,5,.08);color:var(--color-primary);white-space:nowrap}.ref-table .ref-output{font-variant-numeric:tabular-nums;font-weight:600;color:#1a1a1a}.ref-table .ref-serial{font-variant-numeric:tabular-nums;font-weight:600;color:rgba(0,0,0,.35);font-size:.8125rem}.ref-no-results{display:none;text-align:center;padding:4rem 2rem;color:rgba(0,0,0,.4);font-size:1rem}.ref-no-results.is-visible{display:block}@media (max-width:640px){.ref-filters{gap:.375rem}.ref-filter-btn{padding:.4rem .875rem;font-size:.75rem}.ref-toolbar{flex-direction:column;align-items:stretch}.ref-search{max-width:none}.ref-count{margin-left:0}}