#eisele-site {
  --me-paper:#f5f3ed;
  --me-ink:#202d37;
  --me-muted:#54606a;
  --me-line:#d5d8d4;
  --me-blue:#254e69;
  --me-panel:#e7ecec;
  background:var(--me-paper);
  color:var(--me-ink);
  font:17px/1.6 Arial,sans-serif;
  }

#eisele-site * {
  box-sizing:border-box}
#eisele-site a {
  color:inherit;
  text-decoration:none}
#eisele-site a:hover {
  text-decoration:underline;
  text-underline-offset:5px}
#eisele-site .me-wrap {
  padding:0 6%}
#eisele-site .me-nav {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:25px 0;
  border-bottom:1px solid var(--me-line)}
#eisele-site .me-name {
  font-size:21px;
  font-weight:600;
  letter-spacing:-.7px}
#eisele-site .me-nav nav {
  display:flex;
  gap:24px;
  font-size:14px}
#eisele-site .me-hero {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:7%;
  align-items:center;
  padding:60px 0 45px}
#eisele-site .me-eyebrow {
  font-size:14px;
  letter-spacing:2px;
  text-transform:uppercase;
  font-weight:600;
  color:var(--me-blue);
  margin:0 0 20px}
#eisele-site h1 {
  font:400 clamp(37px,5.1vw,61px)/1.04 Georgia,serif;
  letter-spacing:-2.3px;
  margin:0 0 24px}
#eisele-site h1 em {
  font-weight:400;
  color:var(--me-blue)}
#eisele-site .me-intro {
  font-size:18px;
  max-width:440px;
  color:var(--me-muted);
  margin:0 0 25px}
#eisele-site .me-actions {
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
  font-size:14px}
#eisele-site .me-primary {
  background:var(--me-ink);
  color:var(--me-paper);
  padding:13px 18px;
  display:inline-block}
#eisele-site figure {
  margin:0}
#eisele-site .me-portrait {
  width:100%;
  aspect-ratio:4/4.65;
  object-fit:cover;
  object-position:50% 42%;
  display:block}
#eisele-site figcaption {
  display:flex;
  justify-content:space-between;
  font-size:14px;
  color:var(--me-muted);
  padding-top:9px;
  letter-spacing:.5px}
#eisele-site .me-proof {
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:18px 0;
  border-top:1px solid var(--me-line);
  border-bottom:1px solid var(--me-line);
  font-size:15px;
  color:var(--me-muted)}
#eisele-site .me-section {
  padding:48px 0}
#eisele-site .me-section-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:25px}
#eisele-site .me-section-head .me-eyebrow {
  margin:0}
#eisele-site .me-small-link {
  font-size:15px}
#eisele-site h2 {
  font:400 35px/1.12 Georgia,serif;
  letter-spacing:-1px;
  margin:0 0 16px}
#eisele-site h3 {
  font:400 23px/1.2 Georgia,serif;
  margin:0 0 12px}
#eisele-site .me-writing {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9%;
  padding-bottom:34px;
  border-bottom:1px solid var(--me-line)}
#eisele-site .me-writing p {
  color:var(--me-muted);
  font-size:15px;
  margin:0 0 20px}
#eisele-site .me-topics div {
  padding:13px 0;
  border-bottom:1px solid var(--me-line);
  display:grid;
  grid-template-columns:27px 1fr;
  gap:6px;
  font-size:15px}
#eisele-site .me-topics span {
  font-size:14px;
  color:var(--me-muted)}
#eisele-site .me-topics div:first-child {
  padding-top:0}
#eisele-site .me-book-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px}
#eisele-site .me-book-img {
  display:flex;
  justify-content:center;
  align-items:center;
  height:225px;
  background:var(--me-panel);
  margin-bottom:17px;
  padding:24px}
#eisele-site .me-book-img img {
  height:100%;
  max-width:100%;
  object-fit:contain;
  box-shadow:4px 6px 8px #0002}
#eisele-site .me-book h3 {
  font-size:19px;
  line-height:1.2}
#eisele-site .me-book p {
  font-size:15px;
  color:var(--me-muted);
  margin:0 0 8px}
#eisele-site .me-speaking {
  display:grid;
  grid-template-columns:1fr 1.15fr;
  background:var(--me-panel);
  margin:0 -6.82%;
  }
