:root{--bg:oklch(18% .04 245);--surface:oklch(23% .045 245);--surface-2:oklch(29% .05 245);--nav-surface:oklch(23% .045 245/.78);--nav-surface-scrolled:oklch(29% .05 245/.86);--fg:oklch(96% .015 215);--muted:oklch(78% .035 220);--border:oklch(53% .045 230);--accent:oklch(76% .13 205);--accent-glow:oklch(72% .11 205);--interaction-hover:oklch(32% .065 235);--on-accent:oklch(16% .035 245);--on-photo:oklch(98% .01 215);--on-photo-muted:oklch(88% .035 215);--on-photo-accent:oklch(88% .1 200);--photo-scrim:oklch(13% .05 245);--shadow:oklch(12% .04 245);--deep-surface:oklch(14% .05 245);--map-island-fill:oklch(31% .08 220);--map-island-stroke:oklch(58% .09 210);--map-volcano-stroke:oklch(44% .05 220);--success:oklch(72% .16 155);--warn:oklch(80% .16 85);--danger:oklch(67% .2 25);--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", "Segoe UI", system-ui, sans-serif;--blur:blur(16px);--radius:16px;--radius-sm:10px}[data-theme=light]{--bg:oklch(88% .025 220);--surface:oklch(93% .018 220);--surface-2:oklch(97% .012 220);--nav-surface:oklch(93% .018 220/.82);--nav-surface-scrolled:oklch(97% .012 220/.9);--fg:oklch(22% .055 240);--muted:oklch(42% .055 235);--border:oklch(58% .055 225);--accent:oklch(46% .13 235);--accent-glow:oklch(58% .1 230);--interaction-hover:oklch(84% .06 225);--on-accent:oklch(98% .008 220);--on-photo:oklch(98% .01 215);--on-photo-muted:oklch(88% .035 215);--on-photo-accent:oklch(88% .1 200);--photo-scrim:oklch(13% .05 245);--shadow:oklch(30% .05 240);--deep-surface:oklch(18% .05 245);--map-island-fill:oklch(76% .08 215);--map-island-stroke:oklch(48% .1 220);--map-volcano-stroke:oklch(64% .055 220);--success:oklch(55% .15 155);--warn:oklch(62% .14 85);--danger:oklch(57% .19 25)}html{scroll-behavior:smooth;background:var(--bg);color:var(--fg);font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);overflow-x:hidden}.hero{justify-content:flex-start;align-items:flex-end;min-height:100vh;padding:6rem 2rem 12rem;display:flex;position:relative;overflow:hidden}@media (height>=900px){.hero{align-items:center;padding-bottom:6rem}}.hero__photo{z-index:1;object-fit:cover;object-position:center 72%;width:100%;height:100%;position:absolute;inset:0}.hero__overlay{z-index:2;background:linear-gradient(180deg, color-mix(in oklch, var(--photo-scrim) 38%, transparent) 0%, color-mix(in oklch, var(--photo-scrim) 54%, transparent) 35%, color-mix(in oklch, var(--photo-scrim) 72%, transparent) 70%, color-mix(in oklch, var(--photo-scrim) 92%, transparent) 100%);position:absolute;inset:0}.hero__content{z-index:3;text-align:left;-webkit-user-select:none;user-select:none;max-width:900px;position:relative}.hero__eyebrow{color:var(--on-photo-accent);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 8px color-mix(in oklch, var(--photo-scrim) 76%, transparent);margin-bottom:1rem;font-size:1rem;font-weight:500}.hero__title{color:var(--on-photo);font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 0 40px color-mix(in oklch, var(--accent-glow) 58%, transparent);margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1}.hero__subtitle{max-width:540px;color:var(--on-photo-muted);text-shadow:0 2px 12px color-mix(in oklch, var(--photo-scrim) 84%, transparent);margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.hero__cta{color:var(--on-accent);background:var(--accent);box-shadow:0 0 20px color-mix(in oklch, var(--accent-glow) 62%, transparent);cursor:pointer;letter-spacing:.02em;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.hero__cta:hover{box-shadow:0 0 40px color-mix(in oklch, var(--accent-glow) 72%, transparent), 0 8px 30px color-mix(in oklch, var(--shadow) 60%, transparent);transform:translateY(-2px)}.hero__cta:focus-visible{outline:2px solid var(--on-photo);outline-offset:4px}.hero__cta:active{transform:translateY(0)}.hero-fade{z-index:2;pointer-events:none;background:linear-gradient(180deg, transparent 0%, var(--bg) 100%);height:10rem;margin-top:-10rem;position:relative}.section{max-width:1280px;margin:0 auto;padding:5rem 2rem}.section--species{max-width:none;padding-top:3rem;position:relative;overflow:hidden}.section--species>*{z-index:2;position:relative}.section__particles{z-index:1;pointer-events:none;position:absolute;inset:0}.section--species .section__header,.section--species .bento{max-width:1280px;margin-inline:auto}.section__header{text-align:center;margin-bottom:3rem}.section__eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:500}.section__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.15}.section__desc{margin-top:1rem;max-width:560px;color:var(--muted);margin-inline:auto}.bento{grid-template-rows:auto;grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.bento__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s;display:flex;position:relative;overflow:hidden}.bento__card:hover{background:var(--surface-2);border-color:var(--accent);box-shadow:0 12px 40px color-mix(in oklch, var(--accent-glow) 48%, transparent);transform:translateY(-4px)}.bento__card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.bento__card--featured{grid-area:span 2/span 2;min-height:502px}.bento__card--medium{grid-column:span 2;min-height:264px}.bento__card--small{grid-column:span 1;min-height:210px}.bento__card-photo{z-index:0;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.bento__card-photo--seal{object-position:30% 20%}.bento__card-photo--flamingo{object-position:center 20%}.bento__card-photo--iguana{object-position:75% 25%}.bento__card-photo--booby{object-position:center 30%}.bento__card-photo--finch{object-position:60% 25%}.bento__card-photo--cormorant{object-position:55% 20%}.bento__card-overlay{z-index:1;background:linear-gradient(180deg, color-mix(in oklch, var(--photo-scrim) 22%, transparent) 0%, color-mix(in oklch, var(--photo-scrim) 62%, transparent) 55%, color-mix(in oklch, var(--photo-scrim) 94%, transparent) 100%);position:absolute;inset:0}.bento__card-content{z-index:2;position:relative}.bento__card-label{color:var(--on-photo-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:500}.bento__card-title{color:var(--on-photo);font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.25}.bento__card--featured .bento__card-title{font-size:1.75rem}.bento__card-desc{color:var(--on-photo-muted);font-size:.875rem;line-height:1.5}.status-badge{color:var(--on-photo);background:color-mix(in oklch, var(--photo-scrim) 84%, transparent);border:1px solid color-mix(in oklch, var(--on-photo) 18%, transparent);letter-spacing:.02em;border-radius:50px;align-items:center;gap:.4rem;margin-top:.75rem;padding:.3rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge__dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}.status-badge--safe .status-badge__dot{background:var(--success);box-shadow:0 0 8px var(--success)}.status-badge--vulnerable .status-badge__dot{background:var(--warn);box-shadow:0 0 8px var(--warn)}.status-badge--critical .status-badge__dot{background:var(--danger);box-shadow:0 0 8px var(--danger)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.map-section{background:var(--surface-2);border-block:1px solid var(--border);padding:5rem 2rem;position:relative;overflow:hidden}.map-section:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg, color-mix(in oklch, var(--border) 22%, transparent) 0, color-mix(in oklch, var(--border) 22%, transparent) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, color-mix(in oklch, var(--border) 22%, transparent) 0, color-mix(in oklch, var(--border) 22%, transparent) 1px, transparent 1px, transparent 40px);position:absolute;inset:0}.map-section:after{content:"";pointer-events:none;background:radial-gradient(circle, transparent 30%, color-mix(in oklch, var(--border) 16%, transparent) 30.5%, transparent 31%), radial-gradient(circle, transparent 45%, color-mix(in oklch, var(--border) 16%, transparent) 45.5%, transparent 46%), radial-gradient(circle, transparent 60%, color-mix(in oklch, var(--border) 16%, transparent) 60.5%, transparent 61%), radial-gradient(circle, transparent 75%, color-mix(in oklch, var(--border) 16%, transparent) 75.5%, transparent 76%), radial-gradient(circle, transparent 90%, color-mix(in oklch, var(--border) 16%, transparent) 90.5%, transparent 91%);border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-section__header{z-index:2;position:relative}.map-container{z-index:2;max-width:1000px;margin:0 auto;position:relative}.map-svg{width:100%;height:auto;display:block}.map-island{cursor:pointer;transform-origin:50%;transition:filter .3s,transform .2s}.map-island:hover{filter:drop-shadow(0 0 12px var(--accent-glow))}.map-island:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.map-point{cursor:pointer;transition:transform .2s}.map-point:hover{transform:scale(1.3)}.map-point__glow{animation:2.5s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{opacity:.4;r:8}50%{opacity:.8;r:12}}.modal-overlay{z-index:2000;pointer-events:none;opacity:0;background:color-mix(in oklch, var(--photo-scrim) 74%, transparent);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:2rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay--active{pointer-events:auto;opacity:1}.modal{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:500px;box-shadow:0 20px 60px color-mix(in oklch, var(--shadow) 66%, transparent);padding:2rem;transition:transform .3s;transform:translateY(20px)scale(.95)}.modal-overlay--active .modal{transform:translateY(0)scale(1)}.modal__title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.modal__desc{color:var(--muted);margin-bottom:1.25rem;font-size:.9rem;line-height:1.6}.modal__stats{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.modal__stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:.75rem}.modal__stat-value{color:var(--accent);font-size:1.25rem;font-weight:600}.modal__stat-label{color:var(--muted);letter-spacing:.02em;margin-top:.2rem;font-size:.7rem}.modal__close{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:.4rem;padding:.5rem 1.2rem;font-size:.85rem;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.modal__close:hover{color:var(--fg);background:var(--interaction-hover);border-color:var(--accent)}.modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about-section{padding-top:3rem}.about-stats{grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:900px;margin:0 auto 3rem;display:grid}.about-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1.5rem 1rem}.about-stat__value{color:var(--accent);font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.1}.about-stat__label{color:var(--muted);margin-top:.4rem;font-size:.8rem;line-height:1.4}.about-cta{text-align:center;max-width:640px;margin:0 auto}.about-cta__text{color:var(--muted);margin-bottom:1.5rem;line-height:1.6}.history-section{padding-top:3rem}.timeline{max-width:720px;margin:0 auto;padding-left:2.75rem;list-style:none;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, color-mix(in oklch, var(--accent) 45%, transparent) 62%, transparent 100%);width:2px;position:absolute;top:.65rem;bottom:0;left:calc(.4375rem - 1px)}.timeline__item{padding-bottom:2.75rem;position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__marker{background:var(--accent);border:3px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 1px color-mix(in oklch, var(--accent) 50%, transparent);border-radius:50%;position:absolute;top:.5rem;left:-2.75rem}.timeline__year{color:var(--accent);font-family:var(--font-display);letter-spacing:.01em;font-size:1.5rem;font-weight:700;line-height:1.2}.timeline__title{font-family:var(--font-display);letter-spacing:-.01em;margin-top:.25rem;font-size:1.25rem;font-weight:600;line-height:1.3}.timeline__desc{color:var(--muted);margin-top:.6rem;font-size:.95rem;line-height:1.65}.history-closing{border-top:1px solid var(--border);text-align:center;max-width:640px;margin:3.5rem auto 0;padding-top:2.5rem}.history-closing__text{color:var(--muted);line-height:1.6}.history-closing__kicker{color:var(--fg);font-family:var(--font-display);letter-spacing:-.01em;margin-top:1.25rem;font-size:clamp(1.25rem,2.5vw,1.75rem);font-style:italic;font-weight:600;line-height:1.3}.history-closing__cta{color:var(--accent);letter-spacing:.01em;margin-top:1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.history-closing__cta:hover{color:var(--accent-glow);text-decoration:underline}.history-closing__cta:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}@media (width<=1024px){.bento{grid-template-columns:repeat(2,1fr)}.bento__card--featured{grid-column:span 2}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero{justify-content:center}.hero__content{text-align:center}.hero__subtitle{margin:0 auto 2rem}.bento{grid-template-columns:1fr}.bento__card--featured,.bento__card--medium{grid-column:span 1}.bento__card--small{min-height:264px}.modal__stats{grid-template-columns:1fr}.timeline{padding-left:2rem}.timeline__marker{left:-2rem}.timeline__item{padding-bottom:2.25rem}.timeline__year{font-size:1.35rem}.timeline__title{font-size:1.125rem}}.is-hidden{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.status-badge__dot,.map-point__glow{animation:none}.hero__cta,.bento__card,.bento__card:hover,.about-stat,.map-island,.map-point{transition:none}.hero__cta:hover,.bento__card:hover{transform:none}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}