@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Lora:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap');
:root{--blue:#1748e5;--ink:#142131;--muted:#566474;--line:#dce2e9;--pale:#f1f5f9;--white:#fff;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f9b94b;outline-offset:5px}.skip{position:fixed;top:-100px;left:16px;background:var(--ink);color:white;padding:12px;z-index:99}.skip:focus{top:12px}.section-wrap{max-width:1440px;margin:auto;padding-left:5%;padding-right:5%}.header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:100px;padding:18px 5%;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;gap:10px;align-items:center;color:var(--blue);font-family:var(--display);font-size:1.38rem;font-weight:800;letter-spacing:-.045em}.brand-dark{color:var(--ink)}.wordmark svg{width:29px;height:33px;fill:none;stroke:currentColor;stroke-width:2.4}.header nav{display:flex;gap:34px;margin-left:auto;margin-right:45px;font-size:.94rem}.header nav a:hover{color:var(--blue)}.languages{display:flex;align-items:center;gap:8px;font-size:.875rem}.languages button{border:0;background:none;padding:7px;color:#68727d;cursor:pointer;font-weight:650}.languages button[aria-pressed=true]{color:var(--blue);text-decoration:underline;text-underline-offset:6px}.languages span{color:#c4cbd4}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;align-items:center;padding-top:55px;padding-bottom:54px}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.11em;line-height:1.7;color:var(--blue);margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.12;letter-spacing:-.048em}h1{font-size:clamp(3.1rem,5.3vw,5rem);margin-bottom:26px}h1 span{color:var(--blue)}.hero-description{color:var(--muted);max-width:490px;font-size:1.125rem;line-height:1.75;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:54px;padding:13px 24px;border:1px solid transparent;font-weight:600;font-size:.94rem;cursor:pointer;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1139b8}.hero-foot{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);max-width:440px;font-size:.875rem;color:var(--muted)}.hero-visual{min-width:0}.photo-stage{width:100%;aspect-ratio:1/1.06;background:#dce7f8;display:grid;place-items:center;overflow:hidden;position:relative}.image-monogram{font-family:var(--display);font-size:8rem;letter-spacing:-.09em;color:var(--blue)}.photo-stage img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.image-caption{display:flex;justify-content:space-between;gap:20px;font-size:.72rem;letter-spacing:.07em;font-weight:650;padding:15px 0;color:var(--muted)}.trade-line{display:flex;align-items:center;justify-content:center;gap:35px;background:var(--blue);color:white;min-height:70px;font-size:.79rem;letter-spacing:.13em;font-weight:600;padding:18px 5%}.trade-line .line{width:180px;height:1px;background:#849fff}.about{display:grid;grid-template-columns:1fr 2fr;gap:6%;padding-top:100px;padding-bottom:100px}.about h2,h2{font-size:clamp(2.25rem,3.6vw,3.5rem);margin-bottom:28px}.body-large{font-size:1.25rem;color:var(--muted);max-width:770px;line-height:1.8}.contact{background:var(--blue);color:#fff;display:grid;grid-template-columns:1.5fr 1fr;gap:8%;padding-top:72px;padding-bottom:72px;max-width:1440px}.contact .eyebrow{color:#c6d4ff}.contact h2{font-size:clamp(2.3rem,4vw,3.8rem)}.contact p:not(.eyebrow):not(.person){color:#d8e2ff}.email-link{font-size:clamp(1.1rem,2.4vw,1.85rem);border-bottom:1px solid #8fafff;padding-bottom:6px;display:inline-block}.signature{border-left:1px solid #6486f5;padding-left:45px;align-self:center}.signature-mark{font-size:2.5rem;font-family:var(--display);font-weight:500;letter-spacing:-.07em}.signature p{margin-bottom:5px;font-size:.94rem}.signature .person{font-size:1.45rem;font-weight:600;margin-top:20px}.light{background:white;color:var(--blue);margin-top:25px}.light:hover{background:#dae5ff}.footer{display:flex;gap:25px;align-items:center;justify-content:space-between;min-height:115px;padding-top:25px;padding-bottom:25px;color:var(--muted);font-size:.8rem}.footer p{margin:0}.footer-brand{font-family:var(--display);font-weight:800;color:var(--ink);font-size:1rem;letter-spacing:-.025em}.footer>span{font-size:.73rem;letter-spacing:.08em}
@media(min-width:1600px){.hero{padding-top:70px;padding-bottom:70px}}@media(max-width:900px){.header nav{margin-right:10px;gap:20px}.hero{gap:30px}h1{font-size:3.15rem}.hero-description{font-size:1rem}.hero-foot{margin-top:27px}.hero .eyebrow{font-size:.72rem}.image-caption{font-size:.65rem}.about{grid-template-columns:1fr;gap:10px;padding-top:65px;padding-bottom:65px}.contact{gap:6%}.signature{padding-left:25px}.footer>span{display:none}}@media(max-width:650px){.section-wrap{padding-left:6%;padding-right:6%}.header{padding:15px 6%;min-height:78px;gap:12px}.wordmark{font-size:1.18rem;gap:5px}.wordmark svg{width:23px}.header nav{display:none}.languages{margin-left:auto;font-size:.82rem;gap:3px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:30px;gap:35px}h1{font-size:clamp(2.8rem,11vw,4rem)}.hero .eyebrow{font-size:.75rem}.hero-description{font-size:1.05rem;max-width:100%}.hero-foot{margin-top:28px;padding-top:16px}.photo-stage{aspect-ratio:1.15/1}.image-caption{font-size:.7rem}.trade-line{gap:15px;font-size:.67rem;letter-spacing:.055em;min-height:60px}.trade-line .line{width:40px}.body-large{font-size:1.125rem}.contact{grid-template-columns:1fr;gap:45px;padding-top:52px;padding-bottom:48px}.signature{border-left:0;border-top:1px solid #6486f5;padding-left:0;padding-top:30px}.signature-mark{display:none}.signature .person{margin-top:0}.contact .email-link{font-size:1.35rem}.footer{flex-wrap:wrap;gap:15px;min-height:95px;font-size:.75rem}.button{min-height:52px}.eyebrow{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* A restrained palette and softer rhythm for the requested calm direction. */
:root{--blue:#31546f;--ink:#243a46;--muted:#61717a;--line:#e0e5e6;--pale:#f4f6f6}
.header{min-height:96px}.hero{padding-top:65px;padding-bottom:65px;gap:6%}h1{font-weight:500;font-size:clamp(3rem,4.7vw,4.45rem);letter-spacing:-.047em}h1 span{color:#617780}.photo-stage{aspect-ratio:1/1.04;background:#e9edf0}.photo-stage img{filter:saturate(.7)}.button{border-radius:3px}.button:hover{transform:none}.primary:hover{background:#243d50}.trade-line{background:#edf2f3;color:#57717e;min-height:66px}.trade-line .line{background:#acbdc5}.contact{background:#243e4c}.contact .eyebrow{color:#b8cbd4}.contact p:not(.eyebrow):not(.person){color:#d0dde3}.email-link{border-color:#758f9b}.signature{border-color:#647c88}.light:hover{background:#edf2f3}
@media(max-width:650px){.hero{padding-top:38px;padding-bottom:32px;gap:30px}h1{font-size:clamp(2.85rem,10.7vw,3.7rem)}.photo-stage{aspect-ratio:1.2/1}.header{min-height:78px}}
.header nav{gap:27px;margin-right:25px;font-size:.9rem}.about-detail{color:var(--muted);font-size:1rem;max-width:720px;margin:24px 0 36px}.company-facts{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px}.company-facts span{font-size:.7rem;letter-spacing:.1em;color:var(--muted);font-weight:600}.company-facts p{font-size:.94rem;margin:6px 0 0;color:var(--ink)}.sourcing{background:var(--pale);padding:82px 0}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:9%;margin-bottom:46px}.section-heading h2{font-size:clamp(2rem,3.1vw,3rem);margin-bottom:0}.section-heading>p{color:var(--muted);font-size:1rem;margin-bottom:3px}.categories{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd9dd;border-bottom:1px solid #cfd9dd;padding:34px 0}.categories article{padding:0 30px;border-left:1px solid #cfd9dd}.categories article:first-child{padding-left:0;border:0}.categories article:last-child{padding-right:0}.category-number{font-size:.8rem;color:#7c919b;display:block;margin-bottom:30px}.categories h3{font-size:1.6rem;font-weight:500;letter-spacing:-.035em;margin-bottom:14px}.categories p{color:var(--muted);font-size:1rem;max-width:300px;margin-bottom:28px}.category-en{font-size:.7rem;letter-spacing:.1em;color:#647c89;font-weight:600}.process{padding-top:95px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1.13fr;gap:10%}.process-intro h2{font-size:clamp(2rem,3.1vw,3rem)}.process-intro>p:last-child{color:var(--muted);max-width:370px}.steps article{display:grid;grid-template-columns:34px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.steps article:first-child{padding-top:3px;border-top:0}.steps article>span{color:#8296a1;font-size:.8rem;padding-top:5px}.steps h3{font-size:1.25rem;letter-spacing:-.025em;font-weight:600;margin-bottom:12px}.steps p{color:var(--muted);margin:0;font-size:1rem}.steps .process-note{font-size:.875rem;border-top:1px solid var(--line);padding-top:22px;line-height:1.65}.contact-hints{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:32px;max-width:460px;font-size:.8rem;color:#bdd0da}.contact-hints span{padding-bottom:6px;border-bottom:1px solid #627b89}.footer>span{letter-spacing:.06em}section[id]{scroll-margin-top:35px}
@media(max-width:1050px){.header nav{gap:18px;margin-right:5px;font-size:.82rem}.wordmark{font-size:1.2rem}.header{gap:20px}.section-heading{gap:6%}.process{gap:6%}.categories article{padding:0 22px}}
@media(max-width:800px){.header nav a[data-i18n=navProcess]{display:none}.section-heading{grid-template-columns:1fr;gap:24px}.section-heading>p{max-width:520px}.categories h3{font-size:1.35rem}.process{grid-template-columns:1fr;gap:25px}.process-intro>p:last-child{max-width:580px}.steps{max-width:720px}.company-facts{grid-template-columns:1fr 1fr}.company-facts>div:last-child{grid-column:1/-1}}
@media(max-width:650px){.sourcing{padding:54px 0}.section-heading{margin-bottom:34px}.categories{grid-template-columns:1fr;padding:0;border-bottom:0}.categories article,.categories article:first-child,.categories article:last-child{padding:26px 0;border-left:0;border-bottom:1px solid #cfd9dd}.category-number{margin-bottom:16px}.categories h3{font-size:1.6rem}.categories p{max-width:none;margin-bottom:20px}.company-facts{gap:20px}.process{padding-top:58px;padding-bottom:58px}.steps article{gap:13px}.steps article:first-child{padding-top:15px}.contact-hints{gap:10px 18px;font-size:.78rem}.contact .button{margin-top:23px}}
/* Editorial typography with quiet, natural spacing. */
body{font-weight:400;background:#fcfcfb}.header{background:#fcfcfb}.hero{gap:7%}h1,h2,.about h2,.section-heading h2,.process-intro h2,.contact h2{font-family:'Lora',Georgia,serif;font-weight:400;letter-spacing:-.048em;line-height:1.16}h1{font-size:clamp(3rem,4.8vw,4.55rem);margin-bottom:28px}h1 span{color:#697a7b}.hero-description{font-size:1.04rem;line-height:1.9;max-width:440px}.hero .eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:550}.hero-foot{font-size:.84rem}.wordmark{font-family:'Manrope',Arial,sans-serif;font-weight:700;letter-spacing:-.035em}.categories h3{font-family:'Lora',Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:1.3}.steps h3{font-weight:500}.body-large{font-size:1.16rem;line-height:1.9}.about-detail{line-height:1.85}.photo-stage{aspect-ratio:1/1.06;background:#e7e9e6}.photo-stage img{filter:none}.image-caption{font-size:.7rem;letter-spacing:.06em;font-weight:500}.sourcing{background:#f2f4f2}.trade-line{background:#eef1ef}.contact{background:#2b4147}.contact .eyebrow{color:#bfcece}.contact p:not(.eyebrow):not(.person){color:#d4dede}.signature{border-color:#697f81}.eyebrow{font-weight:550}.button{font-weight:500}.section-heading>p,.categories p,.steps p{line-height:1.85}
@media(max-width:650px){h1{font-size:clamp(2.8rem,10.9vw,3.75rem);line-height:1.15}.hero-description{font-size:1rem}.photo-stage{aspect-ratio:1.1/1}.hero .eyebrow{font-size:.69rem;letter-spacing:.08em}.about h2,.section-heading h2,.process-intro h2{font-size:2.2rem}.body-large{font-size:1.08rem}.image-caption{font-size:.66rem}.contact h2{font-size:2.6rem}}