*{box-sizing:border-box} :root{--green:#031b17;--green2:#082822;--ivory:#f4f0e8;--silver:#d9d3cb;--ink:#161817;--muted:#6f736e}
html{scroll-behavior:smooth} body{margin:0;background:var(--ivory);color:var(--ink);font-family:Montserrat,sans-serif} a{text-decoration:none;color:inherit} img{display:block;width:100%}
.header{height:76px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:30;background:rgba(244,240,232,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08)}
.brand{font-family:"Cormorant Garamond",serif;letter-spacing:.22em;font-size:27px;font-weight:600}.nav{display:flex;gap:30px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.heart{justify-self:end;font-size:22px}.menu-btn{display:none;border:0;background:none;font-size:22px}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.12fr .88fr;background:var(--green);color:white}.hero-photo{position:relative;min-height:720px;overflow:hidden}.hero-photo img{height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(3,27,23,.22))}
.hero-content{padding:7vw;display:flex;flex-direction:column;justify-content:center}.hero-logo{width:150px;height:150px;object-fit:cover;border-radius:50%;margin-bottom:36px;box-shadow:0 12px 40px rgba(0,0,0,.22)}
.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:600;margin:0 0 18px;color:#d6d0c8}.eyebrow.dark{color:#647168}h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:500}h1{font-size:clamp(58px,6.2vw,94px);line-height:.92;letter-spacing:-.035em;margin:0}h1 em{font-weight:400} .lead{max-width:510px;line-height:1.8;font-size:14px;color:#d4d8d4;margin:28px 0 34px}
.btn{display:inline-block;width:fit-content;padding:15px 23px;text-transform:uppercase;font-size:10px;letter-spacing:.15em}.light{border:1px solid #d7d4cd}.light:hover{background:white;color:var(--green)}
.promise{background:#e5e0d8;display:flex;justify-content:space-around;gap:25px;padding:23px 5vw;font-size:9px;letter-spacing:.2em;white-space:nowrap;overflow:auto}
.intro{padding:120px 10vw;text-align:center}.intro h2,.section-title h2,.editorial h2,.contact h2{font-size:clamp(43px,5vw,70px);line-height:1.02;margin:0}.intro-copy{max-width:900px;margin:45px auto 0;display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:50px;color:var(--muted);font-size:14px;line-height:1.9}
.collection{background:var(--green);color:white;padding:110px 6vw}.section-title{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.section-title>p{max-width:450px;color:#bbc2be;font-size:13px;line-height:1.8}.grid{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:18px}.card{background:#f4f0e8;color:var(--ink)}.card img{height:420px;object-fit:cover}.card-large img{height:520px}.card-info{padding:24px 25px 28px}.tag{font-size:9px;letter-spacing:.18em;margin:0 0 7px;color:#63756d}.card h3{font-size:34px;margin:0 0 6px}.card-info>p:not(.tag){font-size:12px;color:var(--muted);line-height:1.6}.card-info a{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.editorial{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.editorial-image img{height:100%;object-fit:cover}.editorial-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:#ded8cf}.editorial-copy>p:not(.eyebrow){color:#5f655f;line-height:1.9;max-width:500px;font-size:14px}.dark-btn{background:var(--green);color:white;margin-top:20px}
.quote{text-align:center;background:var(--green2);color:white;padding:100px 20px}.quote span{font-size:26px}.quote p{font:500 clamp(46px,7vw,86px) "Cormorant Garamond",serif;margin:15px 0}.quote small{letter-spacing:.28em}
.contact{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact>div>p:last-child{color:var(--muted);line-height:1.8;max-width:480px}.contact form{display:flex;flex-direction:column;gap:18px}.contact input,.contact textarea{border:0;border-bottom:1px solid #8c918d;background:transparent;padding:14px 3px;outline:none;font:13px Montserrat,sans-serif}.contact button{align-self:flex-start;border:0;background:var(--green);color:white;padding:15px 24px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}#form-message{font-size:12px;color:#44645b}
footer{background:#021310;color:white;padding:60px 7vw 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}footer img{width:90px;height:90px;object-fit:cover;border-radius:50%}footer strong{font:600 25px "Cormorant Garamond",serif;letter-spacing:.2em}footer div p{font-size:10px;letter-spacing:.18em;color:#aeb6b2}.copyright{font-size:9px;color:#89938e}
@media(max-width:850px){.header{height:66px;grid-template-columns:1fr auto}.nav{display:none;position:absolute;top:66px;left:0;right:0;padding:25px 6vw;background:var(--ivory);flex-direction:column}.nav.open{display:flex}.menu-btn{display:block}.heart{display:none}.hero{grid-template-columns:1fr}.hero-photo{min-height:520px}.hero-content{padding:70px 7vw 80px}.hero-logo{width:110px;height:110px}.intro{padding:80px 7vw}.intro-copy{grid-template-columns:1fr;gap:12px}.collection{padding:80px 5vw}.section-title{display:block}.section-title>p{margin-top:25px}.grid{grid-template-columns:1fr}.card img,.card-large img{height:470px}.editorial{grid-template-columns:1fr}.editorial-image{height:550px}.editorial-copy{padding:75px 7vw}.contact{grid-template-columns:1fr;gap:45px;padding:80px 7vw}footer{grid-template-columns:auto 1fr}.copyright{grid-column:1/-1}.promise{justify-content:flex-start}}