@charset "UTF-8";
:root{--ink:#19211c;--paper:#f5f3ec;--gold:#c0a27b;--muted:#7a7f75}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #b68c50;outline-offset:6px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:15px}.skip:focus{top:10px}.header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid #dedfd6}.brand{display:flex;align-items:center;gap:14px}.brand-symbol{font-family:Georgia,serif;font-size:47px;letter-spacing:-8px;border:1px solid #a7ab9c;width:56px;height:53px;line-height:51px;padding-left:5px}.brand-symbol span{font-size:23px;color:#aa8b60}.brand-type{font-size:22px;letter-spacing:5px}.brand-type small{display:block;font-size:9px;letter-spacing:2.7px;margin-top:3px}.header nav{display:flex;gap:40px;font-size:13px}.header nav a:hover{color:#a38259}.header-note{font-size:9px;letter-spacing:2px;color:#737b6c}.menu{display:none}.hero{display:grid;grid-template-columns:48% 52%;background:#1b231e;min-height:700px;color:#f5f2e8}.hero-copy{padding:78px 9% 30px 11.5%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:3px;color:#bbbfae;margin:0 0 35px;display:flex;align-items:center;gap:13px}.eyebrow>span{width:23px;height:1px;background:var(--gold)}h1{font-family:"Songti SC",SimSun,serif;font-weight:400;font-size:clamp(54px,5.8vw,88px);line-height:1.38;letter-spacing:5px;margin:0 0 25px}.gold{color:#c7ad87}.hero-desc{color:#adb5a7;font-size:14px;line-height:2.1;margin:0 0 34px}.button{display:flex;gap:53px;align-items:center;border:1px solid #777d64;padding:18px 24px;font-size:13px;transition:background .2s}.button:hover{background:#384235}.button span{font-size:20px;color:var(--gold)}.hero-bottom{display:flex;width:100%;justify-content:space-between;gap:18px;margin-top:auto;padding-top:40px;font-size:9px;letter-spacing:1.5px;color:#939e8e}.hero-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#bbb6a3 0,#8a8d7c 45%,#686e5c 100%)}.hero-art img{width:92%;height:650px;object-fit:contain;filter:drop-shadow(15px 25px 14px #20281f55)}.art-index{position:absolute;left:40px;top:35px;font-size:10px;letter-spacing:2px;color:#e1e0d0}.art-caption{position:absolute;left:40px;bottom:42px;color:#f7f2e6;font-family:SimSun,serif;font-size:23px;letter-spacing:3px}.art-caption small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;margin-top:13px}.art-label{position:absolute;right:24px;top:50%;writing-mode:vertical-rl;letter-spacing:2px;font-size:8px;color:#e0dece}.intro{display:flex;align-items:center;justify-content:space-between;padding:45px 8%;border-bottom:1px solid #dddcd1}.intro p{font-family:SimSun,serif;font-size:27px;letter-spacing:2px}.intro>span{font-size:13px;line-height:1.9;color:#737b6d}.section{padding:95px 7.5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.dark{color:#8b7354;margin-bottom:20px}h2{font-family:"Songti SC",SimSun,serif;font-weight:400;font-size:39px;letter-spacing:2px;margin:0}.section-heading>p{font-size:12px;line-height:2;color:#7b8073}.filters{display:flex;gap:30px;margin:38px 0 27px;border-bottom:1px solid #d9dcd0}.filters button{border:0;background:none;color:#7e8576;font-size:12px;padding:0 0 17px;position:relative}.filters sup{font-size:8px;margin-left:6px}.filters button.active{color:#202b20}.filters button.active:after{content:"";position:absolute;bottom:-1px;height:2px;background:#293e29;left:0;right:0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product[hidden]{display:none}.product-visual{position:relative;aspect-ratio: .85;background:#e9e4d8;overflow:hidden}.product-visual svg{width:100%;height:100%;transition:transform .5s}.product:hover svg{transform:scale(1.05) rotate(-3deg)}.product-visual>span{position:absolute;bottom:15px;left:17px;font-size:8px;letter-spacing:1.5px;color:#838578}.steel{background:#e1e5dd}.sport{background:#dde2d4}.parts{background:#e5e5dc}.product-title{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.product-title h3{font-size:16px;font-weight:500;letter-spacing:1px;margin:0}.product-title>span{color:#919c86;font-size:20px}.product>p{font-size:11px;color:#868b7e;line-height:1.8}.collection-note{font-size:10px;color:#909387;margin:27px 0 0;line-height:1.8}.philosophy{display:grid;grid-template-columns:1fr 1fr;background:#212b23;color:#f2f0e4;padding:85px 9%;gap:10%}.philosophy-title h2{font-size:47px;line-height:1.5}.philosophy-title h2 em{font-style:normal;color:#bfa783}.tiny-mark{display:block;font-family:Georgia,serif;font-size:20px;color:#7a8a74;margin-top:40px;letter-spacing:5px}.principles{padding-top:20px}.principles article{display:flex;gap:27px;border-top:1px solid #46503e;padding:27px 0}.principles article>span{font-size:10px;color:#bea67e;margin-top:6px}.principles h3{font-size:19px;font-weight:400;letter-spacing:2px;margin:0 0 14px}.principles p{font-size:12px;line-height:2;color:#a6b19e;margin:0}.about{padding-top:105px;padding-bottom:105px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:35px}.about h2{font-size:49px;line-height:1.55}.about h2 span{color:#9e865d}.about h3{font-size:17px;font-weight:500;margin-top:8px;margin-bottom:25px}.about p:not(.eyebrow){font-size:13px;color:#7a8073;line-height:2.1}.about-sign{display:flex;justify-content:space-between;border-top:1px solid #d5dacb;margin-top:32px;padding-top:18px;font-size:10px;letter-spacing:2px}.about-sign span{color:#919786;letter-spacing:1px}.closing{text-align:center;padding:62px 20px;background:#e8e7dc}.closing>span{font-size:9px;letter-spacing:3px;color:#8d907e}.closing p{font-family:SimSun,serif;font-size:32px;letter-spacing:4px;margin:20px 0 26px}.closing a{display:inline-block;font-size:12px;padding-bottom:8px;border-bottom:1px solid #9ca38c}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:33px 5.5%;font-size:10px;color:#7f8775}.footer-brand{font-size:17px;letter-spacing:3px;color:#34432e}.footer-brand span{font-size:8px;letter-spacing:1px;margin-left:12px}footer p{line-height:1.8}footer>a:last-child{white-space:nowrap}@media(min-width:1600px){.hero{min-height:790px}.hero-art img{height:750px}}@media(max-width:1000px){.header{padding:0 5%;height:86px}.header-note{display:none}.header nav{gap:25px}.hero{min-height:610px;grid-template-columns:50% 50%}.hero-copy{padding:60px 8% 28px 10%}h1{font-size:59px}.hero-art img{height:570px;width:110%;max-width:none}.hero-bottom{font-size:8px;flex-direction:column;gap:12px}.section{padding:70px 6%}.products{gap:16px;grid-template-columns:repeat(2,1fr)}.product-visual{aspect-ratio:1}.product-visual svg{height:100%;padding:15px}.philosophy{padding:70px 7%;gap:7%}.philosophy-title h2{font-size:40px}.about h2{font-size:40px}}@media(max-width:650px){html{scroll-padding-top:15px}.header{height:78px;position:relative}.brand-symbol{font-size:35px;width:43px;height:41px;line-height:39px}.brand-type{font-size:18px}.brand-type small{font-size:7px}.menu{display:flex;gap:15px;align-items:center;border:0;background:none;font-size:12px}.menu span{font-size:22px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);z-index:10;padding:23px 6%;border-bottom:1px solid #ccc;box-shadow:0 10px 15px #0001}.header nav.open{display:flex;justify-content:space-between;gap:12px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:48px 7% 30px}.eyebrow{font-size:8px;letter-spacing:2.5px;margin-bottom:26px}h1{font-size:54px;letter-spacing:4px;line-height:1.3}.hero-desc{font-size:12px;margin-bottom:25px}.button{padding:13px 20px;gap:46px;font-size:12px}.hero-bottom{flex-direction:row;gap:10px;padding-top:35px}.hero-art{height:460px}.hero-art img{height:510px;width:100%;transform:translateY(-12px)}.art-index{left:25px;top:22px}.art-caption{left:25px;bottom:27px;font-size:20px}.art-caption small{font-size:7px}.art-label{right:13px}.intro{padding:28px 7%;display:block}.intro p{font-size:22px;margin-top:0}.intro>span{font-size:12px}.intro br{display:none}.section{padding:57px 6%}.section-heading{display:block}h2{font-size:29px}.section-heading>p{font-size:11px;margin-top:18px}.filters{gap:25px;margin-top:27px}.filters button{font-size:11px}.products{gap:25px 14px}.product-visual{aspect-ratio:.8}.product-visual svg{padding:0;width:118%;margin-left:-9%}.product-visual>span{font-size:6px;left:10px;bottom:12px}.product-title{margin-top:12px}.product-title h3{font-size:13px}.product>p{font-size:10px;margin-top:6px}.collection-note{font-size:9px}.philosophy{grid-template-columns:1fr;padding:55px 8%;gap:25px}.philosophy-title h2{font-size:36px}.philosophy-title h2 br:nth-of-type(2){display:none}.tiny-mark{display:none}.principles article{padding:23px 0}.principles h3{font-size:17px}.principles p{font-size:12px}.about-layout{grid-template-columns:1fr;gap:30px;margin-top:15px}.about h2{font-size:37px}.about h3{font-size:15px}.about p:not(.eyebrow){font-size:12px}.closing{padding:44px 15px}.closing>span{font-size:7px;letter-spacing:2px}.closing p{font-size:25px;letter-spacing:2px}footer{flex-wrap:wrap;padding:28px 6%;gap:12px}.footer-brand{flex-basis:100%}footer p{font-size:8px;margin:4px 0}footer>a:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
