:root{--bg:#0d0d0d;--surface:#151515;--hover:#1d1d1d;--text:#f2f2f2;--muted:#999;--line:#292929;--accent:#ff8fbd;--sidebar:270px;--max:900px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}.topbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:16px;padding:0 24px;background:rgba(13,13,13,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.menu-button{border:0;background:transparent;color:var(--text);font-size:1.35rem;cursor:pointer;padding:5px}.menu-button:hover{color:var(--accent)}
.site-name{color:var(--text);text-decoration:none;font-size:1.15rem;font-weight:bold}
.sidebar{position:fixed;z-index:30;top:0;left:0;width:var(--sidebar);height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:90px 24px 28px;background:#111;border-right:1px solid var(--line);transform:translateX(-100%);transition:transform .22s ease}
.sidebar.open{transform:translateX(0)}.sidebar-nav{display:flex;flex-direction:column;gap:7px}.sidebar-nav a{display:flex;justify-content:space-between;padding:10px 8px;color:var(--muted);text-decoration:none;border-radius:5px}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--text);background:var(--surface)}.sidebar-nav a.active{color:var(--accent)}.feather{min-width:25px;text-align:right}.sidebar-bottom{font-size:1.8rem;font-weight:900;letter-spacing:.12em}
.sidebar-overlay{position:fixed;z-index:25;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .22s ease}.sidebar-overlay.open{opacity:1;visibility:visible}
.content{width:min(var(--max),calc(100% - 40px));margin:auto;padding:100px 0 90px}section{margin-bottom:100px}h1,h2{margin:0 0 22px;line-height:1.1;letter-spacing:-.03em}h1{font-size:clamp(2.2rem,6vw,4rem)}h2{font-size:2rem}.intro p{max-width:650px;margin:0;color:var(--muted);font-size:1.05rem}.intro a{color:var(--accent)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--text);text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:8px;transition:transform .18s,background .18s,border-color .18s}.project-card:hover{transform:translateY(-3px);background:var(--hover);border-color:#3a3a3a}.project-card span{margin-top:16px;color:var(--muted);font-size:.85rem}.rifted-logo{width:min(80%,230px);max-height:120px;object-fit:contain}.coming-soon{cursor:default}.question-mark{font-size:4rem;font-weight:300;line-height:1;color:#777}
.footer{width:min(var(--max),calc(100% - 40px));margin:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:9px;padding:25px 0 40px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line)}.footer a{color:var(--muted)}.footer a:hover{color:var(--accent)}
@media(max-width:700px){.topbar{padding:0 16px}.content{padding-top:70px}.project-grid{grid-template-columns:1fr}.project-card{min-height:190px}.footer{justify-content:flex-start}}