:root{--ink:#29332F;--ink-soft:#5c685f;--paper:#F5F2EB;--white:#fffdf9;--copper:#A77655;--sage:#829184;--border:#e5e0d6;--blue:#6495f2;--radius:21px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--copper);outline-offset:5px}img{max-width:100%;height:auto}button{font:inherit}.shell{width:min(1180px,calc(100% - 84px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:#fff;padding:12px;z-index:30}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid rgba(41,51,47,.1);height:91px;position:relative;z-index:2}.nav-inner{height:100%;display:flex;align-items:center;gap:48px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand img{width:50px;height:50px;object-fit:contain}.brand-names{display:flex;flex-direction:column;gap:4px}.brand-names strong{font-size:17px;letter-spacing:-.055em}.brand-names small{font-size:11px;letter-spacing:.44em;color:#647067}.site-header nav{display:flex;gap:33px;margin-left:auto;font-size:13px;color:#626d65}.site-header nav a:hover{color:#a77655}.nav-cta{font-size:12px;font-weight:700;border:1px solid #a9b0aa;padding:13px 19px;border-radius:40px;white-space:nowrap}.nav-cta span{margin-left:9px}.nav-cta:hover{background:var(--ink);color:var(--paper)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;min-height:680px;padding-top:58px;padding-bottom:69px;align-items:center}.hero-copy{padding:16px 0 0 16px}.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:700;display:flex;gap:12px;align-items:center;color:#717d73}.eyebrow-line{width:24px;height:2px;background:var(--copper);display:inline-block}.over-title{font-size:20px;font-weight:500;letter-spacing:-.025em;margin:67px 0 15px;color:#a77655}.hero h1{font-size:clamp(44px,5.7vw,75px);letter-spacing:-.072em;font-weight:700;line-height:1.3;margin:0;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--copper)}.lead{font-size:16px;line-height:2.05;color:#637068;margin:29px 0 32px;letter-spacing:.006em}.hero-actions{display:flex;gap:29px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:50px;padding:18px 25px;font-size:13px;font-weight:650;transition:transform .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#435c4e}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid #929b92;padding-bottom:6px}.text-link span{margin-left:10px}.hero-meta{display:flex;align-items:center;gap:13px;margin-top:75px;color:#879086;font-size:10px;letter-spacing:.17em;font-weight:600}.meta-line{width:29px;height:1px;background:#98a297}.meta-dot{height:4px;width:4px;border-radius:50%;background:#a77655}.hero-art{height:575px;border-radius:18px;background:linear-gradient(145deg,#334339 0%,#27352f 53%,#1c2823 100%);position:relative;overflow:hidden;box-shadow:0 22px 55px rgba(41,51,47,.10);color:#e6e3d8}.art-label{position:absolute;top:35px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.16em;z-index:1;color:#bdc8bc}.art-label span{color:#a99b80}.halo{position:absolute;border:1px solid rgba(211,216,198,.15);border-radius:50%;width:480px;height:480px;top:92px;left:50%;transform:translateX(-50%)}.halo-two{width:335px;height:335px;top:164px;border-color:rgba(211,216,198,.19)}.art-symbol{position:absolute;top:126px;left:50%;transform:translateX(-50%);width:325px;height:310px;display:grid;place-items:center;}.art-symbol img{width:335px;max-width:none;opacity:.93}.art-bubble{position:absolute;left:41px;top:332px;display:flex;gap:8px;align-items:center;z-index:2;border-radius:20px;padding:12px 16px;background:rgba(252,249,241,.12);backdrop-filter:blur(8px);border:1px solid rgba(252,249,241,.15);font-size:11px}.bubble-dot{width:7px;height:7px;background:var(--copper);border-radius:50%}.art-footer{display:flex;justify-content:space-between;position:absolute;bottom:30px;left:36px;right:36px;font-size:13px;line-height:1.75;color:#e4e1d6}.art-index{font-size:12px;line-height:1.25;letter-spacing:.12em;text-align:right;color:#a7b5a9}
.manifesto{background:#eae8dd;border-top:1px solid #e4e0d5;border-bottom:1px solid #e4e0d5}.manifesto-row{min-height:142px;display:flex;align-items:center;gap:26px}.manifesto-symbol{font-size:44px;color:var(--copper)}.manifesto p{font-size:20px;line-height:1.5;letter-spacing:-.025em;margin:0}.manifesto-side{margin-left:auto;color:#81887f;font-size:10px;letter-spacing:.1em}.manifesto-side span{color:var(--copper);margin:0 11px}.section{padding-top:126px;padding-bottom:126px}.about{display:grid;grid-template-columns:245px 1fr;gap:48px}.section-no{color:#a77655;font-size:11px;font-weight:750;letter-spacing:.15em}.side-caption{font-size:10px;line-height:1.85;letter-spacing:.11em;color:#8e968d;margin-top:36px}.section h2,.section-top h2{font-size:clamp(33px,3.7vw,52px);letter-spacing:-.06em;line-height:1.38;margin:0 0 35px}.muted{color:#939a8f}.section-body{max-width:740px}.section-body>p{font-size:16px;line-height:2.12;color:#59675e;margin:15px 0}.section-body>p strong{color:var(--ink)}.quote{display:flex;gap:21px;align-items:center;margin-top:50px;border-top:1px solid #dcded4;padding-top:26px}.quote>span{font-size:64px;line-height:.85;color:var(--copper);font-family:Georgia,serif}.quote div{display:flex;flex-direction:column;gap:9px}.quote strong{font-size:19px}.quote small{font-size:13px;color:#7a867b}.work-section{background:#e9ebe4}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-top h2{margin:17px 0 0}.section-top>p{color:#949c92;font-size:12px;line-height:1.7;text-align:right;letter-spacing:.02em}.work-card{display:grid;grid-template-columns:46% 54%;min-height:463px;background:var(--white);border-radius:22px;overflow:hidden;border:1px solid #dce1d7;transition:box-shadow .2s,transform .2s}.work-card:hover{transform:translateY(-3px);box-shadow:0 17px 45px rgba(41,51,47,.11)}.work-info{padding:38px 44px;display:flex;flex-direction:column}.work-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.work-num,.work-status{font-size:10px;font-weight:750;letter-spacing:.11em;color:#839086}.work-status{display:flex;align-items:center;gap:6px}.work-status span{width:6px;height:6px;background:var(--copper);border-radius:50%}.work-main{margin-top:60px}.work-category{font-size:11px;letter-spacing:.12em;color:#5d88de;font-weight:750}.work-main h3{margin:10px 0 16px;font-size:clamp(35px,3.5vw,52px);letter-spacing:-.065em;color:#273753}.wave-name{font-size:16px;margin-left:15px;color:#5e7390;letter-spacing:0}.work-main p{font-size:17px;font-weight:650;line-height:1.65;margin:0 0 13px}.work-main small{font-size:12px;line-height:1.9;color:#7b867b;display:block;max-width:380px}.work-bottom{border-top:1px solid #e5e7e3;margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:650}.work-arrow{font-size:24px}.work-art{background:radial-gradient(ellipse at 70% 18%,#2e5288 0%,#172f4f 43%,#101d30 100%);position:relative;min-height:463px;padding:64px 27px 40px 43px;overflow:hidden}.work-art:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(145deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 18px);pointer-events:none}.work-screen{transform:rotate(-5deg);border-radius:12px 12px 0 0;background:#f9fcff;box-shadow:0 22px 58px rgba(0,0,0,.31);height:354px;position:relative;left:5px;top:5px;overflow:hidden}.screen-header{height:55px;background:#fff;border-bottom:1px solid #e1e9f3;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.screen-logo{font-size:14px;font-weight:800;letter-spacing:-.04em;color:#1d3554}.mini-wave{color:#4082ff;font-size:30px;vertical-align:middle}.screen-dots{font-size:9px;color:#b1bfcc;letter-spacing:.2em}.screen-content{padding:24px 38px}.screen-hint{font-size:9px;letter-spacing:.14em;color:#98a9be}.screen-number{font-size:37px;font-weight:800;color:#1e3656;margin-top:10px;letter-spacing:-.05em}.screen-number span{font-size:11px;color:#55aa86;letter-spacing:0}.screen-content svg{width:100%;height:122px;margin:3px 0}.screen-bars{display:flex;gap:10px}.screen-bars i{height:9px;border-radius:4px;background:#e4ecf8;flex:1}.screen-bars i:nth-child(3),.screen-bars i:nth-child(6){background:#a6c0fd}.art-caption{color:#9db6d6;font-size:10px;letter-spacing:.12em;position:absolute;bottom:22px;left:42px;right:30px;display:flex;justify-content:space-between}.upcoming{padding:24px 0 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.upcoming>div{display:flex;align-items:center;gap:13px}.upcoming-star{font-size:24px;color:var(--copper)}.upcoming strong{font-size:14px}.upcoming div span:last-child{font-size:12px;color:#8c968c}.upcoming>small{font-size:10px;letter-spacing:.12em;color:#9ba499}.values{padding-top:113px;padding-bottom:143px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8dbd2;margin-top:48px}.value-grid article{padding:34px 40px 0 0;min-height:238px}.value-grid article+article{border-left:1px solid #d8dbd2;padding-left:42px}.value-icon{display:block;font-size:32px;line-height:1;color:var(--copper);height:44px}.value-circle{font-size:29px}.value-grid h3{font-size:28px;letter-spacing:-.055em;margin:9px 0 2px}.value-zh{font-size:13px;font-weight:650!important;margin:1px 0 20px!important;color:var(--ink)!important}.value-grid p{color:#7b877c;font-size:13px;line-height:1.9;margin:0;max-width:270px}.contact-section{background:var(--ink);color:var(--paper)}.contact-inner{padding:110px 10px;display:grid;grid-template-columns:1fr 350px;align-items:center;gap:60px}.section-no-light{color:#bba38a}.contact-inner h2{font-size:clamp(38px,4.8vw,61px);letter-spacing:-.065em;line-height:1.3;margin:24px 0}.contact-inner p{color:#abb9ad;font-size:14px;line-height:1.8}.btn-cream{background:var(--paper);color:var(--ink);margin-top:22px}.contact-inner .contact-note{font-size:11px;color:#819588;margin:17px 0 0}.contact-symbol{width:290px;height:290px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;justify-self:center}.contact-symbol img{width:235px;height:235px;object-fit:contain;opacity:.95}.site-footer{background:#f0ede5}.footer-inner{min-height:128px;display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:43px}.footer-brand>div{display:flex;flex-direction:column;gap:5px}.footer-brand strong{font-size:13px}.footer-brand span{font-size:11px;color:#7b877c}.footer-right{display:flex;align-items:center;gap:34px;font-size:11px;color:#8b948a}.footer-right a{font-weight:600;color:#4c6657}
@media(max-width:1020px){.shell{width:min(100% - 56px,1180px)}.nav-inner{gap:22px}.site-header nav{gap:15px}.hero{gap:20px}.hero-copy{padding-left:0}.hero h1{font-size:clamp(38px,5vw,59px)}.hero-art{height:530px}.art-symbol{width:275px}.work-main{margin-top:40px}.work-info{padding:31px}.work-art{padding:64px 8px 0 32px}}
@media(max-width:740px){.shell{width:calc(100% - 40px)}.site-header{height:75px}.brand img{width:40px;height:40px}.brand-names strong{font-size:14px}.brand-names small{font-size:9px}.site-header nav{display:none}.nav-cta{margin-left:auto;padding:11px 12px;font-size:10px}.hero{grid-template-columns:1fr;gap:35px;min-height:0;padding-top:66px;padding-bottom:56px}.hero-copy{padding:0}.eyebrow{font-size:9px}.over-title{margin:39px 0 14px;font-size:17px}.hero h1{font-size:clamp(42px,9vw,64px);letter-spacing:-.075em}.lead{font-size:14px;line-height:2;margin:20px 0 25px}.lead br{display:none}.hero-actions{gap:21px}.btn{font-size:12px;padding:17px 20px;gap:15px}.text-link{font-size:12px}.hero-meta{margin-top:45px;font-size:8px;letter-spacing:.10em}.hero-art{height:390px;border-radius:18px}.halo{width:330px;height:330px;top:47px}.halo-two{width:230px;height:230px;top:95px}.art-symbol{top:52px;height:260px}.art-symbol img{width:270px}.art-label{top:23px;left:24px;right:24px;font-size:9px}.art-bubble{top:222px;left:23px}.art-footer{bottom:20px;left:24px;right:24px;font-size:12px}.manifesto-row{min-height:118px;gap:15px}.manifesto-symbol{font-size:31px}.manifesto p{font-size:15px}.manifesto-side{display:none}.section{padding-top:79px;padding-bottom:83px}.about{grid-template-columns:1fr;gap:26px}.side-caption{display:none}.section h2,.section-top h2{font-size:clamp(30px,7.2vw,43px);margin-bottom:23px}.section-body>p{font-size:14px;line-height:2}.quote{margin-top:35px}.section-top{align-items:start;gap:12px}.section-top>p{display:none}.work-card{grid-template-columns:1fr}.work-info{padding:28px}.work-main{margin-top:42px}.work-main h3{font-size:42px}.work-main p{font-size:15px}.work-main small{font-size:12px}.work-bottom{margin-top:40px}.work-art{min-height:355px;padding:35px 22px 24px 28px}.work-screen{height:324px;top:13px;left:7px}.screen-content{padding:20px 22px}.work-art .art-caption{bottom:12px}.upcoming{align-items:flex-start}.upcoming>small{display:none}.upcoming div span:last-child{font-size:11px}.values{padding-bottom:98px}.value-grid{grid-template-columns:1fr;margin-top:34px}.value-grid article{padding:20px 0 24px;min-height:0}.value-grid article+article{border-left:none;border-top:1px solid #d8dbd2;padding:22px 0}.value-grid h3{margin-top:0;font-size:24px}.value-icon{display:inline-block;margin-right:7px;vertical-align:middle}.value-zh{margin-bottom:6px!important}.value-grid p{max-width:none}.contact-inner{grid-template-columns:1fr;padding:75px 0 77px;gap:20px}.contact-inner h2{font-size:47px}.contact-symbol{display:none}.footer-inner{padding:29px 0;min-height:110px;flex-wrap:wrap;gap:21px}.footer-right{width:100%;justify-content:space-between;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.work-card{transition:none}}