:root{--ivory:#fbf9f5;--ink:#2a2723;--gold:#b08d4f;--soft:#8a8175;--hair:#e5ddcd}
  *{margin:0;padding:0;box-sizing:border-box}
  body{background:var(--ivory);color:var(--ink);font-family:'Jost',sans-serif;font-weight:300;line-height:1.8;letter-spacing:.02em}
  .announce{text-align:center;font-size:.7rem;letter-spacing:.42em;text-transform:uppercase;padding:14px;color:var(--soft);border-bottom:1px solid var(--hair)}
  header{text-align:center;padding:44px 5vw 30px}
  .monogram{font-family:'Cormorant Garamond',serif;font-size:1rem;border:1px solid var(--gold);color:var(--gold);width:52px;height:52px;line-height:52px;border-radius:50%;margin:0 auto 22px;letter-spacing:.1em}
  header h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:2.9rem;letter-spacing:.3em;text-transform:uppercase;text-indent:.3em}
  header .sub{font-size:.72rem;letter-spacing:.5em;text-transform:uppercase;color:var(--soft);margin-top:12px;text-indent:.5em}
  nav{margin-top:30px}
  nav a{color:var(--ink);text-decoration:none;font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;margin:0 20px}
  nav a:hover{color:var(--gold)}
  .hero{padding:90px 5vw;text-align:center;border-top:1px solid var(--hair)}
  .hero .season{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3rem;color:var(--gold)}
  .hero h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:3.6rem;line-height:1.15;margin:22px auto;max-width:760px}
  .hero p{max-width:480px;margin:0 auto;color:var(--soft);font-size:1.02rem}
  .hero a{display:inline-block;margin-top:40px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;padding:15px 44px;font-size:.74rem;letter-spacing:.36em;text-transform:uppercase}
  .hero a:hover{background:var(--ink);color:var(--ivory)}
  .collections{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--hair);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
  .col{background:var(--ivory);padding:70px 34px;text-align:center}
  .col .no{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--gold);font-size:1.1rem}
  .col h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.7rem;letter-spacing:.12em;text-transform:uppercase;margin:14px 0 10px}
  .col p{color:var(--soft);font-size:.94rem;max-width:280px;margin:0 auto}
  .col .from{margin-top:18px;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}
  .story{padding:100px 5vw;text-align:center;max-width:720px;margin:0 auto}
  .story .rule{width:44px;height:1px;background:var(--gold);margin:0 auto 36px}
  .story h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:2.2rem;line-height:1.3}
  .story p{color:var(--soft);margin-top:22px}
  .visit{border-top:1px solid var(--hair);padding:70px 5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}
  .visit h4{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-weight:400}
  .visit p{font-size:.98rem}
  footer{padding:30px 5vw;text-align:center;font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--soft);border-top:1px solid var(--hair)}
  @media(max-width:820px){.collections,.visit{grid-template-columns:1fr}header h1{font-size:1.8rem}.hero h2{font-size:2.3rem}nav a{margin:0 8px}}