/* -----------------------------------------
   INTERNAL PAGE SYSTEM
   Built from the approved Home V3.5
------------------------------------------ */

.internal-page { background: var(--white); }
.internal-page main { max-width: 100%; }

.breadcrumb {
  padding-top: 108px;
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--sans);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 9px;
  color: #777771;
}
.breadcrumb a:hover { color: var(--ink); }

.internal-hero {
  position: relative;
  min-height: 93vh;
  overflow: hidden;
}
.internal-hero-grid {
  min-height: calc(93vh - 108px);
  padding: 70px 0 92px;
  display: grid;
  grid-template-columns: 1.24fr .76fr;
  gap: 70px;
  align-items: center;
}
.internal-hero-grid > * { min-width: 0; }
.internal-hero-copy { position: relative; z-index: 3; }
.internal-hero h1 {
  margin: 0;
  max-width: 950px;
  font-family: var(--display);
  font-size: clamp(78px, 9vw, 145px);
  font-weight: 900;
  letter-spacing: -.047em;
  line-height: .9;
}
.internal-deck {
  margin: 42px 0 0;
  max-width: 680px;
  font-size: clamp(20px, 1.7vw, 27px);
  line-height: 1.48;
  color: #484843;
}
.internal-hero-spiral {
  position: absolute;
  width: min(66vw, 960px);
  right: -16vw;
  top: 4vh;
  opacity: .10;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  transform: rotate(var(--scroll-rot,0deg));
  transform-origin: 50% 50%;
  pointer-events: none;
}
.list-hero-number {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  z-index: 2;
}
.list-hero-number span {
  font-family: var(--display);
  font-weight: 900;
  font-size: clamp(180px, 23vw, 350px);
  line-height: .72;
  letter-spacing: -.06em;
}
.list-hero-number small {
  margin-top: 38px;
  font-family: var(--sans);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 10px;
  color: #6d6d67;
}

/* legend */
.list-legend { padding: var(--pad-y) 0; overflow: hidden; }
.legend-intro {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 70px;
  align-items: start;
  margin-bottom: 72px;
}
.legend-intro h2 { color: white; max-width: 900px; }
.legend-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border-top: 1px solid var(--white-line);
  border-left: 1px solid var(--white-line);
}
.legend-grid > div {
  min-height: 260px;
  padding: 30px;
  border-right: 1px solid var(--white-line);
  border-bottom: 1px solid var(--white-line);
}
.legend-grid span {
  font: 10px/1 var(--sans);
  letter-spacing: .14em;
  opacity: .38;
}
.legend-grid strong {
  display: block;
  margin: 94px 0 13px;
  font-family: var(--display);
  font-size: clamp(28px, 2.5vw, 41px);
  line-height: .98;
}
.legend-grid p {
  max-width: 360px;
  margin: 0;
  color: rgba(255,255,255,.56);
  line-height: 1.48;
}
.legend-links {
  display: flex;
  gap: 26px;
  flex-wrap: wrap;
  margin-top: 42px;
}

/* tools */
.list-tools {
  position: sticky;
  top: 72px;
  z-index: 20;
  border-bottom: 1px solid var(--line);
}
.tools-inner {
  min-height: 96px;
  display: grid;
  grid-template-columns: minmax(280px,1fr) auto auto;
  gap: 34px;
  align-items: center;
}
.name-search {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 22px;
  align-items: center;
  font: 10px/1 var(--sans);
  text-transform: uppercase;
  letter-spacing: .12em;
}
.name-search input {
  min-width: 0;
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.28);
  background: transparent;
  border-radius: 0;
  padding: 10px 0 9px;
  outline: none;
  color: var(--ink);
  font: 17px/1.2 var(--body);
}
.name-search input:focus { border-color: var(--ink); }
.range-nav {
  display: flex;
  gap: 7px;
  font: 10px/1 var(--sans);
}
.range-nav a {
  padding: 10px 11px;
  border: 1px solid rgba(0,0,0,.16);
}
.range-nav a:hover { background: var(--ink); color: white; }
.results-count {
  font: 10px/1 var(--sans);
  text-transform: uppercase;
  letter-spacing: .1em;
  white-space: nowrap;
}
.results-count strong {
  font-family: var(--display);
  font-size: 25px;
  margin-right: 5px;
}

/* list ranges */
.names-range {
  padding: clamp(92px, 8vw, 140px) 0;
  scroll-margin-top: 165px;
}
.range-header {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  align-items: end;
  gap: 50px;
  margin-bottom: 54px;
}
.range-header h2 { font-size: clamp(52px, 5.5vw, 88px); }
.range-giant {
  font-family: var(--display);
  font-weight: 900;
  font-size: clamp(70px, 8vw, 126px);
  line-height: .75;
  color: rgba(0,0,0,.13);
  letter-spacing: -.055em;
}
.complete-name-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.list-name-card {
  min-width: 0;
  min-height: 390px;
  padding: 24px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  background: transparent;
  color: inherit;
  position: relative;
  overflow: hidden;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}
.list-name-card[hidden] { display: none !important; }
.list-card-top {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  font: 9px/1 var(--sans);
  text-transform: uppercase;
  letter-spacing: .11em;
  opacity: .54;
}
.list-hebrew {
  margin: 55px 0 auto;
  font-family: var(--hebrew);
  font-size: clamp(67px, 6vw, 98px);
  line-height: .85;
}
.list-card-bottom { padding-top: 40px; }
.list-card-bottom > strong {
  display: block;
  font: 700 12px/1.2 var(--sans);
}
.focus-label {
  display: block;
  margin-top: 28px;
  font: 9px/1 var(--sans);
  text-transform: uppercase;
  letter-spacing: .13em;
  opacity: .44;
}
.list-card-bottom h3 {
  margin-top: 10px;
  font-family: var(--display);
  font-size: clamp(27px, 2.4vw, 39px);
  line-height: .98;
  letter-spacing: -.03em;
}
.list-card-explore {
  display: inline-block;
  margin-top: 28px;
  font: 9px/1 var(--sans);
  text-transform: uppercase;
  letter-spacing: .11em;
  opacity: .55;
}
.list-name-card.is-linked::before {
  content: "";
  position: absolute;
  width: 48px;
  height: 2px;
  right: 0;
  top: 22px;
  background: var(--crimson);
}
.list-name-card.is-linked:hover {
  background: var(--ink);
  color: white;
  transform: translateY(-2px);
}
.list-name-card.is-linked:hover .list-card-explore { opacity: 1; }
.list-name-card.is-linked:hover .focus-label,
.list-name-card.is-linked:hover .list-card-top { opacity: .7; }

/* note */
.list-note { padding: var(--pad-y) 0; }
.note-grid {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: clamp(70px,9vw,150px);
  align-items: start;
}
.note-copy {
  max-width: 690px;
  font-size: 20px;
  line-height: 1.62;
  color: #4b4b46;
}
.note-copy p:first-child { margin-top: 6px; }
.note-copy .text-link { margin-top: 17px; }

/* next */
.internal-next {
  min-height: 88vh;
  display: grid;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.internal-next-spiral {
  position: absolute;
  width: min(75vw,950px);
  left: -18vw;
  top: 50%;
  opacity: .13;
  transform: translateY(-50%) rotate(var(--scroll-rot,0deg));
  pointer-events: none;
}
.next-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 90px;
  align-items: end;
  padding: 110px 0;
}
.next-grid h2 { color: white; }
.next-links {
  display: grid;
  border-top: 1px solid var(--white-line);
}
.next-links a {
  padding: 24px 0;
  border-bottom: 1px solid var(--white-line);
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 20px;
  align-items: baseline;
}
.next-links span {
  font: 9px/1 var(--sans);
  text-transform: uppercase;
  letter-spacing: .12em;
  opacity: .42;
}
.next-links strong {
  font-family: var(--display);
  font-size: clamp(26px,2.5vw,39px);
  line-height: 1;
}
.next-links a:hover strong { opacity: .6; }

.empty-state {
  display: none;
  padding: 80px 0 20px;
  font-family: var(--display);
  font-size: 40px;
}
.empty-state.is-visible { display: block; }

@media (max-width: 1100px) {
  .internal-hero-grid,
  .legend-intro,
  .note-grid,
  .next-grid { grid-template-columns: 1fr; }
  .internal-hero-grid { padding-top: 90px; }
  .list-hero-number { align-items: flex-start; }
  .list-hero-number span { font-size: min(42vw,310px); }
  .legend-grid { grid-template-columns: 1fr; }
  .legend-grid > div { min-height: 220px; }
  .legend-grid strong { margin-top: 65px; }
  .tools-inner {
    grid-template-columns: 1fr auto;
    padding: 18px 0;
  }
  .name-search { grid-column: 1 / -1; }
  .complete-name-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .range-header { grid-template-columns: .7fr 1.3fr; }
  .next-grid { gap: 65px; }
}

