*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#f5f4f1;color:#242424;font:18px/1.75 Georgia,"Times New Roman",serif}.site-shell{max-width:900px;margin:auto;padding:60px 32px}.site-header{border-bottom:1px solid #d4d1cb;padding-bottom:36px;margin-bottom:52px}.site-title{font:700 clamp(2rem,5vw,3.2rem)/1.15 system-ui,sans-serif;letter-spacing:-.045em;text-decoration:none;color:#171717}.site-header p{color:#737069;margin:12px 0 20px;font-style:italic}.site-header nav{display:flex;gap:24px;font:13px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em}a{color:inherit;text-underline-offset:4px}a:hover{color:#885239}h1,h2{font-family:system-ui,sans-serif;line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.6rem,4vw,2.3rem);margin:8px 0 20px}h2 a{text-decoration:none}.date,.terms,.read-more,.post-tags,.post-navigation,.site-footer,.term-list{font-family:system-ui,sans-serif}.date{font-size:12px;letter-spacing:.12em;color:#77746e}.post-summary{padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid #d4d1cb}.cover{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;margin:26px 0;border-radius:2px}.post-summary .cover{max-height:300px}.read-more{font-size:14px;font-weight:600}.post-header{margin-bottom:32px}.terms{font-size:13px}.post-content img{max-width:100%;height:auto}.post-content figure{margin:32px 0}.post-content figcaption{font-size:14px;color:#77746e}.post-content blockquote{margin:28px 0;padding:12px 24px;border-left:3px solid #b7aea2;color:#56514a}.post-content a{overflow-wrap:anywhere}.post-tags{font-size:12px;display:flex;flex-wrap:wrap;gap:12px;padding:30px 0}.post-navigation{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #d4d1cb;padding-top:28px;font-size:14px}.site-footer{margin-top:64px;padding-top:24px;border-top:1px solid #d4d1cb;color:#77746e;font-size:12px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:white;padding:12px}.term-list{list-style:none;padding:0}.term-list li{border-bottom:1px solid #dedbd5;padding:12px 0}.term-list span{color:#77746e;font-size:12px;margin-left:12px}.instagram-media{min-width:0!important;width:100%!important;max-width:100%!important}.wp-block-pullquote{text-align:center}.external-media{padding:18px;background:#ece8e1;font-family:system-ui,sans-serif;font-size:14px}@media(max-width:600px){body{font-size:17px}.site-shell{padding:32px 20px}.site-header{margin-bottom:36px}.site-header nav{gap:16px;font-size:11px}.post-navigation{flex-direction:column}}

