.hero-section{min-height:80vh;display:flex;flex-direction:row;align-items:center;gap:4rem;padding:6rem 4vw 2rem 4vw;max-width:1400px;margin:0 auto}.hero-text{flex:1 1 0;min-width:0}.hero-video-wrap{flex:0 0 38%;max-width:500px;border-radius:16px;overflow:hidden;opacity:0;animation:fadeUp .8s ease .6s forwards;position:relative;cursor:pointer}.hero-video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.hero-video-wrap:hover .hero-video{transform:scale(1.03)}.hero-play-btn{position:absolute;left:50%;top:50%;width:90px;height:90px;margin-left:-45px;margin-top:-45px;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,background-color .3s ease,border-color .3s ease;z-index:15}.hero-video-wrap:after{content:"";position:absolute;inset:0;background:#0003;opacity:0;transition:opacity .3s ease;z-index:5;pointer-events:none}.hero-video-wrap:hover:after{opacity:1}.hero-video-wrap:hover .hero-play-btn{opacity:1}.hero-play-btn:hover{background:#ffffff4d;border-color:#ffffff80}.hero-play-btn svg{width:36px;height:36px;color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.15));transition:transform .3s ease}.vimeo-overlay{position:fixed;inset:0;background:#000000eb;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.vimeo-overlay.active{opacity:1;pointer-events:all}.vimeo-container{width:90vw;max-width:1100px;aspect-ratio:16 / 9;position:relative}.vimeo-container iframe,.vimeo-container video{width:100%;height:100%;border-radius:12px;display:block;background:#000}.lb-btn-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;transition:background .3s ease}.lb-btn-wrap:hover{background:#00000026}.lb-btn{width:80px;height:80px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.lb-btn svg{width:36px;height:36px;color:#fff}.lb-icon-pause{display:none}.lb-icon-play{display:block}.vimeo-container.paused .lb-icon-play,.vimeo-container.paused .lb-icon-pause{display:none}.vimeo-container.paused .lb-btn,.lb-btn-wrap:hover .lb-btn{opacity:1;transform:scale(1)}.vimeo-container.paused .lb-btn-wrap:hover .lb-icon-play{display:block}.vimeo-container:not(.paused) .lb-btn-wrap:hover .lb-icon-pause{display:block}.vimeo-container:not(.paused) .lb-btn-wrap:hover .lb-icon-play{display:none}.vimeo-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2.5rem;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s;z-index:10000}.vimeo-close:hover{opacity:1}.hero-title{font-size:clamp(2.5rem,6vw,5.5rem);font-weight:400;line-height:1.05;letter-spacing:-.03em;margin-bottom:2rem;max-width:1000px}.hero-title span{display:block;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards}.hero-title span:nth-child(1){animation-delay:.1s}.hero-title span:nth-child(2){animation-delay:.2s}.hero-title span:nth-child(3){animation-delay:.3s}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.4;color:var(--text-muted);max-width:700px;opacity:0;animation:fadeUp .8s ease .5s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-section{padding:2rem 4vw 6rem 4vw;max-width:1600px;margin:0 auto}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.project-card{position:relative;border-radius:12px;overflow:hidden;display:block;aspect-ratio:4 / 3;transform:translateY(0);transition:transform .4s cubic-bezier(.2,.8,.2,1);opacity:0}.project-card.visible{animation:reveal .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes reveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.project-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1);transition:transform .6s cubic-bezier(.2,.8,.2,1);z-index:1}.project-overlay{position:absolute;bottom:0;left:0;width:100%;background-color:color-mix(in srgb,var(--accent-color, var(--color-gray)) 85%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:1.2rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translateY(100%);color:var(--color-cream);z-index:3}.project-card:hover .project-overlay{transform:translateY(0)}.project-image.hover-img{opacity:0;transition:opacity .4s ease,transform .6s cubic-bezier(.2,.8,.2,1);z-index:2}.project-card:hover .project-image.hover-img{opacity:1}.project-card:hover .project-image{transform:scale(1.05)}.project-number{font-family:var(--font-number);font-size:2rem;line-height:1;opacity:.8;margin-bottom:.5rem}.project-title{font-size:1.8rem;font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:.5rem}.project-client{font-weight:700;font-size:1rem;letter-spacing:-.01em}.project-card:hover{transform:scale(.98)}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-title,.project-card:hover .project-client,.project-card:hover .project-number{transform:translateY(0)}@media(max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.hero-section{flex-direction:column;padding:5rem 5vw 2rem 5vw;min-height:60vh;gap:2rem}.hero-video-wrap{flex:unset;max-width:100%;width:100%}.project-grid{grid-template-columns:1fr;gap:1.2rem}.project-card{aspect-ratio:unset;display:flex;flex-direction:column;border-radius:12px;overflow:hidden}.project-image{position:relative;width:100%;height:auto;aspect-ratio:4 / 3;flex-shrink:0}.project-card.has-animation .static-img{display:none}.project-image.hover-img{position:relative;display:block;opacity:1;z-index:2}.project-overlay{position:static;transform:none;padding:1.2rem 1.5rem;border-radius:0;text-align:center;align-items:center;justify-content:center;flex-direction:column;gap:.3rem;background-color:var(--accent-color, var(--color-blue));color:var(--color-cream)}.project-card:hover,.project-card:hover .project-image{transform:none}.project-title{font-size:1.3rem;margin-bottom:0}.project-number{font-size:1.2rem;margin-bottom:0;opacity:.6}.project-client{font-size:.85rem;width:100%}}@media(max-width:480px){.hero-section{padding:4.5rem 6vw 2rem 6vw}.work-section{padding:1rem 4vw 4rem 4vw}}@media(hover:none)and (min-width:769px){.project-overlay{transform:translateY(0)}.project-card:hover,.project-card:hover .project-image{transform:none}}.scroll-track{height:200vh;position:relative}.sticky-container{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;background-color:var(--bg-color)}.hero-video-placeholder{flex:0 0 38%;max-width:500px;aspect-ratio:16 / 9}.sticky-container .hero-section{position:relative;width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:4rem;padding:0 4vw;height:100%}.sticky-container .hero-video-wrap{position:absolute;z-index:10;max-width:none;margin:0;transform:none;animation:none;opacity:1}@media(max-width:768px){.scroll-track{height:auto!important}.sticky-container{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important;background-color:transparent!important;display:block!important}.sticky-container .hero-section{flex-direction:column;gap:2rem;padding:6rem 5vw 2rem 5vw;align-items:flex-start;justify-content:flex-start;height:auto!important}.hero-video-placeholder{display:none!important}.sticky-container .hero-video-wrap{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;border-radius:16px!important;aspect-ratio:16 / 9;opacity:1!important;animation:none!important}}.section-header{margin-bottom:3.5rem;display:flex;flex-direction:column;gap:.6rem}.section-subtitle{font-family:var(--font-main);font-size:.9rem;font-weight:700;color:var(--color-orange);letter-spacing:.22em;text-transform:uppercase}.section-title{font-family:var(--font-number);font-size:clamp(2rem,4.5vw,3rem);font-weight:900;color:var(--color-gray);letter-spacing:-.02em}@media(max-width:768px){.section-header{margin-bottom:2.2rem;gap:.4rem;padding:0 1rem}}.personal-section{padding:6rem 4vw;max-width:1600px;margin:0 auto;border-top:1px solid rgba(30,32,30,.08)}.center-btn-wrap{display:flex;justify-content:center;width:100%;margin-top:4rem}.view-more-btn{display:inline-flex;align-items:center;justify-content:center;padding:1.1rem 2.2rem .9rem;background-color:transparent;color:var(--color-gray);border:2px solid var(--color-gray);border-radius:50px;font-family:var(--font-number);font-weight:900;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;transition:transform .3s cubic-bezier(.19,1,.22,1),background-color .4s ease,color .4s ease,border-color .4s ease;cursor:pointer}.view-more-btn:hover{background-color:var(--color-orange);color:#fff;border-color:var(--color-orange);transform:scale(1.03)}@media(max-width:768px){.personal-section{padding:4rem 4vw}.center-btn-wrap{margin-top:2.5rem}.view-more-btn{padding:.9rem 1.8rem .7rem;font-size:1rem}}.hero-name-link{color:var(--color-orange);text-decoration:none;display:inline-block;position:relative;font-weight:800;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,var(--color-orange) 0%,#ff8a00 50%,var(--color-orange) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGradientShift 4s linear infinite,breathingFloat 3s ease-in-out infinite alternate}.hero-name-link:hover{transform:scale(1.05) translateY(-3px)}.hero-name-link:after{content:"";position:absolute;width:100%;height:3px;bottom:2px;left:0;background:linear-gradient(90deg,var(--color-orange),#ff8a00);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.hero-name-link:hover:after{transform:scaleX(1);transform-origin:bottom left}@keyframes textGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes breathingFloat{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.hero-role-line{display:inline-flex!important;align-items:center;gap:.6rem;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease .3s forwards}.hero-role-line span{display:inline-block!important;opacity:1!important;transform:none!important;animation:none!important}.hero-behance-icon-link{display:inline-flex;align-items:center;vertical-align:middle;color:var(--color-orange);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),color .3s ease;cursor:pointer;line-height:1}.hero-behance-icon-link svg{width:.9em;height:.9em;display:block}.hero-behance-icon-link:hover{transform:scale(1.15) rotate(10deg);color:var(--color-gray)}.social-links-section{max-width:1400px;margin:0 auto 6rem;padding:0 4vw;width:100%}.social-links-container{display:flex;justify-content:center;align-items:center;gap:3rem}.social-link-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:.8rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.social-icon-wrapper{position:relative;width:clamp(4.5rem,8vw,6rem);height:clamp(4.5rem,8vw,6rem);background:#1e201e08;border:1px solid rgba(30,32,30,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray, #1e201e);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.social-icon-wrapper svg{width:clamp(2.5rem,4.5vw,3.5rem);height:clamp(2.5rem,4.5vw,3.5rem);display:block;color:var(--color-gray, #1e201e);fill:currentColor;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),color .3s ease}.social-link-label{font-family:var(--font-main, sans-serif);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:400;color:var(--text-muted, #666666);letter-spacing:normal;opacity:.8;transition:color .3s ease,opacity .3s ease}.social-link-item:hover{transform:translateY(-4px)}.social-link-item:hover .social-icon-wrapper{background:var(--color-gray, #1e201e);border-color:var(--color-gray, #1e201e);box-shadow:0 8px 25px #1e201e33}.social-link-item:hover .social-icon-wrapper svg{transform:scale(.95);color:var(--color-cream, #f4f4f2)}.social-link-item:hover .social-link-label{color:var(--color-gray, #1e201e);opacity:1}@media(max-width:768px){.social-links-section{margin:4rem auto}}