*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:#111;background-color:#fff;letter-spacing:-.01em;overflow:hidden;-webkit-font-smoothing:antialiased}.navbar{position:fixed;top:0;left:0;width:100%;height:75px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 6rem;z-index:1000;border-bottom:1px solid #f9f9f9}.nav-logo{font-size:1.1rem;font-weight:500;color:#111;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:2.2rem}.nav-links a{font-size:.85rem;font-weight:400;color:#111;text-decoration:none;transition:opacity .2s ease}.nav-links a:hover{opacity:.6}.nav-links .resume-btn{background-color:#111;color:#fff;padding:.55rem 1.4rem;border-radius:50px;font-weight:500;letter-spacing:.02em;transition:background-color .2s ease,opacity .2s ease}.nav-links .resume-btn:hover{background-color:#222;opacity:1}.portfolio-container{display:flex;width:100vw;height:100vh;padding-top:75px}.left-panel{width:32%;height:calc(100vh - 75px);display:flex;justify-content:flex-start;align-items:center;padding:2rem 4rem 4rem 6rem;background-color:#fff;border-right:1px solid #f0f0f0;position:fixed;top:75px;left:0}.profile-wrapper{width:100%;max-width:280px}.profile-image-container{width:180px;height:180px;border-radius:50%;overflow:hidden;background-color:transparent;margin-bottom:2.5rem}.profile-video{width:100%;height:100%;object-fit:contain}.profile-name{font-size:1.8rem;font-weight:400;letter-spacing:-.03em;color:#111;text-transform:lowercase;margin-bottom:.8rem;line-height:1.1}.profile-role{font-size:.95rem;font-weight:400;font-style:italic;color:#666;margin-bottom:1.5rem;line-height:1.4}.profile-description{font-size:.88rem;line-height:1.6;color:#888;margin-bottom:2.5rem}.profile-meta{font-size:.85rem;color:#111;margin-bottom:2.5rem;line-height:1.6}.profile-links a{color:#999;font-size:1.1rem;margin-right:1.2rem;transition:color .2s ease}.profile-links a:hover{color:#111}.right-panel{width:68%;height:calc(100vh - 75px);overflow-y:auto;margin-left:32%;padding:4rem 6rem 6rem}.content-container{width:100%;max-width:900px;margin:0 auto}.portfolio-section{margin-bottom:7rem;width:100%}.separation-line{border-top:1px solid #f0f0f0;padding-top:5rem}.section-title{font-size:1.5rem;font-weight:300;font-style:italic;letter-spacing:-.02em;color:#111;text-transform:lowercase;margin-bottom:3.5rem;text-align:left}.skills-grid{display:flex;flex-direction:column;gap:2rem}.skills-row{display:flex;align-items:baseline}.skills-category{width:140px;font-size:.88rem;font-weight:400;color:#999;flex-shrink:0}.skills-tags{display:flex;flex-wrap:wrap;gap:.8rem}.tag{font-size:.88rem;color:#111;font-weight:400;background:transparent;border:none;padding:0;margin-right:.5rem}.tag:not(:last-child):after{content:"·";margin-left:.8rem;color:#ccc}.projects-container{display:flex;flex-direction:column;gap:2.5rem}.project-card{display:flex;align-items:center;gap:2.5rem;width:100%;background:transparent;border:none;box-shadow:none;border-radius:0;padding:0}.project-thumbnail{width:320px;flex-shrink:0;display:flex}.project-thumbnail img{width:100%;height:auto;object-fit:contain;border:1px solid #eaeaea;box-shadow:0 4px 20px #00000006;border-radius:8px;filter:grayscale(10%);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s ease,box-shadow .3s ease}.project-card:hover .project-thumbnail img{transform:scale(1.02);filter:grayscale(0%);box-shadow:0 6px 24px #0000000d}.project-details{flex-grow:1}.project-title{font-size:1.1rem;font-weight:400;font-style:italic;color:#111;margin-bottom:.5rem;letter-spacing:-.01em}.project-subtitle{font-size:.9rem;color:#666;line-height:1.6}.adventures-table{display:flex;flex-direction:column;width:100%}.adventure-item{display:grid;grid-template-columns:1.8fr 1.5fr 1fr;padding:1.8rem 0;border-bottom:1px solid #f0f0f0;align-items:center;font-size:.9rem;cursor:pointer;transform-origin:left center;transition:transform .6s cubic-bezier(.16,1,.3,1)}.adventure-item:first-child{border-top:1px solid #f0f0f0}.adventure-item:hover{transform:scale(1.015)}.adv-title,.adv-location,.adv-duration{transition:color .6s cubic-bezier(.16,1,.3,1)}.adv-duration{text-align:right}.adventure-item:hover .adv-title{color:#000}.adventure-item:hover .adv-location{color:#333}.adventure-item:hover .adv-duration{color:#555}.about-triple-grid{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:4rem;width:100%}.about-triple-grid .section-title{margin-bottom:0}.text-column p{font-size:.92rem;line-height:1.7;color:#444;margin-bottom:1.5rem}.text-column p:last-child{margin-bottom:0}.signature-container{display:flex;flex-direction:column;justify-content:space-between}.signature-box{align-self:flex-end;margin-top:2rem;width:150px;opacity:.85}.signature-img{width:100%;height:auto;object-fit:contain}.portfolio-footer{display:none}@media (max-width: 1200px) and (min-width: 769px){.navbar{padding:0 3rem}.left-panel{width:35%;padding:2rem 2rem 4rem 3rem}.right-panel{width:65%;margin-left:35%;padding:4rem 3rem}.profile-image-container{width:150px;height:150px}.project-card{gap:1.5rem}.project-thumbnail{width:240px}.about-triple-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){body{overflow:auto}.navbar{padding:0 1.5rem;height:65px}.nav-links{gap:1.2rem}.nav-links a:not(.resume-btn){display:none}.portfolio-container{flex-direction:column;height:auto;padding-top:65px}.left-panel{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid #f0f0f0;padding:5rem 1.5rem 1.5rem;justify-content:center;display:flex;flex-direction:column;align-items:center}.profile-wrapper{max-width:100%;text-align:center}.profile-image-container{margin:0 auto 2rem}.project-logo-container{margin:1rem auto 1.5rem}.right-panel{width:100%;height:auto;margin-left:0;padding:1.5rem 1.5rem 0rem}.portfolio-section{margin-bottom:4rem}.separation-line{padding-top:3rem}.section-title{margin-bottom:2rem}.skills-row{flex-direction:column;align-items:flex-start;gap:.5rem}.skills-category{width:auto;margin-bottom:.2rem}.skills-tags{width:100%;justify-content:center}.about-triple-grid{grid-template-columns:1fr;gap:2.5rem}.adventure-item{grid-template-columns:1fr;gap:.4rem;padding:1.4rem 0}.adventure-item:last-child{border-bottom:none}.adv-duration{text-align:left}.project-card{flex-direction:column;align-items:flex-start;gap:1.5rem}.project-thumbnail{width:100%}.signature-box{align-self:center;margin-top:1.5rem}.portfolio-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:4rem;padding:2.5rem 1.5rem 3rem;border-top:1px solid #f0f0f0;width:100%;background-color:#fff}.footer-name{font-size:.88rem;font-weight:400;color:#111;text-transform:lowercase;letter-spacing:-.01em}.footer-email{font-size:.82rem;color:#888;font-weight:400}.back-btn{display:inline-flex;align-items:center;font-size:.85rem;padding:.4rem 1.1rem;border:1px solid #eaeaea;border-radius:50px;margin-bottom:2rem;background-color:#fff;transition:background-color .2s ease}.project-stack-section{margin-top:2.5rem;padding-top:1.5rem}.project-extended-desc{margin-top:2.5rem!important}.project-buttons-action{gap:1.5rem;flex-wrap:wrap;justify-content:center;width:100%;margin-top:1.5rem;margin-bottom:1.5rem}.project-presentation-container{text-align:center!important}}.back-btn{font-size:.85rem;color:#999;cursor:pointer;transition:color .2s ease;text-transform:lowercase}.back-btn:hover{color:#111}.project-logo-container{width:80px;height:80px;border-radius:50%;overflow:hidden;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;margin-top:1.5rem;margin-bottom:2rem}.project-logo-img{width:100%;height:100%;object-fit:contain}.project-video-container{width:100%;max-width:680px;background-color:#fff;border:1px solid #eaeaea;box-shadow:0 4px 20px #00000006;border-radius:8px;overflow:hidden;isolation:isolate}.project-detail-video{width:100%;height:auto;display:block;object-fit:cover;border-radius:7px;transform:translateZ(0);-webkit-transform:translateZ(0)}.project-extended-desc{font-size:.92rem;line-height:1.7;color:#444}.project-extended-desc p{white-space:pre-line}.project-extended-desc strong{font-weight:500;color:#111}.project-extended-desc em{font-style:italic;color:#333}.project-extended-desc .section-title{margin-bottom:2rem}.project-features-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1.2rem}.feature-tick-item{display:flex;align-items:flex-start;gap:.8rem;font-size:.9rem;color:#565656;line-height:1.5}.tick-icon{color:#111;font-size:.78rem;margin-top:.3rem;flex-shrink:0}.project-buttons-action{display:flex;gap:1.8rem;align-items:center;margin-top:1.8rem;margin-bottom:.5rem}.project-btn{font-size:.9rem;font-weight:400;color:#111;text-decoration:none;text-transform:lowercase;display:inline-flex;align-items:center;padding:0;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.project-btn:hover{opacity:.5}.project-btn i{transition:transform .3s cubic-bezier(.16,1,.3,1)}.project-btn:hover i{transform:translate(2px,-2px)}.project-btn:last-child:hover i{transform:translate(2px)}.outline-btn,.resume-btn.project-btn{border:none;background-color:transparent;border-radius:0;padding:0;box-shadow:none}.outline-btn:hover,.resume-btn.project-btn:hover{background-color:transparent;border:none}.project-stack-section{margin-top:2rem;border-top:1px solid #f0f0f0;padding-top:2rem}.project-presentation-container{margin-top:1.2rem;text-align:left;width:100%}.project-presentation-btn{font-size:.85rem;text-decoration:underline;display:inline-flex;align-items:center;gap:.5rem}