:root{--paper:#f6f5f1;--ink:#242725;--muted:#626660;--indigo:#182a38;--line:#dcddd6;--copper:#826449;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}figure,p,h1,h2,h3{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--copper);outline-offset:7px}::selection{background:#d1d9dc}section[id]{scroll-margin-top:20px}.skip-link{position:fixed;top:-100px;left:20px;padding:14px;background:var(--paper);z-index:100}.skip-link:focus{top:10px}
.header{height:96px;padding:0 5.2%;display:flex;align-items:center;gap:32px;position:sticky;top:0;z-index:20;background:rgba(246,245,241,.97);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:20px;flex-shrink:0}.wordmark{font-family:Georgia,"Times New Roman",serif;font-size:49px;letter-spacing:-5px;line-height:1}.brand-dot{color:var(--copper)}.brand-name{font-size:15px;letter-spacing:3px;border-left:1px solid #bbbeb7;padding-left:19px;line-height:1.5}.brand-name>span{display:block;font:8px Arial,sans-serif;letter-spacing:1.65px;margin-top:4px}.nav{display:flex;gap:30px;margin:auto;font-size:12px}.nav a{position:relative;padding:12px 0}.nav a:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}.nav a:hover:after{width:100%}.header-cta{font-size:12px;border-bottom:1px solid var(--ink);padding:10px 0;display:flex;gap:30px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:47% 53%;min-height:650px;height:min(760px,calc(100svh - 96px))}.hero-copy{padding:66px 11% 25px;display:flex;flex-direction:column}.eyebrow{font:10px/1.6 Arial,sans-serif;letter-spacing:2.4px;font-weight:500}.small-line{display:inline-block;width:26px;height:1px;background:var(--copper);vertical-align:middle;margin-right:12px}.hero h1{font-family:var(--serif);font-size:clamp(43px,4.6vw,70px);font-weight:400;letter-spacing:.035em;line-height:1.4;margin:29px 0 16px;white-space:nowrap}.period{color:var(--copper)}.hero-english{font:italic 25px/1.2 Georgia,serif;color:var(--copper);letter-spacing:-.5px}.hero-description{font-size:13px;line-height:2.1;color:var(--muted);margin:27px 0}.hero-actions{display:flex;align-items:center;gap:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:51px;padding:0 23px;background:var(--indigo);color:var(--paper);font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#2c4353;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;padding:7px 0;border-bottom:1px solid #92998f}.hero-foot{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:var(--muted);letter-spacing:1px}.hero-foot span:last-child{font-family:Arial,sans-serif;letter-spacing:1.6px}.hero-image{position:relative;overflow:hidden;background:#aaa294}.hero-image>img{object-position:50% 56%}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:16px;padding:35px 34px 25px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.5));font-size:11px;letter-spacing:1.5px}.hero-image figcaption span:first-child{font-size:9px;font-family:Arial,sans-serif}.section-pad{padding:106px 7.5%}h2{font-family:var(--serif);font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.5;letter-spacing:.03em}.philosophy{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start;border-bottom:1px solid var(--line)}.section-index{color:var(--copper);padding-top:13px;font-size:9px}.body-copy{margin-top:27px;font-size:13px;line-height:2.2;color:var(--muted)}.philosophy-note{border-left:1px solid var(--line);padding-left:36px;margin-top:15px}.mini-mark{font:italic 36px Georgia,serif;color:var(--copper)}.philosophy-note p{margin:17px 0 23px;font-size:12px;line-height:2;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:47px}.section-heading .eyebrow{color:var(--copper);margin-bottom:18px}.section-caption{color:var(--muted);font-size:12px;line-height:1.9}.looks{display:grid;grid-template-columns:1fr 1fr;gap:7%}.look .photo{height:620px;position:relative;overflow:hidden;background:#d3d0c7}.look img{object-position:center 53%;transition:transform .6s}.look:hover img{transform:scale(1.025)}.look-offset{padding-top:92px}.look figcaption{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.look h3{font:400 23px/1.5 var(--serif)}.look p{font-size:11px;color:var(--muted);margin-top:9px;letter-spacing:.5px}.image-label{position:absolute;top:24px;left:24px;font:10px Arial,sans-serif;color:white;letter-spacing:2px;background:rgba(24,42,56,.72);padding:8px 10px}.circle-link{font-size:24px;width:44px;height:44px;border:1px solid #a7ada6;border-radius:50%;display:grid;place-items:center;transition:background .2s}.circle-link:hover{background:#e4e6df}.image-note{margin-top:36px;color:var(--muted);font-size:10px;text-align:right;line-height:1.8}.craft{background:#eaece7}.craft-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:6%}.fabric-main>img{height:540px}.craft figcaption{padding-top:24px}.craft figcaption>span{font:9px Arial,sans-serif;letter-spacing:2px;color:var(--muted)}.craft h3{font:400 27px/1.5 var(--serif);margin:13px 0 10px}.craft p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted)}.craft-side>figure:first-child>img{height:265px}.craft-small{display:grid;grid-template-columns:46% 1fr;gap:26px;margin-top:45px;align-items:center}.craft-small>img{height:245px}.craft-small figcaption{padding-top:0}.craft-small h3{font-size:23px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps li{border-top:1px solid #aeb5ae;padding-top:25px}.steps li>span{font:italic 32px Georgia,serif;color:var(--copper)}.steps h3{font-size:16px;font-weight:500;margin:32px 0 15px}.steps p{font-size:12px;line-height:2;color:var(--muted)}.consult{position:relative;background:var(--indigo);color:var(--paper);display:flex;align-items:center;justify-content:space-between;overflow:hidden;gap:40px}.consult>div{position:relative;z-index:1}.consult .eyebrow{color:#bdc7c7}.consult h2{font-size:54px;margin:22px 0}.consult p:not(.eyebrow){font-size:14px;line-height:2;color:#c3cbd0}.consult-actions{width:340px;margin-right:4%}.button-light{background:var(--paper);color:var(--indigo);width:100%;min-height:58px;font-size:14px}.button-light:hover{background:#e0e3dc}.consult-link{display:flex;justify-content:space-between;padding:24px 0 18px;border-bottom:1px solid #6c7b86;font-size:15px}.consult-note{display:block;margin-top:20px;font-size:12px;color:#b9c4ca}.watermark{position:absolute;right:10px;bottom:-87px;font:380px Georgia,serif;letter-spacing:-35px;color:rgba(255,255,255,.035);pointer-events:none}.footer{padding:60px 5.2% 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:45px}.footer-top>p{font-size:12px;line-height:2;color:var(--muted)}.footer-social{display:flex;gap:25px;font-size:11px}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:9px;line-height:1.8}
@media(min-width:1600px){.hero-copy{padding-top:80px}.hero h1{margin-top:40px}.hero-description{margin:35px 0}.look .photo{height:760px}}
@media(max-width:1100px){.nav{gap:18px}.header{gap:20px;padding-inline:4%}.brand{gap:15px}.brand-name{padding-left:14px}.hero-copy{padding:48px 8% 25px}.hero h1{font-size:46px}.hero-foot{flex-direction:column;gap:8px}.hero-actions{gap:20px}.button{gap:22px;padding-inline:18px}.section-pad{padding:80px 6%}.philosophy{grid-template-columns:.85fr 2fr;gap:30px}.philosophy-note{display:none}.look .photo{height:530px}.craft-small{gap:17px}.craft-small h3{font-size:21px}.consult h2{font-size:46px}}
@media(max-width:760px){html{scroll-padding-top:75px}.header{height:76px;padding:0 22px;gap:20px}.wordmark{font-size:40px}.brand-name{font-size:12px;letter-spacing:2px;padding-left:12px}.brand-name>span{font-size:6px;letter-spacing:1px}.brand{gap:14px}.header-cta{margin-left:auto;font-size:11px;gap:10px}.menu-toggle{width:26px;height:40px;padding:8px 0;display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0}.menu-toggle span{display:block;width:23px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:18px 24px 25px;border-bottom:1px solid var(--line);font-size:14px}.nav.is-open{display:flex;flex-direction:column;gap:5px}.nav a{padding:14px 0}.hero{display:flex;flex-direction:column;min-height:0;height:auto}.hero-copy{padding:43px 26px 31px}.eyebrow{font-size:9px;letter-spacing:2px}.hero h1{font-size:46px;line-height:1.35;margin:23px 0 13px}.hero-english{font-size:23px}.hero-description{font-size:12px;margin:21px 0 24px}.hero-actions{gap:27px}.hero-foot{flex-direction:row;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:8px}.hero-foot span:last-child{font-size:8px}.hero-image{height:510px}.hero-image img{object-position:50% 58%}.hero-image figcaption{padding:30px 24px 20px;font-size:9px}.hero-image figcaption span:first-child{font-size:8px}.section-pad{padding:65px 24px}.philosophy{display:block}.section-index{padding:0;margin-bottom:25px}.body-copy{font-size:12px;margin-top:23px}h2{font-size:30px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:16px}.section-caption br{display:none}.section-caption{font-size:11px}.looks{gap:40px;grid-template-columns:1fr}.look-offset{padding-top:0}.look .photo{height:540px}.look h3{font-size:23px}.look figcaption{padding-top:19px}.image-note{text-align:left;font-size:9px;margin-top:27px}.craft-grid{display:block}.fabric-main>img{height:420px}.craft-side{margin-top:38px}.craft-side>figure:first-child>img{height:270px}.craft figcaption{padding-top:20px}.craft h3{font-size:25px}.craft-small{gap:20px;margin-top:35px}.craft-small>img{height:220px}.craft-small h3{font-size:22px}.craft-small p{font-size:11px!important}.steps{grid-template-columns:1fr 1fr;gap:34px 23px}.steps h3{font-size:15px;margin-top:22px}.steps p{font-size:11px}.steps li>span{font-size:29px}.consult{align-items:start;flex-direction:column;gap:32px}.consult h2{font-size:42px}.consult-actions{width:100%;margin:0}.watermark{font-size:260px;bottom:-65px}.footer{padding:40px 24px 22px}.footer-top{flex-wrap:wrap;gap:25px;padding-bottom:30px}.footer-top>p{font-size:11px}.footer-social{width:100%;gap:30px}.footer-bottom{flex-direction:column;gap:7px}.desktop-break{display:none}}
@media(max-width:370px){.header{gap:15px;padding-inline:18px}.brand-name{display:none}.hero h1{font-size:41px}.hero-foot{letter-spacing:0}.hero-copy{padding-inline:22px}.hero-actions{gap:19px}.hero-image{height:440px}.look .photo{height:470px}}
.brand-logo{display:block;width:64px;height:64px;object-fit:contain;flex-shrink:0;background:transparent;mix-blend-mode:multiply}
.looks{row-gap:55px;align-items:start}
.look .photo{height:auto;aspect-ratio:2/3}
.look img{object-fit:contain;object-position:center}
.hero-image{background:#e5e1d8}
.hero-image>img{object-fit:contain;object-position:center}
@media(max-width:760px){.brand-logo{width:48px;height:48px}.footer .brand-logo{width:60px;height:60px}.hero-image{height:auto;aspect-ratio:2/3}.hero-image>img{object-fit:contain}.looks{row-gap:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