#eisele-site .me-stage {
  width:100%;
  height:340px;
  object-fit:cover;
  object-position:center 28%;
  display:block}
#eisele-site .me-speaking-copy {
  align-self:center;
  padding:35px 12%}
#eisele-site .me-speaking-copy p:not(.me-eyebrow) {
  font-size:15px;
  color:var(--me-muted)}
#eisele-site .me-about {
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:10%;
  padding:50px 0}
#eisele-site .me-about p {
  margin:0 0 15px;
  font-size:15px;
  color:var(--me-muted)}
#eisele-site .me-footer {
  padding:23px 0;
  border-top:1px solid var(--me-line);
  display:flex;
  justify-content:space-between;
  gap:15px;
  flex-wrap:wrap;
  color:var(--me-muted);
  font-size:14px}
#eisele-site .me-footer nav {
  display:flex;
  gap:18px}
#eisele-site .me-disclaimer {
  font-size:14px!important}

@media(max-width:700px) {
  #eisele-site .me-nav {
  align-items:flex-start;
  gap:15px;
  flex-direction:column}
#eisele-site .me-nav nav {
  gap:22px;
  flex-wrap:wrap}
#eisele-site .me-hero {
  gap:28px;
  padding-top:35px;
  grid-template-columns:1fr}
#eisele-site h1 {
  font-size:45px}
#eisele-site .me-portrait {
  max-height:450px;
  object-position:50% 30%;
  aspect-ratio:1}
#eisele-site .me-writing,#eisele-site .me-about {
  grid-template-columns:1fr;
  gap:25px}
#eisele-site .me-book-grid {
  grid-template-columns:1fr;
  gap:24px}
#eisele-site .me-book {
  display:grid;
  grid-template-columns:110px 1fr;
  gap:20px;
  align-items:center}
#eisele-site .me-book-img {
  height:155px;
  padding:12px;
  margin:0}
#eisele-site .me-speaking {
  grid-template-columns:1fr}
#eisele-site .me-stage {
  height:300px}
#eisele-site .me-speaking-copy {
  padding:30px 6%}
#eisele-site .me-proof {
  justify-content:flex-start;
  column-gap:24px}
}


html {
  scroll-behavior:smooth;
  scroll-padding-top:28px}
body {
  margin:0;
  background:#f5f3ed}
img {
  max-width:100%}
a,button,input,summary {
  -webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible {
  outline:3px solid #245ed0;
  outline-offset:5px}
#eisele-site .me-wrap {
  max-width:1240px;
  margin:auto}
#eisele-site .me-nav nav a {
  padding:8px 0}
#eisele-site .me-hero {
  padding:72px 0 48px}
#eisele-site .me-eyebrow {
  letter-spacing:1.6px;
  font-size:12px}
#eisele-site .me-intro {
  font-size:18px}
#eisele-site .me-portrait {
  height:auto}
#eisele-site .me-section {
  padding:60px 0}
#eisele-site .me-stage {
  height:420px}
#eisele-site .me-book-img {
  height:270px}
#eisele-site .me-proof {
  font-size:13px}
#eisele-site .me-footer {
  font-size:12px}
#eisele-site .me-disclaimer {
  font-size:12px!important}
#eisele-site .me-speaking {
  margin:0}
#eisele-site .me-speaking-copy {
  padding:35px 10%}
#eisele-site .me-book h3 {
  font-size:23px}
#eisele-site .me-section-head {
  flex-wrap:wrap}
#eisele-site .me-footer nav {
  flex-wrap:wrap}
#eisele-site .me-writing p,#eisele-site .me-about p,#eisele-site .me-speaking-copy p:not(.me-eyebrow) {
  font-size:16px}

.skip-link {
  position:absolute;
  top:12px;
  left:12px;
  padding:12px 20px;
  background:#202d37;
  color:#fff;
  transform:translateY(-180%);
  z-index:10}
.skip-link:focus {
  transform:translateY(0)}

#eisele-site .archive-title {
  padding-top:52px}
#eisele-site .archive-title h1 {
  font-size:clamp(38px,6vw,64px)}
#eisele-site .grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:38px 28px;
  margin:35px 0 60px}
#eisele-site .card {
  min-width:0;
  display:flex;
  flex-direction:column;
  border-bottom:1px solid var(--me-line);
  padding-bottom:24px}
#eisele-site .card h2 {
  font-size:25px}