@media (max-width: 720px) {
  .breadcrumb { padding-top: 88px; }
  .internal-hero { min-height: auto; }
  .internal-hero-grid { min-height: auto; padding: 58px 0 90px; gap: 58px; }
  .internal-hero h1 { font-size: clamp(59px,17.2vw,88px); max-width: 100%; }
  .internal-deck { font-size: 19px; margin-top: 30px; }
  .internal-hero-spiral { width: 135vw; max-width: none; right: -72vw; top: 23vh; }
  .list-hero-number span { font-size: min(48vw,180px); }
  .list-hero-number small { margin-top: 18px; }

  .list-tools { top: 64px; }
  .tools-inner { grid-template-columns: 1fr; gap: 12px; padding: 14px 0 13px; }
  .name-search { grid-template-columns: 1fr; gap: 7px; }
  .name-search input { font-size: 16px; }
  .range-nav {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 1px;
  }
  .range-nav::-webkit-scrollbar { display: none; }
  .range-nav a { flex: 0 0 auto; }
  .results-count { display: none; }

  .names-range { scroll-margin-top: 186px; }
  .range-header { grid-template-columns: 1fr; gap: 29px; }
  .range-giant { font-size: 76px; }
  .range-header h2 { font-size: 54px; }
  .complete-name-grid { grid-template-columns: 1fr; }
  .list-name-card { min-height: 330px; }
  .list-hebrew { margin-top: 42px; font-size: 88px; }
  .list-card-bottom h3 { font-size: 35px; }

  .next-links a { grid-template-columns: 1fr; gap: 9px; }
  .internal-next-spiral { width: 155vw; max-width: none; left: -82vw; }
}


/* ==========================================================
   SITE-WIDE INTERNAL CONTENT SYSTEM — 100 URL BUILD
   ========================================================== */
.article-hero{min-height:92vh;position:relative;overflow:hidden}.article-hero-grid{min-height:calc(92vh - 110px);padding:72px 0 90px;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(60px,8vw,130px);align-items:center}.article-hero-grid>*{min-width:0}.article-hero-copy{position:relative;z-index:2}.article-hero h1,.featured-name-hero h1,.lean-name-hero h1,.lean-guide-hero h1{margin:0;font-family:var(--display);font-weight:900;letter-spacing:-.045em;line-height:.91}.article-hero h1{font-size:clamp(72px,8.5vw,138px)}.answer-first{font-size:clamp(20px,1.7vw,27px);line-height:1.5;color:#3e3e39;max-width:760px;margin:38px 0 0}.article-hero-visual{margin:0;height:min(70vh,760px);overflow:hidden;background:#ececea;position:relative}.article-hero-visual img{width:100%;height:100%;object-fit:cover}.article-section{padding:clamp(100px,9vw,160px) 0}.article-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(70px,9vw,150px);align-items:start}.article-grid>*{min-width:0}.article-grid h2{font-size:clamp(54px,5.7vw,91px)}.article-copy{font-size:19px;line-height:1.63;color:#494944;max-width:760px}.article-copy .direct-answer{font-size:clamp(21px,1.65vw,27px);line-height:1.53;color:inherit;margin-top:0}.article-copy a{border-bottom:1px solid rgba(0,0,0,.3)}.section-black .article-copy{color:rgba(255,255,255,.74)}.section-black .article-grid h2{color:#fff}.section-black .article-copy a{border-color:rgba(255,255,255,.4)}.inline-hebrew{font-family:var(--hebrew);font-size:1.35em;white-space:nowrap}.fact-callout{border-top:1px solid currentColor;margin:42px 0 0;padding:20px 0 0;opacity:.9}.fact-callout span{font:9px/1 var(--sans);text-transform:uppercase;letter-spacing:.13em;opacity:.55}.fact-callout p{font-family:var(--display);font-size:clamp(28px,2.5vw,40px);line-height:1.03;margin:16px 0 0;letter-spacing:-.02em}.layer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:40px}.layer-list>div{padding:22px;min-height:160px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.layer-list b{font:10px/1 var(--sans);opacity:.4}.layer-list strong{display:block;font-family:var(--display);font-size:27px;margin-top:35px}.layer-list p{font-size:15px;line-height:1.4;margin:10px 0 0}.direction-demo{margin:40px 0 0;border-top:1px solid currentColor}.direction-demo>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid currentColor;font-family:var(--sans);font-size:13px}.triplet-demo{width:240px;aspect-ratio:1;border:1px solid var(--line);display:grid;place-items:center;align-content:center;gap:14px;margin-top:40px}.triplet-demo span{font-family:var(--hebrew);font-size:78px}.triplet-demo small{font:10px/1 var(--sans)}.compare-table{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:40px}.compare-table>div{min-height:190px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.compare-table b{display:block;font-family:var(--display);font-size:35px}.compare-table span{display:block;margin-top:60px;font:12px/1.4 var(--sans);opacity:.6}.number-equation{display:flex;align-items:baseline;gap:20px;margin-top:45px;font-family:var(--display)}.number-equation b{font-size:70px}.number-equation span{font-size:30px;opacity:.45}.clean-steps{list-style:none;padding:0;margin:42px 0 0;border-top:1px solid var(--line)}.clean-steps li{display:grid;grid-template-columns:120px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.clean-steps b{font-family:var(--display);font-size:25px}.clean-steps span{font-size:16px}.source-strip{padding:110px 0}.source-strip-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.source-strip h2{font-size:clamp(48px,5vw,78px)}.source-strip ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.source-strip li{padding:22px 0;border-bottom:1px solid var(--line)}.source-strip li>a{font:700 13px/1.3 var(--sans)}.source-strip li p{margin:8px 0 0;font-size:15px;line-height:1.45;color:#65655f}.page-faq{padding:var(--pad-y) 0}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(70px,9vw,150px);align-items:start}.faq-intro{position:sticky;top:14vh}.faq-intro h2{font-size:clamp(54px,5.4vw,85px)}.book-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.book-stat-grid>div{padding:20px;min-height:140px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.book-stat-grid b{font-family:var(--display);font-size:45px}.book-stat-grid span{font:11px/1.2 var(--sans)}.book-preview-section{padding:var(--pad-y) 0}.book-preview-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.book-preview-head h2{color:white}.book-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:center}.book-preview-grid figure{margin:0;overflow:hidden;background:#111}.book-preview-grid img{width:100%;height:auto}.purchase-section{padding:var(--pad-y) 0}.purchase-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.purchase-copy{font-size:20px;line-height:1.6;max-width:650px}.pending-button{display:inline-flex;margin-top:28px;border:1px solid var(--ink);padding:15px 18px;font:10px/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;opacity:.55}.source-library,.focus-hub,.all-names-hub{padding:var(--pad-y) 0}.source-library-head{max-width:850px;margin-bottom:65px}.source-library-head h2{font-size:clamp(54px,6vw,92px)}.source-library-head>p:not(.eyebrow){font-size:20px;line-height:1.55;max-width:690px;color:#55554f}.source-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.source-card{min-height:310px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.source-card>span{font:9px/1 var(--sans);opacity:.4}.source-card h3{font-size:31px;margin-top:70px}.source-card p{font-size:15px;line-height:1.5;color:#5c5c56}.source-card a{font:10px/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--line)}.focus-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.focus-card{min-height:330px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.focus-card>span{font:9px/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;opacity:.45}.focus-card h3{font-size:38px;margin-top:60px}.focus-card p{font-size:15px;line-height:1.45;color:#5a5a55}.focus-card b{margin-top:auto;font:10px/1 var(--sans);text-transform:uppercase;letter-spacing:.1em}.focus-card:hover{background:var(--ink);color:#fff}.focus-card:hover p{color:rgba(255,255,255,.6)}.hub-name-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.hub-name{min-height:150px;padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.hub-name>span{font:9px/1 var(--sans);opacity:.45}.hub-name strong{font-family:var(--hebrew);font-size:42px;margin:auto 0 15px}.hub-name small{font:8px/1.2 var(--sans);opacity:.55}.hub-name:hover{background:var(--ink);color:#fff}.hub-list-cta{margin-top:40px}.featured-name-hero{min-height:100vh;overflow:hidden}.featured-name-grid{min-height:calc(100vh - 110px);padding:65px 0 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.featured-name-copy h1{font-size:clamp(65px,7.1vw,112px);margin-top:35px}.featured-hebrew,.lean-hebrew,.meditation-hebrew{font-family:var(--hebrew);direction:rtl}.featured-hebrew{font-size:clamp(120px,14vw,220px);line-height:.8}.letter-names{font:12px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.11em;margin:25px 0 0}.featured-name-visual{height:min(72vh,760px);margin:0;overflow:hidden;background:#eee}.featured-name-visual img{width:100%;height:100%;object-fit:cover}.lean-name-hero{padding-bottom:95px}.lean-name-grid{padding:70px 0 10px;display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(70px,9vw,150px);align-items:end}.lean-name-grid>*{min-width:0}.lean-hebrew{font-size:clamp(135px,16vw,245px);line-height:.72}.lean-name-hero h1{font-size:clamp(62px,7vw,105px)}.meditation-section{padding:var(--pad-y) 0}.meditation-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:center}.meditation-hebrew{font-size:clamp(130px,16vw,240px);color:white}.meditation-grid blockquote{margin:0;color:white;font-family:var(--display);font-size:clamp(31px,3.2vw,49px);line-height:1.13;letter-spacing:-.025em}.safety-note{width:min(var(--shell),900px);margin:55px auto;padding:25px;border:1px solid var(--crimson);background:#fff}.safety-note strong{font:10px/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--crimson)}.safety-note p{font-size:16px;line-height:1.5;margin:12px 0 0}.related-focus{padding:100px 0}.related-focus-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.related-focus-grid h2{font-size:clamp(52px,5vw,80px)}.related-focus-links{display:grid;border-top:1px solid var(--line)}.related-focus-links a{padding:20px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:32px}.related-names{padding:var(--pad-y) 0}.related-name-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.related-name-card{min-height:300px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.related-name-card>span{font:9px/1 var(--sans);opacity:.45}.related-name-card>strong{font-family:var(--hebrew);font-size:70px;margin:40px 0 auto}.related-name-card h3{font-size:32px;margin:25px 0 12px}.related-name-card small{font:10px/1.2 var(--sans);opacity:.5}.related-name-card:hover{background:var(--ink);color:#fff}.name-prev-next{padding:34px 0}.prev-next-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.prev-next-grid>a{display:flex;flex-direction:column;gap:8px}.prev-next-grid>a:last-child{text-align:right}.prev-next-grid span{font:8px/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;opacity:.45}.prev-next-grid strong{font-family:var(--display);font-size:25px;color:#fff}.all-names-link{text-align:center!important}.lean-guide-hero{padding-bottom:95px}.lean-guide-grid{padding:75px 0 20px;display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.lean-guide-hero h1{font-size:clamp(64px,7.7vw,122px)}.guide-count{display:flex;flex-direction:column;align-items:flex-end}.guide-count strong{font-family:var(--display);font-size:clamp(135px,16vw,240px);line-height:.75}.guide-count span{font:9px/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;margin-top:30px}.guide-list{padding:90px 0 var(--pad-y)}.guide-name-list{border-top:1px solid var(--line)}.guide-name-card{display:grid;grid-template-columns:65px 135px 1fr;gap:35px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}.guide-name-card>span{font:10px/1 var(--sans);opacity:.45;padding-top:9px}.guide-name-card>strong{font-family:var(--hebrew);font-size:68px;line-height:.8}.guide-name-card small{font:10px/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;opacity:.48}.guide-name-card h2{font-size:clamp(35px,3.5vw,54px);margin:10px 0 13px}.guide-name-card p{font-size:16px;line-height:1.5;color:#55554f;max-width:760px;margin:0}.guide-name-card:hover h2{opacity:.55}.guide-safety{margin-top:0;margin-bottom:80px}.footer-bottom{display:flex;justify-content:space-between;gap:20px}
@media(max-width:1100px){.article-hero-grid,.article-grid,.source-strip-grid,.faq-grid,.purchase-grid,.featured-name-grid,.lean-name-grid,.meditation-grid,.related-focus-grid,.lean-guide-grid{grid-template-columns:1fr}.article-hero-visual{height:62vh}.faq-intro{position:relative;top:auto}.source-card-grid,.focus-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-name-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.featured-name-visual{height:65vh}.guide-count{align-items:flex-start}.guide-count strong{font-size:180px}.book-preview-grid{grid-template-columns:1fr 1fr}.related-name-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.article-hero{min-height:auto}.article-hero-grid{min-height:auto;padding:55px 0 85px;gap:50px}.article-hero h1{font-size:clamp(56px,16vw,82px)}.article-hero-visual{height:52vh}.article-grid h2{font-size:52px}.answer-first{font-size:18px}.article-copy .direct-answer{font-size:19px}.layer-list,.compare-table{grid-template-columns:1fr}.clean-steps li{grid-template-columns:1fr;gap:8px}.source-card-grid,.focus-card-grid{grid-template-columns:1fr}.hub-name-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-name{min-height:135px}.hub-name strong{font-size:38px}.featured-name-grid{padding-top:45px}.featured-hebrew{font-size:145px}.featured-name-copy h1{font-size:58px}.featured-name-visual{height:52vh}.lean-name-grid{padding-top:55px;gap:50px}.lean-hebrew{font-size:145px}.lean-name-hero h1{font-size:56px}.meditation-hebrew{font-size:135px}.meditation-grid blockquote{font-size:31px}.related-name-grid{grid-template-columns:1fr}.prev-next-grid{grid-template-columns:1fr 1fr}.all-names-link{display:none!important}.lean-guide-grid{padding-top:55px}.lean-guide-hero h1{font-size:56px}.guide-count strong{font-size:130px}.guide-name-card{grid-template-columns:45px 90px 1fr;gap:15px}.guide-name-card>strong{font-size:48px}.guide-name-card h2{font-size:31px}.book-preview-grid{grid-template-columns:1fr}.book-stat-grid{grid-template-columns:1fr}.footer-bottom{display:grid}.source-strip{padding:85px 0}}


/* =========================================
   V3.7 — BLOCK 1 INTERNAL PAGE SCALE
   Keeps the approved Home exceptions untouched.
========================================= */
.internal-hero h1{
  font-size:clamp(56px,6.7vw,104px);
}
.article-hero h1{
  font-size:clamp(54px,6.2vw,98px);
}
.featured-name-copy h1{
  font-size:clamp(52px,5.8vw,90px);
}
.lean-name-hero h1{
  font-size:clamp(50px,5.8vw,88px);
}
.lean-guide-hero h1{
  font-size:clamp(50px,6vw,92px);
}
.article-grid h2{
  font-size:clamp(40px,4.25vw,66px);
}
.range-header h2{
  font-size:clamp(40px,4.2vw,66px);
}
.faq-intro h2{
  font-size:clamp(40px,4.15vw,64px);
}
.source-strip h2{
  font-size:clamp(38px,3.9vw,60px);
}
.source-library-head h2{
  font-size:clamp(40px,4.3vw,66px);
}
.related-focus-grid h2{
  font-size:clamp(40px,4.15vw,64px);
}
.guide-name-card h2{
  font-size:clamp(30px,2.8vw,45px);
}

/* Ensure internal page families using --pad-y never collapse to zero padding. */
.page-faq,
.meditation-section,
.related-names,
.book-preview-section,
.purchase-section,
.source-library,
.focus-hub,
.all-names-hub,
.list-legend,
.list-note{
  padding-top:var(--pad-y);
  padding-bottom:var(--pad-y);
}

@media(max-width:720px){
  .internal-hero h1,
  .article-hero h1{
    font-size:clamp(48px,13vw,62px);
  }
  .featured-name-copy h1,
  .lean-name-hero h1,
  .lean-guide-hero h1{
    font-size:clamp(46px,12.5vw,58px);
  }
  .article-grid h2,
  .range-header h2,
  .faq-intro h2,
  .source-strip h2,
  .source-library-head h2,
  .related-focus-grid h2{
    font-size:clamp(36px,10.4vw,46px);
  }
  .guide-name-card h2{
    font-size:clamp(28px,8.3vw,38px);
  }
}


/* ==========================================================
   V3.9 — INTERNAL AMBIENT VISUAL LAYER
   Decorative only: approved archive assets, low contrast,
   no content obstruction, no Home/footer changes.
   ========================================================== */
.internal-page .ambient-visual{
  position:relative;
  isolation:isolate;
  overflow:clip;
}
.internal-page .ambient-visual > .page-shell,
.internal-page .ambient-visual > .internal-shell,
.internal-page .ambient-visual > *:not(.ambient-layer){
  position:relative;
  z-index:2;
}
.internal-page .ambient-visual::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:0;
  filter:blur(9px);
  transform:translate3d(0,var(--ambient-y,0px),0) rotate(var(--ambient-rot,0deg));
  will-change:transform;
}

