@charset "UTF-8";
:root{--paper:#f8f6ef;--ink:#222b26;--muted:#656b63;--green:#214e38;--green-hover:#163d2a;--line:#deded2;--chip:#eeece2;--serif:Georgia,"Songti SC","Noto Serif CJK SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}html[data-lang="zh"] [data-lang="en"],html[data-lang="en"] [data-lang="zh"]{display:none!important}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible{outline:3px solid #ad792f;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);color:#171e19}h2{font-size:25px;letter-spacing:.01em}h3{font-size:21px;line-height:1.3}button,a{touch-action:manipulation}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:12px;background:var(--green);color:white;padding:10px 18px;z-index:10}.skip-link:focus{top:8px}.site-header{min-height:90px;display:flex;align-items:center;gap:55px;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font-family:Georgia,serif;font-size:26px;font-weight:700;white-space:nowrap;letter-spacing:-.6px}.brand-dot{color:var(--green)}.desktop-nav{display:flex;gap:30px}.desktop-nav a,.languages button{min-height:44px;display:inline-flex;align-items:center}.desktop-nav a{font-size:14px;position:relative}.desktop-nav a::after{content:"";position:absolute;bottom:6px;left:0;width:0;height:1px;background:var(--green);transition:width .18s}.desktop-nav a:hover::after{width:100%}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.languages{display:flex;align-items:center;gap:2px;font-size:13px}.languages button{background:none;padding:8px 9px;color:var(--muted)}.languages button[aria-pressed="true"]{color:var(--green);font-weight:700}.languages>span{color:#b7b9ae}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:none}.icon-button:hover{background:var(--chip)}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 18px #24382c0b;border-radius:0 0 12px 12px;padding:8px 16px}.mobile-nav a{display:block;padding:13px 6px}.hero{position:relative;min-height:330px;display:flex;align-items:center;padding:45px 0 34px;isolation:isolate}.hero-copy{position:relative;z-index:1;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;color:#887144}.hero .eyebrow{margin-bottom:16px}.hero h1{font-size:clamp(32px,3.2vw,45px);font-weight:700;line-height:1.35;letter-spacing:-1.4px}.mobile-break{display:none}.green{color:var(--green)}.hero-description{font-size:14px;margin-top:13px;color:#434b45}.hero-actions{display:flex;gap:14px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:11px 22px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;line-height:1.4;transition:background .18s,box-shadow .18s,transform .18s}.button.primary{color:#fffdf6;background:var(--green)}.button.primary:hover{background:var(--green-hover);box-shadow:0 5px 12px #214e3816}.button.primary:active{transform:translateY(1px)}.button.secondary{border-color:#d4d6c9;background:#f8f6efbd}.button.secondary:hover{background:var(--chip)}.social-links{display:flex;align-items:center;gap:25px;margin-top:17px}.social-links a{display:flex;align-items:center;gap:7px;font-size:12px;min-height:38px}.social-links a:hover{color:var(--green)}.x-icon{font-size:22px;line-height:1}.external-mark{font-size:10px;color:#7c8277}.artwork{position:relative;display:block;overflow:hidden;isolation:isolate;background:#e8eade}.artwork img{position:absolute;max-width:none;pointer-events:none;height:auto}.hero-art{position:absolute;right:-8px;top:13px;width:470px;aspect-ratio:410/250;z-index:0;opacity:.78;mask-image:linear-gradient(to right,transparent,#000 25%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 25%,#000 93%,transparent)}.hero-art img{width:374.634146%;left:-175.609756%;top:-38.4%}.section-heading{display:flex;align-items:center;gap:23px;margin-bottom:20px}.section-heading h2{flex-shrink:0}.rule{height:1px;background:var(--line);flex:1}.text-link{display:flex;align-items:center;gap:12px;font-size:12px;min-height:44px;flex-shrink:0}.text-link:hover,.underlined:hover{color:#417654}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{border:1px solid var(--line);border-radius:10px;padding:9px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;background:#fffefa35;transition:border-color .2s,box-shadow .2s}.project-card:hover{border-color:#b6c1b0;box-shadow:0 8px 22px #24382c07}.project-art{border-radius:6px;width:100%;aspect-ratio:260/161;border:0;padding:0}.project-art img{width:590.769231%;left:-33.846154%;top:-247.204969%}.project-art.fish,.project-art.pet{aspect-ratio:264/161}.project-art.fish img,.project-art.pet img{width:581.818182%;left:-231.060606%}.project-art.drive img,.project-art.pet img{top:-362.732919%}.project-info{min-width:0;padding:6px 5px 6px 0;display:flex;align-items:flex-start;flex-direction:column;align-self:stretch;justify-content:center}.project-info h3 a:hover,.title-button:hover{color:var(--green)}.project-info p{font-size:12px;color:var(--muted);line-height:1.65;margin:8px 0 10px;min-height:40px}.device{display:inline-flex;align-items:center;gap:7px;background:var(--chip);padding:3px 8px;border-radius:5px;font-size:11px;color:#4b5148;line-height:1.5}.device svg{width:15px;height:15px}.project-button{width:100%;min-height:40px;padding:8px 9px;margin-top:11px;font-size:12px;gap:13px}.title-button{font:inherit;text-align:left;background:none;padding:0}.bottom-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:36px;margin-top:36px;margin-bottom:40px}.bottom-grid .section-heading{margin-bottom:17px}.bottom-grid #about{border-left:1px solid var(--line);padding-left:36px}.note-card{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:center}.note-art{aspect-ratio:265/114;border-radius:6px}.note-art img{width:579.622642%;left:-30.943396%;top:-719.298246%}.note-copy .eyebrow{font-size:9px;letter-spacing:.1em}.note-copy h3{font-size:19px;margin:7px 0 8px}.note-copy p{font-size:12px;color:var(--muted);line-height:1.7}.underlined{display:inline-flex;align-items:center;gap:12px;color:var(--green);font-size:13px;min-height:44px;text-decoration:underline;text-underline-offset:4px}.note-card:hover h3{color:var(--green)}.about-intro{font-family:var(--serif);font-size:18px;margin-bottom:7px}.about-body{font-size:13px;color:var(--muted);line-height:1.9}.contact-link{margin-top:3px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:23px 0 28px}.site-footer .wordmark{font-size:19px}.site-footer p{font-size:11px;color:#767d70}.site-footer>div{margin-left:auto;display:flex;gap:24px;font-size:12px}.site-footer>div a{display:flex;align-items:center;min-height:44px}.site-footer a:hover{color:var(--green)}dialog{border:1px solid var(--line);border-radius:16px;padding:35px 32px 22px;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #0b201d40;text-align:center}dialog::backdrop{background:#142a246e;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:7px;top:7px}dialog .eyebrow{margin:0 0 12px}dialog h2{font-size:25px;line-height:1.5}.qr{margin:20px auto;width:200px;height:auto;border-radius:10px}.dialog-description{font-size:14px;line-height:1.8}.dialog-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.dialog-actions .button{font-size:13px;padding-inline:14px}.dialog-hint{color:var(--muted);font-size:12px;text-align:left;background:var(--chip);border-radius:8px;padding:12px;margin-top:18px}#copy-status{font-size:12px;color:var(--green);min-height:24px;margin-top:8px}body.modal-open{overflow:hidden}
@media(min-width:1500px){.wrap{width:1220px}.hero{min-height:360px}.hero h1{font-size:47px}.project-info p{font-size:13px}.project-art{aspect-ratio:260/161}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.site-header{gap:35px}.hero-art{width:400px;top:20px;opacity:.58}.hero h1{font-size:36px}.project-card{gap:12px;grid-template-columns:.95fr 1fr}.project-info h3{font-size:19px}.project-info p{min-height:40px}.note-card{grid-template-columns:180px 1fr;gap:16px}.bottom-grid{gap:24px}.bottom-grid #about{padding-left:24px}}
@media(min-width:701px) and (max-width:900px){.project-card{grid-template-columns:1fr;padding:10px}.project-info{padding:5px 5px 6px}.project-info p{min-height:0}.project-button{min-height:44px}.project-info h3{font-size:22px}.hero-art{width:330px;top:54px;opacity:.4}.hero h1{font-size:32px}.bottom-grid{grid-template-columns:1.65fr 1fr}.note-card{grid-template-columns:1fr}.note-art{max-width:290px}.desktop-nav{gap:18px}.site-header{gap:25px}.wordmark{font-size:24px}.hero-description{max-width:420px}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 36px)}.site-header{min-height:72px;gap:12px}.wordmark{font-size:23px}.desktop-nav{display:none}.menu-toggle{display:inline-flex}.header-actions{gap:0}.languages button{padding-inline:7px}.hero{min-height:0;padding:27px 0 25px}.hero-art{display:none}.hero .eyebrow{font-size:10px;margin-bottom:12px;letter-spacing:.07em}.hero h1{font-size:clamp(27px,7.3vw,37px);line-height:1.45;letter-spacing:-.7px}.mobile-break{display:block}.hero-description{font-size:11px;line-height:1.7;margin-top:9px}.hero-actions{margin-top:19px;gap:8px}.hero-actions .primary{padding:11px 18px;flex:1}.hero-actions .secondary{padding:11px 13px;border-color:transparent;background:none;font-size:12px}.hero-actions .button{min-height:46px;gap:8px;font-size:13px}.social-links{gap:24px;margin-top:11px}.social-links a{min-height:36px;font-size:11px;gap:6px}.social-links svg{width:17px;height:17px}.x-icon{font-size:19px}.section-heading{gap:12px;margin-bottom:14px}h2{font-size:22px}.text-link{font-size:11px;gap:8px}.project-grid{grid-template-columns:1fr;gap:18px}.project-card{grid-template-columns:1fr;gap:0;padding:8px;border-radius:10px}.project-art{aspect-ratio:260/161;max-height:none}.project-info{padding:15px 9px 9px}.project-info h3{font-size:24px}.project-info p{font-size:13px;min-height:0;margin:8px 0 11px}.device{font-size:11px;padding:4px 9px}.project-button{font-size:13px;min-height:44px;margin-top:13px}.bottom-grid{grid-template-columns:1fr;gap:29px;margin-top:30px;margin-bottom:28px}.bottom-grid #about{padding-left:0;border-left:0}.note-card{grid-template-columns:125px 1fr;gap:15px}.note-copy h3{font-size:17px;line-height:1.5}.note-copy p{font-size:11px}.note-art{aspect-ratio:265/114}.about-body{max-width:500px}.site-footer{flex-wrap:wrap;gap:8px 15px;padding:23px 0}.site-footer .wordmark{font-size:19px}.site-footer p{font-size:10px}.site-footer>div{width:100%;margin:0;gap:25px}.site-footer>div a{min-height:36px}dialog{padding:34px 19px 18px}dialog h2{font-size:23px}.qr{width:185px}.dialog-actions .button{flex:1;font-size:12px;padding:10px}.dialog-hint{font-size:11px}.contact-link{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}