:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:28px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-section:72px;
  --space-20:80px;
  --space-pause:96px;
  --homepage-hero-title-size:clamp(4rem,8vw,7.5rem);
  --editorial-page-title-size:clamp(2.3rem,3.2vw,2.7rem);
  --editorial-content-title-size:clamp(2.2rem,3.4vw,2.9rem);
  --editorial-section-title-size:clamp(1.75rem,2.35vw,2.1rem);
  --editorial-body-size:clamp(1.24rem,2vw,1.48rem);
  --editorial-body-copy-size:clamp(1.15rem,1.75vw,1.35rem);
  --editorial-supporting-copy-size:var(--editorial-body-copy-size);
  --editorial-reading-width:720px;
  --editorial-reading-width-narrow:680px;
  --editorial-header-width:820px;
  --editorial-section-gap:var(--space-section);
  --editorial-header-gap:var(--space-8);
  --editorial-paragraph-gap:var(--space-5);
  --editorial-meta-size:.72rem;
  --editorial-cta-spacing:var(--space-6);
  --editorial-panel-radius:18px;
  --editorial-body-leading:1.78;
  --reading-width:var(--editorial-reading-width);
  --reading-width-narrow:var(--editorial-reading-width-narrow);
  --paragraph-leading:1.72;
}

.homepage-hero-title,
.editorial-page-title,
.editorial-content-title,
.featured-content-title,
.editorial-section-title{
  font-family:var(--serif);
  font-weight:500;
  text-wrap:balance;
}

.homepage-hero-title{
  font-size:var(--homepage-hero-title-size);
  line-height:1.02;
}

.editorial-page-title{
  width:fit-content;
  max-width:14em;
  margin-inline:auto;
  font-size:var(--editorial-page-title-size);
  line-height:1.08;
  text-align:center;
}

.editorial-content-title{
  width:fit-content;
  max-width:16em;
  margin-inline:auto;
  font-size:var(--editorial-content-title-size);
  line-height:1.1;
  text-align:center;
}

.featured-content-title{
  width:fit-content;
  max-width:16em;
  margin-inline:auto;
  font-size:var(--editorial-content-title-size);
  line-height:1.1;
  text-align:center;
}

.editorial-section-title{
  width:fit-content;
  max-width:18em;
  margin:0 auto var(--space-4);
  font-size:var(--editorial-section-title-size);
  line-height:1.15;
  text-align:center;
}

.editorial-body-copy{
  color:var(--taupe);
  font-family:var(--serif);
  font-size:var(--editorial-body-copy-size);
  line-height:var(--editorial-body-leading);
}

.editorial-supporting-copy{
  color:var(--taupe);
  font-family:var(--serif);
  font-size:var(--editorial-supporting-copy-size);
  line-height:var(--editorial-body-leading);
}

.editorial-cadence-note{
  width:min(100%,var(--editorial-reading-width-narrow));
  margin:var(--space-4) auto 0;
  text-align:center;
}

.editorial-intro-opening{
  font-style:italic;
}

.editorial-page-title--left,
.editorial-content-title--left{
  margin-inline:0;
  text-align:left;
}

.editorial-centered-column{
  width:min(100%,var(--editorial-reading-width));
  margin-inline:auto;
  text-align:center;
}

.editorial-shell{
  padding-block:var(--editorial-section-gap);
}

.editorial-publication{
  width:min(100%,var(--editorial-reading-width));
  margin-inline:auto;
}

.editorial-header{
  position:static;
  width:min(100%,var(--editorial-header-width));
  padding:0;
  margin-inline:auto;
  margin-bottom:var(--editorial-header-gap);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  text-align:center;
}

.editorial-header--collection{
  max-width:var(--editorial-reading-width);
}

.editorial-header--left{
  margin-inline:0;
  text-align:left;
}

.editorial-header--left .editorial-page-title,
.editorial-header--left .editorial-content-title{
  margin-inline:0;
  text-align:left;
}

.editorial-meta{
  display:block;
  margin:0 0 var(--space-4);
  color:var(--goldink);
  font-family:var(--sans);
  font-size:var(--editorial-meta-size);
  font-weight:500;
  letter-spacing:.28em;
  line-height:1.5;
  text-align:center;
  text-transform:uppercase;
}

