:root{font-family:Poppins,sans-serif;font-size:16px;line-height:24px;font-weight:500;color-scheme:light dark;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-text-light: #242424;--color-background-light: #fff;--color-background-icon-light: #f4f4f4;--color-text-dark: #fff;--color-background-dark: #242424;--color-background-icon-dark: #454545}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.light-theme{--color-text: var(--color-text-light);--color-background: var(--color-background-light);--color-background-icon: var(--color-background-icon-light)}.dark-theme{--color-text: var(--color-text-dark);--color-background: var(--color-background-dark);--color-background-icon: var(--color-background-icon-dark)}.experience{position:fixed;width:100vw;height:100vh;z-index:-1}.experience-canavas{width:100%;height:100%}header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;padding:10px 14px;z-index:2}.main-nav{flex-grow:1;text-align:right}.dark-theme #logo img{filter:brightness(0) invert(1)}.main-nav ul,.side-nav ul{margin:0;padding:0}.main-nav li,.side-nav li{display:inline-block}.side-nav li+li{margin-top:10px}.main-nav li a{color:var(--color-text);display:flex;text-decoration:none;padding:8px 16px}.main-nav li a svg{margin-right:5px;fill:red}.side-nav{position:fixed;bottom:40px;right:30px;writing-mode:vertical-rl;font-size:14px;z-index:2}.side-nav li a,.play-game-link{padding:10px 8px;color:var(--color-text);display:inline-block;text-decoration:none;background-color:var(--color-background);position:relative}.side-nav li>a:after,.play-game-link :after{content:"";position:absolute;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border:1px solid var(--color-background)}.side-nav li a svg{fill:var(--color-text)}.play-game-link{position:fixed;bottom:50px;left:30px;writing-mode:vertical-rl;transform:rotate(180deg)}.play-game-link svg{transform:rotate(90deg);fill:var(--color-text)}.side-nav li:hover>a,.side-nav li a:focus,.play-game-link:hover,.play-game-link:focus{opacity:.75}.contact-menu{position:relative;margin-top:24px}.contact-menu__dropdown{position:absolute;bottom:0;right:56px;background-color:var(--color-background);border-radius:8px;writing-mode:lr-tb;color:var(--color-text);padding:20px;width:300px;text-align:center;display:none;box-shadow:-2px 0 40px #0000001a}.contact-menu__dropdown--open{display:block}.contact-menu__dropdown:before{content:"";position:absolute;bottom:24px;left:100%;border:10px solid transparent;border-left-color:var(--color-background)}.contact-menu__dropdown>svg{fill:var(--color-text)}.side-nav .contact-menu__dropdown a{padding:0;transition:all ease .2s}.side-nav .contact-menu__dropdown a:hover{opacity:.8}.contact-menu__dropdown .seperator{display:flex;align-items:center;padding:16px 0}#contact-email{display:flex;justify-content:center;align-items:center}#contact-email span{margin-right:4px}.seperator .line{flex-grow:1;border-bottom:1px solid #eee}.seperator .text{padding:0 8px}.social-icons li+li{margin-left:8px}.social-icons li a{background-color:var(--color-background-icon);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center}.social-icons li a svg{fill:var(--color-text)}.section--about{display:none}#close-btn{position:fixed;bottom:5%;left:calc(50% - 24px);fill:var(--color-text)}footer{position:fixed;bottom:5px;left:0;width:100%;text-align:center;color:var(--color-text);font-size:12px}.cursor{width:30px;height:30px;margin-left:-15px;margin-top:-15px;border:1px solid #fff;border-radius:50%;z-index:300;display:flex;justify-content:center;align-items:center}.cursor-circle{width:18px;height:18px;background-color:#000;border-radius:50%}@media (max-width: 992px){header{padding:6px 12px}#logo img{width:50px;height:50px}.main-nav li a{padding:6px 10px}.side-nav{right:22px}footer{font-size:10px}}.dg.ac{z-index:100!important}.project-detail,.project-detail__panel{font-family:Space Grotesk,sans-serif}.project-detail{position:fixed;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.project-detail__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);cursor:pointer;opacity:0;transition:opacity .3s ease}.project-detail.is-open{pointer-events:all}.project-detail.is-open .project-detail__backdrop{opacity:1}.project-detail__panel{position:relative;z-index:1;width:min(1080px,95vw);height:min(680px,92vh);background:var(--color-background);color:var(--color-text);border-radius:16px;display:flex;flex-direction:row;overflow:hidden;box-shadow:0 24px 80px #00000080;transform:scale(.88);opacity:0;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .3s ease}.project-detail.is-open .project-detail__panel{transform:scale(1);opacity:1}.project-detail__close{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.08);border:none;cursor:pointer;padding:6px;border-radius:50%;fill:var(--color-text);z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s}.dark-theme .project-detail__close{background:rgba(255,255,255,.12)}.project-detail__close:hover{background:rgba(0,0,0,.16)}.dark-theme .project-detail__close:hover{background:rgba(255,255,255,.22)}.project-detail__gallery{flex:0 0 55%;position:relative;background:#0d0d0d;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-detail__main-img{width:100%;height:100%;object-fit:contain;display:block}.project-detail__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.65);border:2px solid rgba(255,255,255,.25);color:#fff;font-size:26px;line-height:1;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:background .2s,border-color .2s,transform .15s;z-index:1;box-shadow:0 2px 8px #0006}.project-detail__nav:hover{background:rgba(0,0,0,.85);border-color:#ffffff80;transform:translateY(-50%) scale(1.08)}.project-detail__prev{left:10px}.project-detail__next{right:10px}.project-detail__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:7px}.project-detail__dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;border:none;padding:0;transition:background .2s,transform .2s}.project-detail__dot.is-active{background:#fff;transform:scale(1.3)}.project-detail__info{flex:1;padding:36px 28px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.project-detail__title{font-size:18px;font-weight:700;line-height:1.3;padding-right:42px;word-break:break-word}.project-detail__description{font-size:13px;line-height:1.7;opacity:.72;flex-grow:1}.project-detail__tags{display:flex;flex-wrap:wrap;gap:6px}.project-detail__tag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:var(--color-background-icon);color:var(--color-text);letter-spacing:.02em}.project-detail__link{display:inline-flex;align-items:center;gap:7px;padding:11px 20px;background:#171f27;color:#fff;text-decoration:none;border-radius:8px;font-size:13px;font-weight:500;align-self:flex-start;transition:opacity .2s;margin-top:auto}.project-detail__link:hover{opacity:.82}.hidden{display:none!important}.switch-hint{position:fixed;z-index:3;pointer-events:none;transform:translate(-50%,calc(-100% - 10px));transition:opacity .5s ease}.switch-hint span{display:block;background:#171f27;color:#fff;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;padding:5px 10px;border-radius:6px;box-shadow:0 3px 12px #00000059;animation:hintBounce 1.4s ease-in-out infinite;white-space:nowrap}.dark-theme .switch-hint span{background:#fff;color:#171f27}.switch-hint:after{content:"";display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #171f27;margin:0 auto}.dark-theme .switch-hint:after{border-top-color:#fff}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.switch-hint.is-hidden{opacity:0;pointer-events:none}.lightbox{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .25s ease;font-family:Space Grotesk,sans-serif}.lightbox.is-open{pointer-events:all;opacity:1}.lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.93);cursor:zoom-out}.lightbox__media-wrapper{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:90vh}.lightbox__media-wrapper img,.lightbox__media-wrapper video{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 10px 60px #000000b3;transform:scale(.92);opacity:0;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .25s ease;display:block}.lightbox.is-open .lightbox__media-wrapper img,.lightbox.is-open .lightbox__media-wrapper video{transform:scale(1);opacity:1}.lightbox__close{position:absolute;top:16px;right:16px;z-index:2;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;fill:#fff;transition:background .2s}.lightbox__close:hover{background:rgba(255,255,255,.2)}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:rgba(0,0,0,.65);border:2px solid rgba(255,255,255,.25);color:#fff;font-size:32px;width:52px;height:52px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;box-shadow:0 2px 12px #00000080}.lightbox__nav:hover{background:rgba(0,0,0,.88);transform:translateY(-50%) scale(1.08)}.lightbox__prev{left:24px}.lightbox__next{right:24px}.lightbox__counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff9;font-size:13px;letter-spacing:.05em;z-index:2}@media (max-width: 700px){.lightbox__nav{width:40px;height:40px;font-size:26px}.lightbox__prev{left:10px}.lightbox__next{right:10px}}@media (max-width: 700px){.project-detail__panel{width:100%;height:auto;max-height:88vh;flex-direction:column;border-radius:18px 18px 0 0;position:absolute;bottom:0;transform:translateY(40px);opacity:0}.project-detail.is-open .project-detail__panel{transform:translateY(0);opacity:1}.project-detail__gallery{flex:none;height:44vw;min-height:200px}.project-detail__info{padding:20px 18px 24px;max-height:48vh}.project-detail__title{font-size:16px;padding-right:34px}}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background-color:#fff;display:flex;align-items:center;justify-content:center}.loader{width:48px;height:48px;margin:auto;position:relative}.loader:before{content:"";width:48px;height:5px;background:#f0808050;position:absolute;top:60px;left:0;border-radius:50%;animation:shadow324 .5s linear infinite}.loader:after{content:"";width:100%;height:100%;background:#f08080;position:absolute;top:0;left:0;border-radius:4px;animation:jump7456 .5s linear infinite}@keyframes jump7456{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow324{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}