:root{--paper:#f8f7f3;--ink:#292824;--muted:#74736c;--line:#deddd5;--accent:#4a4c3f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #8c6951;outline-offset:5px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.wordmark{font-family:Didot,"Bodoni MT","Times New Roman",serif;font-size:36px;letter-spacing:-2px}nav{display:flex;gap:36px;font-size:13px}nav a:hover{color:#8b6d55}.language{background:none;border:0;font-size:12px}.language span{color:#777}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.hero-copy{padding:80px 10% 24px;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:2.4px;margin:0 0 30px}.hero h1{font-family:"Times New Roman","Songti SC",serif;font-size:clamp(42px,4.7vw,75px);font-weight:400;line-height:1.25;letter-spacing:-2px;margin:10px 0 25px}em{font-weight:400;font-style:normal;color:#7c796b}.intro{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:35px}.button{display:inline-flex;gap:58px;align-items:center;padding:18px 23px;background:var(--ink);color:white;font-size:13px}.button:hover{background:#545748}.hero-bottom{margin-top:auto;padding-top:60px;display:flex;justify-content:space-between;width:100%;font-size:9px;letter-spacing:1.4px;color:var(--muted)}figure{margin:0}.hero-image{position:relative;background:#c1ae99;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-image figcaption{position:absolute;bottom:25px;right:30px;font-size:10px;letter-spacing:2px;color:white;text-shadow:0 1px 4px #333}.manifesto{padding:27px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:1px}.manifesto span:nth-child(2){color:var(--muted);font-size:13px;letter-spacing:2px}.section{padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:clamp(28px,3vw,44px);font-family:"Times New Roman","Songti SC",serif;font-weight:400;line-height:1.45;margin:0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.filters{display:flex;gap:12px;margin:35px 0 28px;flex-wrap:wrap}.filters button{border:1px solid var(--line);padding:10px 20px;background:transparent;font-size:12px;border-radius:30px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{padding:0;text-align:left;border:0;background:transparent;min-width:0}.product-image{display:block;aspect-ratio:3/4;overflow:hidden;position:relative;background:#ececea}.product img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.035)}.badge{position:absolute;left:12px;top:12px;background:#f8f7f3e8;padding:6px 9px;font-size:10px}.product-info{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.product h3{font-weight:400;font-size:17px;margin:0 0 8px}.product small{font-size:10px;color:var(--muted);letter-spacing:1px}.product-arrow{font-size:22px}.reference-note{color:var(--muted);font-size:11px;line-height:1.8;margin:26px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;background:#ecebe5}.about-image{display:flex;align-items:center;padding:50px;background:#dfdfda}.about-image img{width:100%;height:auto}.about-copy{padding:70px 12%}.about-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:#65645d}.about-copy h2{margin-bottom:25px}.brand-signature{margin-top:45px;font-family:"Times New Roman",serif;font-size:35px}.brand-signature span{display:block;font:9px Arial;letter-spacing:2px;margin-top:12px}.contact{background:#30342d;color:#f6f5ef;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:clamp(40px,4vw,60px)}.contact em{color:#c3c5b3}.contact p{font-size:14px;line-height:1.9;color:#d0d1c8}.contact .button{margin-top:25px}.light{background:var(--paper);color:var(--ink)}.light:hover{background:#deddd5}.contact-details{padding-top:35px}.contact-details>div{padding:24px 0;border-bottom:1px solid #62655c}.contact-details span{display:block;font-size:11px;letter-spacing:1px;color:#bec0b5;margin-bottom:16px}.contact-details a{font-size:clamp(18px,2vw,27px)}.contact-details p{margin:0}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 5%;gap:25px}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}.skip{position:fixed;left:20px;top:-100px;z-index:30;background:white;padding:15px}.skip:focus{top:10px}dialog{border:0;background:var(--paper);padding:40px;width:min(800px,92vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#171916a6;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px}.dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.dialog-layout img{width:100%;max-height:60vh;object-fit:contain;background:#e9e9e7}.dialog-layout p{font-size:14px;line-height:1.8;color:var(--muted)}.dialog-layout h2{font-size:30px}.dialog-layout .button{gap:15px;margin-top:15px}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:72px;padding:0 5%}.wordmark{font-size:29px}nav{gap:16px;font-size:11px}.hero{min-height:520px}.hero-copy{padding:50px 10% 20px}.hero h1{font-size:41px}.hero-bottom{font-size:8px;gap:10px}.manifesto span:last-child{display:none}.section{padding:60px 5%}.products{grid-template-columns:repeat(2,1fr);gap:30px 18px}.about-copy{padding:40px 9%}.about-image{padding:20px}.contact{gap:30px}}@media(max-width:540px){header{flex-wrap:wrap;height:92px;padding-top:10px;padding-bottom:10px}header nav{order:3;width:100%;justify-content:center;margin-top:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 6% 24px}.hero h1{font-size:49px;margin-top:0}.hero-bottom{padding-top:35px}.hero-image{height:390px}.hero-image img{object-position:center 46%}.manifesto{padding:22px 6%}.manifesto span:first-child{font-size:9px}.manifesto span:nth-child(2){font-size:10px;letter-spacing:0}.section-heading{display:block}.section-heading>p{margin-top:18px}.filters{gap:7px}.filters button{padding:9px 12px;font-size:11px}.product h3{font-size:15px}.badge{left:7px;top:7px;font-size:9px}.about{grid-template-columns:1fr}.about-image{padding:25px}.about-copy{padding:40px 6%}.contact{grid-template-columns:1fr;gap:10px}.contact-details{padding-top:0}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}.dialog-layout{grid-template-columns:1fr;gap:20px}dialog{padding:35px 23px}.dialog-layout img{max-height:32vh}.dialog-layout h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Keep the brand photograph balanced with the adjacent copy. */
.about-image{justify-content:center}
.about-image img{width:auto;max-width:100%;height:auto;max-height:360px;object-fit:contain}
@media(max-width:800px){.about-image img{max-height:300px}}
@media(max-width:540px){.about-image img{max-height:260px}}
