/* ==========================================================
   VIDARTICO CONTENT HUBS
   Music / Gear / Writing / Investment / Country ranking
   ========================================================== */

.content-hub-page,
.content-hub,
.hub-section {
  width: min(var(--vid-max-width, 1120px), calc(100% - 2rem));
  margin-inline: auto;
}

.content-hub {
  padding: clamp(1.25rem, 3vw, 2.4rem) 0 clamp(3.5rem, 8vw, 7rem);
}

.content-hub__switch {
  width: fit-content;
  margin: 0 auto clamp(2rem, 5vw, 3.6rem);
}

.content-hub__panel {
  min-width: 0;
}

.hub-section {
  width: 100%;
  margin-top: clamp(2.8rem, 6vw, 5.5rem);
}

.hub-section:first-child { margin-top: 0; }

.hub-chips {
  display: flex;
  gap: .55rem;
  align-items: center;
  overflow-x: auto;
  padding: .1rem .05rem 1.15rem;
  margin-bottom: .85rem;
  scrollbar-width: none;
}
.hub-chips::-webkit-scrollbar { display: none; }
.hub-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: .55rem .82rem;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 999px;
  color: var(--vid-color-text-muted, #a3afc7);
  text-decoration: none;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .055em;
  transition: border-color .22s ease, color .22s ease, background .22s ease;
}
.hub-chip:hover,
.hub-chip:focus-visible,
.hub-chip.is-active {
  border-color: color-mix(in srgb, var(--vid-color-accent, #d4b06a) 62%, transparent);
  color: var(--vid-color-text, #f5f5f7);
  background: color-mix(in srgb, var(--vid-color-accent, #d4b06a) 9%, transparent);
}

.hub-entry-list { width: 100%; }
.hub-pagination { grid-column: 1 / -1; }

.hub-notice {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .8rem;
  align-items: start;
  margin: 0 0 clamp(2.4rem, 5vw, 4.5rem);
  padding: 1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--vid-color-accent, #d4b06a) 30%, rgba(148,163,184,.22));
  border-radius: var(--vid-radius-md, 16px);
  background: color-mix(in srgb, var(--vid-color-accent, #d4b06a) 5%, rgba(15,23,42,.36));
  color: var(--vid-color-text-muted, #a3afc7);
}
.hub-notice span { color: var(--vid-color-accent, #d4b06a); }
.hub-notice p { margin: 0; line-height: 1.65; font-size: .88rem; }

.hub-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.hub-mini-card {
  position: relative;
  min-width: 0;
  padding: 1.2rem 1.2rem 1.3rem;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: var(--vid-radius-md, 16px);
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
}
.hub-mini-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--vid-color-accent, #d4b06a), transparent);
  opacity: .6;
}
.hub-mini-card__meta,
.hub-mini-card > p:first-child {
  margin: 0 0 .55rem;
  color: var(--vid-color-text-muted, #a3afc7);
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.hub-mini-card h3 { margin: 0 0 .65rem; font-size: 1.16rem; }
.hub-mini-card h3 a { color: inherit; text-decoration: none; }
.hub-mini-card > p:last-child { margin: 0; color: var(--vid-color-text-muted, #a3afc7); line-height: 1.62; font-size: .88rem; }

.hub-method {
  margin: -1rem 0 1.2rem;
  border-bottom: 1px solid rgba(148,163,184,.2);
  color: var(--vid-color-text-muted, #a3afc7);
}
.hub-method summary {
  cursor: pointer;
  width: fit-content;
  padding: .7rem 0;
  color: var(--vid-color-accent, #d4b06a);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.hub-method p { max-width: 78ch; margin: 0 0 1rem; line-height: 1.7; font-size: .88rem; }

.ranking-list {
  display: grid;
  gap: .9rem;
}
.ranking-card {
  position: relative;
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(148,163,184,.22);
  border-radius: var(--vid-radius-lg, 24px);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--vid-color-accent, #d4b06a) 4%, transparent), transparent 40%),
    rgba(10,16,31,.44);
}
.ranking-card__head {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  gap: 1rem;
  align-items: center;
}
.ranking-card__rank {
  color: color-mix(in srgb, var(--vid-color-accent, #d4b06a) 82%, #fff);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.7rem;
  line-height: 1;
}
.ranking-card h3 { margin: 0; font-size: clamp(1.14rem, 2vw, 1.4rem); }
.ranking-card__head p { margin: .36rem 0 0; color: var(--vid-color-text-muted, #a3afc7); font-size: .85rem; line-height: 1.5; }
.ranking-card__score {
  display: inline-flex;
  align-items: baseline;
  gap: .15rem;
  color: var(--vid-color-text, #fff);
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.45rem, 3vw, 2rem);
  white-space: nowrap;
}
.ranking-card__score small { color: var(--vid-color-text-muted, #a3afc7); font-family: inherit; font-size: .68rem; font-weight: 500; }

.score-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .75rem 1rem;
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(148,163,184,.16);
}
.score-item {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: .3rem .65rem;
  align-items: center;
}
.score-item span { color: var(--vid-color-text-muted, #a3afc7); font-size: .72rem; }
.score-item b { font-size: .73rem; font-variant-numeric: tabular-nums; }
.score-item i {
  grid-column: 1 / -1;
  display: block;
  height: 2px;
  overflow: hidden;
  background: rgba(148,163,184,.18);
  border-radius: 999px;
}
.score-item i::after {
  content: "";
  display: block;
  width: var(--score, 0%);
  height: 100%;
  background: var(--vid-color-accent, #d4b06a);
  border-radius: inherit;
}

.portfolio-model-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1rem;
}
.portfolio-model-card {
  padding: 1.25rem;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: var(--vid-radius-lg, 24px);
  background: rgba(10,16,31,.38);
}
.portfolio-model-card__eyebrow { margin: 0 0 .55rem; color: var(--vid-color-accent,#d4b06a); font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.portfolio-model-card h3 { margin: 0 0 .6rem; }
.portfolio-model-card > p:not(.portfolio-model-card__eyebrow) { color: var(--vid-color-text-muted,#a3afc7); font-size: .86rem; line-height: 1.58; }
.portfolio-model-card ul { list-style: none; margin: 1rem 0 0; padding: 0; border-top: 1px solid rgba(148,163,184,.16); }
.portfolio-model-card li { display: flex; justify-content: space-between; gap: 1rem; padding: .62rem 0; border-bottom: 1px solid rgba(148,163,184,.12); font-size: .82rem; }
.portfolio-model-card li span { color: var(--vid-color-text-muted,#a3afc7); }
.portfolio-model-card li b { color: var(--vid-color-text,#fff); }

.country-rank-card .ranking-card__head {
  grid-template-columns: 48px 92px minmax(0,1fr) auto;
}
.country-rank-card__image { width: 92px; aspect-ratio: 4/3; overflow: hidden; border-radius: 12px; background: rgba(148,163,184,.08); }
.country-rank-card__image img { width: 100%; height: 100%; object-fit: cover; }
.country-rank-card__title a { display: inline-block; margin-top: .5rem; color: var(--vid-color-accent,#d4b06a); text-decoration: none; font-size: .77rem; font-weight: 700; }

/* MUSIC */
.music-page.content-hub-page,
.gear-page.content-hub-page { width: 100%; }

.music-page .page-hero,
.gear-page .page-hero { width: min(var(--vid-max-width,1120px), calc(100% - 2rem)); margin-inline:auto; }


/* MUSIC — featured release as an editorial record plate, not a rounded promo card */
.music-feature {
  margin-top: clamp(2rem, 4vw, 3.8rem);
  padding-top: .25rem;
  border-top: 1px solid rgba(148,163,184,.22);
}
.music-feature__mast {
  display: grid;
  grid-template-columns: auto minmax(40px,1fr) auto;
  gap: .9rem;
  align-items: center;
  padding: .75rem 0 1rem;
  color: var(--vid-color-text-muted,#a3afc7);
  font-size: .63rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.music-feature__mast span { color: var(--vid-color-accent,#d4b06a); }
.music-feature__mast i { height: 1px; background: linear-gradient(90deg,rgba(212,176,106,.5),rgba(148,163,184,.14)); }
.music-feature__mast b {
  font-family: "Cormorant Garamond",Georgia,serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--vid-color-text,#fff);
}
.music-feature__layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px,.78fr) minmax(0,1.22fr);
  gap: clamp(1.8rem,5vw,5rem);
  align-items: center;
  padding: clamp(1rem,2.5vw,2rem) 0 clamp(2rem,4vw,3.5rem);
  border-bottom: 1px solid rgba(148,163,184,.22);
}
.music-feature__layout::after {
  content: "NEW";
  position: absolute;
  right: 0;
  bottom: -.13em;
  z-index: -1;
  font-family: "Cormorant Garamond",Georgia,serif;
  font-size: clamp(5rem,13vw,10rem);
  line-height: 1;
  letter-spacing: -.04em;
  color: color-mix(in srgb,var(--vid-color-accent,#d4b06a) 5%,transparent);
  pointer-events: none;
}
.music-feature__art {
  position: relative;
  display: block;
  width: min(100%, 410px);
  aspect-ratio: 1;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  background:
    linear-gradient(135deg,rgba(212,176,106,.12),transparent 48%),
    #080d18;
  box-shadow: 24px 24px 0 color-mix(in srgb,var(--vid-color-accent,#d4b06a) 5%,transparent);
}
.music-feature__art::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.09);
  pointer-events: none;
}
.music-feature__art img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.music-feature__art:hover img { transform:scale(1.018); }
.music-feature__placeholder {
  position:absolute;
  inset:0;
  display:grid;
  place-content:center;
  gap:.5rem;
  text-align:center;
  color:var(--vid-color-accent,#d4b06a);
}
.music-feature__placeholder small { font-size:.58rem; font-weight:700; letter-spacing:.22em; }
.music-feature__placeholder strong { font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(5rem,12vw,8rem); line-height:.8; font-weight:400; }
.music-feature__copy { min-width:0; padding-right:clamp(0rem,3vw,2rem); }
.music-feature__meta {
  margin:0 0 .8rem;
  color:var(--vid-color-accent,#d4b06a);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.14em;
}
.music-feature__copy h2 {
  margin:0;
  max-width:13ch;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(2.7rem,6vw,5.4rem);
  font-weight:500;
  line-height:.88;
  letter-spacing:-.035em;
}
.music-feature__excerpt {
  max-width:54ch;
  margin:1.35rem 0 0;
  color:var(--vid-color-text-muted,#a3afc7);
  font-size:.92rem;
  line-height:1.7;
}
.music-feature__footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-top:clamp(1.6rem,4vw,3rem);
  padding-top:.85rem;
  border-top:1px solid rgba(148,163,184,.18);
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.music-feature__footer > span { color:var(--vid-color-text-muted,#a3afc7); }
.music-feature__footer a {
  color:var(--vid-color-text,#fff);
  text-decoration:none;
  font-weight:700;
}
.music-feature__footer a b { color:var(--vid-color-accent,#d4b06a); transition:transform .2s ease; display:inline-block; }
.music-feature__footer a:hover b { transform:translate(2px,-2px); }

.release-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.release-card { overflow:hidden; border:1px solid rgba(148,163,184,.2); border-radius:var(--vid-radius-lg,24px); background:rgba(10,16,31,.38); }
.release-card__art { aspect-ratio:1/1; display:grid; place-items:center; overflow:hidden; background:rgba(148,163,184,.06); color:var(--vid-color-accent,#d4b06a); font-size:3rem; }
.release-card__art img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.2,.75,.2,1); }
.release-card:hover .release-card__art img { transform:scale(1.025); }
.release-card__body { padding:1rem 1.05rem 1.2rem; }
.release-card__body > p { margin:0 0 .4rem; color:var(--vid-color-text-muted,#a3afc7); font-size:.64rem; letter-spacing:.1em; }
.release-card__body h3 { margin:0 0 .45rem; }
.release-card__body > div { color:var(--vid-color-text-muted,#a3afc7); font-size:.84rem; line-height:1.55; }
.release-card__body a { display:inline-block; margin-top:.85rem; color:var(--vid-color-accent,#d4b06a); text-decoration:none; font-size:.75rem; font-weight:700; }

.dj-set-list { display:grid; gap:.7rem; }
.dj-set-card { display:grid; grid-template-columns:48px 120px minmax(0,1fr) 42px; gap:1rem; align-items:center; min-height:112px; padding:.72rem 1rem; border:1px solid rgba(148,163,184,.2); border-radius:var(--vid-radius-md,16px); background:rgba(10,16,31,.32); }
.dj-set-card__num { color:var(--vid-color-accent,#d4b06a); font-family:"Cormorant Garamond",serif; font-size:1.45rem; }
.dj-set-card__image { width:120px; aspect-ratio:16/10; overflow:hidden; border-radius:10px; }
.dj-set-card__image img { width:100%; height:100%; object-fit:cover; }
.dj-set-card__body > p { margin:0 0 .35rem; color:var(--vid-color-text-muted,#a3afc7); font-size:.66rem; letter-spacing:.055em; text-transform:uppercase; }
.dj-set-card__body h3 { margin:0; font-size:1.12rem; }
.dj-set-card__body > div { margin-top:.35rem; color:var(--vid-color-text-muted,#a3afc7); font-size:.82rem; }
.dj-set-card__link { display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(148,163,184,.26); border-radius:50%; color:var(--vid-color-text,#fff); text-decoration:none; }

.music-event-list { display:grid; gap:.75rem; }
.music-event-card { display:grid; grid-template-columns:86px minmax(0,1fr) auto; gap:1rem; align-items:center; padding:1rem 1.1rem; border-top:1px solid rgba(148,163,184,.2); }
.music-event-card:last-child { border-bottom:1px solid rgba(148,163,184,.2); }
.music-event-card time { display:grid; width:70px; text-align:center; }
.music-event-card time b { font-family:"Cormorant Garamond",serif; color:var(--vid-color-accent,#d4b06a); font-size:2.1rem; line-height:.9; }
.music-event-card time span { margin-top:.28rem; color:var(--vid-color-text-muted,#a3afc7); font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; }
.music-event-card > div > p:first-child { margin:0 0 .3rem; color:var(--vid-color-text-muted,#a3afc7); font-size:.68rem; letter-spacing:.07em; text-transform:uppercase; }
.music-event-card h3 { margin:0; }
.music-event-card > div > p:last-child { margin:.35rem 0 0; color:var(--vid-color-text-muted,#a3afc7); font-size:.82rem; }
.music-event-card > a { color:var(--vid-color-accent,#d4b06a); text-decoration:none; font-size:1.15rem; }

.music-past-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
.music-past-grid article { padding:1rem; border:1px solid rgba(148,163,184,.16); border-radius:var(--vid-radius-md,16px); }
.music-past-grid p { margin:0 0 .4rem; color:var(--vid-color-text-muted,#a3afc7); font-size:.66rem; text-transform:uppercase; letter-spacing:.07em; }
.music-past-grid h3 { margin:0; font-size:1rem; }

.platform-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(148,163,184,.2); border-left:1px solid rgba(148,163,184,.2); }
.platform-links a { display:flex; justify-content:space-between; align-items:center; min-height:70px; padding:1rem 1.15rem; border-right:1px solid rgba(148,163,184,.2); border-bottom:1px solid rgba(148,163,184,.2); color:inherit; text-decoration:none; }
.platform-links a b { color:var(--vid-color-accent,#d4b06a); }

/* GEAR */
.gear-hub { padding-top:clamp(1.5rem,4vw,3rem); }
.gear-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.gear-card { overflow:hidden; border:1px solid rgba(148,163,184,.2); border-radius:var(--vid-radius-lg,24px); background:rgba(10,16,31,.38); }
.gear-card__media { display:grid; place-items:center; aspect-ratio:4/3; overflow:hidden; background:linear-gradient(135deg,rgba(148,163,184,.06),rgba(212,176,106,.05)); }
.gear-card__media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.gear-card:hover .gear-card__media img { transform:scale(1.022); }
.gear-card__placeholder { color:rgba(212,176,106,.65); font-size:3.5rem; }
.gear-card__body { padding:1rem 1.05rem 1.2rem; }
.gear-card__meta { display:flex; justify-content:space-between; gap:.8rem; color:var(--vid-color-text-muted,#a3afc7); font-size:.62rem; letter-spacing:.065em; text-transform:uppercase; }
.gear-card__status { color:var(--vid-color-accent,#d4b06a); font-weight:700; }
.gear-card h2 { margin:.6rem 0 .45rem; font-size:1.2rem; }
.gear-card p { margin:0; color:var(--vid-color-text-muted,#a3afc7); font-size:.85rem; line-height:1.58; }
.gear-card a { display:inline-block; margin-top:.9rem; color:var(--vid-color-accent,#d4b06a); font-size:.75rem; font-weight:700; text-decoration:none; }

/* ABOUT — CREATIVE ENGINE / editorial mechanism map */
.about-system { overflow: clip; }
.creative-loop {
  position: relative;
  min-height: 620px;
  margin-top: 1.2rem;
  border-top: 1px solid rgba(148,163,184,.2);
  border-bottom: 1px solid rgba(148,163,184,.2);
  isolation: isolate;
}
.creative-loop__micro {
  position:absolute;
  inset:1rem 0 auto;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  color:var(--vid-color-text-muted,#a3afc7);
  font-size:.56rem;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.creative-loop__micro b { color:var(--vid-color-accent,#d4b06a); font-weight:700; }
.creative-loop__geometry {
  position:absolute;
  inset:2.4rem 0 1rem;
  width:100%;
  height:calc(100% - 3.4rem);
  overflow:visible;
  pointer-events:none;
}
.creative-loop__geometry ellipse,
.creative-loop__geometry line {
  fill:none;
  stroke:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 28%,rgba(148,163,184,.18));
  stroke-width:1;
  vector-effect:non-scaling-stroke;
}
.creative-loop__geometry .creative-loop__geometry-dash {
  stroke:rgba(148,163,184,.16);
  stroke-dasharray:4 9;
}
.creative-loop__geometry line { stroke:rgba(148,163,184,.17); }
.creative-loop__geometry circle {
  fill:var(--vid-color-bg,#07101f);
  stroke:var(--vid-color-accent,#d4b06a);
  stroke-width:1.5;
  vector-effect:non-scaling-stroke;
}
.creative-loop__core {
  position:absolute;
  left:50%;
  top:47%;
  width:190px;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  align-content:center;
  gap:.65rem;
  padding:1rem;
  text-align:center;
  border:1px solid color-mix(in srgb,var(--vid-color-accent,#d4b06a) 58%,rgba(148,163,184,.18));
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--vid-color-accent,#d4b06a) 10%,transparent),transparent 62%),
    color-mix(in srgb,var(--vid-color-bg,#07101f) 94%,transparent);
  box-shadow:
    0 0 0 12px color-mix(in srgb,var(--vid-color-accent,#d4b06a) 2.5%,transparent),
    0 26px 70px rgba(0,0,0,.22);
  z-index:2;
}
.creative-loop__core::before,
.creative-loop__core::after {
  content:"";
  position:absolute;
  border:1px solid color-mix(in srgb,var(--vid-color-accent,#d4b06a) 18%,transparent);
  border-radius:50%;
  pointer-events:none;
}
.creative-loop__core::before { inset:-27px; }
.creative-loop__core::after { inset:-52px; border-style:dashed; opacity:.7; }
.creative-loop__core strong {
  max-width:10ch;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(1.45rem,2.7vw,1.95rem);
  font-weight:500;
  line-height:.95;
  letter-spacing:-.02em;
}
.creative-loop__lotus { display:block; width:62px; color:var(--vid-color-accent,#d4b06a); }
.creative-loop__lotus svg { width:100%; display:block; fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
.creative-loop__node {
  position:absolute;
  width:min(31%,320px);
  min-width:0;
  padding:.72rem 0 .55rem;
  border-top:1px solid rgba(148,163,184,.22);
  transition:transform .24s ease,border-color .24s ease;
  z-index:3;
}
.creative-loop__node::after {
  content:"";
  position:absolute;
  top:-3px;
  left:0;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--vid-color-accent,#d4b06a);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--vid-color-accent,#d4b06a) 8%,transparent);
}
.creative-loop__node > span {
  display:inline-block;
  margin-bottom:.25rem;
  color:var(--vid-color-accent,#d4b06a);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.25rem;
  line-height:1;
}
.creative-loop__node h3 {
  margin:0 0 .34rem;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(1.15rem,2.1vw,1.48rem);
  font-weight:600;
  line-height:1.05;
}
.creative-loop__node p { margin:0; max-width:31ch; color:var(--vid-color-text-muted,#a3afc7); font-size:.78rem; line-height:1.52; }
.creative-loop__node:hover { transform:translateY(-3px); border-top-color:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 55%,transparent); }
.creative-loop__node--01 { left:2%; top:15%; }
.creative-loop__node--02 { right:2%; top:13%; }
.creative-loop__node--03 { right:0; bottom:16%; }
.creative-loop__node--04 { left:35%; bottom:1.5%; width:30%; text-align:center; }
.creative-loop__node--04 p { margin-inline:auto; }
.creative-loop__node--04::after { left:50%; transform:translateX(-50%); }
.creative-loop__node--05 { left:0; bottom:20%; }
.about-gear-link { display:flex; justify-content:space-between; gap:1.5rem; align-items:center; margin-top:1.1rem; padding:1rem 1.1rem; border:1px solid color-mix(in srgb,var(--vid-color-accent,#d4b06a) 32%,rgba(148,163,184,.2)); border-radius:var(--vid-radius-md,16px); color:inherit; text-decoration:none; background:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 5%,transparent); }
.about-gear-link span { display:grid; gap:.2rem; }
.about-gear-link small { color:var(--vid-color-accent,#d4b06a); font-size:.62rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.about-gear-link strong { font-size:.9rem; }
.about-gear-link b { color:var(--vid-color-accent,#d4b06a); font-size:.74rem; white-space:nowrap; }

/* WRITING HUB — three adjacent editorial doors */
.writing-hub__switch {
  width: min(100%, 760px);
  max-width: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 0;
  padding: 4px;
  border-radius: 15px;
}
.writing-hub__switch .vid-view-switch__btn {
  min-width: 0;
  border-radius: 11px;
  padding: .68rem .75rem;
  letter-spacing: .075em;
  white-space: nowrap;
}
.writing-hub__switch .vid-view-switch__btn + .vid-view-switch__btn {
  border-left: 1px solid rgba(148,163,184,.13);
}
.writing-hub__switch .vid-view-switch__btn.is-active + .vid-view-switch__btn,
.writing-hub__switch .vid-view-switch__btn + .vid-view-switch__btn.is-active { border-left-color: transparent; }
.writing-hub__switch .vid-view-switch__btn > span {
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1rem;
  line-height:1;
  opacity:.7;
}

/* Hub contents: two editorial tracks after the switch.
   Left carries reading/atlas; right carries comparison/index modules. */
.hub-dual {
  display:grid;
  align-items:start;
  gap:clamp(2.2rem,5vw,5rem);
}
.hub-dual--invest { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); }
.hub-dual--countries { grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); }
.hub-column { min-width:0; }
.hub-column + .hub-column {
  position:relative;
  padding-left:clamp(1.4rem,3vw,2.7rem);
}
.hub-column + .hub-column::before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(148,163,184,.22) 6%,rgba(148,163,184,.22) 94%,transparent);
}
.hub-column .hub-section { margin-top:clamp(2rem,4vw,3.5rem); }
.hub-column .hub-section:first-child { margin-top:0; }
.hub-column .section-title-row {
  display:block;
  margin-bottom:1.15rem;
}
.hub-column .section-title-caption {
  max-width:48ch;
  margin-top:.42rem;
  line-height:1.55;
}
.hub-dual--invest .hub-column--primary .hub-mini-grid,
.hub-dual--countries .country-writing-grid { grid-template-columns:1fr; }
.hub-dual--invest .asset-card-grid,
.hub-dual--invest .portfolio-model-grid { grid-template-columns:1fr; }
.hub-dual--countries .travel-index-grid { grid-template-columns:1fr; }

.hub-mini-card--flagged {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.9rem;
  align-items:start;
}
.hub-mini-card--flagged .hub-mini-card__flag {
  display:grid;
  place-items:center;
  min-width:38px;
  min-height:30px;
  font-size:1.75rem;
  line-height:1;
}
.hub-mini-card--flagged > div > p:last-child { margin:0; color:var(--vid-color-text-muted,#a3afc7); line-height:1.62; font-size:.88rem; }

/* In the narrower Atlas track the route becomes a single editorial spine. */
.hub-dual--countries .atlas-grid {
  grid-template-columns:1fr;
  gap:1rem;
  padding-left:2.3rem;
}
.hub-dual--countries .atlas-grid::before {
  left:.65rem;
  transform:none;
}
.hub-dual--countries .atlas-card,
.hub-dual--countries .atlas-card:nth-child(even) { transform:none; }
.hub-dual--countries .atlas-card::after,
.hub-dual--countries .atlas-card:nth-child(odd)::after,
.hub-dual--countries .atlas-card:nth-child(even)::after {
  left:-1.7rem;
  right:auto;
  width:1.7rem;
}

/* INVESTMENT — icon-led two-column comparison */
.hub-icon {
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:44px;
  height:44px;
  border:1px solid color-mix(in srgb,var(--vid-color-accent,#d4b06a) 34%,rgba(148,163,184,.18));
  border-radius:14px;
  color:var(--vid-color-accent,#d4b06a);
  background:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 6%,transparent);
}
.hub-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
.asset-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.asset-score-card { min-width:0; }
.asset-score-card__top,
.country-rank-card__top {
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:.75rem;
  align-items:center;
  margin-bottom:1rem;
}
.asset-score-card__top .ranking-card__rank { justify-self:start; }
.asset-score-card__desc,
.country-rank-card__desc { margin:.48rem 0 0; color:var(--vid-color-text-muted,#a3afc7); font-size:.84rem; line-height:1.55; }
.portfolio-model-card__head { display:flex; align-items:center; gap:.75rem; margin-bottom:.8rem; }
.portfolio-model-card__head .portfolio-model-card__eyebrow { margin:0; }
.hub-icon--portfolio { width:40px; height:40px; border-radius:50%; }

/* HAYAL ATLASI — editorial route, not a visited-country checklist */
.atlas-note {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.8rem;
  align-items:start;
  max-width:86ch;
  margin:-.7rem 0 1.6rem;
  padding:.85rem 0 .95rem;
  border-bottom:1px solid rgba(148,163,184,.18);
  color:var(--vid-color-text-muted,#a3afc7);
}
.atlas-note > span { color:var(--vid-color-accent,#d4b06a); }
.atlas-note p { margin:0; font-size:.86rem; line-height:1.65; }
.atlas-note a { color:var(--vid-color-accent,#d4b06a); text-decoration:none; font-weight:700; }
.atlas-grid {
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.1rem 3.5rem;
  padding-block:.25rem 2.25rem;
}
.atlas-grid::before {
  content:"";
  position:absolute;
  top:.5rem;
  bottom:1.4rem;
  left:50%;
  width:1px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--vid-color-accent,#d4b06a) 50%,transparent) 10%,rgba(148,163,184,.2) 90%,transparent);
}
.atlas-card {
  position:relative;
  min-width:0;
  padding:1.2rem 1.25rem 1.25rem;
  border:1px solid rgba(148,163,184,.2);
  border-radius:var(--vid-radius-lg,24px);
  background:
    radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--vid-color-accent,#d4b06a) 9%,transparent),transparent 30%),
    rgba(10,16,31,.36);
}
.atlas-card:nth-child(even) { transform:translateY(2rem); }
.atlas-card::after {
  content:"";
  position:absolute;
  top:42px;
  width:1.75rem;
  height:1px;
  background:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 38%,rgba(148,163,184,.25));
}
.atlas-card:nth-child(odd)::after { right:-1.76rem; }
.atlas-card:nth-child(even)::after { left:-1.76rem; }
.atlas-card__head { display:flex; justify-content:space-between; align-items:start; gap:1rem; }
.atlas-card__flag,
.country-rank-card__flag {
  display:grid;
  place-items:center;
  min-width:48px;
  min-height:36px;
  font-size:2rem;
  line-height:1;
  filter:saturate(.92);
}
.atlas-card__coord { display:flex; align-items:baseline; gap:.45rem; color:var(--vid-color-text-muted,#a3afc7); }
.atlas-card__coord small { font-size:.58rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.atlas-card__coord b { color:var(--vid-color-accent,#d4b06a); font-family:"Cormorant Garamond",Georgia,serif; font-size:1.35rem; }
.atlas-card__theme { margin:1rem 0 .2rem; color:var(--vid-color-accent,#d4b06a); font-size:.64rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.atlas-card h3 { margin:.15rem 0 .55rem; font-size:clamp(1.25rem,2.2vw,1.55rem); }
.atlas-card__desc { margin:0; color:var(--vid-color-text-muted,#a3afc7); font-size:.85rem; line-height:1.62; }
.atlas-axis { margin-top:1.15rem; padding-top:.8rem; border-top:1px solid rgba(148,163,184,.13); }
.atlas-axis__labels { display:flex; justify-content:space-between; gap:1rem; margin-bottom:.48rem; color:var(--vid-color-text-muted,#a3afc7); font-size:.6rem; letter-spacing:.055em; text-transform:uppercase; }
.atlas-axis__line { position:relative; height:1px; background:rgba(148,163,184,.24); }
.atlas-axis__line i { position:absolute; left:var(--atlas-pos,50%); top:50%; width:9px; height:9px; transform:translate(-50%,-50%); border:2px solid var(--vid-color-accent,#d4b06a); border-radius:50%; background:var(--vid-color-bg,#07101f); box-shadow:0 0 0 4px color-mix(in srgb,var(--vid-color-accent,#d4b06a) 9%,transparent); }
.atlas-card__link,
.country-rank-card__link { display:inline-block; margin-top:1rem; color:var(--vid-color-accent,#d4b06a); text-decoration:none; font-size:.74rem; font-weight:700; }
.travel-index-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.country-rank-card__top { grid-template-columns:auto 1fr auto; }
.country-rank-card__top .ranking-card__rank { justify-self:start; }

/* LIGHT MODE */
html[data-vid-theme="light"] .hub-mini-card,
html[data-vid-theme="light"] .ranking-card,
html[data-vid-theme="light"] .portfolio-model-card,
html[data-vid-theme="light"] .release-card,
html[data-vid-theme="light"] .dj-set-card,
html[data-vid-theme="light"] .gear-card {
  background: rgba(255,255,255,.72);
  border-color: rgba(71,85,105,.18);
}
html[data-vid-theme="light"] .hub-notice { background:rgba(212,176,106,.08); border-color:rgba(146,107,43,.25); }
html[data-vid-theme="light"] .music-feature__art { background:linear-gradient(135deg,rgba(146,107,43,.1),transparent 48%),#eef1f5; box-shadow:24px 24px 0 rgba(146,107,43,.055); }
html[data-vid-theme="light"] .music-event-card,
html[data-vid-theme="light"] .platform-links,
html[data-vid-theme="light"] .platform-links a,
html[data-vid-theme="light"] .creative-loop__node,
html[data-vid-theme="light"] .atlas-note { border-color:rgba(71,85,105,.17); }
html[data-vid-theme="light"] .creative-loop__core,
html[data-vid-theme="light"] .atlas-card { background:rgba(255,255,255,.76); border-color:rgba(71,85,105,.18); }

@media (max-width: 900px) {
  .hub-dual { grid-template-columns:1fr; gap:2.6rem; }
  .hub-column + .hub-column { padding-left:0; }
  .hub-column + .hub-column::before { display:none; }
  .hub-dual--countries .atlas-grid { padding-left:2.3rem; }
  .hub-mini-grid,
  .portfolio-model-grid,
  .release-grid,
  .music-past-grid,
  .gear-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .score-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .creative-loop { min-height:560px; padding-inline:.25rem; }
  .atlas-grid { gap:1rem 2.5rem; }
  .atlas-card:nth-child(odd)::after { right:-1.26rem; width:1.25rem; }
  .atlas-card:nth-child(even)::after { left:-1.26rem; width:1.25rem; }
  .country-rank-card .ranking-card__head { grid-template-columns:42px 74px minmax(0,1fr) auto; }
  .country-rank-card__image { width:74px; }
  .platform-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .content-hub-page,
  .content-hub,
  .hub-section,
  .music-page .page-hero,
  .gear-page .page-hero { width:min(100% - 1.15rem, var(--vid-max-width,1120px)); }

  .content-hub__switch { width:100%; overflow-x:auto; justify-content:flex-start; }
  .content-hub__switch .vid-view-switch__btn { flex:0 0 auto; min-width:max-content; }
  .writing-hub__switch { display:flex; width:100%; border-radius:14px; scrollbar-width:none; }
  .writing-hub__switch::-webkit-scrollbar { display:none; }
  .writing-hub__switch .vid-view-switch__btn { flex:1 0 148px; min-width:148px; }

  .hub-mini-grid,
  .portfolio-model-grid,
  .release-grid,
  .music-past-grid,
  .gear-grid { grid-template-columns:1fr; }

  .ranking-card__head { grid-template-columns:38px minmax(0,1fr) auto; gap:.7rem; align-items:start; }
  .ranking-card__rank { font-size:1.35rem; padding-top:.12rem; }
  .ranking-card__score { font-size:1.35rem; }
  .score-grid { grid-template-columns:1fr 1fr; gap:.7rem; }

  .country-rank-card .ranking-card__head { grid-template-columns:36px 64px minmax(0,1fr); }
  .country-rank-card__image { width:64px; }
  .country-rank-card .ranking-card__score { grid-column:3; justify-self:start; margin-top:.35rem; }

  .music-feature__layout { grid-template-columns:1fr; gap:1.6rem; }
  .music-feature__art { width:min(88vw,390px); box-shadow:14px 14px 0 color-mix(in srgb,var(--vid-color-accent,#d4b06a) 5%,transparent); }
  .music-feature__copy { padding-right:0; }
  .music-feature__copy h2 { max-width:none; font-size:clamp(2.55rem,12vw,4.4rem); }
  .music-feature__layout::after { font-size:clamp(4.5rem,24vw,7rem); }

  .dj-set-card { grid-template-columns:36px 72px minmax(0,1fr) 34px; gap:.65rem; padding:.65rem; }
  .dj-set-card__image { width:72px; aspect-ratio:1/1; }
  .dj-set-card__body > div { display:none; }
  .dj-set-card__body > p { white-space:normal; }

  .music-event-card { grid-template-columns:68px minmax(0,1fr) auto; gap:.65rem; padding:.9rem .2rem; }
  .music-event-card time { width:58px; }
  .platform-links { grid-template-columns:1fr; }

  .asset-card-grid,
  .atlas-grid,
  .travel-index-grid { grid-template-columns:1fr; }
  .atlas-grid::before,
  .atlas-card::after { display:none; }
  .atlas-card:nth-child(even) { transform:none; }
  .creative-loop {
    display:grid;
    grid-template-columns:1fr;
    gap:.75rem;
    min-height:0;
    padding:3.2rem 0 .4rem 2.2rem;
    border-bottom:0;
  }
  .creative-loop__geometry { display:none; }
  .creative-loop__micro { inset:.85rem 0 auto; }
  .creative-loop::before {
    content:"";
    position:absolute;
    left:.72rem;
    top:4.1rem;
    bottom:.9rem;
    width:1px;
    background:linear-gradient(180deg,var(--vid-color-accent,#d4b06a),rgba(148,163,184,.15));
  }
  .creative-loop__core {
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:100%;
    aspect-ratio:auto;
    min-height:122px;
    border-radius:18px;
    justify-items:start;
    text-align:left;
    padding:1rem 1.1rem;
  }
  .creative-loop__core::before,.creative-loop__core::after { display:none; }
  .creative-loop__lotus { width:50px; }
  .creative-loop__node,
  .creative-loop__node--01, .creative-loop__node--02, .creative-loop__node--03, .creative-loop__node--04, .creative-loop__node--05 {
    position:relative;
    inset:auto;
    width:100%;
    text-align:left;
    padding:.8rem .2rem .85rem;
  }
  .creative-loop__node p,
  .creative-loop__node--04 p { margin:0; max-width:none; }
  .creative-loop__node::after,
  .creative-loop__node--04::after { left:-1.65rem; transform:none; }
  .about-gear-link { align-items:flex-start; flex-direction:column; }
}

@media (max-width: 480px) {
  .score-grid { grid-template-columns:1fr; }
  .ranking-card__head { grid-template-columns:34px minmax(0,1fr); }
  .ranking-card__score { grid-column:2; justify-self:start; }
  .country-rank-card .ranking-card__head { grid-template-columns:32px 58px minmax(0,1fr); }
  .country-rank-card__image { width:58px; }
  .country-rank-card .ranking-card__score { grid-column:3; }
  .dj-set-card { grid-template-columns:32px minmax(0,1fr) 34px; }
  .dj-set-card__image { display:none; }
  .dj-set-card__link { grid-column:3; }
}

@media (prefers-reduced-motion: reduce) {
  .release-card__art img,
  .music-feature__art img,
  .gear-card__media img,
  .creative-loop__node { transition:none; }
}

/* ==========================================================
   v1.2.2 — CREATIVE FLOW
   Replaces the orbital/technical map with one calm editorial current.
   ========================================================== */
.creative-flow {
  position: relative;
  overflow: hidden;
  margin-top: 1.25rem;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: clamp(18px,2.4vw,28px);
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb,var(--vid-color-accent,#d4b06a) 9%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.025), rgba(255,255,255,.006));
  box-shadow: 0 26px 70px rgba(0,0,0,.16);
}
.creative-flow::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(148,163,184,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.045) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,#000,transparent 62%);
}
.creative-flow__mast {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(160px,.42fr) minmax(0,1fr);
  gap:clamp(1rem,3vw,2.4rem);
  align-items:center;
  min-height:clamp(190px,25vw,280px);
  padding:clamp(1.4rem,3.6vw,3.2rem);
  border-bottom:1px solid rgba(148,163,184,.16);
}
.creative-flow__word { min-width:0; }
.creative-flow__word--end { text-align:right; }
.creative-flow__word > span {
  display:block;
  margin-bottom:.45rem;
  color:var(--vid-color-accent,#d4b06a);
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.creative-flow__word strong {
  display:block;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(3.3rem,8.5vw,7.8rem);
  font-weight:600;
  line-height:.72;
  letter-spacing:-.055em;
  color:var(--vid-color-text,#f5f5f7);
  white-space:nowrap;
}
.creative-flow__signal {
  position:relative;
  display:grid;
  place-items:center;
  min-height:100px;
}
.creative-flow__signal::before {
  content:"";
  position:absolute;
  left:-1rem;
  right:-1rem;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(148,163,184,.28) 12%,var(--vid-color-accent,#d4b06a) 50%,rgba(148,163,184,.28) 88%,transparent);
}
.creative-flow__signal i {
  position:absolute;
  top:calc(50% - 3px);
  left:8%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--vid-color-accent,#d4b06a);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--vid-color-accent,#d4b06a) 10%,transparent),0 0 22px color-mix(in srgb,var(--vid-color-accent,#d4b06a) 55%,transparent);
  animation:vidCreativeSignal 8.5s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
@keyframes vidCreativeSignal { to { left:calc(92% - 6px); } }
.creative-flow__lotus {
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:78px;
  aspect-ratio:1;
  border:1px solid color-mix(in srgb,var(--vid-color-accent,#d4b06a) 52%,rgba(148,163,184,.16));
  border-radius:50%;
  color:var(--vid-color-accent,#d4b06a);
  background:color-mix(in srgb,var(--vid-color-bg,#07101f) 95%,transparent);
  box-shadow:0 0 0 10px color-mix(in srgb,var(--vid-color-accent,#d4b06a) 3%,transparent);
}
.creative-flow__lotus svg { width:48px; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
.creative-flow__steps {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin:0;
  padding:0;
  list-style:none;
}
.creative-flow__step {
  position:relative;
  min-width:0;
  min-height:205px;
  padding:clamp(1.25rem,2.4vw,2rem) clamp(1rem,1.8vw,1.45rem) 1.55rem;
  border-left:1px solid rgba(148,163,184,.14);
  transition:background-color .28s ease, transform .28s ease;
}
.creative-flow__step:first-child { border-left:0; }
.creative-flow__step::before {
  content:"";
  position:absolute;
  left:0;
  right:100%;
  top:-1px;
  height:2px;
  background:var(--vid-color-accent,#d4b06a);
  transition:right .36s cubic-bezier(.2,.8,.2,1);
}
.creative-flow__step:hover::before { right:0; }
.creative-flow__step:hover { background:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 4.5%,transparent); }
.creative-flow__num {
  position:absolute;
  right:.7rem;
  top:.35rem;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(4rem,6vw,6.7rem);
  line-height:1;
  color:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 8%,transparent);
  pointer-events:none;
}
.creative-flow__step h3 {
  position:relative;
  margin:0 0 .7rem;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(1.3rem,2vw,1.65rem);
  font-weight:600;
  line-height:1;
}
.creative-flow__step p {
  position:relative;
  margin:0;
  color:var(--vid-color-text-muted,#a3afc7);
  font-size:.82rem;
  line-height:1.66;
}
.creative-flow__footer {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:.72rem clamp(1rem,2.5vw,1.6rem);
  border-top:1px solid rgba(148,163,184,.12);
  color:var(--vid-color-text-muted,#a3afc7);
  font-size:.52rem;
  font-weight:700;
  letter-spacing:.13em;
}
.creative-flow__footer i { flex:1 1 auto; height:1px; background:rgba(148,163,184,.14); }

html[data-vid-theme="light"] .creative-flow {
  border-color:rgba(85,68,45,.2);
  background:
    radial-gradient(circle at 18% 0%,rgba(122,31,43,.085),transparent 34%),
    linear-gradient(145deg,#fbf7ef,#f3ecdf);
  box-shadow:0 26px 70px rgba(96,70,37,.10);
}
html[data-vid-theme="light"] .creative-flow::before {
  background-image:
    linear-gradient(rgba(85,68,45,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(85,68,45,.05) 1px,transparent 1px);
}
html[data-vid-theme="light"] .creative-flow__mast,
html[data-vid-theme="light"] .creative-flow__footer,
html[data-vid-theme="light"] .creative-flow__step { border-color:rgba(85,68,45,.14); }
html[data-vid-theme="light"] .creative-flow__word strong { color:#221d18; }
html[data-vid-theme="light"] .creative-flow__word > span { color:#7a1f2b; }
html[data-vid-theme="light"] .creative-flow__step::before { background:#7a1f2b; }
html[data-vid-theme="light"] .creative-flow__lotus {
  color:#7a1f2b;
  border-color:rgba(122,31,43,.34);
  background:#f7f0e4;
  box-shadow:0 0 0 10px rgba(122,31,43,.025);
}
html[data-vid-theme="light"] .creative-flow__signal::before { background:linear-gradient(90deg,transparent,rgba(85,68,45,.2),rgba(122,31,43,.55),rgba(85,68,45,.2),transparent); }
html[data-vid-theme="light"] .creative-flow__signal i { background:#7a1f2b; box-shadow:0 0 0 6px rgba(122,31,43,.07),0 0 18px rgba(122,31,43,.16); }
html[data-vid-theme="light"] .creative-flow__num { color:rgba(122,31,43,.075); }
html[data-vid-theme="light"] .creative-flow__step:hover { background:rgba(122,31,43,.035); }
html[data-vid-theme="light"] .creative-flow__step h3 { color:#29211a; }
html[data-vid-theme="light"] .creative-flow__step p,
html[data-vid-theme="light"] .creative-flow__footer { color:#6d6255; }

/* Countries v2 — editorial writing on the left; score + Atlas on the right. */
.hub-dual--countries-v2 { grid-template-columns:minmax(0,1.12fr) minmax(355px,.88fr); }
.hub-dual--countries-v2 .country-writing-grid--lead { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hub-dual--countries-v2 .travel-index-grid,
.hub-dual--countries-v2 .atlas-grid--compact { grid-template-columns:1fr; }
.hub-dual--countries-v2 .atlas-grid--compact {
  gap:.8rem;
  padding:0;
}
.hub-dual--countries-v2 .atlas-grid--compact::before,
.hub-dual--countries-v2 .atlas-grid--compact .atlas-card::after { display:none; }
.hub-dual--countries-v2 .atlas-grid--compact .atlas-card,
.hub-dual--countries-v2 .atlas-grid--compact .atlas-card:nth-child(even) {
  transform:none;
  padding:1rem 1.05rem 1.05rem;
  border-radius:16px;
}
.hub-dual--countries-v2 .atlas-grid--compact .atlas-card__flag { min-width:40px; min-height:30px; font-size:1.7rem; }
.hub-dual--countries-v2 .atlas-grid--compact .atlas-card__theme { margin-top:.7rem; }
.hub-dual--countries-v2 .atlas-grid--compact .atlas-card h3 { font-size:1.22rem; }
.vid-empty-state--ranking { min-height:92px; display:flex; align-items:center; }

@media (max-width:1050px) {
  .hub-dual--countries-v2 .country-writing-grid--lead { grid-template-columns:1fr; }
}

@media (max-width:900px) {
  .hub-dual--countries-v2 { grid-template-columns:1fr; }
  .creative-flow__mast { grid-template-columns:1fr auto 1fr; min-height:185px; }
  .creative-flow__word strong { font-size:clamp(2.8rem,9vw,5.5rem); }
  .creative-flow__steps { grid-template-columns:repeat(5,minmax(190px,1fr)); overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:none; }
  .creative-flow__steps::-webkit-scrollbar { display:none; }
  .creative-flow__step { scroll-snap-align:start; }
}

@media (max-width:640px) {
  .creative-flow { border-radius:18px; }
  .creative-flow__mast {
    grid-template-columns:1fr 76px 1fr;
    gap:.55rem;
    min-height:145px;
    padding:1.15rem;
  }
  .creative-flow__word > span { font-size:.48rem; letter-spacing:.11em; }
  .creative-flow__word strong { font-size:clamp(2.05rem,11.5vw,3.45rem); }
  .creative-flow__lotus { width:58px; }
  .creative-flow__lotus svg { width:36px; }
  .creative-flow__steps { grid-template-columns:1fr; overflow:visible; scroll-snap-type:none; }
  .creative-flow__step {
    min-height:0;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:.8rem;
    padding:1rem 1.05rem;
    border-left:0;
    border-top:1px solid rgba(148,163,184,.13);
  }
  .creative-flow__step::before { top:-1px; bottom:auto; }
  .creative-flow__num { position:static; font-size:2rem; color:var(--vid-color-accent,#d4b06a); opacity:.68; }
  .creative-flow__step h3 { margin-bottom:.35rem; }
  .creative-flow__footer { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .creative-flow__signal i { animation:none; left:50%; }
  .creative-flow__step { transition:none; }
}

/* ==========================================================
   v1.2.4 — MOBILE POLISH / RANKING IDENTITY
   ========================================================== */
.vid-view-switch__label--short { display:none; }

.ranking-card__identity {
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:.42rem;
  line-height:1.15;
}
.ranking-card__rank {
  flex:0 0 auto;
  color:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 88%,#fff);
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.09em;
  font-variant-numeric:tabular-nums;
}
.ranking-card__sep {
  flex:0 0 auto;
  color:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 54%,var(--vid-color-text-muted,#a3afc7));
  font-size:.76rem;
}
.ranking-card__name {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--vid-color-text,#f5f5f7);
  font-size:.92rem;
  font-weight:750;
  white-space:nowrap;
}
.asset-score-card__top,
.country-rank-card__top { margin-bottom:.2rem; }
.asset-score-card__top { grid-template-columns:auto minmax(0,1fr) auto; }
.country-rank-card__top { grid-template-columns:auto minmax(0,1fr) auto; }
.country-rank-card__flag {
  min-width:42px;
  min-height:32px;
  display:grid;
  place-items:center;
  font-size:1.75rem;
  line-height:1;
}
html[data-vid-theme="light"] .ranking-card__name { color:#241f1a; }

@media (max-width:640px) {
  /* Three equal doors: no horizontal clipping, no orphaned III. */
  .writing-hub__switch {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:none !important;
    gap:4px !important;
    padding:4px !important;
    overflow:visible !important;
    border-radius:14px !important;
  }
  .writing-hub__switch .vid-view-switch__btn {
    display:flex !important;
    flex:initial !important;
    width:100% !important;
    min-width:0 !important;
    min-height:52px;
    justify-content:center;
    align-items:center;
    gap:.3rem;
    padding:.55rem .22rem !important;
    border-radius:10px !important;
    font-size:.64rem !important;
    letter-spacing:.035em !important;
    white-space:nowrap;
  }
  .writing-hub__switch .vid-view-switch__roman {
    flex:0 0 auto;
    font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    font-size:.67rem !important;
    font-weight:800;
    letter-spacing:0;
    opacity:.58;
  }
  .writing-hub__switch .vid-view-switch__label:not(.vid-view-switch__label--short) { display:none; }
  .writing-hub__switch .vid-view-switch__label--short { display:inline; }

  /* The desktop mast becomes a calm vertical lockup instead of two words fighting for width. */
  .creative-flow__mast {
    grid-template-columns:1fr !important;
    grid-template-rows:auto 64px auto;
    gap:.45rem !important;
    min-height:0 !important;
    padding:1.25rem 1.15rem 1.35rem !important;
  }
  .creative-flow__word { width:100%; }
  .creative-flow__word--start { text-align:left; }
  .creative-flow__word--end { text-align:right; }
  .creative-flow__word > span {
    margin-bottom:.28rem;
    font-size:.48rem !important;
    letter-spacing:.13em !important;
  }
  .creative-flow__word strong {
    max-width:100%;
    font-size:clamp(3.15rem,17vw,4.55rem) !important;
    line-height:.78 !important;
    letter-spacing:-.045em !important;
    white-space:normal !important;
  }
  .creative-flow__signal {
    width:100%;
    min-height:64px;
  }
  .creative-flow__signal::before { left:0; right:0; }
  .creative-flow__lotus { width:54px !important; }
  .creative-flow__lotus svg { width:33px !important; }
  .creative-flow__steps { border-top:1px solid rgba(148,163,184,.12); }
  .creative-flow__step {
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:.72rem !important;
    padding:.9rem .95rem !important;
  }
  .creative-flow__num {
    font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    font-size:.82rem !important;
    font-weight:800;
    letter-spacing:.08em;
    padding-top:.24rem;
    opacity:.78 !important;
  }
  .creative-flow__step h3 { font-size:1.18rem; line-height:1.15; }
  .creative-flow__step p { font-size:.78rem; line-height:1.58; }

  .ranking-card__identity { gap:.32rem; }
  .ranking-card__rank { font-size:.72rem !important; padding-top:0 !important; }
  .ranking-card__name { font-size:.86rem; }
  .country-rank-card__flag { min-width:38px; font-size:1.55rem; }
}


/* ==========================================================
   v1.2.5 — NUMERIC LEGIBILITY + GEAR MOBILE SWITCH
   ========================================================== */
/* Editorial serif is kept for prose, not interface numbers. */
.atlas-card__coord b {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  font-variant-numeric: tabular-nums;
}
.atlas-card__coord small {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ranking-card__score {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 760 !important;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
}
.ranking-card__score small {
  margin-left: .08rem;
  color: color-mix(in srgb, var(--vid-color-text, #f5f5f7) 70%, var(--vid-color-text-muted, #a3afc7)) !important;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .58em !important;
  font-weight: 700 !important;
  letter-spacing: 0;
}

@media (max-width: 640px) {
  /* Gear has exactly two states; treat them as two equal doors instead of a
     horizontally scrolling generic switch. */
  .gear-hub .content-hub__switch {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 4px !important;
    padding: 4px !important;
    overflow: visible !important;
    justify-content: stretch !important;
    border-radius: 14px !important;
  }
  .gear-hub .content-hub__switch .vid-view-switch__btn {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px;
    flex: initial !important;
    justify-content: center;
    gap: .42rem;
    padding: .55rem .45rem !important;
    border-radius: 10px !important;
    font-size: .69rem !important;
    letter-spacing: .055em !important;
    white-space: nowrap;
  }
  .gear-hub .vid-view-switch__roman {
    flex: 0 0 auto;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: .66rem !important;
    font-weight: 800;
    letter-spacing: 0;
    opacity: .6;
  }
  .gear-hub .vid-view-switch__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .atlas-card__coord { gap: .35rem; }
  .atlas-card__coord b { font-size: .72rem !important; }
  .ranking-card__score { font-size: 1.48rem !important; }
  .ranking-card__score small { font-size: .56em !important; }
}