html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;color:inherit;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}table{border-color:inherit;text-indent:0}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}*,:after,:before{box-sizing:border-box}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}textarea{resize:vertical}audio,canvas,iframe,img,svg,video{vertical-align:middle}:root{--gray:#717171;--gray-dark:#2e2f2e;--accent:#4fdbb0}body{background:var(--gray-dark);color:#fff;font-family:Libre Franklin,sans-serif}h1,h2{margin:0}h1{font-family:Space Mono,monospace;font-size:24px;letter-spacing:.03em}@media (max-width:1000px){h1{font-size:22px}}h1{font-weight:400;margin-bottom:2rem;margin-top:4rem;text-transform:uppercase}h1.separator{border-bottom:1px dotted #fff;padding-bottom:1rem}h2{font-size:16px;font-weight:700;margin:.5rem 0}p{margin:0}.big{font-size:36px}@media (max-width:1000px){.big{font-size:22px}}.medium{font-size:22px}@media (max-width:1000px){.medium{font-size:18px}}.small{font-size:12px}.mono{font-family:Space Mono,monospace;letter-spacing:.07em;text-transform:uppercase}a{color:#fff;transition:color .1s ease}a:hover{color:var(--accent)}hr{border:none;border-bottom:1px dotted #fff;margin:5rem 0}hr.small-hr{margin:3rem 0 3.4rem}button{-webkit-appearance:none;-moz-appearance:none;background:transparent;color:#fff;cursor:pointer;display:block;font-family:Space Mono,monospace;font-size:14px;font-weight:400;letter-spacing:.03em;text-transform:uppercase;transition:all .2s ease}button.button-primary{border:1px solid #fff;border-radius:5px;padding:3px 4px}button.button-small{border:1px dotted #fff;padding:3px}button.button-primary:focus{box-shadow:0 0 0 1px #fff;outline:none}button.active,button:hover{background:#fff;color:#2e2f2e}button.active{cursor:auto}.header{align-items:center;display:flex;left:0;opacity:0;padding:1rem 1.5rem;position:sticky;top:0;transform:translateY(-100%);transition:all .5s ease;will-change:transform;z-index:1}.header.fade-in{opacity:1;transform:none}.header:before{background:linear-gradient(#000,transparent);bottom:-2.5rem;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:-1}.header.show-gradient:before{opacity:1}.header .instructions{flex-grow:1;margin:0 2.5rem}.header .instructions .significance,.header .instructions .type,.header .instructions .use{display:inline-block;position:relative}.header .instructions .significance:after,.header .instructions .type:after,.header .instructions .use:after{content:"";height:8px;left:0;position:absolute;right:0;top:100%;width:100%}.header .instructions .type:after{background:var(--instructions-type-color)}.header .instructions .significance:after{background:var(--instructions-significance-color)}.header .instructions .use:after{background:var(--instructions-use-background);background-position:50%;background-repeat:repeat-x;background-size:contain}.header .search{align-items:center;border-radius:9999px;box-shadow:0 0 0 1px #fff;display:flex;height:1.7rem;padding:0 .75rem}.header .search.hidden{display:none}.header .search.fade-out{opacity:0}.header .search .search-icon{cursor:pointer;display:block;height:70%;margin-right:.5rem;z-index:1}.header .search .search-input{position:relative;transform:translateY(-1px)}.header .search .search-input input[type=text]{background:transparent;border:none!important;color:#fff;display:block;font-family:Space Mono,monospace;font-size:16px;outline:none!important;padding:0;text-transform:uppercase}.header .search .search-input .autocomplete{font-family:Space Mono,monospace;left:0;opacity:.3;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:-1}.header .search,.header .search .search-icon,.header .search .search-input{transition:all .3s ease}.header .search:not(.open){box-shadow:none}.header .search:not(.open) .search-input{opacity:0}.header .search:not(.open) input[type=text]{pointer-events:none}.header .search:not(.open) .search-icon{cursor:pointer;height:80%;transform:translateX(230px)}header:not(.header-mobile) .grid-button,header:not(.header-mobile) .home-button,header:not(.header-mobile) .info-icon,header:not(.header-mobile) .info-icon-filled,header:not(.header-mobile) .list-button{display:block;height:1.5rem;transition:opacity .2s ease}header:not(.header-mobile) .grid-button,header:not(.header-mobile) .home-button,header:not(.header-mobile) .info-button,header:not(.header-mobile) .list-button,header:not(.header-mobile) .search{flex-shrink:0}header:not(.header-mobile) .grid-button:not(.active),header:not(.header-mobile) .list-button:not(.active){cursor:pointer;opacity:.5}header:not(.header-mobile) .grid-button,header:not(.header-mobile) .info-button,header:not(.header-mobile) .search{margin-right:1.5rem}.info-button{cursor:pointer;position:relative}.info-button.active .info-icon{opacity:0}.info-button.active .info-icon-filled{opacity:1}.info-button .info-icon-filled{left:0;opacity:0;position:absolute;top:0}.home-button{cursor:pointer;height:1.3rem!important}.header-mobile{background:var(--gray-dark);border-top:1px solid #fff;bottom:0;display:flex;left:0;position:fixed;right:0;transform:translateY(100%);transition:all .5s ease;will-change:transform;z-index:3}.header-mobile.fade-in{transform:none}.header-mobile [role=button]{align-items:center;cursor:pointer;display:flex;flex-basis:33.3333%;justify-content:center;padding:1rem 0;transition:opacity .2s ease}.header-mobile [role=button]:not(.active){opacity:.5}.header-mobile [role=button] img{display:block;height:1.5rem}.header-mobile-top{align-items:center;display:flex;height:3rem;justify-content:flex-end;left:0;opacity:0;padding:0 1rem;position:fixed;right:0;top:0;transition:all .5s ease;z-index:1}.header-mobile-top.fade-in{opacity:1}.header-mobile-top:before{background:linear-gradient(#000,transparent);bottom:-1rem;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:-1}.header-mobile-top.show-gradient:before{opacity:1}@media (max-width:1000px){.header{display:none}body{padding-bottom:var(--header-height-mobile)}.info-button{margin-right:1rem}}@media (min-width:1001px){.header-mobile,.header-mobile-top{display:none}}.grid-view{grid-gap:4rem 4rem;align-items:center;display:grid;grid-template-columns:repeat(3,var(--card-width));justify-content:center;justify-items:center;padding:3rem 1rem}.grid-view .card{cursor:pointer;height:var(--card-height);perspective:1000px;position:relative;text-align:center;width:var(--card-width)}.grid-view .card-back,.grid-view .card-front{pointer-events:none;will-change:transform}@media screen and (-webkit-min-device-pixel-ratio:0){.grid-view .card-back,.grid-view .card-front{will-change:transform}}.grid-view .card-front{left:0;opacity:0;position:absolute;top:0}@media (max-width:1000px){.grid-view{grid-gap:4vw 0;grid-template-columns:repeat(2,var(--card-width));justify-content:space-evenly;padding:var(--header-height-mobile-top) 0 4vw}}:root{--filter-spacing:3rem}.list-view{align-items:center;display:flex;height:calc(100vh - var(--header-height));justify-content:center}.list-view .frame{position:relative}.list-view .related-label{opacity:0;position:absolute;top:-30px;transition:opacity .3s ease;white-space:nowrap}.list-view .related-label:before{border-bottom:1px dotted #fff;content:"";height:0;position:absolute;top:calc(50% - 1px);width:1.5rem}.list-view .related-label.related-label-left{left:0;padding-left:2rem}.list-view .related-label.related-label-left:before{left:0}.list-view .related-label.related-label-right{padding-right:2rem;right:0}.list-view .related-label.related-label-right:before{right:0}.list-view .filter{position:absolute}.list-view .filter button,.list-view .filter small{white-space:nowrap}.list-view .filter .filter-legend,.list-view .filter .filter-legend-expanded{transition:opacity .3s ease .3s}.list-view .filter button.active~.filter-legend,.list-view .filter button:not(.active)~.filter-legend-expanded{opacity:0;pointer-events:none;transition:opacity .3s ease}.list-view .filter-right{left:calc(100% + var(--filter-spacing))}.list-view .filter-left{right:calc(100% + var(--filter-spacing))}.list-view .filter-line:before{border-bottom:1px dotted #fff;content:"";height:0;position:absolute;top:calc(50% - 1px);width:var(--filter-spacing)}.list-view .filter-left:before{left:100%}.list-view .filter-right:before{right:100%}.list-view .cards,.list-view .cards .card{height:var(--card-height)}.list-view .cards .card{width:var(--card-width)}.list-view .card{filter:drop-shadow(0 0 1px rgba(46,47,46,.5));left:0;position:absolute;top:0;transition:filter .3s ease}.list-view .card:not(.active){cursor:pointer;filter:drop-shadow(0 0 1px rgba(46,47,46,.5)) brightness(60%)}@media screen and (-webkit-min-device-pixel-ratio:0){.list-view .card{will-change:transform}}.splash{background:rgba(0,0,0,.8);left:0;margin:1.5rem;opacity:0;padding:1.5rem;pointer-events:none;position:absolute;right:0;top:0;transform:translateY(-100%);transition:all .5s ease;will-change:transform;z-index:1}.splash .title{font-family:Baskervville;font-size:32px;font-weight:400}.splash.fade-in{opacity:1;transform:none}.splash-view{cursor:pointer}.splash-view .card{height:var(--card-height);left:0;opacity:0;position:fixed;top:0;width:var(--card-width);will-change:transform}.single-view{display:flex;flex-direction:column;height:calc(100vh - var(--header-height-mobile))}.single-view .text-bottom,.single-view .text-top{align-items:center;display:flex;flex-shrink:0;padding:0 1rem}.single-view .text-top{height:1.5rem}.single-view .text-bottom{height:5.5rem}.single-view .frame{flex-grow:1;position:relative}.single-view .frame .cards{align-items:center;bottom:0;display:flex;left:0;overflow-x:auto;position:absolute;right:0;scroll-snap-type:x mandatory;top:0}.single-view .frame .cards .card:not(:last-of-type){margin-right:2rem}.single-view .frame .cards .spacer{flex-shrink:0}.single-view .frame .cards .card{scroll-snap-align:center;flex-shrink:0;height:100%;overflow:hidden;position:relative}.single-view .frame .cards .card:before{background:#000;bottom:0;content:"";cursor:pointer;left:0;opacity:.5;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.single-view .frame .cards .card.active:before{opacity:0;pointer-events:none}.book-cover-view{display:flex;flex-direction:column;height:calc(100vh - var(--header-height-mobile))}.book-cover-view .text-bottom,.book-cover-view .text-top{flex-shrink:0}.book-cover-view .text-top{align-items:center;display:flex;font-size:0;height:1.5rem;padding:0 1rem}.book-cover-view .text-bottom{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:4rem;margin-top:1.5rem}.book-cover-view .text-bottom>p{align-items:center;display:flex;justify-content:center}.book-cover-view .frame{flex-grow:1;position:relative}.book-cover-view .frame .cards{align-items:center;bottom:0;display:flex;left:0;overflow-x:auto;position:absolute;right:0;top:0}.book-cover-view .frame .cards .spacer{flex-shrink:0;width:2rem}.book-cover-view .frame .cards .legend{align-self:start;flex-shrink:0;margin-right:4rem;max-width:60vw;padding:0 2rem}.book-cover-view .frame .cards .legend:not(.active){display:none}.book-cover-view .frame .cards .legend-item{margin-top:2rem}.book-cover-view .frame .cards .cards-left,.book-cover-view .frame .cards .cards-right{align-items:center;display:flex;flex-shrink:0;height:100%}.book-cover-view .frame .cards .card{display:block;flex-shrink:0;height:100%;width:auto}.book-cover-view .frame .cards .card:first-child{transform:rotate(-3deg) translateY(-1px);transform-origin:center bottom}.info-view{margin:0 auto;max-width:calc(1200px + 2rem);padding:2rem 1rem}.info-view p{line-height:1.3}.info-view p.big,.info-view p.medium{margin-bottom:1.5em}.info-view .sticky-image-container .card{height:var(--card-height);position:sticky;top:calc(var(--header-height) + 50vh - var(--card-height)/2 - var(--header-height)/2);width:var(--card-width)}.info-view .spacer{height:60vh}.info-view .spacer-small{height:30vh}.info-view .significance-block{height:1rem;margin-bottom:1rem;transform:rotate(-30deg);width:2rem}.info-view .type-circle{border-radius:100%;height:20px;width:20px}.info-view .use-icon{display:block;height:1rem;width:2rem}.info-view .openness-icon{display:block;height:1rem;width:1rem}.info-view .grid-left{display:flex}.info-view .grid-left>:first-child{flex-basis:55%;flex-shrink:0}.info-view .grid-left>:last-child{flex-grow:1;flex-shrink:1}.info-view .grid-right{display:flex}.info-view .grid-right>:first-child{flex-grow:1;flex-shrink:1}.info-view .grid-right>:last-child{flex-basis:45%;flex-shrink:0}.info-view .grid-smalls{grid-gap:2rem 4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.info-view .image-sources{grid-gap:1.5rem 3rem;display:grid;font-size:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-view .image-sources a{display:block}@media (max-width:1000px){.info-view .spacer{height:3rem}.info-view .grid-left>:first-child,.info-view .grid-right>:last-child,.info-view .grid-smalls>:empty,.info-view hr:not(.small-hr){display:none}}.no-margin-bottom{margin-bottom:0!important}:root{--card-height:80vh;--card-width:37vh}@media (max-width:1000px){:root{--card-width:44vw;--card-height:95vw}}.card{--card-em:1rem;-webkit-tap-highlight-color:rgba(0,0,0,0)}.card a{color:var(--gray-dark)}.card a:hover{color:var(--accent)}.card-back,.card-front{height:100%;position:relative;width:100%}.card-back .background,.card-front .background{height:100%;width:100%}.card-back .content,.card-front .content{bottom:0;color:var(--gray-dark);font-size:var(--card-em);left:0;padding:0 13.5%;position:absolute;right:0;text-align:left;top:0}.card-back .content .card-header,.card-front .content .card-header{display:flex;flex-direction:column;height:7.5%;justify-content:center;padding-top:1.7%}.card-back .content .card-header .header-row,.card-front .content .card-header .header-row{align-items:center;display:flex}.card-back .content .card-header .header-row:not(:first-child),.card-front .content .card-header .header-row:not(:first-child){margin-top:2%}.card-back .content .card-header .header-row .header-label,.card-front .content .card-header .header-row .header-label{flex-basis:16.7%;font-size:.45em;line-height:1;text-transform:uppercase}.card-back .content .card-header .header-row .header-text,.card-front .content .card-header .header-row .header-text{font-size:.55em;font-weight:600;line-height:1;text-transform:uppercase}.card-back .content .description,.card-front .content .description{font-family:Baskervville;font-size:.9em;height:23.8%;line-height:1.3;padding-top:6%}.card-back .content .description strong,.card-front .content .description strong{font-family:Libre Baskerville;font-size:.85em}.card-back .content .image,.card-front .content .image{align-items:center;display:flex;height:28.8%;justify-content:center}.card-back .content .image img,.card-front .content .image img{height:83%;max-width:100%}.card-back .content .quote,.card-front .content .quote{height:20%;padding-top:7%}.card-back .content .quote .quote-text,.card-front .content .quote .quote-text{font-size:.65em;line-height:1.3;text-indent:-.5em}.card-back .content .quote .quote-source,.card-front .content .quote .quote-source{display:block;font-size:.55em;font-weight:700;margin-top:3%;text-transform:uppercase}.card-back .content .link,.card-front .content .link{height:12%;padding-top:7%}.card-back .content .link .link-location,.card-front .content .link .link-location{color:var(--gray);font-size:.46em;font-weight:300;text-transform:uppercase}.card-back .content .link .link-link,.card-front .content .link .link-link{display:block;font-size:.5em;font-weight:600;line-height:1.3;margin-top:2%}.card-back .content .how-to-get-it,.card-front .content .how-to-get-it{align-items:center;display:flex;flex-direction:column;height:8.1%;justify-content:center}.card-back .content .how-to-get-it>div,.card-front .content .how-to-get-it>div{color:var(--gray);font-size:.46em;font-weight:300;margin:.8% 0;text-transform:uppercase}.card-back .content .image{height:24%;mix-blend-mode:multiply}.book-cover-view .filter-legend-expanded>div,.list-view .filter-legend-expanded>div{align-items:center;display:flex;margin-top:.6rem}.book-cover-view .filter-legend-expanded>div .legend-icon,.list-view .filter-legend-expanded>div .legend-icon{flex-shrink:0;height:.75rem;margin-right:.5rem;width:.75rem}.book-cover-view .filter-legend-expanded>div p,.list-view .filter-legend-expanded>div p{font-size:9px;line-height:1.5}.book-cover-view [data-filter=Type] .filter-legend-expanded .legend-icon,.list-view [data-filter=Type] .filter-legend-expanded .legend-icon{border-radius:100%}.book-cover-view [data-filter=Significance] .filter-legend-expanded,.list-view [data-filter=Significance] .filter-legend-expanded{width:130%}.book-cover-view [data-filter=Price] .filter-legend-expanded .legend-icon,.list-view [data-filter=Price] .filter-legend-expanded .legend-icon{align-items:center;display:flex;width:2.3rem}.book-cover-view [data-filter=Price] .filter-legend-expanded .legend-icon>*,.list-view [data-filter=Price] .filter-legend-expanded .legend-icon>*{background:#fff;border-radius:9999px;flex-shrink:0;height:.4rem;margin-right:.2rem;width:.4rem}.list-view .filter-legend{display:flex;left:0;position:absolute;top:100%}.list-view .filter-legend>*{height:.75rem;margin-right:.75rem;margin-top:.6rem;width:.75rem}.list-view .filter-legend-expanded{left:0;position:absolute;top:100%}.list-view [data-filter=Type] .filter-legend{flex-wrap:wrap;width:110px}.list-view [data-filter=Type] .filter-legend>div{border-radius:100%}.list-view [data-filter=Openness] .filter-legend{flex-wrap:wrap;width:130px}.list-view [data-filter=Price] .filter-legend>*{width:2.5rem}.list-view [data-filter=Use] .filter-legend{display:block}.list-view [data-filter=Use] .filter-legend>*{width:2.2rem}.list-view [data-filter=Openness] .filter-legend-expanded{white-space:nowrap}.book-cover-view .filter-legend-expanded>div{margin-top:1rem}.book-cover-view .filter-legend-expanded>div .legend-icon{height:.75rem;margin-right:1rem;width:.75rem}.book-cover-view .filter-legend-expanded>div p{font-size:14px}.book-cover-view:not(.active),.grid-view:not(.active),.info-view:not(.active),.list-view:not(.active),.single-view:not(.active),.splash-view:not(.active){left:0;opacity:0;pointer-events:none;position:fixed;right:0}.grid-view:not(.active),.info-view:not(.active),.list-view:not(.active){top:var(--header-height)}

/*# sourceMappingURL=style.css.map*/