*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--fg:#ededed;--fg-muted:#888;--fg-subtle:#444;--border:#222;--accent:#fff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", "SF Mono", "Fira Code", monospace}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);min-height:100vh;line-height:1.6}a{color:var(--fg-muted);text-decoration:none;transition:color .15s}a:hover{color:var(--fg)}*{-webkit-user-select:none;user-select:none}.burst-layer{z-index:0;opacity:0;pointer-events:none;transition:none;position:fixed;inset:0}.burst-visible{opacity:1}.burst-fading{opacity:0;transition:opacity 1.5s ease-out}.page{z-index:1;grid-template-columns:1fr;row-gap:56px;max-width:600px;margin:0 auto;padding:80px 24px 120px;display:grid;position:relative}.sidebar{flex-direction:column;gap:16px;display:flex}@media (width>=960px){.page{grid-template-columns:320px minmax(0,1fr);gap:0 64px;max-width:1000px}.sidebar{grid-area:1/1;align-self:start;position:sticky;top:80px}.timeline-section{grid-area:1/2;padding-top:18px}}.page-hidden{opacity:0;pointer-events:none;transition:opacity .3s}.header-atropos{cursor:pointer;margin-bottom:48px}.header-atropos .atropos-inner{overflow:visible}.header-atropos .header{z-index:1;cursor:pointer;position:relative}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.header,.year-label,.project,.footer{opacity:0;animation:.4s forwards fade-in}.header{cursor:pointer;background:#000000f2;border:1px solid #ffffff14;border-radius:12px;padding:16px;text-decoration:none;transition:border-color .3s;animation-delay:0s;display:block;position:relative;overflow:hidden}.header:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:#fff;border-radius:12px;padding:1px;transition:opacity .2s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.header-holding{border-color:#ffffff14}.header-holding:before{opacity:1;animation:1.5s cubic-bezier(.7,0,1,.5) forwards border-fill}@keyframes border-fill{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.header-content{justify-content:space-between;align-items:flex-start;display:flex}.header-pill{font-family:var(--font-sans);color:var(--fg-muted);white-space:nowrap;opacity:0;background:#000000f2;border:1px solid #ffffff14;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px;font-size:10px;text-decoration:none;transition:opacity .2s,border-color .2s,color .2s;display:flex}.header-pill-visible{opacity:1}.header-pill:hover{color:var(--fg);border-color:#fff3}.header-atropos:hover .header-pill{opacity:1;color:#000;background:#fff;border-color:#fff}.header-row{align-items:center;gap:10px;display:flex}.avatar{object-fit:cover;border:1px solid #ffffff14;border-radius:5px;flex-shrink:0;width:24px;height:24px}.header-name{font-family:var(--font-sans);color:var(--fg);letter-spacing:-.01em;font-size:14px;font-weight:500}.header p{color:var(--fg-muted);margin-top:4px;font-size:13px;line-height:1.5}.header-link{font-family:var(--font-mono);color:var(--fg-subtle);margin-top:8px;font-size:11px;display:inline-block}.header-link:hover{color:var(--fg)}.consultation{opacity:0;background:#000000f2;border:1px solid #ffffff14;border-radius:12px;padding:18px 16px 16px;animation:.4s forwards fade-in}.consultation-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.consultation-topline span{font-family:var(--font-sans);color:var(--fg-muted);font-size:10px;line-height:1}.consultation-heading{margin-bottom:20px}.consultation-heading h2{letter-spacing:0;max-width:none;color:var(--fg);margin-bottom:8px;font-size:17px;font-weight:500;line-height:1.35}.consultation-heading p{max-width:none;color:var(--fg-muted);font-size:13px;line-height:1.55}.consultation-points{gap:0;padding:4px 0 18px;display:grid}.consultation-point{border-top:1px solid #ffffff14}.consultation-point:last-child{border-bottom:1px solid #ffffff14}.consultation-point-trigger{width:100%;min-height:42px;color:var(--fg);cursor:pointer;font-family:var(--font-sans);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:0;display:flex}.consultation-point-trigger span{color:var(--fg);font-size:12px;line-height:1.5}.consultation-point-icon{color:var(--fg-subtle);flex-shrink:0;transition:transform .24s,color .24s}.consultation-point-trigger:hover .consultation-point-icon,.consultation-point-open .consultation-point-icon{color:var(--fg-muted)}.consultation-point-trigger:focus{outline:none}.consultation-point-trigger:focus-visible{outline-offset:-1px;outline:1px solid #ffffff2e}.consultation-point-open .consultation-point-icon{transform:rotate(180deg)}.consultation-point-body{grid-template-rows:0fr;transition:grid-template-rows .28s;display:grid}.consultation-point-open .consultation-point-body{grid-template-rows:1fr}.consultation-point p{min-height:0;color:var(--fg-muted);opacity:0;font-size:13px;line-height:1.5;transition:opacity .22s,transform .22s,padding-bottom .28s;overflow:hidden;transform:translateY(-3px)}.consultation-point-open p{opacity:1;padding-bottom:14px;transform:translateY(0)}.consultation-cta{color:#000;background:#fff;border:1px solid #0000001a;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.consultation-cta:hover{color:#000;background:#ffffffe6;border-color:#0003}.follow-row{flex-wrap:wrap;gap:8px;display:flex}.follow{font-family:var(--font-sans);color:#bdbdbd;opacity:0;background:#000000f2;border:1px solid #ffffff14;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:7px 12px 7px 11px;font-size:11px;text-decoration:none;transition:color .2s,border-color .2s,transform .2s;animation:.4s forwards fade-in;display:flex}.follow:hover{color:var(--fg);border-color:#ffffff2e;transform:translateY(-1px)}.follow-icon{flex-shrink:0;width:11px;height:11px}.timeline{padding-left:48px;padding-right:16px;position:relative}@keyframes line-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.timeline:before{content:"";transform-origin:top;background:#ffffff14;width:1px;animation:1.6s linear .24s forwards line-grow;position:absolute;top:9px;bottom:0;left:18.5px;transform:scaleY(0)}.year-group:last-child .project:last-child:after{content:"";background:var(--bg);width:7px;position:absolute;top:13px;bottom:-32px;left:-32px}.year-group{margin-bottom:48px}.year-group:last-child{margin-bottom:0}.year-label{font-family:var(--font-sans);color:var(--fg-muted);background:#000000f2;border:1px solid #ffffff14;border-radius:9999px;margin-bottom:24px;padding:2px 6px;font-size:10px;font-weight:400;line-height:1;display:inline-flex;position:relative}.project{margin-bottom:32px;position:relative}.project:last-child{margin-bottom:0}.project:before{content:"";background:var(--border);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;left:-32px}.project-active:before{background:#1a6b4d;transition:background .3s,box-shadow .3s}.project-active:hover:before{background:#34d399;box-shadow:0 0 16px 8px #34d39926}.project-coming-soon:before{background:#b45309;transition:background .3s,box-shadow .3s}.project-coming-soon:hover:before{background:#f59e0b;box-shadow:0 0 16px 8px #f59e0b26}.project-orange:before{background:#b45309}.project-orange:hover:before{background:#f59e0b;box-shadow:0 0 16px 8px #f59e0b26}.project-coming-soon:after{content:"";opacity:0;background:linear-gradient(#0000,#f59e0b26 30% 70%,#0000);width:1px;height:calc(100% + 32px);transition:opacity .3s;position:absolute;top:-16px;left:-32px;transform:translate(2.5px)}.project-coming-soon:hover:after{opacity:1}.project-active:after{content:"";opacity:0;background:linear-gradient(#0000,#34d39926 30% 70%,#0000);width:1px;height:calc(100% + 32px);transition:opacity .3s;position:absolute;top:-16px;left:-32px;transform:translate(2.5px)}.project-active.project-orange:after{background:linear-gradient(#0000,#f59e0b26 30% 70%,#0000)}.year-group:first-child .project:first-child.project-coming-soon:after{background:linear-gradient(#f59e0b26,#f59e0b26 50%,#0000);height:calc(100% + 16px);top:6px}.year-group:first-child .project:first-child.project-active:after{background:linear-gradient(#34d39926,#34d39926 50%,#0000);height:calc(100% + 16px);top:6px}.project-active:hover:after{opacity:1}.project-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.project-logo{object-fit:cover;border:1px solid #ffffff14;border-radius:4px;width:20px;height:20px}.project-row{justify-content:space-between;align-items:flex-start;display:flex}.project-link-hint{opacity:0;background:#000000f2;border:1px solid #ffffff14;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;padding:2px 6px 2px 5px;transition:opacity .2s;display:flex}.project-clickable:hover .project-link-hint{opacity:1}.project-url{font-family:var(--font-sans);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:10px;overflow:hidden}.project-arrow{color:var(--fg-subtle);flex-shrink:0;transition:color .25s}.project-clickable{color:inherit;cursor:pointer;padding-left:0;text-decoration:none;transition:padding-left .2s;display:block}.project-clickable:hover{padding-left:4px}.project-clickable:hover .project-arrow{color:var(--fg-subtle)}.project-clickable:hover .project-name{color:var(--fg)}.project-name{color:var(--fg);letter-spacing:-.01em;font-size:13px;font-weight:500}.project-tag{font-family:var(--font-mono);color:var(--fg-subtle);letter-spacing:.02em;border:1px solid var(--border);border-radius:3px;padding:1px 6px;font-size:10px}.project-desc{color:var(--fg-muted);margin-bottom:6px;font-size:13px;line-height:1.5}.project-link{font-family:var(--font-mono);color:var(--fg-subtle);font-size:11px;transition:color .15s}.project-link:hover{color:var(--fg)}.project-link:after{content:" ↗";font-size:10px}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:80px;padding-top:24px;display:flex}.footer span{font-family:var(--font-mono);color:var(--fg-subtle);font-size:11px}.footer-links{gap:16px;display:flex}.footer-links a{font-family:var(--font-mono);color:var(--fg-subtle);font-size:11px}.footer-links a:hover{color:var(--fg)}.admin-panel{z-index:9999;width:260px;font-family:var(--font-mono);color:var(--fg-muted);background:#000000eb;border:1px solid #ffffff1a;border-radius:8px;max-height:calc(100vh - 24px);font-size:11px;transition:transform .2s;position:fixed;top:12px;left:12px;overflow-y:auto}.admin-header{color:var(--fg);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;font-weight:500;display:flex}.admin-header button{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.admin-body{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.admin-body label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-body input[type=range]{accent-color:#555;width:100px;height:4px}.admin-body input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;width:28px;height:20px;padding:0}.admin-body input[type=checkbox]{accent-color:#555}.admin-body select{color:var(--fg-muted);font-family:var(--font-mono);background:#111;border:1px solid #ffffff1a;border-radius:3px;padding:2px 4px;font-size:10px}.admin-apply{color:var(--fg);font-family:var(--font-mono);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;margin-top:4px;padding:6px 0;font-size:11px;transition:background .15s}.admin-apply:hover{background:#ffffff26}.admin-toggle{z-index:9999;width:32px;height:32px;color:var(--fg-muted);cursor:pointer;background:#000000e6;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;top:12px;left:12px}.admin-toggle:hover{border-color:#fff3}@media (width<=480px){.page{row-gap:48px;padding:48px 20px 80px}.header-atropos{margin-bottom:48px}.project-header{flex-wrap:wrap}.consultation{padding:16px 15px 15px}}