/* x-ray botanical — right / airy */
.internal-page .ambient-xray::after{
  width:min(48vw,720px);
  aspect-ratio:1/1.15;
  right:-8vw;
  top:50%;
  margin-top:-24vw;
  background-image:url('/assets/images/72-names-of-god-xray-flower.webp');
  opacity:.105;
  mix-blend-mode:multiply;
}

/* organic petal lines — left / quieter */
.internal-page .ambient-petal::after{
  width:min(50vw,760px);
  aspect-ratio:1/1.1;
  left:-11vw;
  top:14%;
  background-image:url('/assets/images/72-names-of-god-organic-petal-lines.webp');
  opacity:.09;
  filter:blur(11px);
  mix-blend-mode:multiply;
}

/* mathematical organic mesh — right */
.internal-page .ambient-mesh::after{
  width:min(52vw,780px);
  aspect-ratio:1;
  right:-13vw;
  top:8%;
  background-image:url('/assets/images/72-names-of-god-organic-mesh-flower.webp');
  opacity:.075;
  filter:blur(12px);
  mix-blend-mode:multiply;
}

/* radial geometry — left / thin */
.internal-page .ambient-radial::after{
  width:min(45vw,680px);
  aspect-ratio:1;
  left:-10vw;
  top:18%;
  background-image:url('/assets/images/72-names-of-god-radial-form.webp');
  opacity:.07;
  filter:blur(7px);
  mix-blend-mode:multiply;
}

/* black sections: keep the visual ghost-like rather than muddy */
.internal-page .section-black.ambient-visual::after{
  mix-blend-mode:screen;
  opacity:.075;
  filter:blur(13px);
}

/* Individual Name pages: keep the meditation itself clean. */
.name-page .meditation-section.ambient-visual::after{display:none}

/* Guides use a slightly more architectural scale. */
.lean-guide-page .guide-list.ambient-visual::after{
  width:min(58vw,860px);
  opacity:.065;
}

