@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-ext-400-normal-5tcqmc2S.woff2) format("woff2"),url(/assets/outfit-latin-ext-400-normal-DHm7mdGe.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-BGsTXAXT.woff2) format("woff2"),url(/assets/outfit-latin-400-normal-DMwTpYkH.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.double-element-container{display:grid;.el-back{grid-column:1;grid-row:1;z-index:1;color:transparent;border-color:transparent;background-color:transparent}.el-front{grid-column:1;grid-row:1;z-index:2}}header{position:relative;display:block;width:100%;--text-border-radius: .8em;--shadow-color: rgb(47, 0, 80)}#header-logo-img{display:block;margin-left:auto;margin-right:auto;max-height:180px;max-width:calc(100% - 20px);padding-top:5px;margin-bottom:-8px;filter:drop-shadow(0 0 30px var(--shadow-color)) drop-shadow(0 0 50px black) drop-shadow(0 0 30px black);@media (max-width: 1500px){max-width:85%}}.custom-dialog{width:300px;line-height:2em;a{color:#0f0!important;border-radius:1em;padding:.2em .5em;background-color:indigo;&:hover{background-color:purple}}}#buttons{display:flex;justify-content:center;align-items:center;text-align:center;gap:10px;padding-top:.1em;button{background:none;border:none}.button{width:8em;&.el-front{background-color:#000;&:hover{border-color:#ff0!important;box-shadow:0 0 40px #ff0}&#designed{border-color:#0ff;color:#0ff}&#custom{border-color:orange;color:orange}}&.el-back{box-shadow:0 0 5px var(--shadow-color),0 0 10px var(--shadow-color),0 0 10px var(--shadow-color),0 0 10px var(--shadow-color),0 0 10px var(--shadow-color),0 0 10px var(--shadow-color),0 0 10px var(--shadow-color),0 0 15px var(--shadow-color),0 0 15px var(--shadow-color),0 0 15px var(--shadow-color),0 0 15px var(--shadow-color),0 0 15px var(--shadow-color),0 0 30px var(--shadow-color),0 0 50px var(--shadow-color)}}}#header-right{position:absolute;right:100px;bottom:0;text-align:right;span{display:flex;justify-content:center;align-items:center}@media (max-width: 1500px){position:relative;margin:.7em auto;right:auto;line-height:1em;text-align:center;#social-links-wrapper{#connect{position:absolute;left:50%;max-width:4em;text-align:right;margin:0;color:#7fffd4;font-style:italic;transform:translate(-10.1em) translateY(.75em)}}}}#social-links-wrapper{justify-content:center;align-items:center;text-align:center;#connect{display:inline-block;margin-bottom:.3em;color:#7fffd4;font-style:italic;.el-back{--shadow-size-1: .8em;--shadow-size-2: 1em;--shadow-color-2: black;text-shadow:0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-2) var(--shadow-color-2),0 0 var(--shadow-size-2) var(--shadow-color-2),0 0 var(--shadow-size-2) var(--shadow-color-2),0 0 var(--shadow-size-2) var(--shadow-color-2),0 0 var(--shadow-size-2) var(--shadow-color-2)}}#social-links{display:flex;justify-content:center;align-items:center;gap:2px;.circle{--circle-size: 3em;height:var(--circle-size);width:var(--circle-size);border:5px solid black;box-shadow:0 0 30px #000;transition:.1s;svg{font-size:2em}&:hover{box-shadow:0 0 40px #ff0;svg{font-size:2.2em}}}}}#bio{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:.5em;margin-bottom:.5em;font-family:Outfit,sans-serif;font-size:1.2em;text-wrap:balance;p{&:not(:last-child){margin-bottom:.2em}svg{--icon-padding: .4em;&:first-of-type{padding-right:var(--icon-padding)}&:last-of-type{padding-left:var(--icon-padding)}}}#location{font-size:1em;transform:translate(-.25em)}.el-front{p{color:violet}#location{color:#87cefa!important}}.el-back{--shadow-size-1: .8em;--shadow-size-2: 1em;--shadow-color-2: black;text-shadow:0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-1) var(--shadow-color),0 0 var(--shadow-size-2) var(--shadow-color-2),0 0 var(--shadow-size-2) var(--shadow-color-2),0 0 var(--shadow-size-2) var(--shadow-color-2),0 0 var(--shadow-size-2) var(--shadow-color-2),0 0 var(--shadow-size-2) var(--shadow-color-2);.icon-wrapper{background-color:var(--shadow-color);border-radius:20px;box-shadow:0 0 5px var(--shadow-color),0 0 10px var(--shadow-color),0 0 10px var(--shadow-color),0 0 10px var(--shadow-color),0 0 10px var(--shadow-color)}}}.grid{--gap: 1.5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,40%),1fr));gap:var(--gap);justify-content:center;@media (max-width: 800px){--gap: .5em;margin:0 var(--gap)}}.grid-item{aspect-ratio:1 / 1;z-index:1;font-size:1em;container-type:inline-size;border-radius:1.5em;border:5px solid indigo;overflow:hidden;&:hover{--shadow-color: indigo;box-shadow:0 0 5px #000,0 0 5px var(--shadow-color),0 0 10px var(--shadow-color),0 0 15px var(--shadow-color),0 0 30px var(--shadow-color),0 0 50px var(--shadow-color);border-color:#ff0}}.grid-image{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;--shadow-color: indigo;--shadow-color-2: purple;--text-shadow: 0 0 8px var(--shadow-color), 0 0 8px var(--shadow-color), 0 0 8px var(--shadow-color), 0 0 8px var(--shadow-color), 0 0 8px var( --shadow-color ), 0 0 8px var(--shadow-color), 0 0 8px var(--shadow-color), 0 0 8px var( --shadow-color ), 0 0 8px var(--shadow-color), 0 0 8px var(--shadow-color), 0 0 8px var( --shadow-color ), 0 0 8px var(--shadow-color), 0 0 8px var(--shadow-color), 0 0 12px var( --shadow-color-2 ), 0 0 12px var(--shadow-color-2), 0 0 12px var(--shadow-color-2);img{max-width:100%;max-height:100%}.top-left{position:absolute;left:.3em;top:0;font-size:11cqw;.number{&.el-front{color:#87cefa}&.el-back{text-shadow:var(--text-shadow)}}}.bottom-left{position:absolute;bottom:0;left:.3em;font-size:10cqw;&.caption{margin-left:.3em;.el-back{text-shadow:var(--text-shadow)}}.title{color:violet;font-weight:700;line-height:1em}.subtitle{color:pink}.type{font-weight:initial;font-size:80%}}.bottom-right{position:absolute;right:.3em;bottom:.2em;font-size:10cqw;>*{float:right}.price{&.el-front{color:#87cefa}&.el-back{text-shadow:var(--text-shadow)}}.sold-out{font-style:italic;&.el-front{color:orange}&.el-back{text-shadow:var(--text-shadow)}}}}.modal-portal>*{z-index:5}.modal-overlay{position:fixed;inset:0;background-color:#3c3c3cb3}.modal-centered{position:absolute;inset:50% auto auto 50%;overflow:auto;max-width:80%;outline:none;margin-right:-50%;transform:translate(-50%,-50%);padding:1em;border:2px solid indigo;border-radius:1em;background-color:gold;font-family:Outfit,sans-serif}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-bottom:.5em;.close-btn{background-color:transparent;&:hover{background-color:#00000026}}}.order-dialog{width:300px;font-size:1.2em;.order-dialog-body{text-align:center}.number{color:gray;margin-left:.4em;font-size:.8em;font-style:italic}.title{font-weight:bolder;font-size:1.5em}.type{font-size:90%}.modal-header{align-items:start}img{border-radius:1em;max-width:100%}.links{display:grid;justify-content:center;gap:2px;margin-top:.5em;font-size:1.2em;font-weight:700;.button{box-sizing:border-box;display:block;min-width:0;border:4px solid black;width:8em;padding:.3em;&:hover{box-shadow:0 0 10px indigo,0 0 40px indigo;border:4px solid yellow}}}}.sc-iframe-wrapper{width:100%;height:295px;overflow:hidden;border-radius:0 20px 20px;iframe{position:relative;top:-5px;filter:invert(100%) hue-rotate(180deg)}}.sc-title{display:inline-flex;padding:.3em 1em 0;color:#ff69b4!important;font-style:italic;background-color:#000;border-radius:20px 20px 0 0;font-weight:700}.sc-player{margin-bottom:.6em;margin-top:-.7em;&:hover .sc-title{--shadow-color: blue;text-shadow:0 0 5px var(--shadow-color),0 0 10px var(--shadow-color),0 0 15px var(--shadow-color)}@media (max-width: 1500px){margin-top:-.4em}}:root{--soundcloud: rgb(242, 111, 35);--twitter: rgb(29, 161, 242);--instagram: rgb(193, 53, 132);--reddit: rgb(255, 86, 0);--facebook: rgb(66, 103, 178)}body:before{content:"";position:fixed;left:0;right:0;top:0;height:100%;width:100%;z-index:-1;background-image:url(/assets/background-DSH9SojT.jpg);background-position:center center;background-repeat:repeat;background-size:min(200vw,80em);background-attachment:fixed;filter:contrast(.3) saturate(.7) brightness(1.2)}body{background-color:#3f2a44;color:#000;font-family:tahoma,sans-serif;margin:0;padding:.5em}@media (max-width: 800px){html,body{overflow-x:hidden;padding:0}}p{margin-top:0;margin-bottom:0;line-height:1.2em}a{text-decoration:none;cursor:alias}h1,h2,h3,h4,h5{margin:0}button,.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;border-radius:.5em;border-width:2px;border-style:solid;padding:.5em}button,.button,[role=button]{&:not(a){cursor:pointer}}a:link,a:visited{color:inherit}.circle{border-radius:50%;display:flex;justify-content:center;align-items:center}.hidden{max-height:0px}.display-none{display:none}.soundcloud{background-color:var(--soundcloud)}.instagram{background-color:var(--instagram)}.email{background-color:#00bfff}#main-body{margin:auto;width:100%}
