:root{--ink:#111310;--paper:#f5f6f4;--muted:#757a70;--acid:#d4fa77;--line:#d9dcd5;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--ink);font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:var(--acid);color:var(--ink)}:focus-visible{outline:2px solid #7caa28;outline-offset:6px}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:12px;background:var(--acid);transform:translateY(-160%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;background:var(--acid);width:100%;transform:scaleX(0);transform-origin:left;z-index:50}.nav{position:absolute;top:0;left:0;right:0;height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5.5%;color:#edf0e8;z-index:10;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;white-space:nowrap}.brand-mark{font-size:36px;color:var(--acid);line-height:1}.brand-sub{font-size:12px;font-weight:400;margin-left:6px;letter-spacing:.08em;color:#b1b7ac}.nav nav{display:flex;gap:34px;font-size:14px}.nav nav a{position:relative;padding:10px 0}.nav nav a:after{content:"";position:absolute;bottom:2px;left:0;height:1px;background:var(--acid);width:100%;transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav nav a:hover:after{transform:scaleX(1)}.nav-contact{font-size:14px;display:flex;align-items:center;gap:18px;border:1px solid #ffffff40;border-radius:30px;padding:12px 20px;transition:background .3s,color .3s}.nav-contact:hover{background:var(--acid);color:var(--ink)}.contact-dot{width:7px;height:7px;background:var(--acid);border-radius:50%}.nav-contact:hover .contact-dot{background:var(--ink)}.hero{min-height:800px;height:100svh;max-height:1150px;position:relative;overflow:hidden;padding:145px 5.5% 32px;color:var(--paper);display:flex;flex-direction:column}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,#ffffff06 50%,transparent 50.05%),linear-gradient(#ffffff02 1px,transparent 1px);background-size:100% 100%,100% 90px;pointer-events:none}.hero-topline{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:#9da393;position:relative}.hero-body{display:grid;grid-template-columns:1.15fr 1fr;flex:1;align-items:center;position:relative}.eyebrow{font-size:12px;letter-spacing:.15em;line-height:1.8}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{color:var(--acid);margin-bottom:27px}h1{font-size:clamp(58px,6.3vw,108px);line-height:1.25;letter-spacing:-.06em;font-weight:800;margin:0 0 28px}h1 span{color:var(--acid)}.hero-description{font-size:16px;line-height:1.9;color:#aeb5a4;margin:0 0 32px}.hero-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;border-bottom:1px solid #69745a;padding:0 0 12px}.line-icon{width:25px;height:9px;border-top:1px solid var(--acid);border-bottom:1px solid var(--acid);transition:width .3s}.hero-link:hover .line-icon{width:40px}.orbit-wrap{height:min(580px,48vw);width:115%;position:relative;margin-left:-6%;transform:translateY(var(--hero-offset,0px));will-change:transform}#orbit{width:100%;height:100%;display:block}.orbit-center{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:7px;font-size:14px;font-weight:500;letter-spacing:.28em;color:#d4fa77ce}.orbit-coordinate{position:absolute;bottom:10%;right:5%;font-size:12px;letter-spacing:.1em;color:#737d63;writing-mode:vertical-rl}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9da393;letter-spacing:.08em;gap:20px}.scroll-hint{display:flex;align-items:center;gap:12px}.scroll-mouse{height:23px;width:14px;border:1px solid #8d9581;border-radius:8px;position:relative}.scroll-mouse:after{content:"";width:2px;height:5px;position:absolute;left:5px;top:4px;background:var(--acid);animation:scroll-indicator 1.8s infinite}@keyframes scroll-indicator{70%{transform:translateY(7px);opacity:0}100%{opacity:0}}.hero-number{color:var(--acid)}.section-light{background:var(--paper);padding:95px 7.5%}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.13em;color:#74786e;border-top:1px solid var(--line);padding-top:22px}.about{padding-bottom:115px}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:65px;margin-top:80px}.asterisk{display:block;font-size:94px;line-height:1;color:#71963f;margin-bottom:45px}.about-aside p{font-size:14px;color:var(--muted);line-height:1.9}h2{font-size:clamp(32px,3.4vw,54px);line-height:1.5;letter-spacing:-.04em;font-weight:600;margin:0}.underline-accent{position:relative;white-space:nowrap}.underline-accent:after{content:"";position:absolute;bottom:0;left:0;right:0;height:12px;background:var(--acid);z-index:0;mix-blend-mode:multiply}.about-text{font-size:17px;line-height:2;color:#6c7166;max-width:640px;margin:34px 0}.about-tags{display:flex;flex-wrap:wrap;gap:10px}.about-tags span{font-size:13px;border:1px solid #d4d8cb;padding:9px 17px;border-radius:25px}.journey{height:260svh;position:relative;background:var(--ink);color:var(--paper)}.journey-sticky{height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:45px 7.5%}.journey-label{position:absolute;top:45px;left:7.5%;right:7.5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.13em;color:#919a83}.journey-words{width:100%;height:260px;position:relative;z-index:2}.journey-word{position:absolute;inset:0;margin:0;text-align:center;font-size:clamp(90px,15vw,235px);font-weight:800;line-height:1.2;letter-spacing:-.07em;will-change:transform,opacity;display:flex;align-items:center;justify-content:center}.word-two,.word-three{opacity:0}.word-three{color:var(--acid)}.journey-caption{position:absolute;bottom:70px;left:7.5%;right:7.5%;display:flex;align-items:flex-end;justify-content:space-between;z-index:2}.journey-count{font-size:13px;letter-spacing:.08em;color:var(--acid)}.journey-caption p{font-size:15px;line-height:1.85;color:#aab39b;margin:0;min-width:280px}.journey-track{height:1px;position:absolute;bottom:40px;left:7.5%;right:7.5%;background:#ffffff20}.journey-track span{height:2px;width:100%;display:block;background:var(--acid);transform:scaleX(var(--journey-progress,0));transform-origin:left}.journey-circle{position:absolute;width:74vw;aspect-ratio:1;border:1px solid #d4fa7720;border-radius:50%;transform:scale(var(--ring-scale,.7));opacity:.65;will-change:transform}.journey-circle:before,.journey-circle:after{content:"";position:absolute;inset:12%;border:1px solid #d4fa7719;border-radius:50%}.journey-circle:after{inset:25%}.explore{padding-bottom:80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:55px 0 45px;gap:30px}.section-heading h2{font-size:clamp(32px,4vw,62px)}.section-heading p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.project-list{border-bottom:1px solid var(--line)}.project{width:100%;display:grid;grid-template-columns:60px minmax(200px,1fr) minmax(200px,1fr);gap:45px;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:36px 0;align-items:center}.project-no{font-size:13px;color:#7f8577;align-self:start;padding-top:7px}.project-art{aspect-ratio:1.6;position:relative;overflow:hidden;padding:30px;display:flex;align-items:center;isolation:isolate}.project-art>span{font-size:clamp(28px,3.8vw,57px);font-weight:900;line-height:.97;letter-spacing:-.045em;position:relative;z-index:1;transition:transform .7s var(--ease)}.project-art>i{position:absolute;right:18px;top:18px;width:10px;height:10px;border:1px solid currentColor;border-radius:50%}.project:hover .project-art>span{transform:translateX(7px)}.art-digital{background:#d4fa77;color:#182914}.digital-lines{position:absolute;inset:-100%;background:repeating-linear-gradient(45deg,transparent 0 30px,#31561415 30px 31px);transform:rotate(0deg);transition:transform 1.5s}.project:hover .digital-lines{transform:rotate(8deg)}.art-create{background:#181c18;color:#f1f4ee}.create-grid{position:absolute;inset:0;background:linear-gradient(#d4fa7718 1px,transparent 1px),linear-gradient(90deg,#d4fa7718 1px,transparent 1px);background-size:25px 25px;transform:perspective(400px) rotateY(-30deg) scale(1.4);transition:transform 1s}.project:hover .create-grid{transform:perspective(400px) rotateY(0deg) scale(1.2)}.art-observe{background:#d9e0d3;color:#364232}.observe-rings{position:absolute;width:80%;aspect-ratio:1;right:-20%;background:repeating-radial-gradient(circle,transparent 0 13px,#3a543d38 14px 15px);transition:transform 1s}.project:hover .observe-rings{transform:scale(1.12)}.project-category{font-size:12px;letter-spacing:.13em;color:#777f6f}.project h3{font-size:32px;font-weight:500;letter-spacing:-.02em;margin:16px 0}.project-copy>p{font-size:15px;color:#727a6a;line-height:1.8;margin:0 0 35px}.project-open{font-size:13px;display:flex;align-items:center;gap:50px}.project-open>span{border:1px solid #d3d9cb;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;transition:background .3s}.project:hover .project-open>span{background:var(--acid)}.notes{padding-top:25px;padding-bottom:120px}.notes-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;margin-top:60px}.notes-list details{border-bottom:1px solid var(--line)}.notes-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;cursor:pointer;padding:23px 0;font-size:18px;line-height:1.7}.notes-list summary::-webkit-details-marker{display:none}.notes-list small{display:block;font-size:12px;letter-spacing:.08em;color:#77806e;margin-bottom:9px}.details-plus{font-size:25px;font-weight:400;color:#6f7d61;transition:transform .3s}.notes-list details[open] .details-plus{transform:rotate(45deg)}.notes-list details p{font-size:16px;line-height:2;color:#68735c;margin:0;padding:3px 30px 28px 0}.hello{background:var(--acid);padding:70px 7.5% 65px;overflow:hidden}.hello .section-label{color:#566333;border-color:#1b2b1930}.hello>.eyebrow{margin:65px 0 28px;color:#5b6d39}.hello h2{font-size:clamp(65px,10vw,160px);font-weight:700;letter-spacing:-.07em;line-height:1.22}.hello h2>span{color:#75894e}.hello-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:50px}.hello-bottom p{font-size:16px;line-height:1.9;color:#526238;margin:0}.back-top{display:flex;gap:26px;align-items:center;font-size:14px}.back-icon{width:52px;height:52px;border:1px solid #26371650;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .3s}.back-top:hover .back-icon{background:var(--ink);color:var(--acid)}footer{padding:28px 7.5%;display:flex;justify-content:space-between;gap:20px;color:#9ca591;font-size:12px;letter-spacing:.05em}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}dialog{background:var(--paper);color:var(--ink);border:0;padding:60px;max-width:660px;width:calc(100% - 40px);border-radius:2px}dialog::backdrop{background:#050705b8;backdrop-filter:blur(8px)}dialog .eyebrow{color:#6f795f}dialog h2{margin:20px 0;font-size:40px}dialog>p{font-size:17px;line-height:2;color:#65705a;white-space:pre-line}.dialog-close{position:absolute;right:17px;top:10px;font-size:32px;border:0;background:none;padding:5px 10px}.dialog-end{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:12px;letter-spacing:.08em;color:#7b866d}
@media(min-width:1600px){.hero-body,.hero-topline,.hero-bottom{max-width:1500px;width:100%;margin:auto}.about-grid,.section-heading,.project-list,.notes-grid{max-width:1400px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){.brand-sub{display:none}.hero{min-height:740px;padding-top:140px}.hero-body{grid-template-columns:1.15fr 1fr}h1{font-size:6.7vw}.orbit-wrap{width:130%;margin-left:-20%;height:55vw}.about-grid{grid-template-columns:.6fr 2fr;gap:40px}.project{gap:25px;grid-template-columns:35px 1fr 1fr}.project-art{padding:22px}.project h3{font-size:28px}.project-copy>p{font-size:16px;margin-bottom:20px}.notes-grid{gap:40px}.notes-list summary{font-size:16px}}
@media(max-width:700px){html{scroll-padding-top:25px}.nav{height:82px;padding:0 6%}.brand{font-size:16px;gap:8px}.brand-mark{font-size:29px}.nav nav{gap:20px;font-size:13px}.nav-contact{display:none}.hero{height:auto;min-height:940px;max-height:none;padding:113px 6% 27px}.hero-topline{font-size:12px;gap:20px}.hero-body{display:flex;flex-direction:column;align-items:stretch;flex:initial;margin-top:50px}.hero-copy .eyebrow{font-size:12px;margin:0 0 19px}h1{font-size:clamp(45px,10.7vw,72px);line-height:1.25;margin-bottom:22px;letter-spacing:-.055em}.hero-description{font-size:16px;margin-bottom:24px}.hero-link{font-size:13px;gap:20px}.orbit-wrap{height:370px;width:115%;margin:4px -7.5% -10px}.orbit-center{font-size:12px}.orbit-coordinate{font-size:12px;bottom:6%;right:9%}.hero-bottom{margin-top:auto;font-size:12px;gap:15px}.hero-bottom>span:nth-child(2){display:none}.section-light{padding:65px 7%}.section-label{font-size:12px;letter-spacing:.08em;padding-top:18px}.about-grid{display:flex;flex-direction:column;gap:20px;margin-top:43px}.about-aside{display:flex;align-items:center;gap:28px}.asterisk{font-size:60px;margin:0}.about-aside p{font-size:12px}.about h2{font-size:clamp(27px,6.3vw,38px)}.about-text{font-size:16px;line-height:1.95;margin:25px 0}.about-tags{gap:7px}.about-tags span{font-size:12px;padding:8px 13px}.journey{height:220svh}.journey-sticky{min-height:480px}.journey-label{top:32px;left:7%;right:7%;font-size:12px}.journey-words{height:160px}.journey-word{font-size:23vw}.journey-circle{width:125vw}.journey-caption{left:7%;right:7%;bottom:60px;gap:30px}.journey-caption p{font-size:12px;min-width:0}.journey-count{font-size:12px}.journey-track{bottom:31px;left:7%;right:7%}.section-heading{margin:40px 0 25px}.section-heading h2{font-size:29px}.section-heading p{font-size:14px}.project{grid-template-columns:28px 1fr;gap:15px;padding:25px 0;align-items:start}.project-art{grid-column:2;aspect-ratio:1.55;padding:26px}.project-art>span{font-size:45px}.project-copy{grid-column:2;margin:7px 0 0}.project-category{font-size:12px}.project h3{font-size:26px;margin:12px 0}.project-copy>p{font-size:16px;margin-bottom:18px}.project-open{gap:24px;font-size:12px}.notes{padding-top:10px;padding-bottom:75px}.notes-grid{display:block;margin-top:38px}.notes h2{font-size:34px;margin-bottom:28px}.notes-list summary{font-size:16px;padding:23px 0}.notes-list details p{font-size:16px}.hello{padding:45px 7%}.hello>.eyebrow{font-size:12px;margin:50px 0 20px}.hello h2{font-size:19vw}.hello-bottom{margin-top:32px;gap:20px}.hello-bottom p{font-size:14px}.back-top{font-size:12px;gap:12px}.back-icon{height:38px;width:38px;font-size:20px}footer{font-size:12px;padding:25px 7%;flex-wrap:wrap;line-height:1.8}footer>span:last-child{display:none}dialog{padding:45px 27px 30px}dialog h2{font-size:30px}dialog>p{font-size:15px}.hero-grid{background-size:100% 100%,100% 70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.orbit-wrap{transform:none}.journey{height:auto;padding:80px 0}.journey-sticky{height:auto;position:relative;min-height:480px}.journey-word{position:relative;opacity:1!important;transform:none!important;font-size:clamp(70px,13vw,180px);inset:auto}.journey-words{height:auto;display:flex;flex-direction:column;gap:18px;padding:30px 0 70px}.journey-caption{bottom:35px}.journey-caption p{display:none}.journey-track{display:none}}

@media(max-width:700px){.project-art>span{font-size:clamp(28px,8vw,45px)}}

.education-list{margin:30px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px;padding:24px 0}.education-item h3{margin:0 0 10px;font-size:19px;font-weight:600}.education-item p{margin:0;font-size:15px;line-height:1.8;color:#6c7166}.about-tags span{font-size:14px}.project-category{line-height:1.8}.project h3{line-height:1.5}.section-heading h2{font-size:clamp(30px,3.5vw,54px)}
.project-actions{display:flex;flex-wrap:wrap;gap:12px}.project-actions button,.project-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border:1px solid #b4bdaa;background:transparent;font:inherit;font-size:14px;border-radius:4px;min-height:44px;transition:background .2s}.project-actions a{background:var(--ink);color:var(--acid);border-color:var(--ink)}.project-actions button:hover{background:var(--acid)}.project-actions a:hover{background:#293122}
@media(max-width:700px){.education-list{grid-template-columns:1fr;gap:22px;padding:23px 0}.education-item h3{font-size:18px}.education-item p{font-size:15px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading h2{font-size:clamp(27px,6.6vw,38px)}.section-heading p br{display:none}.hero-description{max-width:38em}.project h3{font-size:clamp(23px,6vw,28px)}}