@charset "UTF-8";
:root{color-scheme:light;--paper:#f4f7fc;--ink:#172e4a;--muted:#536780;--blue:#2457df;--line:#d8e2ef;--white:#fff;font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--blue);outline-offset:7px;border-radius:3px}::selection{background:#c7d8ff}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:#fff;z-index:10}.skip:focus{top:16px}.page{max-width:1280px;padding:0 60px;margin:auto}header{height:116px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:600}.logo{font-size:27px;letter-spacing:-3px;color:var(--blue);width:37px}nav{display:flex;gap:34px;font-size:14px}nav a{padding:10px 0}nav a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:660px;padding:38px 0 76px;gap:34px}.hello{font-size:14px;color:var(--muted);margin:0 0 22px}h1{font-size:clamp(76px,8.5vw,118px);letter-spacing:-7px;line-height:.96;font-weight:600;margin:0 0 35px}.name-dot{color:var(--blue)}.hero-line{font-size:26px;font-weight:600;letter-spacing:1px;margin:0 0 14px}.hero-description{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 29px}.button{display:inline-flex;align-items:center;gap:28px;background:var(--blue);color:#fff;padding:15px 23px;border-radius:7px;font-size:14px;font-weight:500;transition:background .15s}.button:hover{background:#163fae}svg{display:block}.button svg,.project-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.mobile-break{display:none}.workbench{position:relative;background:#eaf0fb;border-radius:15px;transform:rotate(3deg);padding:22px 20px 19px;max-width:500px;width:100%;margin-top:50px}.bench-caption,.bench-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#425d84}.bench-caption{justify-content:flex-start;gap:8px}.little-dot{height:6px;width:6px;border-radius:50%;background:var(--blue)}.sculpture{width:100%;margin:4px 0 0}.bench-note{position:absolute;font-size:12px;color:#425d84;background:#eaf0fb;padding:4px}.note-top{top:25%;left:9%}.note-bottom{bottom:31%;right:3%}.bench-bottom{border-top:1px solid #cfdbed;padding-top:15px}.section{padding:72px 0;border-top:1px solid var(--line);scroll-margin-top:20px}h2{font-size:20px;font-weight:600;line-height:1.5;margin:0;letter-spacing:.5px}.about{display:grid;grid-template-columns:1fr 2fr;gap:48px}.about-lead{font-size:30px;line-height:1.6;letter-spacing:.5px;font-weight:500;margin:0 0 20px}.body-copy{color:var(--muted);font-size:16px;line-height:2;max-width:600px;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px}.section-heading>p{font-size:14px;color:var(--muted);margin:0}.project{display:grid;grid-template-columns:1fr 1fr;background:var(--white);border-radius:13px;overflow:hidden;min-height:360px;border:1px solid #e2e9f2}.project-copy{padding:48px;display:flex;flex-direction:column;align-items:flex-start}.project-category{font-size:13px;color:var(--muted)}h3{font-weight:600;margin:0}.project h3{font-size:42px;letter-spacing:-1.5px;margin:12px 0 20px}.project-copy p{font-size:15px;color:var(--muted);line-height:1.9;margin:0 0 28px}.project-link{font-size:14px;display:flex;align-items:center;gap:16px;color:var(--blue);margin-top:auto}.project-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e3ecfc;padding:34px;overflow:hidden}.mini-window{width:89%;background:#fff;border-radius:9px;box-shadow:0 16px 35px #234c8920;transform:rotate(-5deg);transition:transform .2s}.project:hover .mini-window{transform:rotate(-2deg)}.window-bar{display:flex;align-items:center;gap:5px;padding:12px;border-bottom:1px solid #e7edf5}.window-bar i{width:5px;height:5px;border-radius:50%;background:#c6d3e5}.window-bar span{margin:auto;font-size:9px;color:var(--muted);padding-right:22px}.window-content{padding:24px 30px 27px}.wave-symbol{display:flex;align-items:center;gap:4px;height:33px}.wave-symbol span{width:5px;border-radius:5px;background:var(--blue);height:16px}.wave-symbol span:nth-child(2),.wave-symbol span:nth-child(6){height:23px}.wave-symbol span:nth-child(3),.wave-symbol span:nth-child(5){height:30px}.wave-symbol span:nth-child(4){height:36px}.window-content p{font-size:28px;line-height:1.1;letter-spacing:-1px;font-weight:600;margin:18px 0}.mock-line{width:80%;height:5px;background:#e7edf5;margin:8px 0}.mock-line.short{width:55%}.art-caption{font-size:11px;color:#536c92;margin:24px 0 0}.interest-list{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.interest-icon{color:var(--blue);font-size:30px;display:block;height:52px}.interest-list h3{font-size:19px;margin:5px 0 13px}.interest-list p{font-size:15px;line-height:1.85;color:var(--muted);max-width:270px;margin:0}.closing{border-top:1px solid var(--line);padding:55px 0;display:flex;align-items:center;justify-content:space-between}.closing p{font-size:28px;margin:0;font-weight:500}.closing a{font-size:13px;color:var(--muted);display:flex;gap:18px;padding:10px 0}footer{padding:26px 0 32px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
@media(min-width:1450px){.hero{min-height:720px}}
@media(max-width:900px){.page{padding:0 32px}.hero{gap:20px;min-height:580px}h1{font-size:85px;letter-spacing:-5px}.hero-line{font-size:23px}.workbench{padding:16px 12px}.note-top{left:6%}.project-copy{padding:32px}.project-art{padding:22px}.window-content{padding:22px}.window-content p{font-size:24px}.interest-list{gap:24px}.about{gap:30px;grid-template-columns:1fr 2.1fr}}
@media(max-width:650px){.page{padding:0 24px}header{height:88px}.wordmark>span:last-child{font-size:13px}.logo{font-size:25px;width:28px}nav{gap:20px;font-size:13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 50px;gap:38px}.hero-copy{padding:0 5px}h1{font-size:92px;letter-spacing:-5px;margin-bottom:27px}.hello{font-size:13px;margin-bottom:23px}.hero-line{font-size:24px}.hero-description{font-size:15px}.workbench{max-width:390px;width:91%;align-self:center;margin-top:0;transform:rotate(2deg);padding:18px}.section{padding:45px 0}.about{display:block}.about h2{margin-bottom:23px}.about-lead{font-size:26px}.body-copy{font-size:15px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:8px}.project{grid-template-columns:1fr}.project-copy{padding:30px}.project h3{font-size:38px}.project-art{padding:34px}.mini-window{max-width:310px}.window-content{padding:24px 30px}.window-content p{font-size:30px}.interest-list{grid-template-columns:1fr;gap:28px}.interest-list article{position:relative;padding-left:48px}.interest-icon{position:absolute;left:0;top:0;font-size:26px}.interest-list h3{font-size:18px;margin:4px 0 9px}.interest-list p{max-width:none}.closing{align-items:flex-start;gap:20px;padding:38px 0}.closing p{font-size:21px;line-height:1.5}.closing a{white-space:nowrap;padding-top:5px;font-size:12px}footer{font-size:11px;padding:24px 0}}
@media(max-width:360px){.page{padding:0 18px}nav{gap:14px}.wordmark{gap:6px}h1{font-size:80px}.hero-line{font-size:21px}.closing p{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}