@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500&family=Hanken+Grotesk:wght@400;500;600;700&family=EB+Garamond:wght@400;500&family=Montserrat:wght@400;500&display=swap');
:root{
  --navy:#0A0D11;--navy-2:#050708;--cream:#ECE6D7;--white:#F7F1E4;
  --beige:#F4EEE0;--beige-deep:#EAE1CD;--gold:#C79A3B;--gold-soft:#D8B463;
  --slate:#6E7B89;--ink:#23303C;--line:rgba(110,123,137,.22);
  --logo:'Fraunces',Georgia,serif;--sans:'Hanken Grotesk',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--beige);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:var(--navy)}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 28px}

/* Header */
.lhead{background:var(--navy);position:sticky;top:0;z-index:10}
.lhead .wrap{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;max-width:1180px}
.brand{display:inline-flex;align-items:center;gap:14px;line-height:1}
.brand .lue{font-family:'EB Garamond',Georgia,serif;font-weight:500;font-size:2.3rem;color:var(--cream);letter-spacing:.01em}
.brand .brand-bar{width:2px;height:28px;background:var(--gold);border-radius:2px;flex-shrink:0}
.brand .studio{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-weight:300;font-size:.74rem;letter-spacing:.3em;text-transform:lowercase;color:var(--cream)}
.back{font-size:.86rem;font-weight:600;color:var(--cream);border:1px solid rgba(236,230,215,.35);padding:9px 18px;border-radius:10px;transition:all .25s ease}
.back:hover{background:var(--gold);border-color:var(--gold);color:var(--navy);text-decoration:none}

/* Title band */
.ltitle{background:var(--navy);color:var(--cream);padding:64px 0 70px;position:relative;overflow:hidden}
.ltitle::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 18% 10%,rgba(199,154,59,.16),transparent 60%);pointer-events:none}
.ltitle .wrap{position:relative;z-index:1;max-width:1180px}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
.ltitle h1{font-family:var(--sans);font-weight:800;letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);color:var(--white)}

/* Content */
.lcontent{padding:64px 0 96px}
.lcontent h2{font-family:var(--sans);font-weight:700;font-size:1.3rem;color:var(--ink);margin:42px 0 12px;letter-spacing:-.01em}
.lcontent h2:first-child{margin-top:0}
.lcontent h3{font-size:1.02rem;font-weight:700;color:var(--ink);margin:24px 0 6px}
.lcontent p{margin-bottom:14px;color:#3a4856}
.lcontent ul{margin:0 0 16px 22px}
.lcontent li{margin-bottom:7px;color:#3a4856}
.lcontent strong{color:var(--ink)}
.lcontent .lead{font-size:1.05rem;color:var(--slate)}
.note{background:var(--beige-deep);border-left:3px solid var(--gold);padding:16px 20px;margin:22px 0;font-size:.92rem;color:#3a4856}
.updated{margin-top:48px;font-size:.85rem;color:var(--slate)}

/* Footer */
.lfoot{background:var(--navy-2);color:rgba(236,230,215,.55);padding:30px 0}
.lfoot .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;max-width:1180px}
.lfoot a{color:rgba(236,230,215,.6)}
.lfoot .legal{display:flex;gap:20px;font-size:.82rem}
.lfoot small{font-size:.78rem}
@media(max-width:600px){.ltitle{padding:48px 0 52px}.lcontent{padding:48px 0 72px}}