/* Sources / methodology need more restraint. */
.top-content-page.sources-page .ambient-visual::after,
body:has(.source-library) .ambient-visual::after{
  opacity:.06;
}

@media(max-width:1100px){
  .internal-page .ambient-xray::after,
  .internal-page .ambient-petal::after,
  .internal-page .ambient-mesh::after,
  .internal-page .ambient-radial::after{
    width:min(72vw,680px);
  }
  .internal-page .ambient-xray::after,
  .internal-page .ambient-mesh::after{right:-30vw}
  .internal-page .ambient-petal::after,
  .internal-page .ambient-radial::after{left:-30vw}
}

@media(max-width:720px){
  .internal-page .ambient-visual::after{
    width:92vw;
    opacity:.055;
    filter:blur(13px);
  }
  .internal-page .ambient-xray::after,
  .internal-page .ambient-mesh::after{right:-48vw}
  .internal-page .ambient-petal::after,
  .internal-page .ambient-radial::after{left:-48vw}
}

@media(prefers-reduced-motion:reduce){
  .internal-page .ambient-visual::after{
    transform:none!important;
    will-change:auto;
  }
}


/* ==========================================================
   V4.1 — BOOK: PHYSICAL + DIGITAL EDITIONS
   Phone-first digital edition concept; no new image assets.
   ========================================================== */
.digital-edition-section{
  padding:clamp(110px,10vw,180px) 0;
  position:relative;
  overflow:hidden;
}
.digital-edition-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:clamp(70px,9vw,150px);
  align-items:center;
}
.digital-edition-copy{position:relative;z-index:2;min-width:0}
.digital-edition-copy h2{
  color:#fff;
  font-size:clamp(66px,7.2vw,116px);
  line-height:.89;
}
.digital-lead{
  margin:38px 0 0;
  max-width:690px;
  font-size:clamp(19px,1.55vw,25px);
  line-height:1.55;
  color:rgba(255,255,255,.68);
}
.digital-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.18);
  border-left:1px solid rgba(255,255,255,.18);
  margin-top:58px;
}
.digital-feature-grid>div{
  min-height:190px;
  padding:22px;
  border-right:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.18);
}
.digital-feature-grid span{
  display:block;
  font:9px/1 var(--sans);
  letter-spacing:.12em;
  opacity:.38;
}
.digital-feature-grid strong{
  display:block;
  margin-top:48px;
  font-family:var(--display);
  font-size:30px;
  line-height:1;
}
.digital-feature-grid p{
  margin:12px 0 0;
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,.55);
}
.digital-phone-stage{
  min-height:760px;
  display:grid;
  place-items:center;
  align-content:center;
  position:relative;
}
.digital-phone-stage:before{
  content:"";
  position:absolute;
  width:min(48vw,650px);
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
}
.digital-phone{
  position:relative;
  z-index:2;
  width:min(27vw,350px);
  aspect-ratio:9/19.5;
  padding:8px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:42px;
  background:#111;
  box-shadow:0 35px 90px rgba(0,0,0,.32);
  transform:rotate(2.5deg);
}
.digital-phone-screen{
  height:100%;
  border-radius:34px;
  background:#f3f3ef;
  color:#090909;
  padding:26px 22px 20px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.digital-phone-top{
  display:flex;
  justify-content:space-between;
  font:7px/1 var(--sans);
  letter-spacing:.12em;
  opacity:.55;
}
.digital-phone-name{
  margin-top:70px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.digital-phone-kicker{
  font:7px/1 var(--sans);
  letter-spacing:.14em;
  opacity:.45;
}
.digital-phone-hebrew{
  display:block;
  margin-top:30px;
  font-family:var(--hebrew);
  font-size:82px;
  line-height:.8;
}
.digital-phone-name small{
  margin-top:20px;
  font:8px/1 var(--sans);
  letter-spacing:.08em;
  opacity:.45;
}
.digital-phone-name h3{
  margin:24px 0 0;
  max-width:250px;
  font-size:35px;
  line-height:.96;
}
.digital-phone-meditation{
  margin:44px auto 0;
  max-width:250px;
  font-family:var(--body);
  font-size:14px;
  line-height:1.55;
  text-align:center;
  color:#474741;
}
.digital-phone-bottom{
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  align-items:center;
  gap:14px;
  font:7px/1 var(--sans);
  text-transform:uppercase;
  letter-spacing:.1em;
  opacity:.55;
}
.digital-phone-bottom span:last-child{text-align:right}
.digital-phone-bottom i{display:block;height:1px;background:currentColor;opacity:.35}
.digital-phone-caption{
  position:relative;
  z-index:2;
  margin:28px 0 0;
  font:8px/1 var(--sans);
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(255,255,255,.45);
}
.edition-choice{display:grid;gap:65px}
.edition-choice-head{max-width:900px}
.edition-choice-head h2{font-size:clamp(58px,6.2vw,98px)}
.edition-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.edition-card{
  min-height:500px;
  padding:32px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:flex;
  flex-direction:column;
  position:relative;
}
.edition-index{font:9px/1 var(--sans);opacity:.38}
.edition-label{
  margin:72px 0 0;
  font:10px/1 var(--sans);
  text-transform:uppercase;
  letter-spacing:.12em;
  opacity:.55;
}
.edition-card h3{
  margin:18px 0 0;
  font-size:clamp(44px,4vw,64px);
  line-height:.94;
}
.edition-card>p:not(.edition-label){
  max-width:520px;
  margin:26px 0 0;
  font-size:18px;
  line-height:1.55;
  color:#55554f;
}
.edition-card-digital{
  background:var(--black);
  color:#fff;
}
.edition-card-digital>p:not(.edition-label){color:rgba(255,255,255,.61)}
.edition-meta{
  display:flex;
  gap:10px 24px;
  flex-wrap:wrap;
  margin-top:auto;
  padding-top:55px;
  font:9px/1 var(--sans);
  text-transform:uppercase;
  letter-spacing:.1em;
  opacity:.45;
}
.edition-card-digital .pending-button{
  color:#fff;
  border-color:rgba(255,255,255,.45);
}

@media(max-width:1100px){
  .digital-edition-grid{grid-template-columns:1fr}
  .digital-phone-stage{min-height:690px}
  .digital-phone{width:min(44vw,350px)}
}
@media(max-width:720px){
  .digital-edition-section{padding:100px 0}
  .digital-edition-copy h2{font-size:clamp(54px,15vw,74px)}
  .digital-feature-grid{grid-template-columns:1fr}
  .digital-feature-grid>div{min-height:150px}
  .digital-feature-grid strong{margin-top:30px}
  .digital-phone-stage{min-height:610px}
  .digital-phone-stage:before{width:115vw}
  .digital-phone{width:min(78vw,330px);transform:rotate(1.5deg)}
  .digital-phone-name{margin-top:55px}
  .digital-phone-hebrew{font-size:72px}
  .digital-phone-name h3{font-size:31px}
  .edition-card-grid{grid-template-columns:1fr}
  .edition-card{min-height:430px;padding:25px}
  .edition-label{margin-top:52px}
  .edition-card h3{font-size:43px}
}


/* ==========================================================
   V4.4 — PRIORITY INTERNAL BACKGROUND SYSTEM
   No inserted image blocks. Existing sections keep their layout;
   approved archive visuals live underneath as subtle backgrounds.
   Home intentionally untouched.
   ========================================================== */

/* Internal typography: editorial, not billboard. */
.internal-page .internal-hero h1{font-size:clamp(44px,5.15vw,78px);line-height:.94;letter-spacing:-.035em}
.internal-page .article-hero h1{font-size:clamp(46px,5.25vw,82px);line-height:.94;letter-spacing:-.035em}
.internal-page .featured-name-copy h1{font-size:clamp(44px,5vw,76px);line-height:.95}
.internal-page .lean-name-hero h1{font-size:clamp(43px,4.9vw,74px);line-height:.95}
.internal-page .lean-guide-hero h1{font-size:clamp(44px,5.1vw,78px);line-height:.95}
.internal-page .article-grid h2,
.internal-page .range-header h2,
.internal-page .faq-intro h2,
.internal-page .source-library-head h2,
.internal-page .related-focus-grid h2{font-size:clamp(34px,3.35vw,52px);line-height:.98;letter-spacing:-.025em}
.internal-page .source-strip h2{font-size:clamp(32px,3.1vw,48px);line-height:1}
.internal-page .guide-name-card h2{font-size:clamp(28px,2.35vw,39px);line-height:1}
.internal-page .digital-edition-copy h2{font-size:clamp(46px,5.2vw,78px);line-height:.94}
.internal-page .edition-choice-head h2{font-size:clamp(44px,4.9vw,74px);line-height:.95}
.internal-page .meditation-grid blockquote{font-size:clamp(28px,2.7vw,42px)}

/* Keep long reading pages composed, without inserting new sections. */
.editorial-priority .article-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(55px,7vw,110px)}
.editorial-priority .article-copy{max-width:700px}
.editorial-priority .article-section{padding-top:clamp(92px,8vw,138px);padding-bottom:clamp(92px,8vw,138px)}

/* Backgrounds fade into the section instead of reading as images. */
.editorial-priority .priority-ambient{
  position:relative;
  isolation:isolate;
  overflow:clip;
}
.editorial-priority .priority-ambient > *{
  position:relative;
  z-index:2;
}
.editorial-priority .priority-ambient::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(66vw,980px);
  aspect-ratio:1;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.075;
  filter:grayscale(1) blur(6px) contrast(.92);
  mix-blend-mode:multiply;
  transform:translate3d(0,var(--priority-ambient-y,0px),0) rotate(var(--priority-ambient-r,0deg));
  transform-origin:center;
  will-change:transform;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 34%,rgba(0,0,0,.86) 54%,rgba(0,0,0,.3) 75%,transparent 92%);
  mask-image:radial-gradient(ellipse at center,#000 34%,rgba(0,0,0,.86) 54%,rgba(0,0,0,.3) 75%,transparent 92%);
}
.editorial-priority .priority-ambient.ambient-right::after{right:-18vw;top:4%}
.editorial-priority .priority-ambient.ambient-left::after{left:-20vw;top:8%}
.editorial-priority .priority-ambient.ambient-center::after{left:50%;top:50%;transform:translate3d(-50%,calc(-50% + var(--priority-ambient-y,0px)),0) rotate(var(--priority-ambient-r,0deg));width:min(58vw,850px)}