/* Full-width header matches the original Independent Publisher 2 settings. */
.site-shell { max-width: 900px; padding: 3.5em 32px 0; }
.site-hero {
  position: relative;
  padding: 5vh 1.75em;
  background: url("/wp-content/uploads/2018/11/cropped-paris-2340852_1920-5.jpg") no-repeat center;
  background-size: cover;
  background-attachment: scroll;
}
.site-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0,0,0,.15) 50%, rgba(0,0,0,.45));
  box-shadow: 0 -1px 8px rgba(0,0,0,.2) inset;
}
.site-header {
  position: relative;
  z-index: 1;
  min-height: 1em;
  margin: 2.625em auto;
  padding: 0;
  border: 0;
  text-align: center;
  overflow-wrap: break-word;
}
.header-inner { max-width: 740px; margin: 0 auto; padding-top: .875em; }
.site-branding { margin-bottom: 1.75em; }
.site-title {
  display: block;
  margin: .4375em 0 0;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-size: 45.6px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: normal;
  text-decoration: none;
}
.site-title:hover { color: #fff; }
.site-header .site-description {
  margin: .4375em 0 0;
  color: rgba(255,255,255,.84);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
  font-style: italic;
  line-height: 1.4;
}
.rss-link {
  position: absolute;
  z-index: 2;
  inset-block-start: 20px;
  inset-inline-end: 24px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: #fff;
  border-radius: 50%;
  text-decoration: none;
}
.rss-link:hover { color: #fff; background: rgba(0,0,0,.2); }
.rss-link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (min-width: 32.375em) { .header-inner { padding-top: 0; } }
@media (min-width: 48.9375em) { .site-hero { padding: 10vh 3.5em; } }
@media (min-width: 62em) {
  .site-hero { padding: 16.6vh 3.5em; }
  .header-inner { max-width: 1080px; }
}
@media (max-width: 600px) { .site-shell { padding: 3.5em 20px 0; } }

/* Self-hosted condensed dates sit on the title baseline at the right edge. */
@font-face {
  font-family: "Barlow Condensed";
  src: url("/fonts/barlow-condensed-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.post-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .5rem 1.25rem;
  margin-bottom: 20px;
}
.post-heading h1, .post-heading h2 {
  flex: 1 1 18rem;
  min-width: 0;
  margin: 0;
}
.post-heading .date {
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
  text-align: right;
}
.post-header.post-heading { margin-bottom: 32px; }

/* Keep the continuation link within the excerpt's final line when space allows. */
.post-summary .read-more {
  font-family: inherit;
  font-size: calc(1em - 2pt);
  font-weight: 400;
  font-style: normal;
  color: #b3afa9;
  white-space: nowrap;
  text-decoration: none;
}
.post-summary .read-more:hover { color: #885239; text-decoration: underline; }
.post-summary .read-more:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

/* Apply the same soft shadow to every content image. */
.site-shell img {
  box-shadow: 0 10px 24px rgba(0, 0, 0, .32), 0 3px 7px rgba(0, 0, 0, .18);
}

/* Blend the lower edge of the header photograph into the page background. */
.site-hero::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  height: 48px;
  background: linear-gradient(to bottom, rgba(245, 244, 241, 0), #f5f4f1);
  pointer-events: none;
}

/* Distinguish quotations with italic serif text and decorative quotation marks. */
.post-content blockquote:not(.instagram-media) {
  position: relative;
  margin: 36px 0;
  padding: 30px 42px;
  border-left: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  color: #56514a;
}
.post-content blockquote:not(.instagram-media)::before,
.post-content blockquote:not(.instagram-media)::after {
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 64px;
  font-style: normal;
  line-height: 1;
  color: #aaa198;
  pointer-events: none;
}
.post-content blockquote:not(.instagram-media)::before { content: "“"; top: 0; left: 0; }
.post-content blockquote:not(.instagram-media)::after { content: "”"; bottom: -18px; right: 0; }
.post-content blockquote:not(.instagram-media) > :first-child { margin-top: 0; }
.post-content blockquote:not(.instagram-media) > :last-child { margin-bottom: 0; }
.post-content blockquote:not(.instagram-media) cite { font-style: normal; }
@media (max-width: 600px) {
  .post-content blockquote:not(.instagram-media) { padding-inline: 28px; }
  .post-content blockquote:not(.instagram-media)::before,
  .post-content blockquote:not(.instagram-media)::after { font-size: 52px; }
}

/* Keep imported verse blocks in the article typeface, preserving emphasis. */
.post-content .wp-block-verse {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: pre-wrap;
}

/* Keep the closing verse unbolded and normalize imported embedded text. */
.post-content .wp-block-verse strong { font-weight: 400; }
.post-content .instagram-media,
.post-content .instagram-media [style] {
  font-family: inherit !important;
  font-size: inherit !important;
}

.post-content figcaption { font-family: inherit; font-size: inherit; }

/* Respect the browser default text size on every article page. */
.post-content {
  font-family: Georgia, "Times New Roman", serif;
  font-size: medium;
}

/* Let browser preferences determine home page excerpt text size as well. */
.home-page .post-summary > p {
  font-family: Georgia, "Times New Roman", serif;
  font-size: medium;
}

/* Avoid duplicate separators at the bottom of the home page. */
.home-page .post-summary:last-child { border-bottom: 0; }
.home-page .site-footer { border-top: 0; }