:root{--paper:#ede6d4;--paper-hi:#f3edde;--paper-lo:#f5dcae;--ink:#2a2521;--ink-soft:#6f6654;--accent:#2a2521;--rule:#cdc3ac;--font-display:"EB Garamond", Georgia, "Times New Roman", serif;--font-util:"EB Garamond", Georgia, "Times New Roman", serif;--pad:clamp(1rem, 3vw, 2.75rem)}*{box-sizing:border-box}html,body{background-color:var(--paper);height:100%;color:var(--ink);font-family:var(--font-util);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body{background-image:radial-gradient(34% 26% at 1% 100%, color-mix(in srgb, var(--paper-lo) 60%, transparent) 0%, transparent 52%), linear-gradient(to left, color-mix(in srgb, var(--paper-lo) 45%, transparent) 0%, transparent 10%), radial-gradient(140% 120% at 46% 18%, var(--paper-hi) 0%, var(--paper) 60%, color-mix(in srgb, var(--paper-lo) 70%, transparent) 100%);background-attachment:fixed;position:relative}body:before{content:"";z-index:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.poster{z-index:1;min-height:100dvh;padding:var(--pad);flex-direction:column;gap:clamp(.75rem,2vh,1.5rem);display:flex;position:relative}.masthead{text-align:center}.eyebrow{font-family:var(--font-util);text-transform:uppercase;letter-spacing:.42em;color:var(--ink-soft);margin:0;padding-left:.42em;font-size:clamp(.7rem,1.4vw,.95rem)}.title{font-family:var(--font-display);font-optical-sizing:auto;color:var(--accent);letter-spacing:-.01em;margin:.1em 0 0;font-size:clamp(2.4rem,7vw,5.5rem);font-weight:700;line-height:.95}.filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.75rem,3vw,2rem);padding:.6rem 0;display:flex}.filter-group{align-items:center;gap:.35rem;display:flex}.filter-label{font-family:var(--font-util);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-soft);margin-right:.4rem;font-size:.7rem}.chip{appearance:none;font-family:var(--font-util);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.2rem .5rem;font-size:.82rem;transition:color .15s,border-color .15s}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.location-select{appearance:none;color:var(--ink);font-family:var(--font-util);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:right .7rem center,right .45rem center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:none;padding:.25rem 1.4rem .25rem .2rem;font-size:.82rem}.location-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.plate{flex-direction:column;flex:auto;gap:clamp(.75rem,2vh,1.5rem);min-height:0;display:flex}.collage{flex:auto;width:100%;min-height:320px;position:relative}.bird{display:block;position:absolute}.bird img{object-fit:contain;width:100%;height:100%;display:block}.bird-num{font-family:var(--font-display);color:var(--ink);text-shadow:0 0 2px var(--paper), 0 0 2px var(--paper), 0 0 3px var(--paper);pointer-events:none;font-style:italic;font-weight:600;line-height:1;position:absolute;transform:translate(-50%,-50%)}.legend{columns:2;column-gap:1.75rem;margin:0;padding:.25rem 0 0;list-style:none}@media (width>=600px){.legend{columns:3}}@media (width>=900px){.legend{columns:4}}.legend li{break-inside:avoid;align-items:baseline;gap:.5rem;margin-bottom:.3rem;font-size:.82rem;line-height:1.2;display:flex}.legend .num{font-family:var(--font-display);color:var(--accent);text-align:right;min-width:1.4em;font-style:italic;font-weight:700}.legend .name{font-family:var(--font-util);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.legend .sci{font-family:var(--font-display);color:var(--ink-soft);font-size:.92em;font-style:italic}@media (orientation:landscape) and (width>=900px){.plate{flex-direction:row;align-items:stretch}.collage{flex:72%}.legend{columns:1;flex:0 0 26%;align-self:stretch;padding-top:0;padding-left:1.5rem;overflow:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
