@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:200;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--carto: #DC0073;--explainer: #00A6A6;--data: #347FC4;--interactive: #F86624;--accent-color: #F5CB5C;--bg-colour: #f9f9f9;--base-icon-size: 22.5px;--icon-margin: 8px;--legend-icon-size: calc(var(--base-icon-size) - var(--icon-margin))}a{font-weight:600;color:#272727;text-decoration:inherit}a:hover{color:#000}body{display:flex-start;justify-content:center;min-width:320px;min-height:100vh;font-size:18px}h1{font-size:3.2em;line-height:1.1}h4{font-size:16px;font-weight:100;margin-block-start:.5em;margin-block-end:.5em}.cards{display:flex;flex-wrap:wrap;gap:1rem;padding:0}.cards h4{font-size:18px;font-weight:700;line-height:20px;height:30px}.card{flex:1 1 calc(33.333% - .67rem);max-width:calc(33.333% - .67rem);display:flex;flex-direction:column;background-color:var(--bg-colour);padding:1%;box-sizing:border-box;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border-radius:8px}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.legend-container{display:flex;justify-content:left;gap:1px;margin-bottom:10px}.img-wrapper{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}.img-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.new{font-weight:400;font-size:15px;color:#6f6f6f;position:relative;float:left;padding:1px;width:45px;text-align:center;margin:0 var(--icon-margin) 10px 0;background-color:#fff;border:#F5CB5C .5px solid;border-radius:10%}.date{font-weight:600;font-size:15px;color:#838383;position:relative;float:right;padding:1px;width:30%;text-align:right;margin:0 0 10px}.title-container{display:flex;flex-direction:row;justify-content:space-between;row-gap:1px;margin-bottom:10px;align-items:center;text-wrap:balance}.text-area{width:100%}.legendIcon{height:var(--legend-icon-size);width:var(--legend-icon-size);border-radius:15%;display:inline-block}.legend-container{text-decoration:none;display:flex;flex-direction:column}#key-buttons{float:right}.legendIcon.carto{background-color:var(--carto)}.legendIcon.data{background-color:var(--data)}.legendIcon.explainer{background-color:var(--explainer)}.legendIcon.interactive{background-color:var(--interactive)}.carto{color:var(--carto)}.data{color:var(--data)}.explainer{color:var(--explainer)}.interactive{color:var(--interactive)}.key{width:100%;margin:10px 0}.key-label,.key-text{font-size:16px;border:1px solid transparent;background-color:#fff;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;border-radius:4px;padding:2px 6px}.key-text:hover{background-color:color-mix(in srgb,currentColor 15%,transparent)}.key-text:focus{outline:1px solid #e9e9e9;outline-offset:1px}.highlighted{background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px}.empty-state{text-align:center;padding:3rem 1rem;color:#666;width:100%}.empty-state p{font-size:1.1rem;margin-bottom:1rem}.empty-state button{margin-top:.5rem}.sort-container{display:flex;align-items:center;gap:8px;margin-top:10px}.sort-select{padding:4px 8px;font-size:14px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;cursor:pointer}.sort-select:focus{outline:2px solid var(--accent-color);outline-offset:1px;border-color:var(--accent-color)}.sort-order-btn{background:none;border:1px solid #e0e0e0;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out}.sort-order-btn:hover{background-color:#f5f5f5}.sort-order-btn:focus{outline:2px solid var(--accent-color);outline-offset:1px}#app{display:flex-start;max-width:1100px;margin:auto}header{width:100%;max-width:1100px;top:0;padding:20px 0;position:fixed;background-color:#ffffffb3;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.titles{width:49%;float:left}#mark{position:relative;height:55px;width:55px;float:left;margin-right:20px;background-color:var(--accent-color);border-radius:50%}#mark{position:relative;height:55px;width:55px;float:left;margin-right:20px;background-color:#f5cb5c;border-radius:50%;background-position:100px center;background-repeat:no-repeat;background-size:contain;transition:background-position .5s ease-in-out;animation:appear 3s ease-in-out}@keyframes appear{0%{background-position:100px center}20%,80%{background-position:center center}to{background-position:100px center}}header #mark:hover{background-position:center center}.links{position:relative;float:left;width:49%;text-align:right}.name{color:#202030!important;font-weight:700}.title{color:#5a5a5a!important}.top-item{display:block}#about:hover #mark:hover{background-position:center center}.content{padding-top:150px}.bottom-border{display:inline-flex;padding-bottom:1ch;margin-bottom:3ch;width:100%;border-bottom:1px solid #5A5A5A}.blurb{padding-left:20px}.container{display:flex;margin-top:20px}.left{flex:2;padding:0;box-sizing:border-box}.left img{max-width:100%;height:auto;display:block;margin-bottom:70px;float:left;overflow:hidden}.right{flex:1;padding:0 10px;box-sizing:border-box}.right p{padding-bottom:50px}footer{max-width:1100px;margin:auto;text-align:center;padding:20px 0;font-size:15px;color:#5a5a5a;position:relative;bottom:0;width:100%;left:0}.bio{width:50%;margin:auto}.bio p{font-size:.9em}@media screen and (max-width: 800px){.card{flex:1 1 calc(50% - .5rem);max-width:calc(50% - .5rem)}}@media screen and (max-width: 768px){.cards{padding:0 10px}.card{flex:1 1 100%;max-width:100%}}@media screen and (max-width: 700px){header{position:relative}.links{width:calc(100% - 75px);float:left;text-align:left;padding:20px 0 20px 75px}.cards{display:block;padding:0}.card{flex:none;width:100%;max-width:100%;min-height:250px;margin-bottom:1.5rem;padding:1.5%}.cards h4{height:auto;font-size:20px;line-height:1.3}.titles{width:80%}.links{width:20%;padding:0;text-align:right}.content{padding-top:100px}.bio{width:95%}.key-text{padding:4px 8px;font-size:14px}.key-text button:first-of-type{padding-block:0}.key-label{font-size:16px;font-weight:600}.date,.new{font-size:13px}}