:root{font-family:Inter,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;color:#28352b;background:#fafbf7;font-synthesis:none;--green:#728063;--line:#d6ddce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #71875c;outline-offset:5px}button{border:0}::selection{background:#c7d2b5}.container{width:calc(100% - 112px);max-width:1700px;margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;background:#eef1e9ef;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;z-index:20;top:0;width:100%;border-bottom:1px solid #d9dfd0}.brand{font-weight:650;letter-spacing:-1px;font-size:23px}.brand span{color:#859077;font-weight:400;margin:0 9px}.brand{font-size:19px}.nav nav{display:flex;gap:38px;align-items:center;font-size:13px}.nav nav a{transition:color .2s}.nav nav a:hover{color:#83966d}.nav-contact{border:1px solid #a5b099;border-radius:30px;padding:11px 20px;display:flex;gap:30px}.menu-toggle{display:none}.hero{background:#eef1e9;min-height:100svh;display:flex;flex-direction:column;padding-top:88px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:3%;flex:1;align-items:center;padding-top:65px;padding-bottom:60px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px}.eyebrow i{width:7px;height:7px;background:#7a8c62;border-radius:50%;display:inline-block}.hero h1{font-size:clamp(44px,4.5vw,84px);line-height:1.32;font-weight:500;letter-spacing:-3px;margin:30px 0 24px;white-space:nowrap}.serif{font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-weight:400;color:#6c7d5c}.hero-intro{font-size:15px;line-height:1.95;color:#6d7566;margin:0 0 32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:17px 26px;border-radius:40px;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.dark{background:#2f4031;color:#fafbf7}.dark:hover{background:#4b5f3f}.outline{background:transparent;border:1px solid #8b9b7e}.hero-tags{display:flex;gap:22px;color:#7e8875;font-size:11px;margin-top:48px}.hero-tags span+span:before{content:"/";margin-right:22px;color:#b4bcaa}.hero-art{position:relative;padding:10px 0 25px}.art-frame{border-radius:48% 48% 3px 3px;overflow:hidden;aspect-ratio:.99;background:#dce3d5}.art-frame svg{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}.art-note{font-size:9px;letter-spacing:1.7px;position:absolute;bottom:0;left:0;color:#7d8a72}.art-cross{position:absolute;right:-16px;top:11%;font-size:40px;font-weight:200;color:#8f9d84}.hero-bottom{padding:24px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d5ddcb;font-size:10px;letter-spacing:1.5px;color:#7d8974}.hero-bottom a{display:flex;gap:20px;font-size:11px}.section{padding-top:115px;padding-bottom:115px}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-bottom:62px;font-size:10px;letter-spacing:2px;color:#7c8773}.section-label>span{letter-spacing:1px}.about-grid{display:grid;grid-template-columns:.7fr 1.2fr;gap:12%;align-items:center}.portrait{max-width:410px;background:#e5e9df;padding:24px 24px 18px;transform:rotate(-2deg)}.portrait img{width:100%;display:block;aspect-ratio:1;object-fit:cover;filter:saturate(.65)}.portrait-caption{display:flex;justify-content:space-between;padding-top:19px;font-size:12px}.portrait-caption span+span{font-size:10px;color:#7a8472}.about-content h2,.section-heading h2{font-size:clamp(29px,3vw,51px);line-height:1.5;font-weight:450;letter-spacing:-1px;margin:0 0 28px}.about-content>p{font-size:14px;line-height:2;color:#77806f;max-width:650px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:36px 0 25px;padding-top:28px;border-top:1px solid var(--line)}.stats strong{display:block;font-size:38px;font-weight:400;letter-spacing:-2px}.stats strong span{font-size:22px;color:#849873}.stats small{display:block;font-size:11px;color:#7a8570;margin-top:8px}.about-links{display:flex;gap:30px;flex-wrap:wrap;font-size:11px;padding-top:16px}.about-links a{border-bottom:1px solid #b4beac;padding-bottom:8px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:80px;padding-top:26px;border-top:1px solid var(--line)}.timeline span{font-size:10px;letter-spacing:1px;color:#7b8c6d}.timeline h3{font-size:15px;font-weight:500;margin:16px 0 9px}.timeline p{font-size:12px;color:#818977;line-height:1.6}.work{background:#f0f2eb}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading h2{margin:0}.section-heading>p{font-size:12px;color:#7d8872;line-height:1.8}.projects{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.project{padding:0;background:transparent;text-align:left;min-width:0}.project-0{grid-column:1/-1}.project-image{position:relative;overflow:hidden;border-radius:3px;background:#dce1d4;aspect-ratio:1.4}.project-0 .project-image{aspect-ratio:2.1}.project-image svg{display:block;width:100%;height:100%;transition:transform .6s;object-fit:cover}.project-0 svg{height:140%;margin-top:-7%}.project:hover svg{transform:scale(1.035)}.image-label{position:absolute;left:20px;top:20px;padding:8px 12px;background:#fbfcf3d9;border-radius:20px;font-size:9px;letter-spacing:.7px;color:#68725e}.project-open{position:absolute;right:24px;bottom:24px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#f8faf0;font-size:24px;transition:transform .3s}.project:hover .project-open{transform:rotate(45deg)}.project-meta{display:flex;justify-content:space-between;gap:15px;padding-top:24px}.project-meta small{font-size:10px;letter-spacing:1px;color:#7f8a72}.project-meta h3{font-size:24px;font-weight:450;margin:12px 0 9px}.project-meta p{font-size:12px;color:#818c74;margin:0;line-height:1.7}.project-meta>span{font-size:10px;white-space:nowrap;color:#7f8a72;padding-top:2px}.work-note{display:flex;justify-content:space-between;margin-top:55px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:#7a8570}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.skill{border:1px solid #dbe1d2;padding:29px 25px;background:#f5f7f0;border-radius:3px;display:flex;flex-direction:column;transition:background .2s,transform .2s}.skill:hover{background:#eaf0e1;transform:translateY(-5px)}.skill-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px;color:#889976}.skill-top>span{font-size:30px}.skill-top small{font-size:10px}.skill h3{font-size:17px;font-weight:500;margin:0 0 17px}.skill p{font-size:12px;line-height:1.9;color:#7d8971;margin:0 0 30px}.skill-tags{font-size:9px;line-height:1.8;border-top:1px solid #d8dfce;padding-top:18px;color:#728162;margin-top:auto}.contact{background:#e4ebdb;min-height:100svh}.contact-inner{display:flex;flex-direction:column;min-height:100svh;padding-top:52px}.contact .section-label{margin-bottom:60px}.contact-main{position:relative;flex:1}.contact h2{font-size:clamp(42px,5.6vw,96px);font-weight:400;line-height:1.3;margin:25px 0 34px;letter-spacing:-2px}.contact-email{font-size:clamp(19px,2.4vw,36px);display:inline-flex;gap:50px;border-bottom:1px solid #aebc9f;padding-bottom:10px;letter-spacing:-.5px}.contact-actions{margin:30px 0 45px;display:flex;gap:12px}.contact-details{display:flex;gap:80px;padding-bottom:45px}.contact-details>div{display:flex;flex-direction:column;gap:13px;font-size:13px}.contact-details small{font-size:9px;color:#7a886c;letter-spacing:1.5px}footer{border-top:1px solid #c7d2ba;padding:25px 0;display:flex;justify-content:space-between;font-size:10px;color:#78866a}dialog{border:0;background:#fafbf6;padding:0;max-width:780px;width:calc(100% - 36px);max-height:90svh;border-radius:8px;color:#28352b}dialog::backdrop{background:#182318aa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-close{position:absolute;z-index:2;top:16px;right:16px;background:#fafbf6;border-radius:50%;width:38px;height:38px}.dialog-art{height:310px;overflow:hidden;position:relative}.dialog-art svg{width:100%;height:100%}.dialog-content{padding:35px 42px}.dialog-content>small{font-size:10px;color:#778868}.dialog-content h2{font-size:30px;font-weight:500;margin:15px 0}.dialog-content p{font-size:14px;line-height:1.9;color:#6f7c64}.dialog-company{font-weight:600}.dialog-role{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.dialog-role small{font-size:11px;color:#7e8b73}.dialog-content .pending-note{font-size:11px;background:#eef2e7;padding:12px 16px}.dialog-content>a{font-size:12px;border-bottom:1px solid #a3b194;padding-bottom:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1800px){.nav{padding-left:max(56px,calc((100vw - 1700px)/2));padding-right:max(56px,calc((100vw - 1700px)/2))}.hero-grid{gap:100px}.art-frame{max-height:700px}.hero-art{max-width:690px}}@media(max-width:1000px){.container{width:calc(100% - 64px)}.nav{padding:0 32px}.hero h1{font-size:clamp(39px,5vw,55px);letter-spacing:-2px}.hero-grid{gap:22px}.hero-intro{font-size:12px}.hero-art{align-self:center}.section{padding:85px 0}.about-grid{gap:7%;grid-template-columns:.8fr 1.2fr}.about-content h2{font-size:30px}.about-content>p{font-size:12px}.skill-grid{grid-template-columns:1fr 1fr}.contact-details{gap:50px}.project-meta h3{font-size:20px}}@media(max-width:650px){html{scroll-padding-top:20px}.container{width:calc(100% - 40px)}.nav{height:72px;padding:0 20px}.brand{font-size:17px}.menu-toggle{display:block;background:transparent;font-size:12px;padding:12px 0}.nav nav{display:none;position:absolute;top:72px;left:0;width:100%;background:#eef1e9;padding:24px 20px;border-bottom:1px solid #cad4bf;gap:23px;box-shadow:0 12px 16px #2737240c}.nav nav.open{display:flex;flex-direction:column;align-items:stretch}.nav-contact{justify-content:space-between}.hero{padding-top:72px}.hero-grid{grid-template-columns:1fr;padding-top:44px;padding-bottom:25px;gap:32px}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero h1{font-size:clamp(35px,9vw,56px);letter-spacing:-1.6px;margin:23px 0 21px}.hero-intro{font-size:12px;margin-bottom:22px}.button{padding:14px 22px;font-size:12px;gap:32px}.hero-tags{margin-top:27px;gap:16px;font-size:10px}.hero-tags span+span:before{margin-right:16px}.hero-art{width:100%;padding-bottom:20px}.art-frame{aspect-ratio:1.4;border-radius:150px 150px 3px 3px}.art-frame svg{transform:scale(1.05)}.art-cross{right:4px;top:7%;font-size:28px}.art-note{font-size:8px;letter-spacing:.7px}.hero-bottom{font-size:8px;padding:20px 0}.hero-bottom>span:last-child{display:none}.section{padding:68px 0}.section-label{margin-bottom:35px;font-size:9px;letter-spacing:1px}.about-grid{grid-template-columns:1fr;gap:36px}.portrait{max-width:260px;margin:0 auto}.about-content h2,.section-heading h2{font-size:29px;letter-spacing:-.6px}.about-content>p{font-size:13px}.stats{margin-top:26px}.stats strong{font-size:32px}.about-links{gap:22px}.timeline{grid-template-columns:1fr;gap:20px;margin-top:42px}.timeline>div{display:grid;grid-template-columns:110px 1fr;gap:4px 14px}.timeline h3{margin:0;font-size:14px}.timeline span{padding-top:3px}.timeline p{grid-column:2;margin:4px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin:14px 0 0;font-size:11px}.projects{grid-template-columns:1fr;gap:36px}.project-0{grid-column:auto}.project-0 .project-image{aspect-ratio:1.25}.project-0 svg{height:100%;margin-top:0}.project-image{aspect-ratio:1.25}.image-label{font-size:8px;top:13px;left:13px;padding:7px 10px}.project-open{width:38px;height:38px;right:16px;bottom:16px}.project-meta{padding-top:18px;gap:8px}.project-meta small{font-size:8px;letter-spacing:.3px}.project-meta h3{font-size:21px}.project-meta p{font-size:11px}.project-meta>span{font-size:8px}.work-note{font-size:9px;gap:20px}.skill-grid{grid-template-columns:1fr;gap:12px}.skill{padding:23px}.skill-top{margin-bottom:20px}.skill-top>span{font-size:25px}.skill h3{font-size:17px}.skill p{margin-bottom:20px}.contact-inner{padding-top:35px}.contact .section-label{margin-bottom:47px}.contact h2{font-size:clamp(34px,9.5vw,55px);letter-spacing:-1px}.contact-email{font-size:clamp(19px,5.8vw,27px);gap:20px}.contact-actions{gap:10px;margin-bottom:42px}.contact-actions .button{padding:14px 18px;gap:24px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:27px;padding-bottom:35px}.contact-details>div{font-size:12px;gap:10px}.contact-details small{font-size:8px}footer{font-size:9px;gap:12px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.dialog-art{height:230px}.dialog-content{padding:26px 24px}.dialog-content h2{font-size:24px}.dialog-content p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}:root{color:#202522;background:#fff;--line:#e1e4e0}.container{width:calc(100% - 96px)}.nav{height:76px;background:#fff;border-bottom:1px solid #e7e9e5;padding:0 48px}.brand{font-size:20px;font-weight:600;letter-spacing:-.8px}.brand span{font-size:15px;margin:0 10px;color:#a0a7a0}.nav nav{font-size:12px;gap:30px}.nav-contact{border-color:#d4d9d2;padding:10px 17px;gap:22px}.hero{background:#fff;padding-top:76px;min-height:100svh}.hero-grid{position:relative;display:block;min-height:650px;padding:55px 0 145px;flex:1}.hero-copy{position:relative;z-index:2;width:60%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero .eyebrow{color:#727a71;font-size:10px;letter-spacing:2px}.hero-handle{font-family:Arial,Helvetica Neue,sans-serif;font-weight:500;font-size:clamp(74px,10.7vw,180px);letter-spacing:-.075em;line-height:1.1;margin:26px 0;white-space:nowrap}.hero-handle>span{font-size:15px;letter-spacing:0;vertical-align:top;display:inline-block;margin:15px 0 0 12px}.hero h1{font-size:clamp(38px,3.5vw,60px);font-weight:500;line-height:1.2;letter-spacing:-2px;margin:0 0 15px}.name-dot{color:#8eaa72}.hero-identity{font-size:18px;font-weight:500;margin:0 0 20px}.hero-intro{font-size:12px;line-height:1.9;color:#727a71;margin-bottom:18px}.hero-slogan{font-size:13px;color:#777f73;margin:0 0 26px}.hero-ctas{display:flex;align-items:center;gap:25px}.hero-resume{font-size:11px;border-bottom:1px solid #aeb8a6;padding:8px 0}.button{padding:13px 20px;border-radius:32px;font-size:11px;gap:25px}.dark{background:#202823}.dark:hover{background:#46523f}.hero-art{position:absolute;right:0;top:37px;width:53%;height:calc(100% - 158px);padding:0;overflow:hidden;background:#dbe2d5;border-radius:10px;z-index:0}.art-frame{height:100%;width:100%;max-height:none;aspect-ratio:auto;border-radius:0;overflow:hidden}.art-frame svg{transform:scale(1.12);height:100%;width:100%}.art-note{left:23px;bottom:20px;font-size:8px;letter-spacing:1px}.art-cross{right:23px;top:22px;font-size:26px;color:#7c8a72}.hero-info{position:absolute;left:0;right:0;bottom:19px;display:grid;grid-template-columns:160px 160px 1fr;gap:12px;z-index:3;align-items:stretch}.hero-info>div,.hero-info>a{padding:20px 23px;background:#f4f5f2;border-radius:9px;display:flex;flex-direction:column;justify-content:center;gap:8px}.hero-info strong{font-size:28px;font-weight:500;letter-spacing:-1px}.hero-info strong span{font-size:16px}.hero-info small{font-size:8px;color:#7f877a;letter-spacing:.8px}.hero-info>a{background:#e9eee3;align-items:flex-end}.hero-info>a>span{font-size:17px;letter-spacing:-.5px}.hero-bottom{font-size:9px;letter-spacing:1px;color:#858c81;padding:20px 0}.section{padding-top:78px;padding-bottom:78px}.section-label{border:0;padding:0;margin-bottom:30px;font-size:9px;letter-spacing:1.3px}.section-label>span{font-size:11px;color:#363e35}.about{display:grid;grid-template-columns:1fr 3fr;gap:0 32px}.about>.section-label{display:block;padding-top:5px}.about>.section-label>span{display:block;margin-top:10px}.about-grid{grid-template-columns:.7fr 1.5fr;gap:35px;align-items:start}.portrait{padding:0;background:#f2f3f0;transform:none;border-radius:8px;overflow:hidden}.portrait img{aspect-ratio:.9;object-fit:cover}.portrait-caption{padding:16px 14px;font-size:11px}.portrait-caption span+span{font-size:9px}.about-content h2{font-size:29px;font-weight:500;margin:0 0 12px;line-height:1.2;letter-spacing:-.8px}.about-handle{font-family:Arial,sans-serif;font-size:18px;color:#85917b;font-weight:400}.profile-line{font-size:11px;color:#727d68;margin-bottom:26px}.about-content>p{font-size:12px;line-height:1.9;color:#747b70}.stats{padding-top:21px;margin:25px 0 20px}.stats strong{font-size:29px}.stats small{font-size:9px}.about-links{font-size:10px;gap:21px}.timeline{grid-column:2;margin-top:38px;gap:20px;padding-top:20px}.timeline h3{font-size:13px;margin:12px 0 8px}.timeline p{font-size:10px}.timeline span{font-size:9px}.work{background:#f5f6f3}.work .section-label,.skills .section-label{margin-bottom:30px}.section-heading h2{font-size:32px;line-height:1.25;font-weight:500;letter-spacing:-1px}.heading-count{font-size:15px;color:#939d8b;font-weight:400;vertical-align:top}.section-heading>p{font-size:11px;line-height:1.7;margin:0}.section-heading{align-items:center;margin-bottom:35px}.projects{grid-template-columns:1.25fr 1fr;gap:22px}.project{background:#fff;border-radius:9px;overflow:hidden}.project-0{grid-column:1;grid-row:1/3;display:flex;flex-direction:column}.project-0 .project-image{aspect-ratio:auto;flex:1;min-height:470px}.project-0 svg{height:100%;margin-top:0}.project-image{border-radius:0;aspect-ratio:1.8}.project-1,.project-2{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.project-1 .project-image,.project-2 .project-image{aspect-ratio:auto;min-height:248px}.project-image svg{height:100%;width:100%;object-fit:cover}.project-meta{padding:23px 24px;display:flex;flex-direction:column;gap:17px;justify-content:space-between}.project-meta h3{font-size:21px;margin:13px 0 12px;letter-spacing:-.5px}.project-meta small{font-size:8px;letter-spacing:.5px;line-height:1.8;display:block}.project-meta p{font-size:11px;line-height:1.8}.project-meta>span{font-size:9px}.image-label{font-size:8px;left:14px;top:14px;padding:7px 9px}.project-open{height:34px;width:34px;right:14px;bottom:14px;font-size:20px}.work-note{margin-top:28px;font-size:10px}.skills .section-heading{margin-bottom:30px}.skill-grid{gap:13px}.skill{background:#f5f6f3;border:0;border-radius:8px;padding:25px 22px}.skill-top{margin-bottom:26px}.skill-top>span{color:#7f9070;font-size:26px}.skill h3{font-size:15px;letter-spacing:-.3px}.skill p{font-size:11px;margin-bottom:25px}.skill-tags{font-size:8px}.contact{background:#e7ede1;min-height:100svh}.contact-inner{min-height:100svh;padding-top:40px}.contact .section-label{margin-bottom:44px}.contact .eyebrow{font-size:10px}.contact h2{font-size:38px;line-height:1.3;margin:22px 0 12px;letter-spacing:-1px}.contact-handle{display:flex;align-items:center;gap:70px;font-family:Arial,sans-serif;font-size:clamp(65px,8.5vw,145px);letter-spacing:-.065em;line-height:1.05;margin-top:4px}.contact-handle>span{font-size:.65em;font-weight:300;color:#92a37f}.contact-summary{font-size:12px;color:#7b856f;margin-bottom:25px}.contact-email{font-size:19px;gap:32px;padding-bottom:8px}.contact-actions{margin:23px 0 38px}.contact-details{gap:70px;padding-bottom:30px}.contact-details>div{font-size:12px}footer{font-size:9px;padding:22px 0}.dialog-content h2{font-size:27px}.serif{font-family:inherit}@media(min-width:1800px){.nav{padding-left:max(48px,calc((100vw - 1700px)/2));padding-right:max(48px,calc((100vw - 1700px)/2))}.hero-art{max-width:none}.hero-grid{min-height:780px}}@media(max-width:1000px){.container{width:calc(100% - 56px)}.nav{padding:0 28px}.hero-grid{min-height:630px;padding-top:45px}.hero-art{top:30px;width:53%}.hero-handle{font-size:11vw;margin-top:30px}.hero h1{font-size:38px}.hero-identity{font-size:15px}.hero-info{grid-template-columns:125px 125px 1fr}.hero-info>div,.hero-info>a{padding:17px}.hero-info>a>span{font-size:14px}.about{grid-template-columns:1fr;gap:24px}.about>.section-label{display:flex;padding:0}.about>.section-label>span{margin-top:0}.timeline{grid-column:1}.projects{grid-template-columns:1fr 1fr}.project-0{grid-column:1/-1;grid-row:auto;display:block}.project-0 .project-image{min-height:0;aspect-ratio:2}.project-1,.project-2{display:block}.project-1 .project-image,.project-2 .project-image{aspect-ratio:1.4;min-height:0}.skill-grid{grid-template-columns:1fr 1fr}.contact-handle{font-size:11vw}}@media(max-width:650px){.container{width:calc(100% - 36px)}.nav{padding:0 18px;height:68px}.brand{font-size:18px}.brand span{font-size:13px;margin:0 6px}.nav nav{top:68px;background:#fff;font-size:12px}.hero{padding-top:68px}.hero-grid{min-height:0;padding:30px 0 0}.hero-copy{width:100%;pointer-events:auto}.hero-handle{font-size:clamp(55px,15vw,95px);letter-spacing:-.075em;margin:20px 0 22px}.hero-handle>span{font-size:11px;margin:7px 0 0 8px}.hero h1{font-size:32px;margin-bottom:10px;letter-spacing:-1px}.hero-identity{font-size:14px;margin:0 0 13px}.hero-intro{font-size:11px;margin-bottom:12px}.hero-slogan{font-size:11px;margin-bottom:21px}.hero-ctas{gap:23px}.hero-resume{font-size:10px}.hero-art{position:relative;top:auto;right:auto;width:100%;height:275px;margin:28px 0 12px;border-radius:8px}.art-frame{border-radius:0;aspect-ratio:auto}.art-frame svg{transform:scale(1.15)}.art-note{font-size:7px;left:15px;bottom:15px}.hero-info{position:relative;bottom:auto;grid-template-columns:1fr 1fr;gap:9px}.hero-info>div{padding:15px}.hero-info strong{font-size:24px}.hero-info small{font-size:7px}.hero-info>a{grid-column:1/-1;align-items:flex-start;flex-direction:row;align-items:center;justify-content:space-between;padding:17px 15px}.hero-info>a>span{font-size:13px}.hero-bottom{font-size:8px;margin-top:16px;padding:17px 0}.hero-bottom a{font-size:9px}.section{padding:48px 0}.section-label{margin-bottom:25px;font-size:8px}.section-label>span{font-size:10px}.about-grid{grid-template-columns:1fr;gap:26px}.portrait{max-width:220px;margin:0}.portrait img{aspect-ratio:1}.portrait-caption{padding:13px}.about-content h2{font-size:25px}.about-handle{font-size:16px}.profile-line{font-size:10px;margin-bottom:20px}.about-content>p{font-size:12px}.stats strong{font-size:27px}.stats small{font-size:8px}.timeline{grid-column:1;margin-top:27px;grid-template-columns:1fr}.timeline>div{grid-template-columns:105px 1fr}.timeline h3{margin:0;font-size:12px}.timeline p{font-size:10px;margin:4px 0}.timeline span{font-size:8px}.section-heading h2{font-size:26px;letter-spacing:-.6px}.section-heading{margin-bottom:24px}.section-heading>p{font-size:10px;margin-top:12px}.heading-count{font-size:12px}.projects{grid-template-columns:1fr;gap:17px}.project-0{grid-column:auto}.project-0 .project-image,.project-1 .project-image,.project-2 .project-image{aspect-ratio:1.4;min-height:0}.project-meta{padding:20px;gap:14px}.project-meta h3{font-size:20px;margin:10px 0}.project-meta small{font-size:8px}.project-meta p{font-size:11px}.work-note{font-size:9px}.skill-grid{grid-template-columns:1fr 1fr;gap:10px}.skill{padding:18px 14px}.skill-top{margin-bottom:23px}.skill-top>span{font-size:24px}.skill h3{font-size:13px;line-height:1.6;margin-bottom:12px}.skill p{font-size:10px;line-height:1.8;margin-bottom:20px}.skill-tags{font-size:7px;line-height:1.8;padding-top:12px}.contact,.contact-inner{min-height:100svh}.contact-inner{padding-top:32px}.contact .section-label{margin-bottom:42px}.contact h2{font-size:30px;margin-bottom:16px}.contact-handle{font-size:clamp(51px,14.5vw,87px);gap:20px;margin-top:12px}.contact-summary{font-size:11px;margin-bottom:23px}.contact-email{font-size:18px;gap:20px}.contact-actions{margin:23px 0 35px}.contact-details{gap:25px;padding-bottom:27px}.contact-details>div{font-size:11px}.contact-details small{font-size:7px}footer{font-size:8px;padding:19px 0}.contact-actions .button{padding:13px 18px;font-size:10px}}.personal-logo{width:43px;height:43px;flex:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.brand{display:inline-flex;align-items:center;gap:13px;color:#293c2c;letter-spacing:-.5px}.brand .brand-wordmark{font-family:Arial,Helvetica Neue,sans-serif;font-size:19px;color:inherit;margin:0;font-weight:600;display:flex;flex-direction:column;gap:4px}.brand-wordmark small{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:8px;font-weight:400;letter-spacing:1.1px;color:#7d8875}.nav{transition:background .25s,border-color .25s,box-shadow .25s}.nav.is-fixed{position:fixed;top:0;left:0;background:#f9fcf6c2;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid rgba(160,175,150,.28);box-shadow:0 6px 28px #24331e0f}.nav.is-fixed nav.open{background:#f9fcf6f0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}html{scroll-padding-top:100px}a,button{transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}a:hover{color:#638246}.nav nav>a:not(.nav-contact){padding:9px 12px;margin:0 -12px;border-radius:22px}.nav nav>a:not(.nav-contact):hover{background:#e5ecde;color:#3b5731}.nav-contact:hover{background:#293c2c;color:#fff!important;border-color:#293c2c}.brand:hover{color:#77915e}.button.dark:hover,.button.dark:focus-visible{background:#718a59;color:#fff}.button.outline:hover,.button.outline:focus-visible{background:#293c2c;color:#fff;border-color:#293c2c}.hero-resume:hover,.about-links a:hover,.dialog-content>a:hover{color:#4b6a37;border-color:#6c8954;background:#e9efdf}.hero-info>a:hover{background:#d2dfc2;color:#33492b}.contact-email:hover{color:#5b783f;border-color:#5b783f}.menu-toggle:hover{color:#56733f;background:#e8efdf;border-radius:18px}.dialog-close:hover{background:#293c2c;color:#fff}.project:hover{background:#e8eee0}.project:hover h3{color:#55733b}.project:hover .project-open{background:#293c2c;color:#fff}.contact-logo{position:absolute;right:22px;top:55px;width:150px;height:150px;color:#b1c0a0;stroke-width:2.4;pointer-events:none}.social-section{padding:0 0 32px}.social-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.social-heading>span{font-size:9px;color:#728465;letter-spacing:1.3px}.social-heading small{font-size:10px;color:#8a957e}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.social-card{--social-card-bg:#f6f8f2;--social-icon-ink:#f6f8f2;background:var(--social-card-bg);color:#4b6040;padding:21px 23px;display:flex;align-items:center;gap:17px;text-align:left;border:1px solid transparent;border-radius:9px}.social-icon{width:27px;height:27px;flex:none}.social-text{display:flex;flex-direction:column;gap:8px}.social-text small{font-size:10px;font-weight:400;color:#7c8b71}.social-text strong{font-family:Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:.2px}.copy-icon{width:18px;height:18px;margin-left:auto;opacity:.5;flex:none}.social-card:hover,.social-card:focus-visible{--social-card-bg:#31472c;--social-icon-ink:#31472c;color:#f3f6ef;transform:translateY(-3px)}.social-card:hover small,.social-card:focus-visible small{color:#c5d3b9}.social-card:hover .copy-icon{opacity:1}.copy-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:60;padding:14px 22px;background:#293c2c;color:#fff;border-radius:30px;font-size:12px;box-shadow:0 6px 25px #16230b20;max-width:calc(100% - 32px);width:max-content;transition:opacity .2s,transform .2s}.copy-toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:1000px){.contact-logo{right:5px;width:115px;height:115px;top:25px}.social-card{padding:18px;gap:12px}.social-text strong{font-size:16px}.social-icon{width:24px;height:24px}}@media(max-width:650px){html{scroll-padding-top:85px}.brand{gap:9px}.personal-logo{width:35px;height:35px}.brand .brand-wordmark{font-size:17px;gap:3px}.brand-wordmark small{font-size:7px;letter-spacing:.7px}.contact-logo{width:69px;height:69px;right:0;top:14px;stroke-width:2.4}.social-grid{grid-template-columns:1fr;gap:9px}.social-section{padding-bottom:25px}.social-heading{gap:14px;align-items:flex-start}.social-heading small{font-size:8px;line-height:1.6}.social-heading>span{font-size:8px;line-height:1.6;white-space:nowrap}.social-card{padding:16px 18px;gap:16px}.social-text{gap:5px}.social-text strong{font-size:17px}.social-icon{width:27px;height:27px}.copy-toast{font-size:11px;bottom:20px;padding:13px 18px}}.skill-tags{font-size:16px;font-weight:600;line-height:1.7;color:#293c2c;letter-spacing:.1px;padding-top:16px;border-top-color:#c7d2bd;overflow-wrap:break-word}@media(max-width:650px){.skill-tags{font-size:15px;line-height:1.75;padding-top:14px}}.about{display:block;max-width:1200px}.about>.section-label{display:flex;padding-top:0;max-width:1100px;margin:0 auto 38px}.about>.section-label>span{display:inline;margin-top:0}.about-grid{max-width:1100px;margin:0 auto;grid-template-columns:320px minmax(0,1fr);gap:65px;align-items:center}.about .portrait{max-width:320px}.about-content{min-width:0}.about .timeline{max-width:1100px;margin:42px auto 0;grid-template-columns:repeat(3,1fr)}.portfolio-module .equal-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}.equal-project{display:flex;flex-direction:column;height:100%;min-width:0}.equal-project .project-image{aspect-ratio:1.6;width:100%;flex:none;min-height:0}.equal-project .project-image svg{height:100%;width:100%;margin:0}.equal-project .project-meta{flex:1;padding:25px 27px;min-height:183px;gap:18px}.equal-project .project-meta h3{font-size:23px}.equal-project .project-meta small{font-size:11px}.equal-project .project-meta p{font-size:13px;line-height:1.8}.equal-project .project-meta>span{font-size:11px}.trade-work{background:#edf1e8;border-top:1px solid #e0e7d8}.trade-work .project{background:#fff}.trade-work .project:hover{background:#e4edd9}.portfolio-module .section-heading>p{font-size:12px;max-width:380px}.portfolio-module .image-label{font-size:9px}.portfolio-module .work-note{font-size:11px}@media(max-width:1000px){.about-grid{grid-template-columns:250px minmax(0,1fr);gap:40px}.about .portrait{max-width:250px}.equal-project .project-meta{padding:23px;min-height:185px}.equal-project .project-meta h3{font-size:21px}.portfolio-module .equal-projects{gap:22px}}@media(max-width:650px){.about>.section-label{margin-bottom:28px}.about-grid{grid-template-columns:1fr;gap:28px}.about .portrait{max-width:220px;margin:0 auto}.about-content{max-width:480px;margin:0 auto}.about-content h2,.profile-line{text-align:center}.about .about-links{justify-content:center}.about .timeline{grid-template-columns:1fr;margin-top:28px}.portfolio-module .equal-projects{grid-template-columns:1fr;gap:22px}.equal-project .project-image{aspect-ratio:1.6}.equal-project .project-meta{padding:22px;min-height:180px}.equal-project .project-meta h3{font-size:21px}.equal-project .project-meta p{font-size:13px}.equal-project .project-meta small,.equal-project .project-meta>span{font-size:11px}.portfolio-module .section-heading>p{font-size:11px}.portfolio-module .work-note{font-size:10px;align-items:flex-start}.portfolio-module .image-label{font-size:8px}}.equal-project .project-meta{min-height:240px}.hero{isolation:isolate;background:#f6f8f2}.hero-waves{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.68;background:radial-gradient(ellipse at 80% 42%,#d9e5cf 0,transparent 65%)}.hero-waves:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fafcf6f0,#fafcf6b3 33%,#fafcf624 60%,#fafcf600);pointer-events:none}.hero-grid{position:relative;z-index:1}.hero-copy{position:relative;z-index:2}.hero-info>div{background:#fafcf6db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #dce4d3}.hero-info>a{background:#e3ecd8e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-bottom{position:relative;z-index:1;border-top-color:#d1ddc4}.nav:not(.is-fixed){background:#fafcf6e6}@media(max-width:650px){.hero-grid{min-height:650px;padding-top:35px;padding-bottom:140px}.hero-info{position:absolute;bottom:20px}.hero-copy{padding-bottom:100px}.hero-waves{opacity:.6}.hero-waves:after{background:linear-gradient(180deg,#fafcf6f0,#fafcf6b8 42%,#fafcf62e 80%)}.hero-bottom{margin-top:0}}.editorial-hero{display:block;min-height:100svh;padding:98px 0 18px;background:#fafbf7;overflow:visible;isolation:isolate}.hero-sheet{background:#eef2e9;border-radius:12px 12px 52px 52px;overflow:hidden;border:1px solid #e4e9df;max-width:1700px}.hero-top{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:70px;padding:35px 48px 29px;align-items:center;max-width:1350px;margin:auto}.hero-editorial-copy{min-width:0}.hero-editorial-copy .eyebrow{font-size:9px;letter-spacing:2px;color:#7e8975}.editorial-hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,6.2vw,94px);font-weight:400;line-height:1;letter-spacing:-4px;white-space:normal;margin:15px 0 18px;color:#293729}.hero-chinese-name{display:block;font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-size:clamp(26px,2.65vw,38px);font-weight:500;letter-spacing:2px;margin-top:10px;line-height:1.3}.hero-description{font-size:12px;line-height:1.9;color:#718066;margin:0 0 22px}.editorial-hero .hero-ctas{gap:24px}.editorial-hero .button{padding:12px 21px;font-size:11px;gap:30px}.editorial-hero .hero-resume{font-size:11px;color:#6e7e63}.hero-profile-note{width:100%;padding:10px 0 0;color:#4a5d40}.hero-note-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd5c1;padding-bottom:14px;margin-bottom:18px}.hero-note-heading>span{font-size:8px;letter-spacing:1.5px;line-height:1.9;color:#849178}.hero-note-heading .personal-logo{width:46px;height:46px;stroke-width:2.7}.hero-note-school{font-size:18px;letter-spacing:.5px;font-weight:500;margin:0 0 8px}.hero-note-role{font-size:11px;color:#849078;margin:0}.hero-note-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 21px}.hero-note-stats>div+div{border-left:1px solid #d4ddcc;padding-left:24px}.hero-note-stats strong{font-family:Georgia,serif;font-weight:400;font-size:31px;line-height:1;display:block;letter-spacing:-1px}.hero-note-stats strong span{font-size:19px;margin-left:2px}.hero-note-stats small{display:block;font-size:9px;color:#89967d;margin-top:8px}.hero-note-email{font-size:11px;display:flex;justify-content:space-between;border-top:1px solid #cbd5c1;padding-top:12px}.hero-landscape{height:clamp(260px,37svh,420px);position:relative;background:#eef2e9;overflow:hidden}.hero-landscape>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 52%;mask-image:linear-gradient(to bottom,transparent 0%,black 9%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 9%,black 100%)}.hero-photo-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(20,32,16,.35))}.hero-landscape-caption{position:absolute;left:48px;right:48px;bottom:26px;color:#f6f9ee;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;text-shadow:0 1px 8px #17220c}.hero-landscape-caption>a{display:flex;gap:20px;border:1px solid #f4f7eb80;padding:10px 16px;border-radius:25px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e6eee514}.hero-landscape-caption>a:hover{background:#eef5e4;color:#354c2c;text-shadow:none}.hero-editorial-foot{display:flex;justify-content:space-between;color:#95a088;font-size:8px;letter-spacing:1.3px;padding-top:15px}.nav:not(.is-fixed){background:#fafbf7}@media(min-width:1700px){.hero-top{padding-top:48px;padding-bottom:42px;grid-template-columns:minmax(0,1fr) 325px;gap:120px}.hero-landscape{height:clamp(360px,42svh,500px)}}@media(max-width:1000px){.hero-top{padding:32px 32px 25px;grid-template-columns:minmax(0,1fr) 235px;gap:35px}.editorial-hero h1{font-size:64px;letter-spacing:-3px}.hero-note-school{font-size:16px}.hero-note-stats strong{font-size:28px}.hero-landscape-caption{left:32px;right:32px}.hero-sheet{border-radius:10px 10px 40px 40px}}@media(max-width:650px){.editorial-hero{padding:83px 0 15px}.hero-sheet{border-radius:10px 10px 32px 32px}.hero-top{display:block;padding:31px 25px 22px}.editorial-hero h1{font-size:clamp(46px,12.8vw,72px);letter-spacing:-2.5px;margin:17px 0 16px}.hero-chinese-name{font-size:27px;margin-top:9px;letter-spacing:1px}.hero-description{font-size:11px;line-height:1.9;margin-bottom:20px}.hero-editorial-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.editorial-hero .hero-ctas{gap:21px;flex-wrap:wrap}.editorial-hero .button{padding:12px 18px;gap:20px;font-size:10px}.editorial-hero .hero-resume{font-size:10px}.hero-profile-note{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;border-top:1px solid #ced8c4;margin-top:26px;padding-top:19px;align-items:center}.hero-note-heading{display:none}.hero-note-school{font-size:14px;margin:0}.hero-note-role{font-size:9px;grid-column:1;grid-row:2}.hero-note-stats{margin:0;gap:12px;grid-column:2;grid-row:1/3}.hero-note-stats>div+div{padding-left:12px}.hero-note-stats strong{font-size:23px}.hero-note-stats strong span{font-size:14px}.hero-note-stats small{font-size:7px;margin-top:5px;line-height:1.5}.hero-note-email{font-size:10px;grid-column:1/-1;padding-top:13px;margin-top:9px;border-top:0}.hero-landscape{height:280px}.hero-landscape>img{object-position:52% 50%}.hero-landscape-caption{left:22px;right:22px;bottom:22px;font-size:9px;letter-spacing:0;gap:12px}.hero-landscape-caption>a{padding:8px 11px;gap:12px;white-space:nowrap}.hero-editorial-foot{font-size:7px;letter-spacing:.7px;padding-top:12px}}@media(max-width:370px){.hero-top{padding-left:20px;padding-right:20px}.hero-profile-note{gap:7px 14px}.hero-note-school{font-size:13px}.hero-landscape-caption>span{max-width:150px;line-height:1.8}}.hero-sheet{position:relative;isolation:isolate;background:#f2f6ee;border-radius:24px;border-color:#e6ecdf}.hero-top{position:relative;z-index:2;min-height:clamp(520px,73svh,750px);padding:58px 60px 108px;grid-template-columns:minmax(0,1.2fr) minmax(230px,.65fr);gap:85px}.hero-landscape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;background:transparent;pointer-events:none}.hero-landscape>img{height:100%;width:100%;object-fit:cover;object-position:50% 55%;opacity:.48;filter:saturate(.55) contrast(.78) brightness(1.16);mask-image:none;-webkit-mask-image:none}.hero-photo-shade{background:linear-gradient(90deg,#f2f6eef5,#f2f6eecc 35%,#f2f6ee2e),linear-gradient(180deg,#f2f6eec7,#f2f6ee75 40%,#f2f6ee00)}.hero-editorial-copy{align-self:center}.editorial-hero h1{font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(55px,5.8vw,88px);letter-spacing:-4px;font-weight:450;margin-bottom:23px}.hero-chinese-name{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:30px;letter-spacing:1px;font-weight:450;margin-top:14px}.hero-description{font-size:13px;color:#78866e;line-height:2}.hero-profile-note{max-width:290px;justify-self:end;align-self:center;padding:0}.hero-note-heading{border-bottom-color:#d7e0ce;padding-bottom:16px;margin-bottom:22px}.hero-note-heading>span{color:#86967c}.hero-note-heading .personal-logo{color:#7f9470;width:40px;height:40px}.hero-note-school{font-size:17px;font-weight:400}.hero-note-stats{margin-top:25px}.hero-note-stats strong{font-family:Arial,sans-serif;font-size:28px;color:#637958}.hero-note-email{color:#788c6b;border-top-color:#d7e0ce}.hero-landscape-caption{left:60px;right:60px;bottom:34px;color:#768a66;text-shadow:none;font-size:10px;letter-spacing:.4px;z-index:3}.hero-landscape-caption>a{pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f4f7ef90;border-color:#acbea080;color:#6c835a;font-size:10px}.hero-landscape-caption>a:hover{background:#789568;color:#fff;border-color:#789568}.hero-editorial-foot{color:#9eac93}.editorial-hero .hero-ctas{margin-top:25px}.editorial-hero .button{background:#5b7450}.editorial-hero .button:hover{background:#7d986b}@media(min-width:1700px){.hero-top{padding-top:65px;padding-bottom:110px;grid-template-columns:minmax(0,1.2fr) 315px;gap:130px}.hero-landscape{height:100%}}@media(max-width:1000px){.hero-top{padding:48px 38px 105px;gap:45px;grid-template-columns:minmax(0,1fr) 240px;min-height:570px}.editorial-hero h1{font-size:62px}.hero-description{font-size:12px}.hero-landscape-caption{left:38px;right:38px}.hero-note-school{font-size:16px}}@media(max-width:650px){.hero-sheet{border-radius:20px}.hero-top{display:block;min-height:640px;padding:42px 27px 105px}.editorial-hero h1{font-size:clamp(45px,12.2vw,68px);letter-spacing:-2.7px;margin-bottom:20px}.hero-chinese-name{font-size:26px;margin-top:13px;letter-spacing:.7px}.hero-description{font-size:11px;line-height:2}.hero-profile-note{max-width:none;margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;padding-top:20px;border-top-color:#d8e2ce}.hero-note-school{font-size:14px}.hero-note-stats{margin:0}.hero-note-stats strong{font-size:24px}.hero-note-role{font-size:9px}.hero-note-email{font-size:10px;border:0}.hero-landscape{height:100%}.hero-landscape>img{object-position:62% 50%;opacity:.42}.hero-photo-shade{background:linear-gradient(180deg,#f2f6eef2,#f2f6eede 43%,#f2f6ee80 70%,#f2f6ee24),linear-gradient(90deg,rgba(242,246,238,.5),transparent)}.hero-landscape-caption{left:27px;right:27px;bottom:27px;font-size:9px}.hero-landscape-caption>a{font-size:9px}.editorial-hero .hero-ctas{margin-top:22px}.hero-editorial-foot{font-size:7px}}.hero-top{pointer-events:none}.hero-editorial-copy,.hero-profile-note{pointer-events:auto}.immersive-hero{position:relative;display:flex;flex-direction:column;isolation:isolate;min-height:100svh;padding:0;background:#293d46;overflow:hidden;color:#fff}.immersive-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.immersive-background img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%}.immersive-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0e1e2426,#1322281a 45%,#08161a59 75%,#051013d9)}.immersive-content{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:136px;padding-bottom:68px;text-align:center;min-height:calc(100svh - 135px);position:relative;z-index:1;max-width:1000px}.immersive-badge{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1.8px;color:#e0e8e6;padding:9px 15px;border-radius:25px;background:#a7babb15;border:1px solid #d4e4e020;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-bottom:27px}.immersive-badge i{width:5px;height:5px;border-radius:50%;background:#d4e8dd;box-shadow:0 0 8px #ddf5e885}.immersive-hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(64px,7.1vw,110px);line-height:1.05;letter-spacing:-3px;font-weight:400;margin:0 0 20px;color:#fff;white-space:normal;text-shadow:0 2px 22px #17262e28}.immersive-name{display:block;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;font-size:30px;letter-spacing:5px;line-height:1.5;margin-top:18px}.immersive-intro{color:#e0e7e4;font-size:13px;letter-spacing:1px;margin:0 0 10px}.immersive-line{color:#bac8c6;font-size:11px;letter-spacing:.6px;margin:0 0 29px}.immersive-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.immersive-actions .button{font-size:11px;gap:23px;padding:13px 23px}.immersive-primary{background:#f2f6f1;color:#2b403a;border:1px solid #f2f6f1}.immersive-primary:hover{background:#cbdcbd;color:#253a2c;border-color:#cbdcbd}.immersive-secondary{background:#e4ece809;color:#e7efea;border:1px solid #eef7ee48;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.immersive-secondary:hover{background:#edf4e7;color:#30462d;border-color:#edf4e7}.immersive-bottom{position:relative;z-index:1;padding-bottom:24px}.immersive-disciplines{display:flex;justify-content:center;gap:75px;padding-bottom:34px;color:#d1dcd8}.immersive-disciplines>span{text-align:center;font-size:14px;letter-spacing:2px}.immersive-disciplines small{display:block;font-size:7px;letter-spacing:1.7px;color:#9cacaa;margin-top:9px}.immersive-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ccded51f;padding-top:19px;font-size:8px;letter-spacing:1.4px;color:#a1b3b0}.immersive-footer>a{color:#c7d5cd;font-size:10px}.immersive-footer>a:hover{color:#fff}.nav:not(.is-fixed){background:transparent;border-bottom-color:#e7f3ef14;backdrop-filter:none;-webkit-backdrop-filter:none;color:#edf5ef}.nav:not(.is-fixed) .brand{color:#f3f7ef}.nav:not(.is-fixed) .brand-wordmark small{color:#d0ddd0}.nav:not(.is-fixed) .brand:hover{color:#bfd9ad}.nav:not(.is-fixed) .nav-contact{background:#eff4ed;border-color:#eff4ed;color:#31473a}.nav:not(.is-fixed) .nav-contact:hover{background:#bccfac;color:#2f452d!important;border-color:#bccfac}.nav:not(.is-fixed) nav>a:not(.nav-contact):hover{background:#eff5ed18;color:#fff}.nav:not(.is-fixed) .menu-toggle{color:#eef5ef}.nav:not(.is-fixed) .menu-toggle:hover{background:#eff5ed18;color:#fff}@media(max-width:1000px){.immersive-hero h1{font-size:78px}.immersive-content{padding-top:125px;padding-bottom:65px}.immersive-name{font-size:28px}.immersive-disciplines{gap:50px}}@media(max-width:650px){.immersive-content{min-height:calc(100svh - 137px);padding-top:112px;padding-bottom:60px}.immersive-hero h1{font-size:clamp(53px,14vw,78px);letter-spacing:-2px;margin-bottom:22px}.immersive-name{font-size:26px;letter-spacing:4px;margin-top:16px}.immersive-badge{font-size:8px;letter-spacing:1.2px;margin-bottom:24px;padding:8px 12px}.immersive-intro{font-size:11px}.immersive-line{font-size:10px;margin-top:3px;margin-bottom:25px}.immersive-actions .button{padding:12px 18px;font-size:10px;gap:19px}.immersive-background img{object-position:50% 50%}.immersive-bottom{padding-bottom:20px}.immersive-disciplines{gap:28px;padding-bottom:29px}.immersive-disciplines>span{font-size:11px;letter-spacing:.8px}.immersive-disciplines small{font-size:6px;letter-spacing:.8px;margin-top:8px}.immersive-footer{font-size:6px;letter-spacing:.8px;padding-top:16px}.immersive-footer>a{font-size:8px}.nav:not(.is-fixed) nav.open{background:#17282ef0;color:#edf5ef;border-bottom-color:#d5e3d623;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}@media(max-height:700px)and (min-width:651px){.immersive-content{padding-top:104px;padding-bottom:40px}.immersive-hero h1{font-size:76px}.immersive-name{font-size:26px;margin-top:13px}.immersive-badge{margin-bottom:20px}.immersive-disciplines{padding-bottom:24px}}:root{--page-dark:#102129;--panel-dark:#1b303a;--text-light:#edf3f4;--text-muted:#adbec5;--line:#ffffff20;--green:#a1bdc8;background:var(--page-dark);color:var(--text-light)}body{background:var(--page-dark);color:var(--text-light)}::selection{background:#789cae;color:#fff}a:hover{color:#cee1ea}a:focus-visible,button:focus-visible{outline-color:#b6d5e3}.about{position:relative;background:transparent}.about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 65% 12%,#375b681a,transparent 70%)}.section-label{color:#8fa9b6}.section-label>span{color:#bdcdd3}.about-content h2,.section-heading h2{font-weight:400;color:#edf4f5}.about-handle{font-family:Georgia,Times New Roman,serif;color:#b2c9d4}.profile-line{color:#93adb9}.about-content>p{color:#adbec5;font-size:14px;line-height:2}.about .portrait{padding:8px 8px 0;background:#1b303a;border:1px solid #c4dce321;border-radius:8px}.portrait img{filter:saturate(.45) brightness(.84)}.portrait-caption{color:#e4edef;padding:16px 10px}.portrait-caption span+span{color:#9db4bf}.stats{border-top-color:#bdd6e320}.stats strong{font-family:Georgia,Times New Roman,serif;color:#e4eff3}.stats strong span{color:#a3c3d2}.stats small{color:#92acb9}.about-links a{color:#c0d4dd;border-color:#bdd6e330}.about-links a:hover,.dialog-content>a:hover{color:#fff;background:#bed9e215;border-color:#b4d3e0}.timeline{border-top-color:#bdd6e322}.timeline span{color:#819fad}.timeline h3{color:#d8e6ec}.timeline p{color:#a4bac4}.work{background:#142830}.trade-work{background:#172b34;border-top-color:#b3d0df1a}.section-heading>p,.portfolio-module .section-heading>p{color:#9fb7c2}.heading-count{color:#7798a9}.project,.trade-work .project{background:#1b303a;border:1px solid #b9d9e318;border-radius:9px}.project:hover,.trade-work .project:hover{background:#243e4a;border-color:#b9d9e340}.project-image{background:#29414a}.project-image svg,.dialog-art svg{filter:hue-rotate(70deg) saturate(.45) brightness(.82)}.image-label{background:#132932da;color:#c4d8e1;border:1px solid #c6dde521;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.project-open{background:#dce9ee;color:#2e4a57}.project:hover .project-open{background:#a5c5d4;color:#1a313c}.project-meta small,.project-meta>span{color:#8baab9}.project-meta h3{color:#eef5f7;font-weight:400}.project:hover h3{color:#c8e2ef}.project-meta p{color:#adbec5}.work-note{color:#8eacba;border-top-color:#bdd6e320}.skills{background:transparent}.skill{background:#1b303a;border:1px solid #bdd6e31c;border-radius:8px}.skill:hover{background:#25404d;border-color:#bdd6e342}.skill-top{color:#94b9ca}.skill h3{color:#e5f0f4;font-size:16px;font-weight:450}.skill p{color:#a6bdc8;font-size:13px;line-height:1.9}.skill-tags{color:#d5e9f2;border-top-color:#bdd6e326;font-weight:600}.contact{position:relative;isolation:isolate;background:#122731 url(/hero-mountains-960.webp) center 70%/cover no-repeat;color:#e8f1f4}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#102129f7,#122731f0 40%,#132830d4 75%,#0a1a22ed)}.contact .section-label{color:#87a4b4}.contact .eyebrow{color:#afc6d2}.contact .eyebrow i{background:#b9d3df}.contact h2{color:#edf4f6;font-weight:400}.contact-handle{font-family:Georgia,Times New Roman,serif;font-size:clamp(64px,7.5vw,116px);letter-spacing:-3px;color:#e4f0f5}.contact-handle>span{color:#7da6bb}.contact-summary{color:#a5c0ce}.contact-logo{color:#668da14d}.contact-email{color:#d2e5ee;border-bottom-color:#bdd6e33d}.contact-email:hover{color:#fff;border-color:#bfdceb}.contact-details small{color:#7e9eae}.contact-details>div{color:#cbdfe9}.contact-details a:hover{color:#fff}.button.dark{background:#d7e8ef;color:#1c3541;border:1px solid #d7e8ef}.button.dark:hover,.button.dark:focus-visible{background:#a9c7d6;color:#152d39;border-color:#a9c7d6}.button.outline{border-color:#b4d0df45;color:#cee3ed;background:#b4d0df08}.button.outline:hover,.button.outline:focus-visible{background:#c9dfe9;color:#233f4e;border-color:#c9dfe9}.social-heading>span{color:#8cafc1}.social-heading small{color:#99b3c1}.social-card{--social-card-bg:#1b303a;--social-icon-ink:#1b303a;color:#c9e0ec;border-color:#bdd6e321}.social-text small{color:#a6becb}.social-text strong{color:#e0edf4}.social-card:hover,.social-card:focus-visible{--social-card-bg:#304e60;--social-icon-ink:#304e60;color:#f1f7fa;border-color:#b8d4e252}.social-card:hover small,.social-card:focus-visible small{color:#d0e5ef}footer{border-top-color:#bdd6e329;color:#8daab9}footer a:hover{color:#fff}.nav.is-fixed{color:#e3f0f6;background:#11222ccc;border-bottom-color:#bbd8e420;box-shadow:0 8px 30px #050e1530;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}.nav.is-fixed .brand{color:#e3eff4}.nav.is-fixed .brand-wordmark small{color:#a2bdcc}.nav.is-fixed .brand:hover{color:#b7d7e7}.nav.is-fixed nav>a:not(.nav-contact):hover{background:#b8d5e319;color:#fff}.nav.is-fixed .nav-contact{background:#d4e5ed;color:#27424f;border-color:#d4e5ed}.nav.is-fixed .nav-contact:hover{background:#a4c4d5;color:#203b49!important;border-color:#a4c4d5}.nav.is-fixed .menu-toggle{color:#dbeaf3}.nav.is-fixed .menu-toggle:hover{background:#c9deec18;color:#fff}.nav:not(.is-fixed) .nav-contact:hover{background:#bdd5df;color:#243e4b!important;border-color:#bdd5df}.nav:not(.is-fixed) .brand:hover{color:#c5dce7}.immersive-primary:hover{background:#bbd4df;color:#28434f;border-color:#bbd4df}.immersive-secondary:hover{background:#d6e6ed;color:#28434f;border-color:#d6e6ed}.copy-toast{background:#d0e3ed;color:#1f3b4a;border:1px solid #eaf5fa3f;box-shadow:0 8px 30px #030e1750}dialog{background:#182e39;color:#e7f1f6;border:1px solid #bdd6e333}dialog::backdrop{background:#060f18c4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{background:#d2e4ed;color:#253d4a}.dialog-close:hover{background:#98bbce;color:#0b2532}.dialog-content>small{color:#8eafc1}.dialog-content h2{color:#e7f3f8}.dialog-content p{color:#aec7d4}.dialog-role{border-top-color:#bdd6e322}.dialog-role small{color:#87a9bd}.dialog-content .pending-note{background:#213d4c;color:#b8d3e1}.dialog-content>a{color:#cce4f0;border-color:#bdd6e34d}.sr-only{color:inherit}@media(max-width:650px){.about-content>p{font-size:13px}.skill h3{font-size:14px}.skill p{font-size:12px}.skill-tags{font-size:15px;color:#d5e9f2}.contact-handle{font-size:clamp(51px,14vw,85px);letter-spacing:-2px}.nav.is-fixed nav.open{background:#11222cf5;color:#dbeaf3;border-bottom-color:#bbd8e424}.portrait-caption{padding:13px 8px}.contact:before{background:linear-gradient(180deg,#102129f5,#122731ec 60%,#132830d4)}}.skill-top>span{color:#94b9ca}.portfolio-shell{overflow:clip}.opening-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0c1c25;display:none;align-items:center;justify-content:center;pointer-events:none;color:#dceaf2}.opening-signature{font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,7vw,90px);letter-spacing:-3px;display:block;line-height:1.25}.opening-signature>span{font-family:Arial,sans-serif;display:block;text-align:center;font-size:8px;letter-spacing:3px;color:#7f9eae;margin-top:15px}.hero-title-mask,.hero-name-mask{display:block;overflow:hidden;line-height:1.2;padding:0 .12em;margin:0 -.12em}.hero-title-word{display:block;transform-origin:50% 100%}.hero-name-mask{margin-top:12px}.hero-name-mask .immersive-name{margin-top:0}.motion-title-window{overflow:hidden;margin:0 0 32px;padding:5px 0 7px}.motion-title{display:flex;gap:.2em;flex-wrap:wrap;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,6.3vw,110px);font-weight:400;line-height:1.08;letter-spacing:-3.5px;color:#e0edf3}.motion-title-word{display:block;transform-origin:0 100%}.about>.motion-title-window{max-width:1100px;margin-left:auto;margin-right:auto}.portfolio-module .motion-title{font-size:clamp(44px,6vw,106px)}.skills .motion-title{font-size:clamp(42px,5.7vw,96px)}.contact .motion-title-window{margin-bottom:32px}.contact .motion-title{color:#c2dae8}.section-label{margin-bottom:20px!important}.portfolio-module .section-heading,.skills .section-heading{margin-bottom:38px}.project,.skill,.social-card{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}.project-image{overflow:hidden}.equal-project .project-image svg{height:112%;width:100%;margin-top:-4%;transition:none;transform-origin:center center}.project:hover svg{transform:none}.portrait{overflow:hidden}.contact-inner{padding-bottom:0}.about-content,.contact-main{transform-origin:50% 100%}@media(max-width:1000px){.motion-title{font-size:clamp(43px,7vw,76px);letter-spacing:-2.4px}.portfolio-module .motion-title,.skills .motion-title{font-size:clamp(43px,7vw,76px)}}@media(max-width:650px){.motion-title-window{margin-bottom:23px;padding:4px 0}.motion-title,.portfolio-module .motion-title,.skills .motion-title{font-size:clamp(35px,9.2vw,54px);letter-spacing:-1.6px;line-height:1.14}.section-label{margin-bottom:15px!important}.portfolio-module .section-heading,.skills .section-heading{margin-bottom:28px}.hero-name-mask{margin-top:13px}.opening-signature{font-size:58px}.opening-signature>span{font-size:7px;letter-spacing:2px}.equal-project .project-image svg{height:100%;margin-top:0}.contact .motion-title-window{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){.opening-curtain{display:none!important}.project-image svg,.hero-title-word,.immersive-name,.motion-title-word{transform:none!important}.project:hover,.skill:hover,.social-card:hover{transform:none}.motion-title-window,.hero-title-mask,.hero-name-mask{overflow:visible}}.pack-cover{background:#f4f4f2}.pack-cover-visual{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pack-cover-visual img{width:100%;height:100%;object-fit:contain;filter:none;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.project:hover .pack-cover-visual img,.project:focus-visible .pack-cover-visual img{transform:translateY(-6px) scale(1.045)}}.pack-dialog{max-width:1080px;overscroll-behavior:contain}.pack-dialog .dialog-close{position:sticky;top:16px;float:right;margin:16px 16px -52px 0;z-index:5}.pack-dialog .dialog-content{padding:48px clamp(22px,5vw,64px)}.pack-dialog .dialog-content>small{padding-right:40px;display:block}.packaging-case{margin-top:36px}.case-gallery-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.case-gallery-heading h3,.case-story h3{font-size:24px;font-weight:500;color:#e7f3f8;line-height:1.5}.case-gallery-heading>span{font-size:13px;color:#9fbac8;white-space:nowrap}.case-gallery figure{margin:0}.case-gallery figure>a{display:flex;justify-content:center;align-items:center;background:#f6f6f4;border-radius:6px;overflow:hidden;cursor:zoom-in}.case-gallery figure img{display:block;max-height:640px;width:100%;object-fit:contain;filter:none}.case-gallery figcaption{padding:20px 0}.case-gallery figcaption strong{font-size:18px;color:#e7f3f8;font-weight:500}.case-gallery figcaption p{margin:8px 0;font-size:14px}.case-gallery figcaption>a{display:inline-block;font-size:13px;color:#c9e3ef;padding:6px 0;border-bottom:1px solid #c9e3ef50}.case-gallery figcaption>a:hover{color:#fff;border-color:#fff}.case-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.case-thumbnails button{padding:6px;background:#203944;border:1px solid #bdd6e32b;border-radius:6px;color:#aec7d4;text-align:left;transition:border-color .25s,background .25s}.case-thumbnails button:hover,.case-thumbnails button.is-active{border-color:#c5e0ed;background:#2d4a59}.case-thumbnails img{display:block;width:100%;height:110px;object-fit:contain;background:#f4f4f2;border-radius:3px}.case-thumbnails span{display:block;font-size:12px;padding:10px 5px 5px}.case-story{padding-top:32px;margin-top:32px;border-top:1px solid #bdd6e329}.case-story>small{font-size:11px;letter-spacing:1.8px;color:#9bbdce}.case-story h3{margin:12px 0 16px}.case-story p{margin:10px 0}.case-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.case-points article{padding:22px 18px;background:#203944;border:1px solid #bdd6e31b;border-radius:6px}.case-points article>span{font-family:Georgia,serif;color:#8caebb;font-size:25px}.case-points h4{font-size:17px;font-weight:500;color:#e7f3f8;margin:16px 0 8px}.case-points p{font-size:14px!important}.case-progress{padding:18px 0;border-top:1px solid #bdd6e322;margin:32px 0 18px;font-size:13px!important;color:#95b3c3!important}@media(max-width:650px){.pack-dialog .dialog-content{padding:40px 20px 28px}.case-gallery figure img{max-height:65svh}.case-gallery-heading h3,.case-story h3{font-size:20px}.case-thumbnails{gap:8px}.case-thumbnails img{height:72px}.case-thumbnails span{font-size:10px;padding:8px 0 3px}.case-points{grid-template-columns:1fr}.pack-dialog .dialog-content p{font-size:14px}.case-gallery figcaption strong{font-size:16px}.case-gallery-heading>span{font-size:12px}.case-story{margin-top:24px;padding-top:24px}}@media(prefers-reduced-motion:reduce){.pack-cover-visual img{transition:none!important;transform:none!important}}.trade-brand-cover{height:100%;background:#3391bd;display:flex;align-items:center;justify-content:center;overflow:hidden}.trade-brand-cover img{height:100%;width:100%;object-fit:contain;transition:scale 1s cubic-bezier(.22,1,.36,1)}.project:hover .trade-brand-cover img{scale:1.035}.muxi-cover{height:100%;padding:10%;background:linear-gradient(135deg,#244a60,#102935);display:flex;flex-direction:column;justify-content:center;text-align:left;color:#dbeaf0}.muxi-cover small{font-size:12px;letter-spacing:3px;color:#95bccd}.muxi-cover strong{font-size:clamp(30px,4vw,62px);font-weight:400;margin:20px 0}.muxi-cover>span{font-size:18px}.muxi-cover>div{margin-top:30px;padding-top:20px;border-top:1px solid #abcddb40;font-size:12px;color:#9fc4d5}.trade-case{margin-top:30px}.trade-tabs{display:flex;gap:8px;border-bottom:1px solid #bdd6e330;padding-bottom:14px;margin-bottom:28px;flex-wrap:wrap}.trade-tabs button{padding:12px 18px;border:1px solid #bdd6e335;color:#b7d1de;background:transparent;border-radius:4px;font-size:14px}.trade-tabs button:hover,.trade-tabs button[aria-selected=true]{color:#18323f;background:#cee3ec;border-color:#cee3ec}.trade-lead>small,.trade-role>small{font-size:11px;color:#91b9cb;letter-spacing:1.5px}.trade-lead h3{font-size:28px;font-weight:450;line-height:1.5;margin:14px 0}.trade-role{background:#213b48;border-left:2px solid #9cbfce;padding:24px;margin:28px 0}.trade-role h4,.trade-flow h4,.material-list h4{font-size:18px;font-weight:500;line-height:1.5;color:#e4f1f6;margin:10px 0}.trade-role>span{font-size:12px;color:#98b8c9}.trade-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.trade-flow article{border-top:1px solid #bdd6e340;padding-top:20px}.trade-flow article>span{font-size:12px;color:#91b9cb}.trade-source{font-size:12px!important;line-height:1.8!important;color:#96b6c7!important;margin:20px 0!important}.trade-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.trade-metrics>div{padding:24px 16px;background:#223f4c;border:1px solid #bdd6e322;border-radius:5px}.trade-metrics strong{font-size:clamp(26px,3.5vw,40px);font-family:Georgia,serif;font-weight:400;display:block;color:#e2f0f5}.trade-metrics span{display:block;margin-top:14px;font-size:14px;color:#a8c4d1}.preview-heading{margin-top:36px}.trade-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.trade-preview{margin:0;min-width:0}.trade-preview>a{display:block;background:#fff;border-radius:4px;overflow:hidden;cursor:zoom-in}.trade-preview img{display:block;width:100%;height:auto}.trade-preview figcaption{font-size:13px;line-height:1.7;color:#c4dce8;padding:14px 0}.trade-preview figcaption a{display:block;color:#92b6c9;margin-top:8px}.trade-preview figcaption a:hover{color:#fff}.material-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.material-list article{padding:20px;border:1px solid #bdd6e322;border-radius:4px;overflow-wrap:anywhere}.material-list article>span{font-size:12px;color:#8bafc3}.material-list p{margin-bottom:0}.material-list h4{font-size:16px}#trade-panel:focus-visible{outline:1px solid #91b9cb;outline-offset:8px}@media(max-width:650px){.trade-lead h3{font-size:22px}.trade-role{padding:20px}.trade-flow{grid-template-columns:1fr;gap:12px}.trade-metrics{gap:6px}.trade-metrics>div{padding:18px 10px}.trade-metrics strong{font-size:24px}.trade-metrics span{font-size:12px}.trade-tabs{gap:6px}.trade-tabs button{padding:10px 12px;font-size:13px}.material-list,.trade-previews{grid-template-columns:1fr}.trade-preview>a{max-width:350px;margin:0 auto}.muxi-cover strong{font-size:34px}}@media(prefers-reduced-motion:reduce){.trade-brand-cover img{transition:none;scale:1!important}}.material-group-title{font-size:18px;color:#d8eaf3;font-weight:500;padding-top:20px;border-top:1px solid #bdd6e329;margin:28px 0 0}.material-groups .material-list{margin-top:14px}.commercial-cover-visual{height:100%;width:100%;position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:4px;background:#132630;overflow:hidden}.commercial-cover-visual>img{height:100%;width:100%;object-fit:cover}.commercial-cover-visual>div{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:0}.commercial-cover-visual>div img{width:100%;height:100%;object-fit:cover}.commercial-cover-visual img{min-width:0;transition:scale 1s cubic-bezier(.22,1,.36,1)}.project:hover .commercial-cover-visual img{scale:1.035}.commercial-cover-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:#fff;font-size:34px;background:#162e3a77;border:1px solid #e0eff480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.commercial-case{margin-top:32px}.film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.film-heading small{font-size:11px;letter-spacing:1.6px;color:#94baca}.film-heading h3{font-size:24px;line-height:1.5;font-weight:500;margin:12px 0 0}.film-heading>span{font-size:11px;color:#92b4c5;white-space:nowrap}.film-player{background:#071218;border:1px solid #c6e0eb26;border-radius:6px;overflow:hidden;display:flex;justify-content:center;align-items:center}.film-player video{display:block;width:100%;max-height:65svh;min-height:240px;object-fit:contain;background:#071218}.film-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 0}.film-caption span{font-size:12px;color:#90b8c9}.film-caption h4{font-size:21px;margin:10px 0;font-weight:500;color:#e5f1f6}.film-caption p{margin:0!important}.film-caption>a{white-space:nowrap;color:#c7e0ec;font-size:13px;border-bottom:1px solid #c7e0ec50;padding:8px 0}.film-caption>a:hover{color:#fff;border-color:#fff}.film-filters{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #bedce92b;padding-top:24px;margin:10px 0 22px}.film-filters button{font-size:13px;background:transparent;border:1px solid #b9d8e33b;color:#a9cadb;padding:9px 15px;border-radius:4px}.film-filters button:hover,.film-filters button[aria-pressed=true]{color:#193544;background:#d0e5ef;border-color:#d0e5ef}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.film-card{min-width:0;padding:8px 8px 16px;text-align:left;background:#213b48;border:1px solid #bedce929;border-radius:5px;color:#dceef6;transition:background .3s,border-color .3s}.film-card:hover,.film-card.is-active{background:#2c4b5b;border-color:#bad7e4}.film-card>div{position:relative;height:156px;background:#0e222d;border-radius:3px;overflow:hidden}.film-card img{height:100%;width:100%;object-fit:contain}.film-play-icon{position:absolute;left:50%;top:50%;translate:-50% -50%;width:36px;height:36px;display:grid;place-items:center;background:#122c3bcc;border:1px solid #fff7;border-radius:50%;font-size:22px}.film-time{position:absolute;bottom:8px;right:8px;font-size:11px;background:#071622cc;padding:3px 5px;border-radius:3px}.film-card>small{display:block;font-size:11px;color:#9ebdcc;margin:14px 7px 9px}.film-card>strong{font-size:15px;font-weight:500;display:block;margin:0 7px;line-height:1.6}@media(max-width:650px){.film-heading h3{font-size:21px}.film-heading>span{font-size:10px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.film-card>div{height:130px}.film-card>strong{font-size:13px}.film-caption{display:block}.film-caption>a{display:inline-block;margin-top:12px}.film-player video{min-height:180px;max-height:60svh}.commercial-cover-play{height:48px;width:48px;font-size:26px}}@media(prefers-reduced-motion:reduce){.commercial-cover-visual img{transition:none;scale:1!important}}.learning-cover-visual{height:100%;width:100%;background:#edf0f3;overflow:hidden}.learning-cover-visual img{height:100%;width:100%;object-fit:cover;object-position:center top;transition:scale 1s cubic-bezier(.22,1,.36,1)}.project:hover .learning-cover-visual img{scale:1.035}.learning-case{margin-top:30px}.learning-note{font-size:13px;line-height:1.8;padding:16px 20px;background:#294654;border:1px solid #bdd6e32b;color:#d6e9f1;margin-bottom:24px;border-radius:4px}.learning-note span{display:block;color:#a7c2d0}.learning-product{margin:24px 0}.learning-product>a{display:block;background:#fff;border-radius:5px;overflow:hidden;cursor:zoom-in;max-width:740px;margin:auto}.learning-product img{display:block;width:100%;height:auto}.learning-product figcaption{display:flex;justify-content:space-between;font-size:13px;padding:16px 0;color:#c0dbe8}.learning-product figcaption a,.learning-pages figcaption a{color:#8fb6ca}.learning-product figcaption a:hover,.learning-pages figcaption a:hover{color:#fff}.learning-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.learning-pages figure{margin:0;min-width:0}.learning-pages figure>a{display:block;border:1px solid #bfdbe938;border-radius:4px;overflow:hidden;cursor:zoom-in}.learning-pages img{width:100%;height:auto;display:block}.learning-pages figcaption{font-size:13px;line-height:1.7;padding:14px 0}.learning-pages figcaption strong{font-weight:500;color:#c7dfea}.learning-pages figcaption a{display:block;margin-top:6px}.learning-downloads{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.learning-downloads .button{font-size:13px;padding:14px 20px}.learning-workflow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.learning-workflow article{display:flex;gap:16px;padding:18px;background:#203b49;border:1px solid #bedde91f;border-radius:4px}.learning-workflow article>span{font-family:Georgia,serif;font-size:25px;color:#91b6c8}.learning-workflow h4{font-size:16px;color:#dfeff6;font-weight:500;margin:0 0 8px}.learning-workflow p{margin:0;font-size:13px!important}#learning-panel:focus-visible{outline:1px solid #91b9cb;outline-offset:8px}@media(max-width:650px){.learning-pages{grid-template-columns:1fr}.learning-pages figure>a{max-width:380px;margin:auto}.learning-workflow{grid-template-columns:1fr}.learning-downloads .button{padding:12px 16px}.learning-note{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.learning-cover-visual img{transition:none;scale:1!important}}.product-cover-visual{width:100%;height:100%;overflow:hidden;background:#e6ebed}.product-cover-visual img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:scale 1s cubic-bezier(.22,1,.36,1)}.project:hover .product-cover-visual img{scale:1.04}.product-case{margin-top:32px}.product-case-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.product-case-heading small{color:#94b9cb;font-size:11px;letter-spacing:1.7px}.product-case-heading h3{font-size:25px;font-weight:500;line-height:1.5;margin:12px 0 0}.product-case-heading>span{font-size:13px;color:#9dc0d1;white-space:nowrap}.product-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-choice-grid button{padding:7px 7px 16px;border:1px solid #bddce82b;background:#213b49;color:#dceef5;border-radius:5px;text-align:left;min-width:0;transition:background .3s,border-color .3s}.product-choice-grid button:hover,.product-choice-grid button.is-active{background:#2e4d5e;border-color:#c7e2ef}.product-choice-grid img{display:block;object-fit:contain;width:100%;height:174px;background:#142b36;border-radius:3px}.product-choice-grid small{font-size:10px;color:#9bbdce;display:block;line-height:1.7;margin:12px 5px 8px}.product-choice-grid strong{font-size:14px;line-height:1.7;font-weight:500;display:block;margin:0 5px}.product-work-intro{padding:28px 0;margin-top:24px;border-top:1px solid #bddce82b}.product-work-intro>small{font-size:12px;color:#91b9cc}.product-work-intro h4{font-size:23px;line-height:1.6;font-weight:500;margin:12px 0;color:#dfedf5}.product-work-intro p{margin:0 0 20px}.product-work-tags{display:flex;flex-wrap:wrap;gap:8px}.product-work-tags span{font-size:12px;color:#b6d2e0;background:#25414f;padding:7px 11px;border:1px solid #bddce821;border-radius:3px}.product-board{margin:0}.product-board>a{display:block;max-width:820px;margin:auto;border-radius:5px;overflow:hidden;background:#10222d;cursor:zoom-in}.product-board img{width:100%;height:auto;display:block;filter:none}.product-board figcaption{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#b2cfdf;padding:18px 0}.product-board figcaption a{color:#91b9cc}.product-board figcaption a:hover{color:#fff}@media(max-width:650px){.product-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-choice-grid img{height:155px}.product-choice-grid strong{font-size:13px}.product-case-heading h3{font-size:22px}.product-work-intro h4{font-size:21px}}@media(prefers-reduced-motion:reduce){.product-cover-visual img{transition:none;scale:1!important}}@media(min-width:651px){.product-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.liuyao-cover-visual{height:100%;width:100%;background:#3e3428;overflow:hidden}.liuyao-cover-visual img{height:100%;width:100%;object-fit:cover;object-position:center 58%;transition:scale 1s cubic-bezier(.22,1,.36,1)}.project:hover .liuyao-cover-visual img{scale:1.04}.liuyao-case{margin-top:32px}.liuyao-lead>small{font-size:11px;color:#91b9cb;letter-spacing:1.6px}.liuyao-lead h3{font-size:28px;font-weight:500;line-height:1.55;margin:14px 0}.liuyao-lead .product-work-tags{margin-top:22px}.liuyao-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.liuyao-steps article{padding:20px 16px;border-top:1px solid #bddce84d;background:#203945}.liuyao-steps article>span{font-family:Georgia,serif;font-size:27px;color:#91b9cb}.liuyao-steps h4{font-size:17px;font-weight:500;color:#e5eff5;margin:16px 0 10px}.liuyao-steps p{font-size:13px!important}.liuyao-gallery{margin-top:42px;padding-top:32px;border-top:1px solid #bddce829}.liuyao-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 28px}.liuyao-thumbs button{min-width:0;background:#213b48;border:1px solid #bddce829;color:#dcebf4;border-radius:4px;text-align:left;padding:6px 6px 14px;transition:background .25s,border-color .25s}.liuyao-thumbs button:hover,.liuyao-thumbs button.is-active{background:#2d4b5b;border-color:#bcdde9}.liuyao-thumbs img{width:100%;height:120px;object-fit:contain;display:block;background:#112732}.liuyao-thumbs small{display:block;color:#91b9cb;font-size:11px;margin:12px 5px 8px}.liuyao-thumbs strong{display:block;font-size:13px;font-weight:500;line-height:1.7;margin:0 5px}.liuyao-image-note{padding:14px 18px;background:#213b48;border-left:2px solid #9cbccc;margin:0 0 24px!important}@media(max-width:650px){.liuyao-lead h3{font-size:22px}.liuyao-steps,.liuyao-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.liuyao-steps h4{font-size:16px}.liuyao-thumbs img{height:100px}.liuyao-gallery{margin-top:30px}}@media(prefers-reduced-motion:reduce){.liuyao-cover-visual img{transition:none;scale:1!important}}.pack-video-section{margin-top:36px;padding-top:30px;border-top:1px solid #bddce829}.pack-video-section>a{display:inline-block;color:#a9cddb;border-bottom:1px solid #bcdbe84a;padding:7px 0;font-size:13px}.pack-video-section>a:hover{color:#fff;border-color:#fff}.pack-video-section .film-player video{max-height:60svh}.pack-video-section .case-gallery-heading>span{font-size:12px;color:#93b8ca}.commercial-view-tabs button[aria-pressed=true]{background:#cee3ec;color:#18323f;border-color:#cee3ec}.commercial-photo-preview{margin:0}.commercial-photo-preview>a{background:#0c202b;border:1px solid #bddce826;border-radius:5px;overflow:hidden;display:block;cursor:zoom-in}.commercial-photo-preview img{display:block;width:100%;height:clamp(300px,60vh,640px);object-fit:contain;filter:none}.commercial-photo-preview figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 0}.commercial-photo-preview figcaption small{font-size:12px;color:#91b9cb}.commercial-photo-preview h4{font-size:21px;font-weight:500;line-height:1.6;color:#e2eef5;margin:10px 0}.commercial-photo-preview p{margin:0}.commercial-photo-preview figcaption>a{font-size:13px;color:#b6d5e4;white-space:nowrap;border-bottom:1px solid #b6d5e440;padding:8px 0}.commercial-photo-preview figcaption>a:hover{color:#fff;border-color:#fff}.commercial-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.commercial-photo-grid button{padding:6px 6px 14px;background:#203a48;color:#deeff6;text-align:left;border:1px solid #bddce829;border-radius:5px;min-width:0;transition:background .25s,border-color .25s}.commercial-photo-grid button:hover,.commercial-photo-grid button.is-active{background:#2d4b5b;border-color:#bddce8}.commercial-photo-grid img{display:block;width:100%;height:150px;object-fit:contain;background:#0d2532;border-radius:3px}.commercial-photo-grid small{display:block;margin:12px 5px 8px;font-size:11px;color:#91b9cb}.commercial-photo-grid strong{display:block;margin:0 5px;font-size:13px;font-weight:500;line-height:1.7}.commercial-case .film-heading>span{font-size:10px}@media(max-width:650px){.commercial-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commercial-photo-grid img{height:130px}.commercial-photo-preview img{height:clamp(260px,55svh,520px)}.commercial-photo-preview figcaption{display:block}.commercial-photo-preview figcaption>a{display:inline-block;margin-top:10px}.commercial-case .film-heading{align-items:flex-start}.commercial-case .film-heading>span{max-width:80px;white-space:normal;line-height:1.8;text-align:right}}#nav-sentinel{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}.project-loading{padding:50px 20px;min-height:160px;display:grid;place-items:center;color:#adcbd9;border-top:1px solid #bddce825}