:root {
--wr-ink: #1A1815;
--wr-ink-mid: #4A463F;
--wr-ink-soft: #7A7570;
--wr-stone: #7B6855;
--wr-stone-lt: #A08B72;
--wr-stone-bg: #EDE8E2;
--wr-cream: #F8F5F1;
--wr-rule: #DDD8D0;
--wr-dark: #18160F;
--wr-serif: 'Cormorant Garamond', Georgia, serif;
--wr-sans: 'Jost', system-ui, sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background:#fff; color:var(--wr-ink); font-family:var(--wr-sans); font-weight:300; line-height:1.7; }
.hero { background:var(--wr-dark); padding:72px 48px 64px; position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 75% 40%, rgba(123,104,85,0.14) 0%, transparent 60%); }
.hero::after { content:''; position:absolute; inset:0; background:repeating-linear-gradient(92deg,transparent,transparent 3px,rgba(255,255,255,0.012) 3px,rgba(255,255,255,0.012) 6px); pointer-events:none; }
.hero-inner { max-width:860px; margin:0 auto; position:relative; z-index:1; }
.hero-eyebrow { font-size:11px; letter-spacing:0.25em; text-transform:uppercase; color:var(--wr-stone-lt); font-weight:400; margin-bottom:20px; }
.hero h1 { font-family:var(--wr-serif); font-weight:300; font-size:clamp(44px,6.5vw,76px); color:var(--wr-cream); line-height:1.05; letter-spacing:-0.01em; margin-bottom:8px; }
.hero h1 em { font-style:italic; color:var(--wr-stone-lt); }
.hero-sub { font-size:13px; letter-spacing:0.18em; text-transform:uppercase; color:rgba(248,245,241,0.45); margin-bottom:32px; }
.hero-desc { font-size:15px; color:rgba(248,245,241,0.72); max-width:560px; line-height:1.8; }