:root{
  --ubj-rose:#8b0836;
  --ubj-stone:#0c0a09;
  --font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;
  --font-serif:"Playfair Display",ui-serif,Georgia,serif;
  --font-italic:var(--font-serif);
}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);background:#fafaf9;color:#1c1917;margin:0}
a{text-decoration:none}
.font-serif{font-family:var(--font-serif)}
.italic, em, i, .font-serif.italic{font-family:var(--font-serif)!important;font-style:italic!important;font-weight:400!important;letter-spacing:0!important}
.site-brand{max-width:calc(100vw - 2rem)}
.js-search-overlay:not(.hidden){display:flex}
.line-clamp-2,.line-clamp-3,.line-clamp-4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}
.custom-logo{max-height:80px;width:auto}

.ubj-prose,.ubj-article-content{font-family:var(--font-sans);font-size:19px;line-height:1.82;color:#44403c;max-width:none}
.ubj-prose>*:first-child{margin-top:0}
.ubj-prose p{font-family:var(--font-sans);margin:0 0 1.55rem;color:#44403c;line-height:1.82;font-weight:400}
.ubj-prose h2{font-family:var(--font-serif);font-size:2.55rem;line-height:1.14;font-weight:900;color:#1c1917;margin:3.4rem 0 1.1rem;letter-spacing:-.025em;scroll-margin-top:120px}
.ubj-prose h3{font-family:var(--font-serif);font-size:1.85rem;line-height:1.2;font-weight:900;color:#1c1917;margin:2.6rem 0 1rem;letter-spacing:-.015em;scroll-margin-top:120px}
.ubj-prose h4{font-family:var(--font-serif);font-size:1.35rem;line-height:1.3;font-weight:800;color:#1c1917;margin:2rem 0 .75rem}
.ubj-prose ul,.ubj-prose ol{font-family:var(--font-sans);padding-left:1.55rem;margin:0 0 1.75rem;color:#44403c}
.ubj-prose ul{list-style:disc}.ubj-prose ol{list-style:decimal}
.ubj-prose li{font-family:var(--font-sans);margin:.6rem 0;padding-left:.2rem;line-height:1.75}
.ubj-prose strong{color:#1c1917;font-weight:800}
.ubj-prose a{color:var(--ubj-rose);border-bottom:1px solid rgba(139,8,54,.25)}
.ubj-prose a:hover{border-bottom-color:var(--ubj-rose)}
.ubj-prose blockquote{border-left:4px solid var(--ubj-rose);margin:2.4rem 0;padding:1.1rem 0 1.1rem 1.6rem;font-family:var(--font-serif);font-style:italic;color:#57534e;background:#fcfcfb}
.ubj-prose img{display:block;max-width:100%;height:auto;margin:2.4rem auto;border:1px solid #e7e5e4;background:#f5f5f4}
.ubj-prose figure{margin:2.4rem 0}.ubj-prose figcaption{font-family:var(--font-sans);font-size:13px;color:#78716c;text-align:center;margin-top:.7rem}
.ubj-prose table{width:100%;border-collapse:collapse;margin:2.4rem 0;font-family:var(--font-sans);font-size:15px;line-height:1.55;background:#fff;border:1px solid #e7e5e4}
.ubj-prose th{background:#f5f5f4;color:#1c1917;text-align:left;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.ubj-prose th,.ubj-prose td{border:1px solid #e7e5e4;padding:14px 16px;vertical-align:top}
.ubj-prose hr{border:0;border-top:1px solid #e7e5e4;margin:3rem 0}
.ubj-prose .wp-caption{max-width:100%}
.ubj-prose .aligncenter{margin-left:auto;margin-right:auto}.ubj-prose .alignleft{float:left;margin:0 1.6rem 1rem 0}.ubj-prose .alignright{float:right;margin:0 0 1rem 1.6rem}

/* Single post body copy uses Inter. Headings keep Playfair Display, italics use serif italic. */
.single .ubj-prose p,
.single .ubj-prose li,
.single .ubj-prose dd,
.single .ubj-prose td,
.single .ubj-prose figcaption,
.single .ubj-article-content{font-family:var(--font-sans)!important}
.single .ubj-prose h1,
.single .ubj-prose h2,
.single .ubj-prose h3,
.single .ubj-prose h4,
.single .ubj-prose h5,
.single .ubj-prose h6{font-family:var(--font-serif)!important}
.single .ubj-prose em,
.single .ubj-prose i,
.single .ubj-prose blockquote{font-family:var(--font-serif)!important;font-style:italic!important}

.ubj-toc-box nav a{line-height:1.35}
@media(max-width:1023px){.ubj-prose,.ubj-article-content{font-size:18px}.ubj-prose h2{font-size:2.05rem}.ubj-prose h3{font-size:1.55rem}.ubj-prose .alignleft,.ubj-prose .alignright{float:none;margin:2rem auto}}
@media(max-width:767px){.site-brand span:first-child{font-size:42px}.ubj-prose,.ubj-article-content{font-size:17px;line-height:1.75}.ubj-prose p{line-height:1.75}.ubj-prose h2{font-size:1.72rem}.ubj-prose h3{font-size:1.35rem}.ubj-prose table{font-size:14px;display:block;overflow-x:auto;white-space:nowrap}}

/* v1.1.7 HARD FIX: all readable post copy uses Inter, even when old Tailwind/font-serif classes are cached. */
.single-post article .ubj-post-excerpt,
.single article .ubj-post-excerpt,
body.single-post article .ubj-post-excerpt,
body.single article .ubj-post-excerpt{
  font-family: var(--font-sans) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.single-post .ubj-article-content,
body.single .ubj-article-content,
body.single-post .ubj-prose,
body.single .ubj-prose{
  font-family: var(--font-sans) !important;
}

body.single-post .ubj-article-content p,
body.single-post .ubj-article-content li,
body.single-post .ubj-article-content ul,
body.single-post .ubj-article-content ol,
body.single-post .ubj-article-content table,
body.single-post .ubj-article-content th,
body.single-post .ubj-article-content td,
body.single-post .ubj-article-content figcaption,
body.single-post .ubj-article-content .wp-block-paragraph,
body.single .ubj-article-content p,
body.single .ubj-article-content li,
body.single .ubj-article-content ul,
body.single .ubj-article-content ol,
body.single .ubj-article-content table,
body.single .ubj-article-content th,
body.single .ubj-article-content td,
body.single .ubj-article-content figcaption,
body.single .ubj-article-content .wp-block-paragraph{
  font-family: var(--font-sans) !important;
  font-style: normal;
}

body.single-post .ubj-article-content h1,
body.single-post .ubj-article-content h2,
body.single-post .ubj-article-content h3,
body.single-post .ubj-article-content h4,
body.single-post .ubj-article-content h5,
body.single-post .ubj-article-content h6,
body.single .ubj-article-content h1,
body.single .ubj-article-content h2,
body.single .ubj-article-content h3,
body.single .ubj-article-content h4,
body.single .ubj-article-content h5,
body.single .ubj-article-content h6{
  font-family: var(--font-serif) !important;
}

body.single-post .ubj-article-content em,
body.single-post .ubj-article-content i,
body.single .ubj-article-content em,
body.single .ubj-article-content i{
  font-family: var(--font-serif) !important;
  font-style: italic !important;
}

/* Article metadata credits */
.ubj-post-meta span { line-height: 1.7; }

/* v1.1.9 Article credit box styled like the supplied reference */
.ubj-credit-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  margin-top:34px;
  padding:28px 34px;
  border:1px solid #e2e2e2;
  border-radius:5px;
  background:#f7f7f6;
  text-align:left;
}
.ubj-credit-person{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.ubj-credit-avatar{
  width:64px;
  height:64px;
  flex:0 0 64px;
  object-fit:cover;
  border-radius:4px;
  background:#e7e5e4;
  filter:grayscale(100%);
}
.ubj-credit-avatar-placeholder{
  display:block;
  border:1px solid #dedbd6;
}
.ubj-credit-label{
  display:block;
  margin-bottom:7px;
  font-family:var(--font-sans)!important;
  font-size:12px;
  font-weight:800;
  line-height:1;
  color:#8a827a;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ubj-credit-name{
  display:block;
  font-family:var(--font-sans)!important;
  font-size:20px;
  line-height:1.25;
  font-weight:800;
  color:#09090b;
  letter-spacing:-.01em;
}
.ubj-credit-dates{
  justify-self:end;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:190px;
}
.ubj-credit-date-row{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-serif)!important;
  font-size:18px;
  font-style:italic;
  color:#2f2a25;
  white-space:nowrap;
}
.ubj-credit-date-icon{
  width:22px;
  height:22px;
  color:#9a948c;
  flex:0 0 22px;
}
.ubj-credit-date-label{
  font-family:var(--font-sans)!important;
  font-size:13px;
  font-style:normal;
  font-weight:900;
  color:#09090b;
  letter-spacing:.08em;
}
@media(max-width:1023px){
  .ubj-credit-box{grid-template-columns:1fr 1fr;gap:22px}.ubj-credit-dates{grid-column:1/-1;justify-self:start;min-width:0;flex-direction:row;flex-wrap:wrap}
}
@media(max-width:767px){
  .ubj-credit-box{grid-template-columns:1fr;padding:22px;gap:20px}.ubj-credit-dates{flex-direction:column}.ubj-credit-avatar{width:58px;height:58px;flex-basis:58px}.ubj-credit-name{font-size:18px}.ubj-credit-date-row{font-size:16px}
}

/* v1.2.0 SINGLE POST BOXED CONTENT WIDTH FIX
   Edit these variables in style.css or in Appearance > Customize > Single Post Styles. */
:root{
  --ubj-single-container-max:1420px;
  --ubj-single-content-max:820px;
  --ubj-single-sidebar-width:420px;
  --ubj-single-grid-gap:70px;
  --ubj-single-body-size:19px;
  --ubj-single-line-height:1.82;
  --ubj-single-paragraph-gap:1.55rem;
}
body.single .ubj-single-container,
body.single-post .ubj-single-container{
  max-width:var(--ubj-single-container-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.single .ubj-single-grid,
body.single-post .ubj-single-grid{
  display:grid!important;
  grid-template-columns:minmax(0,var(--ubj-single-content-max)) minmax(300px,var(--ubj-single-sidebar-width))!important;
  justify-content:center!important;
  align-items:start!important;
  column-gap:var(--ubj-single-grid-gap)!important;
}
body.single .ubj-single-main,
body.single-post .ubj-single-main{
  width:100%!important;
  max-width:var(--ubj-single-content-max)!important;
  grid-column:auto!important;
}
body.single .ubj-single-sidebar,
body.single-post .ubj-single-sidebar{
  width:100%!important;
  max-width:var(--ubj-single-sidebar-width)!important;
  grid-column:auto!important;
}
body.single .ubj-article-content,
body.single-post .ubj-article-content,
body.single .ubj-prose,
body.single-post .ubj-prose{
  width:100%!important;
  max-width:var(--ubj-single-content-max)!important;
  font-size:var(--ubj-single-body-size)!important;
  line-height:var(--ubj-single-line-height)!important;
  font-family:var(--font-sans)!important;
}
body.single .ubj-article-content p,
body.single-post .ubj-article-content p{
  margin-bottom:var(--ubj-single-paragraph-gap)!important;
  line-height:var(--ubj-single-line-height)!important;
}
body.single .ubj-article-content ul,
body.single .ubj-article-content ol,
body.single-post .ubj-article-content ul,
body.single-post .ubj-article-content ol{
  margin-bottom:calc(var(--ubj-single-paragraph-gap) + .2rem)!important;
}
body.single .ubj-article-content img,
body.single-post .ubj-article-content img{
  max-width:100%!important;
}
@media(max-width:1023px){
  body.single .ubj-single-grid,
  body.single-post .ubj-single-grid{
    grid-template-columns:1fr!important;
    row-gap:48px!important;
  }
  body.single .ubj-single-main,
  body.single-post .ubj-single-main,
  body.single .ubj-single-sidebar,
  body.single-post .ubj-single-sidebar,
  body.single .ubj-article-content,
  body.single-post .ubj-article-content{
    max-width:100%!important;
  }
}


/* =========================================================
   v1.2.2 SINGLE POST TYPOGRAPHY - HARD OVERRIDES
   Edit these values in Appearance > Customize > Single Post Styles.
   These selectors are intentionally very specific so Tailwind utility
   classes and cached older theme styles cannot override them.
   ========================================================= */
:root{
  --ubj-single-excerpt-size:16px;
  --ubj-single-excerpt-line:1.35;
  --ubj-credit-name-size:20px;
  --ubj-credit-label-size:12px;
  --ubj-credit-date-size:18px;
  --ubj-credit-date-label-size:13px;
}
body.single-post article header .ubj-post-excerpt,
body.single article header .ubj-post-excerpt,
body.single-post .ubj-post-excerpt.font-sans,
body.single .ubj-post-excerpt.font-sans{
  font-family:"Playfair Display",var(--font-serif)!important;
  font-size:var(--ubj-single-excerpt-size)!important;
  line-height:var(--ubj-single-excerpt-line)!important;
  font-style:italic !important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#57534e!important;
}
body.single-post .ubj-credit-box,
body.single .ubj-credit-box{
  font-family:"Inter",var(--font-sans)!important;
}
body.single-post .ubj-credit-box .ubj-credit-label,
body.single .ubj-credit-box .ubj-credit-label{
  font-family:"Inter",var(--font-sans)!important;
  font-size:var(--ubj-credit-label-size)!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:#8a827a!important;
}
body.single-post .ubj-credit-box .ubj-credit-name,
body.single .ubj-credit-box .ubj-credit-name{
  font-family:"Inter",var(--font-sans)!important;
  font-size:var(--ubj-credit-name-size)!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#09090b!important;
}
body.single-post .ubj-credit-box .ubj-credit-date-label,
body.single .ubj-credit-box .ubj-credit-date-label{
  font-family:"Inter",var(--font-sans)!important;
  font-size:var(--ubj-credit-date-label-size)!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#09090b!important;
}
body.single-post .ubj-credit-box .ubj-credit-date-value,
body.single .ubj-credit-box .ubj-credit-date-value,
body.single-post .ubj-credit-box time,
body.single .ubj-credit-box time{
  font-family:"Playfair Display",var(--font-serif)!important;
  font-size:var(--ubj-credit-date-size)!important;
  line-height:1.25!important;
  font-style:italic!important;
  font-weight:400!important;
  color:#2f2a25!important;
}

/* =========================================================
   v1.2.3 SINGLE POST STICKY SIDEBAR
   Edit the top offset if your header height changes.
   ========================================================= */
:root{
  --ubj-single-sidebar-sticky-top:112px;
}
body.single .ubj-single-grid,
body.single-post .ubj-single-grid{
  align-items:start!important;
}
body.single .ubj-single-sidebar,
body.single-post .ubj-single-sidebar{
  align-self:start!important;
  height:auto!important;
  overflow:visible!important;
}
body.single .ubj-single-sidebar-sticky,
body.single-post .ubj-single-sidebar-sticky{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:var(--ubj-single-sidebar-sticky-top)!important;
  align-self:start!important;
  z-index:5!important;
}
@media(max-width:1023px){
  body.single .ubj-single-sidebar-sticky,
  body.single-post .ubj-single-sidebar-sticky{
    position:static!important;
    top:auto!important;
  }
}

/* v1.2.5 Sticky sidebar force fix */
:root{--ubj-single-sidebar-sticky-top:112px;}
@media (min-width:1024px){
  body.single-post,body.single-post main,body.single-post article,body.single-post .ubj-single-container,body.single-post .ubj-single-grid,body.single-post .ubj-single-main,body.single-post .ubj-single-sidebar,body.single,body.single main,body.single article,body.single .ubj-single-container,body.single .ubj-single-grid,body.single .ubj-single-main,body.single .ubj-single-sidebar{overflow:visible!important;}
  body.single-post .ubj-single-grid,body.single .ubj-single-grid{align-items:start!important;}
  body.single-post .ubj-single-sidebar,body.single .ubj-single-sidebar{align-self:start!important;position:relative!important;height:auto!important;min-height:1px!important;}
  body.single-post .ubj-single-sidebar-sticky,body.single .ubj-single-sidebar-sticky{position:-webkit-sticky!important;position:sticky!important;top:var(--ubj-single-sidebar-sticky-top)!important;align-self:flex-start!important;height:max-content!important;max-height:calc(100vh - var(--ubj-single-sidebar-sticky-top) - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:30!important;will-change:top!important;}
}
@media (max-width:1023px){body.single-post .ubj-single-sidebar-sticky,body.single .ubj-single-sidebar-sticky{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important;}}

/* =========================================================
   v1.2.6 MOBILE OPTIMIZATION
   Edit this section for mobile/tablet layout changes.
   ========================================================= */
html, body{
  max-width:100%;
  overflow-x:hidden;
}
img, video, iframe{
  max-width:100%;
}

@media (max-width:1023px){
  /* Header and menu */
  body .site-brand span:first-child{
    font-size:clamp(42px, 10vw, 64px)!important;
    line-height:.9!important;
  }
  body .site-brand span:last-child{
    font-size:clamp(18px, 5vw, 24px)!important;
  }
  body header.sticky{
    position:sticky!important;
    top:0!important;
  }
  body .js-mobile-menu{
    max-height:calc(100vh - 56px)!important;
    overflow-y:auto!important;
  }

  /* Single post mobile/tablet layout */
  body.single-post article > header .max-w-screen-xl,
  body.single article > header .max-w-screen-xl{
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
  body.single-post article header h1,
  body.single article header h1{
    font-size:clamp(42px, 9.5vw, 76px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    max-width:100%!important;
    margin-bottom:24px!important;
  }
  body.single-post article header .ubj-post-excerpt,
  body.single article header .ubj-post-excerpt{
    max-width:720px!important;
    font-size:clamp(19px, 3.4vw, 24px)!important;
    line-height:1.45!important;
    margin-bottom:28px!important;
  }
  body.single-post .ubj-credit-box,
  body.single .ubj-credit-box{
    max-width:760px!important;
    grid-template-columns:1fr 1fr!important;
    gap:22px!important;
    padding:24px!important;
    margin-top:26px!important;
  }
  body.single-post .ubj-credit-dates,
  body.single .ubj-credit-dates{
    grid-column:1 / -1!important;
    justify-self:start!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px 22px!important;
    width:100%!important;
    min-width:0!important;
  }
  body.single-post .ubj-single-container,
  body.single .ubj-single-container{
    padding-left:24px!important;
    padding-right:24px!important;
    padding-bottom:56px!important;
  }
  body.single-post .ubj-single-grid,
  body.single .ubj-single-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:44px!important;
  }
  body.single-post .ubj-single-main,
  body.single .ubj-single-main,
  body.single-post .ubj-single-sidebar,
  body.single .ubj-single-sidebar{
    max-width:100%!important;
    width:100%!important;
  }
  body.single-post .ubj-single-sidebar,
  body.single .ubj-single-sidebar{
    order:2!important;
  }
  body.single-post .ubj-single-sidebar-sticky,
  body.single .ubj-single-sidebar-sticky{
    position:static!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.single-post .ubj-single-sidebar-sticky > section,
  body.single .ubj-single-sidebar-sticky > section{
    padding:28px!important;
  }
}

@media (max-width:767px){
  /* Global spacing */
  body{
    font-size:16px!important;
  }
  body .px-4,
  body .md\:px-8,
  body .sm\:px-6,
  body .lg\:px-8{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body section{
    scroll-margin-top:72px;
  }

  /* Header */
  body > div > div:first-child{
    padding-left:14px!important;
    padding-right:14px!important;
    letter-spacing:.12em!important;
  }
  body > div > div:first-child .flex{
    gap:14px!important;
    flex-wrap:wrap!important;
  }
  body .site-brand span:first-child{
    font-size:40px!important;
    line-height:.9!important;
    letter-spacing:-.055em!important;
  }
  body .site-brand span:last-child{
    font-size:19px!important;
  }
  body .js-search-overlay{
    padding-top:96px!important;
  }
  body .js-search-overlay input{
    font-size:30px!important;
    line-height:1.08!important;
  }

  /* Homepage mobile */
  body.home section,
  body.blog section,
  body.archive section,
  body.search section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  body.home section:first-of-type{
    padding-top:28px!important;
    padding-bottom:36px!important;
    border-left:0!important;
    border-right:0!important;
  }
  body.home h1,
  body.blog h1,
  body.archive h1,
  body.search h1{
    font-size:clamp(34px, 10vw, 46px)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
  }
  body.home h2,
  body.blog h2,
  body.archive h2,
  body.search h2{
    font-size:clamp(30px, 9vw, 42px)!important;
    line-height:1.08!important;
  }
  body.home h3,
  body.blog h3,
  body.archive h3,
  body.search h3{
    font-size:clamp(23px, 7vw, 34px)!important;
    line-height:1.12!important;
  }
  body.home p,
  body.blog p,
  body.archive p,
  body.search p{
    font-size:16px!important;
    line-height:1.6!important;
  }
  body.home .ubj-showcase-trio h2{
    font-size:12px!important;
    letter-spacing:.26em!important;
  }
  body.home .ubj-showcase-trio h3{
    font-size:clamp(28px, 8.4vw, 38px)!important;
  }
  body.home .ubj-showcase-trio .aspect-\[4\/5\]{
    aspect-ratio:16/10!important;
  }
  body.home section.bg-\[\#090807\] h2,
  body.home section.bg-\[\#090807\] .font-serif.font-black{
    font-size:clamp(42px, 14vw, 62px)!important;
    line-height:.98!important;
  }
  body.home article.flex{
    gap:16px!important;
  }
  body.home article.flex a.w-24,
  body.home article.flex a.md\:w-32{
    width:92px!important;
    height:82px!important;
  }

  /* Single post mobile */
  body.single-post article > header,
  body.single article > header{
    overflow:hidden!important;
  }
  body.single-post article > header .max-w-screen-xl,
  body.single article > header .max-w-screen-xl{
    padding:34px 18px 36px!important;
  }
  body.single-post article header h1,
  body.single article header h1{
    font-size:clamp(40px, 13vw, 58px)!important;
    line-height:1.02!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    hyphens:auto!important;
  }
  body.single-post article header .ubj-post-excerpt,
  body.single article header .ubj-post-excerpt{
    font-size:20px!important;
    line-height:1.42!important;
    max-width:100%!important;
  }
  body.single-post .ubj-credit-box,
  body.single .ubj-credit-box{
    grid-template-columns:1fr!important;
    padding:20px!important;
    gap:18px!important;
    border-radius:6px!important;
  }
  body.single-post .ubj-credit-person,
  body.single .ubj-credit-person{
    gap:14px!important;
  }
  body.single-post .ubj-credit-avatar,
  body.single .ubj-credit-avatar{
    width:56px!important;
    height:56px!important;
    flex-basis:56px!important;
  }
  body.single-post .ubj-credit-label,
  body.single .ubj-credit-label{
    font-size:11px!important;
    letter-spacing:.12em!important;
  }
  body.single-post .ubj-credit-name,
  body.single .ubj-credit-name{
    font-size:18px!important;
  }
  body.single-post .ubj-credit-dates,
  body.single .ubj-credit-dates{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.single-post .ubj-credit-date-row,
  body.single .ubj-credit-date-row{
    font-size:16px!important;
    white-space:normal!important;
  }
  body.single-post .ubj-credit-date-icon,
  body.single .ubj-credit-date-icon{
    width:19px!important;
    height:19px!important;
    flex-basis:19px!important;
  }
  body.single-post .max-w-screen-2xl.mx-auto.px-4.md\:px-8.py-10,
  body.single .max-w-screen-2xl.mx-auto.px-4.md\:px-8.py-10{
    padding:22px 0!important;
  }
  body.single-post .max-w-screen-2xl .aspect-\[16\/8\],
  body.single .max-w-screen-2xl .aspect-\[16\/8\]{
    aspect-ratio:16/10!important;
    border-left:0!important;
    border-right:0!important;
  }
  body.single-post .ubj-single-container,
  body.single .ubj-single-container{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.single-post .ubj-article-content,
  body.single .ubj-article-content,
  body.single-post .ubj-prose,
  body.single .ubj-prose{
    font-size:17px!important;
    line-height:1.74!important;
  }
  body.single-post .ubj-article-content p,
  body.single .ubj-article-content p{
    margin-bottom:1.25rem!important;
  }
  body.single-post .ubj-article-content h2,
  body.single .ubj-article-content h2{
    font-size:31px!important;
    line-height:1.15!important;
    margin-top:2.5rem!important;
  }
  body.single-post .ubj-article-content h3,
  body.single .ubj-article-content h3{
    font-size:25px!important;
    line-height:1.18!important;
  }
  body.single-post .ubj-article-content ul,
  body.single-post .ubj-article-content ol,
  body.single .ubj-article-content ul,
  body.single .ubj-article-content ol{
    padding-left:1.25rem!important;
  }
  body.single-post .ubj-article-content li,
  body.single .ubj-article-content li{
    margin:.45rem 0!important;
  }
  body.single-post .ubj-article-content table,
  body.single .ubj-article-content table{
    display:block!important;
    width:100%!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.single-post .ubj-single-sidebar-sticky,
  body.single .ubj-single-sidebar-sticky{
    display:flex!important;
    flex-direction:column!important;
    gap:24px!important;
  }
  body.single-post .ubj-single-sidebar-sticky > section,
  body.single .ubj-single-sidebar-sticky > section{
    padding:24px 20px!important;
  }
  body.single-post .ubj-toc-box nav a,
  body.single .ubj-toc-box nav a{
    font-size:17px!important;
    line-height:1.35!important;
  }

  /* Footer */
  footer .grid{
    gap:34px!important;
  }
  footer p,
  footer li,
  footer input{
    font-size:15px!important;
  }
}

@media (max-width:420px){
  body .site-brand span:first-child{
    font-size:34px!important;
  }
  body.single-post article header h1,
  body.single article header h1{
    font-size:38px!important;
  }
  body.single-post article header .ubj-post-excerpt,
  body.single article header .ubj-post-excerpt{
    font-size:18px!important;
  }
  body.home section.bg-\[\#090807\] h2,
  body.home section.bg-\[\#090807\] .font-serif.font-black{
    font-size:40px!important;
  }
  body.home article.flex a.w-24,
  body.home article.flex a.md\:w-32{
    width:78px!important;
    height:72px!important;
  }
}



/* =========================================================
   v1.2.7 MOBILE SINGLE POST OVERFLOW FIX
   Fixes mobile article content being clipped or wider than screen.
   Edit these rules if you need to adjust mobile article spacing.
   ========================================================= */
@media (max-width:767px){
  html,
  body,
  body.single,
  body.single-post{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.single-post main,
  body.single main,
  body.single-post article,
  body.single article,
  body.single-post .ubj-single-container,
  body.single .ubj-single-container,
  body.single-post .ubj-single-grid,
  body.single .ubj-single-grid,
  body.single-post .ubj-single-main,
  body.single .ubj-single-main,
  body.single-post .ubj-article-content,
  body.single .ubj-article-content,
  body.single-post .ubj-prose,
  body.single .ubj-prose{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body.single-post .ubj-single-container,
  body.single .ubj-single-container{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  body.single-post .ubj-single-grid,
  body.single .ubj-single-grid{
    display:block!important;
  }

  body.single-post .ubj-article-content,
  body.single .ubj-article-content,
  body.single-post .ubj-prose,
  body.single .ubj-prose{
    font-family:"Inter", var(--font-sans)!important;
    font-size:16px!important;
    line-height:1.72!important;
    color:#292524!important;
  }

  body.single-post .ubj-article-content *,
  body.single .ubj-article-content *,
  body.single-post .ubj-prose *,
  body.single .ubj-prose *{
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.single-post .ubj-article-content p,
  body.single .ubj-article-content p,
  body.single-post .ubj-prose p,
  body.single .ubj-prose p,
  body.single-post .ubj-article-content li,
  body.single .ubj-article-content li{
    font-family:"Inter", var(--font-sans)!important;
    font-size:16px!important;
    line-height:1.72!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.single-post .ubj-article-content h1,
  body.single-post .ubj-article-content h2,
  body.single-post .ubj-article-content h3,
  body.single-post .ubj-article-content h4,
  body.single .ubj-article-content h1,
  body.single .ubj-article-content h2,
  body.single .ubj-article-content h3,
  body.single .ubj-article-content h4{
    width:100%!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.single-post .ubj-article-content h2,
  body.single .ubj-article-content h2{
    font-size:26px!important;
    line-height:1.18!important;
    letter-spacing:-.02em!important;
    margin-top:2.1rem!important;
    margin-bottom:1rem!important;
  }

  body.single-post .ubj-article-content h3,
  body.single .ubj-article-content h3{
    font-size:22px!important;
    line-height:1.2!important;
    letter-spacing:-.015em!important;
  }

  body.single-post .ubj-article-content figure,
  body.single .ubj-article-content figure,
  body.single-post .ubj-article-content .wp-block-image,
  body.single .ubj-article-content .wp-block-image,
  body.single-post .ubj-article-content .alignwide,
  body.single .ubj-article-content .alignwide,
  body.single-post .ubj-article-content .alignfull,
  body.single .ubj-article-content .alignfull{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.single-post .ubj-article-content img,
  body.single .ubj-article-content img,
  body.single-post .ubj-prose img,
  body.single .ubj-prose img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.single-post .ubj-article-content ul,
  body.single-post .ubj-article-content ol,
  body.single .ubj-article-content ul,
  body.single .ubj-article-content ol{
    padding-left:1.15rem!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.single-post .ubj-article-content blockquote,
  body.single .ubj-article-content blockquote{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:18px!important;
  }

  body.single-post .ubj-article-content pre,
  body.single .ubj-article-content pre,
  body.single-post .ubj-article-content code,
  body.single .ubj-article-content code{
    white-space:pre-wrap!important;
    word-break:break-word!important;
    overflow-x:auto!important;
  }

  body.single-post .ubj-article-content table,
  body.single .ubj-article-content table{
    display:block!important;
    max-width:100%!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
  }

  body.single-post .ubj-single-sidebar,
  body.single .ubj-single-sidebar{
    width:100%!important;
    max-width:100%!important;
    margin-top:40px!important;
  }
}

@media (max-width:390px){
  body.single-post .ubj-single-container,
  body.single .ubj-single-container{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.single-post .ubj-article-content h2,
  body.single .ubj-article-content h2{
    font-size:24px!important;
  }
  body.single-post .ubj-article-content,
  body.single .ubj-article-content,
  body.single-post .ubj-article-content p,
  body.single .ubj-article-content p,
  body.single-post .ubj-article-content li,
  body.single .ubj-article-content li{
    font-size:15.5px!important;
  }
}



/* =====================================================
   v1.2.8 REAL STICKY SIDEBAR FIX
   The aside must STRETCH to the article height. If the
   aside is align-self:start, sticky stops immediately.
   This removes inner sidebar scrollbars and keeps the
   sidebar sticky until the article grid/container ends.
===================================================== */
:root { --ubj-single-sidebar-sticky-top: 112px; }

@media (min-width: 1024px) {
  html body.single-post,
  html body.single,
  html body.single-post main,
  html body.single main,
  html body.single-post article,
  html body.single article,
  html body.single-post .ubj-single-container,
  html body.single .ubj-single-container,
  html body.single-post .ubj-single-grid,
  html body.single .ubj-single-grid,
  html body.single-post .ubj-single-main,
  html body.single .ubj-single-main,
  html body.single-post .ubj-single-sidebar,
  html body.single .ubj-single-sidebar {
    overflow: visible !important;
  }

  html body.single-post .ubj-single-grid,
  html body.single .ubj-single-grid {
    align-items: stretch !important;
  }

  html body.single-post .ubj-single-sidebar,
  html body.single .ubj-single-sidebar {
    position: relative !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    contain: none !important;
    transform: none !important;
  }

  html body.single-post .ubj-single-sidebar-sticky,
  html body.single .ubj-single-sidebar-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: var(--ubj-single-sidebar-sticky-top) !important;
    bottom: auto !important;
    align-self: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    z-index: 30 !important;
    transform: none !important;
    contain: none !important;
    will-change: auto !important;
  }

  html body.single-post .ubj-single-sidebar-sticky::-webkit-scrollbar,
  html body.single .ubj-single-sidebar-sticky::-webkit-scrollbar {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  html body.single-post .ubj-single-grid,
  html body.single .ubj-single-grid {
    display: block !important;
  }

  html body.single-post .ubj-single-sidebar,
  html body.single .ubj-single-sidebar,
  html body.single-post .ubj-single-sidebar-sticky,
  html body.single .ubj-single-sidebar-sticky {
    position: static !important;
    top: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

.ubj-credit-box a.ubj-credit-name:hover {
  color: #8b0836 !important;
}
.ubj-toc-box nav {
  max-height: calc(100vh - 320px);
  overflow-y: auto;
  scrollbar-width: none;
}
.ubj-toc-box nav::-webkit-scrollbar {
  display: none;
}