:root{--color-yellow-chenin:#e0ca7f;--color-yellow-sidecar:#f3e4b2;--color-yellow-roti:#cea146;--color-yellow-gold:gold;--color-sycamore:#9d7b3c;--color-white:#fff;--color-green-jungle:#27a887;--color-title:var(--color-yellow-chenin);--color-header-text:var(--color-yellow-chenin);--color-title-hover:var(--color-yellow-roti);--color-caption:var(--color-sycamore);--color-caption-no-js:var(--color-yellow-roti);--color-about-text:var(--color-sycamore);--color-link:var(--color-green-jungle);--color-background:var(--color-white);--color-selection:var(--color-yellow-sidecar)}@font-face{font-family:Fengardon;font-style:normal;font-weight:400;src:url(../fonts/fengardoneue_regular-webfont.eot);src:url(../fonts/fengardoneue_regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/fengardoneue_regular-webfont.woff) format("woff"),url(../fonts/fengardoneue_regular-webfont.ttf) format("truetype"),url(../fonts/fengardoneue_regular-webfont.svg#FengardoNeueRegular) format("svg")}*{margin:0;padding:0}abbr{cursor:help;font-variant:small-caps}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}body,html{font-family:Fengardon,courier,serif;height:100%;width:100%}body{font-size:16px}h1,h2,h3,strong{font-weight:400}::selection{background:var(--color-selection)}::-moz-selection{background:var(--color-selection)}header{left:15px;position:fixed;top:15px;z-index:700}h1{font-size:5rem}h1 a{color:var(--color-title);display:block;text-shadow:-10px -10px 10px hsla(0,0%,100%,.1);text-transform:uppercase;transition:background .2s ease}h1 a,header>a{text-decoration:none}header>a{background:var(--color-background);color:var(--color-header-text);font-size:1.3rem;padding:.5rem;position:fixed;right:0;top:0}header a:active,header a:focus,header a:hover{color:var(--color-title-hover);cursor:help}@supports (background-clip:text) or (text-fill-color:transparent) or (-moz-text-fill-color:transparent) or (-webkit-text-fill-color:transparent){h1{background:var(--color-title);background:linear-gradient(45deg,#e0ca7f,#9a7733 15%,#93702c 26%,#e7d57f 40%,#9d7b3c 60%,#9d7b3c 73%,#cea146 86%,#886718)}h1 a:active,h1 a:focus,h1 a:hover{background:var(--color-title-hover);background:linear-gradient(180deg,#e0ca7f 0,#9a7733 21%,#e7d57f 50%,#9d7b3c 78%,#cea146 89%,#886718)}}@supports (-webkit-background-clip:text) and (-webkit-text-fill-color:transparent){h1,h1 a:active,h1 a:focus,h1 a:hover{-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@supports (-moz-background-clip:text) and (-moz-text-fill-color:transparent){h1,h1 a:active,h1 a:focus,h1 a:hover{-moz-background-clip:text;-moz-text-fill-color:transparent}}@supports (background-clip:text) and (text-fill-color:transparent){h1,h1 a:active,h1 a:focus,h1 a:hover{background-clip:text;text-fill-color:transparent}}#gallery{display:flex;padding:100px 10px 0}#gallery li{list-style-type:none;padding:10px}figure{min-height:640px;min-width:320px;position:relative}figure img{position:relative;z-index:666}figure:focus img,figure:hover img{position:static}figcaption{background:var(--color-background);bottom:10px;color:var(--color-caption);display:block;font-family:Courier,serif;font-size:1.2rem;line-height:1;padding:.4rem .4rem .1rem;position:absolute;right:0;text-align:right;z-index:0}figure:focus figcaption,figure:hover figcaption{z-index:3666}.no-js #gallery{display:block;height:auto;margin-top:100px}.no-js #gallery li{clear:left;display:block}.no-js #gallery img{float:left;margin-right:20px}.no-js #gallery figcaption{color:var(--color-caption-no-js);position:static;text-align:left}#about{left:0;position:fixed;top:200px}#about.on{z-index:3666}#about.on>*{width:auto}#about>*{height:auto;left:-1000px;max-width:960px;position:relative;width:0}#about>.on{left:0}#about h2,#about p{background:var(--color-background);color:var(--color-about-text);line-height:1.6;margin-bottom:5px;padding-left:20px;padding-right:5px}#about strong{border-bottom:1px dotted var(--color-about-text)}#about a{color:var(--color-link);text-decoration:none}#about a:active,#about a:focus,#about a:hover{border-bottom:1px dotted var(--color-link)}#about hr{background:var(--color-background);border:0;display:block;height:25px;margin-bottom:5px;max-width:990px;width:100%}#about>*{transition:left .8s ease}.no-js #about{clear:left;margin-top:20px;padding-bottom:20px;position:static}.no-js #about>*{left:inherit;position:static;width:100%}@media screen and (max-width:38em){h1{font-size:2.5rem;max-width:250px}header>a{bottom:.5rem;display:block;position:fixed;top:auto}#about{font-size:.7rem;top:105px}#about h2,#about p{margin-bottom:3px}#about hr{display:none}#gallery,#gallery li{display:block;padding:0}#gallery li{margin:20px 0}#gallery li img{width:100%}figcaption{position:static}}