:root{--bg-color: #070707;--t1-color: white;--t2-color: #dc0901;--t3-color: black;--p-font: 11px;--h-font: 80px;--t-font: 16px;--font1: "Manrope", sans-serif;--font2: "Handjet", sans-serif}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html,body{overflow-x:hidden;background-color:var(--bg-color);color:var(--t1-color)}header{font-family:var(--font1);position:sticky;top:0;z-index:200;background-color:var(--bg-color)}.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;font-size:14px;padding:35px 40px;background-color:var(--bg-color)}.nav-links{justify-self:center;display:flex;gap:40px;background:transparent}.nav-left{justify-self:start;background:transparent}.initials{font-family:var(--font2);font-size:30px;font-weight:500;letter-spacing:1px;color:var(--t1-color)}.hamburger{justify-self:end;display:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;cursor:pointer;background:none;border:none;padding:6px;width:38px;height:38px}.ham-bar{display:block;height:2px;background-color:var(--t1-color);border-radius:2px;transition:transform .35s ease,opacity .25s ease,width .35s ease}.ham-bar--top{width:26px}.ham-bar--mid{width:18px}.ham-bar--bot{width:26px}.hamburger--open .ham-bar--top{width:26px;transform:translateY(7px) rotate(45deg)}.hamburger--open .ham-bar--mid{opacity:0;transform:scaleX(0)}.hamburger--open .ham-bar--bot{width:26px;transform:translateY(-7px) rotate(-45deg)}.navbar a{text-decoration:none;color:var(--t1-color);font-weight:200;padding:7px 17px;border-radius:50px;background:transparent;transition:background .2s ease,color .2s ease,font-weight .2s ease}.nav-links a:hover{background:var(--t2-color);color:var(--t3-color);font-weight:400;box-shadow:inset 0 2px 6px #00000080}.mobile-overlay{position:fixed;inset:0;z-index:150;pointer-events:none;visibility:hidden;overflow:hidden}.mobile-overlay--open{pointer-events:all;visibility:visible}.mobile-overlay__bg{position:fixed;inset:0;background-color:var(--bg-color);transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.77,0,.175,1)}.mobile-overlay--open .mobile-overlay__bg{transform:scaleY(1)}.mobile-overlay__nav{position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;flex-direction:column;padding:0 32px;gap:0;background:transparent;max-height:70vh;overflow:hidden}.mobile-nav-item{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;background:transparent;opacity:0;transform:translate(-24px);transition:opacity .35s ease calc(var(--i) * .07s + .2s),transform .4s ease calc(var(--i) * .07s + .2s),color .2s ease}.mobile-nav-item:last-child{border-bottom:none}.mobile-overlay--open .mobile-nav-item{opacity:1;transform:translate(0)}.mobile-nav-item:hover .mobile-nav-label{color:var(--t2-color)}.mobile-nav-item:hover .mobile-nav-arrow{transform:translate(6px);color:var(--t2-color)}.mobile-nav-num{font-family:var(--font2);font-size:13px;color:var(--t2-color);opacity:.8;min-width:28px;background:transparent}.mobile-nav-label{font-family:var(--font2);font-size:46px;font-weight:500;color:var(--t1-color);flex:1;background:transparent;transition:color .2s ease;line-height:1}.mobile-nav-arrow{font-family:var(--font1);font-size:22px;color:#ffffff4d;background:transparent;transition:transform .25s ease,color .2s ease}.mobile-overlay__close{position:fixed;top:20px;right:20px;width:44px;height:44px;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:6px;opacity:0;transition:opacity .25s ease .3s;z-index:1}.mobile-overlay--open .mobile-overlay__close{opacity:1}.mobile-overlay__close span{display:block;width:26px;height:2px;background-color:var(--t1-color);border-radius:2px;position:absolute}.mobile-overlay__close span:first-child{transform:rotate(45deg)}.mobile-overlay__close span:last-child{transform:rotate(-45deg)}.mobile-overlay__close:hover span{background-color:var(--t2-color)}.mobile-overlay__footer{position:fixed;bottom:40px;left:32px;right:32px;display:flex;gap:24px;background:transparent;opacity:0;transition:opacity .3s ease .5s}.mobile-overlay--open .mobile-overlay__footer{opacity:1}.mobile-overlay__footer a{font-family:var(--font1);font-size:12px;font-weight:600;letter-spacing:2px;color:#fff6;text-decoration:none;background:transparent;transition:color .2s ease}.mobile-overlay__footer a:hover{color:var(--t2-color)}.intro{margin:30px 300px;display:flex;align-items:center;flex-direction:row;justify-content:space-around;font-family:var(--font2);height:80vh}.intro-info{display:flex;flex-direction:column;gap:24px}.intro-info p{text-align:right;font-family:var(--font2);font-size:22px;min-height:1.4em}.intro-info h1{font-weight:500;font-size:var(--h-font)}.hero-title{margin-top:-100px}.hero-title .line{display:block;text-align:right;min-height:1em}.accent{color:var(--t2-color);display:inline}.hey{font-size:40px}.type-cursor{display:inline-block;color:var(--t2-color);animation:blink .7s step-end infinite;font-weight:300;margin-left:2px}.type-cursor--desig{font-size:22px;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.image-logo{position:relative;width:320px}.profile-img{border-radius:24px;display:block;width:295px;height:400px;object-fit:cover}.icons{position:absolute;bottom:0;left:12px;display:flex;flex-direction:column;gap:1px}.icons a{background:transparent}.icons img{width:33px;height:33px;background:none;padding:6px;border-radius:6px;cursor:pointer;transition:transform .2s ease}.icons img:hover{transform:scale(1.15)}.gmail img{width:33px;height:28px}.impact-section{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:80px 100px;gap:80px;font-family:var(--font1)}.impact-left{display:flex;flex-direction:column;gap:10px}.impact-tagline{font-weight:500;font-size:25px}.impact-sub,.impact-stat-label{font-weight:200;font-size:14px}.impact-stats{display:flex;flex-direction:column;gap:48px;flex-shrink:0}.impact-stat{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left}.impact-stat-num{color:var(--t2-color);font-family:var(--font2);font-size:55px;font-weight:500}.impact-know-btn{font-family:var(--font1);font-size:14px;font-weight:400;width:130px;height:40px;border-radius:50px;background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:var(--t1-color);cursor:pointer;margin-top:16px;transition:background .2s ease,transform .2s ease;box-shadow:inset 0 2px 6px #00000080}.impact-know-btn:hover{background:#ffffff24;transform:scale(1.04)}.quick-links,.work{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:100px 150px;padding:20px 0;gap:40px;font-family:var(--font1);font-weight:400;font-size:var(--t-font)}.quick-links h2{font-family:var(--font2);font-size:40px;font-weight:400;align-self:flex-start;background:transparent}.quick-links p{background:transparent;font-size:14px}.link-btns{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:80px;background:transparent}.link-btn-item{display:inline-flex;align-items:center;justify-content:center;width:120px;height:40px;border-radius:50px;font-family:var(--font1);font-size:14px;text-decoration:none;font-weight:400;box-shadow:inset 0 2px 6px #00000080;cursor:pointer;transition:transform .2s ease}.link-btn-item:hover{transform:scale(1.1)}.btn-1{background-color:var(--t2-color);color:var(--t3-color);border:none}.btn-2{background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:var(--t1-color)!important}.timeline{display:flex;align-items:center;justify-content:space-around;padding:30px 80px;margin:75px 60px;gap:30px}.timeline-img{width:10px;height:400px;flex-shrink:0}.timeline h2{font-family:var(--font2);font-weight:400;background:transparent}.timeline p{font-family:var(--font1);font-weight:200;background:transparent;font-size:14px}.left,.right{width:100%;background:transparent}.right{display:flex;flex-direction:column;align-items:flex-start;padding-top:90px;gap:130px;text-align:left}.left{display:flex;flex-direction:column;align-items:flex-end;padding-bottom:90px;gap:120px;text-align:right}.t-1,.t-2,.t-3,.t-4{background:transparent}.about-page{display:flex;justify-content:center;padding:60px 20px 100px}.code-editor{background-color:#111;padding:40px 50px;width:100%;max-width:700px;font-family:Courier New,Courier,monospace;overflow-x:hidden}.code-line{display:flex;gap:30px;line-height:1.75;background:transparent}.line-num{color:var(--t2-color);min-width:20px;text-align:right;-webkit-user-select:none;user-select:none;font-size:14px;background:transparent;opacity:.9}.line-content{color:var(--t1-color);font-size:14px;background:transparent;white-space:pre-wrap;word-break:break-word}.label-text{color:var(--t1-color);background:transparent}.skills-text{color:var(--t2-color);background:transparent}.projects-page{padding:60px 100px 80px;display:flex;flex-direction:column;gap:48px;font-family:var(--font1)}.projects-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:transparent}.page-title{font-family:var(--font2);font-size:70px;font-weight:500;background:transparent}.projects-toggle{display:flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border:none;border-radius:100px;cursor:pointer;font-family:var(--font1);font-size:16px;font-weight:500;flex-shrink:0;white-space:nowrap;background:var(--t2-color);color:var(--t1-color);flex-direction:row;transition:background .3s ease,color .3s ease,padding .3s ease;box-shadow:inset 0 2px 6px #00000080}.projects-toggle--designer{background:var(--t1-color);color:var(--t2-color);flex-direction:row-reverse;padding:7px 7px 7px 16px}.projects-toggle:hover{opacity:.88}.toggle-icon-circle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;flex-shrink:0;transition:background .3s ease,color .3s ease}.projects-toggle:not(.projects-toggle--designer) .toggle-icon-circle{background:var(--t1-color);color:var(--t2-color)}.projects-toggle--designer .toggle-icon-circle{background:var(--t2-color);color:var(--t1-color)}.toggle-pill-label{background:transparent}.projects-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.07);background:transparent}.project-row{position:relative;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:0 24px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden;transition:background .3s ease}.project-row:hover{background:#e90c060d}.project-row-bg-num{font-family:var(--font2);font-size:180px;font-weight:700;color:#ffffff0d;position:absolute;right:-8px;top:50%;transform:translateY(-50%);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:color .35s ease,transform .4s cubic-bezier(.22,1,.36,1)}.project-row:hover .project-row-bg-num{color:#e90c060e;transform:translateY(-50%) scale(1.04)}.project-row-num{font-family:var(--font2);font-size:13px;font-weight:500;color:var(--t2-color);opacity:.65;letter-spacing:.05em;align-self:flex-start;padding-top:6px;background:transparent}.project-row-body{display:flex;flex-direction:column;gap:8px;min-width:0;position:relative;z-index:1;background:transparent}.project-row-body .p-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;background:transparent}.project-row-body .p-heading h2{font-family:var(--font2);font-size:38px;font-weight:500;line-height:1;color:var(--t1-color);background:transparent}.project-row-body .p-desc{font-size:13px;font-weight:300;color:#fff9;line-height:1.6;background:transparent;max-width:520px}.project-row-body .p-tech{display:flex;flex-wrap:wrap;gap:5px;background:transparent}.project-row-body .p-tech button{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:4px;padding:3px 8px;font-family:var(--font1);font-size:11px;font-weight:400;letter-spacing:.04em;cursor:default;transition:border-color .2s,color .2s}.project-row:hover .project-row-body .p-tech button{border-color:#e90c0640;color:#ffffff8c}.project-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;opacity:0;transform:translateY(6px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);position:relative;z-index:1;flex-shrink:0}.project-row:hover .project-row-right{opacity:1;transform:translateY(0)}.p-links-desktop{display:flex;flex-direction:row;align-items:center;gap:8px;background:transparent;flex-shrink:0}.p-links-mobile,.project-row-mobile-img-overlay{display:none}.proj-icon-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:transparent;color:#fff9;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.proj-icon-link:hover{background:var(--t2-color);border-color:var(--t2-color);color:var(--t1-color);transform:scale(1.1)}.proj-arrow-link:hover{background:var(--t2-color);border-color:var(--t2-color);color:var(--t1-color)}.project-row-img{width:130px;height:85px;border-radius:8px;overflow:hidden;opacity:0;transform:translateY(8px) scale(.97);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);background:#1a1a1a;flex-shrink:0;position:relative;z-index:1}.project-row:hover .project-row-img{opacity:1;transform:translateY(0) scale(1)}.project-row-img img{width:100%;height:100%;object-fit:cover;display:block}.projects-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin-top:8px;font-weight:200;font-size:var(--t-font);background:transparent;color:#fff9}.cta-btn-group{display:flex;flex-direction:row;gap:20px;align-items:center;background:transparent}.cta-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;color:#ffffff8c;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.projects-cta .cta-btn svg{width:32px;height:32px}.cta-btn:hover{color:var(--t2-color);transform:scale(1.12)}.contact-page{display:flex;flex-direction:column;align-items:center;padding:60px 100px 80px;gap:28px;font-family:var(--font1);min-height:80vh}.contact-page .page-title{align-self:flex-start;background:transparent}.contact-desc{font-size:14px;font-weight:200;line-height:1.7;align-self:flex-start;background:transparent;color:#ffffffd9}.schedule-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font1);font-size:14px;font-weight:500;background-color:var(--t2-color);color:var(--t3-color);border:none;border-radius:50px;padding:14px 40px;cursor:pointer;text-decoration:none;transition:transform .2s ease;margin-top:8px;box-shadow:inset 0 2px 6px #00000080}.schedule-btn:hover{transform:scale(1.05);color:var(--t3-color)}.contact-or{font-size:14px;font-weight:200;background:transparent;color:#ffffff80}.contact-socials{display:flex;flex-direction:row;gap:20px;background:transparent;align-items:center}.contact-icon-link{display:flex;align-items:center;justify-content:center;padding:12px;transition:transform .2s ease,background .2s ease}.contact-icon-link:hover{transform:scale(1.12)}.contact-icon-img{width:35px;height:35px;object-fit:contain;background:transparent}.contact-social-label{font-size:14px;font-weight:200;background:transparent;color:#ffffff80}.exp-page{display:flex;flex-direction:column;font-family:var(--font1);padding:60px 100px 80px;gap:40px}.exp-page .page-title{background:transparent}.exp-cards-wrap{width:100%}.exp-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;transition:grid-template-columns .45s cubic-bezier(.4,0,.2,1)}.exp-cards-grid.expanded-0{grid-template-columns:1fr 0fr}.exp-cards-grid.expanded-1{grid-template-columns:0fr 1fr}.exp-card-new{background:#111;border-radius:16px;overflow:hidden;cursor:pointer;min-width:0;transition:background .35s ease,opacity .35s ease;outline:none}.exp-card-new:hover,.exp-card-new.open{background:#1a0a0a}.exp-card-new:focus-visible{box-shadow:0 0 0 2px var(--t2-color)}.exp-cards-grid.expanded-0 .exp-card-new:nth-child(2),.exp-cards-grid.expanded-1 .exp-card-new:nth-child(1){opacity:0;pointer-events:none}.exp-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:28px 26px 24px;background:transparent}.exp-card-meta{flex:1;min-width:0;background:transparent}.exp-card-duration{font-family:var(--font2);font-size:24px;font-weight:500;color:var(--t1-color);line-height:1;margin:0 0 8px;background:transparent}.exp-card-role{font-family:var(--font1);font-size:13px;font-weight:300;color:#fff9;margin:0 0 5px;line-height:1.3;background:transparent}.exp-card-company{font-family:var(--font1);font-size:10px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--t2-color);margin:0;background:transparent}.exp-card-toggle{flex-shrink:0;width:16px;height:16px;position:relative;color:#ffffff59;transition:color .2s ease;margin-top:4px;background:transparent}.exp-card-new:hover .exp-card-toggle,.exp-card-new.open .exp-card-toggle{color:var(--t2-color)}.tog-plus,.tog-minus{position:absolute;top:0;left:0;transition:opacity .22s ease,transform .3s ease}.exp-card-new:not(.open) .tog-minus{opacity:0;transform:rotate(-45deg)}.exp-card-new:not(.open) .tog-plus{opacity:1;transform:rotate(0)}.exp-card-new.open .tog-plus{opacity:0;transform:rotate(45deg)}.exp-card-new.open .tog-minus{opacity:1;transform:rotate(0)}.exp-card-detail{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}.exp-card-new.open .exp-card-detail{max-height:800px}.exp-card-detail-inner{margin:0 26px;padding:18px 0 26px;border-top:1px solid rgba(255,255,255,.07);background:transparent}.exp-card-bullets{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:9px;background:transparent}.exp-card-bullets li{font-family:var(--font1);font-size:13px;font-weight:200;line-height:1.6;color:#fff9;padding-left:15px;position:relative;background:transparent}.exp-card-bullets li:before{content:"•";position:absolute;left:0;color:var(--t2-color);font-size:9px;top:3px}.exp-card-tags{display:flex;flex-wrap:wrap;gap:6px;background:transparent}.exp-card-tag{font-family:var(--font1);font-size:11px;font-weight:400;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff9;border-radius:4px;padding:4px 10px}footer{background-color:var(--bg-color);border-top:1.5px solid var(--t2-color);width:100%;position:relative}.footer-main{display:grid;grid-template-columns:1fr 1.6fr;border-bottom:1px solid rgba(255,255,255,.08)}.footer-left{padding:48px 40px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;gap:40px}.footer-section-label{font-family:var(--font1);font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--t2-color);margin:0 0 14px}.footer-nav{display:flex;flex-direction:column;gap:10px}.footer-nav a{font-family:var(--font2);font-size:28px;font-weight:400;color:#ffffff80;text-decoration:none;letter-spacing:.5px;line-height:1;transition:color .18s ease;background:transparent;padding:0;border-radius:0}.footer-nav a:hover{color:var(--t1-color);background:transparent;font-weight:400;box-shadow:none}.footer-socials{display:flex;gap:18px;align-items:center;background:transparent}.footer-soc-link{font-family:var(--font1);font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff59;text-decoration:none;background:transparent;padding:0;border-radius:0;transition:color .18s ease}.footer-soc-link:hover{color:var(--t2-color);background:transparent;font-weight:600;box-shadow:none}.footer-soc-sep{color:#ffffff1a;font-size:16px;background:transparent}.footer-right{padding:48px 52px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.footer-cta-label{font-family:var(--font1);font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#ffffff59;margin:0 0 12px;background:transparent}.footer-cta-headline{font-family:var(--font2);font-size:clamp(48px,7vw,70px);font-weight:500;line-height:.88;letter-spacing:-.5px;color:var(--t1-color);margin:0;background:transparent}.footer-email{font-family:var(--font1);font-size:13px;font-weight:300;color:#ffffff59;text-decoration:none;letter-spacing:.3px;background:transparent;transition:color .18s ease;align-self:flex-start}.footer-email:hover{color:var(--t1-color)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:transparent}.footer-copy{font-family:var(--font1);font-size:13px;font-weight:200;color:#707070;letter-spacing:.5px;background:transparent}.footer-visitor-count{font-family:var(--font2);font-size:15px;font-weight:400;color:#818181;letter-spacing:.5px;background:transparent;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:1200px){.intro{margin:0;padding:60px 80px;justify-content:center;gap:60px;height:100vh;min-height:70vh}.hero-title{margin-top:0}.one-liner{margin:60px}.quick-links,.work{margin:60px 80px}.timeline{margin:60px 40px}.exp-page{padding:50px 60px 60px}.projects-page{padding:50px 60px 70px}}@media(max-width:768px){.navbar{padding:16px 20px;grid-template-columns:auto 1fr auto;font-size:14px}.nav-links{display:none}.hamburger{display:flex}.intro{margin:0;padding:0 20px;flex-direction:column;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;text-align:center;gap:28px;overflow:hidden}.hero-title{order:2;margin-top:0}.hero-title .line{text-align:center}.intro-info{order:2;align-items:center}.intro-info p{text-align:center}.hey{font-size:36px}.intro h1{font-size:52px}.image-logo{order:1;display:flex;justify-content:center;width:100%;position:static}.profile-img{border-radius:50%;width:140px;height:140px}.icons{display:none}.impact-section{flex-direction:column;gap:60px;padding:20px 30px 60px}.impact-left{padding-right:100px}.impact-stats{flex-direction:row;justify-content:space-between;width:100%;gap:12px}.impact-stat{align-items:center;text-align:center;flex:1}.impact-tagline{font-size:20px}.impact-sub,.impact-stat-label{font-size:12px}.impact-stat-num{font-size:45px}.quick-links,.work-section{margin:50px 20px;gap:24px}.quick-links p{font-size:12px}.link-btns{gap:30px}.link-btn-item{width:130px;height:44px;font-size:15px}.work-1{flex-direction:column;width:90vw;height:auto;padding:16px;gap:16px}.p1-img{width:100%;height:180px}.about-page{padding:30px 12px 80px}.about-page span{font-size:13px}.code-editor{padding:24px 16px;border-radius:8px}.code-line{gap:14px}.line-num,.line-content{font-size:12px}.projects-page{padding:40px 20px 60px;gap:36px}.projects-header{flex-direction:column;align-items:flex-start;gap:20px}.page-title{font-size:48px}.projects-toggle{font-size:14px;padding:6px 14px 6px 6px}.contact-social-label{font-size:12px}.projects-toggle--designer{padding:6px 6px 6px 14px}.toggle-icon-circle{width:28px;height:28px}.toggle-icon-circle svg{width:14px;height:14px}.project-row{grid-template-columns:40px 1fr;gap:0 16px;padding:22px 0;overflow:visible}.project-row-right{display:none}.p-links-mobile{display:flex;flex-direction:row;align-items:center;gap:8px;background:transparent;flex-shrink:0}.project-row-mobile-img-overlay{position:absolute;inset:0;background:#000000c7;align-items:center;justify-content:center;z-index:10}.project-row.mobile-tapped .project-row-mobile-img-overlay{display:flex}.project-row-mobile-img-overlay img{width:75%;max-width:240px;border-radius:10px;object-fit:cover}.project-row-bg-num{font-size:110px}.project-row-body .p-heading h2{font-size:28px}.project-row-body .p-desc{font-size:12px}.proj-icon-link{width:30px;height:30px}.contact-page{padding:40px 20px 60px;gap:24px}.contact-desc{font-size:12px}.schedule-btn{font-size:12px;padding:12px 32px}.exp-page{padding:50px 20px 60px;gap:28px}.exp-cards-grid{grid-template-columns:1fr;gap:12px}.exp-cards-grid.expanded-0,.exp-cards-grid.expanded-1{grid-template-columns:1fr}.exp-cards-grid.expanded-0 .exp-card-new:nth-child(2),.exp-cards-grid.expanded-1 .exp-card-new:nth-child(1){opacity:1;pointer-events:all}.exp-card-header{padding:22px 20px 20px}.exp-card-duration{font-size:20px}.exp-card-detail-inner{margin:0 20px;padding:16px 0 22px}.exp-card-bullets li{font-size:12px}.footer-main{grid-template-columns:1fr}.footer-left{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:36px 20px;gap:32px}.footer-nav a{font-size:24px}.footer-right{padding:36px 20px;gap:28px}.footer-bottom{padding:14px 20px;flex-direction:column;align-items:flex-start;gap:6px}.mobile-nav-label{font-size:38px}.mobile-nav-item{padding:11px 0}.timeline{padding:30px 0}.timeline p{font-size:12px}.link-btn-item{font-size:12px;width:100px;height:35px}}@media(max-width:380px){.intro h1{font-size:44px}.link-btns{flex-direction:column;gap:16px}.mobile-nav-label{font-size:32px}.timeline{padding:30px 0}}.splash{position:fixed;inset:0;z-index:9999;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;pointer-events:none}.splash--fly{animation:splashBgFade .55s ease .25s forwards}@keyframes splashBgFade{to{background-color:transparent}}.splash__initials{display:flex;align-items:baseline;gap:0;font-family:var(--font2);font-weight:500;line-height:1}.splash__k,.splash__dot1,.splash__v,.splash__dot2{display:inline-block;opacity:0;transform:translateY(30px);font-size:18vw;color:var(--t1-color);transition:none}.splash__dot1,.splash__dot2{color:var(--t2-color);font-size:18vw}.splash--enter .splash__k{animation:charEnter .45s cubic-bezier(.22,1,.36,1) .05s forwards}.splash--enter .splash__dot1{animation:charEnter .45s cubic-bezier(.22,1,.36,1) .15s forwards}.splash--enter .splash__v{animation:charEnter .45s cubic-bezier(.22,1,.36,1) .25s forwards}.splash--enter .splash__dot2{animation:charEnter .45s cubic-bezier(.22,1,.36,1) .35s forwards}@keyframes charEnter{to{opacity:1;transform:translateY(0)}}.splash--hold .splash__k,.splash--hold .splash__dot1,.splash--hold .splash__v,.splash--hold .splash__dot2{opacity:1;transform:translateY(0)}.splash--fly .splash__k,.splash--fly .splash__dot1,.splash--fly .splash__v,.splash--fly .splash__dot2{opacity:1;animation:flyToCorner .6s cubic-bezier(.4,0,.2,1) forwards}.splash--fly .splash__dot1{animation-delay:.01s}.splash--fly .splash__v{animation-delay:.02s}.splash--fly .splash__dot2{animation-delay:.03s}@keyframes flyToCorner{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translate(calc(-50vw + 80px),calc(-50vh + 52px)) scale(.13)}}.app-content{opacity:0}.app-content--visible{animation:contentFadeIn .3s ease forwards}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.about-drawer-backdrop{position:fixed;inset:0;z-index:300;background:#0000;pointer-events:none;transition:background .45s ease}.about-drawer-backdrop--open{background:#000000a6;pointer-events:all}.about-drawer{position:fixed;top:0;right:0;bottom:0;width:52%;z-index:400;background-color:var(--bg-color);border-left:1px solid rgba(255,255,255,.08);transform:translate(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.about-drawer--open{transform:translate(0)}.about-drawer-close{position:absolute;top:22px;right:24px;width:36px;height:36px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;padding:6px}.about-drawer-close span{display:block;width:22px;height:1.5px;background-color:#ffffff73;border-radius:2px;position:absolute;transition:background-color .2s ease}.about-drawer-close span:first-child{transform:rotate(45deg)}.about-drawer-close span:last-child{transform:rotate(-45deg)}.about-drawer-close:hover span{background-color:var(--t2-color)}.about-drawer-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.about-drawer-content::-webkit-scrollbar{width:4px}.about-drawer-content::-webkit-scrollbar-track{background:transparent}.about-drawer-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.about-drawer-content .about-page{padding:60px 32px}@media(max-width:768px){.about-drawer,.about-drawer-backdrop{display:none!important}}.work-section{display:flex;flex-direction:column;margin:100px 0;padding:0 150px;gap:40px;font-family:var(--font1)}.work-section-title{font-family:var(--font2);font-size:40px;font-weight:400;background:transparent}.work-scroll-stage{position:relative;width:100%}.work-project-card{width:100%;transition:filter .3s ease}.olc-arrow-icon{width:16px;height:18px}.work-scroll-stage:hover .work-project-card{filter:blur(3px)}.work-proj-row .project-row-right{opacity:1!important;transform:translateY(0)!important}.work-proj-row .project-row-img{opacity:1!important;transform:none!important;width:160px;height:105px}.work-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:0;pointer-events:none;transition:opacity .3s ease}.work-scroll-stage:hover .work-overlay{opacity:1;pointer-events:all}.work-view-all-btn{display:inline-flex;align-items:center;gap:8px;background-color:var(--t2-color);color:var(--t3-color);font-family:var(--font1);font-size:16px;font-weight:500;padding:12px 28px;border-radius:50px;text-decoration:none;transition:transform .2s ease;box-shadow:inset 0 2px 6px #00000080}.work-view-all-btn:hover{transform:scale(1.05)}.work-scroll-hint{font-family:var(--font1);font-size:13px;font-weight:200;color:#ffffff80;background:transparent}@media(max-width:1200px){.work-section{padding:0 80px;margin:60px 0}}@media(max-width:768px){.work-section{padding:0 20px;margin:50px 0}.work-scroll-stage:hover .work-overlay{opacity:1;pointer-events:all;margin-top:20px}}@keyframes pageEnter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageEnter .5s cubic-bezier(.22,1,.36,1) forwards}.footer-nav a:hover{color:var(--t1-color);background:transparent;font-weight:400;box-shadow:none;padding-left:3px;transition:padding-left .2s ease,color .18s ease}.reveal{opacity:0;transform:translateY(32px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal.reveal--visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}.reveal--delay-4{transition-delay:.4s}.reveal--left{transform:translate(-32px)}.reveal--left.reveal--visible{transform:translate(0)}.reveal--right{transform:translate(32px)}.reveal--right.reveal--visible{transform:translate(0)}@media(prefers-reduced-motion:reduce){.reveal{transition:none;transform:none;opacity:1}}