/* Existing white sections: quiet graphite / translucent forms. */
.editorial-priority .section-white.priority-ambient::after{opacity:.072}
/* Existing mist/grey sections can carry slightly more visual information. */
.editorial-priority .section-mist.priority-ambient::after{opacity:.095;filter:grayscale(1) blur(7px) contrast(.9)}
/* Existing black sections: ghost image in light, still subordinate to copy. */
.editorial-priority .section-black.priority-ambient::after{
  opacity:.085;
  mix-blend-mode:screen;
  filter:grayscale(1) blur(7px) brightness(1.15) contrast(.9);
}

/* Archive families. No literal page illustration. */
.editorial-priority .ambient-bg-xray::after{background-image:url('/assets/images/72-names-of-god-xray-flower.webp')}
.editorial-priority .ambient-bg-petal::after{background-image:url('/assets/images/72-names-of-god-organic-petal-lines.webp');width:min(72vw,1080px)}
.editorial-priority .ambient-bg-mesh::after{background-image:url('/assets/images/72-names-of-god-organic-mesh-flower.webp');width:min(70vw,1040px)}
.editorial-priority .ambient-bg-radial::after{background-image:url('/assets/images/72-names-of-god-radial-form.webp');opacity:.06}
.editorial-priority .ambient-bg-flower::after{background-image:url('/assets/images/72-names-of-god-flower-of-life.webp');opacity:.052;filter:grayscale(1) blur(4px) contrast(.86)}
.editorial-priority .ambient-bg-spiral::after{background-image:url('/assets/images/72-names-of-god-hebrew-spiral-black.webp');opacity:.05;filter:grayscale(1) blur(4px) contrast(.82)}
.editorial-priority .section-black.ambient-bg-spiral::after{background-image:url('/assets/images/72-names-of-god-hebrew-spiral-white.webp');opacity:.065}
.editorial-priority .ambient-bg-figure::after{
  background-image:url('/assets/images/72-names-of-god-figure-geometric-flower.webp');
  width:min(48vw,700px);
  opacity:.052;
  filter:grayscale(1) blur(8px) contrast(.88);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 74%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 74%,transparent 100%);
}
.editorial-priority .section-black.ambient-bg-figure::after{opacity:.06}

/* Never compete with meditation or dense utility/search areas. */
.editorial-priority .meditation-section.priority-ambient::after,
.editorial-priority .list-tools.priority-ambient::after,
.editorial-priority .purchase-section.priority-ambient::after{display:none}

@media(max-width:900px){
  .editorial-priority .article-grid{grid-template-columns:1fr;gap:42px}
  .editorial-priority .priority-ambient::after{width:min(86vw,760px)}
  .editorial-priority .priority-ambient.ambient-right::after{right:-38vw}
  .editorial-priority .priority-ambient.ambient-left::after{left:-38vw}
}

@media(max-width:720px){
  .internal-page .internal-hero h1,
  .internal-page .article-hero h1{font-size:clamp(41px,11.5vw,52px)}
  .internal-page .featured-name-copy h1,
  .internal-page .lean-name-hero h1,
  .internal-page .lean-guide-hero h1{font-size:clamp(40px,11vw,50px)}
  .internal-page .article-grid h2,
  .internal-page .range-header h2,
  .internal-page .faq-intro h2,
  .internal-page .source-strip h2,
  .internal-page .source-library-head h2,
  .internal-page .related-focus-grid h2{font-size:clamp(31px,8.8vw,40px)}
  .internal-page .guide-name-card h2{font-size:clamp(27px,7.8vw,35px)}
  .internal-page .digital-edition-copy h2,
  .internal-page .edition-choice-head h2{font-size:clamp(38px,10.5vw,50px)}
  .editorial-priority .article-section{padding-top:82px;padding-bottom:82px}
  .editorial-priority .priority-ambient::after{width:105vw;opacity:.055!important;filter:grayscale(1) blur(9px) contrast(.9)}
  .editorial-priority .section-black.priority-ambient::after{opacity:.06!important}
  .editorial-priority .priority-ambient.ambient-right::after{right:-58vw}
  .editorial-priority .priority-ambient.ambient-left::after{left:-58vw}
}

@media(prefers-reduced-motion:reduce){
  .editorial-priority .priority-ambient::after{transform:none!important;will-change:auto}
  .editorial-priority .priority-ambient.ambient-center::after{transform:translate(-50%,-50%)!important}
}


/* ==========================================================
   V4.5 — /names/ SAMPLE: visible ambient backgrounds + FAQ type
   Sample page only for visual approval before rollout.
   ========================================================== */

/* FAQ questions: Georgia, quieter than PP Eiko but still clearly a heading. */
.internal-page .qa-item summary{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(22px,1.75vw,28px);
  line-height:1.13;
  letter-spacing:-.012em;
  color:var(--ink);
}

/* /names/ — mist focus section: recognizable mesh flower entering from right. */
.names-hub-page .focus-hub.priority-ambient::after{
  background-image:url('/assets/images/72-names-of-god-organic-mesh-flower.webp');
  width:min(60vw,900px);
  right:-9vw;
  left:auto;
  top:3%;
  opacity:.145;
  filter:grayscale(1) contrast(1.02);
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 18%,#000 42%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 18%,#000 42%,#000 100%);
}

/* /names/ — white 72-grid section: radial form as a true watermark, not a blur. */
.names-hub-page .all-names-hub.priority-ambient::after{
  background-image:url('/assets/images/72-names-of-god-radial-form.webp');
  width:min(84vw,1240px);
  left:50%;
  right:auto;
  top:4%;
  opacity:.105;
  filter:grayscale(1) contrast(1.06);
  mix-blend-mode:multiply;
  transform:translate3d(-50%,var(--priority-ambient-y,0px),0) rotate(.35deg);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 25%,rgba(0,0,0,.94) 57%,rgba(0,0,0,.38) 80%,transparent 98%);
  mask-image:radial-gradient(ellipse at center,#000 25%,rgba(0,0,0,.94) 57%,rgba(0,0,0,.38) 80%,transparent 98%);
}

/* /names/ — FAQ mist section: x-ray botanical crop in the empty left field. */
.names-hub-page .page-faq.priority-ambient::after{
  background-image:url('/assets/images/72-names-of-god-xray-flower.webp');
  width:min(48vw,720px);
  left:-5vw;
  right:auto;
  top:-3%;
  opacity:.135;
  filter:grayscale(1) contrast(1.05);
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 48%,rgba(0,0,0,.54) 70%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 48%,rgba(0,0,0,.54) 70%,transparent 100%);
}

