@import url('fonts/fonts.css');
:root{--primary:#243b2a;--deep:#17281d;--cream:#f5f0e6;--gold:#c69a54;--text:#253128;--muted:#697267;--font-heading:'Cormorant Garamond',serif;--font-body:'Montserrat',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}.topbar{height:92px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(36,59,42,.14)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--deep);font-family:var(--font-heading);font-size:22px;font-weight:700}.topbar nav{display:flex;gap:2.4rem;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.topbar nav a{transition:color .25s}.topbar nav a:hover{color:var(--gold)}.section-pad{padding:clamp(4.5rem,9vw,8rem) 10vw}.hero{min-height:670px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;position:relative;overflow:hidden}.hero-copy{padding-bottom:3rem}.eyebrow,.section-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}.contact .eyebrow,.contact em{color:var(--deep)}.story .section-label{color:var(--primary)}.featured .product-number{color:var(--deep)}.hero h1,h2{font-family:var(--font-heading);font-weight:600;line-height:.92;letter-spacing:-.03em;margin:.8rem 0 1.6rem;color:var(--deep)}h1{font-size:clamp(4.2rem,8vw,8.1rem)}h2{font-size:clamp(3.3rem,6vw,6.4rem)}em{color:var(--gold);font-style:italic}.intro{max-width:430px;color:var(--muted);font-size:16px;margin-bottom:2.2rem}.button{display:inline-flex;gap:2rem;align-items:center;background:var(--primary);color:#fff;padding:15px 22px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;transition:transform .3s,background .3s}.button:hover{transform:translateY(-3px);background:var(--gold);color:var(--deep)}.button span{font-size:20px;line-height:0}.hero-image{margin:0;position:relative}.hero-image img{width:100%;height:520px;object-fit:cover;display:block;filter:saturate(.85)}.hero-image:after{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--gold);z-index:-1}.hero-image figcaption{font-size:10px;color:var(--muted);margin-top:12px;font-style:italic}.hero-note{position:absolute;right:10vw;bottom:5rem;display:flex;gap:15px;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.hero-note span,.section-label span{color:var(--gold);font-family:var(--font-heading);font-size:22px}.story{background:#e8dfd0}.section-label{display:flex;justify-content:space-between;max-width:900px;margin-bottom:4rem}.story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;align-items:start}.story h2{margin:0}.story-text{max-width:430px;color:#596258}.story-text p:first-child{margin-top:.5rem}.placeholder-line{margin-top:2rem}.products{background:var(--deep);color:#d9dfd4}.products h2{color:var(--cream)}.products-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem}.products-head p{max-width:310px;color:#adb9ab}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:1100px}.product-card{min-height:270px;background:#e8dfd0;color:var(--text);padding:2.2rem;position:relative}.product-card.featured{background:var(--gold);color:var(--deep)}.product-number{font-size:11px;letter-spacing:.15em;color:var(--muted)}.product-card h3{font-family:var(--font-heading);font-size:3rem;line-height:1;margin:2.5rem 0 .7rem}.product-card p{font-size:13px;color:#667064;max-width:260px}.product-card .wchat-placeholder{display:block;margin-top:10px}.image-card{padding:0;overflow:hidden;color:#fff}.image-card img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.72)}.image-card div{position:absolute;inset:auto 1.7rem 1.5rem}.image-card span{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.image-card strong{display:block;font-family:var(--font-heading);font-size:3.2rem;line-height:.82;margin-top:8px}.contact{background:var(--gold);padding-bottom:7rem}.contact-inner{max-width:700px}.contact h2{margin-bottom:1rem}.contact p{max-width:480px}.contact form{display:grid;max-width:520px;margin-top:2.5rem;gap:7px}.contact label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-top:10px}.contact input,.contact textarea{border:0;border-bottom:1px solid rgba(23,40,29,.5);background:transparent;padding:9px 0;font:inherit;color:var(--deep);outline:0}.contact textarea{resize:vertical}.button.light{margin-top:1.3rem;background:var(--deep);width:max-content}.contact-inner>.wchat-placeholder{display:block;margin-top:1.5rem}footer{background:var(--deep);color:#d9dfd4;padding:2.3rem 10vw;display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:11px}footer p{color:#9fac9d;margin:0}footer>div{display:flex;gap:1.5rem;text-decoration:underline}.reveal{animation:rise .9s both}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:760px){.topbar{height:76px;padding:0 7vw}.topbar nav{gap:1rem;font-size:9px}.hero{display:block;min-height:auto;padding-top:5rem}.hero-copy{padding-bottom:4rem}.hero-image img{height:360px}.hero-note{position:static;margin-top:3rem}.story-grid,.products-head{display:block}.story-text{margin-top:2rem}.products-head p{margin-top:2rem}.product-grid{grid-template-columns:1fr}.product-card{min-height:240px}.image-card{min-height:380px}footer{display:block;padding:2.5rem 10vw}footer p{margin:1rem 0}footer>div{gap:1rem}.hero-image:after{inset:12px -10px -12px 10px}}