.editorial-header--left .editorial-meta{text-align:left}

.editorial-intro{
  width:min(100%,var(--editorial-reading-width-narrow));
  margin-inline:auto;
  color:var(--taupe);
  font-family:var(--serif);
  font-size:clamp(1.25rem,2vw,1.5rem);
  line-height:var(--editorial-body-leading);
}

.editorial-intro p{margin:0}
.editorial-intro p+p{margin-top:var(--space-4)}
.editorial-intro--centered{text-align:center}
.editorial-header>.editorial-intro{margin-top:var(--space-6)}
.editorial-header--left .editorial-intro{margin-inline:0;text-align:left}

.letters-intro-panel{
  width:min(100%,var(--editorial-reading-width));
  margin:var(--space-6) auto 0;
  padding:var(--space-6) var(--space-8);
  border:0;
  border-radius:var(--editorial-panel-radius);
  background:color-mix(in srgb,var(--cream) 62%,transparent);
  box-shadow:
    0 18px 42px -34px color-mix(in srgb,var(--ink) 30%,transparent),
    inset 0 1px 0 color-mix(in srgb,var(--gold) 16%,transparent);
  color:var(--taupe);
  font-family:var(--serif);
  font-size:var(--editorial-body-copy-size);
  font-weight:400;
  line-height:var(--editorial-body-leading);
  text-align:center;
}

.letters-intro-panel p{margin:0}

.dear-erhi-section{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  align-items:center;
  gap:var(--space-8);
  width:min(100%,var(--editorial-header-width));
  margin:var(--space-10) auto 0;
  padding:var(--space-8);
  border:0;
  border-radius:var(--editorial-panel-radius);
  background:transparent;
}

.dear-erhi-section::before{
  content:"";
  position:absolute;
  inset:auto 0 0 auto;
  width:44%;
  height:50%;
  border-right:1px solid color-mix(in srgb,var(--goldline) 55%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--goldline) 55%,transparent);
  border-radius:0 0 var(--editorial-panel-radius) 0;
  box-shadow:2px 2px 4px color-mix(in srgb,var(--ink) 7%,transparent);
  pointer-events:none;
}

.dear-erhi-section::after{
  content:"";
  position:absolute;
  inset:auto 0 0 auto;
  width:44%;
  height:50%;
  border-right:1px solid color-mix(in srgb,var(--cream) 72%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--cream) 72%,transparent);
  border-radius:0 0 var(--editorial-panel-radius) 0;
  box-shadow:inset -1px -1px 2px color-mix(in srgb,var(--cream) 50%,transparent);
  transform:translate(-1px,-1px);
  pointer-events:none;
}

.letters-page .letters-intro-panel{
  border:0;
  background:transparent;
  box-shadow:none;
}

.dear-erhi-copy{
  min-width:0;
  text-align:left;
}

.dear-erhi-copy .editorial-content-title{
  width:auto;
  margin:0 0 var(--space-4);
  text-align:left;
}

.dear-erhi-copy p{margin:0}
.dear-erhi-copy p+p{margin-top:var(--space-3)}

.dear-erhi-link{
  display:inline-block;
  margin-top:var(--space-5);
  padding:0 0 .2rem;
  border:0;
  border-bottom:1px solid var(--goldline);
  background:transparent;
  color:var(--goldink);
  cursor:pointer;
  font-family:var(--serif);
  font-size:1rem;
  font-style:italic;
}

.dear-erhi-link:hover,
.dear-erhi-link:focus-visible{
  border-color:var(--rose);
  color:var(--rose);
}

.dear-erhi-media{
  min-width:0;
  margin:0;
}

.dear-erhi-media img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  border-radius:var(--editorial-panel-radius);
  object-fit:cover;
  object-position:center;
  filter:saturate(.82) contrast(.94);
  opacity:.9;
}

.editorial-body{
  width:min(100%,var(--editorial-reading-width));
  margin-inline:auto;
  text-align:left;
}

.editorial-body>p{
  margin:0 0 var(--editorial-paragraph-gap);
  color:var(--ink);
  font-family:var(--serif);
  font-size:var(--editorial-body-size);
  font-weight:400;
  line-height:var(--editorial-body-leading);
}

