:root{color-scheme:light;--background:#f5efe5;--surface:#fffaf2;--surface-strong:#fff;--ink:#211711;--ink-soft:#6e625a;--line:#21171126;--line-strong:#21171147;--red:#ff342f;--orange:#ff9f1c;--yellow:#ffd077;--brown:#6b3d20;--shadow:0 24px 70px #4b301e1f;--radius-small:14px;--radius-medium:24px;--radius-large:38px;font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--background:#17120f;--surface:#211a16;--surface-strong:#2a211c;--ink:#fff8ee;--ink-soft:#bfb1a6;--line:#fff8ee1f;--line-strong:#fff8ee3d;--shadow:0 24px 80px #00000057}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{background:radial-gradient(circle at 7% 4%, #ff9f1c1f, transparent 22rem), radial-gradient(circle at 93% 24%, #ff342f14, transparent 27rem), var(--background);min-width:320px;color:var(--ink);margin:0;font-size:16px;line-height:1.6;transition:background-color .22s,color .22s;overflow-x:hidden}button,a{color:inherit}a{text-decoration:none}button{font:inherit}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;display:block}[data-copy=en],:root[data-language=en] [data-copy=zh]{display:none}:root[data-language=en] [data-copy=en]{display:revert}::selection{background:var(--yellow);color:#211711}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip-link{z-index:100;background:var(--ink);color:var(--background);border-radius:999px;padding:10px 16px;transition:transform .16s;position:fixed;top:16px;left:16px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(1240px,100% - 48px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px;display:grid}.wordmark{letter-spacing:-.05em;justify-self:start;font-size:1.25rem;font-weight:850}.wordmark span{color:var(--red)}.site-nav{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:clamp(20px,3vw,42px);font-size:.82rem;font-weight:700;display:flex}.site-nav a{padding-block:8px;position:relative}.site-nav a:after{background:var(--red);content:"";transform-origin:100%;height:2px;transition:transform .18s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.site-controls{justify-self:end;gap:8px;display:flex}.control-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.control-button:hover{border-color:var(--line-strong);background:var(--surface);transform:translateY(-2px)}.language-button{border-radius:999px;width:auto;min-width:48px;padding-inline:11px}.language-target{letter-spacing:.06em;font-size:.72rem;font-weight:850}.theme-button svg{width:18px;height:18px}.sun-icon,:root[data-theme=dark] .moon-icon{display:none}:root[data-theme=dark] .sun-icon{display:block}.hero{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:clamp(48px,8vw,112px);min-height:min(760px,100svh - 92px);padding:clamp(72px,10vw,128px) 0;display:grid}.eyebrow{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:13px;margin:0 0 22px;font-size:.75rem;font-weight:780;display:flex}.eyebrow-line{background:var(--red);width:36px;height:2px}.hero h1{letter-spacing:-.075em;max-width:760px;margin:0;font-size:clamp(3.7rem,7.2vw,7rem);font-weight:790;line-height:.96}.hero h1 em{color:var(--red);white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after{background:var(--orange);content:"";border-radius:50%;width:.17em;height:.17em;position:absolute;bottom:-.09em;right:.02em}.hero-intro{max-width:640px;color:var(--ink-soft);margin:22px 0 0;font-size:clamp(1.05rem,1.7vw,1.22rem);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:12px 21px;font-size:.9rem;font-weight:760;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.button svg{width:18px;height:18px;transition:transform .18s}.button:hover{transform:translateY(-3px)}.button:hover svg{transform:translate(3px)}.button-primary{background:var(--ink);color:var(--background)}.button-secondary{border-color:var(--line-strong);background:0 0}.button-secondary:hover{background:var(--surface)}.portrait-wrap{justify-self:end;width:min(100%,480px);position:relative}.portrait-orbit{border:1px solid var(--line);pointer-events:none;border-radius:50%;position:absolute}.portrait-orbit-one{inset:-9% -10% 9% 10%}.portrait-orbit-two{inset:8% 5% -8% -10%}.portrait-card{z-index:1;border:1px solid var(--line);border-radius:var(--radius-large);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:var(--shadow);padding:clamp(16px,2vw,24px);position:relative;overflow:hidden;transform:rotate(2.5deg)}.portrait-accent{z-index:2;color:#ffffff54;pointer-events:none;font-family:ui-serif,Georgia,serif;font-size:clamp(4rem,8vw,7rem);font-style:italic;line-height:1;position:absolute;top:10px;right:20px}.portrait-card .portrait{border-radius:calc(var(--radius-large) - 14px);background:var(--red);width:100%;height:auto;display:block}.portrait-caption{color:var(--ink-soft);letter-spacing:.04em;justify-content:center;align-items:center;gap:9px;padding:17px 8px 2px;font-size:.79rem;font-weight:720;display:flex}.section-grid{border-top:1px solid var(--line);grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:clamp(40px,9vw,130px);padding:clamp(92px,12vw,156px) 0;display:grid}.section-heading{grid-template-columns:auto 1fr;align-content:start;column-gap:18px;display:grid}.section-index{color:var(--red);margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:750}.section-heading h2,.section-kicker h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05}.about-copy{max-width:720px}.about-copy p{color:var(--ink-soft);margin:0;font-size:1.06rem;line-height:1.85}.about-copy .lead{color:var(--ink);margin-bottom:24px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:clamp(1.65rem,3vw,2.7rem);line-height:1.35}.portal-section{border-radius:var(--radius-large);background:var(--ink);color:var(--background);padding:clamp(72px,9vw,112px)}:root[data-theme=dark] .portal-section{color:#211711;background:#fff3e5}.section-kicker{justify-content:space-between;align-items:end;gap:32px;margin-bottom:52px;display:flex}.section-kicker p{opacity:.66;max-width:340px;margin:0}.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.portal-card{border:1px solid;border-color:color-mix(in srgb, currentColor 17%, transparent);border-radius:var(--radius-medium);min-height:290px;padding:24px;transition:background-color .19s,color .19s,transform .19s;display:grid;position:relative}a.portal-card:hover{background:var(--orange);color:#211711;transform:translateY(-5px)}.portal-card-featured{background:var(--red);color:#fff}.portal-number{justify-self:end;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.portal-icon{border:1px solid;border-radius:50%;place-items:center;width:54px;height:54px;margin-top:18px;display:grid}.portal-icon svg{width:24px;height:24px}.portal-card-copy{align-self:end}.portal-card-copy p{letter-spacing:.12em;opacity:.62;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:750}.portal-card-copy h3{overflow-wrap:anywhere;letter-spacing:-.025em;margin:0;font-size:clamp(1.15rem,1.8vw,1.45rem)}.portal-arrow{opacity:0;width:21px;height:21px;transition:opacity .18s,transform .18s;position:absolute;bottom:24px;right:23px;transform:translate(-6px,6px)}.portal-card:hover .portal-arrow{opacity:1;transform:translate(0)}.projects{padding:clamp(100px,13vw,180px) 0}.projects-heading{grid-template-columns:auto minmax(0,1fr) minmax(240px,.65fr);align-items:end;margin-bottom:54px}.projects-heading p:last-child{max-width:360px;color:var(--ink-soft);justify-self:end;margin:0}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--surface);flex-direction:column;min-height:410px;padding:clamp(26px,4vw,46px);display:flex;position:relative;overflow:hidden}.project-card h3{letter-spacing:-.055em;max-width:500px;margin:auto 0 18px;font-size:clamp(1.8rem,3.7vw,3.2rem);line-height:1.08}.project-card p{max-width:520px;color:var(--ink-soft);margin:0}.project-meta{letter-spacing:.08em;justify-content:space-between;align-items:center;gap:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;font-weight:720;display:flex}.project-status{border:1px solid var(--line-strong);border-radius:999px;padding:5px 9px}.project-tags{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.project-tags span{background:var(--background);color:var(--ink-soft);border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:720}.project-card-dark{background:var(--brown);color:#fff9f1}.project-card-dark p{color:#fff9f1ab}.project-card-dark .project-status{border-color:#fff9f159}.project-constellation{pointer-events:none;position:absolute;inset:0}.project-constellation:before,.project-constellation:after{content:"";transform-origin:0;background:#fff9f12e;width:220px;height:1px;position:absolute}.project-constellation:before{top:28%;right:-34px;transform:rotate(38deg)}.project-constellation:after{top:15%;right:-70px;transform:rotate(113deg)}.project-constellation span{background:var(--yellow);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 0 6px #ffd0771f}.project-constellation span:first-child{top:15%;right:19%}.project-constellation span:nth-child(2){top:29%;right:7%}.project-constellation span:nth-child(3){top:36%;right:28%}.project-constellation span:nth-child(4){top:10%;right:37%}.project-card-small{background:var(--yellow);color:#211711;grid-column:1/-1;min-height:260px}.project-card-small h3{max-width:760px;margin-top:auto}.project-card-small a{border-bottom:1px solid;align-self:flex-start;align-items:center;gap:8px;margin-top:24px;font-size:.82rem;font-weight:760;display:inline-flex}.project-card-small a svg{width:17px;height:17px}.contact{border-radius:var(--radius-large) var(--radius-large) 0 0;background:var(--red);color:#fff;min-height:540px;padding:clamp(62px,9vw,112px);position:relative;overflow:hidden}.contact-label{letter-spacing:.14em;text-transform:uppercase;margin:0 0 40px;font-size:.76rem;font-weight:780}.contact h2{z-index:1;letter-spacing:-.075em;max-width:760px;margin:0;font-size:clamp(3.5rem,8vw,7.8rem);line-height:.9;position:relative}.contact-email{z-index:1;border-bottom:2px solid;align-items:center;gap:12px;margin-top:46px;padding-bottom:4px;font-size:clamp(1rem,2vw,1.25rem);font-weight:740;display:inline-flex;position:relative}.contact-email svg{width:21px;height:21px;transition:transform .18s}.contact-email:hover svg{transform:translate(4px,-4px)}.contact-shape{aspect-ratio:1;border:clamp(60px, 10vw, 130px) solid var(--orange);opacity:.85;border-radius:50%;width:min(54vw,620px);position:absolute;bottom:-52%;right:-8%}.site-footer{min-height:112px;color:var(--ink-soft);letter-spacing:.04em;grid-template-columns:repeat(3,1fr);align-items:center;padding-inline:6px;font-size:.76rem;font-weight:680;display:grid}.site-footer p{margin:0}.site-footer p:nth-child(2){justify-self:center}.site-footer a{justify-self:end;align-items:center;gap:7px;display:inline-flex}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto}.portrait-wrap{justify-self:center;width:min(78%,440px);margin-top:24px}.section-grid{grid-template-columns:1fr}.portal-section{padding:64px 32px}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:230px}.projects-heading{grid-template-columns:auto 1fr}.projects-heading p:last-child{grid-column:2;justify-self:start;margin-top:18px}}@media (width<=680px){.site-shell{width:min(100% - 28px,1240px)}.site-header{grid-template-columns:1fr auto;min-height:76px}.site-nav{display:none}.hero{gap:42px;padding:70px 0 96px}.hero h1{font-size:clamp(3.15rem,16vw,5rem)}.hero-intro{font-size:1rem}.portrait-wrap{width:88%}.section-grid{padding:90px 0}.section-heading h2,.section-kicker h2{font-size:2.35rem}.section-kicker{display:block}.section-kicker p{margin-top:14px}.portal-section{border-radius:28px;margin-inline:-7px;padding:54px 20px}.project-list{grid-template-columns:1fr}.project-card-small{grid-column:auto}.project-card{min-height:350px}.contact{border-radius:28px 28px 0 0;min-height:500px;margin-inline:-7px;padding:54px 25px}.contact h2{font-size:clamp(3.4rem,17vw,5.4rem)}.contact-shape{width:110vw;bottom:-24%;right:-42%}.site-footer{grid-template-columns:1fr auto;min-height:96px}.site-footer p:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}