/* Luxury Watch Insights — Editorial Magazine */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:opsz,wght@9..40,400;9..40,500&display=swap');

:root{--bg:#1c1c1c;--fg:#e8e4dd;--muted:#908c84;--accent:#c4956a;--line:#333;--card:#242424;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',-apple-system,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--serif);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--fg);text-decoration:none;transition:color .2s}
a:hover{color:var(--accent)}
.container{max-width:1100px;margin:0 auto;padding:0 40px}

/* Header */
.site-header{padding:40px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.logo{font-family:var(--sans);font-size:28px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--fg)}
.logo em{font-style:normal;color:var(--accent)}
.nav{display:flex;gap:32px}
.nav a{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.nav a:hover{color:var(--accent)}

/* Hero */
.hero{margin:48px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-img{aspect-ratio:3/2;background:var(--card)}
.hero-text .label{font-family:var(--sans);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.hero-text h1{font-size:38px;font-weight:400;line-height:1.25;margin-bottom:16px;letter-spacing:-.5px}
.hero-text .excerpt{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:20px;font-style:italic}
.hero-text .date{font-family:var(--sans);font-size:11px;color:var(--muted);letter-spacing:1px}

/* Article Grid */
.section-title{font-family:var(--sans);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 48px;margin-bottom:64px}
.card{display:grid;grid-template-columns:1fr;gap:16px}
.card-img{aspect-ratio:3/2;background:var(--card)}
.card .num{font-family:var(--sans);font-size:48px;font-weight:500;color:var(--accent);opacity:.4;line-height:1}
.card .tag{font-family:var(--sans);font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.card h2{font-size:22px;font-weight:400;line-height:1.3;margin-bottom:6px}
.card .excerpt{font-size:14px;color:var(--muted);line-height:1.6;font-style:italic}
.card .date{font-family:var(--sans);font-size:10px;color:var(--muted);margin-top:8px;letter-spacing:1px}

/* Article Page */
.article-wrap{max-width:700px;margin:0 auto;padding:48px 0}
.article-wrap .art-num{font-family:var(--sans);font-size:80px;font-weight:500;color:var(--accent);opacity:.25;line-height:1}
.article-wrap h1{font-size:36px;font-weight:400;line-height:1.25;margin:16px 0;letter-spacing:-.5px}
.article-wrap .art-meta{font-family:var(--sans);font-size:11px;color:var(--muted);padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:40px}
.article-wrap p{font-size:18px;line-height:1.85;margin-bottom:24px}
.article-wrap h2{font-size:24px;font-weight:400;margin:48px 0 16px}
.article-wrap table{width:100%;border-collapse:collapse;margin:32px 0}
.article-wrap th,.article-wrap td{border:1px solid var(--line);padding:14px 18px;font-size:15px}
.article-wrap th{font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:var(--card);font-weight:500}

/* Footer */
.site-footer{padding:48px 0;border-top:1px solid var(--line);margin-top:64px;text-align:center}
.site-footer .footer-nav{display:flex;justify-content:center;gap:28px;margin-bottom:16px}
.site-footer a{font-family:var(--sans);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.site-footer p{font-size:13px;color:var(--muted)}
.disclaimer{background:var(--card);padding:28px 32px;margin:48px 0;font-size:13px;color:var(--muted);line-height:1.7;font-style:italic}

/* About */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:40px 0}
.stats .num{font-family:var(--sans);font-size:42px;font-weight:500;color:var(--accent)}
.stats .label{font-family:var(--sans);font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-top:6px}
