.elementor-3179 .elementor-element.elementor-element-1525e0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3179 .elementor-element.elementor-element-235a576 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-52401f7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3179 .elementor-element.elementor-element-3390856{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3179 .elementor-element.elementor-element-7a13112 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-3179 .elementor-element.elementor-element-d836830{--grid-columns:1;}.elementor-3179 .elementor-element.elementor-element-d836830 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-63956c6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3179 .elementor-element.elementor-element-af61b0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-3179 .elementor-element.elementor-element-2485449 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-2635640 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 3% 0%;}.elementor-3179 .elementor-element.elementor-element-7e4bbee{--grid-columns:3;}.elementor-3179 .elementor-element.elementor-element-7e4bbee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-e0a9fc1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3179 .elementor-element.elementor-element-94ae2b2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-6b4200b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3179 .elementor-element.elementor-element-ce4b9ef > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3179 .elementor-element.elementor-element-d22502a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3179 .elementor-element.elementor-element-e868066 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3179 .elementor-element.elementor-element-3390856{--width:100%;}.elementor-3179 .elementor-element.elementor-element-af61b0b{--width:100%;}}@media(max-width:1024px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-3179 .elementor-element.elementor-element-d836830{--grid-columns:2;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-3179 .elementor-element.elementor-element-7e4bbee{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-3179 .elementor-element.elementor-element-d836830{--grid-columns:1;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-3179 .elementor-element.elementor-element-7e4bbee{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-235a576 *//* ============================================================
   SOHNA — JOURNAL · HERO (sx-journal-hero)
   The quietest, most literary hero. Same system, single ivory CTA.
   Full-bleed breakout. Paste into Site Settings → Custom CSS.
   ============================================================ */

.sx-journal-hero,
.sx-journal-hero * { box-sizing: border-box; }

/* Stop Elementor's HTML-widget wrapper from boxing the hero */
.elementor-widget-html:has(.sx-journal-hero) .elementor-widget-container { width: 100%; max-width: none; }

/* Full-bleed breakout */
.sx-journal-hero {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 82vh;                 /* a touch calmer than the campaign heroes */
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--sx-color-bg, #F5F1EA);
}

/* Image — subject right third */
.sx-journal-hero__media { position: absolute; inset: 0; z-index: 0; }
.sx-journal-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 74% 32%;
  display: block;
}

/* Restrained left-to-right scrim — gentle, reflective */
.sx-journal-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(27, 26, 24, 0.44) 0%,
    rgba(27, 26, 24, 0.20) 42%,
    rgba(27, 26, 24, 0.00) 72%
  );
}

/* Content rail */
.sx-journal-hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: var(--sx-container-wide, 1440px);
  margin-inline: auto;
  padding: var(--sx-section-xl, 5rem) var(--sx-gutter, 1.5rem);
}
.sx-journal-hero__content { max-width: 540px; }

.sx-journal-hero__eyebrow {
  display: block;
  margin: 0 0 var(--sx-space-md, 1.5rem);
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sx-color-ink-inverse, #F7F3EC);
}
.sx-journal-hero__title {
  margin: 0 0 var(--sx-space-md, 1.5rem);
  font-family: var(--sx-font-display, Georgia, serif);
  font-size: clamp(46px, 6vw, 88px);
  font-weight: var(--sx-weight-regular, 400);
  line-height: 1.0;
  color: var(--sx-color-ink-inverse, #F7F3EC);
  text-wrap: balance;
}
.sx-journal-hero__text {
  max-width: 42ch;
  margin: 0 0 var(--sx-space-xl, 3rem);
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-md, 1.25rem);
  line-height: var(--sx-leading-relaxed, 1.7);
  color: var(--sx-color-ink-inverse, #F7F3EC);
}

/* Action: single ivory button */
.sx-journal-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sx-space-lg, 2rem);
}
.sx-journal-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding-inline: var(--sx-space-xl, 3rem);
  background: var(--sx-color-ink-inverse, #F7F3EC);
  color: var(--sx-color-ink, #1B1A18);
  border: 1px solid var(--sx-color-ink-inverse, #F7F3EC);
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: var(--sx-tracking-wider, 0.12em);
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.sx-journal-hero__cta:hover {
  background: transparent;
  color: var(--sx-color-ink-inverse, #F7F3EC);
  border-color: var(--sx-color-ink-inverse, #F7F3EC);
}
.sx-journal-hero__cta:focus-visible {
  outline: var(--sx-focus-width, 2px) solid var(--sx-color-ink-inverse, #F7F3EC);
  outline-offset: var(--sx-focus-offset, 3px);
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .sx-journal-hero { min-height: 72vh; }
  .sx-journal-hero__content { max-width: 480px; }
  .sx-journal-hero__media img { object-position: 70% 32%; }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .sx-journal-hero { min-height: 80vh; align-items: flex-end; }
  .sx-journal-hero__media img { object-position: center 28%; }
  .sx-journal-hero__overlay {
    background: linear-gradient(
      180deg,
      rgba(27, 26, 24, 0.08) 0%,
      rgba(27, 26, 24, 0.30) 56%,
      rgba(27, 26, 24, 0.60) 100%
    );
  }
  .sx-journal-hero__inner { padding-bottom: var(--sx-space-2xl, 4rem); }
  .sx-journal-hero__content { max-width: 100%; }
  .sx-journal-hero__text { font-size: var(--sx-text-base, 1rem); margin-bottom: var(--sx-space-lg, 2rem); }
  .sx-journal-hero__actions { flex-direction: column; align-items: stretch; }
  .sx-journal-hero__cta { width: 100%; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .sx-journal-hero__cta { transition: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52401f7 *//* ============================================================
   SOHNA — JOURNAL · FROM THE JOURNAL (sx-journal-feature)
   Dynamic feature: 1 post (sticky-first). No H2 — the article title
   is the headline. Styles the Loop Item's native widgets.
   Paste into Site Settings → Custom CSS.
   ============================================================ */

.sx-journal-feature,
.sx-journal-feature * { box-sizing: border-box; }

/* More vertical space — "turning the first page after the cover" */
.sx-journal-feature {
  background: var(--sx-color-bg, #F5F1EA);
  padding: var(--sx-section-2xl, 7.5rem) var(--sx-gutter, 1.5rem);
}

/* Eyebrow label */
.sx-journal-feature__eyebrow,
.sx-journal-feature__eyebrow .elementor-heading-title {
  display: block;
  max-width: var(--sx-container-wide, 797px);
  margin: 0 auto var(--sx-space-xl, 3rem);
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: var(--sx-tracking-wider, 0.12em);
  text-transform: uppercase;
  color: var(--sx-color-accent-text, #7A5E33);
}

/* Loop Grid container — single column, capped */
.sx-journal-feature__grid {
  max-width: var(--sx-container-wide, 797px);
  margin-inline: auto;
}
.sx-journal-feature__grid .elementor-loop-container,
.sx-journal-feature__grid .elementor-grid {
  grid-template-columns: 1fr !important;   /* one feature post */
  gap: 0;
}

/* ---------- The feature card (Loop Item) ---------- */
.sx-jf-card__media,
.sx-jf-card__media .elementor-widget-container {
  margin: 0 0 var(--sx-space-xl, 3rem);
}
.sx-jf-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;          /* cinematic */
  object-fit: cover;
  border-radius: var(--sx-radius-md, 8px);
}

/* Category — small gold label */
.sx-jf-card__cat,
.sx-jf-card__cat .elementor-widget-container {
  margin: 0 0 var(--sx-space-sm, 1rem);
}
.sx-jf-card__cat,
.sx-jf-card__cat a {
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: var(--sx-tracking-wider, 0.12em);
  text-transform: uppercase;
  color: var(--sx-color-accent-text, #7A5E33);
  text-decoration: none;
}

/* Title — the headline, large editorial serif */
.sx-jf-card__title,
.sx-jf-card__title .elementor-heading-title {
  margin: 0 0 var(--sx-space-lg, 2rem);
  max-width: 1337px;
  font-family: var(--sx-font-display, Georgia, serif);
  font-size: clamp(34px, 4.5vw, 60px);
  font-weight: var(--sx-weight-regular, 400);
  line-height: 1.04;
  color: var(--sx-color-ink, #1B1A18);
  text-wrap: balance;
}
.sx-jf-card__title a {
  color: inherit;
  text-decoration: none;
  transition: color .2s ease;
}
.sx-jf-card__title a:hover { color: var(--sx-color-accent-text, #7A5E33); }

/* Excerpt — quiet, capped measure */
.sx-jf-card__excerpt,
.sx-jf-card__excerpt .elementor-widget-container,
.sx-jf-card__excerpt p {
  margin: 0 0 var(--sx-space-xl, 3rem);
  max-width: 997;
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-md, 1.25rem);
  line-height: var(--sx-leading-relaxed, 1.7);
  color: var(--sx-color-ink-soft, #5C5852);
}
.sx-jf-card__excerpt p { margin: 0; }

/* Read Article — underlined text link, not a button */
.sx-jf-card__link a,
.sx-jf-card__link .elementor-button {
  display: inline-block;
  padding: 0 0 3px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--sx-color-ink, #1B1A18);
  border-radius: 0;
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: var(--sx-tracking-wider, 0.12em);
  text-transform: capitalize;
  text-decoration: none;
  color: var(--sx-color-ink, #1B1A18);
  transition: color .2s ease, border-color .2s ease;
}
.sx-jf-card__link a:hover,
.sx-jf-card__link .elementor-button:hover {
  background: transparent;
  color: var(--sx-color-accent-text, #7A5E33);
  border-bottom-color: var(--sx-color-accent-text, #7A5E33);
}
.sx-jf-card__link a:focus-visible,
.sx-jf-card__link .elementor-button:focus-visible {
  outline: var(--sx-focus-width, 2px) solid var(--sx-focus-color, #7A5E33);
  outline-offset: var(--sx-focus-offset, 3px);
}

/* ---------- Desktop: image + text side by side (optional richer layout) ---------- */
@media (min-width: 1025px) {
  .sx-jf-card {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    align-items: center;
    gap: var(--sx-space-3xl, 6rem);
  }
  .sx-jf-card__media { grid-row: 1 / span 4; margin-bottom: 0; }
  .sx-jf-card__media img { aspect-ratio: 4 / 5; }   /* taller when beside text */
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .sx-journal-feature { padding-block: var(--sx-section-xl, 5rem); }
  .sx-jf-card__excerpt,
  .sx-jf-card__excerpt p { font-size: var(--sx-text-base, 1rem); }
}

/* ============================================================
   SOHNA — JOURNAL · FEATURED ARTICLE IMAGE (16:9 CORRECTION)
   Scoped to the feature Loop Item only (.sx-journal-feature).
   Root cause: `height: 100%` overrode `aspect-ratio`.
   Does not affect small journal cards, product, shop or
   category archive images, or the Single Post featured image.
   Paste into Site Settings → Custom CSS, AFTER the existing
   sx-journal-feature block so it wins the cascade.
   ============================================================ */

/* Wrappers must not impose height — let the image own its ratio */
.sx-journal-feature .sx-jf-card__media,
.sx-journal-feature .sx-jf-card__media .elementor-widget-container,
.sx-journal-feature .sx-jf-card__media a,
.sx-journal-feature .sx-jf-card__media figure {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  line-height: 0;
}

/* The image — 16:9, cover, centered, no fixed height */
.sx-journal-feature .sx-jf-card__media img {
  display: block;
  width: 100%;
  height: auto !important;      /* defeats `height:100%` + Elementor's height attr */
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  border-radius: var(--sx-radius-md, 8px);
}

/* Safari <15 / no aspect-ratio support — padding-ratio fallback */
@supports not (aspect-ratio: 16 / 9) {
  .sx-journal-feature .sx-jf-card__media a,
  .sx-journal-feature .sx-jf-card__media figure {
    position: relative;
    padding-top: 56.25%;
  }
  .sx-journal-feature .sx-jf-card__media a img,
  .sx-journal-feature .sx-jf-card__media figure img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
  }
}

/* ============================================================
   SOHNA — JOURNAL CARD "READ ARTICLE" LINK (de-scoped, wins cascade)
   .sx-ja-card__link is unique to Journal article cards.
   Targets Elementor's real Button anchor.
   Paste at the END of Site Settings → Custom CSS.
   ============================================================ */

.sx-ja-card__link,
.sx-ja-card__link .elementor-widget-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
  margin-top: var(--sx-space-md, 1.5rem);
  text-align: left;
}

.sx-ja-card__link .elementor-button,
.sx-ja-card__link a.elementor-button,
.sx-ja-card__link a {
  display: inline-block !important;
  width: auto !important;
  padding: 0 0 3px !important;
  min-height: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sx-color-ink, #1B1A18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  fill: currentColor;
  color: var(--sx-color-ink, #1B1A18) !important;
  font-family: var(--sx-font-body, sans-serif) !important;
  font-size: var(--sx-text-xs, 0.8125rem) !important;
  font-weight: var(--sx-weight-medium, 500) !important;
  letter-spacing: var(--sx-tracking-wider, 0.12em) !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color .2s ease, border-color .2s ease;
}

.sx-ja-card__link .elementor-button-content-wrapper,
.sx-ja-card__link .elementor-button-text {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}

.sx-ja-card__link .elementor-button:hover,
.sx-ja-card__link a:hover {
  color: var(--sx-color-accent-text, #7A5E33) !important;
  border-bottom-color: var(--sx-color-accent-text, #7A5E33) !important;
}

.sx-ja-card__link .elementor-button:focus-visible,
.sx-ja-card__link a:focus-visible {
  outline: var(--sx-focus-width, 2px) solid var(--sx-focus-color, #7A5E33);
  outline-offset: var(--sx-focus-offset, 3px);
}

@media (prefers-reduced-motion: reduce) {
  .sx-ja-card__link .elementor-button,
  .sx-ja-card__link a { transition: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63956c6 *//* ============================================================
   SOHNA — JOURNAL · LATEST ARTICLES (sx-journal-articles)
   Dynamic 3-up editorial grid. Metadata-free cards. Anchor #articles.
   Excludes the sticky feature post (set in Query).
   Paste into Site Settings → Custom CSS.
   ============================================================ */

.sx-journal-articles,
.sx-journal-articles * { box-sizing: border-box; }

.sx-journal-articles {
  background: var(--sx-color-bg, #F5F1EA);
  padding: var(--sx-section-xl, 5rem) var(--sx-gutter, 1.5rem);
  scroll-margin-top: var(--sx-header-height, 88px);   /* #articles lands below sticky header */
}
.sx-journal-articles__inner {
  max-width: var(--sx-container-wide, 1440px);
  margin-inline: auto;
}

/* ---------- Heading (centered) ---------- */
.sx-journal-articles-head {
  max-width: 1337px;
  margin: 0 auto var(--sx-space-2xl, 4rem);
  text-align: center;
}
.sx-journal-articles-head__eyebrow,
.sx-journal-articles-head__eyebrow .elementor-heading-title {
  margin: 0 0 16px;
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: var(--sx-tracking-wider, 0.12em);
  text-transform: uppercase;
  text-align: center;
  color: var(--sx-color-accent-text, #7A5E33);
}
.sx-journal-articles-head__title,
.sx-journal-articles-head__title .elementor-heading-title {
  margin: 0;
  font-family: var(--sx-font-display, Georgia, serif);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: var(--sx-weight-regular, 400);
  line-height: 1.05;
  text-align: center;
  color: var(--sx-color-ink, #1B1A18);
  text-wrap: balance;
}

/* ---------- Grid (3-up, no boxes) ---------- */
.sx-journal-articles-grid .elementor-loop-container,
.sx-journal-articles-grid .elementor-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sx-space-2xl, 4rem) var(--sx-space-xl, 3rem);
}
.sx-journal-articles-grid .elementor-grid .elementor-grid-item { width: auto; margin: 0; }

/* ---------- Card (Loop Item) — image-led, no chrome ---------- */
.sx-ja-card { display: flex; flex-direction: column; }

.sx-ja-card__media,
.sx-ja-card__media .elementor-widget-container { margin: 0 0 var(--sx-space-md, 1.5rem); }
.sx-ja-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 0;              /* no rounded corners, per brief */
}
/* Subtle image hover (optional, calm) */
.sx-ja-card__media { overflow: hidden; }
.sx-ja-card__media img { transition: transform .45s ease; }
.sx-ja-card:hover .sx-ja-card__media img { transform: scale(1.03); }

/* Category — small gold label */
.sx-ja-card__cat,
.sx-ja-card__cat .elementor-widget-container { margin: 0 0 var(--sx-space-xs, 0.5rem); }
.sx-ja-card__cat,
.sx-ja-card__cat a {
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: var(--sx-tracking-wider, 0.12em);
  text-transform: uppercase;
  color: var(--sx-color-accent-text, #7A5E33);
  text-decoration: none;
}

/* Title — serif H3 */
.sx-ja-card__title,
.sx-ja-card__title .elementor-heading-title {
  margin: 0 0 var(--sx-space-sm, 1rem);
  font-family: var(--sx-font-display, Georgia, serif);
  font-size: clamp(22px, 1.9vw, 28px);
  font-weight: var(--sx-weight-regular, 400);
  line-height: 1.15;
  color: var(--sx-color-ink, #1B1A18);
}
.sx-ja-card__title a {
  color: inherit;
  text-decoration: none;
  transition: color .2s ease;
}
.sx-ja-card:hover .sx-ja-card__title a { color: var(--sx-color-accent-text, #7A5E33); }

/* Excerpt — 1–2 lines, clamped */
.sx-ja-card__excerpt,
.sx-ja-card__excerpt .elementor-widget-container,
.sx-ja-card__excerpt p {
  margin: 0 0 var(--sx-space-md, 1.5rem);
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-sm, 0.9375rem);
  line-height: var(--sx-leading-relaxed, 1.7);
  color: var(--sx-color-ink-soft, #5C5852);
}
.sx-ja-card__excerpt p {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;          /* hold to two lines for even card heights */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Read Article — underlined text link */
.sx-ja-card__link { margin-top: auto; }   /* pin link to card bottom for alignment */
.sx-ja-card__link a,
.sx-ja-card__link .elementor-button {
  display: inline-block;
  padding: 0 0 3px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--sx-color-ink, #1B1A18);
  border-radius: 0;
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: var(--sx-tracking-wider, 0.12em);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--sx-color-ink, #1B1A18);
  transition: color .2s ease, border-color .2s ease;
}
.sx-ja-card__link a:hover,
.sx-ja-card__link .elementor-button:hover {
  background: transparent;
  color: var(--sx-color-accent-text, #7A5E33);
  border-bottom-color: var(--sx-color-accent-text, #7A5E33);
}
.sx-ja-card__link a:focus-visible,
.sx-ja-card__link .elementor-button:focus-visible {
  outline: var(--sx-focus-width, 2px) solid var(--sx-focus-color, #7A5E33);
  outline-offset: var(--sx-focus-offset, 3px);
}

/* ---------- Tablet: 2 columns ---------- */
@media (max-width: 1024px) {
  .sx-journal-articles-grid .elementor-loop-container,
  .sx-journal-articles-grid .elementor-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sx-space-2xl, 4rem) var(--sx-space-lg, 2rem);
  }
}

/* ---------- Mobile: 1 column ---------- */
@media (max-width: 767px) {
  .sx-journal-articles { padding-block: var(--sx-space-2xl, 4rem); }
  .sx-journal-articles-head { margin-bottom: var(--sx-space-xl, 3rem); }
  .sx-journal-articles-grid .elementor-loop-container,
  .sx-journal-articles-grid .elementor-grid {
    grid-template-columns: 1fr;
    gap: var(--sx-space-2xl, 4rem);
  }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .sx-ja-card__media img { transition: none; }
  .sx-ja-card:hover .sx-ja-card__media img { transform: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94ae2b2 *//* ============================================================
   SOHNA — JOURNAL · BROWSE BY TOPIC (sx-journal-topics)
   Magazine index, not a category list. Large serif topic links,
   hairline grid. Paste into Site Settings → Custom CSS.
   ============================================================ */

.sx-journal-topics,
.sx-journal-topics * { box-sizing: border-box; }

.sx-journal-topics {
  background: var(--sx-color-bg, #F5F1EA);
  padding: var(--sx-section-xl, 5rem) var(--sx-gutter, 1.5rem);
}
.sx-journal-topics__inner {
  max-width: var(--sx-container-standard, 1337px);
  margin-inline: auto;
}

/* ---------- Heading (centered) ---------- */
.sx-journal-topics-head {
  max-width: 1337px;
  margin: 0 auto var(--sx-space-2xl, 4rem);
  text-align: center;
}
.sx-journal-topics-head__eyebrow {
  display: block;
  margin: 0 0 16px;
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: var(--sx-tracking-wider, 0.12em);
  text-transform: uppercase;
  color: var(--sx-color-accent-text, #7A5E33);
}
.sx-journal-topics-head__title {
  margin: 0 0 var(--sx-space-md, 1.5rem);
  font-family: var(--sx-font-display, Georgia, serif);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: var(--sx-weight-regular, 400);
  line-height: 1.05;
  color: var(--sx-color-ink, #1B1A18);
  text-wrap: balance;
}
.sx-journal-topics-head__text {
  max-width: 1337px;
  margin-inline: auto;
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-md, 1.25rem);
  line-height: var(--sx-leading-relaxed, 1.7);
  color: var(--sx-color-ink-soft, #5C5852);
}

/* ---------- Topic grid (2 columns, hairline rows) ---------- */
.sx-journal-topics-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--sx-space-3xl, 6rem);
}
.sx-journal-topic {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sx-space-lg, 2rem);
  padding: var(--sx-space-lg, 2rem) 0;
  border-top: 1px solid var(--sx-color-border, #D9D1C4);
  text-decoration: none;
  color: inherit;
}
/* Bottom hairline on the last row of each column */
.sx-journal-topic:nth-last-child(-n+2) { border-bottom: 1px solid var(--sx-color-border, #D9D1C4); }

.sx-journal-topic__name {
  font-family: var(--sx-font-display, Georgia, serif);
  font-size: clamp(26px, 2.6vw, 40px);
  font-weight: var(--sx-weight-regular, 400);
  line-height: 1.1;
  color: var(--sx-color-ink, #1B1A18);
  transition: color .2s ease;
}
.sx-journal-topic__label {
  flex-shrink: 0;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: var(--sx-tracking-wider, 0.12em);
  text-transform: uppercase;
  color: var(--sx-color-accent-text, #7A5E33);
  opacity: 0;                       /* hidden until hover — quiet index */
  transition: opacity .2s ease, border-color .2s ease;
}
/* Hover: name shifts gold, "Read" label appears */
.sx-journal-topic:hover .sx-journal-topic__name,
.sx-journal-topic:focus-visible .sx-journal-topic__name {
  color: var(--sx-color-accent-text, #7A5E33);
}
.sx-journal-topic:hover .sx-journal-topic__label,
.sx-journal-topic:focus-visible .sx-journal-topic__label {
  opacity: 1;
  border-bottom-color: var(--sx-color-accent-text, #7A5E33);
}
.sx-journal-topic:focus-visible {
  outline: var(--sx-focus-width, 2px) solid var(--sx-focus-color, #7A5E33);
  outline-offset: var(--sx-focus-offset, 3px);
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .sx-journal-topics-grid { column-gap: var(--sx-space-2xl, 4rem); }
}

/* ---------- Mobile: single column ---------- */
@media (max-width: 767px) {
  .sx-journal-topics { padding-block: var(--sx-space-2xl, 4rem); }
  .sx-journal-topics-head { margin-bottom: var(--sx-space-xl, 3rem); }
  .sx-journal-topics-head__text { font-size: var(--sx-text-base, 1rem); }
  .sx-journal-topics-grid { grid-template-columns: 1fr; }
  /* Reset the desktop bottom-row rule; only the true last item gets a bottom line */
  .sx-journal-topic:nth-last-child(-n+2) { border-bottom: 0; }
  .sx-journal-topic:last-child { border-bottom: 1px solid var(--sx-color-border, #D9D1C4); }
  /* On mobile, keep the "Read" label always visible (no hover on touch) */
  .sx-journal-topic__label { opacity: 1; border-bottom-color: var(--sx-color-border, #D9D1C4); }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .sx-journal-topic__name,
  .sx-journal-topic__label { transition: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ce4b9ef *//* ============================================================
   SOHNA — JOURNAL · EDITORIAL QUOTE (sx-journal-quote)
   A quiet pause. One centered serif line, generous space.
   Paste into Elementor → Site Settings → Custom CSS.
   ============================================================ */

.sx-journal-quote,
.sx-journal-quote * { box-sizing: border-box; }

.sx-journal-quote {
  background: var(--sx-color-bg, #F5F1EA);
  padding: var(--sx-section-2xl, 7.5rem) var(--sx-gutter, 1.5rem);
}

.sx-journal-quote__inner {
  max-width: var(--sx-container-reading, 997px);
  margin-inline: auto;
  text-align: center;
}

.sx-journal-quote__text {
  margin: 0;
  font-family: var(--sx-font-display, Georgia, serif);
  font-size: clamp(28px, 4vw, 48px);
  font-weight: var(--sx-weight-light, 300);
  line-height: 1.3;
  color: var(--sx-color-ink, #1B1A18);
  text-wrap: balance;
}

/* ---------- Mobile ---------- */
@media (max-width: 997px) {
  .sx-journal-quote { padding-block: var(--sx-section-xl, 5rem); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e868066 *//* ============================================================
   SOHNA — JOURNAL · CLOSING BANNER (sx-journal-close)
   Full-bleed cinematic close → back to The House. Centered white type.
   Paste into Elementor → Site Settings → Custom CSS.
   ============================================================ */

.sx-journal-close,
.sx-journal-close * { box-sizing: border-box; }

/* Stop Elementor's HTML-widget wrapper from boxing the banner */
.elementor-widget-html:has(.sx-journal-close) .elementor-widget-container { width: 100%; max-width: none; }

/* Full-bleed breakout */
.sx-journal-close {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 78vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--sx-color-ink, #1B1A18);
}

/* Image */
.sx-journal-close__media { position: absolute; inset: 0; z-index: 0; }
.sx-journal-close__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
}

/* Even scrim — restrained, reflective */
.sx-journal-close__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(27, 26, 24, 0.30) 0%,
    rgba(27, 26, 24, 0.40) 50%,
    rgba(27, 26, 24, 0.46) 100%
  );
}

/* Content */
.sx-journal-close__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: var(--sx-container-wide, 1440px);
  margin-inline: auto;
  padding: var(--sx-section-xl, 5rem) var(--sx-gutter, 1.5rem);
  display: flex;
  justify-content: center;
}
.sx-journal-close__content {
  max-width: 720px;
  text-align: center;
}

.sx-journal-close__eyebrow {
  display: block;
  margin: 0 0 var(--sx-space-lg, 2rem);
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--sx-color-ink-inverse, #F7F3EC);
}
.sx-journal-close__title {
  margin: 0 0 var(--sx-space-2xl, 4rem);
  font-family: var(--sx-font-display, Georgia, serif);
  font-size: clamp(34px, 5vw, 64px);
  font-weight: var(--sx-weight-regular, 400);
  line-height: 1.1;
  color: var(--sx-color-ink-inverse, #F7F3EC);
  text-wrap: balance;
}

.sx-journal-close__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding-inline: var(--sx-space-xl, 3rem);
  background: var(--sx-color-ink-inverse, #F7F3EC);
  color: var(--sx-color-ink, #1B1A18);
  border: 1px solid var(--sx-color-ink-inverse, #F7F3EC);
  font-family: var(--sx-font-body, sans-serif);
  font-size: var(--sx-text-xs, 0.8125rem);
  font-weight: var(--sx-weight-medium, 500);
  letter-spacing: var(--sx-tracking-wider, 0.12em);
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.sx-journal-close__button:hover {
  background: transparent;
  color: var(--sx-color-ink-inverse, #F7F3EC);
  border-color: var(--sx-color-ink-inverse, #F7F3EC);
}
.sx-journal-close__button:focus-visible {
  outline: var(--sx-focus-width, 2px) solid var(--sx-color-ink-inverse, #F7F3EC);
  outline-offset: var(--sx-focus-offset, 3px);
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .sx-journal-close { min-height: 68vh; }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .sx-journal-close { min-height: 76vh; }
  .sx-journal-close__media img { object-position: center 35%; }
  .sx-journal-close__overlay {
    background: linear-gradient(
      180deg,
      rgba(27, 26, 24, 0.32) 0%,
      rgba(27, 26, 24, 0.42) 60%,
      rgba(27, 26, 24, 0.50) 100%
    );
  }
  .sx-journal-close__title { margin-bottom: var(--sx-space-xl, 3rem); }
  .sx-journal-close__button { width: 100%; max-width: 360px; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .sx-journal-close__button { transition: none; }
}/* End custom CSS */