@font-face{font-family:Albert Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./albert-sans-latin-ext-wght-normal.BAo4qCk1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Albert Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./albert-sans-latin-wght-normal.BJ0ssN8N.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Albert Sans Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./albert-sans-latin-ext-wght-italic.B2T1u01T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Albert Sans Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./albert-sans-latin-wght-italic.CPqP8Wwp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-weight:400;--font-weight-bold:700;--font-weight-black:900;--font-size--2:clamp(.5628rem, .55rem + .064vi, .7035rem);--font-size--1:clamp(.7502rem, .7331rem + .0852vi, .9377rem);--font-size-0:clamp(1rem, .9773rem + .1136vi, 1.25rem);--font-size-1:clamp(1.333rem, 1.3027rem + .1515vi, 1.6663rem);--font-size-2:clamp(1.7769rem, 1.7365rem + .2019vi, 2.2211rem);--font-size-3:clamp(2.3686rem, 2.3148rem + .2692vi, 2.9607rem);--font-size-4:clamp(3.1573rem, 3.0856rem + .3588vi, 3.9467rem);--font-size-5:clamp(4.2087rem, 4.1131rem + .4783vi, 5.2609rem);--lineheight-high:2.5;--lineheight-text:1.5;--lineheight-short:1.2;--text-block-width:60ch;--opaque:1;--semi-opaque:.75;--semi-transparent:.5;--transparent:.1;--colour-white:hsla(0, 0%, 100%, var(--opaque));--colour-white-transparent:hsla(0, 0%, 100%, var(--semi-opaque));--colour-black:hsla(0, 4%, 10%, var(--opaque));--colour-black-transparent:hsla(0, 4%, 10%, var(--semi-opaque));--colour-cool-black:#1f2429;--colour-base:#f9eaf0;--colour-alert:#f75f5f;--colour-accent:#ff8a66;--colour-yellow:#caca68;--colour-accent-transparent:hsla(14, 100%, 70%, var(--semi-opaque));--colour-focus-outline:hsla(47, 21%, 65%, var(--semi-transparent));--colour-border:#9facdf;--colour-grey-light:#c4c4c4;--colour-grey-transparent:#c7c7c71a;--colour-text-dark:hsla(0, 0%, 0%, var(--semi-opaque));--colour-text-light:hsla(0, 0%, 100%, var(--semi-opaque));--colour-text-super-dark:hsla(200, 45%, 45%, var(--opaque));--colour-text-super-light:hsla(200, 36%, 55%, var(--opaque));--colour-text-sub-dark:hsla(31, 62%, 35%, var(--opaque));--colour-text-sub-light:hsla(31, 62%, 64%, var(--opaque));--colour-button-default:var(--colour-accent);--colour-button-border:var(--colour-base);--colour-button-text:#fff;--border-radius-xx-small:.125rem;--border-radius-x-small:.25rem;--border-radius-small:.5rem;--border-radius-medium:.75rem;--border-radius-large:1.5rem;--border-radius-circle:50%;--border-width-hairline:.5px;--border-width:1px;--border-width-thin:2px;--border-width-thick:5px;--box-shadow-hover:0px 3px 12px 1px #00000024, 0px 2px 28px #00000080;--box-shadow-mid:0px 1px 9px #00000024, 0px 1px 20px #0000005c;--box-shadow:0px 1px 3px #0000001f, 0px 1px 2px #0000003d;--grid-64:3fr 1fr 2fr 2fr 1fr 3fr;--grid-gap:4vw;--max-width:80rem;--spacing-tiny:.075rem;--spacing-xx-small:.125rem;--spacing-x-small:.25rem;--spacing-small:.5rem;--spacing:.75rem;--spacing-medium:1rem;--spacing-large:1.5rem;--spacing-x-large:2rem;--spacing-xx-large:3rem;--duration-instantly:0;--duration-immediately:.1s;--duration-quickly:.2s;--duration-promptly:.5s;--duration-slowly:1s;--cubbez:cubic-bezier(.25, .8, .25, 1);--cubbez-long:.5s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;font-feature-settings:"kern", "liga", "clig", "calt";font-kerning:normal;min-height:100%;font-family:Albert Sans Variable,Trebuchet MS,sans-serif}body{--blue:var(--colour-text-super-light);--rust:var(--colour-text-sub-light);--body:var(--colour-black);--text:var(--colour-white-transparent);--nav:var(--colour-cool-black);background-color:var(--body);color:var(--text);max-width:100%;min-height:100dvh;padding-bottom:var(--spacing-large);flex-direction:column;margin:0;display:flex}.btn{background-color:var(--body);border:1px solid var(--text);border-radius:var(--border-radius-large);color:var(--text);font-family:inherit;font-size:var(--font-size-0);margin:var(--spacing-small);max-width:100%;padding:var(--spacing) var(--spacing-medium);text-align:center;will-change:color;flex-wrap:wrap;justify-content:center;width:fit-content;font-weight:400;text-decoration:none;transition:background-color .5s ease-in-out;display:flex}.btn>span{margin:0 var(--spacing-tiny)}.btn.btnheading{border-color:var(--blue)}.btn.openbtn{text-wrap:nowrap;width:auto}.btn:hover,.btn:focus{background-color:var(--blue);color:var(--body)}.artdiv{border:1px solid var(--colour-focus-outline);border-radius:var(--border-radius-medium);margin:var(--spacing-large);padding:var(--spacing-small);flex-wrap:wrap;place-content:center space-evenly;height:auto;display:flex}.editdiv{border:2px solid #fff;flex-direction:column;align-items:flex-start;margin-bottom:1rem;padding:0 1rem;display:flex}.editform{padding:var(--spacing-xx-small) var(--spacing-x-small);border:1px #0000;flex-flow:column wrap;align-content:flex-start;align-items:flex-start;width:100%;display:flex}.editform>label{word-wrap:break-word;width:fit-content}.editform>input,.editform select{margin-left:var(--spacing-medium);margin-right:var(--spacing-small);height:var(--spacing-large);width:fit-content}.editform>div{padding:var(--spacing);flex-wrap:wrap;width:100%;display:flex}@media (width<=800px){.editform>div{width:100%;padding:0}}.editform>div>div{padding:0 var(--spacing-large) 0 0;flex-direction:column;width:50%;max-width:100%;display:flex}@media (width<=800px){.editform>div>div{width:100%;padding:0}}@media (width<=800px){.editform>div>div{width:100%}}.artdiv.hide,.hide{display:none}.row-div{flex-wrap:wrap;display:flex}.card{flex-flow:wrap;width:100%;max-width:100%;display:flex}.card>div,.card form{border:1px solid var(--text);margin:var(--spacing-small) auto;border-radius:var(--border-radius-small);padding:var(--spacing-x-small);flex-direction:column;width:45%;display:flex}:is(.card>div,.card form)>p{color:var(--rust)}:is(.card>div,.card form)>p span{color:var(--blue)}:is(.card>div,.card form)>label input{width:fit-content}@media (width<=800px){.card>div,.card form{width:100%}}.nomargin{margin:0}.algnend{align-self:flex-end}.editform.red{border:1px solid var(--colour-alert)}.formfield{border:none;align-items:flex-start;display:flex}.formfield>input{margin-left:var(--spacing-small);width:fit-content}.bluediv{border:1px solid var(--blue);padding:var(--spacing-x-small) var(--spacing-small);margin:var(--spacing-small) 0;border-radius:var(--border-radius-small)}.media{flex-wrap:wrap;margin:0 0 0 auto;display:flex}.media>div span{flex-wrap:wrap;display:flex}@media (width<=500px){.media{flex-direction:column}.media>span{flex-direction:column}}button{padding:inherit;background-color:var(--body);border:1px solid var(--text);border-radius:var(--border-radius-large);color:var(--text);cursor:pointer;text-align:center;will-change:color;white-space:nowrap;width:fit-content;font-family:inherit;font-weight:400;text-decoration:none;transition:background-color .5s ease-in-out;display:block}button:hover,button:focus{background-color:var(--blue);color:var(--body)}button.btn:disabled{color:var(--rust);cursor:not-allowed;opacity:var(--semi-opaque)}nav{background-color:var(--nav);border-bottom:1px solid var(--blue);padding:0 var(--spacing-small) var(--spacing-small);flex-wrap:wrap;align-items:center;max-width:100%;display:flex;box-shadow:0 1px 9px #0000001a,0 1px 20px #0003}nav>span{margin-left:var(--spacing-large);display:block}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:var(--colour-black)}::-webkit-scrollbar-thumb{background:var(--colour-accent-transparent);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--colour-focus-outline)}::-webkit-scrollbar-corner{background:var(--colour-black)}*,:after,:before{box-sizing:border-box}h1{font-size:var(--font-size-1);font-weight:400;line-height:var(--lineheight-short)}h2{color:var(--rust);font-size:var(--font-size-1);font-style:italic;font-weight:300;line-height:var(--lineheight-short);text-indent:var(--spacing-medium);margin:0}h3{font-size:var(--font-size-1);margin:0;font-weight:300}h4{color:inherit;font-size:var(--font-size-1);margin:0;font-weight:300}p{color:inherit;font-size:var(--font-size-0);text-wrap:pretty;margin:0;font-weight:300}img{vertical-align:middle;shape-margin:.75rem;object-fit:cover;object-position:center;background-repeat:no-repeat;background-size:cover;border:0 #0000;max-width:100%;height:auto;font-style:italic}section a,a,p a,a :not(a picture img,a picture,a img,a span,svg){color:var(--rust);border-bottom:var(--spacing-tiny) solid;border-bottom-color:var(--rust);font-weight:inherit;-webkit-text-decoration-skip:objects;background-color:#0000;align-self:flex-start;text-decoration:none;transition:color .5s ease-in-out}a:hover,a:focus{color:var(--blue);border-bottom-color:var(--blue)}a img,a:link img,a:visited img{border:0 #0000}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}ol,ul{list-style:none}li{margin:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{font-weight:400}main{border-radius:var(--border-radius-medium);height:max-content;min-height:inherit;margin:var(--spacing-large) auto;max-width:100%;padding:var(--spacing-small) var(--spacing-medium);background-color:#282c34;flex-direction:column;width:85em;line-height:1.5;display:flex;position:relative}label{margin:var(--spacing-xx-small);color:var(--rust)}label>span{color:var(--blue)}textarea,input:not([type=checkbox]){field-sizing:content;width:fit-content;max-width:96%;padding:var(--spacing-x-small);margin:0 .5rem;font-family:inherit}body.modal-open{padding-right:calc(100vw - 100%);overflow:hidden}body:has(#artDialog:target){padding-right:calc(100vw - 100%);overflow:hidden}.close-div{justify-content:flex-end;width:100%;display:flex}.modal-inner{background-color:var(--body);border-radius:var(--border-radius-medium);text-align:center;max-width:100%;max-height:90vh;transition:scale var(--modal-timing);border:1px solid #ffffff1a;width:300px;padding:.5em .5em 1em;overflow-y:auto;scale:.92;box-shadow:0 8px 32px #0000005e}#dialogue-close{opacity:.86;will-change:transform;background-color:#0000;border:none;padding-bottom:0;transition:opacity .5s cubic-bezier(.25,.8,.25,1);transform:scale(.86)}#dialogue-close>svg g{stroke:var(--text);will-change:transform;transition:transform .3s ease-in-out,background-image .3s ease-in-out,opacity .3s cubic-bezier(.25,.8,.25,1)}#dialogue-close:active svg,#dialogue-close:hover svg,#dialogue-close:focus svg{opacity:1;transform:scale(1.06)}:is(#dialogue-close:active svg,#dialogue-close:hover svg,#dialogue-close:focus svg)>g{stroke:var(--rust)}div.modal-inner ul.genre-menu{width:100%;padding-left:0}div.modal-inner ul.genre-menu>li{margin:0}a.genre-btn{padding:var(--spacing-tiny) 0 var(--spacing-x-small);background-color:var(--body);border:1px solid var(--text);border-radius:var(--border-radius-large);color:var(--text);font-family:inherit;font-weight:400;font-size:var(--font-size-1);margin:0 auto var(--spacing-large);text-align:center;text-transform:capitalize;will-change:color scale;white-space:nowrap;width:90%;text-decoration:none;transition:scale .3s ease-in-out,background-color .3s ease-in-out;display:block}a.genre-btn:hover,a.genre-btn:focus{background-color:var(--blue);color:var(--body);scale:1.015}.modal{transition:translate var(--modal-timing,.3s), display var(--modal-timing,.3s) allow-discrete, overlay var(--modal-timing,.3s) allow-discrete;background:0 0;border:none;margin:auto;padding:0;display:none;translate:0 1.5em}.modal::backdrop{transition:backdrop-filter var(--modal-timing,.3s), background-color var(--modal-timing,.3s);-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#1b181800}.modal[open]{display:block;translate:0}@starting-style{.modal[open]{translate:0 -1.5em}}.modal[open] .modal-inner{scale:1}@starting-style{.modal[open] .modal-inner{scale:.92}}.modal[open]::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#1b1818b0}@starting-style{.modal[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#1b181800}}.modal.closing{transition:translate var(--modal-timing,.3s);translate:0 1.5em}.modal.closing .modal-inner{transition:scale var(--modal-timing,.3s);scale:.92}.modal.closing::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:backdrop-filter var(--modal-timing,.3s), background-color var(--modal-timing,.3s);background-color:#1b181800}input.is-modified,textarea.is-modified,select.is-modified{border-color:var(--rust);background-color:var(--colour-grey-transparent);outline:1px solid var(--rust)}