:root{--canvas: #F9F8F6;--surface-section: #FFFFFF;--surface-projects: #F2EFE9;--surface-card: #FFFFFF;--surface-subtle: #F9F8F6;--surface-menu: #F2EFE9;--text-primary: #1C1B1A;--text-body: #5F5A54;--text-muted: #6D675F;--accent-text: #806548;--accent-display: #B59B7D;--accent-decoration: #B59B7D;--accent-soft: #D4C5B3;--border-subtle: rgba(28, 27, 26, .08);--border-default: rgba(28, 27, 26, .12);--border-strong: rgba(95, 90, 84, .4);--border-accent: rgba(128, 101, 72, .24);--timeline-rail: rgba(128, 101, 72, .35);--shadow-header: rgba(28, 27, 26, .08);--shadow-menu: rgba(28, 27, 26, .12);--shadow-section: rgba(0, 0, 0, .03);--shadow-card: rgba(0, 0, 0, .04);--shadow-card-hover: rgba(128, 101, 72, .12);--shadow-project-hover: rgba(128, 101, 72, .16);--orb-one: rgba(212, 197, 179, .4);--orb-two: rgba(232, 224, 213, .6);--orb-blend: multiply;--orb-one-opacity: .58;--orb-two-opacity: .52;--card-sheen: linear-gradient(135deg, rgba(242, 239, 233, .5), rgba(255, 255, 255, 0));--card-glow: rgba(212, 197, 179, .08);--card-glow-hover: rgba(181, 155, 125, .15);--noise-opacity: .04;--selection-background: #D4C5B3;--selection-text: #1C1B1A;--focus-ring: #806548;--footer-background: #1C1B1A;--footer-text: #F9F8F6;--footer-muted: #BEB7AD;--footer-accent: #D1B18A;--footer-border: rgba(249, 248, 246, .35);--footer-action-background: #F9F8F6;--footer-action-text: #1C1B1A;--footer-glow: rgba(181, 155, 125, .05);--cursor-border: rgba(255, 255, 255, .55);--cursor-border-hover: rgba(255, 255, 255, .7);--cursor-border-view: rgba(255, 255, 255, .9)}:root[data-theme=dark]{--canvas: #171614;--surface-section: #201E1B;--surface-projects: #1B1916;--surface-card: #282520;--surface-subtle: #312D27;--surface-menu: #201E1B;--text-primary: #F2EDE6;--text-body: #C9C1B7;--text-muted: #B1A79A;--accent-text: #D1B18A;--accent-display: #D1B18A;--accent-decoration: #B79771;--accent-soft: #8F7558;--border-subtle: rgba(242, 237, 230, .1);--border-default: rgba(242, 237, 230, .16);--border-strong: rgba(201, 193, 183, .4);--border-accent: rgba(209, 177, 138, .28);--timeline-rail: rgba(209, 177, 138, .35);--shadow-header: rgba(0, 0, 0, .24);--shadow-menu: rgba(0, 0, 0, .3);--shadow-section: rgba(0, 0, 0, .18);--shadow-card: rgba(0, 0, 0, .18);--shadow-card-hover: rgba(0, 0, 0, .3);--shadow-project-hover: rgba(0, 0, 0, .36);--orb-one: rgba(177, 128, 70, .22);--orb-two: rgba(142, 115, 84, .18);--orb-blend: screen;--orb-one-opacity: .38;--orb-two-opacity: .3;--card-sheen: linear-gradient(135deg, rgba(209, 177, 138, .08), rgba(209, 177, 138, 0));--card-glow: rgba(181, 142, 96, .06);--card-glow-hover: rgba(209, 177, 138, .12);--noise-opacity: .025;--selection-background: #5F4B35;--selection-text: #F2EDE6;--focus-ring: #D1B18A;--footer-background: #121110;--footer-text: #F2EDE6;--footer-muted: #B1A79A;--footer-border: rgba(242, 237, 230, .32);--footer-glow: rgba(209, 177, 138, .08)}:root.is-theme-transitioning{--theme-color-transition-duration: .18s}:root.is-theme-instant{--theme-color-transition-duration: 0s}@media (prefers-reduced-motion: reduce){:root.is-theme-transitioning{--theme-color-transition-duration: 0s}}html,body{margin:0;padding:0;width:100%;min-height:100%;transition:background-color var(--theme-color-transition-duration, 0s)}.site-root{background-color:var(--canvas);color:var(--text-primary);overflow-x:hidden;transition:color var(--theme-color-transition-duration, 0s),background-color var(--theme-color-transition-duration, 0s)}:root{--stable-vh: 100vh}@supports (height: 100dvh){:root{--stable-vh: 100dvh}}body{background-color:var(--canvas);cursor:auto}.site-body{font-family:Inter,Noto Sans TC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 768px){body{cursor:none}}::selection{background:var(--selection-background);color:var(--selection-text)}html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.site-header{position:fixed;top:0;left:0;z-index:50;width:100%;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + .85rem) 2rem 1rem;color:var(--text-primary);background:var(--canvas);border-bottom:1px solid var(--border-subtle);box-shadow:0 10px 24px var(--shadow-header);mix-blend-mode:normal;pointer-events:none;--menu-transition-duration: .2s;--menu-transition-ease: cubic-bezier(.22, 1, .36, 1);transition:color var(--theme-color-transition-duration, 0s),background-color var(--theme-color-transition-duration, 0s),border-color var(--theme-color-transition-duration, 0s),box-shadow var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.site-header{padding:1.5rem 6rem}}@media (max-width: 767px){.site-header{padding:calc(env(safe-area-inset-top,0px) + .75rem) 1rem .9rem}}.site-header-container{position:relative;width:100%;max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:2rem;gap:.75rem}.site-brand,.site-nav,.site-menu-toggle{pointer-events:auto;transition:color var(--theme-color-transition-duration, 0s)}.site-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;box-sizing:border-box;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;pointer-events:auto;cursor:pointer;transition:color var(--theme-color-transition-duration, .2s)}.site-theme-toggle:hover{color:var(--accent-text)}.site-theme-icon{width:20px;height:20px;pointer-events:none}.site-brand,.site-menu-toggle{flex-shrink:0}@media (min-width: 768px){.site-header-container{gap:1.5rem}}@media (min-width: 768px) and (max-width: 1100px){.site-header{padding-inline:2rem}}:where(button,a):focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.site-footer :focus-visible{outline-color:var(--footer-accent)}.site-brand{display:inline-flex;align-items:baseline;border:0;padding:0;background:transparent;color:inherit;font-family:Cormorant Garamond,Noto Sans TC,serif;font-size:1.5rem;letter-spacing:.1em;cursor:pointer;transition:transform .3s cubic-bezier(.2,1,.3,1),opacity .3s,color var(--theme-color-transition-duration, 0s)}.site-brand:hover{transform:translateY(-1px)}.site-nav{display:flex;align-items:center;justify-content:center;gap:1.5rem;pointer-events:auto}@media (min-width: 768px){.site-nav{position:static;top:auto;left:auto;transform:none;gap:2.4rem;margin-left:auto;justify-content:flex-end}}.site-nav-link{position:relative;color:inherit;font-family:Cormorant Garamond,Noto Sans TC,serif;text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:opacity .3s cubic-bezier(.2,1,.3,1),transform .3s cubic-bezier(.2,1,.3,1),color var(--theme-color-transition-duration, 0s);white-space:nowrap;opacity:.8;padding:.25rem 0}@media (min-width: 768px) and (max-width: 1100px){.site-nav{gap:1.5rem}}@media (min-width: 768px){.site-nav-link{font-size:1rem}}@media (max-width: 767px){.site-brand{font-size:1.05rem;letter-spacing:.07em}.site-nav-link{font-size:.82rem;letter-spacing:.1em}}.site-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.2,1,.3,1)}.site-nav-link:hover{opacity:1;transform:translateY(-1px)}.site-nav-link:hover:after{transform:scaleX(1);transform-origin:left}.site-menu-toggle{display:none;align-items:center;gap:.5rem;margin-left:auto;border:none;padding:.3rem 0;background:transparent;color:inherit;font-family:Cormorant Garamond,Noto Sans TC,serif;text-transform:uppercase;text-decoration:none;letter-spacing:.15em;font-size:.92rem;font-weight:500;cursor:pointer;opacity:.82;transition:transform var(--menu-transition-duration) var(--menu-transition-ease),opacity var(--menu-transition-duration) ease,color var(--theme-color-transition-duration, 0s)}.site-menu-toggle:hover{transform:translateY(-1px);opacity:1}.site-menu-icon{position:relative;width:1rem;height:1px;background:currentColor;border-radius:999px;transition:background-color var(--theme-color-transition-duration, var(--menu-transition-duration)) var(--menu-transition-ease)}.site-menu-icon:before,.site-menu-icon:after{content:"";position:absolute;left:0;width:100%;height:1px;background:currentColor;border-radius:inherit;transition:transform var(--menu-transition-duration) var(--menu-transition-ease),top var(--menu-transition-duration) var(--menu-transition-ease)}.site-menu-icon:before{top:-5px}.site-menu-icon:after{top:5px}.site-menu-label{font-family:inherit;line-height:1}.site-header.site-header--menu .site-menu-toggle{display:inline-flex}.site-header.site-header--menu .site-nav{position:absolute;top:calc(100% + .65rem);right:auto;left:50%;transform:translate(-50%,-10px) scale(.985);transform-origin:top center;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100vw;max-width:100vw;margin:0;padding:1rem 0 1.15rem;gap:.9rem;border-bottom:1px solid var(--border-default);background:var(--surface-menu);color:var(--text-primary);box-shadow:0 16px 34px var(--shadow-menu);opacity:0;visibility:hidden;pointer-events:none;z-index:60;transition:opacity var(--menu-transition-duration) var(--menu-transition-ease),transform var(--menu-transition-duration) var(--menu-transition-ease),visibility var(--menu-transition-duration) linear,color var(--theme-color-transition-duration, 0s),background-color var(--theme-color-transition-duration, 0s),border-color var(--theme-color-transition-duration, 0s),box-shadow var(--theme-color-transition-duration, 0s)}.site-header.site-header--menu .site-nav-link{display:block;box-sizing:border-box;font-size:1rem;letter-spacing:.1em;opacity:.92;text-align:left;width:100%;padding:.35rem 1.5rem}.site-header.site-header--menu.is-menu-open .site-nav{transform:translate(-50%) scale(1);opacity:1;visibility:visible;pointer-events:auto}.site-header.site-header--menu.is-menu-animating .site-menu-toggle{pointer-events:none}.site-header.is-layout-switching .site-menu-toggle,.site-header.is-layout-switching .site-menu-icon,.site-header.is-layout-switching .site-menu-icon:before,.site-header.is-layout-switching .site-menu-icon:after,.site-header.is-layout-switching .site-nav{transition:none!important}.site-header.is-layout-switching.site-header--menu .site-nav{opacity:0;visibility:hidden;pointer-events:none}.site-header.site-header--menu.is-menu-open .site-menu-icon{background:transparent}.site-header.site-header--menu.is-menu-open .site-menu-icon:before{top:0;transform:rotate(45deg)}.site-header.site-header--menu.is-menu-open .site-menu-icon:after{top:0;transform:rotate(-45deg)}@media (max-width: 767px){.site-menu-toggle{font-size:.84rem;letter-spacing:.1em}}@media (prefers-reduced-motion: reduce){.site-menu-toggle,.site-menu-icon,.site-menu-icon:before,.site-menu-icon:after,.site-header.site-header--menu .site-nav{transition:none}}.main-shell{position:relative;z-index:10;overflow:hidden;background:var(--canvas);transition:background-color var(--theme-color-transition-duration, 0s)}.bg-orbs-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.orb-1{position:absolute;top:-10vh;left:-10vw;width:50vw;height:50vw;border-radius:9999px;background:var(--orb-one);filter:blur(68px);mix-blend-mode:var(--orb-blend);opacity:var(--orb-one-opacity);transition:background-color var(--theme-color-transition-duration, 0s)}.orb-2{position:absolute;top:60vh;right:-10vw;width:40vw;height:40vw;border-radius:9999px;background:var(--orb-two);filter:blur(56px);mix-blend-mode:var(--orb-blend);opacity:var(--orb-two-opacity);transition:background-color var(--theme-color-transition-duration, 0s)}@media (max-width: 767px){.orb-1,.orb-2{filter:blur(34px);mix-blend-mode:normal;opacity:.45}}.hero-section{position:relative;z-index:10;display:flex;flex-direction:column;min-height:var(--stable-vh);width:100%;box-sizing:border-box;padding-top:calc(env(safe-area-inset-top,0px) + 3.5rem);padding-bottom:2.5rem;padding-inline:2rem}@media (min-width: 768px){.hero-section{padding-top:0;padding-bottom:0;padding-inline:6rem}}.hero-section .section-container{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-content{z-index:10;margin-top:clamp(.5rem,3vh,1.5rem);width:100%}@media (min-width: 768px){.hero-content{margin-top:0}}.hero-subtitle{margin:0 0 calc(1.5rem - .2em);overflow:hidden;color:var(--text-body);font-size:1.2rem;font-weight:500;letter-spacing:.15em;font-family:Inter,Noto Sans TC,sans-serif;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.hero-subtitle{font-size:1.5rem}}.hero-subtitle>span{display:block;padding-bottom:.2em;transform:translateY(100%)}.hero-title{margin:0;color:var(--text-primary);font-family:Cormorant Garamond,Noto Sans TC,serif;font-size:clamp(3rem,13vw,5.8rem);font-weight:500;letter-spacing:-.025em;line-height:.85;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.hero-title{font-size:clamp(5rem,10vw,10rem)}}.hero-title-line{overflow:hidden;margin-bottom:-.2em}.hero-title-line>span{display:block;padding-bottom:.2em;transform:translateY(100%)}@media (max-width: 767px){.hero-title-line>span{line-height:1.05}}.hero-title-line--offset{margin-left:5vw}@media (min-width: 768px){.hero-title-line--offset{margin-left:10vw}}.hero-title-accent{color:var(--accent-display);font-style:italic;transition:color var(--theme-color-transition-duration, 0s)}.hero-desc{margin-top:clamp(1rem,3vh,2rem);margin-bottom:-.2em;max-width:650px;overflow:hidden;color:var(--text-body);transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.hero-desc{margin-top:2rem;max-width:750px}}.hero-desc>span{display:block;padding-bottom:.2em;transform:translateY(100%);font-size:1.15rem;font-weight:400;line-height:1.7;letter-spacing:.03em;font-family:Inter,Noto Sans TC,sans-serif}@media (min-width: 768px){.hero-desc>span{font-size:1.45rem}}.hero-scroll{position:absolute;bottom:1.75rem;left:1.25rem;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:0}@media (min-width: 768px){.hero-scroll{left:6rem}}.hero-scroll-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;transform:rotate(-90deg) translateY(-20px);transition:color var(--theme-color-transition-duration, 0s)}.hero-scroll-track{position:relative;width:1px;height:4rem;overflow:hidden;background:var(--border-strong);transition:background-color var(--theme-color-transition-duration, 0s)}.hero-scroll-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--text-primary);transition:background-color var(--theme-color-transition-duration, 0s)}.about-section{position:relative;z-index:10;padding:8rem 2rem}@media (min-width: 768px){.about-section{padding:10rem 6rem}}.about-layout{display:flex;max-width:72rem;margin:0 auto;flex-direction:column;gap:4rem}@media (min-width: 768px){.about-layout{flex-direction:row;gap:6rem}}.about-main,.about-side{width:100%}@media (min-width: 768px){.about-main{width:66.666667%}.about-side{width:33.333333%}}.about-tag-row{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.about-tag{color:var(--accent-text);font-size:.75rem;font-weight:500;letter-spacing:.3em;transition:color var(--theme-color-transition-duration, 0s)}.about-text{margin:0;color:var(--text-primary);font-family:Cormorant Garamond,Noto Sans TC,serif;font-size:1.5rem;letter-spacing:-.025em;line-height:1.4;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.about-text{font-size:1.875rem}}@media (min-width: 1024px){.about-text{font-size:2.25rem}}.about-side{display:flex;flex-direction:column;justify-content:flex-end}.about-side-stack{display:flex;flex-direction:column;gap:2rem}.about-block-title{margin:0 0 .75rem;color:var(--text-primary);font-size:.75rem;font-weight:600;letter-spacing:.1em;transition:color var(--theme-color-transition-duration, 0s)}.about-block-copy{margin:0;color:var(--text-body);font-size:.875rem;font-weight:300;line-height:1.625;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.about-block-copy{font-size:1rem}}.section-container{max-width:80rem;margin:0 auto}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:5rem}.section-header--tight{margin-bottom:4rem}@media (min-width: 768px){.section-header--tight{margin-bottom:5rem}}.section-divider{width:3rem;height:1px;background:var(--accent-decoration);transition:background-color var(--theme-color-transition-duration, 0s)}.section-heading{margin:0;color:var(--accent-text);font-size:.875rem;font-weight:500;letter-spacing:.2em;transition:color var(--theme-color-transition-duration, 0s)}.expertise-section{position:relative;z-index:10;padding:10rem 2rem;border-top-left-radius:4rem;border-top-right-radius:4rem;background:var(--surface-section);box-shadow:0 -30px 60px var(--shadow-section);margin-top:0;transition:background-color var(--theme-color-transition-duration, 0s),box-shadow var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.expertise-section{padding:12rem 6rem;border-top-left-radius:6rem;border-top-right-radius:6rem;margin-top:-6rem}}.expertise-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 768px){.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}}.exp-card{position:relative;overflow:hidden;border:1px solid var(--border-subtle);border-radius:1.5rem;background:var(--surface-card);padding:1.5rem;transition:transform .6s cubic-bezier(.2,1,.3,1),box-shadow var(--theme-color-transition-duration, .6s) cubic-bezier(.2,1,.3,1),background-color var(--theme-color-transition-duration, 0s),border-color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.exp-card{padding:2.5rem}}.exp-card:hover{transform:translateY(-.75rem);box-shadow:0 20px 40px var(--shadow-card-hover)}.exp-card--offset{margin-top:0}@media (min-width: 768px){.exp-card--offset{margin-top:4rem}}.exp-card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-sheen);opacity:0;transition:opacity .8s}.exp-card:hover .exp-card-sheen{opacity:1}.exp-card-content{position:relative;z-index:10}.exp-icon-box{display:flex;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;margin-bottom:2.5rem;border:1px solid var(--border-accent);border-radius:1.25rem;background:var(--surface-subtle);box-shadow:0 2px 4px var(--shadow-card);transition:transform .6s cubic-bezier(.2,1,.3,1),background-color var(--theme-color-transition-duration, .4s),border-color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.exp-icon-box{width:4.5rem;height:4.5rem}}.exp-card:hover .exp-icon-box{transform:scale(1.05) rotate(5deg);background-color:var(--surface-card)}.exp-icon{width:1.5rem;height:1.5rem;color:var(--accent-text);transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.exp-icon{width:2.25rem;height:2.25rem}}.exp-card-title{margin:0 0 1.25rem;color:var(--text-primary);font-family:Cormorant Garamond,Noto Sans TC,serif;font-size:1.75rem;line-height:1.2;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.exp-card-title{font-size:2.25rem}}.exp-card-copy{margin:0 0 1.5rem;color:var(--text-body);font-style:italic;font-weight:300;line-height:1.7;font-size:1.125rem;transition:color var(--theme-color-transition-duration, 0s)}.exp-card-glow{position:absolute;right:-6rem;bottom:-6rem;width:20rem;height:20rem;border-radius:9999px;background:var(--card-glow);filter:blur(50px);pointer-events:none;transition:background-color var(--theme-color-transition-duration, .8s),transform .8s}.exp-card:hover .exp-card-glow{background:var(--card-glow-hover);transform:scale(1.1)}.projects-section{position:relative;z-index:10;padding:10rem 2rem;background:var(--surface-projects);margin-top:0;border-top-left-radius:4rem;border-top-right-radius:4rem;transition:background-color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.projects-section{padding:12rem 6rem;margin-top:-6rem;border-top-left-radius:6rem;border-top-right-radius:6rem}}.projects-list{display:flex;flex-direction:column;gap:4rem}@media (min-width: 768px){.projects-list{gap:6rem}}.project-item{display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border-subtle);border-radius:2rem;background:var(--surface-card);padding:2.5rem;box-shadow:0 4px 20px var(--shadow-card);transition:transform .6s cubic-bezier(.2,1,.3,1),box-shadow var(--theme-color-transition-duration, .6s) cubic-bezier(.2,1,.3,1),background-color var(--theme-color-transition-duration, .5s),border-color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.project-item{padding:5rem}}.project-item:hover{transform:translateY(-.5rem);background:var(--surface-card);box-shadow:0 30px 60px var(--shadow-project-hover)}.project-kicker{display:block;margin-bottom:1.5rem;color:var(--accent-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;transition:color var(--theme-color-transition-duration, 0s)}.project-title{margin:0 0 2rem;color:var(--text-primary);font-family:Cormorant Garamond,Noto Sans TC,serif;font-size:2rem;line-height:1.1;transition:color var(--theme-color-transition-duration, .5s)}@media (min-width: 768px){.project-title{font-size:3.5rem}}.project-title-link{color:inherit;text-decoration:none;transition:color var(--theme-color-transition-duration, .3s)}.project-item:hover .project-title{color:var(--accent-text)}.project-copy{max-width:50rem;margin:0 0 2.5rem;color:var(--text-body);font-size:1.125rem;font-weight:300;line-height:1.7;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.project-copy{font-size:1.25rem}}.project-pill-group{margin-bottom:3rem}.project-link{display:inline-flex;align-items:center;gap:.75rem;width:fit-content;border-bottom:1px solid var(--border-strong);padding-bottom:.5rem;color:var(--text-primary);font-size:.875rem;font-weight:500;letter-spacing:.15em;text-decoration:none;text-transform:uppercase;transition:color var(--theme-color-transition-duration, .3s),border-color var(--theme-color-transition-duration, .3s),gap .3s}.project-link:hover{color:var(--accent-text);border-color:var(--accent-text);gap:1.25rem}.experience-section{position:relative;z-index:10;padding:10rem 2rem;background:var(--surface-section);margin-top:0;border-top-left-radius:4rem;border-top-right-radius:4rem;transition:background-color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.experience-section{padding:12rem 6rem;margin-top:-6rem;border-top-left-radius:6rem;border-top-right-radius:6rem}}.experience-intro{margin-bottom:6rem;text-align:center}.experience-heading{margin:0 0 1.5rem;color:var(--text-primary);font-family:Cormorant Garamond,Noto Sans TC,serif;font-size:2.25rem;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.experience-heading{font-size:3rem}}.experience-intro-line{width:1px;height:4rem;margin:0 auto;background:var(--accent-soft);transition:background-color var(--theme-color-transition-duration, 0s)}.experience-grid{display:grid;grid-template-columns:1fr;gap:4rem}@media (min-width: 1024px){.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6rem}}.timeline-column-header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem}.timeline-icon{width:1.5rem;height:1.5rem;color:var(--accent-text);transition:color var(--theme-color-transition-duration, 0s)}.timeline-column-title{margin:0;color:var(--text-primary);font-family:Cormorant Garamond,Noto Sans TC,serif;font-size:1.5rem;transition:color var(--theme-color-transition-duration, 0s)}.timeline-rail{position:relative;display:flex;flex-direction:column;gap:4rem;margin-left:.75rem;border-left:1px solid var(--timeline-rail);transition:border-color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.timeline-rail{margin-left:1rem}}.timeline-item{position:relative;display:block;padding-left:2.5rem;color:inherit;text-decoration:none}@media (min-width: 768px){.timeline-item{padding-left:3rem}}.timeline-dot{position:absolute;top:.5rem;border-radius:9999px;transition:background-color var(--theme-color-transition-duration, .3s)}.timeline-dot--gold{left:-6px;width:11px;height:11px;border:2px solid var(--accent-decoration);background:var(--surface-section);transition:background-color var(--theme-color-transition-duration, .3s),border-color var(--theme-color-transition-duration, 0s)}.timeline-item:hover .timeline-dot--gold{background:var(--accent-decoration)}.timeline-dot--accent{left:-5px;width:9px;height:9px;background:var(--accent-soft)}.timeline-item:hover .timeline-dot--accent{background:var(--text-primary)}.timeline-dot--accent-soft{left:-5px;width:9px;height:9px;background:var(--timeline-rail)}.timeline-item:hover .timeline-dot--accent-soft{background:var(--text-primary)}.timeline-date{display:block;margin-bottom:.5rem;color:var(--accent-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;letter-spacing:.1em;transition:color var(--theme-color-transition-duration, 0s)}.timeline-date--muted{color:var(--text-muted)}.timeline-company{margin:0 0 .5rem;color:var(--text-primary);font-family:Cormorant Garamond,Noto Sans TC,serif;transition:color var(--theme-color-transition-duration, .3s)}.timeline-company--lg{font-size:1.5rem}@media (min-width: 768px){.timeline-company--lg{font-size:1.875rem}}.timeline-company--md{font-size:1.25rem}@media (min-width: 768px){.timeline-company--md{font-size:1.5rem}}.timeline-item:hover .timeline-company{color:var(--accent-text)}.timeline-role{margin:0 0 1rem;color:var(--text-body);font-size:1.125rem;font-weight:500;transition:color var(--theme-color-transition-duration, 0s)}.timeline-role--sm{font-size:1rem}.timeline-copy{margin:0;color:var(--text-body);font-weight:300;line-height:1.625;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px) and (max-width: 1023px){.about-section{padding:9rem 4rem}.about-layout{gap:4.5rem}.about-main{width:62%}.about-side{width:38%}.about-text{font-size:1.7rem;line-height:1.36}.about-block-copy{font-size:.95rem;line-height:1.58}.expertise-section{padding:11rem 4rem;border-top-left-radius:5rem;border-top-right-radius:5rem;margin-top:-5rem}.expertise-grid{gap:2rem}.exp-card{padding:2rem}.exp-card--offset{margin-top:2.5rem}.exp-card-title{font-size:1.7rem}.projects-section{padding:11rem 4rem;margin-top:-5rem;border-top-left-radius:5rem;border-top-right-radius:5rem}.projects-list{gap:4.85rem}.project-item{padding:3.9rem}.project-kicker{font-size:.8rem;letter-spacing:.16em}.project-title{font-size:2.75rem}.project-copy{font-size:1.08rem;line-height:1.66}.experience-section{padding:11rem 4rem;margin-top:-5rem;border-top-left-radius:5rem;border-top-right-radius:5rem}.experience-intro{margin-bottom:4.5rem}.experience-grid{grid-template-columns:1fr;gap:3.6rem;max-width:54rem;margin:0 auto}.timeline-column-header{margin-bottom:2.35rem}.timeline-column-title{font-size:1.35rem}.timeline-rail{margin-left:.85rem;gap:3.35rem}.timeline-item{padding-left:2.65rem}.timeline-company--lg{font-size:1.65rem}.timeline-role{font-size:1rem;line-height:1.42}.timeline-copy{font-size:.98rem;line-height:1.68}}.footer-spacer{position:relative;z-index:0;width:100%;height:var(--stable-vh);background:transparent;pointer-events:none}.site-footer{position:fixed;bottom:0;left:0;z-index:1;display:flex;width:100%;max-width:100%;box-sizing:border-box;height:var(--stable-vh);flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--footer-background);color:var(--footer-text);padding:2rem max(2rem,env(safe-area-inset-right,0px)) calc(2rem + env(safe-area-inset-bottom,0px)) max(2rem,env(safe-area-inset-left,0px));transition:color var(--theme-color-transition-duration, 0s),background-color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.site-footer{padding:6rem max(6rem,env(safe-area-inset-right,0px)) calc(6rem + env(safe-area-inset-bottom,0px)) max(6rem,env(safe-area-inset-left,0px))}}.footer-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;pointer-events:none}.footer-glow{position:absolute;top:0;right:0;width:80vw;height:80vw;border-radius:9999px;background:var(--footer-glow);filter:blur(150px);pointer-events:none;transform:translate(50%) translateY(-50%);transition:background-color var(--theme-color-transition-duration, 0s)}.footer-content{position:relative;z-index:10;display:flex;height:100%;margin-top:auto;flex-direction:column;justify-content:flex-end}.footer-title{margin:0 0 3rem;color:var(--footer-text);font-family:Cormorant Garamond,Noto Sans TC,serif;font-size:clamp(2.75rem,11.5vw,4.8rem);letter-spacing:-.05em;line-height:.9;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.footer-title{font-size:8vw}}.footer-title-accent{color:var(--accent-display);font-style:italic;transition:color var(--theme-color-transition-duration, 0s)}.footer-bottom-row{display:flex;margin-top:2rem;width:100%;max-width:100%;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:3rem}@media (min-width: 768px){.footer-bottom-row{margin-top:4rem;flex-direction:row;align-items:flex-end}}.footer-cta{display:flex;align-items:center;gap:1rem;color:inherit;text-decoration:none;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.footer-cta{gap:1.5rem}}.footer-cta-icon{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border:1px solid var(--footer-border);border-radius:9999px;transition:color var(--theme-color-transition-duration, .5s),background-color var(--theme-color-transition-duration, .5s),border-color var(--theme-color-transition-duration, .5s)}@media (min-width: 768px){.footer-cta-icon{width:4rem;height:4rem}}.footer-cta:hover .footer-cta-icon{background:var(--footer-action-background);color:var(--footer-action-text)}.footer-cta-icon-mark{width:1.25rem;height:1.25rem}@media (min-width: 768px){.footer-cta-icon-mark{width:1.5rem;height:1.5rem}}.footer-cta-label{border-bottom:1px solid transparent;color:inherit;font-size:1.25rem;font-weight:300;letter-spacing:.025em;transition:border-color var(--theme-color-transition-duration, .2s),color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.footer-cta-label{font-size:1.5rem}}.footer-cta:hover .footer-cta-label{border-bottom-color:var(--footer-text)}.footer-links{display:flex;flex-direction:column;max-width:100%;gap:1rem;color:var(--footer-muted);font-size:.75rem;font-weight:300;letter-spacing:.1em;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.footer-links{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:2rem;font-size:.875rem}}.footer-link{color:inherit;text-decoration:none;transition:color var(--theme-color-transition-duration, .2s)}.footer-link:hover{color:var(--footer-accent)}.footer-copyright{color:var(--footer-muted);transition:color var(--theme-color-transition-duration, 0s)}@media (max-height: 600px){.site-footer{padding-top:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.footer-title{margin-bottom:1.5rem}.footer-bottom-row{margin-top:1rem;gap:1.5rem}}@media (min-width: 768px) and (max-height: 600px){.footer-title{font-size:clamp(2.75rem,8vw,4.8rem)}}.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none;display:none;mix-blend-mode:difference;background-color:transparent}@media (min-width: 768px){.cursor-outline{display:block}}.cursor-outline{width:40px;height:40px;border:1px solid var(--cursor-border);transition:width .3s,height .3s,border-color var(--theme-color-transition-duration, .3s),background-color var(--theme-color-transition-duration, .3s),transform .1s ease-out}.cursor-hover .cursor-outline{width:60px;height:60px;background-color:transparent;border-color:var(--cursor-border-hover);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cursor-view .cursor-outline{width:80px;height:80px;background-color:transparent;border-color:var(--cursor-border-view);mix-blend-mode:difference;display:flex;align-items:center;justify-content:center;color:var(--cursor-border-view);transition:width .3s,height .3s,border-color var(--theme-color-transition-duration, .3s),background-color var(--theme-color-transition-duration, .3s),transform .1s ease-out,color var(--theme-color-transition-duration, 0s)}.cursor-view .cursor-outline:after{content:"VIEW";font-size:10px;font-weight:600;letter-spacing:2px}.bg-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:var(--noise-opacity)}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.scroll-line-anim{animation:scrollLine 2s cubic-bezier(.77,0,.175,1) infinite}.about-text span{color:var(--text-primary);transition:color var(--theme-color-transition-duration, .2s) ease-out}@supports (color: color-mix(in srgb,black,white)){.about-text span{color:color-mix(in srgb,var(--text-muted),var(--text-primary) calc(var(--about-emphasis, 1) * 100%))}}.hoverable{-webkit-user-select:none;user-select:none}.pill-group{display:flex;flex-wrap:wrap;gap:.75rem}.tech-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;color:var(--text-primary);font-size:10px;font-weight:400;letter-spacing:.2em;line-height:1;text-transform:none;white-space:nowrap;transition:color var(--theme-color-transition-duration, 0s),background-color var(--theme-color-transition-duration, 0s),border-color var(--theme-color-transition-duration, 0s)}.tech-pill--accent{background:var(--surface-subtle);border:1px solid var(--border-accent);padding:.375rem .75rem}@media (min-width: 768px){.tech-pill--accent{padding:.5rem 1rem}}.tech-pill--dark{background:var(--surface-subtle);border:1px solid var(--border-default);padding:.5rem 1rem}.w-4{width:1rem}.h-4{height:1rem}.detail-list{display:flex;flex-direction:column;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none;color:var(--text-body);font-size:.875rem;font-weight:300;line-height:1.75;transition:color var(--theme-color-transition-duration, 0s)}.detail-list-item{display:flex;align-items:flex-start;gap:.5rem}.detail-list-bullet{width:.25rem;height:.25rem;margin-top:.375rem;border-radius:9999px;background:var(--accent-decoration);flex:none;transition:background-color var(--theme-color-transition-duration, 0s)}.site-brand,.hero-title,.about-text,.exp-card-title,.project-title,.timeline-column-title,.timeline-company,.experience-heading,.footer-title{text-transform:none!important;font-variant-caps:normal}.footer-contact-wrapper{display:flex;flex-direction:column;gap:.5rem}.footer-contact-hint{margin:0;color:var(--footer-muted);font-size:.875rem;font-weight:300;letter-spacing:.05em;text-transform:uppercase;transition:color var(--theme-color-transition-duration, 0s)}@media (min-width: 768px){.footer-contact-hint{font-size:1rem}}@media (max-width: 767px){.footer-cta-label{font-size:1rem;word-break:break-all}}