/* Full, locally archived emails within the portfolio's existing visual language. */
.email-gallery-controls{display:flex;justify-content:flex-end;margin:-16px 0 18px}
.email-motion-toggle{min-height:32px;padding:6px 0;border:0;border-bottom:1px solid var(--rule);background:transparent;color:var(--muted);font-size:10px;line-height:1.4;white-space:nowrap}
.email-motion-toggle:hover{color:var(--wine)}
.email-motion-toggle:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
.email-motion-toggle[hidden]{display:none}
.newsletter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:38px 28px;
  align-items:start;
  margin-bottom:45px;
}
.newsletter-grid .email-card{min-width:0;margin:0}
.email-card-stage{
  position:relative;
  background:#fff;
  border:1px solid var(--rule);
  box-shadow:0 6px 25px #302b2c0a;
}
.email-preview-window{
  position:relative;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#fff;
  contain:layout paint;
}
.email-preview-frame{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:600px;
  height:1600px;
  max-width:none;
  border:0;
  pointer-events:none;
  user-select:none;
  transform:scale(var(--email-preview-scale,.5));
  transform-origin:top left;
  visibility:hidden;
}
.email-preview-frame[data-measured]{visibility:visible}
.email-open{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  width:100%;
  height:100%;
  padding:14px;
  border:0;
  background:transparent;
  color:var(--ink);
  text-decoration:none;
  text-align:left;
}
.email-open-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:38px;
  max-width:100%;
  padding:8px 12px;
  background:var(--paper);
  box-shadow:0 2px 12px #302b2c18;
  font-size:10px;
  line-height:1.4;
  pointer-events:none;
  transition:background .16s,color .16s;
}
.email-open-label>span{font-size:21px;line-height:1}
.email-open:hover .email-open-label,
.email-open:focus-visible .email-open-label{background:var(--wine);color:var(--paper)}
.email-open:focus-visible{outline:2px solid var(--wine);outline-offset:-5px}
.newsletter-grid .email-card figcaption{
  display:grid;
  gap:7px;
  margin:17px 0 0;
  color:var(--ink);
}
.email-card figcaption strong{font:24px/1.16 var(--serif);font-weight:400}
.email-card figcaption>span{font-size:10px;line-height:1.7;color:var(--muted)}

.email-viewer{
  width:min(860px,calc(100vw - 32px));
  height:94dvh;
  max-width:none;
  max-height:calc(100dvh - 24px);
  margin:auto;
  padding:0;
  border:0;
  overflow:hidden;
  background:#fff;
  color:var(--ink);
}
.email-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.email-viewer::backdrop{background:#20151bdf}
.email-viewer-bar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:17px 23px;
  border-bottom:1px solid var(--rule);
  background:var(--paper);
}
.email-viewer-bar>div{min-width:0}
.email-viewer-actions{display:flex;align-items:center;gap:15px}
.email-viewer-bar h2{font:28px/1.12 var(--serif);margin:0}
.email-viewer-bar p{font-size:10px;line-height:1.6;color:var(--muted);margin:7px 0 0}
.email-viewer-close{
  flex:none;
  min-width:75px;
  min-height:44px;
  padding:8px;
  border:0;
  background:transparent;
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
}
.email-viewer-close:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
.email-reader{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  border:0;
  background:#fff;
  overscroll-behavior:contain;
}
.email-viewer.is-loading .email-reader{visibility:hidden}
.email-viewer.is-loading::after{
  content:"Loading email…";
  position:absolute;
  top:50%;
  right:20px;
  left:20px;
  color:var(--muted);
  font-size:12px;
  text-align:center;
  pointer-events:none;
}
html:has(.email-viewer[open]){overflow:hidden;scrollbar-gutter:stable}

@media(max-width:1100px){
  .newsletter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 25px}
}
@media(max-width:760px){
  .newsletter-grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .newsletter-grid .email-card{width:100%;max-width:480px;margin:0 auto}
  .email-open{padding:12px}
  .email-card figcaption strong{font-size:24px}
  .email-viewer{width:calc(100vw - 16px);height:96dvh;max-height:calc(100dvh - 16px)}
  .email-viewer-bar{gap:12px;padding:13px 14px}
  .email-viewer-bar h2{font-size:24px}
  .email-viewer-bar p{font-size:10px}
  .email-viewer-actions{flex-direction:column-reverse;align-items:flex-end;gap:0}
  .email-viewer-actions .email-motion-toggle{font-size:9px;min-height:26px}
  .email-viewer-close{min-width:66px;padding:7px 3px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .email-open-label{transition:none}
}