#page_portfolio{max-height:100vh;position:relative}#page_portfolio #portfolio-display{width:100%;height:100%;min-height:100vh;display:grid;grid-template-columns:410px 1fr}@media screen and (max-width:768px){#page_portfolio #portfolio-display{grid-template-columns:1fr}}#page_portfolio #portfolio-display #sidebar{background:linear-gradient(0deg,#0e81a5,#283f58);box-shadow:0 10px 20px rgba(84,153,222,.562);padding:4em;position:relative;z-index:100;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:420px){#page_portfolio #portfolio-display #sidebar{padding:1em;max-width:100%;width:100vw;overflow:clip}}#page_portfolio #portfolio-display #sidebar .close-btn{background:var(--black);color:#fff;width:50px;height:50px;padding:.5em;position:absolute;left:100%}#page_portfolio #portfolio-display #sidebar .close-btn svg{width:100%;height:100%}#page_portfolio #portfolio-display #sidebar .close-btn .close{display:block}#page_portfolio #portfolio-display #sidebar .close-btn .open,#page_portfolio #portfolio-display #sidebar .close-btn.closed .close{display:none}#page_portfolio #portfolio-display #sidebar .close-btn.closed .open{display:block}@media screen and (min-width:768px){#page_portfolio #portfolio-display #sidebar .close-btn{display:none}}#page_portfolio #portfolio-display #sidebar .frame-edge{position:absolute;top:0;left:0;width:110px;height:110px;object-fit:contain;object-position:top}#page_portfolio #portfolio-display #sidebar .cloud-edge{position:absolute;bottom:0;left:0;width:150px;height:150px;object-fit:contain;object-position:bottom;z-index:-1}@media screen and (max-width:420px){#page_portfolio #portfolio-display #sidebar .cloud-edge{bottom:-10%}}#page_portfolio #portfolio-display #sidebar .corner-top{position:absolute;top:20px;right:20px;width:55px;height:55px;border-top:4px solid var(--gold);border-right:4px solid var(--gold)}#page_portfolio #portfolio-display #sidebar .top{position:relative}#page_portfolio #portfolio-display #sidebar .top .de-moon{position:absolute;top:0;left:20%;width:100%;scale:1.4;object-fit:contain;z-index:-1}#page_portfolio #portfolio-display #sidebar .side-action{display:flex;flex-direction:column;margin:1em 0}#page_portfolio #portfolio-display #sidebar .side-action .back-btn{font-family:var(--fontP);display:flex;color:var(--gold);align-items:center;font-weight:700;gap:1em;transform-origin:left}#page_portfolio #portfolio-display #sidebar .heading{position:relative}#page_portfolio #portfolio-display #sidebar .heading .h{color:#fff}#page_portfolio #portfolio-display #sidebar .heading .p{color:#fff;margin:1em 0}#page_portfolio #portfolio-display #sidebar .heading .p p{color:var(--white)}@media screen and (max-height:900px){#page_portfolio #portfolio-display #sidebar{justify-content:flex-start;gap:2em}}#page_portfolio #portfolio-display #sidebar .categories{display:flex;justify-content:flex-end;flex-direction:column;gap:.5em;margin-bottom:4em}@media screen and (max-height:720px){#page_portfolio #portfolio-display #sidebar .categories{gap:.2em}}#page_portfolio #portfolio-display #sidebar .categories .btn-cat{width:100%;text-align:left;font-family:var(--fontsb);font-size:1.2rem;background:hsla(0,0%,100%,.4823529412);box-shadow:0 0 4px rgba(0,0,0,.369);color:rgba(35,41,43,.5882352941);padding:.25em 1em;text-transform:uppercase}@media screen and (max-height:720px){#page_portfolio #portfolio-display #sidebar .categories .btn-cat{font-size:.9rem}}#page_portfolio #portfolio-display #sidebar .categories .btn-cat.selected{background:var(--black);border:2px solid var(--gold);color:var(--gold)}#page_portfolio #portfolio-display #sidebar .logo{width:100%;max-width:120px;margin:1em 0}#page_portfolio #portfolio-display .portfolio-items{height:100%}@media screen and (max-width:768px){#page_portfolio #portfolio-display .portfolio-items{min-height:900px}}#page_portfolio #portfolio-display .portfolio-items .lists{height:100%;display:flex;white-space:nowrap;overflow-x:auto;gap:1.5em;padding:2em 50vh 2em 2em}@media screen and (min-width:768px){#page_portfolio #portfolio-display .portfolio-items .lists{width:calc(100vw - 300px)}}@media screen and (max-width:768px){#page_portfolio #portfolio-display .portfolio-items .lists{width:100vw;overflow-x:scroll;padding-right:10vh}}#page_portfolio #portfolio-display .portfolio-items .lists .row{flex-shrink:0;display:flex;flex-direction:column;width:720px;gap:1.5em}@media screen and (max-width:768px){#page_portfolio #portfolio-display .portfolio-items .lists .row{width:400px}}@media screen and (max-width:420px){#page_portfolio #portfolio-display .portfolio-items .lists .row{width:80vw}}#page_portfolio #portfolio-display .portfolio-items .lists .row .pitems{width:100%;height:405px;transition:all .45s var(--mainEase);cursor:pointer;position:relative}@media screen and (max-width:420px){#page_portfolio #portfolio-display .portfolio-items .lists .row .pitems{height:200px}}#page_portfolio #portfolio-display .portfolio-items .lists .row .pitems:hover{scale:1.01}#page_portfolio #portfolio-display .portfolio-items .lists .row .pitems:active{scale:.96}#page_portfolio #portfolio-display .portfolio-items .lists .row .pitems:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:inset 0 0 40px 20px #283f58}#page_portfolio #portfolio-display .portfolio-items .lists .row .pitems:has(iframe):before{display:none}#page_portfolio #portfolio-display .portfolio-items .lists .row .pitems .main-pt{width:100%;position:relative;z-index:1;object-fit:cover;height:100%;box-shadow:0 0 4px rgba(0,0,0,.193)}#page_portfolio #portfolio-display .portfolio-items .lists .row .pitems .main-pt iframe{width:100%;height:100%;scale:1}#page_portfolio #portfolio-display .portfolio-items .lists .row .pitems video.main-pt{z-index:10}#page_portfolio #portfolio-display .controls{display:flex;justify-content:flex-end;gap:1em;position:fixed;bottom:3%;right:5%;z-index:20}#page_portfolio #portfolio-display .controls .btn-main{display:flex;padding:.25em 1em;box-sizing:0 0 4px var(--black)}@media screen and (max-width:1280px){#page_portfolio #portfolio-display .controls{right:10%}}@media screen and (max-width:768px){#page_portfolio #portfolio-display .controls{left:10%;right:auto}}#page_portfolio #fs-gallery{position:fixed;background:rgba(7,19,33,.675);height:100vh;width:100vw;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all 1.5s var(--mainEase);display:flex;align-items:center;justify-content:center}#page_portfolio #fs-gallery .art-part{width:90vw;height:90vh;display:flex;justify-content:center;align-items:center}#page_portfolio #fs-gallery .art-part .main-pt{width:100%;height:100%;object-fit:contain}#page_portfolio #fs-gallery.close{opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}