:root{--paper:#faf7f0;--cream:#f1eadf;--sand:#d7c4a4;--ink:#655d53;--deep:#62594f;--gold:#9d7943;--line:#d3c9ba;--gutter:clamp(24px,6vw,104px);--space:clamp(76px,9vw,138px);--sans:'DM Sans','Noto Sans TC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8}img{max-width:100%}a,button{font:inherit}.header{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:rgb(250 247 240/.92);backdrop-filter:blur(14px)}.logo{display:block;width:78px;height:48px;overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain}.header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:clamp(18px,2.4vw,40px)}.header nav a{color:var(--ink);text-decoration:none;font-size:13px;white-space:nowrap;transition:.25s}.header nav a:hover,.header nav a.active{color:var(--gold)}.language{margin-left:auto;border:0;background:none;color:var(--ink);font-size:12px;cursor:pointer}.language span{color:var(--line);padding:0 5px}.menu{display:none}.hero{height:calc(100svh - 68px);min-height:620px;position:relative;overflow:hidden;color:#fff}.hero>img,.vision>img{width:100%;height:100%;object-fit:cover}.hero-shade,.vision-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(73 63 52/.82),rgb(73 63 52/.36) 48%,transparent 82%)}.hero-copy,.vision-copy{position:absolute;z-index:2;left:var(--gutter);top:50%;transform:translateY(-50%);max-width:670px}.eyebrow,.section-index{margin:0 0 22px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow.light{color:#ebd5ae}.hero h1,.vision h2,h2{margin:0;font-size:clamp(36px,4.3vw,68px);line-height:1.16;letter-spacing:-.055em}.hero h1{font-size:clamp(52px,6.3vw,94px);color:#fff}.hero-copy>p:not(.eyebrow){margin:28px 0;font-size:16px}.primary-btn{display:inline-flex;align-items:center;gap:34px;padding:13px 19px;background:var(--paper);color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:.08em;transition:.25s}.primary-btn:hover{background:var(--gold);color:#fff}.primary-btn span,.line-link span{font-size:20px}.hero-statement{position:absolute;z-index:2;right:var(--gutter);bottom:30px;display:flex;align-items:end;gap:28px}.hero-statement strong{font-size:12px;line-height:1.2;letter-spacing:.08em}.hero-statement span{font-size:10px}.section,.material-intro,.aesthetic,.textures{padding:var(--space) var(--gutter)}.manifesto{display:grid;grid-template-columns:repeat(12,1fr);gap:26px;border-bottom:1px solid var(--line)}.manifesto .section-index{grid-column:1/-1}.section-index span{padding-left:8px}.manifesto-title{grid-column:1/span 5}.manifesto-text{grid-column:7/span 5;padding-top:54px;font-size:15px}.accent{color:var(--gold);font-size:17px;margin:28px 0}.manifesto-text p{margin:0 0 20px}.material-intro{display:grid;grid-template-columns:repeat(12,1fr);gap:26px;background:var(--sand);align-items:center}.material-image{grid-column:1/span 6;height:min(64vw,650px);overflow:hidden}.material-image img{width:100%;height:100%;object-fit:cover}.material-copy{grid-column:8/-1}.material-copy>p:not(.eyebrow),.aesthetic-copy>p:not(.eyebrow):not(.accent){font-size:15px;margin:26px 0;max-width:520px}.stats{display:flex;border-block:1px solid rgb(157 121 67/.45);padding:20px 0;margin:32px 0;gap:20px}.stats div{flex:1}.stats b{display:block;font-size:23px;letter-spacing:-.04em}.stats span{font-size:11px}.line-link{display:inline-flex;align-items:center;gap:18px;color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:5px;font-size:12px}.benefits{padding:var(--space) var(--gutter);background:var(--deep);color:var(--paper);display:grid;grid-template-columns:4fr 7fr;gap:8vw;align-items:center}.benefits .section-index,.benefits .eyebrow{color:var(--sand)}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr)}.benefit-grid article{padding:24px 28px;border-left:1px solid rgb(211 201 186/.35);border-top:1px solid rgb(211 201 186/.35)}.benefit-grid article:nth-child(odd){border-left:0}.benefit-grid article:nth-child(-n+2){border-top:0}.benefit-grid img{width:40px;filter:brightness(0) invert(1);opacity:.85}.benefit-grid h3{font-size:17px;margin:14px 0 5px}.benefit-grid p{margin:0;color:var(--cream);font-size:13px;line-height:1.75}.aesthetic{display:grid;grid-template-columns:5fr 6fr;gap:7vw;align-items:center;background:var(--cream)}.aesthetic-visual img{display:block;width:100%;filter:drop-shadow(0 28px 24px rgb(54 44 34/.18))}.textures{display:grid;grid-template-columns:4fr 7fr;gap:8vw;align-items:center}.texture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.texture-grid figure{margin:0;background:var(--cream);overflow:hidden}.texture-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .5s}.texture-grid figure:hover img{transform:scale(1.035)}.texture-grid figcaption{padding:13px 15px;font-size:13px}.texture-grid small{display:block;color:#8b8175;font-size:10px}.vision{height:min(72vw,720px);min-height:580px;position:relative;color:#fff}.vision h2{color:#fff}.vision-copy>p:not(.eyebrow){max-width:500px;margin:26px 0;font-size:15px}.vision-overlay{background:linear-gradient(90deg,rgb(62 55 48/.85),rgb(62 55 48/.42) 55%,transparent)}footer{padding:68px var(--gutter) 24px;background:var(--deep);color:var(--paper);display:grid;grid-template-columns:repeat(12,1fr);gap:24px;font-size:12px}.footer-brand{grid-column:1/span 3}.footer-contact{grid-column:4/span 3}.footer-agent{grid-column:7/span 3}.footer-qr{grid-column:10/-1}.footer-brand>img{width:92px;filter:brightness(0) invert(1)}footer b{display:block;margin-bottom:20px}footer p,footer a{color:var(--paper);text-decoration:none;margin:0;line-height:1.8}.qr-group{display:flex;gap:16px}.qr-group figure{margin:0;text-align:center}.qr-group img{display:block;width:96px;background:#fff}.qr-group figcaption{margin-top:6px;font-size:10px}footer small{grid-column:1/-1;border-top:1px solid rgb(211 201 186/.35);padding-top:18px;margin-top:22px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:860px){.header{height:60px}.logo{width:70px}.menu{display:block;margin-left:auto;border:0;background:none;width:30px;height:24px;position:relative}.menu span{position:absolute;left:2px;width:26px;height:1px;background:var(--ink);transition:.25s}.menu span:first-child{top:8px}.menu span:last-child{top:16px}.menu.open span:first-child{top:12px;transform:rotate(45deg)}.menu.open span:last-child{top:12px;transform:rotate(-45deg)}.header nav{display:none;position:absolute;top:60px;left:0;right:0;transform:none;background:var(--paper);padding:26px var(--gutter);border-bottom:1px solid var(--line);flex-direction:column;gap:14px}.header nav.open{display:flex}.language{margin-left:14px}.hero{height:calc(100svh - 60px);min-height:600px}.hero-copy{right:24px}.hero h1{font-size:clamp(48px,14vw,68px)}.hero-statement{left:var(--gutter);right:var(--gutter);justify-content:space-between}.manifesto,.material-intro,.benefits,.aesthetic,.textures{display:grid;grid-template-columns:1fr;gap:38px}.manifesto .section-index,.manifesto-title,.manifesto-text,.material-image,.material-copy{grid-column:auto}.manifesto-text{padding:0}.material-image{height:82vw}.benefits-head,.texture-title{max-width:560px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid article{padding:20px 14px}.aesthetic-visual{order:-1}.texture-grid{grid-template-columns:repeat(2,1fr)}.vision{height:680px}.vision-copy{right:var(--gutter)}footer{grid-template-columns:1fr;gap:30px}.footer-brand,.footer-contact,.footer-agent,.footer-qr{grid-column:auto}footer small{grid-column:auto}}@media(max-width:480px){.language{font-size:10px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article,.benefit-grid article:nth-child(odd),.benefit-grid article:nth-child(-n+2){border-left:0;border-top:1px solid rgb(211 201 186/.35)}.benefit-grid article:first-child{border-top:0}.texture-grid{gap:8px}.texture-grid figcaption{padding:10px;font-size:12px}.stats{gap:10px}.stats b{font-size:19px}.stats span{font-size:9px}.qr-group img{width:88px}}