:root{
  --bg:#141210;
  --gold:#C6A15B;
  --gold-bright:#DDBB77;
  --line-soft:rgba(198,161,91,.11);
  --txt:#EDE6D8;
  --txt-soft:rgba(237,230,216,.82);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Source Sans 3','Helvetica Neue',Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:clip}
body{font-family:var(--sans);background:var(--bg);color:var(--txt);
  font-size:16.5px;line-height:1.85;font-weight:300;-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:#141210}
.wrap{max-width:680px;margin-inline:auto;padding-inline:24px}

.doc-nav{position:sticky;top:0;z-index:100;background:rgba(20,18,16,.9);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
.doc-nav .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:14px}
.doc-brand{font-family:var(--serif);font-size:1rem;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;color:var(--txt)}
.doc-brand b{color:var(--gold);font-weight:600}
.doc-back{font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);text-decoration:none}
.doc-back:hover{color:var(--gold-bright)}

.doc{padding-block:clamp(48px,10vw,88px) clamp(56px,10vw,96px)}
.doc-kicker{text-align:center;font-size:.64rem;font-weight:600;letter-spacing:.4em;
  text-transform:uppercase;color:var(--gold)}
h1{font-family:var(--serif);font-weight:600;text-align:center;margin-top:14px;
  font-size:clamp(2rem,7vw,3rem);line-height:1.2}
.doc-orn{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}
.doc-orn::before,.doc-orn::after{content:"";width:44px;height:1px;background:rgba(198,161,91,.5)}
.doc-orn span{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}

.doc-body{margin-top:clamp(36px,7vw,56px)}
.doc-body h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.3rem,4.4vw,1.55rem);
  margin-top:clamp(30px,6vw,44px)}
.doc-body h2:first-child{margin-top:0}
.doc-body p{margin-top:14px;color:var(--txt-soft);max-width:60ch}
.doc-body p b{color:var(--txt);font-weight:600}

.doc-foot{border-top:1px solid var(--line-soft);padding-block:28px 36px;
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(237,230,216,.7);
  text-align:center}
.doc-foot a{color:var(--gold);text-decoration:none}
.doc-foot a:hover{color:var(--gold-bright)}