@font-face{font-family:Manrope;src:url('../../brand/fonts/manrope-v20-latin-wght.woff2') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Newsreader;src:url('../../brand/fonts/newsreader-v26-500-latin.woff2') format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:light;--ink:#293b35;--muted:#6d7770;--line:#dce2d9;--paper:#f8f8f1;--green:#2c6d59;--size:44px;--pace:1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Manrope,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input[type=color]{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d89635;outline-offset:4px}button{color:inherit}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100vw - 1320px)/2))}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-size:24px;font-weight:800;letter-spacing:-1px}.brand svg{width:30px;height:30px}.prototype{font-size:10px;letter-spacing:1.6px;border-left:1px solid #c9d4c8;padding-left:24px;color:#637b6d}.back{margin-left:auto;color:var(--green);text-decoration:none;font-size:12px}.back span{margin-left:12px}main{max-width:1368px;margin:auto;padding:38px 24px 18px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#537865;margin:0 0 8px}h1,h2,p{margin-top:0}h1{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:48px;line-height:1.1;letter-spacing:-1px;margin-bottom:10px}.intro p:last-child{margin:0;color:var(--muted)}button.primary{border:0;background:var(--green);color:white;border-radius:8px;padding:13px 22px;min-width:150px;font-weight:700}.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.settings,.map-panel{background:#fffef9;border:1px solid var(--line);border-radius:14px;overflow:hidden}.settings{padding:24px}.section-label{display:flex;justify-content:space-between;letter-spacing:1.5px;font-size:10px;font-weight:800;margin-bottom:21px;color:#64796a}.section-label span{color:#a3afa3}.settings label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;margin:16px 0 8px}output{font-size:11px;color:var(--green);font-weight:600}input[type=range]{width:100%;accent-color:var(--green);margin:4px 0}.range-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.hint{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 16px}select{background:#fffef9;border:1px solid #cdd7cb;border-radius:7px;width:100%;padding:9px;font-size:12px;color:var(--ink);min-height:42px}.selected-section{border-top:1px solid var(--line);margin-top:23px;padding-top:22px}.selected-title{display:flex;gap:12px;align-items:center}.selected-title h2{font-size:17px;margin:0}.selected-title p{margin:0;font-size:12px;color:var(--muted)}#selected-icon{width:52px;height:52px;background:#f4f6ed;border-radius:12px;padding:6px}.description{font-size:11px;color:var(--muted);margin-top:14px;min-height:36px}input[type=color]{width:40px;height:28px;border:1px solid var(--line);border-radius:5px;background:transparent;padding:2px}.secondary{background:transparent;border:1px solid var(--line);border-radius:7px;width:100%;padding:10px 8px;font-size:10px;text-align:left;margin-top:10px}.secondary span{float:right}.map-heading{padding:23px 25px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px}.map-heading h2{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:25px;line-height:1.2;margin:0}.sample-badge{white-space:nowrap;border:1px solid #d9decd;background:#f3f4e9;padding:5px 9px;border-radius:20px;color:#7b805e;font-size:10px}#map{height:520px;position:relative;overflow:hidden;background:#e5efec;touch-action:none;cursor:grab;isolation:isolate}#map.dragging{cursor:grabbing}#basemap{position:absolute;width:1000px;height:700px;max-width:none;transform-origin:0 0;pointer-events:none;user-select:none}#markers{position:absolute;inset:0;pointer-events:none}.marker{position:absolute;pointer-events:auto;border:0;background:none;padding:0;width:var(--size);height:var(--size);transform:translate(-50%,-50%);cursor:pointer;filter:drop-shadow(0 2px 2px #40574620);z-index:2}.marker:before{content:'';position:absolute;inset:-5px;border-radius:50%;background:#fffefa99;box-shadow:0 2px 12px #61726412;z-index:-1}.marker[aria-pressed=true]:before{box-shadow:0 0 0 2px #397865,0 0 0 6px #ffffff99;background:#fffefa}.marker svg{display:block;width:100%;height:100%;overflow:visible}.marker .place-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);color:#51665c;font-size:11px;font-weight:800;white-space:nowrap;text-shadow:0 1px #fff,1px 0 #fff,-1px 0 #fff;pointer-events:none}.marker[aria-pressed=true]{z-index:3}.map-controls{position:absolute;right:18px;bottom:18px;display:flex;flex-direction:column;box-shadow:0 3px 18px #50625118;border:1px solid #c4d1c5;border-radius:9px;overflow:hidden;background:#fffefa;z-index:5}.map-controls button{width:38px;height:38px;border:0;background:none;font-size:23px;line-height:1}.map-controls button+button{border-top:1px solid var(--line)}.map-controls button:hover{background:#edf3e8}.map-controls button:disabled{opacity:.3;cursor:default}.zoom-label{position:absolute;left:18px;bottom:18px;border-radius:5px;padding:3px 7px;background:#ffffff80;font-size:10px;color:#526a5d;pointer-events:none}.ocean-label{position:absolute;left:7%;top:49%;font-size:10px;letter-spacing:3px;line-height:2;color:#8baba5;pointer-events:none}.map-foot{display:flex;justify-content:space-between;gap:20px;padding:13px 22px;font-size:10px;color:var(--muted)}.map-foot i{display:inline-block;width:6px;height:6px;background:#759d70;border-radius:50%;margin-right:7px}.symbol-library{margin-top:28px}.library-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.library-heading h2{font-family:Newsreader,Georgia,serif;font-size:25px;font-weight:500;margin:0}.library-heading p{font-size:11px;color:var(--muted);margin:0}#library{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.symbol-card{border:1px solid var(--line);border-radius:10px;background:#fffef9;padding:14px 8px 12px;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.symbol-card svg{width:45px;height:45px;overflow:visible}.symbol-card[aria-pressed=true]{border-color:#65967c;background:#f0f5eb;box-shadow:inset 0 0 0 1px #65967c}.symbol-card:hover{background:#f1f5eb}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#859083;border-top:1px solid var(--line);margin-top:27px;padding-top:16px}footer p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}#map-error{position:absolute;inset:20px;background:#fffef9;padding:20px}
.animate{transform:translate(0,0);transform-box:view-box;transform-origin:32px 32px}.rays{animation:spin calc(16s * var(--pace)) linear infinite}.cloud-drift{animation:drift calc(4s * var(--pace)) ease-in-out infinite}.drop{animation:rain calc(1.3s * var(--pace)) linear infinite}.d2{animation-delay:-.4s}.d3{animation-delay:-.8s}.heartbeat{animation:beat calc(1.7s * var(--pace)) ease-in-out infinite}.gust{animation:gust calc(2.8s * var(--pace)) ease-in-out infinite}.g2{animation-delay:-.7s}.g3{animation-delay:-1.4s}.wisp{animation:smoke calc(3.5s * var(--pace)) ease-out infinite}.w2{animation-delay:-1.2s}.w3{animation-delay:-2.4s}.flame{transform-origin:32px 59px;animation:flicker calc(1.4s * var(--pace)) ease-in-out infinite}.ember{transform-origin:32px 55px;animation:flicker calc(.9s * var(--pace)) ease-in-out infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{50%{transform:translate(3px,-1px)}}@keyframes rain{0%{transform:translate(1px,-2px);opacity:.25}30%{opacity:1}100%{transform:translate(-3px,6px);opacity:.2}}@keyframes beat{0%,35%,65%,100%{transform:scale(1)}20%{transform:scale(1.1)}50%{transform:scale(1.05)}}@keyframes gust{0%,100%{transform:translate(-2px,0);opacity:.55}50%{transform:translate(3px,0);opacity:1}}@keyframes smoke{0%{transform:translate(0,4px);opacity:.2}30%{opacity:.65}100%{transform:translate(3px,-5px);opacity:.12}}@keyframes flicker{0%,100%{transform:scale(1,1) rotate(-2deg)}35%{transform:scale(.94,1.05) rotate(1deg)}70%{transform:scale(1.03,.96) rotate(-1deg)}}
body.paused .animate,body.page-hidden .animate,.offscreen .animate{animation-play-state:paused!important}body[data-motion=off] .animate{animation:none!important}body[data-motion=hover] .animate{animation-play-state:paused}body[data-motion=hover] :is(.marker,.symbol-card):is(:hover,:focus-visible) .animate{animation-play-state:running}body[data-motion=hover] #selected-icon .animate{animation:none}
@media(prefers-reduced-motion:reduce){.animate{animation:none!important}}
@media(min-width:1500px){#map{height:565px}}@media(max-width:1000px){.workspace{grid-template-columns:230px minmax(0,1fr)}.settings{padding:18px}.map-heading{padding:20px 17px}.map-heading h2{font-size:22px}.sample-badge{display:none}#map{height:520px}.map-foot span:last-child{display:none}.intro h1{font-size:42px}}
@media(max-width:720px){header{height:64px;padding:0 18px;gap:14px}.brand{font-size:21px}.prototype{border:0;padding:0;font-size:8px;letter-spacing:1px}.back{font-size:0}.back span{font-size:21px}main{padding:25px 16px 16px}.intro{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:22px}.intro h1{font-size:37px}.intro p:last-child{font-size:12px}.intro button.primary{padding:9px 16px;font-size:12px;min-width:130px}.workspace{display:flex;flex-direction:column;gap:16px}.map-panel{order:0;width:100%}.settings{order:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px}.settings>.section-label,.settings>input[type=range],.settings>.range-caption,.settings>.hint,.settings>label[for=size]{grid-column:1/-1}.settings>label[for=motion]{grid-column:1;grid-row:6}.settings>#motion{grid-column:1;grid-row:7}.settings>label[for=pace]{grid-column:2;grid-row:6}.settings>#pace{grid-column:2;grid-row:7}.selected-section{grid-column:1/-1;margin-top:8px}.selected-section .description{min-height:0}#map{height:375px}.map-heading{padding:16px}.map-heading h2{font-size:23px}.map-heading .eyebrow{font-size:9px}#library{grid-template-columns:repeat(4,1fr);gap:8px}.library-heading{display:block}.library-heading h2{font-size:25px}.library-heading p{margin-top:4px}.symbol-card{padding:10px 4px}.symbol-card svg{width:38px;height:38px}.marker .place-label{font-size:9px}.ocean-label{font-size:8px;letter-spacing:1px}.map-foot{padding:12px 15px}footer{display:block}footer p+p{margin-top:5px}}