.hero-portrait{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100vh;z-index:2;overflow:hidden;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;will-change:transform,opacity}.dark .hero-portrait:after{background:linear-gradient(180deg,transparent 0,hsla(0,0%,6%,.5) 40%,hsla(0,0%,6%,.8) 70%,#0f0f0f)}.hero-portrait-img{width:auto;height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;filter:brightness(.9) contrast(1.2) saturate(.95);transition:filter .4s ease;transform:scale(1.5);image-rendering:-webkit-optimize-contrast;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}@media (max-width:1024px){.hero-portrait{width:90%}.hero-portrait-img{transform:scale(1.4);filter:brightness(.92) contrast(1.15) saturate(.96)}.hero-portrait:after{height:30%}}@media (max-width:768px){.hero-portrait{width:95%}.hero-portrait-img{transform:scale(1.1);filter:brightness(.94) contrast(1.12) saturate(.97);-o-object-fit:cover;object-fit:cover}.hero-portrait:after{height:20%}}@media (max-width:480px){.hero-portrait{width:100%}.hero-portrait-img{transform:scale(1);filter:brightness(.95) contrast(1.1) saturate(.98);-o-object-fit:cover;object-fit:cover}.hero-portrait:after{height:15%}}@media (min-resolution:2dppx){.hero-portrait-img{image-rendering:auto}}@media (prefers-reduced-motion:reduce){.hero-portrait,.hero-portrait-img{transition:none}}.hero-greeting{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none;will-change:transform}.hero-greeting-text{font-family:PP-Neue-Montreal-Bold,Arial,sans-serif;font-size:clamp(8rem,20vw,16rem);font-weight:700;color:hsl(var(--text-primary));letter-spacing:-8px;text-transform:uppercase;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;visibility:hidden;will-change:transform,opacity;line-height:.9;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width:1024px){.hero-greeting-text{font-size:clamp(6rem,18vw,12rem);letter-spacing:clamp(-6px,-1vw,-8px)}}@media (max-width:768px){.hero-greeting-text{font-size:clamp(4rem,15vw,8rem);letter-spacing:clamp(-4px,-.8vw,-6px);line-height:.95}}@media (max-width:480px){.hero-greeting-text{font-size:clamp(5.5rem,22vw,10rem);letter-spacing:clamp(-2px,-.5vw,-4px)}}@media (-webkit-min-device-pixel-ratio:2){.hero-greeting-text{text-shadow:0 1px 2px rgba(0,0,0,.08)}}@media (prefers-reduced-motion:reduce){.hero-greeting,.hero-greeting-text{will-change:auto}}.hero-content{position:relative;z-index:1;max-width:100vw;height:100vh;pointer-events:none;will-change:transform}.hero-content *{pointer-events:auto}.hero-name{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);font-family:PP-Neue-Montreal-Bold,Arial,sans-serif;font-size:clamp(8rem,20vw,16rem);font-weight:700;line-height:.9;color:hsl(var(--text-primary));letter-spacing:-8px;text-transform:uppercase;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-name,.hero-name-line{will-change:transform,opacity}.hero-name-line{display:block;opacity:0;visibility:hidden}.hero-name-line-left{text-align:left}.hero-name-line-right{text-align:right;position:relative}.hero-name-line-decorated:after{content:"鴻 鵠 誌 達";position:absolute;top:50%;right:-2rem;font-family:刻石录钢笔鹤体,SimSun,serif;font-size:clamp(1rem,2.5vw,1.8rem);font-weight:400;color:hsl(var(--text-primary));line-height:1;writing-mode:vertical-rl}@media (max-width:1024px){.hero-name{font-size:clamp(6.5rem,20vw,15rem);letter-spacing:-6px;top:30%}.hero-name-line-left,.hero-name-line-right{text-align:center}.hero-name-line-decorated:after{display:none}}@media (max-width:768px){.hero-name{font-size:clamp(6rem,20vw,14rem);letter-spacing:-6px;top:26.77%}.hero-name-line-left,.hero-name-line-right{text-align:center}.hero-name-line-decorated:after{display:none}}@media (max-width:480px){.hero-name{font-size:clamp(5.5rem,22vw,10rem);letter-spacing:-5px;top:23.66%}.hero-name-line-left,.hero-name-line-right{text-align:center}.hero-name-line-decorated:after{display:none}}@media (prefers-reduced-motion:reduce){.hero-content,.hero-name,.hero-name-line{will-change:auto}}.hero-tag{padding:.5rem 1rem;border-radius:1.5rem;font-family:Mona-Sans-SemiCondensed,Inter,sans-serif;font-size:clamp(.8rem,1.2vw,1rem);font-weight:500;color:hsl(var(--page-background));white-space:nowrap;z-index:5;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(10px);will-change:transform,opacity;transform:translateZ(0)}.hero-tag.floating{animation:hero-tag-float 4s ease-in-out infinite}@keyframes hero-tag-float{0%,to{margin-top:0}25%{margin-top:-8px}50%{margin-top:-12px}75%{margin-top:-5px}}.hero-tag-primary{background:hsl(var(--text-primary));color:hsl(var(--page-background))}.hero-tag-secondary{background:hsl(var(--text-secondary));color:hsl(var(--page-background))}.hero-tag-accent{background:hsl(var(--accent-color));color:hsl(var(--text-primary))}.hero-tag-brand{background:hsl(var(--brand-primary));color:hsl(var(--page-background))}@media (min-width:768px){.hero-tag{font-size:clamp(.9rem,1.4vw,1.1rem);padding:.6rem 1.2rem}}@media (min-width:1024px){.hero-tag{font-size:clamp(1rem,1.6vw,1.2rem);padding:.7rem 1.4rem}}@media (max-width:480px){.hero-tag{font-size:clamp(.7rem,1vw,.9rem);padding:.4rem .8rem}}@media (prefers-reduced-motion:reduce){.hero-tag{will-change:auto}.hero-tag.floating{animation:none}}.hero-corner-text{position:absolute;font-family:NeueMontreal-Light,sans-serif;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:hsl(var(--text-secondary));opacity:0;transition:opacity 1.2s ease 3s;z-index:10;line-height:1.4}.hero-corner-text--bottom{bottom:80px;left:24px}.hero-corner-text--top{top:80px;right:54px;text-align:right}.hero-corner-text__line{margin-bottom:2px;font-weight:300}@media (max-width:768px){.hero-corner-text{font-size:8px;letter-spacing:1px}.hero-corner-text--bottom{bottom:60px;left:12px}.hero-corner-text--top{top:60px;right:32px}}@media (min-width:481px) and (max-width:767px){.hero-corner-text--bottom{left:16px}.hero-corner-text--top{right:36px}}@media (min-width:1024px){.hero-corner-text--bottom{left:54px}.hero-corner-text--top{right:84px}}@media (min-width:1200px){.hero-corner-text--bottom{left:84px}.hero-corner-text--top{right:114px}}@media (min-width:1700px){.hero-corner-text--bottom{left:144px}.hero-corner-text--top{right:174px}}@media (min-width:2000px){.hero-corner-text--bottom{left:168px}.hero-corner-text--top{right:198px}}.hero-section{position:relative;width:100%;height:100vh;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 24px}.hero-gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:35vh;background:linear-gradient(180deg,transparent 0,hsla(30,29%,97%,.3) 20%,hsla(30,29%,97%,.6) 50%,hsla(30,29%,97%,.9) 80%,#faf8f6);pointer-events:none;z-index:3}.dark .hero-gradient-overlay{background:linear-gradient(180deg,transparent 0,rgba(9,9,11,.3) 20%,rgba(9,9,11,.6) 50%,rgba(9,9,11,.9) 80%,#09090b)}@media (max-width:480px){.hero-section{padding:0 12px}}@media (min-width:481px) and (max-width:767px){.hero-section{padding:0 16px}}@media (min-width:768px){.hero-section{padding:0 36px}}@media (min-width:1024px){.hero-section{padding:0 54px}}@media (min-width:1200px){.hero-section{padding:0 84px}}@media (min-width:1700px){.hero-section{padding:0 144px}}@media (min-width:2000px){.hero-section{padding:0 168px}}.intro-section{height:100vh;position:relative;overflow:hidden;background:hsl(var(--page-background));margin-left:calc(-1 * var(--home-padding, 24px));margin-right:calc(-1 * var(--home-padding, 24px));width:calc(100% + 2 * var(--home-padding, 24px))}.intro-container{position:absolute;background:#000;color:#fff;transition:none;padding:4rem 24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.intro-container,.intro-content{display:flex;justify-content:center;align-items:center}.intro-content{width:100%;height:100%}.greeting-message{text-align:center;max-width:1000px;width:1000px}.greeting-text{font-family:PP-Neue-Montreal-Bold,Mona-Sans,Inter,sans-serif;font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.3;color:#fff;margin:0;text-transform:uppercase;letter-spacing:-.01em}.desktop-text{display:flex;flex-direction:column;gap:.2em}.text-line{display:block;color:hsla(0,0%,100%,.2);background:linear-gradient(90deg,#fff,#fff);background-size:0 100%;background-repeat:no-repeat;background-position:0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:initial}.mobile-text{display:none}.distorted-name{filter:url(#distortion-filter);font-family:PP-Neue-Montreal-Bold,Arial Black,sans-serif;font-weight:900;white-space:nowrap;color:#fff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#fff!important}.distortion-filter{position:absolute;width:0;height:0;pointer-events:none}.skills-container{margin-top:4rem;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;transition:none}.skill-item{padding:1rem 2rem;border:1px solid hsla(0,0%,100%,.2);border-radius:0;font-family:Mona-Sans,Inter,sans-serif;font-size:clamp(.8rem,1.5vw,1rem);color:hsla(0,0%,100%,.8);letter-spacing:.1em;font-weight:300;transition:none}.scroll-indicator-progress{position:absolute;top:20px;right:20px;color:hsl(var(--text-secondary));font-size:.8rem;font-family:Mona-Sans,Inter,sans-serif;font-weight:400}@media (max-width:480px){.intro-container{padding:3rem 12px}.greeting-message{max-width:90%;width:90%}.greeting-text{font-size:clamp(1.6rem,8vw,2.5rem);line-height:1.2}.desktop-text{display:none}.mobile-text{display:flex;flex-direction:column;gap:.5rem}.mobile-line{display:block}}@media (min-width:481px) and (max-width:767px){.intro-container{padding:4rem 16px}.greeting-message{max-width:700px;width:700px}.desktop-text{display:block}.mobile-text{display:none}}@media (min-width:768px){.intro-container{padding:4rem 36px}}@media (min-width:1024px){.intro-container{padding:4rem 54px}}@media (min-width:1200px){.intro-container{padding:4rem 84px}}@media (min-width:1700px){.intro-container{padding:4rem 144px}}@media (min-width:2000px){.intro-container{padding:4rem 168px}}.experience-section{width:100%;min-height:100vh;padding:120px 144px;background:hsl(var(--page-background));color:hsl(var(--text-primary));display:flex;align-items:flex-start;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-wrapper{display:flex;flex-direction:column;width:100%;position:relative}.header-section{display:flex;justify-content:space-between;align-items:flex-start;gap:80px;margin-bottom:0}.left-side,.right-side{flex:0 0 auto}.right-side{display:flex;align-items:flex-end;padding-bottom:20px}.subtitle{font-size:clamp(.8rem,1vw,1rem);color:hsl(var(--text-secondary));font-weight:400;line-height:1.4;font-family:Mona-Sans,Inter,sans-serif;text-align:right;letter-spacing:.5px}.subtitle,.title{margin:0;text-transform:uppercase}.title{font-size:clamp(4.5rem,9vw,9rem);letter-spacing:-.02em;line-height:.8;color:hsl(var(--text-primary));font-family:PP-Neue-Montreal-Bold,Arial Black,sans-serif}.char,.title{font-weight:700}.char{font-family:Mona-Sans-Condensed-Bold,Mona-Sans,sans-serif;display:inline-block}.content-section{margin-top:40px}.list-headers{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:8px;font-size:1rem;font-weight:500;color:#000;text-transform:uppercase;letter-spacing:.1px;font-family:PP-Neue-Montreal-Medium,Arial,sans-serif}.header-left,.header-right{flex:0 0 auto}.content-wrapper{display:flex;align-items:flex-start;gap:60px}.expertise-list-container{width:70%;margin-left:auto}.expertise-list{list-style:none;margin:0;padding:0}.expertise-item{display:grid;grid-template-columns:80px 200px 1fr 80px;align-items:center;padding:16px 0;position:relative}.expertise-item,.expertise-item:last-child{border-bottom:1px solid #000}.item-content{display:flex;align-items:center;flex:1;justify-content:space-between}.item-number{font-size:.75rem;color:#000;flex:0 0 auto}.item-number,.item-title{font-weight:500;font-family:PP-Neue-Montreal-Medium,Arial,sans-serif}.item-title{font-size:.95rem;color:hsl(var(--text-primary));text-align:left;grid-column:3}.item-right{gap:30px}.item-icon,.item-right{display:flex;align-items:center}.item-icon{width:24px;height:24px;background:#000;border-radius:4px;justify-content:center;position:relative;justify-self:end}.item-icon:after{content:"";width:10px;height:10px;background:#fff;border-radius:50%}.field-label{writing-mode:vertical-rl;text-orientation:mixed;font-size:.6rem;color:hsl(var(--text-secondary));font-weight:500;letter-spacing:1px;font-family:Mona-Sans,Inter,sans-serif;margin-top:60px;white-space:nowrap}.divider-container{position:relative;width:100%}.divider-line{border:none;height:1px;background:hsl(var(--text-primary));width:100%;margin:10px 0}.divider-text{font-size:1rem;color:#000;font-weight:400;font-family:PP-Neue-Montreal-Medium,Arial,sans-serif;text-align:right;text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px}.divider-line-1{margin-bottom:1px}.divider-line-1,.divider-line-2{white-space:nowrap}@media (max-width:480px){.experience-section{padding:100px 12px}}@media (min-width:481px) and (max-width:767px){.experience-section{padding:100px 16px}}@media (max-width:768px){.experience-section{padding:60px 20px}.main-wrapper{flex-direction:column}.title{font-size:clamp(5.5rem,16vw,7.5rem);line-height:.8}.divider-container{margin:30px 0 10px}.divider-text{font-size:.8rem;left:0;right:auto;text-align:left}.expertise-list-container{width:100%;margin-left:0}.list-headers{margin-bottom:30px;font-size:.8rem}.expertise-item{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid hsl(var(--text-primary))}.item-number{font-size:.75rem;width:40px;flex-shrink:0}.item-title{font-size:.9rem;flex:1;margin:0 15px;text-align:left}.item-icon{width:24px;height:24px;flex-shrink:0}.item-icon:after{width:10px;height:10px}}.work-section{width:100%;padding:80px 1%;background:hsl(var(--page-background));display:flex;justify-content:center}.work-container{width:98%;background:#000;border-radius:40px;padding:80px 60px;color:#fff;display:flex;flex-direction:column;gap:60px}.work-header{display:flex;justify-content:space-between;align-items:flex-end}.work-title{font-family:PP-Neue-Montreal-Bold,Arial Black,sans-serif;font-size:clamp(4.5rem,9vw,9rem);font-weight:700;letter-spacing:-.02em;line-height:.8;margin:0;color:#fff;text-transform:uppercase}.work-title .char{font-family:Mona-Sans-Condensed-Bold,Mona-Sans,sans-serif;font-weight:700;display:inline-block}.work-subtitle{max-width:400px;text-align:right}.work-tagline{font-family:PP-Neue-Montreal-Medium,Arial,sans-serif;font-size:clamp(.8rem,1vw,1rem);font-weight:400;line-height:1.3;color:hsla(0,0%,100%,.8);margin:0;text-transform:uppercase;letter-spacing:.5px}.work-content{display:flex;flex-direction:column;gap:30px}.work-divider{border:none;border-top:1px solid hsla(0,0%,100%,.2)}.work-label{font-family:PP-Neue-Montreal-Medium,Arial,sans-serif;font-size:.9rem;font-weight:500;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:1px;margin-bottom:30px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-item{aspect-ratio:4/3;border-radius:20px;overflow:hidden;border:2px solid hsla(0,0%,100%,.1)}.work-placeholder{width:100%;height:100%;background:hsla(0,0%,100%,.05);display:flex;align-items:center;justify-content:center;font-family:PP-Neue-Montreal-Medium,Arial,sans-serif;color:hsla(0,0%,100%,.5);font-size:1.2rem}@media (max-width:1024px){.work-section{padding:60px 84px}}@media (max-width:768px){.work-section{padding:40px 54px}}@media (max-width:480px){.work-section{padding:30px 24px}}.home-wrapper{width:100%;background-color:hsl(var(--page-background));transition:background-color .3s ease;overflow-x:hidden;position:relative;padding:0;--home-padding:0}.home-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;background:inherit;z-index:-1;will-change:transform}