:root{
  --cream:#F6F0E5; --cream-2:#FFFDF8; --ink:#1D2621; --green:#123D31;
  --gold:#B07D2B; --line:#DED4C0; --muted:#5C6660;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--cream); color:var(--ink);
  font:400 16px/1.6 "DM Sans", system-ui, -apple-system, sans-serif;
}
.wrap{max-width:720px; margin:0 auto; padding:0 20px}
header.top{padding:28px 0 0}
.brand{
  font:600 11px/1 "DM Sans",sans-serif; letter-spacing:.14em;
  text-transform:uppercase; color:var(--gold);
}
h1{
  font:600 clamp(28px,6.2vw,40px)/1.18 Fraunces, Georgia, serif;
  color:var(--green); margin:14px 0 0; letter-spacing:-.01em;
}
.lede{font-size:17px; color:var(--muted); margin:16px 0 0; max-width:58ch}
.rule{height:1px;background:var(--line);border:0;margin:32px 0 0}
.card{
  border-radius:6px; overflow:hidden; margin:20px 0 0;
  box-shadow:0 1px 2px rgba(18,61,49,.06), 0 8px 24px rgba(18,61,49,.05);
}
.sec-head{margin:36px 0 0}
.step{
  display:inline-block; font:600 11px/1 "DM Sans",sans-serif; letter-spacing:.14em;
  text-transform:uppercase; color:var(--gold);
}
h2{font:600 clamp(21px,4.4vw,26px)/1.25 Fraunces, Georgia, serif; color:var(--green); margin:10px 0 0}
.sec-head p{font-size:16px; color:var(--muted); margin:8px 0 0; max-width:58ch}
iframe{width:100%; border:none; border-radius:4px; display:block; min-height:640px}
footer{
  margin:52px 0 0; padding:22px 0 44px; border-top:1px solid var(--line);
  font-size:14px; color:var(--muted);
}
footer .tag{color:var(--green); font-weight:600}
footer a{color:var(--green)}
@media (max-width:400px){ .wrap{padding:0 16px} }