:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}*{box-sizing:border-box}body{background-color:#0d1e26}h1,h4,p{color:#fff}h3{padding-top:5px;padding-bottom:5px}h4{padding-bottom:10px}iframe{margin:35px}.font-color-special{color:#ccd364}.hidden{display:none!important}header{display:flex;align-items:center;justify-content:space-between;position:fixed;width:98vw;height:40px;transform:translate(1vw);margin-top:15px;padding:15px;background-color:#81a8af;border-radius:5px;z-index:1}#smallScreenTitle{display:none}#navbar-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer}#navLinks{display:flex}#navLinks a{position:relative;padding:15px;font-weight:700;cursor:pointer;text-decoration:none;color:#2c3e50}#navLinks a:hover,.tab-status-on,.active-link{background-color:#81a8af79;border:1px solid #0d1e26;border-radius:5px}.social-media-icon{position:relative;height:25px;width:25px;float:right;margin-left:5px;margin-right:5px}.social-media-icon:hover{cursor:pointer}.router-link-button{background-color:#95af51;padding:10px;text-decoration:none;font-weight:700;color:#2f4f4f;font-size:18px;border:1px solid white;border-radius:5px}.router-link-button:hover{background-color:#afcae0}#content-wrapper{width:95vw;height:95vh;position:fixed;transform:translate(2.5vw);top:70px;overflow:auto;scrollbar-width:none;padding-bottom:50px}.about-page,.stories-page,.data-container,.glossary-container,.hotspots-page{height:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(129,168,175,.3) transparent}.about-page::-webkit-scrollbar,.stories-page::-webkit-scrollbar,.data-container::-webkit-scrollbar,.glossary-container::-webkit-scrollbar,.hotspots-page::-webkit-scrollbar{width:8px}.about-page::-webkit-scrollbar-track,.stories-page::-webkit-scrollbar-track,.data-container::-webkit-scrollbar-track,.glossary-container::-webkit-scrollbar-track,.hotspots-page::-webkit-scrollbar-track{background:transparent}.about-page::-webkit-scrollbar-thumb,.stories-page::-webkit-scrollbar-thumb,.data-container::-webkit-scrollbar-thumb,.glossary-container::-webkit-scrollbar-thumb,.hotspots-page::-webkit-scrollbar-thumb{background:#81a8af4d;border-radius:4px}.about-page::-webkit-scrollbar-thumb:hover,.stories-page::-webkit-scrollbar-thumb:hover,.data-container::-webkit-scrollbar-thumb:hover,.glossary-container::-webkit-scrollbar-thumb:hover,.hotspots-page::-webkit-scrollbar-thumb:hover{background:#81a8af80}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:fit-content;gap:2.5rem;padding:30px 0 50px}.home-container h2{color:#ccd364;padding:8px 24px;margin:0;border:1px solid #81a8af;border-radius:10px;letter-spacing:.03em}.intro-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:30px;width:100%;max-width:1500px;padding:0 20px}.intro-item{flex:1 1 0;min-width:300px;max-width:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:24px 32px;border:1.5px solid #81a8af;border-radius:10px;background:linear-gradient(135deg,#000,#0a1419);transition:all .3s ease;overflow:hidden}.intro-item:hover{border-color:#ccd364;transform:translateY(-3px);box-shadow:0 6px 16px #c9d26b26}.intro-item h1{font-size:clamp(1.2rem,1.5vw,1.6rem);line-height:1.4;margin:0}.intro-logo{max-width:100%;max-height:180px;height:auto;object-fit:contain}.video-wrapper{width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden}.video-wrapper iframe{display:block;width:100%;height:100%;margin:0}.funding-note{color:#c2dee3;font-size:.95rem;line-height:1.5;max-width:450px;margin:0}.cta-button{font-size:20px;padding:14px 32px;border-radius:8px;transition:all .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.about-page{line-height:1.6;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.developer-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #ccc}.developers-container{display:flex;gap:20px;align-items:center;justify-content:center;padding:25px;gap:40px}.developer-card{text-align:center}.hero-section{padding:3rem 0;margin-bottom:2rem}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.project-badge{display:inline-block;background-color:#81a8af;color:#2c3e50;padding:8px 16px;border-radius:5px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.hero-title{font-size:clamp(2rem,2vw,3.5rem);font-weight:400;margin-top:2rem;margin-bottom:1.5rem;line-height:1.1}.hero-description{font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{position:relative}.hero-image{width:100%;height:350px;object-fit:cover;border-radius:10px}.hero-stats{position:absolute;bottom:-20px;left:0;right:0;display:flex;justify-content:space-around;background:#101b22;border:1px solid #81a8af;border-radius:10px;padding:1rem}.stat{text-align:center}.stat-number{font-size:1.5rem;font-weight:700;display:block}.stat-label{font-size:.875rem}.cards-section{padding:3rem 0;margin-bottom:0rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.challenge-card{text-align:center;min-height:auto;height:auto;display:flex;flex-direction:column;justify-content:flex-start}.challenge-card-narrow{text-align:center;min-height:auto;height:auto;display:flex;flex-direction:column;justify-content:flex-start;max-width:800px;width:100%;margin:0 auto}.card-icon{font-size:2.5rem;margin-bottom:1rem}.card-title{margin-bottom:1rem;font-size:1.25rem}.card-description{line-height:1.5}.gradient-divider{height:4px;margin:0 auto;max-width:600px;background:linear-gradient(to right,transparent,rgba(201,210,107,.3) 25%,rgba(201,210,107,.6) 50%,rgba(201,210,107,.3) 75%,transparent);border-radius:2px;box-shadow:0 2px 10px #c9d26b33}.scroll-container{scroll-snap-type:y proximity}.scroll-section{scroll-snap-align:start;scroll-snap-stop:normal;min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding:3rem 0 5rem;position:relative}.hero-section{min-height:95vh;padding-bottom:6rem}.cards-section.scroll-section{min-height:85vh;padding:3rem 0 5rem}.gradient-divider{height:2px;width:100%;scroll-snap-align:start;margin:0 auto;display:block}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:0;animation:fadeInUp 1s ease-out .8s forwards;z-index:10;pointer-events:auto}.scroll-section:last-of-type .scroll-indicator{display:none}.scroll-arrow{width:44px;height:44px;color:#81a8af;animation:bounce 2s infinite;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:#ffffffe6;border-radius:50%;padding:8px;box-shadow:0 2px 8px #0000001a}.scroll-arrow:hover{transform:scale(1.15) translateY(-6px);color:#c9d26b;background:#fff;box-shadow:0 4px 12px #00000026}.scroll-arrow svg{display:block}.scroll-label{font-size:.8rem;color:#81a8af;margin-top:.5rem;letter-spacing:.05em;font-weight:500;opacity:.9;transition:opacity .3s ease;background:#ffffffe6;padding:.25rem .75rem;border-radius:12px}.scroll-indicator:hover .scroll-label{opacity:1}.container{padding:1.5rem 2rem}.challenge-card-narrow{max-width:900px;margin:1rem auto;padding:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}#Welcome2MOSAICStories{flex-direction:column}.welcome-flex-item,.subtitle{width:100%;text-align:center!important}#storySelectorMenu,.filterStoriesMenu{margin-top:25px;margin-bottom:25px}.storySelector{background:#81a8af1a;border:1.5px solid rgba(129,168,175,.4);color:#c2dee3;font-size:.95rem;font-weight:500;padding:8px 18px;margin:4px;border-radius:20px;cursor:pointer;transition:all .2s ease}.storySelector:hover{border-color:#ccd364;color:#ccd364;transform:translateY(-1px)}.storySelector_selected{background:#ccd364;border-color:#ccd364;color:#0d1e26;font-weight:600}.randomStorySelector{background-color:#95af51;color:#2f4f4f;font-size:18px;font-weight:700;padding:12px 28px;margin:10px 5px;border:1px solid white;border-radius:8px;cursor:pointer;transition:all .2s ease}.randomStorySelector:hover{background-color:#afcae0;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}#story-cards-view{background:#101b22;color:#ccd364;font-size:1rem;padding:10px 16px;border:1.5px solid #81a8af;border-radius:8px;cursor:pointer;transition:all .2s ease}#story-cards-view:hover,#story-cards-view:focus-within{border-color:#ccd364}#story-mosaic{width:fit-content;height:fit-content;margin:0 auto;border-radius:10px;display:grid;gap:5px;padding-top:10vh}#story-mosaic>img,#story-mosaic>a>img{width:100%;height:100%;border-radius:10px;cursor:pointer;object-fit:cover}#story-mosaic>img:hover,#story-mosaic>a>img:hover{width:calc(100% + 20px);height:calc(100% + 20px);z-index:10;transform:translate(-10px,-10px)}.story-mosaic-view-1{grid-template-columns:repeat(9,75px);grid-template-rows:repeat(7,75px);grid-template-areas:"j . . . . . . . o" "e h . . . . . m i" "p . n . . . q . s" "f . . b . l . . t" "d . . . k . . . g" "c . . . v . . . r" "a . . . w . . . u"}.story-mosaic-view-2{grid-template-columns:repeat(12,75px);grid-template-rows:repeat(7,75px);grid-template-areas:". . . . . . . . . . . fill-17" ". . . . w . . . . . fill-15 fill-16" ". . . c v . . . . g r ." ". . t u d . . . i s . ." ". k o . p e . q m . . ." "f j . . . h n b . . . ." "a . . . . . l . . . . ."}.tile-a{grid-area:a}.tile-b{grid-area:b}.tile-c{grid-area:c}.tile-d{grid-area:d}.tile-e{grid-area:e}.tile-f{grid-area:f}.tile-g{grid-area:g}.tile-h{grid-area:h}.tile-i{grid-area:i}.tile-j{grid-area:j}.tile-k{grid-area:k}.tile-l{grid-area:l}.tile-m{grid-area:m}.tile-n{grid-area:n}.tile-o{grid-area:o}.tile-p{grid-area:p}.tile-q{grid-area:q}.tile-r{grid-area:r}.tile-s{grid-area:s}.tile-t{grid-area:t}.tile-u{grid-area:u}.tile-v{grid-area:v}.tile-w{grid-area:w}.tile-fill-1{grid-area:fill-1}.tile-fill-2{grid-area:fill-2}.tile-fill-3{grid-area:fill-3}.tile-fill-4{grid-area:fill-4}.tile-fill-5{grid-area:fill-5}.tile-fill-6{grid-area:fill-6}.tile-fill-7{grid-area:fill-7}.tile-fill-8{grid-area:fill-8}.tile-fill-9{grid-area:fill-9}.tile-fill-10{grid-area:fill-10}.tile-fill-11{grid-area:fill-11}.tile-fill-12{grid-area:fill-12}.tile-fill-13{grid-area:fill-13}.tile-fill-14{grid-area:fill-14}.tile-fill-15{grid-area:fill-15}.tile-fill-16{grid-area:fill-16}.tile-fill-17{grid-area:fill-17}.tile-fill{background-color:#81a8af;border-radius:10px;display:block!important}.stories{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:100%;height:auto;margin:auto;background-color:#0d1e26;overflow:auto;scrollbar-width:none}.highlighted-stories{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:100%;height:50%;height:auto;margin:0 auto auto;background-color:#0d1e26;overflow:auto;scrollbar-width:none}.highlighted-stories a{display:inline-flex;margin:10px;text-decoration:none}.story{width:19%;height:500px;margin:1%;padding:15px;border:1px solid #81a8af;border-radius:10px;background-color:#000;color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;cursor:pointer}.story:hover{border-color:#ccd364;transform:translateY(-3px);box-shadow:0 6px 16px #c9d26b26}.story-title{font-size:20px;padding:5px 5px 5px 0;cursor:pointer;text-decoration:none}.story-title-image-container{width:100%;height:40%}.story-title-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.story-abstract{font-size:medium}#active-story-overview{display:flex;width:inherit;height:85vh}.active-story-title{width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.active-story-title h1,h2{color:#ccd364;position:relative;text-align:center;width:85%;padding-bottom:20px}.active-story-title p{position:relative;margin:25px;width:70%}.active-story-title ul{color:#bac2c5;width:75%}.active-story-title ul li{margin:10px}.active-story-back-btn{width:40px;height:40px;border-radius:50%;cursor:pointer;background-color:#fff;border:2px solid #ccc;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;font-weight:700;font-size:25px;color:#00161e;margin:10px 7px 0 0}.active-story-back-btn:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.active-story-down-btn{width:fit-content;height:fit-content;border-radius:6px;cursor:pointer;background-color:#fff;border:2px solid #ccc;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;font-weight:700;font-size:25px;color:#0d1e26;margin:10px 7px 0 0;padding-bottom:6.5px}.active-story-down-btn:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.active-story-up-btn{width:fit-content;height:fit-content;border-radius:6px;cursor:pointer;background-color:#fff;border:2px solid #ccc;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;font-weight:700;font-size:25px;color:#0d1e26;margin:30px 7px 0 0;padding-bottom:6px}.active-story-up-btn:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}#story-map,#story-map-container{position:relative;width:100%;height:100%}.legend{z-index:100;position:absolute;bottom:10px;right:10px;background:#fff;padding:10px;border:1px solid #ccc;font-size:14px;max-width:250px;box-shadow:2px 2px 5px #0003}.legend-item{display:flex;align-items:center}.legend-item canvas{width:20px;height:20px;margin-right:5px}.full-text-story-section{width:100%;max-width:1100px;margin:40px auto 0;padding:30px 30px 40px;background:#101b22;border:1.5px solid #81a8af;border-radius:10px;box-shadow:0 2px 16px #0003;color:#fff;display:flex;flex-direction:column;align-items:center}.full-text-story-section a{color:#80a7ae}.full-text-story-section a:visited{color:#9ea266}.full-text-story-section a:hover{color:#cbd263}.full-text-story-section a:active{color:#e8f252}.full-text-story-section h2{color:#ccd364;font-size:2rem;margin-bottom:18px;text-align:center;font-weight:700}.full-text-story-section h3{color:#ccd364;font-size:1.3rem;margin-bottom:18px;text-align:left;font-weight:700}.full-text-story-section .story-body{width:100%;max-width:900px;font-size:1.12rem;line-height:1.7;color:#e6e6e6;margin-bottom:28px;text-align:left}.full-text-story-section .story-gallery{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:10px}.full-text-story-section .story-gallery img{max-width:260px;width:100%;border-radius:8px;border:1.5px solid #81a8af;background:#222;object-fit:cover;box-shadow:0 1px 8px #00000021;transition:transform .2s}.full-text-story-section .story-gallery img:hover{transform:scale(1.04);border-color:#ccd364}.full-text-story-section .story-body{width:100%;max-width:900px;font-size:1.12rem;line-height:1.7;color:#e6e6e6;margin-bottom:28px;text-align:justify}.story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;width:100%;margin-top:10px;justify-items:center}.story-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;gap:1rem}.spatial-data-section{display:flex;align-items:center}.download-spatial-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1.5px solid #81a8af;border-radius:6px;color:#ccd364;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.download-spatial-btn:hover{background:#81a8af;color:#0d1e26;border-color:#81a8af;transform:translateY(-1px)}.fll-table-rownames{width:90px;padding:10px;background-color:#86a7ae;color:#fff;border:1px solid black;border-radius:5px;text-align:center}.data-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.data-header{margin-bottom:3rem;text-align:left;clear:both}.data-header h1{color:#ccd364;margin:0 0 1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.lead{color:#c2dee3;font-size:1.1rem;line-height:1.6;margin:0;max-width:800px}.search-section{position:relative;margin-bottom:2rem;clear:both;width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;background:none;border:2px solid #e2e8f0;border-radius:12px;padding:0 1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.search-input-wrapper:focus-within{border-color:#ccd364}.search-icon{width:1.25rem;height:1.25rem;color:#81a8af;margin-right:.75rem;flex-shrink:0}.search-input{flex:1;border:none;outline:none;padding:1rem 0;font-size:1rem;background:transparent;color:#fff;min-width:0}.search-input::placeholder{color:#81a8af}.clear-button{padding:.5rem;border:none;background:none;color:#81a8af;cursor:pointer;border-radius:4px;transition:all .2s ease;flex-shrink:0}.clear-button:hover{color:#ccd364}.clear-button svg{width:1rem;height:1rem}.results-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:none;border-radius:8px;border-left:4px solid #86a7ae}.result-count{font-weight:600;color:#fff}.reset-filters{padding:.5rem 1rem;background:#81a8af;color:#0d1e26;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.reset-filters:hover{background:#ccd364}.datasets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:3rem}.dataset-card{border:1.5px solid #81a8af;border-radius:8px;padding:1.5rem;transition:all .2s ease;background:#000}.dataset-card:hover{border-color:#ccd364;transform:translateY(-2px)}.dataset-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.dataset-title{font-size:1.25rem;font-weight:600;color:#ccd364;margin:0;line-height:1.4}.badge{background:#ccd364;color:#0d1e26;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;white-space:nowrap}.dataset-body{line-height:1.6}.dataset-description{color:#c2dee3;margin:0 0 1rem;line-height:1.5}.dataset-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.meta-item{color:#81a8af;font-size:.875rem}.meta-item strong{color:#ccd364}.download-btn{display:inline-flex;align-items:center;gap:.5rem;background:#81a8af;color:#0d1e26;text-decoration:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;transition:all .2s ease}.download-btn:hover{background:#ccd364;transform:translateY(-1px)}.no-results{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#81a8af}.no-results-icon{font-size:3rem;margin-bottom:1rem}.no-results h3{margin:0 0 .5rem;color:#ccd364}.data-sidebar{border:1.5px solid #81a8af;border-radius:8px;padding:1.5rem;margin-top:2rem;margin-bottom:1rem;background:#81a8af0d}.data-sidebar h2{color:#ccd364;margin-top:0;margin-bottom:1rem}.data-sidebar p{color:#c2dee3;line-height:1.5;margin:0}.data-sidebar a{color:#ccd364;text-decoration:underline}.data-sidebar a:hover{color:#81a8af}.data-container>*{position:relative;z-index:1}.models-grid{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:3rem}.model-card{border:1.5px solid #81a8af;border-radius:10px;padding:0;background:linear-gradient(135deg,#000,#0a1419);transition:all .3s ease;overflow:hidden}.model-card:hover{border-color:#ccd364;transform:translate(4px);box-shadow:-4px 0 12px #c9d26b26}.model-header{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;border-bottom:1px solid rgba(129,168,175,.2)}.model-icon{flex-shrink:0;width:48px;height:48px;background:#81a8af26;border:1.5px solid #81a8af;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ccd364}.model-icon svg{width:28px;height:28px}.model-title-section{flex:1;min-width:0}.model-title{font-size:1.35rem;font-weight:600;color:#ccd364;margin:0 0 .5rem;line-height:1.3}.model-developer{font-size:.9rem;color:#81a8af;margin:0;font-weight:500;max-width:75%;white-space:pre-line}.model-image{width:100px;height:100px;display:flex;background-color:#fff;border-radius:10px;object-fit:cover}.model-quick-info{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.5rem}.info-pill{display:inline-flex;align-items:center;gap:.4rem;background:#81a8af1a;border:1px solid rgba(129,168,175,.3);padding:.4rem .9rem;border-radius:20px;font-size:.85rem;color:#c2dee3;font-weight:500}.info-pill svg{width:14px;height:14px;color:#81a8af}.model-details{border-top:1px solid rgba(129,168,175,.2)}.details-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#81a8af0d;border:none;color:#ccd364;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.details-toggle:hover{background:#81a8af1a}.details-toggle.active{background:#81a8af26}.toggle-icon{width:20px;height:20px;transition:transform .3s ease}.details-toggle.active .toggle-icon{transform:rotate(180deg)}.details-content{padding:1.5rem;background:#0000004d;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-section{margin-bottom:1.5rem}.detail-section:last-of-type{margin-bottom:0}.detail-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#ccd364;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.detail-label svg{width:16px;height:16px;color:#81a8af}.detail-value{font-size:.95rem;line-height:1.6;color:#c2dee3;padding-left:1.5rem;border-left:2px solid rgba(129,168,175,.3)}.specs-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(129,168,175,.15)}.spec-item{display:flex;flex-direction:column;gap:.4rem}.spec-label{font-size:.75rem;font-weight:700;color:#81a8af;text-transform:uppercase;letter-spacing:.05em}.spec-value{font-size:.9rem;color:#fff;font-weight:500}.model-action-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1.1rem 1.5rem;background:#81a8af;color:#0d1e26;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;border-top:1px solid rgba(129,168,175,.3)}.model-action-btn:hover{background:#ccd364;color:#0d1e26}.model-action-btn svg{width:20px;height:20px}.dataset-card.external-dataset{border-color:#ccd364;background:linear-gradient(135deg,#000,#1a1f0d)}.dataset-card.external-dataset:hover{border-color:#81a8af}.badge-external{background:#ccd364;color:#0d1e26}.external-link-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1.5px solid #ccd364;color:#ccd364;text-decoration:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;transition:all .2s ease}.external-link-btn:hover{background:#ccd364;color:#0d1e26;transform:translateY(-1px)}.external-link-btn svg{flex-shrink:0}.data-sidebar p{color:#c2dee3;line-height:1.5;margin:0 0 1rem}.data-sidebar p:last-of-type{margin-bottom:0}.hotspots-page{scroll-snap-type:y proximity;margin:0 auto;padding:0 1rem 2rem;line-height:1.6}.hotspots-page .hero-section{min-height:auto;padding:3rem 0 8rem}.hotspots-page .hero-title{font-weight:700}.hotspot-section{position:relative;padding:3rem 0 6rem;scroll-snap-align:start;scroll-snap-stop:normal}.hotspot-section:last-of-type{padding-bottom:2rem}.hotspot-narrow{max-width:780px;margin:0 auto}.hotspot-wide{max-width:1100px;margin:0 auto}.hotspots-page h2{color:#ccd364;width:100%;text-align:left;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:700;line-height:1.25;padding-bottom:0;margin-bottom:1.25rem}.hotspots-page h3{color:#fff}.hotspot-eyebrow{color:#81a8af;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.6rem}.hotspot-lead{color:#c2dee3;font-size:1.15rem;line-height:1.65;margin-bottom:1.25rem}.hotspot-body{color:#e6e6e6;font-size:1.05rem;line-height:1.75;margin-bottom:1.1rem}.hotspot-body strong,.hotspot-lead strong{color:#fff;font-weight:700}.hotspot-cards{padding:0;gap:1.5rem}.hotspot-card{display:flex;flex-direction:column;padding:1.75rem;border:1.5px solid #81a8af;border-radius:10px;background:linear-gradient(135deg,#000,#0a1419);transition:all .3s ease;text-decoration:none;color:inherit;cursor:pointer}.hotspot-card:hover{border-color:#ccd364;transform:translateY(-3px);box-shadow:0 6px 16px #c9d26b26}.hotspot-card:hover .hotspot-card-source{color:#ccd364}.hotspot-card:focus-visible{outline:2px solid #ccd364;outline-offset:3px}.hotspot-card[data-tooltip]{position:relative}.hotspot-card[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:.9rem;right:.9rem;max-width:calc(100% - 1.8rem);padding:.4rem .7rem;border:1px solid #ccd364;border-radius:6px;background:#0d1e26f7;color:#fff;font-size:.78rem;font-weight:500;line-height:1.25;text-align:right;box-shadow:0 4px 14px #00000073;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}.hotspot-card[data-tooltip]:hover:after,.hotspot-card[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}.hotspot-card .card-title{color:#ccd364;font-size:1.15rem;font-weight:600}.hotspot-card .card-description{color:#c2dee3;flex:1}.hotspot-card-source{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(129,168,175,.2);color:#81a8af;font-size:.8rem;font-weight:500}.hotspot-steps{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.75rem}.hotspot-step{display:flex;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;border:1px solid rgba(129,168,175,.35);border-left:3px solid #81a8af;border-radius:8px;background:#81a8af0d;transition:all .2s ease}.hotspot-step:hover{border-left-color:#ccd364;background:#81a8af1a}.hotspot-step-number{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border:1.5px solid #81a8af;border-radius:50%;background:#81a8af26;color:#ccd364;font-size:.95rem;font-weight:700}.hotspot-step-text{min-width:0}.hotspot-step-title{color:#fff;font-size:1.05rem;font-weight:600;padding:0;margin-bottom:.3rem}.hotspot-step-description{color:#c2dee3;font-size:.98rem;line-height:1.6}.hotspot-method-note{margin-bottom:1.25rem}.hotspot-class-key{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;list-style:none;padding:1rem 1.25rem;margin:0;border:1px solid rgba(129,168,175,.3);border-radius:8px;background:#0000004d}.hotspot-class-key-item{display:flex;align-items:center;gap:.5rem}.hotspot-swatch{flex-shrink:0;width:18px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.25)}.hotspot-class-label{color:#c2dee3;font-size:.9rem;font-weight:500}.hotspot-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.25rem}.hotspot-stat{display:flex;flex-direction:column;gap:.4rem;padding:1.5rem;border:1.5px solid #81a8af;border-radius:10px;background:linear-gradient(135deg,#000,#0a1419)}.hotspot-stat-number{color:#ccd364;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1.1}.hotspot-stat-label{color:#c2dee3;font-size:.88rem;line-height:1.4}.hotspot-map-holder{width:100%;margin-top:2rem}.hotspot-species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;margin-top:1.75rem}.hotspot-species-card{display:flex;flex-direction:column;padding:1.75rem;border:1.5px solid #81a8af;border-radius:10px;background:linear-gradient(135deg,#000,#0a1419);transition:all .3s ease}.hotspot-species-card:hover{border-color:#ccd364;transform:translateY(-3px);box-shadow:0 6px 16px #c9d26b26}.hotspot-species-card .hotspot-body:last-of-type{margin-bottom:0}.hotspot-species-card .hotspot-takeaway{margin-top:auto}.hotspot-species-name{color:#ccd364;font-size:1.35rem;font-weight:600;padding:0;margin-bottom:.15rem}.hotspot-species-common{color:#81a8af;font-size:.95rem;font-weight:500;margin-bottom:1rem}.hotspot-species-bar{display:flex;gap:2px;width:100%;height:12px;border-radius:3px;overflow:hidden;margin:.25rem 0 1.25rem}.hotspot-species-bar-segment{flex-basis:0;height:100%}.hotspot-rank{display:inline-block;padding:.45rem .9rem;margin-bottom:1.25rem;border:1px solid rgba(129,168,175,.4);border-left-width:4px;border-radius:6px;background:#81a8af14;color:#fff;font-size:.9rem;font-weight:600;line-height:1.45}.hotspot-rank-very-low{border-left-color:#53eafd}.hotspot-rank-low{border-left-color:#9ae630}.hotspot-rank-moderate{border-left-color:#ff8904}.hotspot-rank-high{border-left-color:#e7180b}.hotspot-takeaway{margin:1.5rem 0 0;padding:1rem 1.25rem;border-left:3px solid #ccd364;background:#c9d26b12;border-radius:0 8px 8px 0;color:#ccd364;font-size:1.05rem;font-style:italic;line-height:1.55}.hotspot-ranking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:1.5rem 0 2rem}.hotspot-ranking-card{padding:1.35rem;border:1.5px solid #81a8af;border-radius:10px;background:linear-gradient(135deg,#000,#0a1419);transition:all .3s ease}.hotspot-ranking-card:hover{border-color:#ccd364;transform:translateY(-2px)}.hotspot-ranking-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.35rem}.hotspot-ranking-title{color:#fff;font-size:1rem;font-weight:700;padding:0;line-height:1.35}.hotspot-ranking-sub{color:#81a8af;font-size:.8rem;margin-bottom:.9rem}.hotspot-ranking-list{margin:0;padding-left:1.25rem;color:#c2dee3}.hotspot-ranking-list li{font-size:.95rem;line-height:1.7}.hotspot-ranking-share{color:#fff;font-weight:700;margin-left:.4rem}.hotspot-table-wrap{overflow-x:auto;border:1.5px solid #81a8af;border-radius:10px;background:linear-gradient(135deg,#000,#0a1419)}.hotspot-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.92rem}.hotspot-table-caption{caption-side:bottom;padding:.9rem 1rem;color:#81a8af;font-size:.78rem;line-height:1.5;text-align:left}.hotspot-table thead th{border-bottom:1.5px solid rgba(129,168,175,.45);background:#0a1419;text-align:left;vertical-align:bottom}.hotspot-th-sortable{padding:0}.hotspot-th-btn{display:flex;align-items:center;gap:.4rem;width:100%;padding:.85rem .9rem;background:none;border:none;color:#ccd364;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:left;cursor:pointer;transition:color .2s ease}.hotspot-th-btn:hover{color:#fff}.hotspot-th-num .hotspot-th-btn{justify-content:flex-end}.hotspot-th-mark{color:#81a8af}.hotspot-th-dist{padding:.85rem .9rem;color:#ccd364;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;min-width:150px}.hotspot-table tbody tr{border-bottom:1px solid rgba(129,168,175,.15);transition:background-color .2s ease}.hotspot-table tbody tr:hover{background:#81a8af14}.hotspot-table tbody tr:last-child{border-bottom:none}.hotspot-tr-featured{background:#c9d26b12}.hotspot-tr-featured .hotspot-td-species em{color:#ccd364}.hotspot-td-species{padding:.7rem .9rem;text-align:left;font-weight:400;white-space:nowrap}.hotspot-td-species em{display:block;color:#fff;font-weight:600}.hotspot-td-common{display:block;color:#81a8af;font-size:.8rem}.hotspot-td-num{padding:.7rem .9rem;color:#e6e6e6;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.hotspot-td-zero{color:#5c777e}.hotspot-td-dist{padding:.7rem .9rem}.hotspot-row-bar{display:flex;gap:2px;width:100%;min-width:130px;height:10px;border-radius:2px;overflow:hidden}.hotspot-row-bar-segment{flex-basis:0;height:100%}.hotspot-table-note{margin-top:1rem;color:#81a8af;font-size:.85rem;line-height:1.6}.hotspot-distribution{margin:1.75rem 0}.hotspot-bar{display:flex;gap:2px;width:100%;height:40px;border-radius:4px;overflow:hidden}.hotspot-bar-segment{flex-basis:0;min-width:2px;height:100%}.hotspot-bar-key{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem 1.25rem;list-style:none;padding:0;margin:1rem 0 0}.hotspot-bar-key-item{display:flex;align-items:baseline;gap:.5rem}.hotspot-bar-key-item .hotspot-swatch{align-self:center}.hotspot-bar-key-value{color:#fff;font-size:1.05rem;font-weight:700}.hotspot-bar-key-label{color:#81a8af;font-size:.88rem}.hotspot-figcaption{margin-top:1rem;color:#81a8af;font-size:.82rem;line-height:1.55}.hotspot-cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.hotspot-credits{padding:1.5rem;border:1.5px solid #81a8af;border-radius:8px;background:#81a8af0d}.hotspot-credits-title{color:#ccd364;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:0;margin-bottom:.75rem}.hotspot-credits-text{color:#c2dee3;font-size:.92rem;line-height:1.65;margin-bottom:.75rem}.hotspot-credits-text:last-child{margin-bottom:0}.glossary-item{margin:0 0 15px}#dataUploadFormButton{margin-top:10px;padding:10px;border-radius:10px;background-color:#86a7ae;cursor:pointer;font-weight:700;color:#fff;border:1px solid white}#dataUploadFormButton:hover{background-color:#cad36b;margin-left:5px}::-webkit-scrollbar{display:none}#partner-map,#fll-map{position:absolute;top:0;bottom:0;width:100%;height:calc(100vh - 90px);border:1px solid white;border-radius:10px;padding:10px}@media screen and (max-width: 1100px){.intro-row{flex-direction:column;align-items:center;gap:25px}.intro-item{flex:0 0 auto;width:100%;max-width:560px;min-width:0}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}@media screen and (max-width: 1800px){.story{width:22%}.active-story-title p{width:80%}}@media screen and (max-width: 1500px){.story{width:32%}#story-map-container{position:relative;width:50%;height:100%}}@media screen and (max-width: 1250px),screen and (max-height: 1200px){.story-mosaic-view-1{grid-template-columns:repeat(9,50px);grid-template-rows:repeat(7,50px)}.story-mosaic-view-2{grid-template-columns:repeat(12,50px);grid-template-rows:repeat(7,50px)}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:2rem}.hero-visual{order:-1}.hero-stats{position:static;margin-top:1rem}}@media (min-width: 769px) and (max-width: 1024px){.scroll-section{min-height:80vh}.hero-section{min-height:90vh}}@media screen and (max-width: 1000px){.nav-links a:hover{background-color:#81a8af79;border:1px solid #0d1e26;border-radius:5px}#layerlist,.opacity-slider-container{font-size:smaller}.story{width:40%}#active-story-overview{height:100vh;flex-direction:column}.active-story-title{width:100%;height:50%}#story-map{width:100%;height:100%;margin-top:25px}#story-map-container{position:relative;width:100%;height:100%}#partner-map{width:100%}}@media screen and (max-width: 975px){#smallScreenTitle{display:flex;float:left;padding-left:10px;padding-bottom:0;text-align:center;font-weight:700}#navLinks{display:none;flex-direction:column;position:absolute;top:45px;left:0;background:#81a8af;border-radius:5px;box-shadow:0 4px 6px #0000001a}#navLinks a{padding:10px;margin:5px}#navLinks a:hover{color:#fff;background-color:#0d1e26}#navLinks.show{display:flex}#navbar-menu-btn{display:block}}@media screen and (max-height: 850px){#story-mosaic{padding-top:5vh}}@media screen and (max-width: 825px){#content-wrapper{top:60px;width:90vw;transform:translate(5vw)}header{width:96vw;height:35px;transform:translate(2vw);margin-top:2vw;padding:2vw}#navLinks{top:40px}.social-media{width:100px}.social-media-icon{height:20px;width:20px;float:right;margin-left:5px;margin-right:5px}.story-mosaic-view-1{grid-template-columns:repeat(9,25px);grid-template-rows:repeat(7,25px)}.story-mosaic-view-2{grid-template-columns:repeat(12,25px);grid-template-rows:repeat(7,25px)}.story{width:80%;height:fit-content}.full-text-story-section{width:90vw}#active-story-overview{height:fit-content;flex-direction:column}.active-story-title{width:100%;height:100%;justify-content:flex-start}.active-story-title p{width:90%;text-align:justify}#story-map{width:90vw;height:90vw;margin-top:25px}}@media (max-width: 768px){.router-link-button{display:block;text-align:center;margin-bottom:.5rem;width:100%;max-width:300px}.container{padding:1rem 1.5rem}.scroll-container{scroll-snap-type:y proximity}.scroll-section{min-height:auto;padding:2.5rem 0 4rem}.hero-section{min-height:auto;padding:3rem 0 4rem}.scroll-indicator{bottom:1.5rem}.scroll-arrow{width:40px;height:40px;padding:6px}.scroll-label{font-size:.75rem;padding:.2rem .6rem}.hero-section,.cards-section{padding:2rem 0}.hero-actions{flex-direction:column;align-items:center}.cards-grid{grid-template-columns:1fr;gap:1.5rem}.story-actions{flex-direction:column;align-items:center;gap:1.25rem}.download-spatial-btn{width:100%;justify-content:center;max-width:280px}.data-container{padding:1rem}.data-header{margin-bottom:2rem}.data-header h1{font-size:2rem}.search-input-wrapper{max-width:100%}.datasets-grid{grid-template-columns:1fr;gap:1rem}.results-summary{flex-direction:column;gap:.75rem;align-items:flex-start}.dataset-header{flex-direction:column;align-items:flex-start}.dataset-meta{flex-direction:column;gap:.5rem}.model-header{flex-direction:column;gap:1rem}.model-icon{width:40px;height:40px}.model-icon svg{width:24px;height:24px}.model-title{font-size:1.15rem}.model-quick-info{padding:0 1rem 1rem}.details-content{padding:1rem}.detail-value{padding-left:1rem}.specs-row{grid-template-columns:1fr}}@media screen and (max-width: 550px){iframe{width:80%}.story{margin:10px}.opacity-slider-container{display:none}#layerlist{max-width:50%}#uploadSHPExpandDiv,#downloadLayerBtn{display:none}}@media (max-width: 480px){.hero-content,.cards-grid{padding:0 .5rem}}@media (max-height: 700px){.scroll-section{min-height:100vh}.scroll-indicator{bottom:1rem}.scroll-arrow{width:36px;height:36px}.scroll-label{display:none}}