/* The Frequency: isolated foundation page styling. */
.frequency-document { background: #080d22; }
.frequency-shell { overflow: clip; }
.frequency-page { min-height: 78vh; }
.frequency-hero {
  position: relative; isolation: isolate; display: grid; place-items: center;
  min-height: clamp(680px, calc(100svh - 86px), 980px); padding: clamp(5rem, 10vw, 9rem) 1.5rem;
  overflow: hidden; color: #f7f8ff; text-align: center;
  background: #090e22;
}
.frequency-hero__backdrop { position: absolute; z-index: -2; inset: -16% 0 0; pointer-events: none; background: linear-gradient(rgba(5, 32, 94, .68), rgba(5, 32, 94, .68)), url("../images/frequency/BeyondTimelines-Frequency Image 27 Oct 2026, 10_34_58.png") center / cover no-repeat; }
.frequency-hero::before, .frequency-hero::after { content: ""; position: absolute; z-index: -1; width: min(94vw, 920px); aspect-ratio: 1; left: 50%; top: 42%; border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.frequency-hero::before { background: radial-gradient(circle, rgba(0, 233, 235, .14), rgba(0, 233, 235, .035) 34%, transparent 68%); filter: blur(20px); animation: frequency-breathe 17s ease-in-out infinite alternate; }
.frequency-hero::after { border: 1px solid rgba(0, 233, 235, .12); box-shadow: 0 0 54px rgba(0, 233, 235, .06), inset 0 0 54px rgba(0, 233, 235, .04); animation: frequency-drift 42s linear infinite; }
.frequency-hero__field { position: absolute; z-index: 1; isolation: isolate; top: 42%; left: 50%; width: min(86vw, 780px); aspect-ratio: 1; transform: translate(-50%, -50%); pointer-events: none; }
.frequency-hero__field::before { content: ""; position: absolute; z-index: -1; inset: -16%; border-radius: 50%; background: radial-gradient(circle at 48% 46%, rgba(186, 247, 255, .17), transparent 34%), radial-gradient(circle at 74% 31%, rgba(74, 143, 255, .17), transparent 33%), radial-gradient(circle at 28% 70%, rgba(119, 99, 220, .14), transparent 36%); filter: blur(25px); animation: frequency-aura 24s ease-in-out infinite alternate; }
.frequency-hero__field::after { content: ""; position: absolute; inset: -8%; border-radius: 50%; background: radial-gradient(circle at 18% 29%, rgba(243, 254, 255, .84) 0 1px, rgba(83, 207, 255, .34) 3px, transparent 14px), radial-gradient(circle at 79% 21%, rgba(255, 247, 225, .8) 0 1px, rgba(229, 190, 122, .28) 3px, transparent 13px), radial-gradient(circle at 85% 72%, rgba(232, 251, 255, .78) 0 1px, rgba(71, 187, 255, .3) 3px, transparent 12px), radial-gradient(circle at 29% 82%, rgba(235, 250, 255, .66) 0 1px, rgba(74, 143, 255, .24) 3px, transparent 11px); opacity: .62; animation: frequency-glints 16s ease-in-out infinite alternate; }
.frequency-hero__streams { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; opacity: .42; -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 82%, transparent); mask-image: linear-gradient(180deg, transparent, #000 12%, #000 82%, transparent); }
.frequency-hero__stream { position: absolute; top: -22%; bottom: -22%; width: 1px; opacity: var(--stream-opacity, .24); background: linear-gradient(180deg, transparent 0%, rgba(0,233,235,0) 8%, rgba(0,233,235,.38) 42%, rgba(222,248,255,.7) 50%, rgba(0,233,235,.32) 58%, rgba(0,233,235,0) 92%, transparent); box-shadow: 0 0 7px rgba(0,233,235,.26); transform-origin: center; animation: frequency-stream-flow var(--stream-period, 4s) linear infinite; animation-delay: var(--stream-phase, 0s); }
.frequency-hero__stream:nth-child(3n) { background: linear-gradient(180deg, transparent, rgba(229,190,122,0) 18%, rgba(229,190,122,.72) 49%, rgba(255,245,220,.82) 52%, rgba(229,190,122,0) 86%, transparent); box-shadow: 0 0 8px rgba(229,190,122,.32); }
.frequency-hero__halo { position: absolute; inset: 11%; border-radius: 50%; border: 1px solid rgba(0, 233, 235, .45); box-shadow: 0 0 30px rgba(0, 233, 235, .16), inset 0 0 26px rgba(0, 233, 235, .08); }
.frequency-hero__halo--outer { inset: 4%; border-color: rgba(229, 190, 122, .34); box-shadow: 0 0 48px rgba(229, 190, 122, .1), inset 0 0 35px rgba(229, 190, 122, .06); }
.frequency-hero__halo--middle { inset: 20%; border-color: rgba(0, 233, 235, .36); }
.frequency-hero__halo--inner { inset: 34%; border-color: rgba(230, 194, 129, .5); box-shadow: 0 0 36px rgba(0, 233, 235, .18), 0 0 70px rgba(232, 193, 120, .08), inset 0 0 30px rgba(0, 233, 235, .12); }
.frequency-hero__core { position: absolute; inset: 46%; border-radius: 50%; background: #d4faff; box-shadow: 0 0 15px 7px rgba(0, 233, 235, .62), 0 0 56px 22px rgba(0, 233, 235, .2), 0 0 95px 35px rgba(222, 177, 99, .13); animation: frequency-core-bloom 2.8s ease-out infinite; }
.frequency-hero__core::before, .frequency-hero__core::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; opacity: 0; }
.frequency-hero__core::before { inset: -65%; border: 1px solid rgba(156, 252, 255, .72); box-shadow: 0 0 22px rgba(0, 233, 235, .34), inset 0 0 20px rgba(0, 233, 235, .18); animation: frequency-core-ripple 2.8s ease-out infinite; }
.frequency-hero__core::after { inset: -105%; border: 1px solid rgba(229, 190, 122, .4); box-shadow: 0 0 32px rgba(229, 190, 122, .18); animation: frequency-core-outer-ripple 2.8s ease-out infinite; }
.frequency-hero__copy { position: relative; z-index: 2; justify-self: center; width: min(100%, 850px); margin: clamp(13rem, 28vw, 19rem) auto 0; text-align: center; }
.frequency-hero h1 { display: block; width: 100%; margin: 0 auto; color: #fbfbff; font-family: var(--wp--preset--font-family--heading, inherit); font-size: clamp(3rem, 8vw, 6.5rem); font-weight: 400; letter-spacing: .025em; line-height: 1.04; text-align: center; text-shadow: 0 2px 18px rgba(9, 26, 76, .65), 0 0 32px rgba(0, 233, 235, .18); }
.frequency-hero__statement { max-width: 790px; margin: clamp(1.7rem, 4vw, 2.7rem) auto 0; color: rgba(250, 251, 255, .97); font-size: clamp(1.2rem, 2.25vw, 1.75rem); font-weight: 300; line-height: 1.65; text-wrap: balance; text-shadow: 0 2px 14px rgba(9, 26, 76, .75); }
.frequency-hero__introduction { max-width: 690px; margin: 1.25rem auto 0; color: rgba(246, 250, 255, .94); font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.8; text-wrap: balance; text-shadow: 0 2px 12px rgba(9, 26, 76, .78); }
.frequency-hero__streams::before { content: ""; position: absolute; z-index: 2; left: 88%; top: 42%; width: 24%; height: 3%; min-height: 3px; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(0,137,255,.2) 20%, #55cfff 48%, #d8f8ff 52%, #078dff 70%, transparent); box-shadow: 0 0 8px #138eff, 0 0 22px rgba(0,151,255,.95), 0 0 42px rgba(0,109,255,.6); filter: blur(1px); animation: frequency-traveling-pulse 2.8s linear infinite; }
@keyframes frequency-traveling-pulse { 0%, 8% { transform: translateX(0); opacity: 0; } 14% { opacity: 1; } 18% { opacity: .46; } 22% { opacity: .96; } 28% { opacity: .18; } 46% { opacity: 1; } 56% { opacity: .16; } 100% { transform: translateX(-420%); opacity: .08; } }
@keyframes frequency-core-bloom { 0%, 42%, 62%, 100% { transform: scale(1); box-shadow: 0 0 15px 7px rgba(0, 233, 235, .62), 0 0 56px 22px rgba(0, 233, 235, .2), 0 0 95px 35px rgba(222, 177, 99, .13); } 47% { transform: scale(1.28); box-shadow: 0 0 24px 12px rgba(230, 255, 255, .8), 0 0 75px 36px rgba(0, 233, 235, .42), 0 0 125px 55px rgba(229, 190, 122, .2); } 53% { transform: scale(1.1); } }
@keyframes frequency-core-ripple { 0%, 42% { transform: scale(.55); opacity: 0; } 47% { transform: scale(.85); opacity: .78; } 61%, 100% { transform: scale(2.2); opacity: 0; } }
@keyframes frequency-core-outer-ripple { 0%, 44% { transform: scale(.6); opacity: 0; } 49% { transform: scale(.9); opacity: .48; } 65%, 100% { transform: scale(2.1); opacity: 0; } }
@keyframes frequency-stream-flow { 0% { transform: translate3d(-1px,-24%,0) scaleY(.96); opacity: .12; } 48% { transform: translate3d(1px,0,0) scaleY(1.02); opacity: var(--stream-opacity,.24); } 100% { transform: translate3d(-1px,24%,0) scaleY(.97); opacity: .12; } }
@keyframes frequency-breathe { from { opacity: .72; transform: translate(-50%, -50%) scale(.96); } to { opacity: 1; transform: translate(-50%, -50%) scale(1.04); } }
@keyframes frequency-drift { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes frequency-aura { from { opacity: .68; transform: scale(.97); } to { opacity: 1; transform: scale(1.03); } }
@keyframes frequency-glints { from { opacity: .38; } to { opacity: .72; } }
@media (max-width: 600px) { .frequency-hero__streams { opacity: .3; } .frequency-hero__streams::before { left: 70%; top: 36%; width: 38%; animation-name: frequency-traveling-pulse-mobile; } .frequency-hero { min-height: min(790px, calc(100svh - 72px)); padding: 4.5rem 1.25rem; } .frequency-hero__backdrop { top: -28%; background-position: right center; } .frequency-hero__field { width: 115vw; top: 36%; } .frequency-hero::before, .frequency-hero::after { top: 36%; width: 120vw; } .frequency-hero__copy { margin-top: clamp(12rem, 62vw, 17rem); } .frequency-hero__statement { line-height: 1.55; } }
@keyframes frequency-traveling-pulse-mobile { 0%, 8% { transform: translateX(0); opacity: 0; } 14% { opacity: 1; } 18% { opacity: .46; } 22% { opacity: .96; } 28% { opacity: .18; } 46% { opacity: 1; } 56% { opacity: .16; } 100% { transform: translateX(-235%); opacity: .08; } }

@media (prefers-reduced-motion: reduce) { .frequency-hero::before, .frequency-hero::after, .frequency-hero__field::before, .frequency-hero__field::after, .frequency-hero__stream, .frequency-hero__streams::before, .frequency-hero__core, .frequency-hero__core::before, .frequency-hero__core::after { animation: none; } }

/* Six continuous explorations. The visual treatment stays behind selectable text. */
.frequency-editorial {
  position: relative;
  overflow: hidden;
  color: #eef3ff;
  background: linear-gradient(180deg, #090e22 0%, #0b122b 48%, #080d22 100%);
}
.frequency-exploration {
  position: relative;
  isolation: isolate;
  padding: clamp(5.5rem, 10vw, 9rem) clamp(1.25rem, 5vw, 3rem);
  border-top: 1px solid rgba(0, 233, 235, .12);
}
.frequency-exploration::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -10rem;
  left: 50%;
  width: min(84vw, 640px);
  aspect-ratio: 1;
  border: 1px solid rgba(0, 233, 235, .09);
  border-radius: 50%;
  box-shadow: 0 0 65px rgba(0, 233, 235, .035), inset 0 0 55px rgba(0, 233, 235, .025);
  transform: translateX(-50%);
  pointer-events: none;
  animation: frequency-editorial-breathe 22s ease-in-out infinite alternate;
}
.frequency-exploration:nth-child(even)::before {
  border-color: rgba(229, 190, 122, .11);
  box-shadow: 0 0 65px rgba(229, 190, 122, .035), inset 0 0 55px rgba(229, 190, 122, .02);
}
.frequency-exploration::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: min(58vw, 520px);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(0, 233, 235, .42), transparent);
  pointer-events: none;
}
.frequency-exploration:nth-child(even)::after {
  background: linear-gradient(90deg, transparent, rgba(229, 190, 122, .34), transparent);
}
.frequency-exploration__inner {
  position: relative;
  width: min(100%, 760px);
  margin: 0 auto;
}
.frequency-exploration__number {
  margin: 0 0 1.25rem;
  color: #00e9eb;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .22em;
}
.frequency-exploration:nth-child(even) .frequency-exploration__number { color: #e5be7a; }
.frequency-exploration h2 {
  margin: 0 0 1.7rem;
  color: #fbfbff;
  font-family: var(--wp--preset--font-family--heading, Georgia, serif);
  font-size: clamp(2.5rem, 5.5vw, 4.6rem);
  font-weight: 400;
  line-height: 1.12;
  text-wrap: balance;
}
.frequency-exploration p {
  margin: 0 0 1.45rem;
  color: rgba(233, 240, 255, .87);
  font-size: clamp(1.05rem, 1.35vw, 1.2rem);
  line-height: 1.8;
}
.frequency-exploration h2 + p {
  margin-bottom: 2.6rem;
  color: rgba(234, 243, 255, .92);
  font-family: var(--wp--preset--font-family--heading, Georgia, serif);
  font-size: clamp(1.3rem, 2vw, 1.7rem);
  line-height: 1.55;
}
.frequency-exploration h3 {
  margin: 3.8rem 0 1.3rem;
  color: #d6f6fa;
  font-family: var(--wp--preset--font-family--heading, Georgia, serif);
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 400;
  line-height: 1.3;
}
.frequency-exploration strong { color: #f8fbff; font-weight: 600; }
.frequency-exploration .frequency-exploration__quotation {
  margin: 1.5rem 0;
  padding: .25rem 0 .25rem 1.35rem;
  border-left: 2px solid rgba(0, 233, 235, .6);
  color: #f5fbff;
}
.frequency-exploration .frequency-exploration__source {
  margin-top: 3rem;
  color: rgba(193, 209, 235, .72);
  font-size: .96rem;
}
.frequency-barriers {
  margin-top: clamp(3rem, 7vw, 5rem);
  padding-top: clamp(2rem, 5vw, 3.5rem);
  border-top: 1px solid rgba(0, 233, 235, .24);
}
.frequency-barriers h3 { margin-top: 0; }
.frequency-exploration .frequency-barriers__invitation { margin-top: 2rem; color: #f8fbff; }
.frequency-exploration .frequency-barriers__note { color: rgba(193, 209, 235, .72); font-size: .96rem; }
.frequency-barriers__artwork { margin: clamp(1.75rem, 4vw, 3rem) 0 0; }
.frequency-barriers__artwork img { display: block; width: 100%; height: auto; }
.frequency-exploration--perception .frequency-exploration__inner { width: min(100%, 1200px); }
.frequency-perception__copy { width: min(100%, 760px); margin-inline: auto; }
.frequency-perception__images { display: grid; gap: clamp(1.5rem, 4vw, 3rem); margin: clamp(2rem, 5vw, 4rem) auto; }
.frequency-perception__image { margin: 0; }
.frequency-perception__image img { display: block; width: 100%; height: auto; }
.frequency-perception__clarification { margin-top: clamp(2rem, 5vw, 4rem); }
.frequency-editorial__credit {
  padding: 1.5rem 1.25rem 5rem;
  color: rgba(196, 211, 236, .72);
  text-align: center;
}
.frequency-editorial__credit p { margin: .3rem 0; line-height: 1.6; }
@keyframes frequency-editorial-breathe {
  from { transform: translateX(-50%) scale(.97); opacity: .55; }
  to { transform: translateX(-50%) scale(1.03); opacity: .9; }
}
@media (max-width: 600px) {
  .frequency-exploration { padding-block: 5rem; }
  .frequency-exploration::before { top: -5rem; width: 105vw; }
  .frequency-exploration h3 { margin-top: 3.2rem; }
  .frequency-editorial__credit { padding-bottom: 4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .frequency-exploration::before { animation: none; }
}