.editorial-body>p:last-child{margin-bottom:0}

.editorial-navigation{
  margin-top:var(--space-8);
  text-align:center;
}

.editorial-back-link{
  display:inline-block;
  padding-bottom:.2rem;
  border-bottom:1px solid transparent;
  color:var(--goldink);
  font-family:var(--sans);
  font-size:var(--editorial-meta-size);
  font-weight:500;
  letter-spacing:.18em;
  line-height:1.5;
  text-transform:uppercase;
  transition:color .25s ease,border-color .25s ease;
}

.editorial-back-link:hover,
.editorial-back-link:focus-visible{
  border-color:var(--rose);
  color:var(--rose);
}

.editorial-primary-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:0;
  padding:var(--space-3) var(--space-7);
  margin:var(--editorial-cta-spacing) auto 0;
}

.letter-primary-cta{
  border:1px solid var(--goldink);
  border-radius:999px;
  background:var(--goldink);
  color:var(--ivory);
  font-family:var(--sans);
  font-size:.78rem;
  font-weight:500;
  letter-spacing:.2em;
  line-height:1.5;
  text-transform:uppercase;
  transition:background-color .25s ease,border-color .25s ease,color .25s ease;
}

.letter-primary-cta:hover,
.letter-primary-cta:focus-visible{
  border-color:var(--rose);
  background:var(--rose);
  color:var(--ivory);
}

.editorial-dialog{
  width:min(92vw,var(--editorial-header-width));
  max-height:92vh;
  margin:auto;
  padding:0;
  border:1px solid var(--hairline);
  border-radius:var(--editorial-panel-radius);
  overflow:auto;
  background:var(--ivory);
  color:var(--ink);
  box-shadow:0 28px 72px -36px color-mix(in srgb,var(--ink) 46%,transparent);
}

.editorial-dialog::backdrop{
  background:color-mix(in srgb,var(--plum) 68%,transparent);
  backdrop-filter:blur(5px);
}

.editorial-dialog__inner{
  position:relative;
  padding:var(--space-8);
}

.editorial-dialog__close{
  position:sticky;
  top:0;
  z-index:2;
  display:grid;
  width:40px;
  height:40px;
  margin:0 0 var(--space-3) auto;
  place-items:center;
  border:1px solid var(--hairline);
  border-radius:50%;
  background:var(--ivory);
  color:var(--taupe);
  font-family:var(--serif);
  font-size:1.7rem;
  line-height:1;
  cursor:pointer;
  touch-action:manipulation;
}

.editorial-dialog__close:hover,
.editorial-dialog__close:focus-visible{
  border-color:var(--gold);
  color:var(--goldink);
}

html.editorial-modal-open,
body.editorial-modal-open{overscroll-behavior:none}

.editorial-form-dialog{
  width:min(94vw,var(--editorial-header-width));
  border:0;
  opacity:0;
  transform:translateY(var(--space-3)) scale(.985);
}

.editorial-form-dialog[open]{
  animation:editorial-dialog-enter .24s ease forwards;
}

.editorial-form-dialog.is-closing{
  animation:editorial-dialog-exit .18s ease forwards;
}

.editorial-form-dialog::backdrop{
  background:color-mix(in srgb,var(--plum) 64%,transparent);
  animation:editorial-backdrop-enter .24s ease both;
}

.editorial-form-dialog.is-closing::backdrop{
  animation:editorial-backdrop-exit .18s ease both;
}

.editorial-form-dialog__header{
  position:static;
  inset:auto;
  z-index:auto;
  transform:none;
  width:min(100%,var(--editorial-reading-width-narrow));
  margin-inline:auto;
  text-align:center;
}

.editorial-form-dialog__header .editorial-section-title{
  margin-bottom:var(--space-5);
}

.editorial-form-dialog__introduction p,
.editorial-form-dialog__supporting p{margin:0}

.editorial-form-dialog__introduction p+p,
.editorial-form-dialog__supporting p+p{margin-top:var(--space-3)}

.editorial-form-dialog__supporting{margin-top:var(--space-4)}

.editorial-form-dialog__form{
  width:min(100%,var(--editorial-reading-width));
  margin:var(--space-6) auto 0;
}

