:root{--ink:#f4f1ea;--ink-muted:#f4f1eab8;--paper:#06201d;--rule:#f4f1ea29;--gold:#f4c24c;--heading-size:48px;--shadow-text:0 1px 2px #00000073, 0 0 18px #00000059;--gutter:max(24px, 5vw);--nav-h:60px;--photo-max-crop:.16;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font-family);font-weight:var(--weight-normal);font-size:var(--caption-size);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;line-height:1.45;overflow:hidden}strong,b{font-weight:var(--weight-bold)}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.gallery{overscroll-behavior:none;touch-action:pinch-zoom;position:fixed;inset:0;overflow:hidden}.stage{--photo-width:min(100cqw, calc(16 / 9 * 100cqh / (1 - var(--photo-max-crop))));--photo-height:min(56.25cqw, 100cqh);--photo-bar:calc((100cqw - var(--photo-width)) / 2);--caption-font:clamp(15px, calc(.0172 * var(--photo-width)), var(--caption-size));--photo-crop-top:max(0px, calc((9 / 16 * var(--photo-width) - var(--photo-height) - var(--nav-h)) / 2));background:var(--paper);position:absolute;inset:0;overflow:hidden;container-type:size}.dl .stage{visibility:hidden}html.fl .overlay,html.fl .navbar{opacity:0}.screen{visibility:hidden;position:absolute;inset:0;overflow:visible}.backdrop{position:absolute;inset:0;overflow:hidden}.backdrop img{object-fit:cover;filter:blur(40px)brightness(.8)saturate(1.1);width:100%;height:100%;transform:scale(1.2)}.photo{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.photo picture{display:contents}.photo img{width:var(--photo-width);height:var(--photo-height);object-fit:cover;object-position:center calc(-1 * var(--photo-crop-top));display:block}.overlay{max-width:min(30em, calc(.42 * var(--photo-width)));opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--fade-ms) ease-out, visibility 0s linear var(--fade-ms);color:var(--ink);text-shadow:var(--shadow-text);position:absolute;top:50%;translate:0 -50%}.overlay[data-visible]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--fade-ms) ease-out, visibility 0s}.overlay--left{left:calc(var(--gutter) + var(--photo-bar))}.overlay--right{right:calc(var(--gutter) + var(--photo-bar));text-align:right}.overlay:has(.title){max-width:none}.title-block{max-width:calc(.6 * var(--photo-width));margin:0}.title{font-size:min(var(--title-size), calc(.115 * var(--photo-width)));font-weight:var(--weight-normal);letter-spacing:-.01em;white-space:nowrap;margin:0;line-height:.9}.title-first{color:var(--ink)}.title-last{color:var(--gold)}.subtitle{font-size:min(var(--subtitle-size), calc(.04 * var(--photo-width)));color:var(--ink);letter-spacing:.06em;margin:.5em 0 0 .1em}.caption{z-index:0;font-size:var(--caption-font);color:#fff;text-shadow:0 0 2px #0009, var(--shadow-text);position:relative}.caption:before{content:"";z-index:-1;background:#0009;border:1px solid #ffffff1a;border-radius:8px;position:absolute;inset:-.6em -.9em;box-shadow:inset 0 1px #ffffff24,0 8px 22px #00000073,0 2px 5px #0000004d}.caption-meta{margin:0}.caption-body{margin-top:.4em}.caption-meta a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;padding-bottom:1px;text-decoration:none}.caption-meta a:hover{background-size:100% 2px}.caption-species{font-weight:var(--weight-bold)}.caption-body p{margin:0 0 .5em}.caption-body p:last-child{margin-bottom:0}.photo-license{color:var(--ink-muted);letter-spacing:.02em;margin:.7em 0 0;font-size:.72em;line-height:1.35}.photo-license a{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.photo-license a:hover{color:var(--ink)}.about-caption .photo-license{margin-top:1em}.caption .photo-license,.caption .photo-license a:hover{color:inherit}.caption-body small{font-size:.72em;line-height:1.35;display:inline-block}@container (aspect-ratio<=4/5){.overlay:not(:has(.title)){max-width:calc(100cqw - 2 * var(--gutter));top:calc(50% + 28.125cqw + 20px);translate:none}.caption:before{display:none}.screen:has(.caption) .photo:after{content:"";background:#00000080;position:absolute;inset:calc(50% + 28.125cqw) 0 0}}.navbar{z-index:10000;height:var(--nav-h);padding:env(safe-area-inset-top) calc(var(--gutter) + var(--photo-bar)) 0;color:var(--ink);text-shadow:var(--shadow-text);background:0 0;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;inset:0 0 auto}.navbar:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#000000a1,#0000008f 20%,#00000069 40%,#00000038 60%,#00000012 80%,#00000005 90%,#0000);position:absolute;inset:0 0 -40px}.navbar-end,.navbar-links,.navbar-search{align-items:center;gap:24px;display:flex}.navbar-end{margin-left:auto}.navbar-collection{white-space:nowrap;flex:1;justify-content:center;align-items:baseline;gap:.45em;min-width:0;display:flex}.collection-name{min-width:0;font:inherit;font-weight:var(--weight-bold);text-overflow:ellipsis;margin:0;overflow:hidden}.collection-link{text-underline-offset:4px;align-items:center;gap:.2em;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.collection-link svg{width:.8em;height:.8em}@media (width<=1700px){.navbar-collection{padding:0 calc(var(--gutter) + var(--photo-bar));justify-content:flex-start;font-size:.8em;position:absolute;top:100%;left:0;right:0}.navbar[data-collection]:before{inset:0 0 -80px}}@media (width<=600px){.navbar-collection{flex-wrap:wrap}.collection-name{white-space:normal;flex-basis:100%}.collection-name+.collection-sep{display:none}.navbar[data-collection]:before{inset:0 0 -110px}}.navbar-title,.nav-top{opacity:0;visibility:hidden;transition:opacity var(--fade-ms) ease-out, visibility 0s linear var(--fade-ms)}.navbar-title[data-visible],.nav-top[data-visible]{opacity:1;visibility:visible;transition:opacity var(--fade-ms) ease-out, visibility 0s}.nav-title{font:inherit;letter-spacing:-.005em;white-space:nowrap;text-shadow:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:30px;line-height:1;text-decoration:none;display:block}.nav-item{font:inherit;color:inherit;cursor:pointer;text-shadow:inherit;white-space:nowrap;background:0 0;border:0;padding:6px 0;text-decoration:none}.nav-item:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.nav-top svg{display:none}.search{position:relative}.search-toggle,.search-close{width:40px;height:40px;color:inherit;cursor:pointer;filter:drop-shadow(0 1px 2px #00000080);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:none}.search-field{border-bottom:1px solid #f4f1ea8c;align-items:center;gap:8px;display:flex;position:relative}.search-field:focus-within{border-bottom-color:var(--ink)}.search-icon{opacity:.85;filter:drop-shadow(0 1px 2px #00000080);display:flex}.search-icon svg{width:18px;height:18px}.search-input{width:9.5em;font:inherit;color:inherit;text-shadow:inherit;background:0 0;border:0;outline:none;padding:6px 0}.search-input::placeholder{color:var(--ink-muted);opacity:1}.search-list,.search-empty{width:max-content;min-width:100%;max-width:min(22em, calc(100vw - 2 * var(--gutter)));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--rule);text-shadow:none;background:#12110fd1;border-radius:6px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000059}.search-list{overscroll-behavior:contain;max-height:min(60vh,22em);overflow-y:auto}.search-list[hidden]{display:none}.search-option{cursor:pointer;padding:7px 16px}.search-option[aria-selected=true]{background:#f4f1ea24}.search-empty{color:var(--ink-muted);padding:8px 16px}@media (width<=900px){.navbar-search{gap:4px;margin-right:-8px}.search-toggle{display:flex}.search-field{display:none}.search[data-expanded]{inset:env(safe-area-inset-top) var(--gutter) 0;align-items:center;display:flex;position:absolute}.search[data-expanded] .search-toggle{display:none}.search[data-expanded] .search-field{flex:1;display:flex}.search[data-expanded] .search-input{flex:1;width:auto;min-width:0;font-size:max(16px,1em)}.search[data-expanded] .search-close{display:flex}.search-list,.search-empty{width:auto;max-width:none;left:0;right:0}.navbar[data-expanded] .navbar-title,.navbar[data-expanded] .navbar-links,.navbar[data-expanded] .nav-top,.navbar[data-expanded] .navbar-collection,.navbar[data-expanded] .search:not([data-expanded]){visibility:hidden}}@media (width<=600px){.navbar,.navbar-end{gap:12px}.navbar-links{gap:8px}.nav-title{font-size:24px}.nav-top{justify-content:center;align-items:center;width:36px;height:40px;display:flex}.nav-top svg{filter:drop-shadow(0 1px 2px #00000080);display:block}.nav-top-label{display:none}}.scroll-hint{left:50%;bottom:calc(34px + env(safe-area-inset-bottom) - 1.275em);z-index:9999;font-size:var(--caption-font);color:var(--ink);cursor:pointer;filter:drop-shadow(0 1px 2px #00000080);will-change:transform;opacity:0;visibility:hidden;transition:opacity var(--fade-ms) ease-out, visibility 0s linear var(--fade-ms);background:0 0;border:0;padding:0;animation:1.8s ease-in-out infinite scroll-hint;display:flex;position:absolute;translate:-50%}.scroll-hint[data-visible]{opacity:1;visibility:visible;transition:opacity var(--fade-ms) ease-out, visibility 0s}.scroll-hint svg{width:3.4em;height:3.4em}@keyframes scroll-hint{0%,to{transform:translateY(0)}50%{transform:translateY(.55em)}}@media (prefers-reduced-motion:reduce){.scroll-hint{animation:none}}.screen--about{background:var(--paper)}.about{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;padding:calc(var(--nav-h) + 24px) var(--gutter) 48px;grid-template-columns:minmax(0,1040px);place-content:safe center center;row-gap:clamp(20px,3.5vh,40px);display:grid;position:absolute;inset:0;overflow-y:auto}.about-figure{grid-template-columns:minmax(140px,300px) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);margin:0;display:grid}.about-photo{aspect-ratio:4/5;background:#f4f1ea0f;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%;display:block}.about-caption{color:var(--ink);margin:0}.about-caption p{margin:0}.about-caption strong{color:var(--ink)}.about-heading{font-size:var(--heading-size);font-weight:var(--weight-normal);margin:0;line-height:1.1}.about-totals{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 clamp(20px,3vh,32px);padding:18px 0;display:grid}.about-total{flex-direction:column-reverse;display:flex}.about-total dt{color:var(--ink);font-size:.85em}.about-total dd{font-variant-numeric:lining-nums tabular-nums;margin:0;font-size:1.9em;line-height:1.15}.about-subheading{font-size:1em;font-weight:var(--weight-bold);margin:0 0 8px}.about-sightings-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.about-feed{color:var(--ink-muted);text-underline-offset:4px;flex:none;align-items:center;gap:.3em;font-size:.85em;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.about-feed:hover{color:var(--ink)}.about-feed svg{width:.95em;height:.95em}.about-sightings{margin:0;padding:0;list-style:none}.about-sightings li{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:24px;padding:7px 0;display:grid}.about-sightings a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;justify-self:start;text-decoration:none}.about-sightings a:hover{background-size:100% 2px}.sighting-location,.sighting-date{color:var(--ink)}.sighting-date{font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}@media (width<=900px){.about-sightings li{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}.sighting-location{grid-row:2;font-size:.85em}}@media (width<=800px){.about-figure{grid-template-columns:minmax(0,1fr);gap:16px}.about-photo{justify-self:center;width:min(55%,300px)}}@media (width<=760px){.about{align-content:start}.about-heading{font-size:min(var(--heading-size), 10.5vw)}}@media (width<=560px){.about-sightings{font-size:.9em}.about-sightings li{padding:6px 0}}@container (height<=1000px) and (width>=561px){.about{padding:calc(var(--nav-h) + 12px) var(--gutter) 28px;row-gap:16px}.about-totals{margin-bottom:18px;padding:10px 0}.about-total dd{font-size:1.45em}.about-subheading{margin-bottom:4px}.about-sightings{font-size:.9em}.about-sightings li{padding:5px 0}}.message-page{text-align:center;height:100%;padding:var(--gutter);background:var(--paper);color:var(--ink);place-content:center;display:grid;overflow:auto}.message-title{letter-spacing:-.01em;white-space:nowrap;margin:0 0 clamp(16px,4vh,32px);font-size:min(48px,11.5vw);line-height:.9}.message-page h1{font-size:var(--heading-size);font-weight:var(--weight-normal);letter-spacing:-.01em;margin:0 0 16px}.message-page p:last-child{margin:0}.message-page a{color:var(--gold);text-underline-offset:4px;text-decoration-thickness:1px}