@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.timeline-wrapper{position:relative;height:100%}.timeline-line{position:absolute;left:50%;transform:translate(-.5px);top:3rem;bottom:3rem;width:1px;background:#e7e5e4;pointer-events:none;z-index:0}.timeline{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding:3rem 1rem;height:100%;overflow-y:auto}.timeline-hint{text-align:center;font-size:1rem;font-weight:600;color:#1c1917;line-height:1.6;letter-spacing:-.01em;margin-bottom:.5rem;background:#f5f5f4;position:relative;z-index:1;padding-bottom:.75rem}.timeline-year-group{display:flex;flex-direction:column;gap:.35rem}.timeline-year{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;font-weight:800;color:#57534e;letter-spacing:.08em;margin-bottom:.3rem;position:relative;z-index:1}.timeline-year:before,.timeline-year:after{content:"";width:1.5rem;height:1px;background:linear-gradient(to right,transparent,#c4b5a4)}.timeline-year:after{background:linear-gradient(to left,transparent,#c4b5a4)}.timeline-item{display:flex;align-items:flex-start;background:none;border:none;cursor:pointer;padding:.55rem 0;position:relative;color:#a8a29e;width:100%;transition:color .2s ease}.timeline-item.timeline-left{justify-content:flex-start}.timeline-item.timeline-left .timeline-item-content{text-align:right;width:calc(50% - 16px);padding-right:8px;transform-origin:right center}.timeline-item.timeline-right{justify-content:flex-end}.timeline-item.timeline-right .timeline-item-content{text-align:left;width:calc(50% - 16px);padding-left:8px;transform-origin:left center}.timeline-item:hover{color:#57534e}.timeline-item:hover .timeline-title{color:#1c1917;font-weight:700}.timeline-item:hover .timeline-dot{background:#57534e;transform:translate(-50%) scale(1.4)}.timeline-item.active{color:#1c1917}.timeline-item.active .timeline-title{color:#1c1917;font-weight:700}.timeline-dot{position:absolute;left:50%;transform:translate(-50%);top:.7rem;width:7px;height:7px;border-radius:50%;background:#d6d3d1;transition:all .25s cubic-bezier(.16,1,.3,1);z-index:1}.timeline-item.active .timeline-dot{background:#1c1917;width:8px;height:8px;box-shadow:0 0 0 3px #f5f5f4,0 0 0 4.5px #1c1917}.timeline-item-content{display:flex;flex-direction:column;gap:.05rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}.timeline-item:hover .timeline-item-content{transform:scale(1.06)}.timeline-category{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:#c4b5a4;font-weight:600;transition:color .2s}.timeline-item.active .timeline-category{color:#78716c}.timeline-title{font-size:.85rem;font-weight:500;color:#78716c;transition:all .2s ease;white-space:pre-line}.timeline-date{font-size:.65rem;color:#c4b5a4;margin-top:.05rem}.timeline-item.active .timeline-date{color:#a8a29e}.media-stack-wrapper{display:flex;flex-direction:column;gap:.75rem;align-items:center;width:100%}.media-stack{position:relative;width:100%;aspect-ratio:16 / 9;max-width:560px;overflow:visible}.media-card{position:absolute;inset:0;border-radius:12px;overflow:hidden;background:#f5f5f4;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease;box-shadow:0 1px 3px #0000000a,0 0 0 1px #00000008}.media-card.active{box-shadow:0 4px 24px #00000012,0 0 0 1px #0000000a}.media-image,.media-video,.media-iframe{width:100%;height:100%;object-fit:cover;border:none;display:block}.media-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}.media-dot{width:6px;height:6px;border-radius:50%;border:none;padding:0;cursor:pointer;background:#d6d3d1;transition:all .2s ease}.media-dot.active{background:#1c1917;transform:scale(1.15)}.media-dot:hover:not(.active){background:#a8a29e}.media-controls{display:flex;align-items:center;gap:.5rem}.media-btn{width:30px;height:30px;border-radius:50%;border:1px solid #e7e5e4;background:#fff;color:#57534e;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.media-btn:hover{background:#f5f5f4;border-color:#d6d3d1;color:#1c1917}.media-caption{font-size:.8rem;color:#a8a29e;text-align:center}.detail-view{padding:3rem 2rem;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:680px;width:100%}.detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#c4b5a4;font-size:.95rem;font-weight:300;letter-spacing:.01em}.detail-header{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;width:100%}.detail-title{font-size:1.6rem;font-weight:700;color:#1c1917;letter-spacing:-.025em}.detail-date{font-size:.8rem;color:#a8a29e;font-weight:400}.detail-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.detail-tag{font-size:.65rem;padding:.2rem .55rem;border-radius:9999px;background:#f5f5f4;border:1px solid #e7e5e4;color:#78716c;font-weight:500}.detail-description{font-size:.92rem;line-height:1.8;color:#57534e;text-align:center;word-break:keep-all}.detail-no-media{display:flex;align-items:center;justify-content:center;width:100%;min-height:180px;background:#f5f5f4;border-radius:12px;border:1px dashed #d6d3d1;color:#a8a29e;font-size:.9rem}.main-page{position:relative;display:flex;height:100%;overflow:hidden;background:#fafaf9}.main-neutral-zone{position:absolute;top:0;left:0;right:0;height:44%;z-index:20;pointer-events:all}.main-title-area{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;pointer-events:none}.main-role{font-size:11px;font-weight:600;color:#b7b2ad;letter-spacing:.35em;text-transform:uppercase;margin-bottom:14px}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main-tagline{font-size:54px;font-weight:800;letter-spacing:-.04em;line-height:1.05;background:linear-gradient(135deg,#2563eb,#0f172a,#3b82f6,#1e3a8a);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 6s ease infinite}.main-half{flex:1;display:flex;align-items:center;cursor:pointer;position:relative;overflow:hidden;transition:opacity .35s ease}.main-half-left{justify-content:flex-end;padding-right:28px}.main-half-right{justify-content:flex-start;padding-left:28px}.main-half.dimmed{opacity:.45}@keyframes edgeGlowLeft{0%{transform:translate(-10px) translateY(6px) scaleY(1)}15%{transform:translate(5px) translateY(-10px) scaleY(1.05)}30%{transform:translate(-6px) translateY(8px) scaleY(.97)}45%{transform:translate(9px) translateY(-5px) scaleY(1.06)}60%{transform:translate(-4px) translateY(11px) scaleY(.96)}75%{transform:translate(7px) translateY(-8px) scaleY(1.04)}90%{transform:translate(-8px) translateY(4px) scaleY(.98)}to{transform:translate(-10px) translateY(6px) scaleY(1)}}@keyframes edgeGlowRight{0%{transform:translate(10px) translateY(-6px) scaleY(1)}15%{transform:translate(-7px) translateY(9px) scaleY(1.04)}30%{transform:translate(5px) translateY(-11px) scaleY(.96)}45%{transform:translate(-9px) translateY(6px) scaleY(1.06)}60%{transform:translate(6px) translateY(-8px) scaleY(.97)}75%{transform:translate(-5px) translateY(10px) scaleY(1.05)}90%{transform:translate(8px) translateY(-4px) scaleY(.98)}to{transform:translate(10px) translateY(-6px) scaleY(1)}}.main-half-left:before{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse 72% 85% at 0% 55%,rgba(251,191,36,.52) 0%,transparent 100%);opacity:0;transition:opacity .6s ease;animation:edgeGlowLeft 5s ease-in-out infinite}.main-half-right:before{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse 72% 85% at 100% 55%,rgba(37,99,235,.42) 0%,transparent 100%);opacity:0;transition:opacity .6s ease;animation:edgeGlowRight 5s ease-in-out infinite}.main-half-left.active:before,.main-half-right.active:before{opacity:1}.main-half.dimmed:before{opacity:0}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.main-btn-floater{animation:floatAnim 3.6s ease-in-out infinite;position:relative;left:0;transition:left .45s cubic-bezier(.34,1.56,.64,1)}.main-btn-floater-right{animation-delay:-1.8s}.main-half-left.active .main-btn-floater,.main-half-left.dimmed .main-btn-floater{left:-24px}.main-half-right.active .main-btn-floater,.main-half-right.dimmed .main-btn-floater{left:24px}.main-btn-circle{width:188px;height:188px;border-radius:50%;border:1.5px solid #e2dedd;background:#ffffffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,border-color .3s ease}.main-half.active .main-btn-circle{transform:scale(1.18);box-shadow:0 20px 48px #00000017;border-color:#c7c3bf}.main-half.dimmed .main-btn-circle{transform:scale(.86)}.main-half-label{font-size:17px;font-weight:600;color:#1c1917;letter-spacing:-.01em;text-align:center;line-height:1.4}.main-half-desc{font-size:12px;color:#b7b2ad;letter-spacing:.03em;text-align:center}@media(max-width:768px){.main-neutral-zone{display:none}.main-tagline{font-size:34px}.main-half-left{padding-right:0;justify-content:center}.main-half-right{padding-left:0;justify-content:center}.main-half-left.active .main-btn-floater,.main-half-left.dimmed .main-btn-floater,.main-half-right.active .main-btn-floater,.main-half-right.dimmed .main-btn-floater{left:0}.main-btn-circle{width:132px;height:132px}.main-half-label{font-size:14px}.main-half:active .main-btn-circle{transform:scale(.94);transition:transform .12s ease}}.app{display:flex;flex-direction:column;height:100vh;background:#fafaf9;color:#1c1917}.app-tabs{display:flex;align-items:center;border-bottom:1px solid #e7e5e4;background:#fafaf9;flex-shrink:0}.app-home{padding:0 16px;font-size:18px;color:#78716c;background:none;border:none;cursor:pointer;transition:color .15s;line-height:1}.app-home:hover{color:#1c1917}.app-tabs-group{display:flex;flex:1}.app-tab{flex:1;padding:14px 0;font-size:14px;font-weight:500;color:#b5b0ab;background:none;border:none;border-bottom:2.5px solid transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s;margin-bottom:-1px;text-align:center}.app-tab:hover{color:#57534e;background:#1c191706}.app-tab.active{color:#3b82f6;font-weight:700;border-bottom-color:#3b82f6}.app-content{display:flex;flex:1;min-height:0}.app-sidebar{display:flex;flex-direction:row;width:420px;flex-shrink:0;background:#f5f5f4;overflow:hidden;transition:width .35s cubic-bezier(.16,1,.3,1)}.app-sidebar.collapsed{width:32px}.sidebar-timeline-wrap{flex:1;min-width:0;overflow:hidden}.sidebar-toggle{width:32px;flex-shrink:0;background:none;border:none;border-left:1px solid #e7e5e4;cursor:pointer;color:#a8a29e;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;line-height:1}.sidebar-toggle:hover{background:#f5f5f4;color:#1c1917}.app-main{flex:1;min-width:0;background:#fafaf9;display:flex;justify-content:center}.app-portfolio{align-items:center;justify-content:center;color:#78716c;font-size:15px}@media(max-width:768px){.app-tab{padding:12px 0;font-size:13px}.app-content{position:relative}.app-sidebar{position:absolute;top:0;left:0;bottom:0;z-index:10;width:calc(100% - 32px);box-shadow:2px 0 12px #00000012}.app-sidebar.collapsed{width:32px;box-shadow:none}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafaf9;color:#1c1917}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:99px}