body{font-family:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,input,button,select,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:var(--color-text);font-weight:300;background:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{font-size:16px;background:rgba(0,0,0,0);outline:none;-webkit-box-shadow:none;box-shadow:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}button:focus,input:focus,select:focus,textarea:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{margin:0;height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}:root{--color-active: #f2e357;--color-yellow: #d7d4cf;--color-red: #d83531;--color-text: #2a373b;--color-background: #fff;--color-border: rgba(0,0,0,.1);--border-radius: 5px;--gap: 4vw;--small-gap: 2px;--rectangle-width: 7.5vw;--max-width: 1000px}body{background:var(--color-background);overflow-y:scroll;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loaded{-webkit-transition:opacity .25s linear;transition:opacity .25s linear;opacity:1 !important}main{padding:var(--gap)}h1{font-size:25vw;text-align:center;display:block;font-weight:800;padding:5rem 0;line-height:.9}h1 span{font-weight:100;display:block;font-size:18%;text-transform:uppercase;letter-spacing:.5vw}h1 span:first-child{-webkit-transform:translatey(4.65vw);transform:translatey(4.65vw)}h1 span:last-child{-webkit-transform:translatey(0.4vw);transform:translatey(0.4vw)}h2{font-weight:800}.artist{font-weight:500;font-size:90%}.technique{font-weight:200;font-size:80%}.ordinal{font-variant:ordinal}b{text-transform:uppercase;font-size:80%}.size{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-top:2vw}.size.hidden{display:none}.rectangle{display:block;width:var(--rectangle-width);height:0;padding-bottom:calc(var(--rectangle-width)*1.4142857143);background:var(--color-border);margin-right:2vw;-webkit-transform-origin:0 0;transform-origin:0 0}.white .rectangle{background:var(--color-active)}.location{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;margin-top:1rem;padding-top:.5rem;border:1px solid var(--color-border);padding-bottom:.5rem;border-width:1px 0}.dot{border-radius:50%;margin-right:1vw;background:var(--color-text);min-width:1.5rem;min-height:1.5rem;-webkit-box-shadow:0 0 0 .5rem var(--color-active) inset;box-shadow:0 0 0 .5rem var(--color-active) inset;border:1px solid #d9cb4f;padding:0 !important}.white .dot{-webkit-box-shadow:0 0 0 .5rem var(--color-background) inset;box-shadow:0 0 0 .5rem var(--color-background) inset;border-color:var(--color-active)}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:var(--max-width);margin:0 auto}.navigation{text-align:center;margin-bottom:var(--gap)}.navigation nav{display:none}.navigation nav.active{display:-webkit-box;display:-ms-flexbox;display:flex}.detail img{opacity:1;margin-top:.5rem}.internal-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:calc(var(--gap)/2)}.internal-details div{font-size:1rem;line-height:1.4;padding:.5rem 0;border-top:1px solid var(--color-border)}ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1em;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}ul li{padding:2vw;border:1px solid rgba(0,0,0,0);font-weight:200;cursor:pointer;border-top:1px solid var(--color-border);-webkit-box-flex:0;-ms-flex:0 0 150px;flex:0 0 150px}ul li.active{font-weight:800}ul li:last-child{border-left-color:var(--color-border)}nav{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--gap) 0}nav>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding:var(--small-gap);cursor:pointer}nav>div.active>span{background:var(--color-active);border-color:rgba(0,0,0,0)}nav>div>span{pointer-events:none;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;border:1px solid var(--color-border);border-radius:var(--border-radius);font-weight:500;padding:.5em 1em;text-align:center}nav>div>span>span{font-weight:200;opacity:.5}section{display:block;-webkit-columns:calc(var(--max-width)/3.5);-moz-columns:calc(var(--max-width)/3.5);columns:calc(var(--max-width)/3.5);gap:3%;max-width:var(--max-width);margin:0 auto}section article{padding-bottom:1rem;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;cursor:pointer}section article>*{pointer-events:none}section article.wide{--rectangle-width: 25vw}section article:not(.expanded) .hide-small{display:none}section article.hidden{display:none}section article.expanded{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background:var(--color-background);padding:var(--gap) var(--gap) 20vh;z-index:9}section article.expanded>*{max-width:var(--max-width);display:block;margin:0 auto}section article.expanded>span{font-size:3vw;line-height:3.5vw;background:var(--color-active);padding:var(--gap)}section article.expanded .format{font-size:1rem;font-weight:500}section article.expanded .technique{font-size:80%}section article.expanded img{margin-bottom:var(--gap)}section article.expanded.white>span{background:rgba(0,0,0,0);padding:0}section article.expanded.white img{margin-bottom:calc(var(--gap)/2)}section article>span{font-size:1em;line-height:1.3em;padding-bottom:.5em;display:block;border-bottom:var(--small-gap) solid rgba(0,0,0,0);-webkit-transition:border .15s linear;transition:border .15s linear}section article:not(.expanded):not(.error):hover>span{border-bottom-color:var(--color-text)}section article img{min-height:3rem;width:100%;opacity:0;margin-bottom:.5rem}section article.expanded{margin-bottom:2rem}section article.expanded .image-container{width:100%;background:rgba(0,0,0,0);-webkit-transition:height 1s ease;transition:height 1s ease;overflow:hidden}section article.loaded .image-container img{-webkit-transition:opacity .15s linear;transition:opacity .15s linear;opacity:1}section article.error{position:relative;padding-top:30vh}section article.error:before,section article.error:after{content:"";position:absolute}section article.error:before{background:var(--color-red);top:0;left:0;width:100%;height:30vh}section article.error:after{content:"Mangler bilde";top:15vh;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:var(--color-background);font-weight:500;text-align:center}section article.error img{display:none}.internal article{position:relative}.internal article:before{content:attr(data-id);position:absolute;top:0;left:0;background:var(--color-active);font-size:70%;padding:.25rem .5rem;font-weight:500}.internal article.expanded:before{position:relative;display:block;font-size:1rem;max-width:var(--max-width);margin:0 auto calc(var(--gap)/2);background:none;padding:0}.internal article .location{margin-top:0}@media screen and (max-width: 800px){body{font-size:12px}header{margin-bottom:calc(var(--gap)*2)}h1 span:first-child{-webkit-transform:translatey(4.75vw);transform:translatey(4.75vw)}h1 span:last-child{-webkit-transform:translatey(1.25vw);transform:translatey(1.25vw)}ul li{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}section{--gap: 1rem;--rectangle-width: 15vw;-webkit-columns:33vw;-moz-columns:33vw;columns:33vw}section article.wide{--rectangle-width: 38vw}section article.expanded span{font-size:5vw;line-height:5.5vw}section article.expanded .format{font-size:11px}section article .location{font-size:70%}section article .internal-details div{font-size:80%}}