.editorial-form-dialog__success{
  padding:var(--space-6) 0 var(--space-4);
  text-align:center;
}

.editorial-form-dialog__success .editorial-section-title{margin-bottom:var(--space-4)}

.editorial-form-dialog__discard{
  position:fixed;
  top:50%;
  left:50%;
  z-index:5;
  width:min(calc(100vw - var(--space-8)),28rem);
  padding:var(--space-6);
  transform:translate(-50%,-50%);
  border:1px solid var(--hairline);
  border-radius:var(--editorial-panel-radius);
  background:var(--ivory);
  box-shadow:0 24px 64px -28px color-mix(in srgb,var(--ink) 55%,transparent);
  text-align:center;
}

.editorial-form-dialog__discard .editorial-section-title{margin-bottom:var(--space-3)}

.editorial-form-dialog__discard-actions{
  display:flex;
  justify-content:center;
  gap:var(--space-3);
  margin-top:var(--space-5);
}

.editorial-quiet-action{
  min-height:44px;
  padding:0 var(--space-5);
  border:1px solid var(--hairline);
  border-radius:999px;
  background:transparent;
  color:var(--ink);
  font:500 .72rem/1 var(--sans);
  cursor:pointer;
}

.editorial-form-dialog.has-discard-confirmation::backdrop{
  background:color-mix(in srgb,var(--plum) 76%,transparent);
}

.dear-erhi-form{
  display:grid;
  gap:var(--space-5);
}

.dear-erhi-form__field{
  display:grid;
  gap:var(--space-2);
  min-width:0;
}

.dear-erhi-form__label{
  color:var(--goldink);
  font-family:var(--sans);
  font-size:.82rem;
  font-weight:500;
  letter-spacing:.08em;
}

.dear-erhi-form__control{
  width:100%;
  padding:var(--space-3) var(--space-4);
  border:1px solid var(--hairline);
  border-radius:var(--editorial-panel-radius);
  background:var(--ivory);
  color:var(--ink);
  font:inherit;
  line-height:1.55;
}

textarea.dear-erhi-form__control{
  min-height:10rem;
  resize:vertical;
}

.dear-erhi-form__control::placeholder{color:var(--taupe);opacity:.72}

.dear-erhi-form__control:focus-visible{
  border-color:var(--gold);
  outline:2px solid color-mix(in srgb,var(--gold) 38%,transparent);
  outline-offset:2px;
}

.dear-erhi-form__control[aria-invalid="true"]{border-color:var(--rose)}

.dear-erhi-form__reply{
  padding:0;
  border:0;
}

.dear-erhi-form__choice{
  display:flex;
  align-items:flex-start;
  gap:var(--space-3);
  padding:var(--space-3) var(--space-4);
  border:1px solid var(--hairline);
  border-radius:var(--editorial-panel-radius);
  background:color-mix(in srgb,var(--cream) 42%,transparent);
  color:var(--ink);
  cursor:pointer;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}

.dear-erhi-form__choice:hover{border-color:var(--gold)}

.dear-erhi-form__choice:has(input:checked){
  border-color:var(--gold);
  background:color-mix(in srgb,var(--gold) 10%,var(--ivory));
}

.dear-erhi-form__choice:has(input:focus-visible){
  outline:2px solid color-mix(in srgb,var(--gold) 44%,transparent);
  outline-offset:2px;
}

.dear-erhi-form__choice input{
  flex:0 0 auto;
  width:1rem;
  height:1rem;
  margin-top:.35em;
  accent-color:var(--goldink);
}

.dear-erhi-form__error,
.dear-erhi-form__status{
  min-height:1.3em;
  margin:0;
  color:var(--rose);
  font-family:var(--sans);
  font-size:.78rem;
  font-weight:400;
  line-height:1.5;
}

.dear-erhi-form__status{
  min-height:0;
  color:var(--taupe);
  text-align:center;
}

.dear-erhi-form__status[data-state="error"]{color:var(--rose)}

