
:root{--graphite:#16181A;--white:#FAFAF8;--paper:#FFFFFF;--gold:#B7925A;--grey:#62676C;--line:#E7E1D8;--soft:#F2EEE7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--white);color:var(--graphite);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,250,248,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(22,24,26,.08)}
.nav{max-width:1280px;margin:0 auto;height:96px;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.logo{position:relative;height:62px;display:flex;align-items:center}.logo-monogram{display:inline-flex;align-items:center;justify-content:center;font-size:48px;line-height:1;font-weight:850;letter-spacing:-.11em;color:var(--graphite);min-width:62px}.logo-monogram:after{content:"";display:block;width:34px;height:2px;background:var(--gold);position:absolute;transform:translateY(34px)}
.menu{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:650;color:var(--grey)}.menu a{position:relative}.menu a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.22s ease}.menu a:hover{color:var(--graphite)}.menu a:hover:after{transform:scaleX(1)}.menu .pill{color:var(--graphite);border:1px solid rgba(22,24,26,.18);border-radius:999px;padding:12px 18px}.menu .pill:after{display:none}
.hero{min-height:100vh;max-width:1280px;margin:0 auto;padding:168px 34px 86px;display:grid;grid-template-columns:1.02fr .98fr;gap:78px;align-items:center}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:850;margin-bottom:24px}h1{margin:0;font-size:clamp(58px,7vw,112px);line-height:.91;letter-spacing:-.085em;font-weight:850;max-width:810px}.lead{max-width:610px;color:var(--grey);font-size:20px;margin:34px 0 44px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:999px;font-size:14px;font-weight:750}.btn.dark{background:var(--graphite);color:var(--white)}.btn.light{border:1px solid rgba(22,24,26,.18)}
.visual{position:relative;min-height:640px;overflow:hidden;background:var(--soft)}.visual img.bg{width:100%;height:100%;min-height:640px;object-fit:cover}.visual-card{position:absolute;left:34px;bottom:34px;width:min(430px,calc(100% - 68px));background:rgba(250,250,248,.92);backdrop-filter:blur(18px);padding:28px}.visual-card img{width:230px;margin-bottom:26px}.visual-card p{margin:0;color:var(--grey)}
.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}.metric{padding:42px 34px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;font-size:31px;letter-spacing:-.06em;margin-bottom:8px}.metric span{color:var(--grey)}
.section{padding:118px 34px}.grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:84px}h2{margin:0;font-size:clamp(40px,4.7vw,72px);line-height:.96;letter-spacing:-.075em;font-weight:850}.section-copy{margin:0 0 34px;color:var(--grey);font-size:18px}.cards{border-top:1px solid var(--line)}.card{padding:32px 0;border-bottom:1px solid var(--line)}.card h3{margin:0 0 8px;font-size:25px;letter-spacing:-.05em}.card p{margin:0;color:var(--grey);font-size:17px}
.product-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:var(--paper);border:1px solid var(--line);padding:28px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between}.product-visual{height:150px;background:var(--soft);margin-bottom:30px;overflow:hidden}.product-visual img{height:100%;width:100%;object-fit:cover}.product-card h3{font-size:27px;letter-spacing:-.055em;margin:0 0 10px}.product-card p{color:var(--grey)}
.dark{background:var(--graphite);color:var(--white)}.dark p,.dark .card p{color:rgba(250,250,248,.70)}.dark .cards,.dark .card{border-color:rgba(250,250,248,.14)}
.supply{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr}.supply-img{min-height:520px;background:var(--graphite)}.supply-img img{height:100%;width:100%;object-fit:cover}.supply-text{background:var(--paper);padding:62px;display:flex;flex-direction:column;justify-content:center}
.cta{text-align:center;background:var(--graphite);color:var(--white);padding:126px 34px}.cta img{width:300px;margin:0 auto 46px;background:var(--white);padding:22px}.cta h2{max-width:840px;margin:0 auto 24px}.cta p{max-width:620px;margin:0 auto 38px;color:rgba(250,250,248,.70);font-size:18px}.cta .btn{background:var(--white);color:var(--graphite)}
.footer{background:var(--white);padding:54px 34px 42px}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:40px;border-top:1px solid var(--line);padding-top:38px;color:var(--grey);font-size:14px}.footer img{width:220px;margin-bottom:22px}.footer h4{color:var(--graphite);margin:0 0 14px;font-size:14px}.footer a,.footer span{display:block;margin:7px 0}
.page-hero{max-width:1280px;margin:0 auto;padding:176px 34px 92px}.page-hero h1{max-width:960px}.content{max-width:1280px;margin:0 auto;padding:0 34px 120px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px}.info-box{background:var(--paper);border-top:3px solid var(--gold);padding:34px}.info-box h3{font-size:27px;letter-spacing:-.055em;margin:0 0 12px}.info-box p{color:var(--grey)}.form-grid{display:grid;gap:14px}input,textarea{width:100%;padding:16px 17px;font:inherit;border:1px solid var(--line);background:var(--paper)}textarea{min-height:150px}
@media(max-width:930px){.nav{height:86px;padding:0 22px}.logo-monogram{font-size:42px;min-width:54px}.logo-monogram:after{width:30px;transform:translateY(30px)}.menu{display:none}.hero{grid-template-columns:1fr;padding:136px 22px 70px;gap:42px}.visual,.visual img.bg{min-height:420px}.metrics-inner,.product-grid,.grid,.supply,.two-col,.footer-inner{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line);padding:32px 22px}.section,.cta,.footer,.page-hero,.content{padding-left:22px;padding-right:22px}.supply-text{padding:36px 26px}}
