:root{--cream:#fff2e0;--sand:#e9c9a7;--wood:#a44b2f;--orange:#f37438;--red:#e5354c;--yellow:#ffc21c;--blue:#28364b;--ink:#1b1b1a;--white:#fffdfa;--line:#c8a98b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Noto Sans TC',sans-serif}.nav{height:86px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b1b1a22;background:var(--cream);position:relative;z-index:2}.brand{display:flex;gap:9px;color:inherit;align-items:center;text-decoration:none;font-size:19px;font-weight:800;line-height:1}.brand small{font:9px 'DM Mono';letter-spacing:.8px;display:block;margin-top:5px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--ink);color:var(--cream);font:700 20px 'Noto Serif TC';border-radius:3px}.nav nav{display:flex;gap:28px}.nav nav a{color:var(--ink);font-size:14px;text-decoration:none}.nav-button,.button{display:inline-flex;align-items:center;gap:27px;background:var(--wood);color:#fff;text-decoration:none;padding:13px 17px;font-size:14px;font-weight:700}.nav-button b,.button span{color:var(--yellow);font-size:20px;line-height:12px}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:635px;background:var(--cream)}.hero-copy{padding:105px 8vw 70px 10vw;position:relative}.kicker{margin:0 0 22px;color:var(--yellow);font:11px 'DM Mono';letter-spacing:1.5px}.kicker.dark{color:var(--wood)}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(43px,5vw,76px)/1.16 'Noto Serif TC';letter-spacing:-3px;margin-bottom:27px}h1 em,h2 em{font-style:normal;color:var(--wood)}.hero-copy>p:not(.kicker){max-width:480px;color:#52463e;font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:29px}.under-link{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.under-link span{color:var(--wood);margin-left:5px}.hero-art{min-height:520px;background:var(--ink);position:relative;overflow:hidden}.wood-panel{position:absolute;width:90%;height:74%;right:0;bottom:0;background:repeating-linear-gradient(88deg,#b65f3f 0 3px,#a74e32 4px 12px,#bd6a48 13px 15px);opacity:.92}.wood-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#58291722 50%,transparent 80%)}.steel-frame{position:absolute;border:15px solid #282828;width:355px;height:490px;right:15%;top:60px;box-shadow:inset 0 0 0 1px #968473,18px 18px 0 #070707}.phone{height:410px;width:208px;border:10px solid #0b0b0b;background:#141414;border-radius:28px;position:absolute;right:27%;top:105px;transform:rotate(7deg);box-shadow:22px 25px 30px #0008}.phone-screen{position:absolute;inset:4px;border-radius:18px;background:linear-gradient(135deg,var(--cream),#e8b17d);padding:26px 17px;overflow:hidden}.phone-screen small{font:9px 'DM Mono';letter-spacing:.5px}.phone-screen strong{display:block;font:500 31px/.98 'DM Mono';letter-spacing:-2px;margin-top:130px}.phone-screen b{position:absolute;right:16px;bottom:14px;color:var(--wood);font:13px 'DM Mono'}.camera{position:absolute;z-index:2;right:15px;top:15px;display:grid;grid-template-columns:repeat(2,16px);gap:5px;background:#161616;padding:6px;border-radius:12px}.camera i{width:16px;height:16px;border-radius:50%;background:#303b4c;border:2px solid #626c7a}.camera i:last-child{grid-column:1/3;justify-self:center;width:8px;height:8px;background:#f3d19c;border:0}.hero-note{position:absolute;bottom:30px;left:10%;color:#fff;display:flex;flex-direction:column;gap:8px}.hero-note b{font:10px 'DM Mono';letter-spacing:1px;color:var(--yellow)}.hero-note span{font-size:12px;color:#e7d5c4}.brand-strip{background:var(--wood);color:#fff;padding:17px 8vw;display:flex;gap:26px;align-items:center;justify-content:center}.brand-strip p{margin:0;font:11px 'DM Mono';letter-spacing:1px}.brand-strip i{width:4px;height:4px;border-radius:50%;background:var(--yellow)}.section{padding:110px 10vw}.intro{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;background:#f7e2c8}.intro h2,.section-top h2,.partner h2,.contact h2{font:700 clamp(34px,4.1vw,57px)/1.3 'Noto Serif TC';letter-spacing:-2px;margin:0}.intro-text{font-size:15px;line-height:2;color:#55463b;align-self:end;margin:0}.services{background:var(--cream)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-top>p{width:285px;color:#63564c;font-size:14px;line-height:1.8;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}.service-card{position:relative;min-height:400px;padding:26px;display:flex;flex-direction:column;overflow:hidden}.service-card>span{font:12px 'DM Mono';align-self:flex-end}.service-card>div{margin-top:auto;position:relative;z-index:1}.service-card div>p:first-child{font:10px 'DM Mono';letter-spacing:1px;margin-bottom:11px}.service-card h3{font:700 29px 'Noto Serif TC';margin-bottom:13px}.service-card div>p:last-child{font-size:13px;line-height:1.8;margin-bottom:0}.service-card>b{position:absolute;bottom:20px;right:-39px;transform:rotate(-90deg);transform-origin:center;font:10px 'DM Mono';letter-spacing:1px;opacity:.65}.coating{background:#e8c49d}.coating:before{content:'';position:absolute;border:1px solid #8a583d;width:280px;height:280px;border-radius:50%;right:-80px;top:44px}.coating:after{content:'✦';position:absolute;font-size:105px;color:#fff3db;right:35px;top:80px}.charge{background:var(--blue);color:#fff}.charge:before{content:'';position:absolute;width:110px;height:155px;border:7px solid var(--yellow);border-radius:17px;right:75px;top:54px}.charge:after{content:'↯';position:absolute;font:110px 'DM Mono';color:var(--yellow);right:99px;top:72px}.protect{background:var(--wood);color:#fff}.protect:before{content:'';position:absolute;width:185px;height:270px;border:9px solid var(--ink);border-radius:27px;right:64px;top:42px;transform:rotate(-13deg);background:linear-gradient(135deg,#e8c49d,#f9edd8)}.protect:after{content:'';position:absolute;width:210px;height:280px;border:1px solid #f4d7b5;right:45px;top:30px;border-radius:30px;transform:rotate(6deg)}.statement{text-align:center;background:var(--ink);color:#fff;padding:110px 8vw}.statement h2{font:700 clamp(37px,5vw,68px)/1.3 'Noto Serif TC';letter-spacing:-3px;margin:0 0 20px}.statement h2 em{color:#f3b368}.statement>p:last-child{margin:0;color:#c9c1b9;font-size:14px}.partner{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#f7e2c8}.partner-visual{background:repeating-linear-gradient(90deg,#bc6745 0 4px,#a94d31 5px 16px);min-height:650px;position:relative;overflow:hidden}.partner-visual:before{content:'';position:absolute;inset:0;background:#1b1b1a21}.visual-label{position:absolute;left:13%;bottom:10%;z-index:1;color:#fff;font:500 clamp(46px,5vw,78px)/.91 'DM Mono';letter-spacing:-5px}.visual-label em{color:var(--yellow);font-style:normal}.metal-line{position:absolute;width:80%;height:69%;left:10%;top:12%;border:17px solid #202020;box-shadow:inset 0 0 0 1px #796a5f}.partner-visual span{position:absolute;right:10%;top:8%;font:10px 'DM Mono';color:#f9e1c9}.partner-copy{padding:105px 9vw}.partner-copy>p:not(.kicker){color:#5b4a3d;line-height:1.9;font-size:14px;margin:25px 0}.partner-copy ul{list-style:none;padding:0;margin:30px 0}.partner-copy li{border-top:1px solid #cba88a;padding:15px 0;display:grid;grid-template-columns:92px 1fr;gap:15px;font-size:13px}.partner-copy li b{color:var(--wood)}.partner-copy li span{color:#615449;line-height:1.6}.text-link{color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link span{color:var(--wood);font-size:20px;margin-left:10px}.stores{background:var(--cream)}.store-list{margin-top:48px;border-top:2px solid var(--ink)}.store-list article{display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:25px 0;border-bottom:1px solid #bfa789}.store-list b{font:12px 'DM Mono';color:var(--wood)}.store-list h3{font:700 20px 'Noto Serif TC';margin-bottom:4px}.store-list p{margin:0;color:#6e5d4e;font-size:13px}.store-list a{color:var(--ink);font:12px 'DM Mono';text-decoration:none}.contact{padding:115px 10vw;background:var(--yellow);position:relative;overflow:hidden}.contact:after{content:'匠';position:absolute;right:7%;bottom:-100px;color:#e8a811;font:900 330px 'Noto Serif TC';line-height:1}.contact>*{position:relative;z-index:1}.contact .kicker{color:#6e5000}.contact h2{font-size:clamp(40px,5vw,70px);margin-bottom:28px}.dark-button{background:var(--ink)}.contact-note{font:12px 'DM Mono';letter-spacing:.5px;margin:28px 0 0;color:#73550d}footer{background:var(--ink);color:#fff;padding:35px 6vw;display:flex;justify-content:space-between;align-items:center}footer .brand-mark{background:var(--cream);color:var(--ink)}footer p,footer a{font:11px 'DM Mono';color:#b9b2ac;text-decoration:none;margin:0}footer div{display:flex;gap:20px}@media(max-width:850px){.nav{height:70px;padding:0 6vw}.nav nav{display:none}.nav-button{font-size:12px;padding:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 8vw}.hero-art{min-height:440px}.steel-frame{transform:scale(.8);transform-origin:top right}.phone{right:29%;transform:rotate(7deg) scale(.82);transform-origin:top}.brand-strip{gap:11px;padding:15px 4vw}.brand-strip p{font-size:8px}.intro,.partner{grid-template-columns:1fr;gap:30px}.section{padding:70px 8vw}.intro{padding:70px 8vw}.section-top{display:block}.section-top>p{width:auto;margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px}.partner-visual{min-height:400px}.partner-copy{padding:70px 8vw}.stores .section-top br{display:none}.store-list article{grid-template-columns:35px 1fr}.store-list a{grid-column:2;margin-top:9px}.contact{padding:75px 8vw}.contact:after{font-size:220px}footer{padding:30px 8vw;flex-direction:column;align-items:flex-start;gap:20px}}