.navbar{position:fixed;top:0;left:0;right:0;height:64px;z-index:100;background-color:#0a0a0a;transition:background-color .3s ease}.navbar--light{background-color:#fdfcfa}.navbar--light .navbar-links a{color:#000}.navbar--light .navbar-links a:hover{color:#888}.navbar--light .lang-dropdown__trigger{color:#000}.navbar--light .lang-dropdown__trigger:hover{color:#888}.navbar--light .lang-dropdown__item{color:#000}.navbar-inner{max-width:1200px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:flex-end;padding:0 40px}.navbar-identity{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;padding-left:16px}.navbar-identity__name{font-size:14px;font-weight:500;color:#888;letter-spacing:.28px}.navbar-identity__sub{font-size:11px;font-weight:300;color:#888;letter-spacing:.44px}.navbar--light .navbar-identity__name{color:#333}.navbar--light .navbar-identity__sub{color:#666}.navbar-links{display:flex;align-items:center;gap:36px}.navbar-links a{font-size:14px;font-weight:500;color:#fff;transition:color .2s}.navbar-links a:hover{color:#888}.lang-dropdown{position:relative}.lang-dropdown__trigger{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#fff;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.lang-dropdown__trigger:hover{color:#888}.lang-dropdown__arrow{font-size:10px;transition:transform .15s;line-height:1}.lang-dropdown__arrow--open{transform:rotate(180deg)}.lang-dropdown__menu{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(-6px);z-index:200;padding-top:5px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.lang-dropdown__menu--open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.lang-dropdown__menu li{opacity:0;transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease}.lang-dropdown__menu--open li:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.07s}.lang-dropdown__menu--open li:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.13s}.lang-dropdown__item{display:block;width:100%;padding:8px 0;font-size:13px;font-weight:500;color:#fff;background:none;border:none;text-align:center;cursor:pointer;transition:color .15s;white-space:nowrap}.lang-dropdown__item:hover{color:#888}.lang-dropdown__item--active{color:#555;font-weight:600}.navbar-hamburger{display:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);flex-direction:column;gap:5px;padding:6px;cursor:pointer;background:none;border:none;z-index:110}.navbar-hamburger__bar{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .25s ease}.navbar--light .navbar-hamburger__bar{background:#000}.navbar-hamburger--open .navbar-hamburger__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger--open .navbar-hamburger__bar:nth-child(2){opacity:0}.navbar-hamburger--open .navbar-hamburger__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-mobile-menu{display:none;position:absolute;top:64px;left:0;right:0;background:#0a0a0a;max-height:0;overflow:hidden;transition:max-height .3s ease}.navbar--light .navbar-mobile-menu{background:#fdfcfa;border-bottom:1px solid #e8e8e8}.navbar-mobile-menu--open{max-height:560px}.navbar-mobile-links{display:flex;flex-direction:column;padding:8px 24px 20px}.navbar-mobile-links li{border-bottom:1px solid #1f1f1f}.navbar--light .navbar-mobile-links li{border-bottom-color:#e8e8e8}.navbar-mobile-links a{display:block;padding:14px 0;font-size:15px;font-weight:500;color:#fff;transition:color .15s}.navbar--light .navbar-mobile-links a{color:#1a1a1a}.navbar-mobile-links a:hover{color:#888}.navbar-mobile-links .rain-underline{bottom:12px}.navbar-mobile-lang{border-bottom:none!important}.navbar-mobile-lang .lang-dropdown__trigger{padding:14px 0;font-size:15px;font-weight:500}.navbar-mobile-lang .lang-dropdown__item{text-align:left;padding:8px 0;font-size:14px}.navbar-mobile-lang .lang-dropdown__menu{position:static;transform:none!important;padding-left:12px;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .2s ease,opacity .18s ease}.navbar-mobile-lang .lang-dropdown__menu--open{max-height:120px;opacity:1;pointer-events:auto;transform:none!important}.navbar-mobile-lang .lang-dropdown__menu li{opacity:1!important;transform:none!important;transition:none!important;border-bottom:none}.projects-anim{position:relative;display:inline-block}.rain-underline{position:absolute;bottom:-2px;height:1px;width:0;background:#fff}.rain-underline--left{left:0}.rain-underline--right{right:0}.rain-underline--draw{animation:rain-draw .6s ease-out forwards}.rain-underline--left.rain-underline--erase{width:50%;animation:rain-erase-left .7s ease-in forwards}.rain-underline--right.rain-underline--erase{width:50%;animation:rain-erase-right .7s ease-in forwards}@keyframes rain-draw{0%{width:0}to{width:50%}}@keyframes rain-erase-left{0%{left:0;width:50%}to{left:50%;width:0}}@keyframes rain-erase-right{0%{right:0;width:50%}to{right:50%;width:0}}.rain-drop{position:fixed;top:var(--rain-start, 64px);width:1px;height:40px;background:#fff;z-index:101;transform:translate(-50%);animation:rain-fall 1.4s linear forwards}@keyframes rain-fall{0%{top:var(--rain-start, 64px)}to{top:var(--rain-end, calc(100vh - 20px) )}}.rain-splash-container{position:fixed;top:var(--splash-y, calc(100vh - 4px) );width:0;height:0;z-index:101;transform:translate(-50%)}.rain-splash{position:absolute;height:1px;width:6px;background:#fff;border-radius:1px;opacity:0}@keyframes splash-1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-16px,-5px)}}@keyframes splash-2{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-9px,-11px)}}@keyframes splash-3{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-13px)}}@keyframes splash-4{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(9px,-11px)}}@keyframes splash-5{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px,-5px)}}.rain-splash--1{animation:splash-1 .45s ease-out forwards}.rain-splash--2{animation:splash-2 .45s ease-out forwards .02s}.rain-splash--3{animation:splash-3 .4s ease-out forwards}.rain-splash--4{animation:splash-4 .45s ease-out forwards .02s}.rain-splash--5{animation:splash-5 .45s ease-out forwards}.navbar-hamburger__bar--hidden{opacity:0}.hamburger-rain-line{position:absolute;bottom:6px;height:2px;width:0;background:#fff;pointer-events:none}.hamburger-rain-line--left{left:6px;animation:hamburger-rain-draw 1.1s ease-out forwards}.hamburger-rain-line--right{right:6px;animation:hamburger-rain-draw 1.1s ease-out forwards}@keyframes hamburger-rain-draw{0%{width:0}to{width:11px}}@media (max-width: 768px){.navbar-inner{display:none}.navbar-hamburger{display:flex}.navbar-mobile-menu{display:block}}.cover{height:100vh;background:#0a0a0a;position:relative}.cover-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:left}.cover-heading{font-size:clamp(28px,3.5vw,48px);font-weight:300;line-height:1.5;letter-spacing:-.5px;color:#fff;white-space:nowrap}.cover-hint__touch{display:none}@media (max-width: 768px){.cover-hint{max-width:calc(50% - 48px)}.cover-hint__click{display:none}.cover-hint__touch{display:inline}}.cover-hint{position:absolute;bottom:24px;left:28px;font-size:12px;font-weight:300;color:#838383;line-height:1.6;letter-spacing:.36px;pointer-events:none;margin:0}.cover-scroll{position:absolute;bottom:2px;left:50%;transform:translate(-50%);background:none;border:none;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s;animation:float 2s ease-in-out infinite}.cover-scroll:hover{opacity:1}.cover-feedback{position:fixed;font-size:72px;font-family:monospace;font-style:normal;color:#ffffffe6;pointer-events:none;animation:feedback-anim .5s ease forwards}@keyframes feedback-anim{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}.hero{padding-top:32px}.hero-inner{max-width:1200px;margin:0 auto;padding:40px 40px 60px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.hero-heading{font-size:clamp(28px,6vw,80px);font-weight:800;line-height:1.1;color:#1a1a1a}.hero-subtitle-block{text-align:right;flex-shrink:0;padding-bottom:8px}.hero-greeting{font-size:14px;font-weight:500;color:#555;margin-bottom:4px}.hero-desc{font-size:13px;color:#888}.hero-divider{max-width:1200px;height:1px;background-color:#e0e0e0;margin:0 40px}@media (max-width: 900px){.hero-inner{flex-direction:column;align-items:flex-start;padding:32px 24px 40px;gap:24px}.hero-subtitle-block{text-align:left}.hero-divider{margin-left:24px;margin-right:24px}}.about{padding:0;scroll-margin-top:310px;position:relative}.about-inner{max-width:1200px;margin:0 auto;padding:0 40px}.about-card{padding:48px 0;display:flex;flex-direction:column}.about-title{font-size:32px;font-weight:800;color:#1a1a1a;line-height:1.1;margin-bottom:10px}.about-body{display:flex;gap:64px;align-items:center}.about-content{flex:1}.about-bio{font-size:14px;line-height:1.8;color:#444;margin-bottom:32px}.about-bio--mobile{display:none}@media (max-width: 1100px){.about-bio--desktop{display:none}.about-bio--mobile{display:inline}}.education-label{font-size:11px;font-weight:600;color:#999;letter-spacing:1.32px;text-transform:uppercase;margin-bottom:14px}.education-list{list-style:none}.education-item{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;box-shadow:0 6px 6px -6px #0003}.education-quote-block{border-left:3px solid #1a1a1a;padding:5px 0 5px 14px}.education-school{font-size:14px;font-weight:600;color:#1a1a1a}.education-major{font-size:13px;color:#666;margin-top:3px}.education-year{font-size:13px;color:#999;flex-shrink:0;margin-right:10px}.abbr-tooltip-wrap{position:relative;display:inline-block;cursor:help}.abbr-tooltip-wrap strong{font-weight:700;border-bottom:1px dotted #666}.abbr-tooltip-box{position:absolute;bottom:calc(100% + 6px);left:0;background:#1a1a1a;color:#f0f0f0;font-size:12px;line-height:1.7;padding:10px 14px;border-radius:8px;white-space:nowrap;z-index:10;pointer-events:none;box-shadow:0 4px 12px #00000040;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.abbr-tooltip-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1a1a1a}.abbr-tooltip-wrap:hover .abbr-tooltip-box{opacity:1;visibility:visible}@media (max-width: 640px){.abbr-tooltip-box{display:none}.abbr-tooltip-wrap strong{cursor:pointer}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.abbr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:overlayFadeIn .2s ease forwards}.abbr-modal-overlay--closing{animation:overlayFadeOut .2s ease forwards}.abbr-modal{background:#fdfcfa;color:#1a1a1a;border-radius:12px;padding:24px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.abbr-modal-content{font-size:13px;line-height:1.8}.abbr-modal-content .abbr-tooltip-sub{display:block;margin-top:12px;color:#999;font-size:13px;line-height:1.5}.abbr-modal-close{align-self:flex-end;background:none;border:1px solid #ccc;color:#1a1a1a;font-size:13px;padding:6px 16px;border-radius:6px;cursor:pointer}.abbr-tooltip-sub{color:#aaa;font-size:11px}.dj-wrap{display:inline-flex;align-items:baseline;cursor:default}.dj-expand{display:inline-block;overflow:hidden;max-width:0;opacity:0;white-space:nowrap;transition:max-width .4s ease,opacity .3s ease}.dj-wrap:hover .dj-expand{max-width:80px;opacity:1}.about-image-block{flex-shrink:0;width:280px}@media (max-width: 640px){.about-inner{padding:0 24px}.about-card{padding-bottom:80px}.about-body{flex-direction:column;gap:32px}.about-image-block{width:100%;flex-shrink:1}}.about-scroll{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:none;border:none;color:#1a1a1a;cursor:pointer;opacity:.4;transition:opacity .2s;animation:float 2s ease-in-out infinite}.about-scroll:hover{opacity:.8}.about-photo{width:100%;height:auto;border-radius:8px}@media (min-width: 641px){.about-photo{height:360px;object-fit:cover;object-position:center top}}.banner{background-color:#0a0a0a;overflow:hidden;position:relative;height:calc(clamp(36px,4.5vw,60px) + 64px);width:100%}.banner-track{position:absolute;top:50%;left:0;display:flex;animation:marquee 28s linear infinite}.banner-text{font-size:clamp(36px,4.5vw,60px);font-weight:700;color:#fff;white-space:nowrap;letter-spacing:-.5px;line-height:1}@keyframes marquee{0%{transform:translate(0) translateY(-50%)}to{transform:translate(-50%) translateY(-50%)}}.skills{padding:80px 0;border-top:1px solid #e8e8e8;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.skills-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}.skills-title{font-size:32px;font-weight:800;color:#1a1a1a;margin-bottom:48px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.skill-card{aspect-ratio:2 / 3;perspective:1000px;cursor:pointer}.skill-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.skill-card--flipped .skill-card-inner{transform:rotateY(180deg)}.skill-card-front,.skill-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #e8e8e8;border-radius:12px;padding:28px 24px;display:flex;flex-direction:column}.skill-card-back{transform:rotateY(180deg)}.skill-card-title{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:20px}.skill-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1}.skill-list li{font-size:13px;font-weight:500;color:#444;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #e8e8e8}.skill-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:#1a1a1a;flex-shrink:0}.skill-card-desc{font-size:13px;color:#555;line-height:1.7;flex:1}.skill-card-hint{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;letter-spacing:1.2px;color:#bbb;margin-top:auto;padding-top:16px}.skills-scroll{position:absolute;bottom:2px;left:50%;transform:translate(-50%);background:none;border:none;color:#1a1a1a;cursor:pointer;opacity:.4;transition:opacity .2s;animation:float 2s ease-in-out infinite}.skills-scroll:hover{opacity:.8}@media (max-width: 1100px){.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-card{aspect-ratio:4 / 3}}@media (max-width: 820px){.skill-card{aspect-ratio:1 / 1}}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr;gap:12px}.skills-inner{padding:0 16px}.skill-card{aspect-ratio:4 / 3}.skill-card-front,.skill-card-back{padding:20px}}.experiences{padding:80px 0;background:#0a0a0a;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.experiences-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}.experiences-title{font-size:32px;font-weight:800;color:#fff}.experiences-tabs{display:flex;gap:24px;border-bottom:1px solid #222;margin-top:40px}.experiences-tab{font-size:14px;font-weight:500;color:#555;padding-bottom:12px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.experiences-tab:hover{color:#bbb}.experiences-tab--active{color:#fff;border-bottom-color:#fff}.experiences-empty{margin-top:48px;font-size:14px;color:#999}.experiences-timeline{position:relative;padding-left:24px;margin-top:40px}.experiences-timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:#2a2a2a}.experiences-item{position:relative;padding-bottom:28px}.experiences-item:last-child{padding-bottom:0}.experiences-dot{position:absolute;left:-21px;top:4px;width:8px;height:8px;border-radius:50%;background:#444}.experiences-dot--active{background:#fff}.experiences-item-content{display:flex;flex-direction:column;gap:4px}.experiences-date{font-size:12px;color:#555}.experiences-item-title{font-size:15px;font-weight:500;color:#fff}.experiences-item-subtitle{font-size:13px;color:#999}.experiences-scroll{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:none;border:none;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s;animation:float 2s ease-in-out infinite}.experiences-scroll:hover{opacity:1}@media (max-width: 768px){.experiences-inner{padding:0 20px}.experiences-tabs{gap:16px}}.contact{padding-top:80px;min-height:100vh;display:flex;flex-direction:column}.contact-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;flex:1}.contact-heading{font-size:32px;font-weight:800;color:#1a1a1a;margin-bottom:48px}.contact-center{flex:1;display:flex;align-items:center;padding-bottom:80px}.contact-body{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-left{display:flex;flex-direction:column;gap:24px}.contact-subheading{font-size:clamp(32px,4vw,52px);font-weight:800;color:#1a1a1a;line-height:1.1;letter-spacing:-1.5px}.contact-sub{font-size:14px;color:#666;line-height:1.7}.contact-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background-color:#1a1a1a;color:#fff;font-size:14px;font-weight:600;border-radius:50px;width:fit-content;transition:background-color .2s,transform .15s}.contact-btn:hover{background-color:#333;transform:translateY(-1px)}.contact-btn--disabled{opacity:.35;cursor:not-allowed}.contact-btn--disabled:hover{background-color:#1a1a1a;transform:none}.contact-right{display:flex;flex-direction:column;border-top:1px solid #e8e8e8}.contact-row{display:grid;grid-template-columns:24px 90px 1fr 16px;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #e8e8e8;color:#1a1a1a;transition:opacity .2s}.contact-row:hover{opacity:.5}.contact-row-icon{color:#aaa;font-size:16px}.contact-row-label{font-size:11px;font-weight:600;letter-spacing:1.5px;color:#aaa;white-space:nowrap}.contact-row-value{font-size:14px;font-weight:500;color:#1a1a1a}.contact-row-arrow{font-size:13px;color:#aaa;justify-self:end}.contact-credit{text-align:center;font-size:12px;color:#aaa;padding:24px 0}.contact--dark{background-color:#0a0a0a}.contact--dark .contact-heading,.contact--dark .contact-subheading{color:#fff}.contact--dark .contact-sub{color:#999}.contact--dark .contact-btn{background-color:#fff;color:#111}.contact--dark .contact-btn:hover{background-color:#e0e0e0}.contact--dark .contact-btn--disabled:hover{background-color:#fff}.contact--dark .contact-right{border-top-color:#ffffff1a}.contact--dark .contact-row{border-bottom-color:#ffffff1a;color:#fff}.contact--dark .contact-row-icon,.contact--dark .contact-row-label{color:#666}.contact--dark .contact-row-value{color:#fff}.contact--dark .contact-row-arrow,.contact--dark .contact-credit{color:#666}@media (max-width: 768px){.contact-inner{padding:0 24px}.contact-body{grid-template-columns:1fr;gap:48px}}@media (max-width: 480px){.contact-row{grid-template-columns:20px 90px 1fr 14px;gap:10px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:#fdfcfa;overscroll-behavior:none;overflow-x:hidden}body{font-family:Roboto,sans-serif;background-color:#fdfcfa;color:#1a1a1a;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:Roboto,sans-serif;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}ul{list-style:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.projects.projects-page{padding-top:80px;background-color:#fdfcfa}.projects-filter{display:flex;gap:8px;align-items:center}.filter-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-tag{padding:7px 16px;border:1px solid #1a1a1a;border-radius:4px;background:#fdfcfa;color:#1a1a1a;font-size:13px;font-weight:600;letter-spacing:.39px;cursor:pointer}.filter-tag--active{background:#1a1a1a;color:#fff}.projects{padding:80px 0;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.projects-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}.projects-header{margin-bottom:30px}.projects-title{font-size:32px;font-weight:800;color:#1a1a1a;margin-bottom:16px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr}}.project-card{border-radius:16px;overflow:hidden;background-color:#fdfcfa;display:flex;flex-direction:column;border:#e8e8e8 1px solid;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.project-card--link{cursor:pointer}.project-card--link:hover{transform:translateY(-3px)}.project-card--unavailable{background-color:#888}.project-image-area{position:relative;width:100%;height:190px;overflow:hidden;flex-shrink:0;border-bottom:#e8e8e8 1px solid}.project-img{width:100%;height:100%;object-fit:cover;object-position:center top}.project-preview-placeholder{width:100%;height:100%;background:repeating-linear-gradient(-45deg,#1a1a1a,#1a1a1a 2px,#111 2px,#111 14px);display:flex;align-items:center;justify-content:center}.project-preview-placeholder span{font-size:11px;font-weight:600;letter-spacing:1.1px;color:#444}.project-coming-soon-area{width:100%;height:100%;background-color:#888;display:flex;align-items:center;justify-content:center}.project-coming-soon-area span{font-size:11px;font-weight:600;letter-spacing:1.1px;color:#ffffff80}.project-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.project-title-row .project-name{margin-bottom:0}.project-category-tag{border:#e8e8e8 1px solid;background-color:#e8e8e8;color:#050505;font-size:9px;font-weight:600;letter-spacing:.45px;padding:2px 7px;border-radius:4px;white-space:nowrap;flex-shrink:0}.project-content{padding:16px 20px 18px;display:flex;flex-direction:column;flex:1}.project-name{font-size:18px;font-weight:700;color:#000;margin-bottom:6px}.project-card--unavailable .project-name{color:#ffffffb3}.project-desc{font-size:12px;color:#888;line-height:1.6;flex:1;white-space:pre-line}.project-card--unavailable .project-desc{color:#ffffff73}.project-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-dash{font-size:14px;color:#ffffff4d}.project-in-progress{font-size:10px;font-weight:600;letter-spacing:.8px;color:#fff6}