*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nav-dot,.close-dot{display:flex;align-items:center;gap:8px}.nav-dot-label,.close-dot-label{font-size:20px;font-weight:400;letter-spacing:.05em;opacity:0;transition:opacity .3s ease;white-space:nowrap;pointer-events:none;position:absolute;right:24px;color:#f5f0eb}.nav-dot:hover .nav-dot-label,.nav-dot-active .nav-dot-label,.close-dot:hover .close-dot-label,.close-dot-active .close-dot-label{opacity:1}.nav-dot:hover,.nav-dot-active,.close-dot:hover,.close-dot-active{transform:scale(1.5)!important;opacity:.8!important}.nav-dot:focus-visible{outline:2px solid #F5F0EB;outline-offset:4px}.contact-link:hover{opacity:1!important}.project-link{color:inherit;text-decoration:none;display:flex;justify-content:space-between;align-items:center;width:100%}.project-link .project-arrow{opacity:0;transform:translate(-4px,4px);transition:opacity .25s ease,transform .25s ease;margin-left:14px;font-size:14px;flex-shrink:0}.project-link .project-title{display:inline-block;transform-origin:left center;transition:transform .25s ease}.project-link:hover .project-title{transform:scale(1.1)}.project-link:hover .project-arrow{opacity:1;transform:translate(0)}.panel-content::-webkit-scrollbar{display:none}.panel-content{-ms-overflow-style:none;scrollbar-width:none}.liquid-glass{background:linear-gradient(135deg,#f5f0eb33,#f5f0eb17 40%,#f5f0eb33 60%,#f5f0eb14);backdrop-filter:blur(40px) saturate(1.4) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(1.4) brightness(1.1);border:1px solid rgba(245,240,235,.15);box-shadow:inset 0 1px #f5f0eb1a,inset 0 -1px #0000000d,0 8px 40px #00000040,0 2px 12px #00000026}.liquid-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#f5f0eb14,#f5f0eb00);border-radius:20px 20px 0 0;pointer-events:none}.timeline-container{position:relative;padding:40px 0}.timeline-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#f5f0eb40;transform:translateY(-6px)}.timeline-dots{display:flex;justify-content:space-between;position:relative;padding:0}.timeline-dot-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;flex:1;padding:8px 0}.timeline-date{font-size:16px;font-weight:300;opacity:.55;margin-bottom:16px;color:#f5f0eb;transition:opacity .3s ease,font-size .3s ease;letter-spacing:.05em}.timeline-dot-wrapper.active .timeline-date{opacity:.9;font-size:20px}.timeline-dot{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(245,240,235,.55);background:transparent;transition:all .3s ease;flex-shrink:0}.timeline-dot-wrapper.active .timeline-dot{background:#f5f0eb;border-color:#f5f0eb;transform:scale(1.3)}.timeline-dot-wrapper:hover .timeline-dot{border-color:#f5f0eb;transform:scale(1.15)}.timeline-org{font-size:16px;font-weight:400;opacity:.55;margin-top:16px;color:#f5f0eb;text-align:center;white-space:nowrap;transition:opacity .3s ease,font-size .3s ease}.timeline-dot-wrapper.active .timeline-org{opacity:.9;font-size:20px}.timeline-detail{animation:fadeInUp .25s ease forwards}.card-fan{display:flex;justify-content:center;align-items:center;position:relative}.card-flip{width:220px;height:330px;perspective:1200px;cursor:pointer;transform-origin:center center;flex-shrink:0;margin:0 -24px;pointer-events:auto}.card-flip:hover{z-index:2}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.card-inner.flipped{transform:rotateY(180deg) translateY(-20px) scale(1.05)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0a0a;box-shadow:0 12px 40px #000c,0 4px 12px #0009}.card-back{transform:rotateY(180deg)}.card-front-border,.card-back-border{position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#0a0a0a;z-index:1}.card-signature{width:110px;height:auto;opacity:1;filter:brightness(1.4)}.card-back-border{flex-direction:column;justify-content:space-between;padding:20px 18px}.card-suit-top{align-self:flex-start;font-size:24px;color:#f5f0eb59;line-height:1}.card-fact{font-size:16px;font-weight:400;line-height:1.4;text-align:center;color:#f5f0eb;padding:0 8px}.card-suit-bottom{align-self:flex-end;font-size:24px;color:#f5f0eb59;line-height:1;transform:rotate(180deg)}.card-flip:hover .card-inner:not(.flipped){transform:translateY(-14px)}@media (max-width: 768px){.timeline-container{padding:24px 0}.timeline-date{font-size:11px;margin-bottom:10px}.timeline-dot{width:10px;height:10px}.timeline-org{font-size:11px;margin-top:10px}}@media (max-width: 768px){.panel-responsive{width:100vw!important;min-width:unset!important}.panel-inner-responsive{padding:36px 24px!important}.top-left-responsive{top:24px!important;left:24px!important}.nav-dot-responsive{top:24px!important;right:24px!important}.detail-popup{left:16px!important;right:16px!important}.card-fan{flex-wrap:nowrap;height:60vh}.card-flip{width:140px!important;height:210px!important;margin:0 -16px!important}.card-suit-top,.card-suit-bottom{font-size:20px!important}.card-fact{font-size:13px!important}.card-signature{width:70px!important}}.hide-cursor *,.hide-cursor *:before,.hide-cursor *:after{cursor:none!important}