#sidec{position:fixed;left:1%;top:20%;z-index:40;display:flex;flex-direction:column;align-items:center;pointer-events:fill;max-width:50px}#sidec:before{content:"";position:fixed;top:0;left:0;width:100px;height:100vh;background:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,black,transparent);mask-image:linear-gradient(90deg,black,transparent);opacity:.4;z-index:-1}#sidec .logo{width:50px;padding:.5em .2em;filter:drop-shadow(0 0 4px rgba(0,0,0,.581))}#sidec .logo img{width:100%;height:100%}#sidec .lens-scl{display:flex;flex-direction:column;transform-origin:top}@media(max-width:550px){#sidec{top:2%}}#sidec .btn-drawer{color:var(--dgold);width:80%;max-width:50px;aspect-ratio:1/1;border:2px solid var(--dgold);margin-bottom:1em;background:var(--dgold);color:#000;filter:drop-shadow(0 0 4px black)}#sidec .btn-drawer svg{width:100%;padding:.5em;height:100%}:root{--dgold:#c7a654}body,html{overflow-x:clip}body,html,main{position:relative}main{min-height:100vh;z-index:1}@keyframes speen{0%{rotate:0deg}to{rotate:1turn}}button{padding:0;outline:none;border:none;background:none;text-decoration:none;color:#000}.btn{cursor:pointer;transition:all .2s ease}.btn:hover{scale:1.05}.btn:active{scale:.95}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#20201e,#11100f),url(/bg/noise.png);background-blend-mode:multiply;background-size:500px;font-family:var(--fontM)}h1,h2,h3,h4,h5{font-family:var(--fontO)}.h{letter-spacing:-5px}p{font-family:var(--fontM)}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}a{color:inherit;text-decoration:none}.confine{margin:0 auto;max-width:min(95%,1200px)}.lens-scl{display:flex;gap:1em}.lens-scl .btn-lens{width:70px;height:70px;filter:drop-shadow(0 0 4px black);color:var(--dgold);position:relative;scale:.7}@media(max-width:1280px){.lens-scl .btn-lens{width:60px;height:60px}}@media(max-width:1024px){.lens-scl .btn-lens{width:50px;height:50px}}.lens-scl .btn-lens .lensi path{stroke-width:2px;transition:all .5s ease}@media(max-width:550px){.lens-scl .btn-lens .lensi path{fill:var(--dgold)}}.lens-scl .btn-lens:hover .lensi{rotate:-20deg}.lens-scl .btn-lens:hover .lensi path{stroke-width:29px}.lens-scl .btn-lens:hover .ic{color:#fff;position:relative;z-index:20;padding:0;filter:drop-shadow(0 4px 2px rgb(65,46,11))}.lens-scl .btn-lens .lensi{transition:all .25s ease;width:100%;height:100%;position:absolute;top:0;left:0;scale:2}.lens-scl .btn-lens .ic{width:100%;height:100%;transition:all .2s ease;padding:.9em}