@font-face{font-family:Aloha Magazine;src:url(/fonts/aloha-magazine/AlohaMagazine-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}:root{--bg:#f3f3f3;--fg:#111;--muted:#666;--border:#000;--card:#e6e6e6}html,body{min-height:100%;margin:0;padding:0;overflow:hidden auto}body{background:var(--bg);color:var(--fg);font-family:Raleway,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}body.dark-mode{--bg:#111;--fg:#f5f5f5;--muted:#aaa;--border:#f5f5f5;--card:#1d1d1d}.page{background:var(--bg);justify-content:center;align-items:stretch;min-height:100vh;padding:0;display:flex}.left-column{flex-direction:column;justify-content:space-between;display:flex}.name{margin:0 0 4px;font-family:Aloha Magazine,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:2.8rem;font-weight:400}.role{color:var(--muted);margin:0;font-size:.9rem}.nav{flex-direction:column;gap:8px;margin-top:32px;display:flex}.nav-item{text-align:left;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:none}.nav-item:hover,.nav-item.active{text-decoration:underline}.project-role{text-transform:uppercase;letter-spacing:.16em;text-align:left;color:var(--muted);margin:0 0 8px;font-size:.72rem}.project-tech{color:var(--muted);margin-top:12px;font-size:.8rem}.project-link{color:var(--fg);border-bottom:1px solid #0000;margin-top:12px;font-size:.8rem;text-decoration:none;transition:border-color .2s,opacity .2s}.project-link:hover{border-bottom:1px solid var(--fg);opacity:.8}.mode-toggle{letter-spacing:.16em;text-transform:uppercase;z-index:20;flex-direction:column;align-items:flex-start;gap:2px;font-size:.7rem;display:flex;position:fixed;bottom:64px;left:96px}.mode-button{cursor:pointer;color:inherit;letter-spacing:.16em;text-transform:uppercase;appearance:none;background:0 0;border:none;padding:0;display:block}.mode-button.active{opacity:.5;pointer-events:none}.mode-button:not(.active):hover{text-decoration:underline}.frame{background:var(--card);grid-template-columns:1.7fr .3fr;column-gap:64px;width:100vw;max-width:100vw;min-height:100vh;padding:64px 96px;display:grid;position:relative;overflow:hidden}.page:before,.page:after{content:"";background:var(--border);pointer-events:none;z-index:5;width:1px;position:fixed;top:0;bottom:0}.page:before{left:24px}.page:after{right:24px}.frame:after{content:"";background:var(--border);pointer-events:none;z-index:5;height:1px;position:fixed;top:24px;left:0;right:0}body:before{content:"";background:var(--border);pointer-events:none;z-index:5;height:1px;position:fixed;bottom:24px;left:0;right:0}.noise-panel{pointer-events:none;opacity:1;background:radial-gradient(circle at 40% 45%,#fff 0,#ffffffd9 16%,#ffffff59 40%,#fff0 65%),linear-gradient(90deg,#c8c8c8 0%,#f9f9f9 25%,#f3f3f3 55%,#d0d0d0 100%);position:absolute;inset:24px}body.dark-mode .noise-panel{background:radial-gradient(circle at 50% 40%,#ffffff29 0,#ffffff0f 25%,#fff0 50%),linear-gradient(90deg,#1b1b1b 0%,#2a2a2a 20%,#333 55%,#1c1c1c 100%)}.left-column,.right-column{z-index:1;background:0 0;position:relative}.right-column{text-align:left;flex-direction:column;justify-content:flex-end;align-items:flex-start;max-width:260px;padding-top:48px;font-size:.85rem;font-weight:600;line-height:1.7;display:flex}.home-link{z-index:20;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);pointer-events:auto;border-bottom:1px solid #0000;font-size:.65rem;text-decoration:none;position:fixed;top:44px;left:96px}.home-link:hover{border-bottom:1px solid}@media (max-width:800px){.frame{grid-template-columns:1fr;align-items:flex-start;row-gap:24px;width:100%;max-width:100%;height:auto;min-height:100vh;margin:0;padding:40px 20px 80px}.noise-panel{inset:0}.page:before,.page:after,.frame:after,body:before{display:none}.right-column{align-items:flex-start;max-width:100%;margin-top:8px}.left-column{justify-content:flex-start}.mode-toggle{font-size:.6rem;bottom:32px;left:20px}.home-link{top:24px;left:20px}}