@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap');

:root { --ink:#17120f; --paper:#f1ece4; --sand:#d5c3a7; --gold:#b28a55; --line:rgba(23,18,15,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; }
.hero { min-height:100svh; padding:26px clamp(22px,5vw,76px) 25px; display:flex; flex-direction:column; position:relative; overflow:hidden; color:#f5eee4; background:linear-gradient(90deg,rgba(14,10,7,.9),rgba(14,10,7,.46) 57%,rgba(14,10,7,.2)),url('hero-jewelry-bg.svg') center/cover no-repeat,#20140d; }
.nav { display:flex; justify-content:space-between; align-items:center; font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
.wordmark { text-decoration:none; font-family:"DM Mono",monospace; font-weight:500; }
.nav-link { text-underline-offset:4px; }
.hero-copy { max-width:720px; margin:auto 0; padding:9vh 0; }
.eyebrow { margin:0 0 20px; font:500 10px/1.4 "DM Mono",monospace; text-transform:uppercase; letter-spacing:.16em; color:var(--gold); }
h1,h2 { font-family:"Playfair Display",Georgia,serif; font-weight:500; letter-spacing:-.04em; }
h1 { margin:0; max-width:700px; font-size:clamp(48px,9vw,118px); line-height:.94; }
.intro,.body-copy { max-width:500px; font-size:15px; line-height:1.7; }
.intro { margin:30px 0 34px; color:rgba(255,255,255,.82); }
.button { display:inline-flex; align-items:center; gap:12px; padding:14px 18px; border:1px solid rgba(255,255,255,.58); color:#fff; text-decoration:none; font:500 10px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; transition:background .2s,color .2s; }
.button:hover { background:#fff; color:var(--ink); }
.edition { margin:0; font:10px "DM Mono",monospace; letter-spacing:.11em; color:rgba(255,255,255,.62); }
.section { padding:clamp(66px,10vw,150px) clamp(22px,13vw,210px); border-top:1px solid var(--line); }
h2 { max-width:700px; margin:0; font-size:clamp(38px,6vw,76px); line-height:1; }
.body-copy { margin:28px 0 0; color:rgba(23,18,15,.72); }
.placeholders { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:60px; }
.placeholders article { min-height:210px; padding:17px; display:flex; flex-direction:column; justify-content:space-between; background:#dfd3c0; border:1px solid rgba(23,18,15,.1); }
.placeholders article:nth-child(2) { background:#c5b195; }.placeholders article:nth-child(3) { background:#e9dfcf; }
.placeholders span { font:10px "DM Mono",monospace; color:rgba(23,18,15,.55); }.placeholders p { margin:0; font-family:"Playfair Display",serif; font-size:28px; }
.contact { color:#f5eee4; background:#1b130e; }.contact .eyebrow { color:#d8af71; }.contact h2 { max-width:820px; }.button-light { margin-top:36px; }
footer { padding:20px 22px; border-top:1px solid var(--line); font:10px "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
@media (max-width:640px) { .hero { min-height:680px; }.nav { font-size:9px; }.intro,.body-copy { font-size:14px; }.placeholders { grid-template-columns:1fr; margin-top:38px; }.placeholders article { min-height:120px; }.section { padding-top:76px; padding-bottom:76px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.button { transition:none; } }