@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-light: #ffffff;--bg-dark: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #ffffff;--border-color: #b9b9b9;--accent-color: #ff8585}html{font-family:Helvetica,Crimson Text,sans-serif;font-size:14px;line-height:1.6;font-weight:400;color:var(--text-primary)}body{background:var(--bg-light);min-height:100vh}.title-section{display:relative;position:relative;text-align:left;font-size:1rem;margin-top:1.5rem}.title-section a{transition:opacity .2s;text-decoration:none;color:var(--text-primary)}.title-section a:hover{opacity:.6}.title-section h1{font-size:1.9em;font-weight:1200;margin-top:-1.3rem}.title-section h3{padding:0;margin-top:-.9rem;font-style:italic;font-weight:400;font-size:1.05em}.signature{position:absolute;display:absolute;top:2rem;left:0;right:0;margin:auto;width:80%;-o-object-fit:contain;object-fit:contain;opacity:.3}@media(max-width:720px){.signature{width:60%;margin-left:10%}}.navbar{display:flex;flex-direction:column;gap:3rem;align-items:left;justify-content:left;height:100%}.nav-links{list-style:none;display:flex;flex-direction:column;align-items:left;justify-content:left;gap:3rem;height:100%;margin-left:0rem}.nav-links ul{gap:0rem;list-style:none}.nav-links ul li{position:relative;margin:0;padding:0}.nav-links ul a{text-decoration:none;line-height:2rem;color:var(--text-primary);font-size:1.3rem;transition:opacity .2s,transform .2s;transform:translate(0);display:inline-flex;align-items:center;gap:.5rem;opacity:.68}.nav-links ul a:hover{opacity:1;transform:translate(.2rem)}.nav-links ul a.active{opacity:1;font-weight:600}.nav-links ul a.active:after{content:"•";color:var(--accent-color);scale:1.8;margin-left:.3rem}.dropdown-item .dropdown-link,.illustration-item .dropdown-link,.games-item .dropdown-link{cursor:pointer}.dropdown-item .dropdown-link .dropdown-arrow,.illustration-item .dropdown-link .dropdown-arrow,.games-item .dropdown-link .dropdown-arrow{display:absolute;position:relative;left:.2rem;top:.1rem;width:.9rem;height:.9rem;transition:transform .3s ease;transform:translateY(0) rotate(0);opacity:.3}.dropdown-item .dropdown-link .dropdown-arrow.open,.illustration-item .dropdown-link .dropdown-arrow.open,.games-item .dropdown-link .dropdown-arrow.open{transform:translateY(.1rem) rotate(90deg);opacity:.6}.dropdown-menu,.illustration-dropdown,.games-dropdown{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.dropdown-menu.open,.open.illustration-dropdown,.open.games-dropdown{max-height:200px}.dropdown-menu li,.illustration-dropdown li,.games-dropdown li{margin:0}.dropdown-menu a,.illustration-dropdown a,.games-dropdown a{display:block;padding-left:2rem;padding-top:.5rem;font-size:1.2rem;font-weight:400;color:var(--text-primary);text-decoration:none;transition:transform .2s ease}.dropdown-menu a:hover,.illustration-dropdown a:hover,.games-dropdown a:hover{opacity:.6;transform:translate(.2rem)}body{overflow:hidden;height:100vh;width:100vw;padding:0;margin:0}.page-container{display:flex;min-height:100vh;gap:0;overflow:hidden;max-height:100vh}:root{--sidebar-width: 22rem}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-light);border-right:1.5px solid var(--border-color);padding:3.5rem;overflow-y:auto;z-index:100}.sidebar-spacer{width:var(--sidebar-width);height:100%;flex-shrink:0;background-color:red;z-index:100}.content{width:100%;flex-shrink:1;background:var(--bg-dark);padding:0;min-height:100vh}.content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hamburger-menu{display:none}@media(max-width:768px){:root{--sidebar-width: 0rem}.hamburger-menu{display:block;position:absolute;top:30px;right:30px;width:30px;height:20px;z-index:100}.hamburger-menu-icon{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.hamburger-menu-icon-line{width:100%;height:30%;background-color:#00000075;transition:transform .2s,color .2s}.hamburger-menu-icon-line.open{background-color:#ff9f9f}.hamburger-menu-icon-line:first-child.open{transform:rotate(-45deg) translateY(165%)}.hamburger-menu-icon-line:nth-child(2).open{transform:rotate(45deg) translateY(-165%)}.sidebar{position:absolute;display:block;top:0;left:0;width:100%;height:100vh;transform:translate(-100%);transition:transform .2s;min-width:auto;border-right:none;border-bottom:1px solid var(--border-color)}.content{margin-left:0;min-width:auto}}