/* Suite 444 shared interaction + motion layer (loaded after styles.css on every page) */

/* Scroll progress bar */
.fx-progress {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 1000;
  height: 3px;
  background: linear-gradient(90deg, #f4d77a, #c99b2f 40%, #e6498b);
  box-shadow: 0 0 10px rgba(230, 73, 139, 0.6);
  transform: scaleX(0);
  transform-origin: left;
  pointer-events: none;
}

/* Back to top with progress ring */
.fx-top {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 900;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(11, 10, 8, 0.88);
  color: #f4d77a;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  transform: translateY(16px) scale(0.9);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.fx-top.is-on { opacity: 1; transform: none; pointer-events: auto; }
.fx-top:hover, .fx-top:focus-visible { box-shadow: 0 0 22px rgba(230, 73, 139, 0.55); }
.fx-top svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.fx-top circle { fill: none; stroke-width: 3; }
.fx-top .fx-ring-bg { stroke: rgba(244, 215, 122, 0.22); }
.fx-top .fx-ring { stroke: #e6498b; stroke-linecap: round; stroke-dasharray: 144.5; stroke-dashoffset: 144.5; }
.fx-top span { position: relative; transition: transform 0.25s ease; }
.fx-top:hover span { transform: translateY(-3px); }

/* Reveal on scroll (only armed when JS + IntersectionObserver run) */
.fx-armed .fx-rv {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: var(--fx-d, 0ms);
}

.fx-armed .fx-rv.fx-in { opacity: 1; transform: none; }

/* Heading underline sweep */
.fx-sweep { position: relative; }
.fx-sweep::after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, #f4d77a, #e6498b);
  transition: width 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) 0.2s;
}

.fx-sweep.fx-in::after { width: 84px; }
.fx-sweep[style*="left"]::after, .fx-left::after { margin-left: 0; }

/* Card tilt + glare */
.fx-tilt {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  transform: perspective(900px) rotateX(var(--fx-rx, 0deg)) rotateY(var(--fx-ry, 0deg));
  will-change: transform;
}

.fx-tilt.is-hot { box-shadow: 0 18px 40px rgba(230, 73, 139, 0.2); transition: box-shadow 0.25s ease; }

/* Cursor spotlight on dark sections */
.fx-spot { position: relative; }
.fx-spot::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(244, 215, 122, 0.09), rgba(230, 73, 139, 0.05) 45%, transparent 70%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.fx-spot.is-lit::after { opacity: 1; }

/* Hero sparkles */
.fx-sparkles {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.fx-sparkles i {
  position: absolute;
  left: var(--x);
  top: var(--y);
  color: var(--c, #f4d77a);
  font-size: var(--s, 16px);
  font-style: normal;
  opacity: 0.55;
  animation: fx-float var(--t, 9s) ease-in-out infinite;
  animation-delay: var(--dl, 0s);
}

@keyframes fx-float {
  0%, 100% { transform: translate(var(--px, 0px), 0) rotate(0deg) scale(1); opacity: 0.25; }
  50% { transform: translate(var(--px, 0px), -26px) rotate(90deg) scale(1.3); opacity: 0.8; }
}

/* Click burst */
.fx-burst {
  position: fixed;
  z-index: 1001;
  color: #f4d77a;
  font-size: 14px;
  pointer-events: none;
  animation: fx-pop 0.8s ease-out forwards;
}

@keyframes fx-pop {
  from { transform: translate(0, 0) scale(1); opacity: 1; }
  to { transform: translate(var(--dx), var(--dy)) scale(0.2) rotate(180deg); opacity: 0; }
}

/* Buttons: shine sweep */
.gold-button, .discovery-button, .outline-button { position: relative; overflow: hidden; }
.gold-button::before, .discovery-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -70%;
  width: 40%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.55), transparent);
  transform: skewX(-20deg);
  pointer-events: none;
}

.gold-button:hover::before, .discovery-button:hover::before { left: 130%; transition: left 0.7s ease; }

