@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Libre+Franklin:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap');
:root{--j-noir:#080808;--j-coal:#141414;--j-ink:#222;--j-charcoal:#333;--j-pewter:#6B6560;--j-stone:#9A9189;--j-sand:#C4B8A8;--j-dune:#DDD3C5;--j-parchment:#EDE7DD;--j-cream:#FAF8F4;--j-ivory:#FDFCF9;--j-gold:#B08D4C;--j-gold-dark:#8C7240;--j-gold-bright:#D4A94E;--j-white:#FFF;--font-display:'Playfair Display',Georgia,serif;--font-body:'Libre Franklin','Helvetica Neue',sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--j-noir);background:var(--j-cream);-webkit-font-smoothing:antialiased;margin:0}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

.j-label{font-family:var(--font-body);font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--j-stone);text-align:center;margin-bottom:12px}
.j-label--light{color:var(--j-gold)}
.j-heading{font-family:var(--font-display);font-size:clamp(28px,5.5vw,50px);font-weight:400;color:var(--j-noir);text-align:center;margin:0 0 6px}
.j-heading em{font-style:italic}
.j-heading--light{color:var(--j-cream)}

.j-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px auto 0;max-width:200px}
.j-divider__line{flex:1;height:1px;background:linear-gradient(to right,transparent,#C4B8A870)}
.j-divider--light .j-divider__line{background:linear-gradient(to right,transparent,#B08D4C60)}

.j-arch{width:100%;max-width:300px;margin:0 auto 20px;display:block}

.j-btn{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase;padding:16px 40px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);border:none;display:inline-block}
.j-btn--primary{background:var(--j-noir);color:var(--j-cream)}
.j-btn--primary:hover{background:var(--j-ink);letter-spacing:5px}
.j-btn--outline{background:transparent;color:var(--j-noir);border:1px solid var(--j-noir)}
.j-btn--outline:hover{background:var(--j-noir);color:var(--j-cream)}
.j-btn--gold{background:var(--j-gold);color:var(--j-white)}
.j-btn--gold:hover{background:var(--j-gold-bright)}
.j-btn--ghost{background:transparent;color:var(--j-cream);border:1px solid rgba(250,248,244,.35)}
.j-btn--ghost:hover{color:var(--j-gold);border-color:var(--j-gold)}

@keyframes j-fade-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes j-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes j-drift{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--j-cream)}::-webkit-scrollbar-thumb{background:var(--j-sand);border-radius:2px}