#eisele-site .card p {
  font-size:15px;
  color:var(--me-muted)}
#eisele-site .card-meta {
  font-size:13px;
  margin-top:auto;
  overflow-wrap:anywhere}
#eisele-site .card-meta a {
  text-decoration:underline}
#eisele-site .card-img-wrapper {
  background:var(--me-panel);
  margin-bottom:22px}
#eisele-site .card-img-wrapper img {
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block}
#eisele-site .book-archive .card-img-wrapper {
  height:290px;
  padding:24px}
#eisele-site .book-archive .card-img-wrapper img {
  height:100%;
  object-fit:contain;
  aspect-ratio:auto}
#eisele-site .portfolio-filters {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:28px 0}
#eisele-site button {
  font:inherit;
  cursor:pointer;
  border:1px solid var(--me-line);
  background:transparent;
  color:var(--me-ink);
  padding:10px 18px}
#eisele-site .filter-btn[aria-pressed=true] {
  background:var(--me-ink);
  color:var(--me-paper)}
#eisele-site [hidden] {
  display:none!important}
#eisele-site .filter-status {
  font-size:14px;
  color:var(--me-muted)}

#eisele-site .newsletter-container {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  padding:32px 0 50px;
  border-top:1px solid var(--me-line)}
#eisele-site .publication-logo {
  display:none}
#eisele-site .publication-name h2 {
  font-size:30px}
#eisele-site .publication-tagline,#eisele-site .publication-meta {
  font-size:14px;
  color:var(--me-muted)}
#eisele-site .subscribe-form {
  display:flex;
  gap:10px;
  flex-wrap:wrap}
#eisele-site .subscribe-form label {
  width:100%;
  font-size:14px}
#eisele-site .subscribe-form input[type=email] {
  flex:1;
  min-width:150px;
  width:100%;
  background:transparent;
  border:1px solid var(--me-line);
  color:var(--me-ink);
  padding:12px;
  font:inherit}
#eisele-site .subscribe-form button {
  background:var(--me-ink);
  color:var(--me-paper)}
#eisele-site .embed-tos {
  font-size:12px;
  margin-top:14px;
  color:var(--me-muted)}
#eisele-site .embed-tos a {
  text-decoration:underline}

@media(min-width:1250px) {
  #eisele-site h1 {
  font-size:64px}
}
@media(max-width:900px) {
  #eisele-site .grid {
  grid-template-columns:repeat(2,minmax(0,1fr))}
#eisele-site .me-nav nav {
  gap:18px}
#eisele-site .me-book-img {
  height:210px;
  padding:18px}
}
@media(max-width:700px) {
  #eisele-site .me-hero {
  padding-top:34px}
#eisele-site .me-portrait {
  height:420px;
  max-height:none}
#eisele-site .me-book-img {
  height:165px;
  padding:12px}
#eisele-site .me-stage {
  height:340px}
#eisele-site .newsletter-container {
  grid-template-columns:1fr;
  gap:20px}
#eisele-site .me-nav nav a {
  min-height:44px;
  display:inline-flex;
  align-items:center}
#eisele-site .me-primary {
  padding:14px 18px}
#eisele-site .me-actions>a {
  min-height:44px;
  display:inline-flex;
  align-items:center}
#eisele-site .me-nav {
  gap:8px}
#eisele-site .me-nav nav {
  column-gap:22px;
  row-gap:0}
}
@media(max-width:480px) {
  #eisele-site .grid {
  grid-template-columns:1fr}
#eisele-site h1 {
  font-size:42px}
#eisele-site .me-portrait {
  height:360px}
#eisele-site .me-proof {
  column-gap:20px;
  font-size:12px}
}
@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
}


/* Runeicons: original local SVGs, tinted with the surrounding text color. */
#eisele-site .rune-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  vertical-align: -3px;
  margin-inline-start: 3px;
  background-color: currentColor;
  -webkit-mask: var(--rune-image) center / contain no-repeat;
  mask: var(--rune-image) center / contain no-repeat;
}
#eisele-site .rune-arrow-up-right {
  --rune-image: url("../icons/runeicons/arrow-up-right.svg");
}
#eisele-site .rune-arrow-right {
  --rune-image: url("../icons/runeicons/arrow-right.svg");
}
#eisele-site .rune-arrow-down {
  --rune-image: url("../icons/runeicons/arrow-down.svg");
}