/* ==========================================================================
   JKVL Site Factory — Sprint 4A design families
   Config-driven distinct layouts. Body carries jksf-layout-*, jksf-hero-*,
   jksf-surface-*, jksf-geometry-*, jksf-motion-* classes (injected by the
   Site Factory Core plugin from each manifest's theme.design). Extended color
   tokens (--jksf-ink, --jksf-surface-2, --jksf-accent-2, --jksf-radius) also
   arrive from the manifest.
   ========================================================================== */

/* ---------- Surface depth ---------- */
.jksf-surface-flat .jksf-card,
.jksf-surface-flat .jksf-contact-panel { box-shadow: none; }
.jksf-surface-layered .jksf-hero {
  background:
    linear-gradient(165deg, color-mix(in srgb, var(--jksf-ink) 6%, transparent) 0%, transparent 46%),
    linear-gradient(180deg, var(--jksf-surface) 0%, var(--jksf-background) 100%);
}
.jksf-surface-layered .jksf-card { box-shadow: 0 2px 6px rgb(0 0 0 / 0.05), 0 20px 44px -22px rgb(0 0 0 / 0.25); }
.jksf-surface-paper .jksf-hero,
.jksf-surface-paper .jksf-page-head {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--jksf-surface-2) 55%, transparent), transparent 52%),
    var(--jksf-background);
}
.jksf-surface-paper .jksf-card { background: var(--jksf-background); border-color: var(--jksf-border-soft); }
.jksf-surface-mineral .jksf-card { border-radius: var(--jksf-radius); border-color: color-mix(in srgb, var(--jksf-accent) 26%, transparent); }
.jksf-surface-dark { background: var(--jksf-ink); }
.jksf-surface-dark .jksf-section { color: var(--jksf-text); }
.jksf-surface-dark .jksf-alt { background: var(--jksf-surface); }
.jksf-surface-dark .jksf-card { background: var(--jksf-surface); border-color: color-mix(in srgb, var(--jksf-text) 20%, transparent); }

/* ---------- Geometry: border weight + radius consistency ---------- */
.jksf-geometry-sharp { --jksf-radius: 0px; }
.jksf-geometry-crisp { --jksf-radius: 1px; }
.jksf-geometry-architectural { --jksf-radius: 2px; }
.jksf-geometry-soft { --jksf-radius: 14px; }
.jksf-geometry-soft .jksf-card,
.jksf-geometry-soft .jksf-step,
.jksf-geometry-soft .site-contact { border-radius: var(--jksf-radius); }
.jksf-geometry-architectural .jksf-card { border: 1px solid var(--jksf-border); }
.jksf-geometry-architectural .jksf-step { border-top-width: 1px; }

/* ---------- Hero compositions ---------- */
.jksf-hero { border-radius: 0; }

/* Compact / institutional (Aegis, Sentinel, Vanguard) */
.jksf-hero-compact .jksf-hero {
  min-height: 0; padding-block: clamp(56px, 8vw, 104px) clamp(48px, 7vw, 92px);
  align-items: start; background: var(--jksf-background);
}
.jksf-hero-compact .jksf-hero__inner { max-width: 820px; border-left: 4px solid var(--jksf-accent); padding-left: clamp(22px, 3.4vw, 44px); }
.jksf-hero-compact .jksf-hero h1 { font-size: clamp(38px, 5.6vw, 74px); letter-spacing: -0.03em; }
.jksf-hero-compact .jksf-hero__rule { height: 2px; margin-top: 28px; }

/* Portfolio-led / forward motion (JKVL) */
.jksf-hero-portfolio .jksf-hero {
  min-height: min(640px, 80vh); align-items: end;
  background:
    linear-gradient(120deg, color-mix(in srgb, var(--jksf-accent) 12%, transparent) 0%, transparent 40%),
    var(--jksf-background);
}
.jksf-hero-portfolio .jksf-hero__inner { max-width: 1120px; }
.jksf-hero-portfolio .jksf-hero h1 { font-size: clamp(52px, 7.4vw, 104px); letter-spacing: -0.04em; }
.jksf-hero-portfolio .jksf-hero__rule { width: min(320px, 60vw); height: 3px; background: linear-gradient(90deg, var(--jksf-accent), transparent); }