/* /names/ — existing black continuation section gets a ghost spiral background. */
.names-hub-page .internal-next::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(58vw,860px);
  aspect-ratio:1;
  right:-13vw;
  top:50%;
  background:url('/assets/images/72-names-of-god-hebrew-spiral-white.webp') center/contain no-repeat;
  opacity:.085;
  transform:translateY(-50%);
  -webkit-mask-image:radial-gradient(circle,#000 42%,rgba(0,0,0,.75) 68%,transparent 94%);
  mask-image:radial-gradient(circle,#000 42%,rgba(0,0,0,.75) 68%,transparent 94%);
}
.names-hub-page .internal-next .next-grid{position:relative;z-index:2}

@media(max-width:720px){
  .internal-page .qa-item summary{
    font-size:clamp(21px,6.4vw,25px);
    line-height:1.16;
  }
  .names-hub-page .focus-hub.priority-ambient::after{
    width:112vw;
    right:-60vw;
    opacity:.11;
  }
  .names-hub-page .all-names-hub.priority-ambient::after{
    width:135vw;
    opacity:.075;
  }
  .names-hub-page .page-faq.priority-ambient::after{
    width:95vw;
    left:-48vw;
    opacity:.10;
  }
  .names-hub-page .internal-next::before{
    width:118vw;
    right:-58vw;
    opacity:.065;
  }
}

/* ==========================================================
   V4.6 — /names/ Ava Lux depth sample
   Existing sections only. Large cropped visual fields under content.
   No standalone image blocks. Home untouched.
   ========================================================== */

.names-hub-page .focus-hub,
.names-hub-page .all-names-hub,
.names-hub-page .page-faq,
.names-hub-page .internal-next{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.names-hub-page .focus-hub > .page-shell,
.names-hub-page .all-names-hub > .page-shell,
.names-hub-page .page-faq > .page-shell,
.names-hub-page .internal-next > .page-shell{
  position:relative;
  z-index:3;
}

/* Reset the weaker V4.5 single-image treatment. */
.names-hub-page .focus-hub.priority-ambient::after,
.names-hub-page .all-names-hub.priority-ambient::after,
.names-hub-page .page-faq.priority-ambient::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  filter:none;
  border:0;
  border-radius:0;
  background-repeat:no-repeat;
  will-change:transform;
}

/* 01 — grey focus section: a large recognisable organic field entering from the right. */
.names-hub-page .focus-hub::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(84vw,1320px);
  height:118%;
  right:-28vw;
  top:-9%;
  background:url('/assets/images/72-names-of-god-organic-mesh-flower.webp') 36% 52% / cover no-repeat;
  opacity:.22;
  mix-blend-mode:multiply;
  transform:translate3d(0,calc(var(--priority-ambient-y,0px) * .35),0) scale(1.04);
  transform-origin:center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 15%,rgba(0,0,0,.78) 36%,#000 58%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 15%,rgba(0,0,0,.78) 36%,#000 58%,#000 100%);
}
.names-hub-page .focus-hub.priority-ambient::after{
  width:min(62vw,980px);
  height:72%;
  left:-24vw;
  bottom:-18%;
  top:auto;
  right:auto;
  background-image:url('/assets/images/72-names-of-god-organic-petal-lines.webp');
  background-position:62% 46%;
  background-size:cover;
  opacity:.085;
  mix-blend-mode:multiply;
  transform:translate3d(0,var(--priority-ambient-y,0px),0) rotate(-4deg);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.76) 46%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.76) 46%,transparent 100%);
}

/* 02 — white 72 grid: one enormous radial structure crossing behind the matrix. */
.names-hub-page .all-names-hub::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(132vw,2040px);
  aspect-ratio:1;
  left:-54vw;
  top:7%;
  background:url('/assets/images/72-names-of-god-radial-form.webp') center / cover no-repeat;
  opacity:.25;
  mix-blend-mode:multiply;
  transform:translate3d(0,var(--priority-ambient-y,0px),0) rotate(-7deg);
  transform-origin:center;
  -webkit-mask-image:radial-gradient(ellipse at 52% 48%,#000 18%,rgba(0,0,0,.96) 54%,rgba(0,0,0,.48) 74%,transparent 94%);
  mask-image:radial-gradient(ellipse at 52% 48%,#000 18%,rgba(0,0,0,.96) 54%,rgba(0,0,0,.48) 74%,transparent 94%);
}
.names-hub-page .all-names-hub.priority-ambient::after{
  width:min(58vw,900px);
  height:58%;
  right:-24vw;
  left:auto;
  top:46%;
  background-image:url('/assets/images/72-names-of-god-portrait-orbits.webp');
  background-position:center 40%;
  background-size:cover;
  opacity:.055;
  mix-blend-mode:multiply;
  transform:translate3d(0,calc(var(--priority-ambient-y,0px) * -.55),0);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.52) 26%,#000 54%,rgba(0,0,0,.7) 82%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.52) 26%,#000 54%,rgba(0,0,0,.7) 82%,transparent 100%);
}

/* 03 — FAQ: x-ray botanical is visible as a cropped image, not as a grey stain. */
.names-hub-page .page-faq::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(68vw,1020px);
  height:145%;
  left:-19vw;
  top:-22%;
  background:url('/assets/images/72-names-of-god-xray-flower.webp') 48% 50% / cover no-repeat;
  opacity:.22;
  mix-blend-mode:multiply;
  transform:translate3d(0,var(--priority-ambient-y,0px),0) rotate(-1.5deg);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 38%,rgba(0,0,0,.72) 62%,rgba(0,0,0,.18) 82%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 38%,rgba(0,0,0,.72) 62%,rgba(0,0,0,.18) 82%,transparent 100%);
}
.names-hub-page .page-faq.priority-ambient::after{
  width:min(42vw,650px);
  height:110%;
  right:-20vw;
  left:auto;
  top:-5%;
  background-image:url('/assets/images/72-names-of-god-organic-petal-lines.webp');
  background-position:35% 50%;
  background-size:cover;
  opacity:.055;
  mix-blend-mode:multiply;
  transform:translate3d(0,calc(var(--priority-ambient-y,0px) * -.45),0) rotate(7deg);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 44%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 44%,#000 100%);
}

/* 04 — black continuation: luminous mesh form + ghost Hebrew field. */
.names-hub-page .internal-next::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(72vw,1080px);
  height:150%;
  right:-18vw;
  top:-24%;
  background:url('/assets/images/72-names-of-god-mesh-flower-dark.webp') center 48% / cover no-repeat;
  opacity:.21;
  mix-blend-mode:screen;
  transform:translate3d(0,var(--priority-ambient-y,0px),0) rotate(5deg);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 22%,rgba(0,0,0,.92) 52%,rgba(0,0,0,.35) 78%,transparent 96%);
  mask-image:radial-gradient(ellipse at center,#000 22%,rgba(0,0,0,.92) 52%,rgba(0,0,0,.35) 78%,transparent 96%);
}
.names-hub-page .internal-next::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(76vw,1140px);
  aspect-ratio:1;
  left:-38vw;
  top:-66%;
  background:url('/assets/images/72-names-of-god-hebrew-spiral-white.webp') center / contain no-repeat;
  opacity:.055;
  transform:rotate(-14deg);
  -webkit-mask-image:radial-gradient(circle,#000 34%,rgba(0,0,0,.72) 64%,transparent 94%);
  mask-image:radial-gradient(circle,#000 34%,rgba(0,0,0,.72) 64%,transparent 94%);
}

/* The cards / grids remain fully readable over the visual plane. */
.names-hub-page .focus-card,
.names-hub-page .hub-name{
  position:relative;
  z-index:4;
}

@media(max-width:900px){
  .names-hub-page .focus-hub::before{width:112vw;right:-58vw;opacity:.17}
  .names-hub-page .focus-hub.priority-ambient::after{width:82vw;left:-48vw;opacity:.06}
  .names-hub-page .all-names-hub::before{width:170vw;left:-92vw;opacity:.19}
  .names-hub-page .all-names-hub.priority-ambient::after{display:none}
  .names-hub-page .page-faq::before{width:112vw;left:-62vw;opacity:.16}
  .names-hub-page .page-faq.priority-ambient::after{display:none}
  .names-hub-page .internal-next::before{width:125vw;right:-70vw;opacity:.16}
  .names-hub-page .internal-next::after{width:125vw;left:-74vw;opacity:.04}
}

@media(prefers-reduced-motion:reduce){
  .names-hub-page .focus-hub::before,
  .names-hub-page .focus-hub.priority-ambient::after,
  .names-hub-page .all-names-hub::before,
  .names-hub-page .all-names-hub.priority-ambient::after,
  .names-hub-page .page-faq::before,
  .names-hub-page .page-faq.priority-ambient::after,
  .names-hub-page .internal-next::before{
    transform:none!important;
    will-change:auto;
  }
}


/* V4.7 — Guides hub + future square background slots */
#name-search{scroll-margin-top:110px}
.guides-hub-page .guides-hub-hero,.guides-hub-page .guides-hub-principle,.guides-hub-page .guides-library{position:relative;isolation:isolate;overflow:hidden}
.guides-hub-page .guides-hub-hero>.page-shell,.guides-hub-page .guides-hub-principle>.page-shell,.guides-hub-page .guides-library>.page-shell{position:relative;z-index:2}
.guides-hero-count{display:grid;align-content:end;justify-items:end;min-height:430px;padding-bottom:26px}
.guides-hero-count strong{font:900 clamp(140px,18vw,280px)/.72 var(--display);letter-spacing:-.055em}
.guides-hero-count span{margin-top:28px;font:10px/1 var(--sans);text-transform:uppercase;letter-spacing:.16em;opacity:.55}
.guides-library{padding:var(--pad-y) 0}
.guide-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:70px}
.guide-hub-card{position:relative;min-height:360px;padding:34px 32px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;background:rgba(253,253,252,.74);transition:background .25s ease,transform .25s ease}
.guide-hub-card:hover{background:rgba(239,239,236,.9)}
.guide-hub-index{font:10px/1 var(--sans);letter-spacing:.12em;opacity:.42}
.guide-hub-label{margin:58px 0 11px;font:9px/1 var(--sans);text-transform:uppercase;letter-spacing:.15em;opacity:.48}
.guide-hub-card h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:clamp(27px,2.35vw,38px)!important;line-height:1.02!important;letter-spacing:-.025em!important;max-width:11ch}
.guide-hub-card>p:last-of-type{margin:22px 0 42px;max-width:33ch;font:16px/1.5 var(--body);opacity:.72}
.guide-hub-arrow{margin-top:auto;font:10px/1 var(--sans);text-transform:uppercase;letter-spacing:.12em}
/* Transparent placeholders now; replace files later without changing HTML/CSS. */
.guides-hub-hero::after{content:"";position:absolute;z-index:0;pointer-events:none;width:min(76vw,1100px);aspect-ratio:1;right:-28vw;top:-18%;background:url('/assets/images/72-names-bk-chiaro-1.webp') center/contain no-repeat;opacity:.16}
.guides-hub-principle::before{content:"";position:absolute;z-index:0;pointer-events:none;width:min(72vw,1050px);aspect-ratio:1;left:-28vw;top:-40%;background:url('/assets/images/72-names-bk-scuro-1.webp') center/contain no-repeat;opacity:.14}
.guides-library::before{content:"";position:absolute;z-index:0;pointer-events:none;width:min(82vw,1200px);aspect-ratio:1;right:-34vw;top:8%;background:url('/assets/images/72-names-bk-chiaro-2.webp') center/contain no-repeat;opacity:.11}
.guides-hub-page .internal-next::before{background-image:url('/assets/images/72-names-bk-scuro-2.webp')!important}
@media(max-width:900px){.guide-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-hero-count{min-height:250px;justify-items:start}.guides-hero-count strong{font-size:clamp(120px,32vw,220px)}}
@media(max-width:620px){.guide-hub-grid{grid-template-columns:1fr}.guide-hub-card{min-height:290px}.guide-hub-label{margin-top:40px}.guides-hub-hero::after{width:130vw;right:-75vw}.guides-library::before{width:150vw;right:-95vw}}

