/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--bg-hero:#1a1a1a;--bg-explorer:#f4f5f8;--bg-panel:#fff;--text-primary:#1a1a1a;--text-secondary:#888;--border:#e0ddd5;--accent:#22c55e;--font-display:"tt-commons-pro", "Helvetica Neue", sans-serif;--font-body:"tt-commons-pro", "Helvetica Neue", sans-serif;--space-sm:8px;--space-md:16px;--space-lg:32px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);margin:0;overflow-x:hidden}h1,h2{font-family:var(--font-display);font-weight:600}.hero-section{background:var(--bg-hero);height:100vh;animation:.5s both pageIn;position:relative;overflow:hidden}.color-grid{grid-template-columns:repeat(var(--cols), calc(100vw / 36));transition:opacity .3s;display:grid;position:absolute;inset:0;overflow:hidden}.color-grid--fading{opacity:0}.axis-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);pointer-events:none;z-index:2;font-size:11px;position:absolute}.axis-label--y{transform-origin:50%;top:50%;left:28px;transform:translateY(-50%)rotate(-90deg)}.axis-label--x{color:var(--text-primary);bottom:28px;left:50%;transform:translate(-50%)}.color-square{opacity:0;width:2.77778vw;height:2.77778vw;animation:.5s ease-in-out forwards squareReveal}@keyframes squareReveal{0%{opacity:0}to{opacity:1}}.hero-cta{background:var(--bg-hero);color:#fff;z-index:10;border-radius:10px;width:clamp(300px,54.6vw,1048px);padding:2.5rem 3rem;position:absolute;top:50%;left:5%;transform:translateY(-50%);box-shadow:0 2px 16px #00000012}.hero-cta h1{white-space:nowrap;margin:0 0 1.5rem;font-size:clamp(2rem,5vw,6rem);font-weight:500;line-height:1}.hero-cta p{color:#ffffffb3;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.hero-cta button{color:#181818;font-size:1rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:999px;padding:14px 1.4rem 15px;font-weight:600;transition:background .2s,color .2s}.hero-cta button:hover{color:#fff;background:#181818}.hero-cta button+button{color:var(--bg-panel);border-color:var(--bg-panel);background:0 0;margin-left:1rem}.hero-cta button+button:hover{color:#fff;background:#ffffff1f}.hero-cta{transition:background .3s ease-in-out,color .3s ease-in-out}.hero-cta--data{background:var(--bg-panel);color:var(--text-primary)}.hero-cta--data p{color:var(--text-secondary)}.hero-cta--data button{background:var(--bg-hero);color:#fff;border-color:var(--bg-hero)}.hero-cta--data button:hover{color:var(--bg-hero);background:#fff}.hero-cta--data button+button{color:var(--bg-hero);border-color:var(--bg-hero);background:0 0}.hero-cta--data button+button:hover{background:var(--bg-hero);color:#fff}.grid-mode-toggle,.home-btn{z-index:9999;background:var(--bg-hero);color:#fff;border:1px solid var(--bg-hero);font-size:.75rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:999px;padding:.55rem 1.1rem;font-weight:500;transition:background .2s,border-color .2s;position:absolute;top:28px;right:28px}.home-btn{top:auto;bottom:73px;right:28px}.grid-mode-toggle:hover,.home-btn:hover,.library-button:hover{background:var(--bg-panel);color:var(--bg-hero);border-color:var(--bg-panel)}.explorer-section{background:var(--bg-explorer);animation:.5s both pageIn}.layer-wrap{width:100%;position:relative}.layer-montagne{z-index:1;margin-top:0}.layer-plaine{z-index:2;margin-top:-22vh}.layer-ville{z-index:3;margin-top:-15vh}.svg-sticky{width:100%}.svg-layer{width:100%;height:auto;display:block}.svg-layer *{stroke-width:4px!important}.svg-layer [id^=montagne-],.svg-layer [id^=plaine-],.svg-layer [id^=ville-]{fill:#fffbe8;opacity:1}.svg-layer path:not([id]){pointer-events:none}.shape--colored{transition:filter .15s}.shape--colored:hover{filter:brightness(.9)}.controls-overlay{z-index:100;pointer-events:none;position:fixed;inset:0}.controls-overlay button,.controls-overlay input{pointer-events:auto}.panel{background:var(--bg-panel);pointer-events:auto;border-radius:10px;position:absolute;box-shadow:0 2px 16px #00000012}.panel-title{font-family:var(--font-display);color:var(--text-primary);font-weight:600;font-size:1.5rem!important}.panel-label-small{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-size:.75rem;font-weight:500}.library-modal{z-index:9999;position:relative}.panel-dominant{min-width:320px;padding:16px 20px 18px;top:28px;left:28px}.panel-dominant-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dominant-swatches{flex-wrap:wrap;gap:10px;width:382px;padding:10px 10px 12px;transition:max-height .7s;display:flex;overflow:hidden}.dominant-swatch{border-radius:50%;flex-shrink:0;width:52px;height:52px;transition:transform .2s;animation:.7s both swatchFadeIn;box-shadow:0 2px 8px #0000001f}.dominant-swatch:hover{transform:scale(1.08)}.swatches-empty{text-align:center;color:var(--text-secondary);margin:0 0 0 -10px;font-size:.75rem;font-style:italic}@keyframes swatchFadeIn{0%{opacity:0}to{opacity:1}}.panel-altitude{flex-direction:column;gap:12px;min-width:100px;padding:16px 20px 18px;display:flex;top:28px;right:28px}.altitude-body{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.altitude-track-area{justify-content:center;align-items:center;width:60px;height:160px;display:flex;position:relative}.altitude-track-line{background:var(--border);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:6px}.altitude-current-indicator{z-index:2;pointer-events:none;white-space:nowrap;align-items:center;gap:6px;display:flex;position:absolute;left:0;transform:translateY(-50%)}.altitude-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px}.altitude-current-label{font-family:var(--font-display);color:var(--text-primary);font-size:.78rem;font-weight:500}.altitude-range{writing-mode:vertical-lr;appearance:none;cursor:pointer;opacity:0;z-index:3;direction:rtl;background:0 0;outline:none;width:24px;height:160px;position:absolute}.altitude-min-mark{align-items:center;gap:4px;margin-left:0;display:flex}.altitude-corner{color:var(--text-secondary);font-size:.75rem;line-height:1}.altitude-min-label{font-family:var(--font-display);color:var(--text-secondary);font-size:.75rem}.panel-saison{flex-direction:column;gap:4px;min-width:300px;padding:16px 20px 18px;display:flex;bottom:28px;left:28px}.saison-month{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:1.4rem;font-weight:600;line-height:1.1}.saison-slider-row{width:100%}.slider-ticks{font-family:var(--font-display);color:var(--text-secondary);justify-content:space-between;margin-top:4px;font-size:.75rem;display:flex}input[type=range]{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0003}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.altitude-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px}.swatch-grid{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:10px;max-width:560px;padding:1rem;display:flex;position:absolute;top:140px;left:50%;transform:translate(-50%)}.swatch-grid--empty{align-items:center}.swatch-empty-msg{font-family:var(--font-display);color:var(--text-secondary);font-size:1rem}.swatch{cursor:pointer;width:48px;height:48px;animation:swatchAppear .3s var(--ease-spring) both;border:none;border-radius:50%;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #00000026}.swatch:hover{transform:scale(1.18);box-shadow:0 4px 16px #00000040}.swatch:active{transform:scale(.95)}@keyframes swatchAppear{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.export-btn{cursor:pointer;color:var(--text-primary);pointer-events:auto;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.1rem;transition:transform .15s;display:flex}.export-btn:hover{transform:translateY(2px)}.modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:10px;flex-direction:column;width:92%;max-width:580px;max-height:88vh;animation:.25s slideUp;display:flex;position:relative;overflow:hidden}.modal-tabs-row{background:var(--active-color,#e8ddd4);border-radius:10px 10px 0 0;align-items:stretch;gap:0;transition:background .3s;display:flex}.modal-nav-btn{color:#0006;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:stretch;align-items:center;padding:20px 12px 0;font-size:2rem;line-height:1;transition:color .15s;display:flex}.modal-nav-btn:hover{color:#000c}.modal-tabs{scrollbar-width:none;flex-wrap:nowrap;flex:1;min-width:0;display:flex;overflow-x:auto}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab{font-family:var(--font-display);color:#00000061;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex-shrink:0;margin-bottom:-1.5px;padding:40px 28px 16px;font-size:1.5rem;font-weight:400;transition:color .2s,border-color .2s}.modal-tab--active{color:#1a1a1a;border-bottom-color:#1a1a1a;font-weight:700}.modal-tab:not(.modal-tab--active):hover{color:#0009}.modal-body{flex:1;padding:24px 28px 28px;overflow-y:auto}.modal-top{grid-template-columns:180px 1fr;gap:20px;margin-bottom:24px;display:grid}.modal-image{object-fit:cover;border-radius:10px;flex-shrink:0;width:180px;height:180px;display:block}.modal-top-text{min-width:0}.modal-species{color:var(--text-secondary);margin:0 0 8px;font-size:1rem;font-style:italic}.modal-description{color:var(--text-primary);margin:0;font-size:1rem;line-height:1.6}.modal-section{border-top:1.5px solid #eee;margin-bottom:18px;padding-top:18px}.modal-section-label{font-family:var(--font-display);color:var(--text-primary);margin:0 0 10px;font-size:1.5rem;font-weight:600}.modal-section-text{color:var(--text-primary);margin:0 0 4px;font-size:1rem;line-height:1.6}.modal-floraison-str{color:var(--text-secondary);white-space:pre-line;margin-top:6px}.modal-location-block{margin-bottom:10px}.modal-location-label{margin-bottom:2px;font-size:1rem;font-weight:600;display:block}.modal-funfact{background:#f9f7f2;border-top:none;border-radius:10px;padding:14px 16px}.modal-close{cursor:pointer;z-index:10;background:#00000012;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:background .15s;display:flex;position:absolute;top:8px;right:8px}.modal-close:hover{background:#00000024}.credits{z-index:100;z-index:200;font-family:var(--font-body);color:var(--bg-hero);background-color:var(--bg-panel);border-radius:999px;margin:0;padding:.55rem 1.1rem;font-size:.75rem;position:fixed;bottom:28px;right:28px;box-shadow:0 2px 16px #00000012}.credits a{color:var(--text-primary)}.explorer-section~.credits{color:var(--text-secondary)}@media (orientation:landscape) and (hover:none) and (pointer:coarse){.hero-cta{width:clamp(250px,55vw,600px);padding:1.2rem 1.5rem}.hero-cta h1{margin-bottom:.6rem;font-size:clamp(1.1rem,3.5vw,2.5rem)}.hero-cta p{margin-bottom:.8rem;font-size:.8rem}.hero-cta button{padding:8px 1rem 9px;font-size:.7rem}.panel-dominant{min-width:0;padding:8px 12px 10px;top:10px;left:10px}.panel-altitude{padding:8px 12px 10px;top:10px;right:10px}.panel-saison{min-width:0;padding:8px 12px 10px;bottom:10px;left:10px}.panel-title{font-size:1rem!important}.panel-label-small{font-size:.6rem}.saison-month{margin-bottom:4px;font-size:1rem}.slider-ticks{font-size:.65rem}.altitude-track-area,.altitude-range{height:90px}.altitude-current-label,.altitude-corner,.altitude-min-label{font-size:.65rem}.altitude-dot{width:9px;height:9px}.dominant-swatches{gap:5px;width:auto;max-width:calc(100vw - 24px);padding:5px 5px 7px}.dominant-swatch{width:30px;height:30px}.swatch-grid{top:80px}.swatch{width:34px;height:34px}.grid-mode-toggle,.home-btn{padding:.35rem .75rem;font-size:.65rem;top:10px;right:10px}.home-btn{top:auto;bottom:44px}.credits{padding:.35rem .75rem;font-size:.65rem;bottom:10px;right:10px}}.portrait-overlay{display:none}@media (orientation:portrait) and (hover:none) and (pointer:coarse){.portrait-overlay{z-index:99999;background:var(--bg-hero);text-align:center;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.portrait-overlay__inner{color:#fff;flex-direction:column;align-items:center;gap:1rem;display:flex}.portrait-overlay__icon{font-size:3.5rem;line-height:1;animation:2s ease-in-out infinite portraitRotate}.portrait-overlay__title{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:600}.portrait-overlay__sub{color:#fff9;max-width:260px;margin:0;font-size:.95rem;line-height:1.5}}@keyframes portraitRotate{0%,to{transform:rotate(0)}40%{transform:rotate(90deg)}60%{transform:rotate(90deg)}}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.library-modal{background:var(--bg-panel);border-radius:10px;flex-direction:column;width:min(1100px,92vw);max-height:88vh;animation:.25s slideUp;display:flex;position:relative;overflow:hidden}.library-header{border-bottom:1.5px solid var(--border);flex-shrink:0;padding:20px 28px 16px}.library-content{flex:1;padding:24px 28px 28px;overflow-y:auto}.library-color-section{margin-bottom:36px}.library-color-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.library-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.library-card{background:#f9f7f2;border-radius:10px;overflow:hidden}.library-card img{object-fit:cover;width:100%;height:150px;display:block}.library-card-body{padding:1rem}.library-card-name{font-family:var(--font-display);color:var(--text-primary);margin:0 0 2px;font-size:1rem;font-weight:600}.library-card-species{color:var(--text-secondary);margin:0;font-size:.75rem;font-style:italic}