:root{color-scheme:light;--color-ocean-50: #effbfc;--color-ocean-100: #dff4f6;--color-ocean-200: #bce7eb;--color-ink: #123f46;--color-ink-muted: #547177;--color-content: #16b7bd;--color-content-strong: #087f89;--color-selected: #f47768;--color-selected-strong: #c84e49;--color-surface: #ffffff;--color-surface-soft: #f8fdfd;--color-border: #c6e0e2;--color-border-strong: #9fcdd1;--color-focus: #075f79;--font-sans: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-base: 1rem;--line-height-base: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-pill: 999px;--control-height: 2.75rem;--shadow-soft: 0 .75rem 2rem rgb(18 63 70 / 8%);--shadow-raised: 0 .4rem 1.2rem rgb(18 63 70 / 10%)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--color-ocean-50)}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-ocean-50);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base)}a{color:var(--color-content-strong);text-decoration-thickness:.08em;text-underline-offset:.15em}a:hover{color:var(--color-selected-strong)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}#app{min-height:100vh}.app-shell{display:flex;min-height:100vh;flex-direction:column;align-items:center;gap:var(--space-6);padding:clamp(var(--space-6),8vw,var(--space-7)) var(--space-5);text-align:center}.app-shell__header{width:min(100%,22rem)}.app-shell__logo{width:100%;height:auto}.app-header{width:min(100%,76rem);margin-inline:auto}.app-header__inner{display:flex;align-items:center;gap:var(--space-5);min-height:4.75rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffffff0;box-shadow:var(--shadow-soft)}.app-header__brand{display:inline-flex;flex:0 1 auto;align-items:center;gap:var(--space-3);min-width:0;color:var(--color-ink);text-decoration:none}.app-header__logo{width:3.5rem;height:3.5rem;flex:0 0 3.5rem;border-radius:50%;object-fit:cover}.app-header__brand-name{color:var(--color-ink);font-size:1.2rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.app-header__brand:hover .app-header__brand-name{color:var(--color-content-strong)}.app-header__nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-left:auto}.app-header__nav a{color:var(--color-ink);font-weight:800;text-decoration:none}.app-header__nav a:hover{color:var(--color-content-strong)}.app-header__social-cta,.region-filter-button,.country-search__result{border:1px solid var(--color-content-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-content-strong);cursor:pointer;font:inherit;font-weight:800}.app-header__social-cta{flex:0 0 auto;min-height:var(--control-height);padding:var(--space-2) var(--space-4)}.app-header__social-cta:hover,.region-filter-button:hover,.country-search__result:hover{border-color:var(--color-selected-strong);color:var(--color-selected-strong)}.map-explorer__navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,22rem);gap:var(--space-4);align-items:end;margin-bottom:var(--space-3)}.map-explorer__navigation>*,.region-filters,.country-search{min-width:0}.region-filters h2,.country-search h2{margin:0 0 var(--space-2);color:#fff;font-size:.95rem;line-height:1.2}.region-filters__scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:.15rem .15rem var(--space-2);scrollbar-color:var(--color-content) var(--color-ocean-100)}.region-filters__group{display:flex;width:max-content;min-width:max-content;gap:var(--space-2)}.region-filter-button{flex:0 0 auto;min-height:var(--control-height);padding:var(--space-2) var(--space-3);white-space:nowrap}.region-filter-button[aria-pressed=true]{border-color:var(--color-selected-strong);background:var(--color-selected);color:var(--color-ink)}.country-search{position:relative}.country-search__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.country-search__input{width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit}.country-search__input::placeholder{color:var(--color-ink-muted)}.country-search__results{position:absolute;z-index:2;top:calc(100% + var(--space-2));right:0;left:0;max-height:18rem;margin:0;padding:var(--space-2);overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-soft);list-style:none}.country-search__result+.country-search__result{margin-top:var(--space-1)}.country-search__result{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-color:transparent;border-radius:var(--radius-sm);text-align:left}.country-search__result[aria-selected=true]{border-color:var(--color-focus);background:var(--color-ocean-50)}.country-search__result-name{color:var(--color-ink)}.country-search__result-type{flex:0 0 auto;color:var(--color-ink-muted);font-size:.8rem;font-weight:700}.country-search__status{margin:var(--space-2) 0 0;color:var(--color-ocean-100);font-size:.9rem}.navigation-status{margin:0 0 var(--space-3);color:var(--color-ocean-100);font-size:.9rem}.app-shell--pending{min-height:100vh}.loading-navigation{align-items:end}.loading-placeholder,.loading-video-card,.loading-map-canvas{position:relative;overflow:hidden;background:var(--color-ocean-100)}.loading-placeholder:after,.loading-video-card:after,.loading-map-canvas:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgb(255 255 255 / 55%) 48%,transparent 76%);content:"";transform:translate(-100%);animation:loading-sheen 1.6s ease-in-out infinite}.loading-placeholder{border-radius:var(--radius-sm)}.loading-placeholder--filters{width:min(100%,42rem);height:4.25rem}.loading-placeholder--search{width:100%;height:4.25rem}.loading-placeholder--heading{width:11rem;height:1.25rem}.loading-placeholder--copy{width:min(100%,22rem);height:.875rem}.loading-placeholder--legend{width:18rem;height:.75rem;margin:var(--space-3) var(--space-5) var(--space-5)}.loading-placeholder--status{width:min(100%,41rem);height:4rem;margin:var(--space-5) auto 0}.loading-placeholder--eyebrow{width:8rem;height:.75rem}.loading-placeholder--video-heading{width:min(70vw,22rem);height:1.5rem;margin-top:var(--space-2)}.world-map--loading{box-shadow:none}.loading-map-canvas{aspect-ratio:1000 / 540;min-height:0}.video-carousel--loading{box-shadow:none}.loading-video-row{display:flex;gap:var(--space-4);padding:0 var(--space-5) var(--space-5)}.loading-video-card{width:18rem;height:20rem;flex:0 0 18rem;border-radius:var(--radius-md)}.explorer-inline-error{width:min(100%,41rem);margin:var(--space-6) auto;padding:var(--space-6);border:1px solid var(--color-selected);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft);text-align:center}.explorer-inline-error h2{margin:0;font-size:clamp(1.25rem,3vw,1.75rem)}.explorer-inline-error>p:last-child{margin:var(--space-3) 0 0;color:var(--color-ink-muted)}.loading-state{display:grid;justify-items:center;width:min(100%,38rem);padding:clamp(var(--space-5),5vw,var(--space-7));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft)}.loading-state__indicator{width:1rem;height:1rem;margin-bottom:var(--space-4);border:3px solid var(--color-ocean-200);border-top-color:var(--color-content);border-radius:50%;animation:loading-spin .9s linear infinite}.loading-state h1{margin:0;color:var(--color-ink);font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.2}.loading-state p{max-width:32rem;margin:var(--space-3) 0 0;color:var(--color-ink-muted)}.app-shell__social{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-3);color:var(--color-ink-muted);width:min(100%,72rem);margin-inline:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.app-shell__social span{flex-basis:100%;font-weight:700}.app-shell__social p{flex-basis:100%;margin:0;color:var(--color-content-strong);font-size:.9rem}.app-shell__social a{padding:var(--space-2) var(--space-3);border:1px solid var(--color-content);border-radius:var(--radius-pill);background:var(--color-surface);font-size:.9rem;font-weight:700;text-decoration:none}.app-shell__footer,.no-script-fallback nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);color:var(--color-ink-muted);font-size:.9rem}.no-script-fallback{width:min(100% - 2rem,38rem);margin:0 auto;padding:var(--space-6) var(--space-5);text-align:center}.no-script-fallback h1{margin-top:0}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-sheen{to{transform:translate(100%)}}.video-explorer{width:min(100%,72rem);margin:var(--space-5) auto 0}.video-explorer__context{margin:0 0 var(--space-3);color:var(--color-ocean-100);font-size:.9rem}.video-carousel{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-raised)}.video-carousel__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-3)}.video-carousel__heading-group{min-width:0}.video-carousel__eyebrow{margin:0 0 var(--space-1);color:var(--color-content-strong);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.video-carousel h2{margin:0;color:var(--color-ink);font-size:clamp(1.25rem,2.6vw,1.75rem);line-height:1.15}.video-carousel__hint{margin:var(--space-2) 0 0;color:var(--color-ink-muted);font-size:.9rem}.video-carousel__controls{display:flex;flex:0 0 auto;gap:var(--space-2)}.video-carousel__control,.association-panel__close{min-width:var(--control-height);min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-content-strong);cursor:pointer;font:inherit;font-weight:800}.video-carousel__control:hover,.association-panel__close:hover{border-color:var(--color-content);background:var(--color-ocean-50)}.video-carousel__scroll{display:flex;gap:var(--space-4);overflow-x:auto;padding:0 var(--space-5) var(--space-5);overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:var(--color-content) var(--color-ocean-100);scrollbar-width:thin;touch-action:pan-x}.video-card{display:flex;flex:0 0 17rem;flex-direction:column;overflow:hidden;scroll-snap-align:start;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.video-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-ink)}.video-card__thumbnail{width:100%;height:100%;object-fit:cover}.video-card__play{position:absolute;bottom:var(--space-3);left:var(--space-3);display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgb(255 255 255 / 75%);border-radius:50%;background:#123f46c7;color:var(--color-surface);cursor:pointer;font:inherit;font-size:.9rem}.video-card__play:hover{background:var(--color-content-strong)}.video-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:var(--space-3) var(--space-4) var(--space-4)}.video-card__animal{margin:0 0 var(--space-1);color:var(--color-content-strong);font-size:.8rem;font-weight:800}.video-card__title{margin:0;color:var(--color-ink);font-size:1.1rem;line-height:1.2}.video-card__source{margin:var(--space-3) 0 0;color:var(--color-ink-muted);font-size:.84rem;line-height:1.45}.video-card__association{margin-top:var(--space-4);padding:0;border:0;border-bottom:1px dashed var(--color-content-strong);background:transparent;color:var(--color-content-strong);cursor:pointer;font:inherit;font-size:.82rem;font-weight:800;text-align:left}.video-card__association:hover{border-bottom-color:var(--color-selected-strong);color:var(--color-selected-strong)}.video-card__watch{width:100%;min-height:var(--control-height);margin-top:var(--space-4);border:1px solid var(--color-content-strong);border-radius:var(--radius-pill);background:var(--color-content-strong);color:var(--color-surface);cursor:pointer;font:inherit;font-size:.85rem;font-weight:800}.video-card__watch:hover{border-color:var(--color-selected-strong);background:var(--color-selected-strong)}.video-card__social-unavailable{margin:var(--space-4) 0 0;color:var(--color-ink-muted);font-size:.8rem}.social-modal{width:min(calc(100% - var(--space-6)),34rem);max-height:min(calc(100% - var(--space-6)),42rem);margin:auto;padding:0;overflow:auto;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-ink)}.social-modal::backdrop{background:#123f46b8;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.social-modal__panel{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-raised)}.social-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.social-modal__title{margin:0;color:var(--color-ink);font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.2}.social-modal__close{flex:0 0 auto;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-content-strong);cursor:pointer;font:inherit;font-size:.85rem;font-weight:800}.social-modal__close:hover{border-color:var(--color-selected-strong);color:var(--color-selected-strong)}.social-modal__description{margin:var(--space-3) 0 0;color:var(--color-ink-muted)}.social-modal__links{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.social-modal__link{display:flex;min-height:2.75rem;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border:1px solid var(--color-content-strong);border-radius:var(--radius-pill);background:var(--color-content-strong);color:var(--color-surface);font-weight:800;text-decoration:none}.social-modal__link:hover{border-color:var(--color-selected-strong);background:var(--color-selected-strong);color:var(--color-surface)}.video-empty-state{margin:0 var(--space-5) var(--space-5);padding:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-ocean-50)}.video-empty-state h3{margin:0;color:var(--color-ink);font-size:1rem}.video-empty-state p{margin:var(--space-2) 0 0;color:var(--color-ink-muted)}.association-panel{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--color-content);border-radius:var(--radius-md);background:var(--color-ocean-50)}.association-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.association-panel h2{margin:0;color:var(--color-ink);font-size:1.05rem}.association-panel__copy{margin:var(--space-2) 0 0;color:var(--color-content-strong);font-weight:700}.association-panel__list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.association-panel__location{padding:var(--space-2) var(--space-3);border:1px solid var(--color-ocean-200);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-size:.82rem;font-weight:700}.association-panel__location--special{border-color:var(--color-selected);background:#f477681f}@media(max-width:40rem){.app-shell{gap:var(--space-5);padding-inline:var(--space-4)}.app-header__inner{align-items:stretch;flex-wrap:wrap;gap:var(--space-3)}.app-header__brand{flex:1 1 auto}.app-header__nav{order:3;width:100%;justify-content:space-between;margin-left:0}.app-header__social-cta{margin-left:auto}.map-explorer__navigation{grid-template-columns:1fr;gap:var(--space-5)}.loading-state{padding:var(--space-5) var(--space-4)}.video-carousel__header{display:block;padding-inline:var(--space-4)}.video-carousel__controls{margin-top:var(--space-3)}.video-carousel__scroll{padding-inline:var(--space-4)}.video-card{flex-basis:min(82vw,20rem)}.video-empty-state,.association-panel{margin-inline:var(--space-4)}.social-modal{width:min(calc(100% - var(--space-4)),34rem)}.social-modal__panel{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}