*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#171717;--muted:#6d6a66;--cream:#f7f3ed;--paper:#fffdf9;--line:#ded8cf;--accent:#9b5d46;--dark:#25211f}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,253,249,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(222,216,207,.7)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}
.logo-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:#fff;border-radius:50%;font-size:12px;letter-spacing:0}
.nav-links{display:flex;gap:32px;font-size:14px;font-weight:600}
.nav-links a:hover,.footer-links a:hover{color:var(--accent)}
.menu-toggle{display:none;background:none;border:0;font-size:25px;cursor:pointer}
.hero{background:var(--cream);min-height:650px;display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;padding:80px 0}
.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--accent);margin-bottom:18px}
h1,h2{font-family:"Playfair Display",Georgia,serif;line-height:1.08;letter-spacing:-.035em}
h1{font-size:clamp(48px,6vw,78px)}
h1 em{font-weight:600;color:var(--accent)}
.hero-text{max-width:560px;color:var(--muted);font-size:18px;margin:26px 0 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:13px 22px;border:1px solid var(--ink);font-size:14px;font-weight:700;transition:.2s}
.btn-primary{background:var(--ink);color:white}
.btn-primary:hover{background:var(--accent);border-color:var(--accent)}
.btn-secondary:hover{background:white}
.hero-card{height:450px;background:var(--dark);position:relative;overflow:hidden;display:grid;place-items:center}
.hero-card:before{content:"";position:absolute;width:310px;height:430px;border:1px solid rgba(255,255,255,.3);border-radius:50% 50% 4% 4%;transform:rotate(7deg)}
.hero-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-35px;top:-35px}
.fashion-shape{position:absolute;border-radius:50%;filter:blur(.2px)}
.shape-one{width:180px;height:300px;background:#c99b82;left:18%;bottom:-45px;transform:rotate(18deg)}
.shape-two{width:150px;height:280px;background:#e2c9b8;right:17%;bottom:-35px;transform:rotate(-15deg)}
.hero-card-content{position:relative;z-index:2;text-align:center;color:white}
.hero-card-content span{display:block;font-size:11px;letter-spacing:.3em}
.hero-card-content strong{display:block;font-family:"Playfair Display",serif;font-size:74px;line-height:1}
.hero-card-content small{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#ddd}
.section{padding:110px 0}
.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
h2{font-size:clamp(40px,5vw,60px)}
.section-copy{color:var(--muted);font-size:16px}
.section-copy p+p{margin-top:16px}
.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border-top:1px solid var(--line)}
.facts div{padding:17px 10px 17px 0;border-bottom:1px solid var(--line)}
.facts span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}
.facts b{font-size:14px;color:var(--ink)}
.collection-section{background:var(--cream)}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:50px}
.section-heading>p{max-width:300px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--paper);padding:34px;min-height:250px;border:1px solid var(--line);transition:transform .2s}
.card:hover{transform:translateY(-5px)}
.card-number{font-size:12px;color:var(--accent);font-weight:700;margin-bottom:55px}
.card h3{font-family:"Playfair Display",serif;font-size:25px;margin-bottom:10px}
.card p{font-size:14px;color:var(--muted)}
.contact-section{background:var(--dark);color:white;padding:100px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.contact-section .eyebrow{color:#d49d83}
.contact-intro{color:#c7c2bd;max-width:470px;margin:24px 0}
.big-phone{display:block;font-family:"Playfair Display",serif;font-size:clamp(30px,4vw,48px);margin-top:28px}
.email{display:inline-block;color:#d49d83;margin-top:5px;font-size:14px}
.address-box{border-left:1px solid #514b47;padding-left:55px;align-self:center}
.address-label{font-size:11px;letter-spacing:.18em;color:#b8b1ab;font-weight:700}
.address-box p{font-size:18px;margin:15px 0 25px;color:#f3efea}
.map-link{font-size:13px;color:#d49d83}
footer{background:#171514;color:#d7d1cb}
.footer-main{display:flex;justify-content:space-between;gap:30px;padding:42px 0 30px}
.footer-brand p{font-size:12px;color:#8e8883;margin-top:10px}
.footer-links{display:flex;gap:25px;font-size:13px}
.copyright{border-top:1px solid #35312f;padding:18px 0 25px;font-size:11px;color:#77716d}
@media(max-width:800px){
  .nav-links{position:absolute;left:0;right:0;top:76px;background:var(--paper);border-bottom:1px solid var(--line);display:none;flex-direction:column;padding:20px 4%;gap:18px}
  .nav-links.open{display:flex}.menu-toggle{display:block}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:45px;padding:65px 0}
  .hero-card{height:350px}.two-col,.contact-grid{grid-template-columns:1fr;gap:45px}
  .section{padding:75px 0}.section-heading{align-items:start;flex-direction:column;margin-bottom:35px}
  .cards{grid-template-columns:1fr}.card{min-height:210px}.card-number{margin-bottom:35px}
  .contact-section{padding:75px 0}.address-box{border-left:0;border-top:1px solid #514b47;padding:35px 0 0}
}
@media(max-width:480px){
  .nav{height:68px}.nav-links{top:68px}
  h1{font-size:46px}.hero-text{font-size:16px}
  .facts{grid-template-columns:1fr}.footer-main{flex-direction:column}.footer-links{gap:18px}
}