:root{--ink:#283126;--linen:#f3efe4;--paper:#fbfaf6;--moss:#50634a;--gold:#d4a92d;--line:#d8d2c4;--muted:#747a70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header{height:86px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#fbfaf6f2;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;flex-direction:column;width:max-content;gap:5px;line-height:1}.brand b{font-family:"Noto Serif TC",serif;font-size:22px;font-weight:500;letter-spacing:5px}.brand small{font-family:Georgia,serif;font-size:8px;letter-spacing:4px}nav{display:flex;gap:40px;font-size:12px;letter-spacing:2px}.instagram{justify-self:end;font:12px Georgia,serif}.hero{min-height:720px;display:grid;grid-template-columns:46% 54%;background:var(--linen)}.hero-copy{padding:110px 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{margin:0 0 20px;color:var(--moss);font:700 10px Georgia,serif;letter-spacing:3px}.hero h1,.about h2,.heading h2,.market h2,.follow h2{margin:0;font-family:"Noto Serif TC",serif;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1.45;letter-spacing:4px}.hero-copy>p:not(.eyebrow){margin:28px 0 36px;color:#62695f;font-size:14px;line-height:2.1}.button{padding:15px 24px;background:var(--ink);color:white;font-size:12px;letter-spacing:2px}.hero>img{width:100%;height:720px;object-fit:cover;object-position:center 58%}.about{padding:125px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about h2,.heading h2,.market h2{font-size:48px}.about>div:last-child{padding-top:25px}.about>div:last-child p{margin:0 0 22px;color:#62695f;font-size:14px;line-height:2.1}.fields{display:grid;grid-template-columns:repeat(3,1fr);padding:42px 6vw;background:var(--ink);color:#f6f2e8}.fields div{padding:8px 5vw;border-right:1px solid #ffffff2b}.fields div:last-child{border:0}.fields small{color:#cfb866}.fields h3{margin:11px 0 8px;font-family:"Noto Serif TC",serif;font-weight:400;letter-spacing:2px}.fields p{margin:0;color:#adb5aa;font-size:11px}.works{padding:120px 6vw 140px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.heading>p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 24px}.card img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .4s}.card{overflow:hidden}.card:hover img{transform:scale(1.03)}.card h3{margin:18px 0 9px;font-family:"Noto Serif TC",serif;font-size:18px;font-weight:400}.card p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.market{display:grid;grid-template-columns:56% 44%;background:#ded8ca}.market>img{width:100%;height:630px;object-fit:cover}.market>div{padding:80px 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.market>div>p:not(.eyebrow){margin:26px 0;color:#596158;font-size:14px;line-height:2}.market a{font-size:11px;letter-spacing:1px;border-bottom:1px solid var(--ink);padding-bottom:5px}.quote{padding:110px 20px;text-align:center;background:var(--linen)}blockquote{margin:0 0 20px;font-family:"Noto Serif TC",serif;font-size:clamp(25px,3vw,42px);line-height:1.8;letter-spacing:2px}.quote p{color:var(--muted);font-size:11px;letter-spacing:2px}.follow{padding:105px 20px;text-align:center}.follow h2{font-size:42px}.follow>p:not(.eyebrow){margin:16px 0 30px;color:var(--muted);font-size:13px}.outline{display:inline-block;padding:14px 24px;border:1px solid var(--ink);font:13px Georgia,serif}footer{padding:60px 6vw 28px;display:grid;grid-template-columns:1fr auto;gap:18px;background:var(--ink);color:#f4f0e6}footer>p{grid-column:1;margin:0;color:#929c91;font-size:11px}footer>a{grid-column:2;grid-row:1/3;font:12px Georgia,serif}footer>small{grid-column:1/-1;margin-top:30px;padding-top:18px;border-top:1px solid #ffffff1e;color:#6f7a70;font-size:9px}@media(max-width:850px){header{grid-template-columns:1fr auto;height:72px}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 8vw}.about{grid-template-columns:1fr;gap:30px}.fields{grid-template-columns:1fr;gap:20px}.fields div{border-right:0;border-bottom:1px solid #ffffff2b;padding-bottom:25px}.grid{grid-template-columns:repeat(2,1fr)}.market{grid-template-columns:1fr}.market>img{height:480px}.market>div{padding:75px 8vw}}@media(max-width:560px){.brand b{font-size:18px}.instagram{font-size:10px}.hero h1{font-size:43px}.hero>img{height:520px}.about,.works{padding:85px 6vw}.about h2,.heading h2,.market h2{font-size:35px}.heading{align-items:start;flex-direction:column;gap:15px}.heading>p br{display:none}.grid{gap:40px 12px}.card h3{font-size:15px}.card p{font-size:11px}.market>img{height:410px}.quote{padding:80px 7vw}.follow h2{font-size:32px}footer{grid-template-columns:1fr}footer>a{grid-column:1;grid-row:auto}footer>small{grid-column:1}}