.crumbs{ background:var(--paper); border-bottom:1px solid var(--line); }
.crumbs__inner{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:11px 0;
  font-family:var(--f-mono); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; }
.crumbs a{ color:var(--carbon); } .crumbs a:hover{ color:var(--command); }
.crumbs .sep{ color:var(--line-input); } .crumbs .cur{ color:var(--ink); font-weight:500; }
.psec{ padding-block:32px 48px; background:var(--bone); }
.ptitle{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.5rem,3.4vw,2.1rem); line-height:.95; color:var(--ink); margin-bottom:6px; }
.ptitle .hl{ color:var(--command); }
.plead{ font-size:13.5px; line-height:1.6; color:var(--carbon); max-width:66ch; margin-bottom:18px; }
.emchips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.xchip{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; padding:8px 13px;
  border:1px solid var(--line-input); border-radius:var(--pill); color:var(--carbon); background:var(--paper); }
.xchip.is-active{ background:var(--ocean-900); border-color:var(--ocean-900); color:#fff; }
/* email client frame */
.mail{ max-width:680px; margin-inline:auto; background:var(--paper); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; box-shadow:var(--sh); }
.mail__meta{ padding:14px 20px; border-bottom:1px solid var(--line-2); font-size:12.5px; color:var(--carbon); line-height:1.8; }
.mail__meta b{ color:var(--ink); }
.mail__subj{ font-family:var(--f-head); font-weight:800; font-size:17px; color:var(--ink); text-transform:none; }
/* email body */
.em__head{ background:#101214; padding:22px 26px; }
.em__body{ padding:26px; }
.em__h1{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:24px; line-height:1; color:var(--ink); margin-bottom:10px; }
.em__h1 .hl{ color:#CE202F; }
.em__p{ font-size:14px; line-height:1.65; color:var(--carbon); margin-bottom:16px; }
.em__p b{ color:var(--ink); }
.em__card{ border:1px solid var(--line); border-radius:var(--r); overflow:hidden; margin-bottom:16px; }
.em__item{ display:flex; gap:12px; padding:14px; border-bottom:1px solid var(--line-2); }
.em__thumb{ width:64px; height:64px; border-radius:var(--r-sm); overflow:hidden; flex:none; border:1px solid var(--line); }
.em__thumb img{ width:100%; height:100%; object-fit:cover; }
.em__name{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:14px; color:var(--ink); line-height:1.1; }
.em__meta{ font-family:var(--f-mono); font-size:10px; color:var(--carbon); margin-top:5px; line-height:1.7; }
.em__track{ padding:13px 14px; background:var(--bone); font-family:var(--f-mono); font-size:11px; color:var(--carbon); }
.em__track b{ color:var(--ink); }
.em__cta{ display:block; background:#CE202F; color:#fff; text-align:center; font-family:var(--f-body); font-weight:700;
  text-transform:uppercase; letter-spacing:.06em; font-size:13px; padding:14px; border-radius:var(--r-sm); margin-bottom:16px; }
.em__note{ display:flex; gap:9px; background:var(--bone); border-radius:var(--r-sm); padding:12px 13px; font-size:12.5px; color:var(--carbon); line-height:1.55; margin-bottom:18px; }
.em__note svg{ width:16px; height:16px; color:#CE202F; flex:none; margin-top:1px; }
.em__note b{ color:var(--ink); }
.em__foot{ border-top:1px solid var(--line-2); padding-top:14px; font-size:10.5px; color:var(--carbon); line-height:1.7; }
.em__foot a{ color:var(--command); text-decoration:underline; text-underline-offset:2px; }
.emnote{ text-align:center; font-family:var(--f-mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--carbon); margin-top:16px; }