:root{
  --cream:#F6F0E3; --parchment:#EFE6D2; --ink:#221B14; --charcoal:#3A2E22;
  --gold:#B6862F; --gold-light:#D9AE5C; --green:#33513F; --green-deep:#22392C; --line:#C9B98C;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--cream); color:var(--ink);
  font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;
}
a{ text-decoration:none; color:inherit; }
img{ max-width:100%; display:block; }

header{
  display:flex; align-items:center; justify-content:space-between;
  padding:22px 5%; border-bottom:1px solid var(--line); background:var(--cream);
  flex-wrap:wrap;
}
.brandmark{ display:flex; align-items:center; }
.brandmark img{ width:52px; height:52px; object-fit:contain; margin-right:14px; }
.brandname .big{ font-family:"Trajan Pro","Cinzel",Georgia,serif; font-size:17px; font-weight:700; display:block; letter-spacing:1.5px; }
.brandname .small{ font-family:"Trajan Pro","Cinzel",Georgia,serif; font-size:10px; letter-spacing:3px; color:var(--gold); display:block; margin-top:2px; }

nav{ display:flex; flex-wrap:wrap; font-family:"Helvetica Neue",Arial,sans-serif; font-size:12.5px; letter-spacing:1px; text-transform:uppercase; color:var(--charcoal); }
nav a{ margin-left:24px; padding-bottom:5px; }
nav a.active{ color:var(--gold); border-bottom:2px solid var(--gold); }
nav a:hover{ color:var(--gold); }

.lang-toggle{ font-family:"Helvetica Neue",Arial,sans-serif; font-size:11px; color:var(--charcoal); border:1px solid var(--line); border-radius:20px; padding:6px 14px; margin-left:20px; white-space:nowrap; }

.banner{ background:var(--ink); color:var(--cream); padding:80px 6% 70px; text-align:center; }
.kicker{ font-family:"Helvetica Neue",Arial,sans-serif; letter-spacing:4px; font-size:11.5px; color:var(--gold-light); text-transform:uppercase; }
.banner h1{ font-size:38px; font-weight:400; margin:20px auto 14px; max-width:900px; line-height:1.3; }
.banner .theme{ font-style:italic; color:var(--gold-light); font-size:17px; max-width:720px; margin:0 auto 26px; line-height:1.6; }

section{ padding:70px 6%; }
.section-head{ text-align:center; margin-bottom:48px; }
.section-head h2{ font-size:32px; font-weight:400; margin-top:12px; }

.prose{ max-width:820px; margin:0 auto; font-family:"Helvetica Neue",Arial,sans-serif; font-size:16px; line-height:1.85; color:#3F362A; }
.prose p{ margin-bottom:18px; }
.prose h3{ font-family:"Iowan Old Style",Georgia,serif; font-size:22px; font-weight:400; color:var(--ink); margin:30px 0 12px; }
.prose ul{ margin:0 0 18px 22px; }
.prose li{ margin-bottom:8px; }

.rule{ height:1px; background:var(--line); }
.signature-line{ display:flex; align-items:center; justify-content:center; margin:34px auto; max-width:820px; }
.signature-line .rule{ flex:1; }
.signature-line span{ margin:0 16px; color:var(--gold); }

.card-grid{ display:flex; flex-wrap:wrap; max-width:1100px; margin:0 auto; border:1px solid var(--line); background:var(--line); }
.card{ background:var(--parchment); padding:36px 30px; width:50%; box-sizing:border-box; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.card .num{ font-family:"Helvetica Neue",Arial,sans-serif; font-size:11px; color:var(--gold); letter-spacing:2px; }
.card h3{ font-size:20px; font-weight:400; margin:14px 0 10px; }
.card p, .card ul{ font-family:"Helvetica Neue",Arial,sans-serif; font-size:14px; line-height:1.7; color:#4A4030; }
.card ul{ margin-left:18px; margin-top:8px; }

.congress-strip{ background:var(--green-deep); color:var(--cream); text-align:center; }
.congress-strip .meta{ font-family:"Helvetica Neue",Arial,sans-serif; font-size:12px; letter-spacing:2px; color:#C9BFA6; text-transform:uppercase; }
.btn{ font-family:"Helvetica Neue",Arial,sans-serif; font-size:12.5px; letter-spacing:1.5px; text-transform:uppercase; padding:14px 28px; border-radius:2px; display:inline-block; margin-top:24px; }
.btn-primary{ background:var(--gold); color:var(--ink); }

.placeholder-photo{ background:repeating-linear-gradient(45deg, var(--parchment), var(--parchment) 10px, #E4D8B8 10px, #E4D8B8 20px); border:1px dashed var(--line); display:flex; align-items:center; justify-content:center; font-family:"Helvetica Neue",Arial,sans-serif; font-size:12px; color:#8a7a55; text-transform:uppercase; letter-spacing:1px; }

.list-clean{ max-width:820px; margin:0 auto; font-family:"Helvetica Neue",Arial,sans-serif; }
.list-row{ display:flex; padding:20px 0; border-bottom:1px solid var(--line); }
.list-row .label{ width:180px; font-size:13px; letter-spacing:1px; color:var(--gold); text-transform:uppercase; flex-shrink:0; }
.list-row .content{ font-size:15px; line-height:1.7; color:#3F362A; }

footer{ background:var(--green-deep); color:#D8CFB4; padding:44px 6%; font-family:"Helvetica Neue",Arial,sans-serif; font-size:13px; }
footer .foot-inner{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
footer .brandmark img{ width:40px; height:40px; }
footer .cols{ display:flex; flex-wrap:wrap; }
footer .col{ margin-left:60px; margin-top:10px; }
footer h4{ color:var(--gold-light); font-size:11px; letter-spacing:2px; text-transform:uppercase; margin-bottom:10px; font-weight:400;}
footer .col div{ margin-bottom:7px; }
footer .bottom{ text-align:center; margin-top:30px; padding-top:20px; border-top:1px solid rgba(214,175,100,0.2); font-size:11px; color:#A79C7E; }

@media (max-width:820px){
  .card{ width:100%; }
  .list-row{ flex-direction:column; }
  .list-row .label{ margin-bottom:6px; }
  nav{ width:100%; margin-top:14px; }
  nav a{ margin:0 14px 8px 0; }
}