*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000;--tile: #171717;--text: #fff;--text-secondary: #adadad;--accent: #0099ff;--gap: 6px;--radius: 10px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.35;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}.layout{display:grid;grid-template-columns:38% 1fr;gap:3px;padding:3px;min-height:100vh}.sidebar{position:sticky;top:3px;height:calc(100vh - 6px);display:flex;flex-direction:column;gap:3px}.tile{background-color:var(--tile);overflow:hidden}.tile--logo{padding:28px 32px 22px;cursor:default;position:relative}.logo-text{font-size:3.6rem;font-weight:900;letter-spacing:-.04em;line-height:.95;text-transform:uppercase;position:relative;min-height:7rem}.logo-cascade{overflow:hidden}.logo-layer{display:inline}.logo-layer--abs{position:absolute;top:0;left:0}.logo-char{display:inline-block;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * 25ms)}.logo-layer.in .logo-char{transform:translateY(0);opacity:1}.logo-layer.out .logo-char{transform:translateY(-110%);opacity:0}.logo-layer--abs.in .logo-char{transform:translateY(0);opacity:1}.logo-layer--abs.out .logo-char{transform:translateY(110%);opacity:0}.tile--bio{padding:32px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.tile--bio p{font-size:1.05rem;line-height:1.55;font-weight:400}.cta-button{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border:none;border-radius:99px;color:#000;font-size:.875rem;font-weight:500;background:#fff;cursor:pointer;text-decoration:none;transition:opacity .2s ease;align-self:flex-start}.cta-button:hover{opacity:.85}.tile--footer{padding:28px 32px;display:flex;gap:60px}.footer-col h4{font-size:.8125rem;font-weight:600;margin-bottom:10px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:3px}.footer-col a{font-size:.8125rem;color:var(--text-secondary);transition:color .15s ease}.footer-col a:hover{color:var(--text)}.right-col{display:flex;flex-direction:column;gap:3px}.tile--hero{display:flex;text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.tile--hero:hover{transform:scale(.995)}.tile--hero:hover .hero-logo{transform:rotate(15deg)}.hero-cover{width:100%;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:60px 40px;background:#0a0f1a;position:relative;overflow:hidden}.hero-cover:before{content:"";position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(0,153,255,.12) 0%,transparent 70%);pointer-events:none}.hero-logo{width:120px;height:120px;transition:transform .4s ease;position:relative;z-index:1}.hero-text{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1}.hero-title{font-size:2.6rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em;text-align:center}.hero-sub{font-size:.9rem;font-weight:400;color:#fff6;letter-spacing:.08em;text-transform:uppercase}.project-row{display:grid;gap:3px}.project-row--full{grid-template-columns:1fr}.project-row--pair{grid-template-columns:1fr 1fr}.tile--coming-soon{display:flex;align-items:center;justify-content:center;min-height:320px;border:2px dashed rgba(255,255,255,.08);background:var(--tile);color:var(--text-secondary);font-size:.85rem;font-weight:400}.tile--animate{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.tile--animate.visible{opacity:1;transform:translateY(0)}.tile--coming-soon.tile--animate.visible{opacity:.5}.page-catching-up{max-width:720px;margin:0 auto;padding:40px 24px 80px}.page-nav{margin-bottom:40px}.back-link{color:var(--text-secondary);font-size:.875rem;transition:color .15s ease}.back-link:hover{color:var(--text)}.page-header{margin-bottom:48px}.page-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.page-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.5}.checklist h2{font-size:1.2rem;font-weight:700;margin:32px 0 16px;color:var(--text)}.checklist ul{list-style:none}.checklist li{margin-bottom:10px}.checklist label{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--text-secondary);cursor:pointer;transition:color .15s ease}.checklist label:hover{color:var(--text)}.checklist input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto}.logo-text{font-size:2.6rem}.tile--bio p{font-size:.95rem}.hero-cover{min-height:300px}.tile--footer{gap:40px}.tile--coming-soon{min-height:220px}}@media(max-width:600px){.project-row--pair{grid-template-columns:1fr}.page-header h1{font-size:1.8rem}}