html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation}body{min-height:100vh;position:relative;overflow-x:hidden}.project-card,button,a,input,select,textarea{min-width:44px;min-height:44px}@media (max-width:767px){.selected-work,.main-content{padding-bottom:2rem}.project-card:hover,.project-card:focus{transform:none!important}.project-card:active{transition:transform .1s;transform:scale(.98)}img{object-fit:cover;max-width:100%;height:auto}video{max-width:100%;height:auto}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.project-name,.project-title,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word;line-height:1.2}a,button{-webkit-tap-highlight-color:#ffd7004d}*{-webkit-overflow-scrolling:touch}body,html{width:100%;overflow-x:hidden}}@media (min-width:768px) and (max-width:1024px){.work-grid{grid-template-columns:repeat(2,1fr);gap:20px}.project-card{min-height:200px}.gallery-wrapper{gap:1rem}.gallery-item{width:300px;height:400px}}@media (min-width:480px) and (max-width:767px){.work-grid{gap:20px;padding:0 24px 80px}.project-card{min-height:140px}}@media (max-width:479px){.section-header{padding:60px 16px 30px}.work-grid{gap:16px;padding:0 16px 60px}.project-card{min-height:120px;padding:12px}.project-name{font-size:clamp(11px,4vw,13px)}.meta-tag{font-size:clamp(10px,3vw,12px)}.marquee-content span{font-size:9px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.project-icon,.cover-image,.preview-video{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-width:767px) and (orientation:landscape){.hero{min-height:auto;padding:4rem 0}.project-card{min-height:100px}.gallery-item{height:250px}}@supports (-webkit-touch-callout:none){.project-card{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}body{width:100%;height:100%;position:fixed;overflow:auto}}@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){.project-card:hover{will-change:transform}}@-moz-document url-prefix(){.project-card{-moz-osx-font-smoothing:grayscale}}@media (max-width:767px){.project-card,.image-container,.cover-image,.preview-video{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.work-grid,.gallery-wrapper{contain:layout style paint}}:root{--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#a3a3a3;--neutral-400:#737373;--neutral-900:#171717;--neutral-900-30:#1717174d;--neutral-900-95:#171717f2;--background:#0a0a0a;--padding-mobile:24px;--padding-tablet:40px;--padding-desktop:60px;--padding-large:80px;--gap-mobile:20px;--gap-tablet:24px;--gap-desktop:28px;--gap-large:32px}.project-card,.image-container,.cover-image,.preview-video,.project-icon,.card-content{will-change:transform}@media (prefers-reduced-motion:reduce){.project-card,.project-icon,.cover-image,.preview-video,.marquee-track{transition:none!important;animation:none!important}}.main-content{width:100%;max-width:1800px;margin:0 auto}.selected-work{background-color:var(--background);color:var(--neutral-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.section-header{padding:20px var(--padding-mobile)40px;justify-content:flex-end;align-items:center;gap:16px;display:flex}@media (min-width:768px){.section-header{padding:30px var(--padding-tablet)50px}}@media (min-width:1100px){.section-header{padding:40px var(--padding-desktop)60px}}@media (min-width:1400px){.section-header{padding:50px var(--padding-large)70px}}.date-badge{color:var(--neutral-400);letter-spacing:.05em;font-size:12px;font-weight:500}@media (min-width:768px){.date-badge{font-size:14px}}.section-title{letter-spacing:-.02em;font-size:clamp(32px,6vw,72px);font-weight:700;line-height:1.1}.work-grid{gap:var(--gap-mobile);padding:0 var(--padding-mobile)80px;grid-template-columns:1fr;display:grid}@media (max-width:767px){.work-grid{gap:24px;padding:0 20px 60px}}@media (min-width:768px){.work-grid{gap:var(--gap-tablet);padding:0 var(--padding-tablet)100px}}@media (min-width:1100px){.work-grid{gap:var(--gap-desktop);padding:0 var(--padding-desktop)120px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.work-grid{gap:var(--gap-large);padding:0 var(--padding-large)160px}}.project-card{background-color:var(--neutral-900);cursor:pointer;width:100%;color:inherit;border:1px solid #2c3e501a;border-radius:0;flex-direction:column;gap:16px;min-height:48px;padding:12px 12px 20px;text-decoration:none;transition:transform .3s,background-color .3s;display:flex;position:relative;overflow:hidden}@media (max-width:767px){.project-card{gap:12px;min-height:120px;padding:16px 16px 20px;transform:none!important}.project-card:active{background-color:var(--neutral-900-95);transform:scale(.98)}}@media (min-width:1100px){.project-card{gap:18px;padding:14px 14px 22px}}@media (min-width:1400px){.project-card{gap:20px;padding:16px 16px 24px}}@media (min-width:768px){.project-card:hover{transform:scale(.98)}}.image-container{aspect-ratio:4/3;border:1px solid #2c3e500d;border-radius:0;width:100%;position:relative;overflow:hidden}@media (min-width:768px){.image-container{aspect-ratio:16/9}}@media (min-width:1100px){.image-container{aspect-ratio:16/10}}.blur-overlay{background-color:var(--neutral-900-30);-webkit-backdrop-filter:blur(12px);z-index:10;opacity:0;transition:opacity .5s ease-in-out;position:absolute;inset:0}.project-card:hover .blur-overlay{opacity:1}.preview-video{object-fit:contain;z-index:20;clip-path:polygon(30% 50%,70% 50%,70% 50%,30% 50%);border-radius:0;width:clamp(300px,85%,700px);height:auto;max-height:85%;transition:clip-path .7s cubic-bezier(.87,0,.13,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:767px){.preview-video{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:0;pointer-events:none;width:clamp(250px,90%,400px);max-height:75%}}@media (min-width:768px){.project-card:hover .preview-video{clip-path:polygon(0 100%,100% 100%,100% 0,0 0);transform:translate(-50%,-50%)}}.cover-wrapper{width:100%;height:100%}.cover-parallax{will-change:transform;width:100%;height:120%;position:absolute;inset:-10% 0 0}@media (min-width:1024px){.cover-parallax{top:-15%}}.cover-image{object-fit:cover;width:100%;height:100%;transition:transform .5s ease-in-out;transform:scale(1)}.cover-image-shift-down{transform:translateY(15px)scale(1.2)}@media (max-width:767px){.cover-image{transform:scale(1)!important}}@media (min-width:768px){.project-card:hover .cover-image{transform:scale(1.05)}}@media (max-width:767px){.cover-image-shift-down{transform:scale(1)}}@media (min-width:768px){.project-card:hover .cover-image-shift-down{transform:translateY(15px)scale(1.2)}}.card-content{flex-direction:column;gap:16px;padding:0 12px;display:flex}@media (max-width:767px){.card-content{gap:12px;padding:0 8px}}@media (min-width:1024px){.card-content{gap:20px;padding:0 16px}}.header-row{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.project-info{align-items:center;gap:8px;display:flex}@media (max-width:767px){.project-info{flex-wrap:wrap;gap:6px}}@media (min-width:1024px){.project-info{gap:12px}}.project-icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}@media (max-width:767px){.project-icon{width:20px;height:20px}}@media (min-width:1024px){.project-icon{width:32px;height:32px}}.project-name{text-transform:uppercase;color:var(--neutral-100);letter-spacing:.05em;font-size:clamp(14px,1.2vw,18px);font-weight:600;line-height:1.2}@media (max-width:767px){.project-name{letter-spacing:.02em;font-size:clamp(12px,3.5vw,14px)}}.meta-tags{gap:12px;display:flex}@media (max-width:767px){.meta-tags{flex-wrap:wrap;gap:8px}}@media (min-width:1024px){.meta-tags{gap:20px}}.meta-tag{text-transform:uppercase;color:var(--neutral-300);letter-spacing:.05em;white-space:nowrap;font-size:clamp(14px,1.2vw,18px);font-weight:600}@media (max-width:767px){.meta-tag{letter-spacing:.02em;font-size:clamp(11px,3vw,13px)}}.skills-marquee{justify-content:center;align-items:center;width:100%;height:16px;display:flex;position:relative;overflow:hidden}@media (max-width:767px){.skills-marquee{height:14px}.marquee-track{animation:none!important}.marquee-content{animation:none!important;transform:none!important}}@media (min-width:768px){.skills-marquee{height:18px}}.fade-left,.fade-right{z-index:10;pointer-events:none;width:32px;height:100%;position:absolute}@media (min-width:1024px){.fade-left,.fade-right{width:40px}}.fade-left{background:linear-gradient(to right,var(--neutral-900-95),transparent);left:0}.fade-right{background:linear-gradient(to left,var(--neutral-900-95),transparent);right:0}.marquee-track{display:flex;overflow:hidden}.marquee-content{white-space:nowrap;padding-right:6px;animation:25s linear infinite marquee;display:flex}.marquee-content span{letter-spacing:.1em;color:var(--neutral-300);text-transform:uppercase;font-size:10px;font-weight:500}@media (min-width:768px){.marquee-content span{font-size:12px}}.project-card:hover .marquee-content{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}