@font-face {
  font-family: 'NimbusRomMonM-Reg';
  src: url('file/nimbus-roman-mono-m.eot');
  src: url('file/nimbus-roman-mono-m.eot?#iefix') format('embedded-opentype'),
             url('file/nimbus-roman-mono-m.woff2') format('woff2'),
       url('file/nimbus-roman-mono-m.woff') format('woff'),
       url('file/nimbus-roman-mono-m.ttf') format('truetype'),
       url('file/nimbus-roman-mono-m.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NimbusRomMonM-RegIta';
  src: url('file/nimbus-roman-mono-m-regular-italic.eot');
  src: url('file/nimbus-roman-mono-m-regular-italic.eot?#iefix') format('embedded-opentype'),
             url('file/nimbus-roman-mono-m-regular-italic.woff2') format('woff2'),
       url('file/nimbus-roman-mono-m-regular-italic.woff') format('woff'),
       url('file/nimbus-roman-mono-m-regular-italic.ttf') format('truetype'),
       url('file/nimbus-roman-mono-m-regular-italic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
*{margin:0;padding:0;box-sizing:border-box;}
:root{--base:10px;--font-size:clamp(16px,1.5vmin,24px);--bg-light:#f5f5f5;--bg-dark:black;--bg-article:#c2c1bc;--bg:var(--bg-light);--text:#8A8078;--btn-color:rgba(125,125,125,.75);--btn-hover:rgba(125,125,125,1);--link:inherit;--link-hover:MediumBlue;--link-active:Red;--weight-ultralight:100;--weight-light:300;--weight-regular:400;--weight-bold:700;}
@media (prefers-color-scheme:dark){:root{--bg:var(--bg-dark);}}
.info{background: ghostwhite;
color: #363636;
padding: 3em;
margin: 3em;
top: 13em;
left: 0;
position: absolute;border-radius: .2em;max-width: 33em}
html{scrollbar-width:thin;scrollbar-color:auto transparent;}
body,html{width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--bg);color:var(--text);font-family:'NimbusRomMonM-Reg',sans-serif;font-size:var(--font-size);}
body.no-scroll{overflow:hidden;}
.centered{justify-content:center;}
main{width:100%;}
::-webkit-scrollbar{width:var(--base);}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--btn-color);border-radius:calc(var(--base)/2);}
::-webkit-scrollbar-thumb:hover{background:var(--btn-hover);cursor:pointer;}
h1,h2,h3{text-align:center;}
h1{font-weight:100;padding:0 0 1em;font-family:'NimbusRomMonM-Reg'}
h2{font-weight:400;padding:.75em 0 .25em;font-size:500%;font-family:'NimbusRomMonM-RegIta';letter-spacing: -9%}
h3{font-weight:200;padding-bottom:.333em;font-family:'NimbusRomMonM-Reg'}
main.frontpage {z-index: 2;
position:absolute;width: 100%;
            height: 100%;
            display: flex;}
h2 span,h3 span { font-family: 'NimbusRomMonM-RegIta' }
h1.frontpage {top: .1em;
left: 1em;
font-size: 600%;
text-align: left;
background: transparent;
position: absolute;
z-index: 2;
font-family: 'NimbusRomMonM-Reg';
text-shadow: -.008em 0.005em 0.001em black;}
h1.frontpage span {display: flex; break-after: always; letter-spacing: -15%; position: relative;}

.discreet h1{font-size:calc(var(--base)*.86);font-family:monospace;color:var(--btn-color);text-transform:uppercase;}
blockquote{font-size:150%;text-align:left;position:relative;font-weight:100;padding-bottom:3em;}
blockquote::before{content:"“";font-size:200%;position:absolute;left:-.333em;top:-.25em;font-weight:100;}
a{color:var(--link);text-decoration:none;text-decoration-color:MediumBlue;}
a:visited{color:var(--link);text-decoration-color:darkmagenta;}
a:hover{color:var(--link-hover);text-decoration-color:var(--link-hover);}
.caption a:hover{text-decoration:underline;}
a:active{color:var(--link-active);}
#artist-links,#concept-links{width:calc(100% - 5em);margin:0 auto;}
#artist-links a,#concept-links a{display:inline-block;white-space:nowrap;padding:.15em .3em;transition:background-color 10s ease-out;font-weight:200;color:black;text-shadow:none;}
#artist-links a:hover{background:lightgoldenrodyellow;transition:none;text-shadow:0.5px 0 0 currentColor,-0.5px 0 0 currentColor,0 0.5px 0 currentColor,0 -0.5px 0 currentColor;color:black;}
#concept-links a:hover{background:lightgreen;transition:none;text-shadow:0.5px 0 0 currentColor,-0.5px 0 0 currentColor,0 0.5px 0 currentColor,0 -0.5px 0 currentColor;color:black;}
#artist-links a:visited,#concept-links a:visited{color:darkmagenta;}
hr{padding:0em;width:calc(100% - 8em);max-width:1600px;margin:2em auto;height:1px;border:none;border-top:1px inset;}
img,video{max-width:98vw;max-height:92vh;object-fit:contain;margin:0 auto;display:block;cursor:pointer;}
img.random-main{width:auto;height:auto;}
.gallery-item img{width:100%;height:auto;}
.pdf-thumbnail{width:100px;height:140px;cursor:pointer;}
.caption{margin-top:.666em;font-size:.75em;text-align:center;font-weight:200;font-family:'Microsoft Sans Serif',sans-serif;}
.caption u{font-weight:var(--weight-ultralight);text-decoration:none;}
.caption em{font-weight:var(--weight-regular);}
.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);justify-content:center;align-items:center;flex-direction:column;z-index:9999;}
.lightbox.active{display:flex;}
.lightbox img{max-width:90%;max-height:90%;margin-bottom:.666em;}
.lightbox .caption{text-align:center;font-size:.86em;max-width:90%;line-height:1.4;}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:calc(var(--base)*9);margin:0 auto;width:90%;padding:calc(var(--base)*1) 0;}
.gallery-item{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;}
.artist-links{}
article,#article{padding:3em 0;max-width:1600px;box-sizing:border-box;overflow-y:visible;height:auto;width:calc(100% - 8em);margin:0 auto;}
span.h{display:block;width:100%;column-span:all;margin-bottom:2em;display:flex;flex-direction:column;align-items:flex-start;}
span.h h1{font-size:1.8em;margin:0;padding:0 0 0.5em;display:block;text-align:left;}
span.h sub,span.h sup{margin:0;padding:0 0 0.5em;display:block;text-align:left;font-size:initial;font-weight:normal;}
sup, sub {font-size:initial;font-weight:normal;}
article p,#article p{padding:0 0 1em;display:block;font-size:1.2em;line-height:1.3;break-inside:avoid-column;}
p{font-family:'NimbusRomMonM-Reg', serif;}
article ul{list-style:none;padding:0 0 1.333em;margin:0 1em 0 0;break-inside:avoid-column;}
ul li a{text-decoration:underline;}
ul li a:visited{color:#363636;}
ul li a:hover{color:var(--link-hover);text-decoration-color:var(--link-hover);}
article ul li{margin:0.75em 0;text-align:left;width:100%;position:relative;padding-left:5em;line-height:1.25;font-size:0.86em;}
article sub{padding:0 0 2em;display:block;}
ul{}
.content{padding:0 0 4em;text-align:justify;}
.year{font-weight:var(--weight-ultralight);}
li .year{position:absolute;left:0;width:5em;}
.title{font-weight:var(--weight-regular);font-style:oblique;}
.location-name,.project-location{font-weight:var(--weight-light);}
nav.floating-icons{position:fixed;top:.4em;left:.5em;display:flex;flex-direction:column;gap:1em;z-index:2;}
.floating-icon{width:48px;height:48px;border-radius:50%;color:var(--btn-color);display:flex;align-items:center;justify-content:center;font-size:2em;text-decoration:none;background:transparent;transition:transform 0.3s,background-color 0.3s;}
.floating-icon:hover{transform:scale(1.1);background-color:var(--link-hover);color:var(--bg);}
#homeBtn{font-size:calc(var(--font-size)*2);}
#homeBtn:hover{background:white;color:blueviolet;}
#homeBtn:active{background:red;color:darkred;}
#galleryBtn,#artsyBtn{fill:var(--btn-color);}
#galleryBtn:hover{background:yellow;color:black;}
#galleryBtn:active{background:orangered;}
#infoBtn{font-family:times;font-style:oblique;}
#infoBtn:hover{background:gainsboro;color:darkgoldenrod;}
#musicBtn:hover{background:burlywood;color:lightcoral;}
#instagramBtn:hover{background:deeppink;color:white;}
#artsyBtn:hover{background:purple;color:white;}
#foundationBtn:hover{background:black;color:white;}
#linkBtn:hover{background:deeppink;color:peachpuff;}
#timer{position:fixed;top:1px;left:1px;font-size:10px;font-family:monospace;z-index:999;color:var(--text);}
.slideshow-icons{display:block;position:fixed;left:3.2em;top:-.1em;z-index:999;}
.slideshow-icons > *{cursor:pointer;color:var(--btn-color);display:flex;align-items:center;justify-content:center;font-size:1em;background:none;border:none;transition:transform 0.3s,color 0.3s;}
.slideshow-icons svg,.slideshow-icons img{width:1em;height:1em;fill:var(--btn-color);}
.slideshow-icons svg:hover,.slideshow-icons img:hover{fill:var(--link-hover);transform:scale(1.1);}
header{text-align:center;margin-bottom:40px;}
header h1{font-size:4rem;font-weight:100;color:#fff;font-family:'criterion_urwbold',sans-serif;}
header a{color:white;text-decoration:none;}
.top-navigation{display:flex;}
footer{text-align:center;margin-top:40px;font-size:0.9rem;color:#ccc;}
footer a{color:#1db954;text-decoration:none;}
.playlist{background-color:#222;padding:20px;border-radius:8px;}
.playlist a{color:yellow;text-decoration:none;}
.playlist a:hover{text-decoration:underline;}
b{font-weight:100;}
ol{font-size:50%;max-width:80%;margin:0 auto;}
li{line-height:1.1;margin-top:1em;}
::selection{background:yellow;color:black;}
@media (min-width:1440px){article,#article,hr{width:calc(100% - 10em);}}
@media (min-width:768px){article{column-count:2;column-gap:2em;}}
@media (max-width:767px){article{column-count:1;width:calc(100% - 5em);margin-left:2em;}nav.floating-icons{zoom:66%;}.gallery{grid-template-columns:repeat(3,1fr);gap:calc(var(--base)*1);} .gallery-item .caption{display:none;}}