/* Editorial luxury / obsidian (Aurea) */
.jksf-site-aurea-elite { background: var(--jksf-background); color: var(--jksf-text); }
.jksf-site-aurea-elite .site-header { background: rgb(5 6 8 / .80); backdrop-filter: blur(20px); border-bottom: 1px solid rgb(198 166 106 / .18); }
.jksf-site-aurea-elite .site-brand__logo { max-height: 50px; width: auto; }
.jksf-site-aurea-elite .site-nav a { color: rgb(248 247 243 / .82); letter-spacing: 0.16em; }
.jksf-site-aurea-elite .site-nav a:hover { color: var(--jksf-accent); }
.jksf-site-aurea-elite .site-contact { border-color: rgb(198 166 106 / .5); color: var(--jksf-accent); }
.jksf-site-aurea-elite .site-contact:hover { background: var(--jksf-accent); color: #050608; }
.jksf-site-aurea-elite .jksf-eyebrow { color: var(--jksf-accent); letter-spacing: 0.3em; }

/* ---------- Signature hero ---------- */
.jksf-site-aurea-elite .jksf-section--hero {
  background:
    radial-gradient(115% 90% at 84% 6%, rgb(142 22 72 / .16) 0%, transparent 48%),
    radial-gradient(70% 60% at 8% 96%, rgb(198 166 106 / .10) 0%, transparent 55%),
    var(--jksf-background);
  border-bottom: 1px solid rgb(198 166 106 / .14);
  min-height: clamp(560px, 76vh, 780px);
}
.jksf-site-aurea-elite .jksf-section--hero .jksf-container-inner {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: clamp(40px, 6vw, 96px); align-items: center;
}
.jksf-site-aurea-elite .jksf-hero-logo {
  display: block; width: min(300px, 23vw); height: auto; margin: 0 0 38px;
  filter: drop-shadow(0 26px 60px rgb(0 0 0 / .5));
}
.jksf-site-aurea-elite .jksf-hero-title {
  font-weight: 300; max-width: 22ch; letter-spacing: -0.03em; line-height: 1.04;
  font-size: clamp(42px, 4.8vw, 70px);
}
.jksf-site-aurea-elite .jksf-section--hero .jksf-lede { max-width: 52ch; color: rgb(248 247 243 / .74); }

/* Flexistone Band–Crown visual (sculptural, CSS-only) */
.jksf-site-aurea-elite .jksf-hero-art { min-height: 440px; }
.jksf-site-aurea-elite .jksf-art-band {
  left: 50%; top: 56%; width: min(320px, 76%); aspect-ratio: 1;
  border: 1px solid rgb(198 166 106 / .52); border-radius: 50%;
  transform: translate(-50%, -50%) rotateX(64deg) rotateZ(-15deg);
  box-shadow: inset 0 0 44px rgb(198 166 106 / .10), 0 34px 80px rgb(0 0 0 / .55);
}
.jksf-site-aurea-elite .jksf-art-band::before {
  content: ""; position: absolute; inset: 13%; border: 1px solid rgb(198 166 106 / .24); border-radius: 50%;
}
.jksf-site-aurea-elite .jksf-art-crown {
  left: 50%; top: 17%; width: 54px; height: 54px; transform: translateX(-50%) rotate(45deg);
  background: linear-gradient(135deg, #f4e8c6 0%, #c6a66a 48%, #8E1648 100%);
  box-shadow: 0 0 0 1px rgb(198 166 106 / .65), 0 18px 44px rgb(0 0 0 / .55);
}
.jksf-site-aurea-elite .jksf-art-crown::after {
  content: ""; position: absolute; inset: -14px; border: 1px solid rgb(198 166 106 / .22); transform: rotate(45deg);
}
.jksf-site-aurea-elite .jksf-art-link {
  left: 50%; top: 19%; width: 1px; height: 36%;
  background: linear-gradient(rgb(198 166 106 / .85), rgb(198 166 106 / .12));
  transform: translateX(-50%);
}

/* ---------- Editorial sections ---------- */
.jksf-site-aurea-elite .jksf-section { padding-block: clamp(64px, 9vw, 132px); }
.jksf-site-aurea-elite .jksf-section-title { font-weight: 300; letter-spacing: -0.03em; max-width: 24ch; }
.jksf-site-aurea-elite .jksf-section p, .jksf-site-aurea-elite .jksf-section li { color: rgb(248 247 243 / .72); }
.jksf-site-aurea-elite .jksf-section--introduction { background: var(--jksf-surface); }
.jksf-site-aurea-elite .jksf-section--introduction .jksf-section-title { font-size: clamp(34px, 4.6vw, 60px); }
.jksf-site-aurea-elite .jksf-section--introduction p { color: rgb(248 247 243 / .74); max-width: 52ch; font-size: clamp(18px, 1.9vw, 23px); }
.jksf-site-aurea-elite .jksf-section--cards .jksf-card {
  background: transparent; border: 0; border-top: 1px solid rgb(198 166 106 / .5); padding-top: 28px; box-shadow: none;
}
.jksf-site-aurea-elite .jksf-card__title { color: var(--jksf-accent); font-weight: 400; letter-spacing: 0.01em; }
.jksf-site-aurea-elite .jksf-card__title::after { background: linear-gradient(90deg, var(--jksf-accent), rgb(142 22 72 / .6)); }
.jksf-site-aurea-elite .jksf-step { border-top-color: rgb(198 166 106 / .5); }
.jksf-site-aurea-elite .jksf-step__number { color: var(--jksf-accent); }
.jksf-site-aurea-elite .jksf-section--call_to_action {
  background:
    radial-gradient(90% 120% at 50% 0%, rgb(142 22 72 / .14) 0%, transparent 55%),
    var(--jksf-surface-2);
  text-align: left;
}
.jksf-site-aurea-elite .jksf-definition-list__row { border-bottom-color: rgb(198 166 106 / .18); }
.jksf-site-aurea-elite .jksf-definition-list dt { color: var(--jksf-accent); }

/* Obsidian form */
.jksf-site-aurea-elite .jksf-inquiry__field input,
.jksf-site-aurea-elite .jksf-inquiry__field select,
.jksf-site-aurea-elite .jksf-inquiry__field textarea {
  border-color: rgb(248 247 243 / .16); color: var(--jksf-text); background: rgb(248 247 243 / .03);
}
.jksf-site-aurea-elite .jksf-inquiry__field input:focus,
.jksf-site-aurea-elite .jksf-inquiry__field select:focus,
.jksf-site-aurea-elite .jksf-inquiry__field textarea:focus { border-color: var(--jksf-accent); outline: none; }
.jksf-site-aurea-elite .jksf-inquiry__button { background: var(--jksf-accent); border-color: var(--jksf-accent); color: #050608; }
.jksf-site-aurea-elite .jksf-inquiry__button:hover { background: transparent; color: var(--jksf-accent); }
.jksf-site-aurea-elite .jksf-inquiry__notice--ok { border-color: rgb(198 166 106 / .6); }
.jksf-site-aurea-elite .jksf-inquiry__notice--error { border-color: rgb(142 22 72 / .7); }

/* ---------- Distinct page compositions ---------- */
/* Landing (Home): single-column signature — large logo, wide 2-3 line headline,
   band-crown art as a subdued right-side accent */
.jksf-template-landing .jksf-section--hero .jksf-container-inner { grid-template-columns: 1fr; position: relative; }
.jksf-template-landing .jksf-hero-copy { position: relative; z-index: 1; max-width: 760px; }
.jksf-template-landing .jksf-hero-logo { width: clamp(210px, 21vw, 310px); height: auto; margin: 0 0 34px; }
.jksf-template-landing .jksf-hero-title { max-width: 20ch; }
.jksf-template-landing .jksf-hero-art {
  position: absolute; right: -2%; top: 4%; width: min(360px, 34%); min-height: 0; height: 92%;
  z-index: 0; opacity: .82;
}
.jksf-template-landing .jksf-hero-art--mark {
  position: absolute; right: 0; top: 0; bottom: 0; width: 46%;
  min-height: 0; height: auto; opacity: 1;
  display: flex; align-items: center; justify-content: flex-end;
  overflow: hidden; pointer-events: none; z-index: 0;
}
.jksf-template-landing .jksf-hero-mark {
  height: clamp(300px, 36vw, 540px); width: auto;
  opacity: 0.12; margin-right: -3%;
}
@media (max-width: 767px) {
  .jksf-template-landing .jksf-hero-art--mark { width: 64%; align-items: flex-end; }
  .jksf-template-landing .jksf-hero-mark { height: clamp(150px, 30vw, 240px); opacity: 0.10; margin-right: -6%; }
}
.jksf-template-landing .jksf-art-band { width: min(300px, 88%); }
/* Product (Flexistone): band-crown close-up, no oversized logo */
.jksf-template-product .jksf-hero-art { min-height: 400px; }
.jksf-template-product .jksf-art-band { width: min(360px, 80%); border-color: rgb(198 166 106 / .7); }
.jksf-template-product .jksf-art-crown { width: 64px; height: 64px; top: 15%; }
.jksf-template-product .jksf-hero-title { max-width: 16ch; }
.jksf-template-product .jksf-section--cards .jksf-card { border-top-width: 1px; }
/* Portfolio (Partnerships): route/network graphic, editorial list feel */
.jksf-template-portfolio .jksf-hero-art { min-height: 360px; }
.jksf-template-portfolio .jksf-hero-title { max-width: 22ch; font-size: clamp(38px, 4.2vw, 62px); }
.jksf-template-portfolio .jksf-art-band { width: min(240px, 60%); border-color: rgb(198 166 106 / .3); transform: translate(-50%, -50%) rotateX(70deg) rotateZ(0deg); }
.jksf-template-portfolio .jksf-art-crown { width: 40px; height: 40px; top: 20%; background: linear-gradient(135deg, #f4e8c6, #8E1648 60%); }
.jksf-template-portfolio .jksf-art-link { height: 30%; }
.jksf-template-portfolio .jksf-step { border-top-color: rgb(198 166 106 / .4); }
/* Corporate (About): statement hero, no art — full-width text */
.jksf-template-corporate .jksf-hero-art { display: none; }
.jksf-template-corporate .jksf-section--hero .jksf-container-inner { grid-template-columns: 1fr; max-width: 1080px; }
.jksf-template-corporate .jksf-hero-title { max-width: 20ch; }
.jksf-template-corporate .jksf-section--hero .jksf-lede { max-width: 62ch; }

@media (max-width: 767px) {
  .jksf-site-aurea-elite .jksf-hero-art { min-height: 300px; }
  .jksf-site-aurea-elite .jksf-hero-logo { width: min(200px, 52vw); }
}

/* Organic / restorative (Parasym) */
.jksf-hero-organic .jksf-hero {
  min-height: min(620px, 78vh); align-items: end; border-radius: 0 0 var(--jksf-radius) var(--jksf-radius);
  background:
    radial-gradient(120% 90% at 12% 0%, color-mix(in srgb, var(--jksf-accent) 18%, transparent) 0%, transparent 55%),
    linear-gradient(180deg, var(--jksf-surface) 0%, var(--jksf-background) 100%);
}
.jksf-hero-organic .jksf-hero__inner { max-width: 960px; }
.jksf-hero-organic .jksf-hero h1 { font-size: clamp(46px, 7vw, 96px); letter-spacing: -0.035em; }
.jksf-hero-organic .jksf-hero__rule { width: 120px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--jksf-accent), var(--jksf-accent-2)); }

/* Split / confrontational (Alt Wild) */
.jksf-site-alt-wild { --jksf-border: rgb(245 241 234 / .24); }
.jksf-site-alt-wild .site-header { background: #0a0a0a; border-color: rgb(245 241 234 / .16); }
.jksf-site-alt-wild .site-brand__logo { filter: invert(1); max-height: 64px; }
.jksf-site-alt-wild .site-nav a, .jksf-site-alt-wild .nav-toggle { color: #f5f1ea; }
.jksf-site-alt-wild .jksf-section--hero { background: #0a0a0a; color: #f5f1ea; overflow: hidden; }
.jksf-site-alt-wild .jksf-section--hero .jksf-container-inner { grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); }
.jksf-site-alt-wild .jksf-hero-title { max-width: 10ch; text-transform: uppercase; font-weight: 800; line-height: .88; letter-spacing: -.065em; }
.jksf-site-alt-wild .jksf-section--hero .jksf-lede { color: rgb(245 241 234 / .72); }
.jksf-site-alt-wild .jksf-hero-art { min-height: 520px; background: #c91422; transform: rotate(4deg) scale(.94); overflow: visible; }
.jksf-site-alt-wild .jksf-hero-art::before { content: "A"; position: absolute; left: -7%; bottom: -18%; color: #0a0a0a; font: 900 590px/.75 Arial, sans-serif; letter-spacing: -.13em; }
.jksf-site-alt-wild .jksf-hero-art::after { content: "WILD"; position: absolute; right: -8%; top: 8%; color: #f5f1ea; writing-mode: vertical-rl; font: 900 clamp(42px, 4.5vw, 72px)/.85 Arial, sans-serif; letter-spacing: .04em; }
.jksf-site-alt-wild .jksf-hero-art span:nth-child(1) { inset: 8% auto 8% 20%; width: 3px; background: #f5f1ea; }
.jksf-site-alt-wild .jksf-hero-art span:nth-child(2) { width: 70%; height: 10px; left: 5%; top: 22%; background: #0a0a0a; transform: rotate(-21deg); }
.jksf-site-alt-wild .jksf-hero-art span:nth-child(3) { width: 54%; height: 2px; right: -4%; bottom: 18%; background: #f5f1ea; transform: rotate(18deg); }
.jksf-site-alt-wild .jksf-section--introduction { border-top: 10px solid var(--jksf-accent); }
.jksf-site-alt-wild .jksf-section--cards { background: var(--jksf-surface); color: #f5f1ea; }
.jksf-site-alt-wild .jksf-section--cards p, .jksf-site-alt-wild .jksf-section--cards li { color: rgb(245 241 234 / .7); }
.jksf-site-alt-wild .jksf-section--cards .jksf-card { background: transparent; border: 0; border-top: 6px solid var(--jksf-accent); padding-inline: 0; }
.jksf-site-alt-wild .jksf-section--cards .jksf-card__title::after { display: none; }

/* Immersive / cinematic (Dreamscape) */
.jksf-hero-immersive .jksf-hero {
  min-height: min(760px, 92vh); align-items: center; text-align: center;
  background:
    radial-gradient(90% 80% at 50% 18%, color-mix(in srgb, var(--jksf-accent) 34%, transparent) 0%, transparent 58%),
    linear-gradient(180deg, var(--jksf-ink) 0%, var(--jksf-surface-2) 100%);
  border-bottom: 1px solid color-mix(in srgb, var(--jksf-accent) 30%, transparent);
}
.jksf-hero-immersive .jksf-hero__inner { max-width: 1040px; margin-inline: auto; }
.jksf-hero-immersive .jksf-hero__eyebrow { letter-spacing: 0.4em; font-size: 11px; color: var(--jksf-accent-2); }
.jksf-hero-immersive .jksf-hero h1 { font-size: clamp(48px, 8vw, 120px); letter-spacing: -0.04em; text-shadow: 0 4px 40px rgb(0 0 0 / 0.5); }
.jksf-hero-immersive .jksf-hero__summary { margin-inline: auto; color: var(--jksf-muted); }
.jksf-hero-immersive .jksf-hero__rule { width: 140px; height: 2px; margin: 40px auto 0; background: linear-gradient(90deg, transparent, var(--jksf-accent), transparent); }

/* ---------- Layout families: section rhythm & composition ---------- */
.jksf-layout-governance .jksf-section { border-bottom: 1px solid var(--jksf-border-soft); }
.jksf-layout-governance .jksf-section-title { max-width: 720px; }
.jksf-layout-governance .jksf-card { border-left: 3px solid var(--jksf-accent); }
.jksf-layout-governance .jksf-steps { border-top: 3px solid var(--jksf-text); }

.jksf-layout-forward .jksf-section { position: relative; }
.jksf-layout-forward .jksf-section-title::after { content: ""; display: block; width: 64px; height: 3px; margin-top: 18px; background: var(--jksf-accent); }
.jksf-layout-forward .jksf-step { border-top-color: var(--jksf-accent); }

.jksf-layout-fortress .jksf-container-inner { max-width: 900px; }
.jksf-layout-fortress .jksf-section { border: 1px solid var(--jksf-border); border-top-width: 3px; margin-block: clamp(16px, 2.4vw, 30px); }
.jksf-layout-fortress .jksf-card { border: 1px solid var(--jksf-border); box-shadow: none; }

.jksf-layout-modular .jksf-section { border-top: 1px solid var(--jksf-border-soft); }
.jksf-layout-modular .jksf-card { border-radius: var(--jksf-radius); border: 1px solid var(--jksf-border-soft); box-shadow: none; }
.jksf-layout-modular .jksf-step__number { font-family: var(--jksf-body); font-weight: 800; }

.jksf-layout-editorial .jksf-section { padding-block: clamp(56px, 8vw, 120px); }
.jksf-layout-editorial .jksf-section-title { font-size: clamp(34px, 4.6vw, 62px); font-weight: 300; letter-spacing: -0.03em; }
.jksf-layout-editorial .jksf-card { background: transparent; border: 0; box-shadow: none; padding-inline: 0; border-top: 1px solid var(--jksf-border); }

.jksf-layout-organic .jksf-section { padding-block: clamp(44px, 6.6vw, 100px); }
.jksf-layout-organic .jksf-card { border-radius: var(--jksf-radius); border: 0; background: var(--jksf-surface); }
.jksf-layout-organic .jksf-alt .jksf-card { background: var(--jksf-background); }

.jksf-layout-confrontational .jksf-alt { background: var(--jksf-surface); color: var(--jksf-background); }
.jksf-layout-confrontational .jksf-alt .jksf-card { background: var(--jksf-ink); border-color: color-mix(in srgb, var(--jksf-background) 18%, transparent); }
.jksf-layout-confrontational .jksf-card { border-left: 4px solid var(--jksf-accent); box-shadow: none; }
.jksf-layout-confrontational .jksf-section-title { text-transform: uppercase; letter-spacing: -0.02em; }

.jksf-layout-cinematic .jksf-section { color: var(--jksf-text); }
.jksf-layout-cinematic .jksf-alt { background: var(--jksf-surface); }
.jksf-layout-cinematic .jksf-card { background: var(--jksf-surface); border-color: color-mix(in srgb, var(--jksf-accent) 22%, transparent); }
.jksf-layout-cinematic .jksf-section-title { letter-spacing: 0.01em; }

/* ---------- Dark surface adjustments ---------- */
.jksf-surface-dark .site-header { background: var(--jksf-ink); border-bottom: 1px solid color-mix(in srgb, var(--jksf-text) 20%, transparent); }
.jksf-surface-dark .site-brand__name, .jksf-surface-dark .site-nav a { color: var(--jksf-text); }
.jksf-surface-dark .site-contact { border-color: var(--jksf-text); color: var(--jksf-text); }
.jksf-surface-dark .jksf-page-head { background: var(--jksf-surface); }

/* ---------- Motion policy ---------- */
.jksf-motion-subtle a, .jksf-motion-subtle .jksf-card, .jksf-motion-subtle .jksf-step {
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.jksf-motion-subtle .jksf-card:hover { transform: translateY(-2px); }
.jksf-motion-cinematic .jksf-hero { animation: jksf-fade 0.9s ease both; }
.jksf-motion-cinematic .jksf-card { transition: box-shadow 0.35s ease, transform 0.35s ease; }
.jksf-motion-cinematic .jksf-card:hover { transform: translateY(-3px); box-shadow: 0 18px 44px -20px rgb(0 0 0 / 0.4); }
@keyframes jksf-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* ---------- Responsive distinctness (hero-split collapses) ---------- */
@media (max-width: 767px) {
  .jksf-section--hero .jksf-container-inner,
  .jksf-site-alt-wild .jksf-section--hero .jksf-container-inner { grid-template-columns: 1fr; }
  .jksf-site-aurea-elite .jksf-hero-art { min-height: 320px; }
  .jksf-site-alt-wild .jksf-hero-art { min-height: 360px; transform: rotate(3deg) scale(.9); }
  .jksf-site-alt-wild .jksf-hero-art::before { font-size: 410px; }
  .jksf-hero-compact .jksf-hero__inner { border-left-width: 3px; padding-left: 18px; }
  .jksf-layout-fortress .jksf-section { margin-block: 12px; }
  .jksf-layout-editorial .jksf-section { padding-block: 48px; }
}