:root{--sidebar-width: clamp(360px, 30vw, 420px);--paper: #f3f0e8;--ink: #171714;--muted: #6e6c63;--line: rgba(23, 23, 20, .16);--accent: #e85332;--spectrum-low: #e85332;--spectrum-mid: #c48a3a;--spectrum-high: #4f8580;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden],.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{display:none!important}.app-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-width);width:100%;height:100dvh;overflow:hidden}.map-panel,.map-shell,.map{position:relative;width:100%;min-width:0}.map-panel{height:100%;overflow:hidden;background:var(--paper)}.map-shell,.map{height:100%;min-height:0}.map{opacity:.8}.map-spectrum{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}.spectrum-telemetry{position:absolute;right:2rem;bottom:2rem;z-index:2;width:8.25rem;border-collapse:collapse;color:var(--ink);background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;font-variant-numeric:tabular-nums;letter-spacing:.1em;line-height:1.2;opacity:.82;pointer-events:none}.spectrum-telemetry th,.spectrum-telemetry td{padding:.14rem .4rem;border-bottom:0}.spectrum-telemetry tr:last-child th,.spectrum-telemetry tr:last-child td{border-bottom:0}.spectrum-telemetry th{font-weight:650;text-align:left}.spectrum-telemetry td{width:3.2rem;text-align:right}.spectrum-telemetry__low{color:var(--spectrum-low)}.spectrum-telemetry__mid{color:var(--spectrum-mid)}.spectrum-telemetry__high{color:var(--spectrum-high)}.spectrum-telemetry__energy{color:var(--ink)}.map-loading-layer{position:absolute;inset:0;z-index:1;display:grid;place-content:center;gap:.75rem;padding:2rem;background:#d9d9d6;text-align:center;pointer-events:none}.map-loading-layer span{font-size:1.1rem;font-weight:600}.map-loading-layer small{max-width:30rem;color:var(--muted)}.map-loading-layer button{justify-self:center;min-height:44px;margin-top:.35rem;padding:.7rem 1rem;border:1px solid var(--ink);border-radius:.45rem;color:var(--paper);background:var(--ink);font-weight:650;cursor:pointer;pointer-events:auto}.map-loading-layer button:disabled{cursor:wait;opacity:.65}.gallery-status{position:absolute;right:1rem;bottom:1rem;z-index:4;max-width:min(24rem,calc(100% - 2rem));margin:0;padding:.65rem .8rem;border:1px solid var(--line);border-radius:.45rem;background:var(--paper);font-size:.78rem}.site-heading{position:absolute;top:clamp(1.5rem,4vw,3.5rem);left:clamp(1.5rem,4vw,4.5rem);z-index:2;max-width:33rem;color:var(--ink);text-shadow:0 1px 24px var(--paper);pointer-events:none}.site-heading p,.map-coordinate,.sound-index__header span,.sound-list__number{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.site-heading h1{margin:.35rem 0 .2rem;font-size:clamp(2.6rem,6vw,6.5rem);font-weight:850;letter-spacing:-.025em;line-height:.8}.site-heading span{font-size:clamp(.88rem,1.5vw,1.06rem)}.map-coordinate{position:absolute;bottom:2rem;left:clamp(1.5rem,4vw,4.5rem);z-index:2;padding:.5rem .7rem;border-radius:.4rem;color:var(--paper);background:var(--ink);text-shadow:none;pointer-events:none}.sound-gallery{min-width:0;min-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .26s ease}.sound-gallery--visible{opacity:1;pointer-events:auto}.sound-gallery__swiper{width:100%;height:100%;overflow:visible}.sound-gallery__swiper .swiper-wrapper{align-items:center;height:100%}.sound-gallery__swiper .swiper-slide{--gallery-aspect-ratio: 4 / 3;position:relative;width:auto;min-width:12rem;height:calc(100% - 1rem);overflow:hidden;aspect-ratio:var(--gallery-aspect-ratio);border-radius:1.25rem;background:#dedbd2}.sound-gallery__swiper .swiper-slide[data-gallery-state=loaded]{min-width:0}.sound-gallery__trigger{display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:inherit;color:inherit;background:transparent;cursor:pointer}.sound-gallery__image{display:block;width:100%;max-width:none;height:100%;object-fit:contain}.sound-gallery__image[hidden]{display:none}.sound-gallery__fallback{display:grid;width:100%;min-width:12rem;height:100%;place-items:center;padding:1rem;color:var(--muted);background:linear-gradient(135deg,rgba(23,23,20,.05),transparent),#dedbd2;font-size:.7rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}body.gallery-lightbox-open{overflow:hidden}.gallery-lightbox{position:fixed;inset:0;z-index:10000;background:#000000e6;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease,visibility 0s linear .26s}.gallery-lightbox--open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.gallery-lightbox__dialog{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));min-width:0;min-height:0;opacity:0;transform:translateY(8px);transition:opacity .24s ease,transform .24s ease}.gallery-lightbox--open .gallery-lightbox__dialog{opacity:1;transform:translateY(0)}.gallery-lightbox__close{position:absolute;top:.25rem;right:.25rem;z-index:3;display:grid;width:3rem;height:3rem;padding:0;place-items:center;border:0;border-radius:50%;color:#fff;background:#00000073;opacity:1;cursor:pointer}.gallery-lightbox__close:hover{background:#ffffff24}.gallery-lightbox__close:focus-visible{outline-color:#fff}.gallery-lightbox__close svg{width:1.5rem;height:1.5rem}.gallery-lightbox__swiper,.gallery-lightbox__swiper .swiper-wrapper,.gallery-lightbox__swiper .swiper-slide{width:100%;height:100%;min-width:0;min-height:0}.gallery-lightbox__swiper{position:relative;z-index:1;overflow:hidden}.gallery-lightbox__swiper .swiper-wrapper{align-items:center}.gallery-lightbox__swiper .swiper-slide{display:grid;place-items:center}.gallery-lightbox__image{display:block;width:auto;max-width:90vw;height:auto;max-height:85vh;max-height:85dvh;object-fit:contain;-webkit-user-select:none;user-select:none}.gallery-lightbox__fallback{display:grid;box-sizing:border-box;width:min(80vw,34rem);max-width:100%;min-height:12rem;max-height:100%;place-items:center;padding:2rem;border:1px solid rgba(255,255,255,.28);color:#fff;background:#ffffff14;font-size:.78rem;letter-spacing:.1em;text-align:center;text-transform:uppercase}.sidebar{position:relative;z-index:3;display:flex;min-width:0;min-height:0;flex-direction:column;border-left:0;background:var(--paper)}.player{flex:0 0 auto;padding:2rem 2rem 1.5rem;border-bottom:0}.player__surface{position:relative;padding:2em;border-radius:1.75rem;background:#fff}.player__surface>.player__surface-snapshot{position:absolute;inset:0;z-index:1;box-sizing:border-box;padding:inherit;pointer-events:none}.player audio{display:none}.player__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.player h2{margin:0;font-size:1.45rem;font-weight:500;letter-spacing:-.035em;line-height:1.15}#sound-title,.player__surface-snapshot [data-player-snapshot-id=sound-title]{font-size:1.25rem}.player__heading p,.player__empty p,.player__description{margin:.35rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.player__description{min-height:2.4rem;margin-top:.8rem}.play-button{display:grid;width:3.25rem;height:3.25rem;flex:0 0 auto;place-items:center;border:0;border-radius:50%;color:#fff;background:var(--ink);cursor:pointer;transition:transform .16s ease,background .16s ease}.play-button:hover{background:var(--accent);transform:scale(1.04)}.play-button span{display:block;margin-left:.12rem;font-size:1.1rem;line-height:1;transition:opacity .12s ease,transform .16s ease}.play-button span[data-state=pause]{margin-left:0;font-size:.9rem;letter-spacing:-.12em;opacity:.9;transform:scale(.96)}.progress{margin-top:1rem}.progress input,.volume input{width:100%;margin:0;accent-color:var(--accent);cursor:pointer}.progress input{height:2px;appearance:none;border-radius:999px;transition:height .12s ease}#playback-progress,.player__surface-snapshot [data-player-snapshot-id=playback-progress]{--progress-position: 0%;background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--progress-position),var(--line) var(--progress-position),var(--line) 100%)}.progress input::-webkit-slider-runnable-track{height:100%;background:transparent}.progress input::-moz-range-track{height:100%;background:transparent}.progress input::-webkit-slider-thumb{width:10px;height:10px;margin-top:-4px;appearance:none;border:0;border-radius:50%;background:var(--accent)}.progress input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--accent)}.progress input:not(:disabled):hover{height:3px}.progress input:disabled{cursor:default;opacity:.45}.progress__times{display:flex;justify-content:space-between;margin-top:.4rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem}.playback-controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.55rem}.gallery-button{display:none}.loop-button{display:grid}.gallery-button,.loop-button{width:1.9rem;height:1.9rem;flex:0 0 auto;padding:0;place-items:center;border:0;color:var(--muted);background:transparent;cursor:pointer;transition:color .16s ease}.gallery-button:hover,.loop-button:hover{color:var(--ink)}.loop-button[aria-pressed=true]{color:var(--accent)}.gallery-button svg,.loop-button svg{width:1.15rem;height:1.15rem}.volume{display:grid;grid-template-columns:auto 5rem;align-items:center;justify-content:end;gap:.65rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;letter-spacing:.08em;opacity:.7;text-transform:uppercase}.volume input{height:2px}.player__notice{margin:.55rem 0 0;color:var(--accent);font-size:.72rem}.player__empty{max-width:17rem}.sound-index{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.sound-index__header{position:sticky;top:0;z-index:1;display:flex;align-items:baseline;justify-content:space-between;padding:1rem 2rem .85rem;border-bottom:0;background:#f3f0e8f5}.sound-index__header h2{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sound-index__header span{color:var(--muted)}.sound-list{margin:0;padding:0;list-style:none}.sound-list__item{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;width:100%;align-items:center;gap:.7rem;padding:1rem 2rem;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}.sound-list__item[aria-current=true]{color:var(--accent);background:transparent}.sound-list__number{color:var(--muted)}.sound-list__item[aria-current=true] .sound-list__number{color:var(--accent)}.sound-list__copy{display:flex;min-width:0;flex-direction:column}.sound-list__copy strong{overflow:hidden;font-size:.83rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.sound-list__copy>span{margin-top:.15rem;color:var(--muted);font-size:.68rem}.sound-list__item[aria-current=true] .sound-list__copy>span{color:var(--accent);opacity:.72}.sound-list__arrow{min-width:1rem;color:var(--muted);font-size:.78rem;text-align:center;transform-origin:center}.sound-list__arrow[data-playback-state=paused],.sound-list__arrow[data-playback-state=playing]{color:var(--accent)}.sound-list__arrow[data-playback-state=playing]{animation:sound-indicator-pulse 2.4s ease-in-out infinite}@keyframes sound-indicator-pulse{0%,to{opacity:.82;transform:scale(.98)}50%{opacity:.98;transform:scale(1.02)}}@media(hover:hover)and (pointer:fine){.sound-list__item:not([aria-current=true]):hover{background:#1717140e}}.load-error{padding:2rem}.load-error button{padding:.6rem .8rem;border:1px solid var(--ink);background:transparent;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mapboxgl-ctrl-group{border-radius:0}.legal-notice{position:fixed;bottom:1.4rem;left:35px;z-index:4;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;letter-spacing:.06em}.legal-notice strong{font-weight:750}@media(min-width:761px){.map-panel{position:relative;padding:35px 0 58px 35px}.map-shell{width:100%;height:100%;overflow:hidden;clip-path:inset(0 0 0 0 round 1.75rem);border-radius:1.75rem;transition:clip-path .42s cubic-bezier(.22,1,.36,1)}.map-panel--gallery .map-shell{clip-path:inset(0 0 25% 0 round 1.75rem)}.map-coordinate,.spectrum-telemetry{transition:bottom .42s cubic-bezier(.22,1,.36,1)}.map-panel--gallery .map-coordinate,.map-panel--gallery .spectrum-telemetry{bottom:calc(25% + 2rem)}.sound-gallery{position:absolute;right:0;bottom:58px;left:35px;z-index:2;height:calc((100% - 93px)/4);box-sizing:border-box;padding-top:.75rem}}@media(max-width:760px){.app-shell{grid-template-rows:45dvh minmax(0,1fr);grid-template-columns:1fr}.sidebar{border-top:0;border-left:0}.player{padding:.9rem 1.4rem .25rem}#sound-title,.player__surface-snapshot [data-player-snapshot-id=sound-title]{font-size:1.0625rem}.play-button{width:3rem;height:3rem}#player-active:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 5rem;column-gap:.75rem}.player__surface-snapshot:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 5rem;column-gap:.75rem}.player__heading{grid-row:1;grid-column:1 / -1;align-items:center}.player__surface{padding:0;border-radius:0;background:none}.map-coordinate,.spectrum-telemetry,.player__description{display:none}.map-shell{clip-path:none;transition:none}.sound-gallery{display:none!important}.gallery-button:not([hidden]){display:inline-flex;position:absolute;left:calc(env(safe-area-inset-left) + 1rem);bottom:calc(env(safe-area-inset-bottom) + 1rem);z-index:3;width:auto;min-width:44px;height:36px;min-height:0;padding:0 7px;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--line);border-radius:8px;background:#ffffff8c;pointer-events:auto}.gallery-button:before{content:"";position:absolute;inset:-4px;background:transparent}.gallery-button__count{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;font-weight:400;line-height:1;letter-spacing:.08em;text-transform:uppercase}.gallery-lightbox__dialog{top:max(.5rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));bottom:max(.5rem,env(safe-area-inset-bottom));left:max(.5rem,env(safe-area-inset-left))}.player__empty{padding-top:.6rem}.progress{grid-row:2;grid-column:1;min-width:0;margin:25px 0 10px}.playback-controls{grid-row:2;grid-column:2;align-items:flex-start;margin:25px 0 10px}.progress input{display:block}.loop-button{display:none}.volume{width:5rem;grid-template-rows:auto auto;grid-template-columns:5rem;gap:.4rem}.volume label{grid-row:2}.volume input{grid-row:1}.player__notice{grid-column:1 / -1}.site-heading{top:1.35rem;left:1.35rem}.site-heading h1{font-size:calc(clamp(2.2rem,11.8vw,3.8rem) - 2px)}.site-heading span{font-size:.78rem}.sound-index__header{padding:.45rem 1.4rem .55rem}.sound-list__item{padding:.5rem 2rem}.legal-notice{position:static;padding:1.5rem 1.4rem 1.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.sound-list__arrow[data-playback-state=playing]{animation:none}.map-shell,.gallery-lightbox,.gallery-lightbox__dialog{transition:none!important}}#map .mapboxgl-control-container,.mapboxgl-ctrl.mapboxgl-ctrl-attrib.mapboxgl-compact{display:none!important}