:root{--bg:#0b1324;--surface:#141e31;--surface-raised:#1b2639;--text:#edf0f4;--muted:#b0b8c7;--line:#354053;--accent:#9bd6d5;--warm:#e9bb84;--font-sans:"Orbit Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--background:var(--bg);--foreground:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.22}button,a,input,textarea,select{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent)}::selection{color:#0b1324;background:#c9e5df}.skip-link{z-index:1000;background:var(--text);color:var(--bg);padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{justify-content:space-between;align-items:center;gap:24px;max-width:1600px;height:112px;margin:0 auto;padding:32px 5.6%;display:flex}.wordmark{letter-spacing:1px;align-items:center;gap:14px;min-height:44px;font-size:23px;display:inline-flex}.site-header nav{align-items:center;gap:40px;display:flex}.site-header nav a{border-bottom:1px solid #0000;padding:8px 0;font-size:18px}.site-header nav a:hover,.site-header nav a[aria-current]{border-bottom-color:var(--text)}.hero{isolation:isolate;grid-template-rows:1fr auto;grid-template-columns:44% 56%;max-width:1600px;min-height:820px;margin:0 auto;padding:76px 5.6% 0;display:grid;position:relative}.hero-copy{z-index:2;padding:4px 0 48px}.hero-intro{color:var(--muted);margin-bottom:24px;font-size:19px}.hero h1{letter-spacing:-.065em;margin-left:-5px;font-size:clamp(88px,8.4vw,120px);font-weight:500;line-height:1.12}.hero-statement{letter-spacing:.02em;margin:30px 0 36px;font-size:clamp(32px,3vw,42px);line-height:1.55}.primary-link{color:#101827;background:#edf0f4;border:1px solid #edf0f4;border-radius:3px;justify-content:space-between;align-items:center;gap:32px;min-height:60px;padding:15px 24px;font-size:18px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.primary-link:hover{background:#d6e5e9;transform:translateY(-2px)}.hero-art{z-index:1;min-width:0;height:650px;margin:-86px -7% 0 -11%;position:relative}.hero-bottom{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:flex-end;padding:8px 0 48px;display:flex}.hero-bottom p{color:var(--muted);font-size:18px;line-height:1.8}.explore-link{align-items:center;gap:26px;min-height:44px;display:flex}.explore-link span{font-size:30px}.work-section{max-width:1600px;margin:auto;padding:112px 5.6% 0}.section-intro{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:64px;display:flex}.section-intro h2,.craft-section h2{letter-spacing:-.035em;font-size:clamp(36px,4vw,56px);line-height:1.32}.section-intro>p{color:var(--muted);margin-bottom:8px;font-size:20px;line-height:1.8}.work-feature{background:#182336;border-radius:3px;grid-template-columns:1fr 1fr;min-height:570px;display:grid;overflow:hidden}.work-feature-copy{flex-direction:column;align-items:flex-start;padding:56px 48px 64px;display:flex}.project-type{color:#b9c5d7;margin-bottom:38px;font-size:18px}.work-feature h3{letter-spacing:-.03em;font-size:clamp(34px,3.2vw,46px);line-height:1.4}.work-feature-copy>p{color:#bdc5d1;margin:28px 0 40px;font-size:20px;line-height:1.8}.text-link{border-bottom:1px solid;align-items:center;gap:22px;min-height:48px;padding:6px 0;font-size:19px;display:inline-flex}.text-link svg{transition:transform .2s}.text-link:hover svg{transform:translate(3px,-2px)}.work-feature-copy .text-link{margin-top:auto}.conversation-art{perspective:1000px;background:#c8d1d5;justify-content:center;align-items:center;padding:52px 42px;display:flex;position:relative;overflow:hidden}.paper-edge{border:1px solid #8c999e;width:78%;height:78%;position:absolute;transform:rotate(8deg)}.paper-content{color:#1a2630;background:#f1f3ee;width:100%;max-width:410px;min-height:430px;padding:30px 30px 22px;position:relative;transform:rotate(-4deg);box-shadow:14px 22px 45px #26333a26}.paper-heading{color:#4d6066;justify-content:space-between;font-size:17px;display:flex}.paper-title{letter-spacing:-.03em;margin-top:42px;font-size:35px;line-height:1.55}.paper-rule{background:#87989b;width:45px;height:1px;margin:28px 0 18px}.paper-note{color:#52676b;font-size:18px}.paper-compose{color:#54696e;border-bottom:1px solid #93a1a3;justify-content:space-between;align-items:center;gap:12px;min-height:58px;margin-top:32px;font-size:16px;display:flex}.paper-send{color:#f3f5f5;background:#253e48;border-radius:50%;place-items:center;width:38px;height:38px;font-size:25px;display:grid}.illustration-label{text-align:right;color:#54666b;margin-top:18px;font-size:16px;display:block}.mode-list{margin-top:28px}.mode-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.3fr auto;align-items:center;gap:32px;padding:30px 8px;transition:background .2s;display:grid}.mode-row:hover{background:#172134}.mode-row h3{font-size:30px}.mode-row p{color:var(--muted);font-size:19px}.craft-section{grid-template-columns:32% 1fr;align-items:center;gap:7%;max-width:1600px;margin:0 auto;padding:150px 5.6% 144px;display:grid}.craft-line{height:260px;position:relative;overflow:hidden}.craft-line:before,.craft-line:after{content:"";border:2px solid #aab6c5;border-radius:50%;width:280px;height:125px;position:absolute;top:60px;left:8%;transform:rotate(-48deg)}.craft-line:after{border-color:#67768c;top:78px;left:10%;transform:rotate(48deg)}.craft-section p{color:var(--muted);margin:30px 0;font-size:20px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:32px;max-width:1600px;margin:auto;padding:40px 5.6% 48px;display:flex}.footer-name{font-size:24px}.site-footer p{color:var(--muted);margin-top:12px;font-size:18px}.footer-meta{color:var(--muted);flex-direction:column;align-items:flex-end;gap:6px;font-size:16px;display:flex}.footer-meta a{text-underline-offset:4px;text-decoration:underline}.about-main{max-width:1300px;margin:auto;padding:60px 5.6% 100px}.about-hero{padding:30px 0 90px}.about-hero h1{letter-spacing:-.045em;font-size:clamp(48px,6.6vw,88px);line-height:1.28}.about-lead{color:var(--muted);margin-top:40px;font-size:22px;line-height:1.9}.about-story{border-top:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:60px;padding:55px 0;display:grid}.about-story h2{font-size:34px;line-height:1.5}.about-story p{color:#c0c7d2;margin:0 0 20px;font-size:20px;line-height:1.9}.about-outro{padding-top:64px}.about-outro h2{margin-bottom:32px;font-size:40px}.error-page{max-width:850px;margin:80px auto;padding:24px}.error-page h1{margin-bottom:24px;font-size:48px}.error-page p{margin-bottom:30px;font-size:20px}@media (min-width:1600px){.hero-art{height:700px}.hero{min-height:860px}}@media (max-width:1000px){.site-header{height:96px;padding:24px 5%}.hero{grid-template-columns:47% 53%;min-height:760px;padding:64px 5% 0}.hero h1{font-size:88px}.hero-art{height:570px;margin:-40px -12% 0 -28%}.hero-statement{font-size:34px}.work-section{padding:80px 5% 0}.section-intro{flex-direction:column;align-items:flex-start;gap:28px}.work-feature-copy{padding:40px 30px}.conversation-art{padding:45px 25px}.paper-content{padding:24px}.paper-title{font-size:29px}.craft-section{grid-template-columns:28% 1fr;gap:8%;padding:100px 5%}.craft-line:before,.craft-line:after{width:210px;left:0}.site-footer{padding:36px 5%}.about-story{grid-template-columns:1fr 1.4fr;gap:35px}}@media (max-width:700px){.site-header{gap:16px;height:86px;padding:20px 22px}.wordmark{gap:9px;font-size:21px}.wordmark svg{width:32px;height:32px}.site-header nav{gap:18px}.site-header nav a{font-size:16px}.hero{flex-direction:column;min-height:auto;padding:36px 22px 0;display:flex}.hero-copy{padding:0;position:relative}.hero-intro{margin-bottom:18px;font-size:18px}.hero h1{letter-spacing:-.045em;margin-left:-2px;font-size:64px}.hero-statement{margin:20px 0 26px;font-size:31px;line-height:1.5}.hero-art{order:2;width:calc(100% + 44px);height:370px;margin:-12px -22px 0}.hero-bottom{order:3;align-items:flex-start;gap:14px;padding:16px 0 32px}.hero-bottom p{font-size:16px;line-height:1.75}.explore-link{white-space:nowrap;gap:10px;font-size:16px}.primary-link{gap:30px;min-height:58px;padding:14px 22px}.work-section{padding:64px 22px 0}.section-intro{gap:22px;margin-bottom:32px}.section-intro h2,.craft-section h2{font-size:38px;line-height:1.38}.section-intro>p{font-size:18px;line-height:1.8}.desktop-break{display:none}.work-feature{grid-template-columns:1fr}.work-feature-copy{padding:34px 26px 40px}.project-type{margin-bottom:26px;font-size:16px}.work-feature h3{font-size:36px}.work-feature-copy>p{margin:22px 0 28px;font-size:18px}.text-link{gap:14px;font-size:18px}.conversation-art{min-height:460px;padding:42px 28px}.paper-content{min-height:365px;padding:24px;transform:rotate(-3deg)}.paper-title{margin-top:32px;font-size:31px}.paper-compose{margin-top:24px}.paper-note{font-size:18px}.mode-list{margin-top:18px}.mode-row{grid-template-columns:1fr auto;gap:12px;padding:28px 0}.mode-row h3{font-size:28px}.mode-row p{grid-area:2/1;font-size:18px}.mode-row svg{grid-area:1/2/3;width:26px}.craft-section{padding:70px 22px 72px;display:block}.craft-line{width:230px;height:180px;margin-bottom:32px}.craft-line:before,.craft-line:after{width:200px;height:88px;top:40px;left:8px}.craft-line:after{top:50px}.craft-section p{margin:24px 0;font-size:18px}.site-footer{padding:30px 22px 36px;display:block}.site-footer p{font-size:16px}.footer-meta{align-items:flex-start;margin-top:26px;font-size:16px}.about-main{padding:30px 22px 64px}.about-hero{padding:20px 0 54px}.about-hero h1{font-size:48px}.about-lead{margin-top:28px;font-size:19px}.about-story{padding:34px 0;display:block}.about-story h2{margin-bottom:24px;font-size:30px}.about-story p{font-size:18px}.about-outro{padding-top:30px}.about-outro h2{font-size:36px}.error-page{margin:48px auto}.error-page h1{font-size:36px}}@media (max-width:380px){.site-header nav{gap:12px}.wordmark span{font-size:19px}.wordmark svg{width:27px}.site-header{gap:8px}.hero h1{font-size:60px}.hero-art{height:330px}.hero-bottom{flex-direction:column;gap:18px}.work-feature-copy{padding:30px 22px}.conversation-art{padding:36px 20px}.paper-content{padding:22px}.paper-title{font-size:29px}.section-intro h2,.craft-section h2{font-size:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.primary-link:hover{transform:none}}