*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{color:#fff;background-color:#000;font-size:calc(100% + .5vw)}body{font-family:avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;line-height:1.5;text-align:center}.header{position:relative;z-index:10;height:2rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:#000;color:#bbb;font-size:.7rem}.header .logo{display:block;width:1rem}.header a{color:inherit;text-decoration:none}.btn-about{background:none;color:#fff;border:0;padding:0}.btn-about svg{width:.75rem;display:inline-flex;align-items:center;margin-left:.25rem}.btn-about[aria-expanded=true] svg{transform:rotate(-180deg)}.about{opacity:0;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;left:0;top:100%;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:0;width:100%;color:#000;font-size:1rem;padding:1rem;transition:all .25s ease-in-out;visibility:hidden}.btn-about[aria-expanded=true]+.about{height:calc(100vh - 2rem);opacity:1;visibility:visible}.about svg{width:4rem}.about h2,.about svg{margin-bottom:1rem}.credit{font-size:.75rem;margin-top:1rem;background:hsla(0,0%,100%,.5);border-radius:999em;padding:.5em 1.5em}h1{position:absolute;top:50%;z-index:1;left:0;width:100%;padding:0 1rem;transform:translateY(-50%);font-weight:400;font-style:italic;font-size:1.7rem}h1 span{display:block;animation:fade 1.75s ease-in;animation-delay:0s;animation-fill-mode:forwards;opacity:0;color:#bbb}h1 span:last-child{animation-delay:1.5s}h1 b{color:#fff}.contact{position:absolute;bottom:1rem;width:100%;z-index:1}.contact a{color:#fff;text-decoration:none;color:#666}@keyframes fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}p{margin-bottom:.5rem}button,input{font:inherit}.icon{width:1.25rem;margin-right:.25rem;fill:#000;stroke:#000}.icon--stroke{stroke-width:3px}.icon--lg{width:4rem}.icon--search{width:1.5rem;flex-shrink:0;stroke-width:0}#search{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;background-color:transparent;padding:.5rem .2rem;border:none;font-style:italic;text-transform:capitalize;text-indent:.2rem}#search:focus{outline:none;border-color:#ccc}#search::-webkit-search-cancel-button{display:none}button{border-radius:3rem;background-color:#f6f6f6;border:2px solid #eee;padding:.25rem 1rem}.button--clear{padding:.25rem;line-height:0}.button--unstyled{background:none!important;border:none!important;padding:0!important}.search-wrapper{display:flex;flex-wrap:wrap;position:relative;z-index:2;justify-content:space-between;align-items:center;transition:border .25s ease-in;border-radius:5px;margin:1rem;padding:.5rem 1rem;background-color:hsla(0,0%,100%,.95);box-shadow:1px 2px 5px rgba(0,0,0,.5);color:#000}.search-wrapper:focus-within{outline:none;border-color:#000}.search-wrapper button{background-color:#000;color:#fff;border-color:#000}.result-image{position:absolute;top:2rem;left:0;width:800px;max-width:100%;height:calc(100% - 2rem);margin:0 auto;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;opacity:0;transition:opacity .6s linear;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}@media (min-width:1200px){.result-image{right:0;margin:0 auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}}.result-image.is-loaded{opacity:1}.autocomplete{flex:1 0 100%;margin:.5rem -1rem;background:transparent;list-style:none outside;border-bottom:1px solid #f2f2f2}.autocomplete li{border-top:1px solid #f2f2f2;padding:1rem 1.5rem;text-align:left}.autocomplete li span{display:block;font-size:.75em;color:#666}.answer{z-index:1;top:0;left:-1rem;display:flex;justify-content:center;align-items:center;width:8rem;height:8rem;box-shadow:1px 4px 6px rgba(0,0,0,.5);border-radius:50%;background:#ff0;color:#000;font-weight:900;font-size:2rem;text-shadow:none;letter-spacing:-2px;text-decoration-thickness:1px;text-decoration:underline;text-underline-offset:6px}.answer,.result{position:absolute}.result{bottom:0;left:0;width:100%;padding:8rem 2rem 1.5rem;background:linear-gradient(180deg,transparent,#000 75%,#000);color:#fff;text-shadow:1px 1px #000}.name{margin-bottom:.5em;font-size:1.75rem;line-height:1.25}.info{font-size:1.25rem}.description{max-width:800px;margin:0 auto .5rem;color:#bbb}.icon--spinner,.icon--spinner-autocomplete{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;margin:auto;animation:rotate 2s linear infinite;stroke:#fff}.icon--spinner-autocomplete{position:static;margin-right:.5rem;stroke-width:5px;width:1rem}.icon--spinner-autocomplete,.icon--spinner .path{stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.icon--clear{margin-right:.5rem}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.hide{display:none;visibility:hidden}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}[aria-selected]{background-color:#fff}video{position:absolute;left:0;top:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}