/* ========================================================================== */
/* V4.8 — GLOBAL INTERNAL BACKGROUND LIBRARY                                  */
/* Uses the 12 chiaro + 12 scuro square WebP assets already uploaded online.  */
/* Home is intentionally excluded by JS.                                     */
/* ========================================================================== */

/* Retire the older ambient systems when V4.8 is active, to prevent double imagery. */
body.internal-page.site-bk-v48 .ambient-visual::after,
body.internal-page.site-bk-v48 .priority-ambient::after{
  content:none!important;
  display:none!important;
}
body.internal-page.site-bk-v48.names-hub-page .focus-hub::before,
body.internal-page.site-bk-v48.names-hub-page .focus-hub::after,
body.internal-page.site-bk-v48.names-hub-page .all-names-hub::before,
body.internal-page.site-bk-v48.names-hub-page .all-names-hub::after,
body.internal-page.site-bk-v48.names-hub-page .page-faq::before,
body.internal-page.site-bk-v48.names-hub-page .page-faq::after,
body.internal-page.site-bk-v48.names-hub-page .internal-next::before,
body.internal-page.site-bk-v48.names-hub-page .internal-next::after,
body.internal-page.site-bk-v48.guides-hub-page .guides-hub-hero::after,
body.internal-page.site-bk-v48.guides-hub-page .guides-hub-principle::before,
body.internal-page.site-bk-v48.guides-hub-page .guides-library::before,
body.internal-page.site-bk-v48.guides-hub-page .internal-next::before{
  content:none!important;
  display:none!important;
}

body.internal-page.site-bk-v48 .site-bk-section{
  position:relative;
  isolation:isolate;
  overflow:clip;
}
@supports not (overflow:clip){
  body.internal-page.site-bk-v48 .site-bk-section{overflow:hidden}
}
body.internal-page.site-bk-v48 .site-bk-section > *:not(.site-bk-visual){
  position:relative;
  z-index:2;
}

body.internal-page.site-bk-v48 .site-bk-visual{
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:var(--site-bk-size,min(78vw,1120px));
  aspect-ratio:1;
  background-image:var(--site-bk-image);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:var(--site-bk-opacity,.14);
  transform:translate3d(0,var(--site-bk-y,0px),0);
  transform-origin:center;
  will-change:transform;
  filter:var(--site-bk-filter,none);
  mix-blend-mode:var(--site-bk-blend,multiply);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,rgba(0,0,0,.96) 56%,rgba(0,0,0,.56) 76%,transparent 98%);
  mask-image:radial-gradient(ellipse at center,#000 30%,rgba(0,0,0,.96) 56%,rgba(0,0,0,.56) 76%,transparent 98%);
}

/* The images are intentionally larger than their sections and cropped by the viewport. */
body.internal-page.site-bk-v48 .site-bk-visual.bk-right{
  right:var(--site-bk-edge,-25vw);
  top:var(--site-bk-top,-18%);
}
body.internal-page.site-bk-v48 .site-bk-visual.bk-left{
  left:var(--site-bk-edge,-25vw);
  top:var(--site-bk-top,-16%);
}
body.internal-page.site-bk-v48 .site-bk-visual.bk-center{
  left:50%;
  top:var(--site-bk-top,-40%);
  transform:translate3d(-50%,var(--site-bk-y,0px),0);
}
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right{
  right:var(--site-bk-edge,-28vw);
  bottom:var(--site-bk-bottom,-36%);
}
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{
  left:var(--site-bk-edge,-28vw);
  bottom:var(--site-bk-bottom,-34%);
}

/* Background-family tuning. New assets remain recognisable, not reduced to grey blobs. */
body.internal-page.site-bk-v48 .section-white .site-bk-visual{
  --site-bk-opacity:.145;
  --site-bk-blend:multiply;
}
body.internal-page.site-bk-v48 .section-mist .site-bk-visual{
  --site-bk-opacity:.175;
  --site-bk-blend:multiply;
}
body.internal-page.site-bk-v48 .section-black .site-bk-visual{
  --site-bk-opacity:.34;
  --site-bk-blend:normal;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 46%,rgba(0,0,0,.98) 68%,rgba(0,0,0,.78) 84%,transparent 100%);
  mask-image:radial-gradient(ellipse at center,#000 46%,rgba(0,0,0,.98) 68%,rgba(0,0,0,.78) 84%,transparent 100%);
}

/* Cards and interactive surfaces stay clearly above the visual plane. */
body.internal-page.site-bk-v48 .focus-card,
body.internal-page.site-bk-v48 .hub-name,
body.internal-page.site-bk-v48 .guide-hub-card,
body.internal-page.site-bk-v48 .guide-card,
body.internal-page.site-bk-v48 .name-card,
body.internal-page.site-bk-v48 .qa-item,
body.internal-page.site-bk-v48 details,
body.internal-page.site-bk-v48 .purchase-card{
  position:relative;
  z-index:3;
}