/* Brand ticker before the footer */
.fx-marquee {
  overflow: hidden;
  padding: 18px 0;
  border-top: 1px solid rgba(201, 155, 47, 0.5);
  border-bottom: 1px solid rgba(201, 155, 47, 0.5);
  background: linear-gradient(90deg, #0b0a08, #1b1409 50%, #0b0a08);
}

.fx-marquee-track { display: flex; width: max-content; animation: fx-scroll 38s linear infinite; }
.fx-marquee:hover .fx-marquee-track { animation-play-state: paused; }

.fx-marquee span {
  padding: 0 26px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(18px, 2.6vw, 28px);
  font-style: italic;
  letter-spacing: 0.08em;
  white-space: nowrap;
  background: linear-gradient(90deg, #f4d77a, #c99b2f 40%, #f28fb9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  transition: transform 0.25s ease;
}

.fx-marquee span:hover { transform: scale(1.12) rotate(-1.5deg); }
@keyframes fx-scroll { to { transform: translateX(-50%); } }


@media (max-width: 560px) { .fx-top { right: 12px; bottom: 12px; } }

@media (prefers-reduced-motion: reduce) {
  .fx-sparkles, .fx-progress { display: none; }
  .fx-marquee-track { animation: none; }
  .fx-armed .fx-rv { opacity: 1; transform: none; transition: none; }
  .fx-tilt, .fx-result { animation: none; transform: none; }
}

/* ===== Round 2: sitewide motion graphics ===== */

/* Page fade-in: removed (pages appear instantly). */

/* Nav link underline slide + logo wiggle */
.site-nav a, .top-menu-links a, .footer-contact a, .site-footer div > a:not(.brand-mark):not(.discovery-button) {
  background: linear-gradient(90deg, #f4d77a, #e6498b) no-repeat 0 100% / 0 2px;
  transition: background-size 0.35s ease, color 0.25s ease, transform 0.25s ease;
}

.site-nav a:hover, .top-menu-links a:hover, .footer-contact a:hover,
.site-footer div > a:not(.brand-mark):not(.discovery-button):hover { background-size: 100% 2px; }
.site-footer div > a:not(.brand-mark):not(.discovery-button):hover { transform: translateX(4px); }

.brand-mark img { transition: transform 0.5s cubic-bezier(0.3, 1.6, 0.4, 1), filter 0.4s ease; }
.brand-mark:hover img { transform: rotate(-6deg) scale(1.08); filter: drop-shadow(0 0 12px rgba(244, 215, 122, 0.7)); }

/* (word-split removed; legacy rules kept inert) */
.fx-w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.12em; margin-bottom: -0.12em; }
.fx-wi { display: inline-block; transform: translateY(110%); animation: fx-word 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; animation-delay: calc(var(--i) * 70ms + 150ms); }
@keyframes fx-word { to { transform: none; } }

/* Aurora drifting light behind dark sections */
.fx-aurora { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; mix-blend-mode: screen; }
.fx-aurora::before, .fx-aurora::after {
  content: "";
  position: absolute;
  width: 60%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(230, 73, 139, 0.22), transparent 65%);
  animation: fx-drift 22s ease-in-out infinite alternate;
  will-change: transform;
}

.fx-aurora::before { left: -10%; top: -20%; }
.fx-aurora::after { right: -12%; bottom: -30%; background: radial-gradient(circle, rgba(201, 155, 47, 0.26), transparent 65%); animation-duration: 28s; animation-direction: alternate-reverse; }
@keyframes fx-drift { from { transform: translate(0, 0) scale(1); } to { transform: translate(18%, 14%) scale(1.25); } }

/* Animated section edge line */
.fx-edge { position: absolute; left: 0; right: 0; top: 0; z-index: 1; height: 1px; pointer-events: none; overflow: hidden; }
.fx-edge::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, #f4d77a 30%, #e6498b 50%, #f4d77a 70%, transparent);
  transform: scaleX(0);
  transition: transform 1.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.fx-edge.fx-in::before { transform: scaleX(1); }

/* Cursor follower */
.fx-cursor, .fx-cursor-dot { position: fixed; left: 0; top: 0; z-index: 1002; pointer-events: none; border-radius: 50%; opacity: 0; transition: opacity 0.3s ease; }
.fx-cursor { width: 38px; height: 38px; margin: -19px 0 0 -19px; border: 1.5px solid rgba(230, 73, 139, 0.85); transition: opacity 0.3s ease, width 0.25s ease, height 0.25s ease, margin 0.25s ease, background 0.25s ease; }
.fx-cursor-dot { width: 6px; height: 6px; margin: -3px 0 0 -3px; background: #f4d77a; }
.fx-cursor.is-on, .fx-cursor-dot.is-on { opacity: 1; }
.fx-cursor.is-link { width: 62px; height: 62px; margin: -31px 0 0 -31px; background: rgba(230, 73, 139, 0.12); }

/* Reverse outline ticker */
.fx-marquee.fx-rev { border-top: 0; background: #0b0a08; padding: 10px 0; }
.fx-marquee.fx-rev .fx-marquee-track { animation-direction: reverse; animation-duration: 55s; }
.fx-marquee.fx-rev span { font-size: clamp(14px, 2vw, 20px); font-style: normal; letter-spacing: 0.3em; text-transform: uppercase; background: none; color: transparent; -webkit-text-stroke: 1px rgba(244, 215, 122, 0.6); }

/* Gentle idle float for badges and icons */
.hero-academy, .scroll-cue-arrow, .rd-sticker { animation-name: fx-bob; animation-duration: 4.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.scroll-cue-arrow { animation-duration: 1.6s; }
.rd-sticker { animation-name: fx-bob-rot; }
@keyframes fx-bob { 50% { transform: translateY(-6px); } }
@keyframes fx-bob-rot { 0%, 100% { transform: rotate(12deg) translateY(0); } 50% { transform: rotate(8deg) translateY(-8px); } }

/* Image hover zoom inside clipped frames */
main picture, main figure { overflow: hidden; }
main picture img, main figure img { transition: transform 0.7s ease; }
main picture:hover img, main figure:hover img { transform: scale(1.05); }

@media (hover: none), (prefers-reduced-motion: reduce) { .fx-cursor, .fx-cursor-dot { display: none; } }
@media (prefers-reduced-motion: reduce) {
  body { animation: none; }
  .fx-wi { transform: none; animation: none; }
  .fx-aurora::before, .fx-aurora::after, .hero-academy, .scroll-cue-arrow, .rd-sticker { animation: none; }
  .fx-edge::before { transform: scaleX(1); transition: none; }
}

/* Word wrappers must never pick up a page's "h1 span" styling */
h1 .fx-w.fx-w, h1 .fx-w.fx-w .fx-wi {
  display: inline-block;
  margin: 0 0 -0.12em;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  line-height: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
}

h1 .fx-w.fx-w { margin-bottom: -0.12em; }
h1 .fx-w.fx-w .fx-wi { margin: 0; }

/* Keep hero text above the sparkle layer and out of its way */
.rd-hero-copy { position: relative; z-index: 1; }
.fx-sparkles i { opacity: 0.35; }
@keyframes fx-float {
  0%, 100% { transform: translate(var(--px, 0px), 0) rotate(0deg) scale(1); opacity: 0.15; }
  50% { transform: translate(var(--px, 0px), -26px) rotate(90deg) scale(1.3); opacity: 0.5; }
}

/* ===== Home: refined "Explore the Suite" cards ===== */
.home-explore-grid { counter-reset: ex; gap: 22px; }
.home-explore-grid li { counter-increment: ex; }

.home-explore-grid a {
  position: relative;
  overflow: hidden;
  gap: 10px;
  padding: 30px 28px 24px;
  border: 1px solid transparent;
  border-radius: 18px;
  background:
    radial-gradient(280px circle at var(--cx, 85%) var(--cy, 0%), rgba(244, 215, 122, 0.16), transparent 62%) padding-box,
    linear-gradient(160deg, #221a14 0%, #15100d 60%, #1a1218 100%) padding-box,
    linear-gradient(135deg, rgba(244, 215, 122, 0.85), rgba(201, 155, 47, 0.12) 38%, rgba(230, 73, 139, 0.14) 62%, rgba(230, 73, 139, 0.8)) border-box;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.35s ease;
}

.home-explore-grid a::before {
  content: counter(ex, decimal-leading-zero);
  position: absolute;
  right: 18px;
  top: 6px;
  color: transparent;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 74px;
  line-height: 1;
  -webkit-text-stroke: 1px rgba(244, 215, 122, 0.28);
  transition: -webkit-text-stroke-color 0.35s ease, transform 0.5s ease;
  pointer-events: none;
}

.home-explore-grid a::after {
  content: "";
  position: absolute;
  left: 28px;
  top: 0;
  width: 46px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, #f4d77a, #e6498b);
  transition: width 0.45s ease;
}

.home-explore-grid a:hover,
.home-explore-grid a:focus-visible {
  transform: translateY(-6px);
  border-color: transparent;
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.45), 0 0 34px rgba(230, 73, 139, 0.18);
}

.home-explore-grid a:hover::before { -webkit-text-stroke-color: rgba(230, 73, 139, 0.7); transform: translateY(4px) scale(1.06); }
.home-explore-grid a:hover::after { width: calc(100% - 56px); }

.home-explore-tag {
  align-self: flex-start;
  padding: 5px 12px;
  border: 1px solid rgba(242, 143, 185, 0.4);
  border-radius: 999px;
  background: rgba(230, 73, 139, 0.08);
  font-weight: 700;
}

.home-explore-grid strong { margin-top: 6px; padding-right: 54px; }

.home-explore-go {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 16px;
  border-top: 1px dashed rgba(244, 215, 122, 0.3);
  transition: color 0.25s ease, letter-spacing 0.3s ease;
}

.home-explore-grid a:hover .home-explore-go { color: #f28fb9; letter-spacing: 0.22em; }

/* ===== Home: "How it works" step cards ===== */
@media (min-width: 761px) {
  .process-timeline { gap: 24px; margin-top: 68px; }
  .process-timeline::before { top: 0; background: linear-gradient(90deg, transparent, var(--gold) 20%, #e6498b 50%, var(--gold) 80%, transparent); }
  .timeline-step {
    padding: 44px 24px 30px;
    border: 1px solid rgba(201, 155, 47, 0.35);
    border-radius: 18px;
    background: linear-gradient(170deg, rgba(34, 26, 20, 0.92), rgba(18, 14, 11, 0.92));
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3);
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
  }
  .timeline-step:hover { transform: translateY(-6px); border-color: #e6498b; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 28px rgba(230, 73, 139, 0.16); }
  .timeline-step .step-num {
    top: -22px;
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #fff1a8, #d8a532);
    border-color: #f7dd82;
    color: #1b1405;
    box-shadow: 0 0 0 6px #0b0a08, 0 0 22px rgba(244, 215, 122, 0.4);
  }
  .timeline-step h3 { font-family: Georgia, "Times New Roman", serif; font-size: 20px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold-light); }
}

@media (max-width: 760px) {
  .timeline-step { padding-bottom: 6px; }
  .timeline-step .step-num { background: linear-gradient(135deg, #fff1a8, #d8a532); border-color: #f7dd82; color: #1b1405; }
}

/* ==========================================================
   Home page light theme (matches the radio page palette).
   The hero keeps its dark portrait backdrop as the focal point.
   ========================================================== */
.home-page main {
  --soft: #4b443a;
  --muted: #7a705f;
  --gold-light: #94680f;
  --pink-light: #d10f6c;
  --paper: #fffaf2;
  --blush: #fff0f6;
  --sand: #f6ecdb;
  --edge: rgba(139, 102, 23, 0.3);
}

.home-page main .hero {
  --soft: #d8d0c1;
  --muted: #a9a093;
  --gold-light: #f4d77a;
  --pink-light: #f28fb9;
}

/* Section surfaces */
.home-page .content-section.section-dark {
  color: var(--ink);
  background: linear-gradient(180deg, var(--sand), var(--paper));
}

.home-page .founder-preview {
  color: var(--ink);
  background: radial-gradient(circle at 85% 20%, rgba(255, 20, 147, 0.1), transparent 40%), var(--paper);
}

.home-page .suite-newsroom {
  color: var(--ink);
  background: radial-gradient(circle at 86% 12%, rgba(255, 20, 147, 0.12), transparent 30%), radial-gradient(circle at 9% 88%, rgba(201, 155, 47, 0.2), transparent 34%), linear-gradient(135deg, var(--blush), var(--sand));
}

.home-page .suite-newsroom::before { color: rgba(139, 102, 23, 0.09); }

/* Headings and text on the lightened sections */
.home-page .content-section.section-dark h2,
.home-page .founder-preview h2,
.home-page .suite-newsroom h2,
.home-page .x-removed { }

.home-page .founder-preview-copy h2 span,

.home-page .founder-preview-copy p { color: var(--soft); }

/* How it works steps on light */
@media (min-width: 761px) {
  .home-page .timeline-step {
    background: linear-gradient(170deg, #ffffff, #fff8ea);
    border-color: var(--edge);
    box-shadow: 0 12px 28px rgba(139, 102, 23, 0.12);
  }
  .home-page .timeline-step:hover { border-color: #ff1493; box-shadow: 0 18px 36px rgba(196, 15, 115, 0.16); }
  .home-page .timeline-step h3 { color: var(--gold-dark); }
  .home-page .timeline-step .step-num { box-shadow: 0 0 0 6px var(--paper), 0 6px 18px rgba(139, 102, 23, 0.3); }
}

.home-page .timeline-step p { color: var(--soft); }
.home-page .process-timeline::before { opacity: 0.9; }

/* Newsroom cards on light */
.home-page .newsroom-card {
  border-color: var(--edge);
  background: linear-gradient(150deg, #ffffff, #fff8ea);
  box-shadow: 0 12px 30px rgba(139, 102, 23, 0.12);
}

.home-page .newsroom-announcement { background: linear-gradient(150deg, #ffffff, #fff0f6); border-color: rgba(196, 15, 115, 0.3); }
.home-page .newsroom-card h3 { color: var(--ink); }
.home-page .newsroom-card-copy > p:not(.newsroom-meta) { color: var(--soft); }
.home-page .newsroom-announcement h3 span { color: var(--pink-dark); }
.home-page .newsroom-card-number { background: #fff; color: var(--gold-dark); border-color: var(--edge); }
.home-page .newsroom-card:hover { border-color: #ff1493; }

/* Dark-section effects have no place on the light sections */
.home-page .home-explore.fx-spot::after,
.home-page .content-section.fx-spot::after,
.home-page .founder-preview.fx-spot::after,
.home-page .suite-newsroom.fx-spot::after,
.home-page .work-proof.fx-spot::after { background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(255, 20, 147, 0.07), rgba(201, 155, 47, 0.07) 45%, transparent 70%); }

/* Sitewide mini radio player */
.fx-radio {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 900;
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(380px, calc(100vw - 36px));
  padding: 8px 10px 8px 8px;
  border: 1px solid rgba(244, 215, 122, 0.6);
  border-radius: 999px;
  background: rgba(11, 10, 8, 0.94);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  color: #f4d77a;
  backdrop-filter: blur(8px);
  transition: box-shadow 0.3s ease, width 0.3s ease;
}
.fx-radio.is-playing { box-shadow: 0 0 24px rgba(230, 73, 139, 0.45), 0 10px 30px rgba(0, 0, 0, 0.35); }
.fx-radio button { font: inherit; color: inherit; cursor: pointer; border: 0; background: none; padding: 0; }
.fx-r-play {
  flex: none; width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg, #f4d77a, #c99b2f) !important; color: #0b0a08 !important;
  display: grid; place-items: center; transition: transform 0.2s ease;
}
.fx-r-play:hover, .fx-r-play:focus-visible { transform: scale(1.07); }
.fx-r-play svg { width: 22px; height: 22px; fill: currentColor; }
.fx-r-i-pause, .fx-radio.is-playing .fx-r-i-play { display: none; }
.fx-radio.is-playing .fx-r-i-pause { display: block; }
.fx-radio.is-loading .fx-r-play { animation: fx-r-pulse 1s ease-in-out infinite; }
@keyframes fx-r-pulse { 50% { opacity: 0.55; } }
.fx-r-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fx-r-live { display: flex; align-items: center; gap: 8px; font-size: 10px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: #f4d77a; white-space: nowrap; }
.fx-r-title { font-size: 12px; color: #fffaf1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fx-radio .fx-bars { display: inline-flex; align-items: flex-end; gap: 2px; height: 12px; }
.fx-radio .fx-bars i { width: 3px; height: 100%; background: linear-gradient(180deg, #f4d77a, #e6498b); transform-origin: bottom; transform: scaleY(0.3); }
.fx-radio.is-playing .fx-bars i { animation: rd-bar 1s ease-in-out infinite; }
.fx-radio .fx-bars i:nth-child(2) { animation-duration: 0.7s; animation-delay: -0.3s; }
.fx-radio .fx-bars i:nth-child(3) { animation-duration: 1.3s; animation-delay: -0.6s; }
@keyframes rd-bar { 0%, 100% { transform: scaleY(0.25); } 50% { transform: scaleY(1); } }
.fx-r-vol { flex: none; width: 70px; accent-color: #c99b2f; cursor: pointer; }
.fx-r-pop, .fx-r-min { flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; opacity: 0.8; }
.fx-r-pop:hover, .fx-r-min:hover, .fx-r-pop:focus-visible, .fx-r-min:focus-visible { opacity: 1; background: rgba(244, 215, 122, 0.15) !important; }
.fx-r-pop svg, .fx-r-min svg { width: 18px; height: 18px; fill: currentColor; }
.fx-radio.is-min { width: 60px; padding: 8px; }
.fx-radio.is-min .fx-r-info, .fx-radio.is-min .fx-r-vol, .fx-radio.is-min .fx-r-pop, .fx-radio.is-min .fx-r-min { display: none; }
@media (max-width: 560px) {
  .fx-radio { left: 12px; bottom: 12px; width: calc(100vw - 24px); }
  .fx-r-vol { display: none; }
}
@media (prefers-reduced-motion: reduce) { .fx-radio .fx-bars i, .fx-radio.is-playing .fx-bars i { animation: none; transform: scaleY(0.6); } .fx-radio.is-loading .fx-r-play { animation: none; } }

/* ==========================================================
   Alternating rhythm: light, black, light, black.
   HOME order: hero D | intro L | picker D | about L | journey D | services L |
   explore D | how-it-works L | promise D | founder L | community D |
   newsroom L | reviews D
   ========================================================== */
.home-page main .hero,
.home-page main .home-explore,
.home-page main .promise.section-dark,
.home-page main .community-preview,
.home-page main .work-proof {
  --soft: #d8d0c1;
  --muted: #a9a093;
  --gold-light: #f4d77a;
  --pink-light: #f28fb9;
}

.home-page .promise.section-dark,
.home-page .community-preview {
  color: #fbfaf6;
  background:
    radial-gradient(circle at 88% 8%, rgba(230, 73, 139, 0.16), transparent 30%),
    radial-gradient(circle at 8% 92%, rgba(201, 155, 47, 0.2), transparent 34%),
    linear-gradient(140deg, #050403, #120d08 60%, #0b0508);
}

.home-page .promise h2,
.home-page .community-preview-copy h2 { color: #fbfaf6; }
.home-page .promise h2 span,
.home-page .community-preview-copy h2 span { color: #f4d77a; }
.home-page .promise .ornament,
.home-page .community-preview-copy .ornament { color: #f4d77a; }
.home-page .promise p:not(.eyebrow),
.home-page .community-preview-copy > p:not(.eyebrow) { color: #d8d0c1; }
.home-page .community-preview-copy .eyebrow { color: #f4d77a; }
.home-page .community-preview::before { color: rgba(244, 215, 122, 0.07); }
.home-page .community-preview .dark-button { background: transparent; border-color: #c99b2f; color: #f4d77a; }

/* ===== RADIO order: hero L | motto D | dial L | listen D | about L | lineup D |
   moods L | for D | air L | tools D | grow L | steps D | faq L | touch D | more L | final D ===== */
.rd-page main .rd-dk {
  --soft: #d8d0c1;
  --muted: #a9a093;
  --cream: #fbfaf6;
  --gold-light: #f4d77a;
  --pink-light: #ff5cb0;
  color: #fbfaf6;
  background:
    radial-gradient(circle at 85% 8%, rgba(255, 20, 147, 0.16), transparent 34%),
    radial-gradient(circle at 8% 95%, rgba(201, 155, 47, 0.2), transparent 38%),
    #0e0e10;
}

.rd-page main .rd-dk .rd-head h2,
.rd-page main .rd-dk.rd-final h2,
.rd-page main .rd-dk .rd-tips h3,
.rd-page main .rd-dk .rd-share h3,
.rd-page main .rd-dk .rd-channel h3,
.rd-page main .rd-dk .rd-for-grid h3,
.rd-page main .rd-dk .rd-steps-list h3,
.rd-page main .rd-dk .rd-glance dd { color: #fbfaf6; }

.rd-page main .rd-dk .rd-head h2 span,
.rd-page main .rd-dk.rd-final h2 span { color: #f4d77a; }

.rd-page main .rd-dk .rd-channel,
.rd-page main .rd-dk .rd-for-grid article,
.rd-page main .rd-dk .rd-steps-list li,
.rd-page main .rd-dk .rd-touch-grid > *,
.rd-page main .rd-dk .rd-share,
.rd-page main .rd-dk .rd-quick article,
.rd-page main .rd-dk .rd-glance,
.rd-page main .rd-dk .rd-popout-box {
  border-color: rgba(244, 215, 122, 0.4);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
  box-shadow: none;
}

.rd-page main .rd-dk .rd-channel { background: linear-gradient(90deg, rgba(255, 20, 147, 0.14), rgba(255, 255, 255, 0) 70%); }
.rd-page main .rd-dk .rd-wave b { background: #f4d77a; }
.rd-page main .rd-dk .rd-ch-no,
.rd-page main .rd-dk .rd-steps-list li > span,
.rd-page main .rd-dk .rd-tips li > span,
.rd-page main .rd-dk .rd-glance h3 { color: #ff5cb0; }
.rd-page main .rd-dk .rd-checks strong,
.rd-page main .rd-dk .rd-quick strong,
.rd-page main .rd-dk .rd-touch-grid strong,
.rd-page main .rd-dk .rd-popout-box strong,
.rd-page main .rd-dk .rd-copy-status { color: #f4d77a; }
.rd-page main .rd-dk .rd-checks li { border-bottom-color: rgba(244, 215, 122, 0.3); }
.rd-page main .rd-dk .rd-checks li::before { background: transparent; color: #ff5cb0; }
.rd-page main .rd-dk .rd-tips-note { border-top-color: rgba(244, 215, 122, 0.3); }
.rd-page main .rd-dk .rd-tips-note a { color: #ff5cb0; }
.rd-page main .rd-dk .outline-button { color: #ff5cb0; }
.rd-page main .rd-dk.rd-motto { background: linear-gradient(90deg, #0b0a08, #1c1810 50%, #0b0a08); border-color: rgba(201, 155, 47, 0.6); }
.rd-page main .rd-dk.rd-motto p { background-image: linear-gradient(90deg, #f4d77a, #c99b2f 35%, #ff1493 50%, #c99b2f 65%, #f4d77a); }

/* ===== More gold, sitewide ===== */
::selection { background: #c99b2f; color: #0b0a08; }
:focus-visible { outline-color: #c99b2f; }
.eyebrow { color: #b88a22; }
.section-dark .eyebrow, .rd-dk .eyebrow, .home-page .promise .eyebrow, .home-page .community-preview .eyebrow { color: #f4d77a; }
.ornament { color: #c99b2f; }
.fx-sweep::after { background: linear-gradient(90deg, #f4d77a, #c99b2f, #f4d77a); }
.fx-progress { background: linear-gradient(90deg, #f4d77a, #c99b2f 70%, #f4d77a); box-shadow: 0 0 10px rgba(201, 155, 47, 0.6); }
.fx-top .fx-ring { stroke: #c99b2f; }
.fx-edge::before { background: linear-gradient(90deg, transparent, #c99b2f 25%, #f4d77a 50%, #c99b2f 75%, transparent); }
.fx-edge { height: 2px; }
.fx-cursor { border-color: rgba(201, 155, 47, 0.9); }
.fx-cursor.is-link { background: rgba(201, 155, 47, 0.14); }
.fx-sparkles i:nth-child(n) { --c: #f4d77a; }
.fx-sparkles i:nth-child(3n) { --c: #c99b2f; }

/* Gold rules between sections and above the footer */
main > section + section { border-top: 1px solid rgba(201, 155, 47, 0.45); }
.site-footer { border-top: 2px solid #c99b2f; }
.site-footer h2 { color: #f4d77a; }

/* Gold frames on cards and buttons */
.outline-button { border-color: #c99b2f; }
.home-page .timeline-step, .home-page .newsroom-card, .rd-page .rd-mood-grid article, .rd-page .rd-way { border-color: rgba(201, 155, 47, 0.55); }
.home-page .timeline-step .step-num { box-shadow: 0 0 0 6px var(--paper), 0 0 0 7px #c99b2f, 0 6px 18px rgba(139, 102, 23, 0.3); }
.home-page .home-explore-tag { color: #f4d77a; background: rgba(244, 215, 122, 0.08); border-color: rgba(244, 215, 122, 0.4); }
.home-page .home-explore-go { color: #f4d77a; }
.home-page .home-explore-grid a:hover .home-explore-go { color: #fff1a8; }
.rd-mood-grid span { background: linear-gradient(135deg, #fff1a8, #d8a532); color: #3a2a05; }

/* Radio: dark-section details for the sections that are black in the new order
   (dial, story, moods, get on air, growth, FAQ, ecosystem links) */
.rd-page main .rd-dk .rd-dial-labels { color: #f4d77a; }
.rd-page main .rd-dk .rd-dial-scale {
  background: repeating-linear-gradient(90deg, rgba(244, 215, 122, 0.5) 0 1px, transparent 1px 16px) bottom / 100% 12px no-repeat,
    repeating-linear-gradient(90deg, rgba(244, 215, 122, 0.85) 0 2px, transparent 2px 80px) bottom / 100% 24px no-repeat;
}

.rd-page main .rd-dk.rd-dial { border-color: rgba(201, 155, 47, 0.5); }
.rd-page main .rd-dk .rd-about h2,
.rd-page main .rd-dk.rd-about h2,
.rd-page main .rd-dk .rd-mood-grid h3,
.rd-page main .rd-dk .rd-way h3 { color: #fbfaf6; }
.rd-page main .rd-dk.rd-about h2 span { color: #f4d77a; }

.rd-page main .rd-dk .rd-mood-grid article,
.rd-page main .rd-dk .rd-way,
.rd-page main .rd-dk .rd-grow-grid a,
.rd-page main .rd-dk .rd-more-links a {
  border-color: rgba(244, 215, 122, 0.4);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
  box-shadow: none;
  color: #fbfaf6;
}

.rd-page main .rd-dk .rd-way p { color: #d8d0c1; }
.rd-page main .rd-dk .rd-grow-grid strong,
.rd-page main .rd-dk .rd-facts strong { color: #f4d77a; }
.rd-page main .rd-dk .rd-facts li { background: linear-gradient(90deg, rgba(201, 155, 47, 0.16), transparent); }
.rd-page main .rd-dk .rd-more-links a:hover,
.rd-page main .rd-dk .rd-more-links a:focus-visible { color: #ff5cb0; border-color: #ff1493; }
.rd-page main .rd-dk .rd-mood-grid span { background: linear-gradient(135deg, #fff1a8, #d8a532); color: #3a2a05; }

.rd-page main .rd-dk.rd-faq { color: #fbfaf6; }
.rd-page main .rd-dk .rd-faq-list details { border-bottom-color: rgba(244, 215, 122, 0.3); }
.rd-page main .rd-dk .rd-faq-list summary { color: #fbfaf6; }
.rd-page main .rd-dk .rd-faq-list summary::after { color: #f4d77a; }
.rd-page main .rd-dk .rd-faq-list details p { color: #d8d0c1; }

/* ===== Round 3: motion graphics ===== */

/* Hero constellation canvas */
.fx-dust { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }

/* Drifting gold line shapes behind sections */
.fx-shapes { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.fx-shapes svg { position: absolute; left: var(--x); top: var(--y); width: var(--s); height: var(--s); fill: none; stroke: var(--c, #c99b2f); stroke-width: 1.2; opacity: 0.38; animation: fx-spin var(--t, 50s) linear infinite, fx-bobs 11s ease-in-out infinite; animation-play-state: paused; }
.fx-vis > .fx-shapes svg { animation-play-state: running; }
@keyframes fx-spin { to { rotate: 360deg; } }
@keyframes fx-bobs { 50% { translate: 0 -22px; } }

/* Ghost word that slides with scroll */
.fx-ghostwrap { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.fx-ghost { position: absolute; left: 0; top: 6px; white-space: nowrap; font-family: Georgia, "Times New Roman", serif; font-size: clamp(90px, 16vw, 240px); line-height: 1; letter-spacing: 0.04em; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1px rgba(201, 155, 47, 0.22); will-change: transform; }

/* Ornament pulse */
.ornament { display: block; animation: fx-orn 5s ease-in-out infinite; text-shadow: 0 0 14px rgba(201, 155, 47, 0.45); }
@keyframes fx-orn { 0%, 100% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.25); } }

/* Eyebrow letter-spacing expand */
.fx-armed .eyebrow.fx-eb { letter-spacing: 0.1em; opacity: 0; transition: letter-spacing 1.2s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.8s ease; }
.fx-armed .eyebrow.fx-eb.fx-in { letter-spacing: 0.34em; opacity: 1; }

/* Picture wipe reveal */
.fx-img-armed .fx-img { clip-path: inset(0 0 100% 0); transform: scale(1.1); transition: clip-path 1.1s cubic-bezier(0.2, 0.7, 0.2, 1), transform 1.4s cubic-bezier(0.2, 0.7, 0.2, 1); }
.fx-img-armed .fx-img.fx-in { clip-path: inset(0 0 0 0); transform: none; }

/* Page wipe + intro splash */
.fx-wipe { position: fixed; inset: 0; z-index: 2000; background: linear-gradient(180deg, #0b0a08 0%, #0b0a08 82%, #c99b2f 100%); transform: translateY(100%); transition: transform 0.45s cubic-bezier(0.7, 0, 0.3, 1); pointer-events: none; }
.fx-wipe.is-on { transform: translateY(0); pointer-events: auto; }

.fx-intro { position: fixed; inset: 0; z-index: 2100; display: grid; place-items: center; background: #0b0a08; transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; }
.fx-intro.is-out { transform: translateY(-100%); }
.fx-intro-in { display: grid; justify-items: center; gap: 22px; }
.fx-intro img { width: 120px; height: auto; animation: fx-logo 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) both; filter: drop-shadow(0 0 22px rgba(244, 215, 122, 0.55)); }
.fx-intro-line { width: 0; height: 2px; background: linear-gradient(90deg, #f4d77a, #c99b2f, #f4d77a); animation: fx-line 1s ease 0.2s forwards; }
.fx-intro p { margin: 0; color: #f4d77a; font-family: Georgia, "Times New Roman", serif; font-size: 14px; font-style: italic; letter-spacing: 0.3em; text-transform: uppercase; opacity: 0; animation: fx-fade 0.6s ease 0.5s forwards; }
@keyframes fx-logo { from { opacity: 0; transform: scale(0.7) rotate(-8deg); } to { opacity: 1; transform: none; } }
@keyframes fx-line { to { width: 180px; } }
@keyframes fx-fade { to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .fx-dust, .fx-shapes, .fx-ghostwrap, .fx-wipe, .fx-intro { display: none; }
  .ornament { animation: none; }
  .fx-armed .eyebrow.fx-eb { letter-spacing: 0.34em; opacity: 1; transition: none; }
  .fx-img-armed .fx-img { clip-path: none; transform: none; transition: none; }
}

/* ===== Home: "Explore the Suite" upgrade ===== */
.home-page .home-explore {
  padding: clamp(80px, 9vw, 130px) max(22px, 4vw) clamp(90px, 9vw, 140px);
  background:
    repeating-conic-gradient(from 270deg at 50% 0%, rgba(244, 215, 122, 0.07) 0 3deg, transparent 3deg 9deg) top / 100% 600px no-repeat,
    radial-gradient(circle at 12% 0%, rgba(230, 73, 139, 0.16), transparent 45%),
    radial-gradient(circle at 95% 100%, rgba(201, 155, 47, 0.18), transparent 45%),
    #0b0a08;
}

.ex-title { display: grid; justify-items: center; margin: 6px 0 0; line-height: 0.9; text-transform: none; }
.ex-top { color: #fbfaf6; font-family: Georgia, "Times New Roman", serif; font-size: clamp(26px, 4vw, 48px); font-style: italic; font-weight: 400; letter-spacing: 0.18em; text-transform: uppercase; }
.ex-big { display: block; padding: 0.04em 0.1em 0.12em; font-family: "Pinyon Script", "Snell Roundhand", "Brush Script MT", cursive; font-size: clamp(120px, 21vw, 280px); font-weight: 400; letter-spacing: 0; line-height: 1; background: linear-gradient(100deg, #c99b2f 5%, #f4d77a 30%, #ff5cb0 52%, #f4d77a 74%, #c99b2f 95%); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: ex-shine 7s linear infinite; }
@keyframes ex-shine { to { background-position: -200% 0; } }
.ex-sub { margin: 14px 0 0; color: #d8d0c1; font-size: clamp(18px, 2.2vw, 24px); }
.ex-sub em { color: #f4d77a; font-family: Georgia, "Times New Roman", serif; }

.ex-filter { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 34px 0 0; }
.ex-filter[hidden] { display: none; }
.ex-filter button { padding: 12px 22px; border: 1px solid rgba(244, 215, 122, 0.5); border-radius: 999px; background: rgba(255, 255, 255, 0.04); color: #fbfaf6; font: inherit; font-size: 13px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, border-color 0.25s ease; }
.ex-filter button:hover { transform: translateY(-3px); border-color: #ff5cb0; }
.ex-filter button:focus-visible { outline: 2px solid #f4d77a; outline-offset: 3px; }
.ex-filter button[aria-pressed="true"] { background: linear-gradient(135deg, #fff1a8, #d8a532); border-color: #f7dd82; color: #0b0a08; }

.home-page .home-explore-grid { max-width: 1240px; gap: 26px; margin-top: 46px; }
.home-page .home-explore-grid a { padding: 38px 32px 28px; gap: 12px; border-radius: 6px; }
.home-page .home-explore-grid li { transition: opacity 0.4s ease, transform 0.4s ease, filter 0.4s ease; }
.home-page .home-explore-grid li.is-dim { opacity: 0.22; transform: scale(0.97); filter: grayscale(0.8); pointer-events: none; }
.home-page .home-explore-grid strong { font-size: 27px; line-height: 1.2; padding-right: 0; margin-top: 4px; }
.home-page .home-explore-grid small { font-size: 16px; line-height: 1.65; }
.home-page .home-explore-tag { font-size: 11px; }
.home-page .home-explore-go { font-size: 12px; }

.ex-icon { display: grid; place-items: center; width: 68px; height: 68px; border: 2px solid rgba(244, 215, 122, 0.7); border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(244, 215, 122, 0.22), rgba(244, 215, 122, 0.04)); transition: transform 0.5s cubic-bezier(0.3, 1.5, 0.4, 1), box-shadow 0.4s ease; }
.ex-icon svg { width: 36px; height: 36px; fill: none; stroke: #f4d77a; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.home-explore-grid a:hover .ex-icon { transform: rotate(-8deg) scale(1.12); box-shadow: 0 0 26px rgba(244, 215, 122, 0.5); }

@media (max-width: 620px) { .home-page .home-explore-grid a { padding: 32px 24px 24px; } .ex-filter button { flex: 1 1 40%; } }
@media (prefers-reduced-motion: reduce) { .ex-big { animation: none; } .home-page .home-explore-grid li { transition: none; } }

/* ===== Mobile header: only the first four quick links, in one row ===== */
@media (max-width: 1040px) {
  .top-menu-links {
    display: flex;
    justify-content: space-between;
    gap: 6px;
  }

  .top-menu-links a { display: block; padding: 9px 0; text-align: center; }
  .top-menu-links a:nth-child(n + 5) { display: none; }
}

@media (max-width: 420px) {
  .top-menu-links { font-size: 9px; letter-spacing: 0.06em; }
}

/* ===== Home news: readable on the light section ===== */
.home-page .suite-newsroom .eyebrow { color: #8b6617; }
.home-page .newsroom-heading h2 { color: #2a241d; }
.home-page .newsroom-heading h2 span { color: #c40f73; }
.home-page .newsroom-heading > p { color: #4b443a; font-size: 17px; border-left-color: #c99b2f; }
.home-page .newsroom-meta { color: #6a604f; font-size: 11px; }
.home-page .newsroom-meta span { color: #8b6617; }
.home-page .newsroom-announcement .newsroom-meta span { color: #c40f73; }
.home-page .newsroom-card h3 span, .home-page .newsroom-keys h3 span { color: #c40f73; }
.home-page .newsroom-card-copy > p:not(.newsroom-meta) { color: #3f392f; font-size: 16px; }
.home-page .newsroom-card .dark-button { background: #1b1405; border-color: #1b1405; color: #f4d77a; }
.home-page .newsroom-card-copy strong { color: #2a241d; }

/* ===== Home news: tabbed featured story ===== */
.nw-tabs { display: grid; align-content: start; gap: 12px; }
.nw-tab { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; width: 100%; padding: 18px 18px 20px; overflow: hidden; border: 1px solid rgba(139, 102, 23, 0.35); border-radius: 4px; background: rgba(255, 255, 255, 0.75); color: #2a241d; font: inherit; text-align: left; cursor: pointer; transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
.nw-tab:hover { transform: translateX(5px); border-color: #c40f73; }
.nw-tab:focus-visible { outline: 2px solid #c40f73; outline-offset: 3px; }
.nw-tab-n { display: grid; place-items: center; width: 44px; height: 44px; border: 2px solid #c99b2f; border-radius: 50%; background: #fffaf1; color: #8b6617; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: 700; transition: background 0.3s ease, color 0.3s ease; }
.nw-tab small { display: block; margin-bottom: 4px; color: #6a604f; font-size: 10px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.nw-tab strong { display: block; font-family: Georgia, "Times New Roman", serif; font-size: 17px; font-weight: 400; line-height: 1.3; }
.nw-tab.is-active { background: linear-gradient(135deg, #fff1a8, #f3cf6b); border-color: #c99b2f; box-shadow: 0 10px 26px rgba(139, 102, 23, 0.22); }
.nw-tab.is-active .nw-tab-n { background: #1b1405; border-color: #1b1405; color: #f4d77a; }
.nw-tab.is-active small { color: #5b4408; }
.nw-tab-bar { position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #c40f73; }
.nw-tab.is-active .nw-tab-bar { animation: nw-fill 9s linear forwards; }
.nw-wrap.is-paused .nw-tab-bar { animation-play-state: paused; }
.nw-wrap.is-static .nw-tab-bar { animation: none; width: 0; }
@keyframes nw-fill { to { width: 100%; } }

.nw-wrap .newsroom-grid { display: grid; grid-template-columns: minmax(250px, 340px) minmax(0, 1fr); gap: 30px; align-items: start; }
.nw-wrap .newsroom-card[hidden] { display: none; }
.nw-wrap .newsroom-card { grid-column: 2; grid-row: 1; animation: nw-in 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.nw-wrap .nw-tabs { grid-column: 1; grid-row: 1; }
@keyframes nw-in { from { opacity: 0; transform: translateX(26px); } to { opacity: 1; transform: none; } }

.nw-ctrl { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 4px; color: #4b443a; font-size: 13px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; }
.nw-ctrl-btns { display: flex; gap: 10px; }
.nw-ctrl button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #c99b2f; border-radius: 50%; background: #fff; color: #8b6617; font: inherit; font-size: 18px; cursor: pointer; transition: background 0.25s ease, transform 0.25s ease; }
.nw-ctrl button:hover { background: #fff1a8; transform: scale(1.08); }
.nw-ctrl button:focus-visible { outline: 2px solid #c40f73; outline-offset: 3px; }

@media (max-width: 1000px) {
  .nw-wrap .newsroom-grid { grid-template-columns: minmax(0, 1fr); }
  .nw-wrap .nw-tabs { grid-column: 1; grid-row: 1; display: flex; gap: 10px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .nw-wrap .nw-tabs::-webkit-scrollbar { display: none; }
  .nw-tab { flex: 0 0 min(78vw, 300px); scroll-snap-align: start; }
  .nw-tab:hover { transform: none; }
  .nw-wrap .newsroom-card { grid-column: 1; grid-row: 2; }
  .nw-ctrl { grid-row: 3; }
}

@media (prefers-reduced-motion: reduce) { .nw-wrap .newsroom-card { animation: none; } .nw-tab { transition: none; } }

/* Explore the Suite now carries every resource: closing help line */
.ex-help { margin: 44px 0 0; color: #d8d0c1; font-size: 17px; text-align: center; }
.ex-help a { color: #f4d77a; font-weight: 700; border-bottom: 1px solid rgba(244, 215, 122, 0.5); transition: color 0.2s ease, border-color 0.2s ease; }
.ex-help a:hover, .ex-help a:focus-visible { color: #ff5cb0; border-color: #ff5cb0; }
.ex-filter button { flex: none; }

/* ===== Home: Our Services, dark ===== */
.home-page main .home-services {
  --soft: #d8d0c1;
  --muted: #a9a093;
  --gold-light: #f4d77a;
  --pink-light: #f28fb9;
  position: relative;
  overflow: hidden;
  color: #fbfaf6;
  background:
    radial-gradient(circle at 88% 8%, rgba(230, 73, 139, 0.12), transparent 30%),
    radial-gradient(circle at 8% 96%, rgba(201, 155, 47, 0.16), transparent 40%),
    linear-gradient(135deg, #000 0%, #0b0a08 55%, #10060b 100%);
}


.home-page .home-services > h2 { color: #fbfaf6; }
.home-page .home-services > .eyebrow { color: #f4d77a; }
.home-page .home-services .ornament { color: #f4d77a; text-shadow: 0 0 14px rgba(244, 215, 122, 0.8); }
.home-page .home-services .service-list { border-top-color: rgba(244, 215, 122, 0.3); }
.home-page .home-services .service-row { border-bottom-color: rgba(244, 215, 122, 0.25); }
.home-page .home-services .service-row summary:hover { background: rgba(244, 215, 122, 0.08); }
.home-page .home-services .service-row:nth-child(2) summary:hover { background: rgba(242, 143, 185, 0.1); }
.home-page .home-services .service-row summary:focus-visible { outline-color: #f4d77a; }
.home-page .home-services .service-row h3 { color: #fbfaf6; }
.home-page .home-services .service-row .line-icon { color: #f4d77a; border-color: #f4d77a; background: rgba(244, 215, 122, 0.08); box-shadow: 0 0 22px rgba(244, 215, 122, 0.2); }
.home-page .home-services .service-row:nth-child(2) .line-icon { color: #f28fb9; border-color: #f28fb9; background: rgba(242, 143, 185, 0.1); box-shadow: 0 0 22px rgba(242, 143, 185, 0.22); }
.home-page .home-services .service-row summary::after { color: #f4d77a; }
.home-page .home-services .service-row:nth-child(2) summary::after { color: #f28fb9; }
.home-page .home-services .service-row-body p { color: #d8d0c1; }
.home-page .home-services .service-row-body a { color: #f4d77a; }
.home-page .home-services .service-row:nth-child(2) .service-row-body a { color: #f28fb9; }
.home-page .home-services > .centered .text-link { color: #f28fb9; }
.home-page .home-services.fx-spot::after { background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(244, 215, 122, 0.08), rgba(230, 73, 139, 0.05) 45%, transparent 70%); }

/* Radio mini player: closed play bubble on the right until opened (2026-11-11) */
.fx-radio { left: auto; right: 18px; bottom: 84px; }
.fx-radio.is-min { width: 60px; height: 60px; padding: 0; border-radius: 50%; justify-content: center; gap: 0; }
.fx-radio.is-min .fx-r-play { width: 48px; height: 48px; }
.fx-radio.is-min:not(.is-playing) .fx-r-play { animation: fx-r-ring 2.6s ease-in-out infinite; }
@keyframes fx-r-ring { 0%, 100% { box-shadow: 0 0 0 0 rgba(244, 215, 122, 0.45); } 60% { box-shadow: 0 0 0 10px rgba(244, 215, 122, 0); } }
@media (max-width: 560px) {
  .fx-radio { left: 12px; right: 12px; bottom: 76px; width: auto; }
  .fx-radio.is-min { left: auto; width: 56px; height: 56px; }
  .fx-radio.is-min .fx-r-play { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .fx-radio.is-min:not(.is-playing) .fx-r-play { animation: none; } }