.dear-erhi-form__honeypot{
  position:absolute;
  left:-10000px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.dear-erhi-form__submit,
.dear-erhi-form__close{
  border:1px solid var(--goldink);
  border-radius:999px;
  background:var(--goldink);
  color:var(--ivory);
  font-family:var(--sans);
  font-size:.78rem;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  cursor:pointer;
}

.dear-erhi-form__submit:hover,
.dear-erhi-form__submit:focus-visible,
.dear-erhi-form__close:hover,
.dear-erhi-form__close:focus-visible{
  border-color:var(--rose);
  background:var(--rose);
  color:var(--ivory);
}

.dear-erhi-form__submit:disabled{cursor:wait;opacity:.65}

.dear-erhi-form__success p{
  width:min(100%,var(--editorial-reading-width-narrow));
  margin-inline:auto;
  color:var(--taupe);
  font-family:var(--serif);
  font-size:var(--editorial-body-copy-size);
  line-height:var(--editorial-body-leading);
}

.dear-erhi-form__success p+p{margin-top:var(--space-3)}
.dear-erhi-form__success .dear-erhi-form__signoff{margin-top:var(--space-6);font-style:italic}
.dear-erhi-form__success .dear-erhi-form__signature{color:var(--goldink);font-family:'Allura','Snell Roundhand','Segoe Script',cursive;font-size:2rem}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form]{
  border:1px solid rgba(233,200,120,.18);
  background:rgba(28,24,21,.98);
  color:#e5ddd4;
  box-shadow:0 30px 76px -34px rgba(0,0,0,.78);
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .editorial-section-title{
  color:#fff7ef;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .editorial-form-dialog__introduction{
  color:#e5ddd4;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .editorial-form-dialog__supporting{
  color:#d2c8bc;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .editorial-form-dialog__form{
  color:#d2c8bc;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__label{
  color:#e9c878;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__control{
  border-color:#5e554c;
  background:#292522;
  color:#f4f1ec;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__control::placeholder{
  color:#a89989;
  opacity:1;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__control:focus-visible{
  border-color:#d8ae61;
  outline-color:rgba(216,174,97,.38);
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__choice{
  border-color:#5e554c;
  background:#292522;
  color:#f4f1ec;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__choice:hover,
[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__choice:has(input:checked){
  border-color:#d8ae61;
  background:rgba(216,174,97,.1);
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__error,
[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__status[data-state="error"]{
  color:#e9c878;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__submit,
[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__close{
  border-color:#d8ae61;
  background:#d8ae61;
  color:#1c1815;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .dear-erhi-form__success p{color:#d2c8bc}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .editorial-dialog__close{
  border-color:rgba(233,200,120,.42);
  background:#292522;
  color:#e9c878;
}

[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .editorial-dialog__close:hover,
[data-theme="dark"] .editorial-form-dialog[data-active-editorial-form] .editorial-dialog__close:focus-visible{
  border-color:#e9c878;
  background:rgba(233,200,120,.1);
  color:#fff7ef;
  outline:2px solid rgba(216,174,97,.5);
  outline-offset:3px;
}

@keyframes editorial-dialog-enter{
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes editorial-dialog-exit{
  from{opacity:1;transform:translateY(0) scale(1)}
  to{opacity:0;transform:translateY(var(--space-2)) scale(.99)}
}

@keyframes editorial-backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes editorial-backdrop-exit{from{opacity:1}to{opacity:0}}

@media(max-width:680px){
  :root{--space-section:64px}
  .letters-intro-panel{padding:var(--space-5) var(--space-6)}
  .dear-erhi-section{
    grid-template-columns:1fr;
    gap:var(--space-6);
    padding:var(--space-6);
  }
  .dear-erhi-media img{aspect-ratio:16/9}
  .editorial-dialog__inner{padding:var(--space-6)}
  .editorial-form-dialog{
    width:calc(100vw - var(--space-4));
    max-height:calc(100dvh - var(--space-4));
  }
  .editorial-form-dialog__inner{padding:var(--space-5)}
  .editorial-dialog__close{width:44px;height:44px}
  .editorial-form-dialog__discard-actions{flex-direction:column}
  .editorial-form-dialog__discard-actions button{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .editorial-form-dialog[open],
  .editorial-form-dialog.is-closing,
  .editorial-form-dialog::backdrop,
  .editorial-form-dialog.is-closing::backdrop{animation-duration:.01ms}
}