*{box-sizing:border-box;margin:0;padding:0}
:root{--green:#062d1b;--green2:#0d4a2d;--cream:#f7f2e8;--gold:#caa45b;--ink:#183126;--white:#fffdf8}
html{scroll-behavior:smooth}
body{font-family:Montserrat,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.7}
.site-header{height:82px;background:rgba(247,242,232,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:10px 6%;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(6,45,27,.12)}
.brand img{height:62px;width:62px;object-fit:cover;border-radius:50%}
.nav{display:flex;gap:32px}.nav a{color:var(--green);text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:1.5px}.nav a:hover{color:var(--gold)}
.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--green)}
.hero{min-height:calc(100vh - 82px);background:var(--green);color:var(--white);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:70px 9%;overflow:hidden}
.hero-copy{max-width:650px}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--gold);font-weight:600;margin-bottom:18px}
h1,h2,h3{font-family:"Cormorant Garamond",serif;line-height:1.05}
h1{font-size:clamp(58px,8vw,108px);font-weight:600}.hero h1 em{color:#e2c783;font-style:normal}
.hero-text{max-width:500px;margin:28px 0 34px;color:#d9e1da;font-size:16px}
.button{display:inline-block;background:var(--gold);color:var(--green);text-decoration:none;padding:14px 28px;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:600;border:1px solid var(--gold);transition:.25s}.button:hover{background:transparent;color:var(--gold)}
.hero-mark{display:flex;justify-content:center}.orb{width:min(420px,72vw);aspect-ratio:1;border:1px solid #d7b66e;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 80px rgba(202,164,91,.12)}
.orb span{font-family:"Cormorant Garamond",serif;color:#e2c783;font-size:58px;text-align:center;line-height:.78;letter-spacing:3px}.orb b{font-size:28px}
.intro,.section-heading{text-align:center;max-width:760px;margin:auto}.intro{padding:110px 7% 70px}.intro h2,.section-heading h2,.contact h2{font-size:60px;color:var(--green);margin-bottom:20px}.intro>p:last-child,.section-heading>p:last-child{color:#59655e}
.collection{padding:70px 7% 110px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:48px}.product-card{background:var(--white);padding:16px 16px 25px;border:1px solid rgba(6,45,27,.09)}.product-art{height:280px;background:linear-gradient(145deg,#edf2e8,#dbe6d6);display:flex;align-items:flex-end;padding:20px;color:var(--green);font-family:"Cormorant Garamond",serif;font-size:24px}.product-card h3{font-size:29px;margin:18px 4px 4px}.product-card p{font-size:13px;color:#66716b;margin:0 4px 10px}.soon{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-left:4px}
.story{background:var(--green);color:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:100px 10%}.story h2{font-size:64px}.story>p{color:#dbe2dc;font-size:17px;max-width:580px}
.why{padding:105px 9%}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.why-grid b{color:var(--gold);font-size:12px;letter-spacing:2px}.why-grid h3{font-size:38px;margin:10px 0}.why-grid p{font-size:14px;color:#647069}
.contact{text-align:center;background:#eee7d8;padding:100px 7%}.contact h2{margin-bottom:14px}.contact>p:not(.eyebrow){max-width:580px;margin:0 auto 30px;color:#59655e}.contact-links{display:flex;justify-content:center;gap:30px}.contact-links a{color:var(--green);text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:2px;border-bottom:1px solid var(--gold);padding-bottom:4px}
footer{background:#041f12;color:#cfd8d1;text-align:center;padding:35px 7%;font-size:11px;letter-spacing:1px}footer img{width:55px;height:55px;object-fit:cover;border-radius:50%;margin-bottom:10px}
@media(max-width:800px){.nav{display:none;position:absolute;right:6%;top:75px;background:var(--cream);padding:18px 25px;flex-direction:column;gap:15px;box-shadow:0 10px 30px #0001}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding:65px 7% 75px}.hero-mark{margin-top:55px}.hero-copy{text-align:center}.hero-text{margin-left:auto;margin-right:auto}.product-grid{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr;gap:25px;padding:75px 8%}.why-grid{grid-template-columns:1fr}.intro h2,.section-heading h2,.contact h2{font-size:48px}.story h2{font-size:52px}}
@media(max-width:500px){.product-grid{grid-template-columns:1fr}.hero h1{font-size:60px}.orb span{font-size:45px}}