/* FAQ typography remains globally approved: Georgia, black, quieter than PP Eiko. */
body.internal-page .qa-item summary{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  color:#090909!important;
}
body.internal-page .section-black .qa-item summary{color:#fff!important}

@media(max-width:900px){
  body.internal-page.site-bk-v48 .site-bk-visual{
    width:var(--site-bk-mobile-size,125vw);
    opacity:calc(var(--site-bk-opacity,.14) * .82);
  }
  body.internal-page.site-bk-v48 .site-bk-visual.bk-right,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right{right:-66vw}
  body.internal-page.site-bk-v48 .site-bk-visual.bk-left,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{left:-66vw}
  body.internal-page.site-bk-v48 .site-bk-visual.bk-center{width:145vw;top:-24%}
}

@media(prefers-reduced-motion:reduce){
  body.internal-page.site-bk-v48 .site-bk-visual{
    transform:none!important;
    will-change:auto;
  }
  body.internal-page.site-bk-v48 .site-bk-visual.bk-center{
    transform:translateX(-50%)!important;
  }
}


/* V5.0 — visual correction: never rotate source artwork; dark assets must remain legible. */
body.internal-page.site-bk-v48 .site-bk-visual{
  rotate:none!important;
}
body.internal-page.site-bk-v48 .section-black .site-bk-visual{
  opacity:var(--site-bk-opacity,.34);
}
@media(max-width:900px){
  body.internal-page.site-bk-v48 .section-black .site-bk-visual{
    opacity:calc(var(--site-bk-opacity,.34) * .96);
  }
}


/* ========================================================================== */
/* V5.1 — FULL-SECTION BACKGROUND ART + SOCIAL HEADER                         */
/* User-approved direction: no rotation, no diagonal crops, no foggy masks.   */
/* Light art = full-section at 25%. Dark art = full-section and clearly seen.  */
/* ========================================================================== */

body.internal-page.site-bk-v48 .site-bk-section{
  overflow:hidden;
}

body.internal-page.site-bk-v48 .site-bk-visual,
body.internal-page.site-bk-v48 .site-bk-visual.bk-right,
body.internal-page.site-bk-v48 .site-bk-visual.bk-left,
body.internal-page.site-bk-v48 .site-bk-visual.bk-center,
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right,
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{
  inset:-4% -2%;
  width:104%;
  height:108%;
  aspect-ratio:auto;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:translate3d(0,var(--site-bk-y,0px),0)!important;
  transform-origin:center center;
  rotate:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none;
}

/* White + mist sections: the artwork itself is the section background. */
body.internal-page.site-bk-v48 .section-white .site-bk-visual,
body.internal-page.site-bk-v48 .section-mist .site-bk-visual{
  opacity:.25!important;
  mix-blend-mode:multiply!important;
}

/* Dark sections: strong enough to be unmistakably present. */
body.internal-page.site-bk-v48 .section-black .site-bk-visual{
  opacity:.62!important;
  mix-blend-mode:normal!important;
  filter:brightness(1.18) contrast(1.04)!important;
}

/* Keep copy and interactive elements cleanly above the full-field art. */
body.internal-page.site-bk-v48 .site-bk-section > *:not(.site-bk-visual){
  position:relative;
  z-index:2;
}

@media(max-width:900px){
  body.internal-page.site-bk-v48 .site-bk-visual,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-right,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-left,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-center,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{
    inset:-3% -6%;
    width:112%;
    height:106%;
    background-size:cover;
    transform:translate3d(0,var(--site-bk-y,0px),0)!important;
  }
  body.internal-page.site-bk-v48 .section-white .site-bk-visual,
  body.internal-page.site-bk-v48 .section-mist .site-bk-visual{
    opacity:.25!important;
  }
  body.internal-page.site-bk-v48 .section-black .site-bk-visual{
    opacity:.64!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.internal-page.site-bk-v48 .site-bk-visual,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-center{
    transform:none!important;
  }
}

/* ========================================================================== */
/* V5.2 — CONTAINED SIDE ART                                                  */
/* Square artwork stays intact: never cover, never rotate, never centered.    */
/* Every background is anchored to the left or right side of its section.     */
/* ========================================================================== */

body.internal-page.site-bk-v48 .site-bk-section{
  overflow:hidden;
}

body.internal-page.site-bk-v48 .site-bk-visual,
body.internal-page.site-bk-v48 .site-bk-visual.bk-right,
body.internal-page.site-bk-v48 .site-bk-visual.bk-left,
body.internal-page.site-bk-v48 .site-bk-visual.bk-center,
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right,
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{
  inset:auto!important;
  width:var(--site-bk-size,min(44vw,720px))!important;
  height:auto!important;
  aspect-ratio:1!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  rotate:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none!important;
  transform-origin:center center!important;
}

/* Upper/middle placements — always on a side. */
body.internal-page.site-bk-v48 .site-bk-visual.bk-right{
  right:clamp(20px,3vw,58px)!important;
  left:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate3d(0,calc(-50% + var(--site-bk-y,0px)),0)!important;
}
body.internal-page.site-bk-v48 .site-bk-visual.bk-left{
  left:clamp(20px,3vw,58px)!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate3d(0,calc(-50% + var(--site-bk-y,0px)),0)!important;
}

/* Lower placements still stay fully side-anchored. */
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right{
  right:clamp(20px,3vw,58px)!important;
  left:auto!important;
  bottom:clamp(16px,3vw,54px)!important;
  top:auto!important;
  transform:translate3d(0,var(--site-bk-y,0px),0)!important;
}
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{
  left:clamp(20px,3vw,58px)!important;
  right:auto!important;
  bottom:clamp(16px,3vw,54px)!important;
  top:auto!important;
  transform:translate3d(0,var(--site-bk-y,0px),0)!important;
}

/* Defensive fallback: no generated layer should be centered anymore. */
body.internal-page.site-bk-v48 .site-bk-visual.bk-center{
  right:clamp(20px,3vw,58px)!important;
  left:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate3d(0,calc(-50% + var(--site-bk-y,0px)),0)!important;
}

/* Light sections remain subtle but clearly recognisable. */
body.internal-page.site-bk-v48 .section-white .site-bk-visual,
body.internal-page.site-bk-v48 .section-mist .site-bk-visual{
  opacity:.25!important;
  mix-blend-mode:multiply!important;
}

/* Dark artwork is visible but no longer dominates the whole section. */
body.internal-page.site-bk-v48 .section-black .site-bk-visual{
  opacity:.44!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}

@media(max-width:900px){
  body.internal-page.site-bk-v48 .site-bk-visual,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-right,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-left,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-center,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{
    width:min(76vw,620px)!important;
  }
  body.internal-page.site-bk-v48 .site-bk-visual.bk-right,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-center{
    right:4vw!important;
  }
  body.internal-page.site-bk-v48 .site-bk-visual.bk-left,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{
    left:4vw!important;
  }
  body.internal-page.site-bk-v48 .section-white .site-bk-visual,
  body.internal-page.site-bk-v48 .section-mist .site-bk-visual{
    opacity:.22!important;
  }
  body.internal-page.site-bk-v48 .section-black .site-bk-visual{
    opacity:.40!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.internal-page.site-bk-v48 .site-bk-visual,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-center{
    transform:none!important;
  }
}

/* ========================================================================== */
/* V5.3 — FULL-HEIGHT SIDE ART + CLEAN COMPLETE LIST                          */
/* Wherever background art is used, it spans the full section height.         */
/* Square source remains proportional, anchored only left/right, never center. */
/* ========================================================================== */

body.internal-page.site-bk-v48 .site-bk-section{
  position:relative;
  overflow:hidden;
}

/* Overscan by 40px top + bottom so the tiny vertical parallax can never reveal
   an empty strip at either edge of the section. */
body.internal-page.site-bk-v48 .site-bk-visual,
body.internal-page.site-bk-v48 .site-bk-visual.bk-right,
body.internal-page.site-bk-v48 .site-bk-visual.bk-left,
body.internal-page.site-bk-v48 .site-bk-visual.bk-center,
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right,
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{
  inset:auto!important;
  top:-40px!important;
  bottom:auto!important;
  height:calc(100% + 80px)!important;
  width:auto!important;
  aspect-ratio:1 / 1!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  rotate:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  transform:translate3d(0,var(--site-bk-y,0px),0)!important;
  transform-origin:center center!important;
}

/* Only side anchoring. No generated background may sit in the middle. */
body.internal-page.site-bk-v48 .site-bk-visual.bk-right,
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right,
body.internal-page.site-bk-v48 .site-bk-visual.bk-center{
  right:0!important;
  left:auto!important;
}
body.internal-page.site-bk-v48 .site-bk-visual.bk-left,
body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{
  left:0!important;
  right:auto!important;
}

/* Keep the approved visual strength. */
body.internal-page.site-bk-v48 .section-white .site-bk-visual,
body.internal-page.site-bk-v48 .section-mist .site-bk-visual{
  opacity:.25!important;
  mix-blend-mode:multiply!important;
  filter:none!important;
}
body.internal-page.site-bk-v48 .section-black .site-bk-visual{
  opacity:.44!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}

/* Complete List: the four large 72-name grids are intentionally image-free. */
body.internal-page.site-bk-v48 .names-range > .site-bk-visual{
  display:none!important;
}

@media(max-width:900px){
  body.internal-page.site-bk-v48 .site-bk-visual,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-right,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-left,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-center,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-right,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-lower-left{
    top:-24px!important;
    height:calc(100% + 48px)!important;
    width:auto!important;
  }
  body.internal-page.site-bk-v48 .section-white .site-bk-visual,
  body.internal-page.site-bk-v48 .section-mist .site-bk-visual{
    opacity:.22!important;
  }
  body.internal-page.site-bk-v48 .section-black .site-bk-visual{
    opacity:.40!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.internal-page.site-bk-v48 .site-bk-visual,
  body.internal-page.site-bk-v48 .site-bk-visual.bk-center{
    transform:none!important;
  }
}

/* V5.3.1 — locked dark-background opacity */
body.internal-page.site-bk-v48 .section-black .site-bk-visual{
  opacity:.20!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}

/* V5.3.2 — locked light/mist background opacity */
body.internal-page.site-bk-v48 .section-white .site-bk-visual,
body.internal-page.site-bk-v48 .section-mist .site-bk-visual{
  opacity:.20!important;
  mix-blend-mode:multiply!important;
  filter:none!important;
}

/* ==========================================================================
   V5.3.3 — COMPLETE LIST HERO HEIGHT FIX
   Keep the hero compact. Its image is a visual layer only and never controls
   layout height. Original Complete List card interactions remain untouched.
   ========================================================================== */

body.internal-page .list-hero{
  min-height:auto!important;
  position:relative;
  overflow:hidden;
}

/* Let the content define the hero height instead of forcing a viewport-height hero. */
body.internal-page .list-hero .internal-hero-grid{
  min-height:auto!important;
  padding-top:clamp(54px,5vw,78px)!important;
  padding-bottom:clamp(66px,6vw,92px)!important;
}


/* Complete List hero: keep ONE new-library background, confined to hero height.
   The old spiral is hidden so there is no double artwork. */
body.internal-page .list-hero .internal-hero-spiral{
  display:none!important;
}

body.internal-page.site-bk-v48 .list-hero > .site-bk-visual{
  display:block!important;
  position:absolute!important;
  top:0!important;
  bottom:auto!important;
  height:100%!important;
  width:auto!important;
  aspect-ratio:1 / 1!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  rotate:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Respect the generated side assignment, never center the hero artwork. */
body.internal-page.site-bk-v48 .list-hero > .site-bk-visual.bk-right,
body.internal-page.site-bk-v48 .list-hero > .site-bk-visual.bk-lower-right,
body.internal-page.site-bk-v48 .list-hero > .site-bk-visual.bk-center{
  right:0!important;
  left:auto!important;
  background-position:right center!important;
}
body.internal-page.site-bk-v48 .list-hero > .site-bk-visual.bk-left,
body.internal-page.site-bk-v48 .list-hero > .site-bk-visual.bk-lower-left{
  left:0!important;
  right:auto!important;
  background-position:left center!important;
}

@media(max-width:720px){
  body.internal-page .list-hero .internal-hero-grid{
    padding-top:48px!important;
    padding-bottom:68px!important;
  }
}