/* ONDA 2026 — immersive editorial system. The home header and first hero are intentionally untouched. */
:root {
  --onda-coral: #ff693d;
  --onda-ember: #c9472b;
  --onda-gold: #ffd36b;
  --onda-cream: #f7eadf;
  --onda-night: #0d0908;
  --onda-wine: #250f0c;
  --onda-cyan: #26d9ff;
  --onda-blue: #2459ff;
  --onda-hairline: rgba(255, 235, 222, .16);
  --onda-editorial: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

body { text-rendering: optimizeLegibility; }
body::selection { background: var(--onda-coral); color: var(--onda-night); }
section[id], [data-calculator], #program, #enroll,
#method-title, #finale-title, #team-title, #showcase-title, #brief-form { scroll-margin-top: 108px; }

#onda-fluid-cursor {
  z-index: 45;
  opacity: .86;
  mix-blend-mode: screen;
  filter: saturate(1.14) contrast(1.03) drop-shadow(0 0 8px rgba(255,119,60,.12));
}

.onda-caustic-border {
  position: fixed;
  z-index: 44;
  inset: 0;
  pointer-events: none;
  opacity: var(--caustic-opacity, .22);
  box-shadow: inset 0 0 22px rgba(255, 137, 82, .08), inset 0 0 1px rgba(255, 227, 196, .32);
  background:
    radial-gradient(28% 7% at var(--caustic-x, 42%) 0%, rgba(255, 231, 175, .2), rgba(255,105,61,.08) 38%, transparent 76%),
    radial-gradient(7% 30% at 100% var(--caustic-y, 44%), rgba(38, 217, 255, .1), rgba(255,105,61,.05) 42%, transparent 78%),
    radial-gradient(30% 7% at calc(100% - var(--caustic-x, 42%)) 100%, rgba(255, 105, 61, .16), transparent 75%),
    radial-gradient(7% 28% at 0% calc(100% - var(--caustic-y, 44%)), rgba(255, 211, 107, .13), transparent 78%);
  transition: opacity .7s ease;
}
.onda-caustic-border::before,
.onda-caustic-border::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}
.onda-caustic-border::before {
  background:
    radial-gradient(14px 6px at calc(var(--caustic-x,42%) + 7%) 2px, rgba(255,244,214,.22), transparent 70%),
    radial-gradient(9px 18px at calc(100% - 2px) calc(var(--caustic-y,44%) + 12%), rgba(61,208,255,.13), transparent 72%),
    radial-gradient(18px 8px at calc(100% - var(--caustic-x,42%) - 13%) calc(100% - 2px), rgba(255,129,70,.16), transparent 72%);
  filter: blur(.25px);
}
.onda-caustic-border::after {
  background: linear-gradient(90deg, rgba(255,91,48,.13), transparent 7px calc(100% - 7px), rgba(39,194,255,.1));
  opacity: .42;
  backdrop-filter: blur(.22px) saturate(1.05);
  mask: linear-gradient(90deg,#000 0 5px,transparent 12px calc(100% - 12px),#000 calc(100% - 5px)),linear-gradient(#000 0 5px,transparent 12px calc(100% - 12px),#000 calc(100% - 5px));
  mask-composite: add;
}
.onda-legal-page .onda-caustic-border { display: none; }

/* Exact-mask identity morph immediately after the preserved home hero */
.onda-identity-stage {
  position: relative;
  z-index: 3;
  height: 390svh;
  min-height: 2400px;
  border-block: 1px solid var(--onda-hairline);
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 105, 61, .13), transparent 32%),
    radial-gradient(circle at 16% 20%, rgba(255, 211, 107, .055), transparent 22%),
    #080605;
}
.onda-identity-sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 650px;
  overflow: hidden;
  isolation: isolate;
}
.onda-identity-sticky::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 8vw 8vw;
  mask-image: radial-gradient(circle at 50% 48%, #000 0 35%, transparent 78%);
  content: "";
}
.onda-identity-canvas { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; }
.onda-identity-meta {
  position: absolute;
  z-index: 3;
  inset: 96px clamp(150px, 12vw, 184px) auto clamp(18px, 3.3vw, 52px);
  display: flex;
  justify-content: space-between;
  gap: 24px;
  pointer-events: none;
  color: rgba(247,234,223,.54);
  font: 600 .64rem "Space Grotesk", monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.onda-identity-meta strong { color: var(--onda-coral); font-weight: 700; }
.onda-identity-steps {
  position: absolute;
  z-index: 3;
  right: clamp(18px, 3.3vw, 52px);
  bottom: 40px;
  left: clamp(18px, 3.3vw, 52px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(255,235,222,.18);
  pointer-events: none;
}
.onda-identity-steps span {
  position: relative;
  padding-top: 13px;
  color: rgba(247,234,223,.32);
  font: 600 .62rem "Space Grotesk", monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: color .45s ease;
}
.onda-identity-steps span::before { position: absolute; top: -1px; left: 0; width: 0; height: 1px; background: var(--onda-coral); content: ""; transition: width .55s cubic-bezier(.22,.61,.36,1); }
.onda-identity-steps span.active { color: var(--onda-cream); }
.onda-identity-steps span.active::before { width: 94%; }
.onda-identity-hint { position: absolute; z-index: 3; bottom: 38px; left: 50%; margin: 0; transform: translateX(-50%); color: rgba(247,234,223,.36); font: 600 .58rem "Space Grotesk", monospace; letter-spacing: .12em; text-transform: uppercase; }
.onda-identity-fallback { position: absolute; z-index: 1; inset: 18% 12%; display: none; align-items: center; justify-content: center; }
.onda-identity-fallback img { max-width: min(70vw, 760px); max-height: 52vh; object-fit: contain; filter: hue-rotate(300deg) saturate(1.5) drop-shadow(0 0 38px rgba(255,105,61,.32)); }
.onda-identity-stage.fallback-only .onda-identity-canvas { display: none; }
.onda-identity-stage.fallback-only .onda-identity-fallback { display: flex; }

/* Main narrative */
.onda-story { position: relative; z-index: 4; overflow: clip; background: var(--onda-night); }
.onda-index { margin: 0; color: var(--onda-coral); font: 700 .68rem "Space Grotesk", monospace; letter-spacing: .13em; text-transform: uppercase; }
.onda-story h2 { text-wrap: balance; }
.onda-cinematic-reveal { opacity: 0; transform: translate3d(0, 42px, 0); transition: opacity .9s ease, transform 1.1s cubic-bezier(.18,.72,.22,1); }
.onda-cinematic-reveal.is-visible { opacity: 1; transform: translate3d(0, 0, 0); }
.onda-manifesto {
  display: grid;
  grid-template-columns: minmax(130px, .62fr) minmax(0, 2.45fr);
  gap: 24px;
  min-height: 100svh;
  align-content: center;
  padding: clamp(100px, 14vw, 210px) clamp(18px, 3.5vw, 54px);
  background:
    radial-gradient(circle at 90% 30%, rgba(255,105,61,.12), transparent 27%),
    linear-gradient(180deg, #0d0908, #160b08);
}
.onda-manifesto h2 { grid-column: 2; max-width: 1250px; margin: 0; font: 500 clamp(4rem, 9.6vw, 10.8rem)/.78 "Space Grotesk", sans-serif; letter-spacing: -.112em; text-transform: uppercase; }
.onda-manifesto h2 em { color: var(--onda-coral); font-style: normal; }
.onda-manifesto-note { grid-column: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(26px, 6vw, 92px); width: min(820px, 100%); margin-top: 52px; }
.onda-manifesto-note p { margin: 0; color: #c7b2a9; font-size: clamp(.9rem, 1.2vw, 1.08rem); line-height: 1.62; }

.onda-ribbon-field { position: relative; height: min(74vw, 760px); min-height: 520px; overflow: hidden; background: #070606; isolation: isolate; }
.onda-ribbon-field::after { position: absolute; inset: 0; background: radial-gradient(circle at 55% 45%, transparent 20%, rgba(7,6,6,.78) 82%); content: ""; pointer-events: none; }
.onda-ribbon-field svg { position: absolute; z-index: 1; inset: -8% -4%; width: 108%; height: 116%; overflow: visible; }
.onda-ribbon-field path, .onda-ribbon-echo path { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.ribbon-glow, .ribbon-shadow { stroke: rgba(40, 119, 255, .16); stroke-width: 94; filter: blur(22px); }
.ribbon-body { stroke: rgba(20,72,255,.34); stroke-width: 56; }
.ribbon-core { stroke-width: 29; filter: drop-shadow(0 0 16px rgba(38,217,255,.34)); }
.ribbon-highlight { stroke: rgba(226,250,255,.7); stroke-width: 4.5; mix-blend-mode: screen; }
.ribbon-branch { stroke: rgba(38,217,255,.55); stroke-width: 8; opacity: 0; filter: drop-shadow(0 0 9px rgba(36,89,255,.55)); }
.onda-ribbon-field > div { position: absolute; z-index: 3; right: clamp(18px, 4vw, 60px); bottom: clamp(26px, 6vw, 82px); width: min(420px, 76vw); }
.onda-ribbon-field span { color: var(--onda-cyan); font: 700 .66rem "Space Grotesk", monospace; letter-spacing: .12em; text-transform: uppercase; }
.onda-ribbon-field p { margin: 12px 0 0; color: var(--onda-cream); font: 500 clamp(1.8rem, 3.5vw, 4rem)/.95 "Space Grotesk", sans-serif; letter-spacing: -.06em; }
.onda-ribbon-echo {
  position: relative;
  height: clamp(250px, 31vw, 460px);
  overflow: hidden;
  background: #080605;
  isolation: isolate;
}
.onda-ribbon-echo::before,
.onda-ribbon-echo::after { position: absolute; z-index: 2; inset: 0; pointer-events: none; content: ""; }
.onda-ribbon-echo::before { background: radial-gradient(ellipse at 50% 50%, rgba(36,89,255,.07), transparent 58%); }
.onda-ribbon-echo::after { background: linear-gradient(90deg, #080605 0, transparent 13% 87%, #080605 100%); }
.onda-ribbon-echo svg { position: absolute; z-index: 1; inset: -10% -3%; width: 106%; height: 120%; overflow: visible; }
.onda-ribbon-echo .ribbon-glow, .onda-ribbon-echo .ribbon-shadow { stroke-width: 72; }
.onda-ribbon-echo .ribbon-body { stroke-width: 42; }
.onda-ribbon-echo .ribbon-core { stroke-width: clamp(17px, 2.4vw, 32px); }
.onda-ribbon-echo-two { background: linear-gradient(180deg, #080605, #120906); }

.onda-pathways { padding: clamp(90px, 10vw, 150px) clamp(18px, 3.5vw, 54px); background: linear-gradient(180deg, #070606, #120907); }
.onda-pathways > header { display: grid; grid-template-columns: minmax(130px,.62fr) minmax(0,1.8fr) minmax(240px,.7fr); gap: 24px; align-items: end; margin-bottom: 70px; }
.onda-pathways header h2 { margin: 0; font: 500 clamp(4rem, 8.7vw, 9.6rem)/.79 "Space Grotesk", sans-serif; letter-spacing: -.108em; text-transform: uppercase; }
.onda-pathways header h2 em { color: var(--onda-coral); font-style: normal; }
.onda-pathways header > p:last-child { margin: 0 0 9px; color: #b9a69e; font-size: .9rem; line-height: 1.58; }
.onda-pathway-list { border-top: 1px solid var(--onda-hairline); }
.onda-pathway { position: relative; display: grid; grid-template-columns: 64px minmax(280px, 1.4fr) minmax(220px, .72fr) 110px; gap: 24px; align-items: center; min-height: 230px; border-bottom: 1px solid var(--onda-hairline); isolation: isolate; overflow: hidden; }
.onda-pathway::before { position: absolute; z-index: -1; inset: 0; background: var(--onda-coral); transform: scaleY(0); transform-origin: bottom; content: ""; transition: transform .62s cubic-bezier(.22,.61,.36,1); }
.onda-pathway:hover::before, .onda-pathway:focus-visible::before { transform: scaleY(1); }
.pathway-no { align-self: start; padding-top: 31px; color: var(--onda-coral); font: 700 .68rem "Space Grotesk", monospace; transition: color .4s; }
.onda-pathway small { color: #b9a69e; font: 600 .63rem "Space Grotesk", monospace; letter-spacing: .09em; text-transform: uppercase; transition: color .4s; }
.onda-pathway h3 { margin: 14px 0 12px; font: 500 clamp(2.6rem, 5.7vw, 6.8rem)/.76 "Space Grotesk", sans-serif; letter-spacing: -.1em; text-transform: uppercase; }
.onda-pathway p { max-width: 640px; margin: 0; color: #bba9a1; font-size: .83rem; line-height: 1.52; transition: color .4s; }
.onda-pathway figure { position: relative; height: 168px; margin: 0; overflow: hidden; border-radius: 50%; clip-path: inset(14% 4% round 50%); transform: rotate(-3deg) scale(.92); transition: transform .6s cubic-bezier(.2,.7,.2,1), clip-path .6s; }
.onda-pathway:nth-child(even) figure { transform: rotate(4deg) scale(.92); }
.onda-pathway video { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.09); transform: scale(1.12); transition: transform .7s ease; }
.onda-pathway > b { justify-self: end; font: 700 .68rem "Space Grotesk", monospace; letter-spacing: .08em; text-transform: uppercase; }
.onda-pathway:hover, .onda-pathway:focus-visible { color: #160805; }
.onda-pathway:hover .pathway-no, .onda-pathway:hover small, .onda-pathway:hover p, .onda-pathway:focus-visible .pathway-no, .onda-pathway:focus-visible small, .onda-pathway:focus-visible p { color: rgba(22,8,5,.7); }
.onda-pathway:hover figure, .onda-pathway:focus-visible figure { clip-path: inset(0 round 2px); transform: rotate(0) scale(1); }
.onda-pathway:hover video, .onda-pathway:focus-visible video { transform: scale(1); }

.onda-showcase { padding: clamp(100px, 12vw, 180px) clamp(18px, 3.5vw, 54px); background: #f0d7c8; color: #160b08; }
.onda-showcase header { display: grid; grid-template-columns: minmax(130px,.62fr) minmax(0,1.7fr) minmax(230px,.62fr); gap: 24px; align-items: end; margin-bottom: 70px; }
.onda-showcase .onda-index { color: #a83520; }
.onda-showcase h2 { margin: 0; font: 500 clamp(3.7rem, 8.5vw, 9.2rem)/.79 "Space Grotesk", sans-serif; letter-spacing: -.11em; text-transform: uppercase; }
.onda-showcase h2 em { color: #bc3c25; font-family: var(--onda-editorial); font-weight: 400; font-style: italic; letter-spacing: -.06em; text-transform: none; }
.onda-showcase header > p:last-child { margin: 0 0 8px; color: #64483f; font-size: .88rem; line-height: 1.55; }
.onda-reel { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: clamp(8px,1.2vw,18px); align-items: stretch; }
.onda-reel figure { position: relative; grid-column: span 4; aspect-ratio: 1.08; margin: 0; overflow: hidden; outline: 1px solid rgba(64,29,21,.13); background: #1b0e0b; isolation: isolate; cursor: pointer; }
.onda-reel figure:nth-child(1) { grid-column: span 7; aspect-ratio: 1.5; }
.onda-reel figure:nth-child(2) { grid-column: span 5; aspect-ratio: .94; }
.onda-reel figure:nth-child(3) { grid-column: span 5; aspect-ratio: .92; }
.onda-reel figure:nth-child(4) { grid-column: span 7; aspect-ratio: 1.5; }
.onda-reel figure:nth-child(n+5) { grid-column: span 4; aspect-ratio: 1.02; }
.onda-reel video { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.1); transform: scale(1.065); transition: transform .9s cubic-bezier(.2,.7,.2,1), filter .55s; }
.onda-reel figure:hover video, .onda-reel figure:focus-visible video, .onda-reel figure:focus-within video, .onda-reel figure.is-focused video { filter: saturate(1.08) contrast(1.01); transform: scale(1); }
.onda-reel figure::after { position: absolute; z-index: 3; left: var(--work-x,50%); top: var(--work-y,50%); padding: 9px 12px; border: 1px solid rgba(255,243,234,.55); border-radius: 999px; background: rgba(13,9,8,.72); color: #fff4ed; content: "Открыть"; opacity: 0; transform: translate(-50%,-50%) scale(.88); backdrop-filter: blur(9px); font: 700 .62rem "Space Grotesk",monospace; letter-spacing: .08em; text-transform: uppercase; pointer-events: none; transition: opacity .25s,transform .3s; }
.onda-reel figure:hover::after, .onda-reel figure:focus-visible::after { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.onda-reel figure:has(button:hover)::after, .onda-reel figure.is-focused::after { opacity: 0; }
.onda-reel figcaption { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 76px 18px 16px; background: linear-gradient(transparent, rgba(8,5,4,.9)); color: #fff1e8; opacity: 0; transform: translateY(12px); transition: opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1); }
.onda-reel figure:hover figcaption, .onda-reel figure:focus-visible figcaption, .onda-reel figure:focus-within figcaption, .onda-reel figure.is-focused figcaption { opacity: 1; transform: translateY(0); }
.onda-reel figcaption span { display: grid; gap: 7px; }
.onda-reel figcaption b { font: 600 clamp(.9rem,1.3vw,1.2rem) "Space Grotesk",sans-serif; letter-spacing: -.035em; text-transform: uppercase; }
.onda-reel figcaption small { color: rgba(255,241,232,.66); font: 600 .62rem/1.35 "Space Grotesk",monospace; letter-spacing: .07em; text-transform: uppercase; }
.onda-reel figcaption button { flex: 0 0 auto; padding: 0; border: 0; background: transparent; color: #fff1e8; font: 700 .62rem "Space Grotesk",monospace; letter-spacing: .07em; text-transform: uppercase; cursor: pointer; }

.onda-method { display: grid; grid-template-columns: 1fr; gap: clamp(58px,8vw,110px); padding: clamp(100px, 11vw, 168px) clamp(18px, 3.5vw, 54px); background: radial-gradient(circle at 92% 10%,rgba(255,105,61,.08),transparent 26%),#0a0706; }
.onda-method-heading { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(260px,.55fr); gap: clamp(36px,7vw,110px); align-items: end; }
.onda-method-heading .onda-index { grid-column: 1/-1; }
.onda-method h2 { margin: 22px 0 0; font: 500 clamp(4rem, 8.2vw, 8.8rem)/.84 "Space Grotesk", sans-serif; letter-spacing: -.095em; text-transform: uppercase; }
.onda-method h2 em { color: var(--onda-coral); font-family: var(--onda-editorial); font-weight: 400; font-style: italic; letter-spacing: -.055em; text-transform: none; }
.onda-method-heading > p:last-child { max-width: 430px; margin: 0 0 12px; color: #b6a39b; font-size: clamp(.95rem,1.15vw,1.08rem); line-height: 1.62; }
.onda-method ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--onda-hairline); }
.onda-method li { display: grid; grid-template-columns: 58px minmax(210px,.72fr) minmax(280px,1fr); gap: clamp(18px,3vw,48px); min-height: 162px; align-items: center; border-bottom: 1px solid var(--onda-hairline); }
.onda-method li span { color: var(--onda-coral); font: 700 .68rem "Space Grotesk", monospace; }
.onda-method h3 { margin: 0; font: 500 clamp(2rem,4vw,4.5rem)/.9 "Space Grotesk", sans-serif; letter-spacing: -.07em; text-transform: uppercase; text-wrap: balance; }
.onda-method li p { max-width: 560px; margin: 0; color: #b4a098; font-size: clamp(.9rem,1.05vw,1rem); line-height: 1.58; }

.onda-team { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.92fr); gap: clamp(50px,8vw,120px); padding: clamp(100px,12vw,180px) clamp(18px,3.5vw,54px); background: radial-gradient(circle at 80% 20%, rgba(255,105,61,.11), transparent 29%), #140a08; }
.onda-team h2 { margin: 30px 0 0; font: 500 clamp(3.8rem,8vw,8.8rem)/.79 "Space Grotesk", sans-serif; letter-spacing: -.11em; text-transform: uppercase; }
.onda-team h2 em { color: var(--onda-coral); font-style: normal; }
.onda-team-copy { align-self: end; }
.onda-team-copy > p { max-width: 610px; margin: 0 0 38px; color: #c0aaa1; font-size: clamp(.95rem,1.15vw,1.08rem); line-height: 1.65; }
.collective-roles { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; padding: 1px; overflow: hidden; list-style: none; background: var(--onda-hairline); }
.collective-roles::before { position: absolute; inset: 15% 27%; border: 1px solid rgba(255,105,61,.2); border-radius: 50%; box-shadow: 0 0 0 32px rgba(255,105,61,.025),0 0 70px rgba(255,105,61,.08); content: ""; animation: collective-breathe 7s ease-in-out infinite; }
.collective-roles li { position: relative; min-height: 112px; display: grid; grid-template-columns: 34px 1fr; gap: 9px; align-items: end; padding: 16px; background: rgba(13,9,8,.84); }
.collective-roles span { color: var(--onda-coral); font: 700 .62rem "Space Grotesk",monospace; }
.collective-roles b { font: 600 clamp(.88rem,1.1vw,1.04rem) "Space Grotesk",sans-serif; letter-spacing: -.035em; text-transform: uppercase; }
@keyframes collective-breathe { 50% { transform: scale(1.14) rotate(8deg); opacity: .55; } }

.onda-finale { position: relative; min-height: 92svh; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(80px,9vw,132px) clamp(18px,3.5vw,54px) 46px; overflow: hidden; background: var(--onda-coral); color: #150906; isolation: isolate; }
.onda-finale::before { position: absolute; z-index: -1; inset: -20%; background: radial-gradient(circle at 75% 35%, rgba(255,224,152,.68), transparent 18%), repeating-radial-gradient(circle at 72% 34%, transparent 0 49px, rgba(21,9,6,.07) 50px 51px); content: ""; }
.onda-finale .onda-index { color: #4c160d; }
.onda-finale h2 { max-width: min(1250px,94vw); margin: 0; font: 500 clamp(4.1rem,9.5vw,10.5rem)/.84 "Space Grotesk", sans-serif; letter-spacing: -.095em; text-transform: uppercase; }
.onda-finale h2 em { color: #fff0e4; font-family: var(--onda-editorial); font-weight: 400; font-style: italic; letter-spacing: -.055em; text-transform: none; }
.onda-finale > div:last-child { display: flex; justify-content: flex-end; align-items: end; gap: clamp(40px,8vw,120px); }
.onda-finale > div:last-child p { width: min(440px,100%); margin: 0; font-size: .95rem; line-height: 1.55; }
.onda-cta { display: inline-flex; min-width: 230px; min-height: 72px; align-items: center; justify-content: space-between; gap: 30px; padding: 0 24px; border: 1px solid #150906; border-radius: 999px; font: 800 .72rem "Space Grotesk", monospace; letter-spacing: .08em; text-transform: uppercase; transition: color .25s, background .25s, transform .25s; }
.onda-cta span { font-size: 1.3rem; }
.onda-cta:hover { transform: translateY(-4px); background: #150906; color: var(--onda-coral); }
.finale-bee { position: absolute; z-index: -1; right: 5vw; top: 13%; width: min(31vw,480px); opacity: .11; transform: rotate(9deg); }
.finale-bee img { width: 100%; filter: brightness(0); }

/* Direction pages: one system, four episodes */
body:not(.onda-home) main { position: relative; z-index: 2; }
.onda-studio-page .studio-hero { background: radial-gradient(circle at 77% 32%, rgba(255,174,112,.22), transparent 24%), linear-gradient(122deg,#090605 0%,#1d0c08 65%,#32120b 100%); }
.onda-studio-page .studio-frame { inset: 1% -8% 1% 1%; overflow: hidden; border: 1px solid rgba(255,182,133,.48); transform: rotate(-3deg); box-shadow: 0 30px 90px rgba(0,0,0,.42); }
.onda-studio-page .studio-frame::before, .onda-studio-page .studio-frame::after { display: none; }
.onda-studio-page .studio-frame video { width: 100%; height: 100%; object-fit: cover; filter: saturate(.83) contrast(1.1); transform: scale(1.06); }
.onda-studio-page .studio-frame span { position: absolute; right: 18px; bottom: 16px; color: #fff0e8; font: 600 .62rem "Space Grotesk", monospace; letter-spacing: .1em; }
.onda-studio-page .split-list { counter-reset: studio-shot; }
.onda-studio-page .split-list article { min-height: 168px; align-items: center; background: linear-gradient(90deg,rgba(255,105,61,.04),transparent); }
.onda-studio-page .split-list article::after { align-self: stretch; width: 1px; margin-left: auto; background: linear-gradient(transparent,rgba(255,105,61,.45),transparent); content: ""; }
.onda-studio-page .explainer-grid { transform: rotate(-.55deg); box-shadow: 18px 22px 0 rgba(255,105,61,.055); }
.onda-studio-page .explainer-grid article:nth-child(even) { transform: translateY(20px); }
.onda-studio-page .quote-band h2 { font-family: var(--onda-editorial); font-weight: 400; font-style: italic; letter-spacing: -.06em; text-transform: none; }

.factory-page .factory-hero-new { min-height: 88svh; background: radial-gradient(circle at 78% 32%, rgba(255,105,61,.24), transparent 25%), linear-gradient(135deg,#0a0706,#25100b); }
.factory-page .factory-section { background: #f1d9cc; }
.factory-page .factory-packages { gap: 4px; }
.factory-page .package { border-radius: 0; }
.factory-page .factory-calculator { position: relative; box-shadow: 0 28px 80px rgba(54,18,10,.12); }
.factory-page .factory-calculator::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg,var(--onda-coral),var(--onda-gold),var(--onda-cyan)); content: ""; }
.factory-page .factory-screen { perspective: 900px; }
.factory-page .factory-screen-main { transform: rotateY(-4deg) rotateX(1.5deg); }

.onda-academy-page .academy-hero { background: radial-gradient(circle at 76% 28%, rgba(255,211,107,.18), transparent 24%), linear-gradient(135deg,#0d0908,#27140c); }
.onda-academy-page .academy-program { background: #f1d9cc; color: #160b08; }
.onda-academy-page .program-list li { border-color: rgba(76,31,20,.18); }
.onda-academy-page .academy-included { padding-top: 110px; padding-bottom: 110px; }
.onda-academy-page .program-list { counter-reset: module; }
.onda-academy-page .program-list li { position: relative; grid-template-columns: 74px minmax(0,1fr) 70px; overflow: hidden; }
.onda-academy-page .program-list li::before { position: absolute; top: 0; bottom: 0; left: 0; width: var(--module-progress,0%); background: linear-gradient(90deg,rgba(255,105,61,.16),transparent); content: ""; transition: width .7s cubic-bezier(.2,.7,.2,1); pointer-events: none; }
.onda-academy-page .program-list li:hover::before { --module-progress: 100%; }
.onda-academy-page .proof-grid article { background: linear-gradient(155deg,#170d0a,#0d0908); }

.onda-create-page { --create-paper: #f0c9b5; }
.onda-create-page .create-hero { background: radial-gradient(circle at 78% 28%, rgba(255,184,137,.2), transparent 23%), linear-gradient(135deg,#0d0908,#321713); }
.onda-create-page .create-film { transform: rotate(-2deg); }
.onda-create-page .create-film article { border-radius: 42% 42% 3px 3px; box-shadow: 0 24px 54px rgba(0,0,0,.34); }
.onda-create-page .section-hero-copy h1 em, .onda-create-page .section-title em { color: #ffc2a6; font-family: var(--onda-editorial); font-weight: 400; font-style: italic; letter-spacing: -.055em; text-transform: none; }
.onda-create-page .create-choices article { position: relative; overflow: hidden; }
.onda-create-page .create-choices article::after { position: absolute; right: -35px; bottom: -50px; width: 140px; aspect-ratio: 1; border: 1px solid rgba(255,105,61,.22); border-radius: 50%; content: ""; }
.onda-create-page .create-choices article:nth-child(odd) { transform: translateY(-12px) rotate(-.5deg); }
.onda-create-page .create-choices article:nth-child(even) { transform: translateY(12px) rotate(.5deg); }
.onda-create-page .quote-band { background: var(--create-paper); color: #1c0d09; }
.onda-create-page .quote-band h2 { font-family: var(--onda-editorial); font-weight: 400; font-style: italic; letter-spacing: -.06em; text-transform: none; }

.onda-brief-page { background: #0c0807; }
.onda-brief-page .brief-form, .onda-brief-page .brief-aside { background: #130c0a; }
.onda-brief-page .brief-hero { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(280px,.7fr); gap: 42px; align-items: end; padding-bottom: 54px; }
.onda-brief-page .brief-hero .eyebrow, .onda-brief-page .brief-hero h1 { grid-column: 1; }
.onda-brief-page .brief-hero > p:not(.eyebrow) { grid-column: 2; grid-row: 2; margin-bottom: 10px; }
.onda-brief-page .brief-steps { grid-column: 2; margin-top: 0; }
.onda-brief-page .brief-area { gap: 18px; }
.onda-brief-page .brief-fields input, .onda-brief-page .brief-fields textarea, .onda-brief-page .brief-fields select { background: #090706; }
.onda-brief-page .direction-picker span { background: #0d0908; }
.onda-legal-page { background: #0d0908; }
.onda-legal-page .legal-page { max-width: 1120px; }
.onda-legal-page .legal-grid p { max-width: 62ch; font-size: .9rem; line-height: 1.68; }

.onda-episode-ribbon { position: absolute; z-index: 1; inset: auto -8% -30% 34%; width: 78%; height: 72%; pointer-events: none; opacity: .72; filter: drop-shadow(0 0 22px rgba(36,89,255,.22)); }
.onda-episode-ribbon path { fill: none; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.onda-episode-ribbon .episode-glow { stroke: rgba(38,217,255,.12); stroke-width: 42; filter: blur(12px); }
.onda-episode-ribbon .episode-core { stroke: url(#episodeRibbon); stroke-width: 10; }

.onda-sound-toggle { box-shadow: 0 8px 30px rgba(0,0,0,.24); }
.onda-sound-toggle small { min-width: 25px; text-align: right; }

@media (max-width: 900px) {
  .onda-academy-page .academy-hero-grid { grid-template-columns: minmax(0,1fr); }
  .onda-academy-page .academy-hero-copy { width: 100%; min-width: 0; }
  .onda-identity-stage { height: 310svh; min-height: 1900px; }
  .onda-manifesto, .onda-pathways > header, .onda-showcase header, .onda-team { grid-template-columns: 1fr; }
  .onda-manifesto h2, .onda-manifesto-note, .onda-pathways > header h2, .onda-showcase header h2 { grid-column: 1; }
  .onda-manifesto-note { grid-template-columns: 1fr 1fr; }
  .onda-pathway { grid-template-columns: 48px minmax(0,1fr) minmax(170px,.56fr); padding: 22px 0; }
  .onda-pathway > b { display: none; }
  .onda-method-heading { grid-template-columns: 1fr; }
  .onda-method-heading .onda-index { grid-column: 1; }
  .onda-method-heading > p:last-child { margin: 0; }
  .onda-method li { grid-template-columns: 46px minmax(190px,.7fr) minmax(220px,1fr); }
  .onda-team-copy { max-width: 720px; }
  .onda-reel figure, .onda-reel .reel-wide { grid-column: span 6; }
  .onda-finale > div:last-child { justify-content: space-between; }
  .onda-brief-page .brief-hero { grid-template-columns: 1fr; gap: 22px; }
  .onda-brief-page .brief-hero .eyebrow, .onda-brief-page .brief-hero h1, .onda-brief-page .brief-hero > p:not(.eyebrow), .onda-brief-page .brief-steps { grid-column: 1; grid-row: auto; }
  .onda-brief-page .brief-steps { margin-top: 8px; }
  .onda-sound-toggle { top: 14px; right: 70px; bottom: auto; min-height: 35px; padding: 7px 9px; z-index: 230; }
  .onda-sound-toggle b { display: none; }
}

@media (max-width: 700px) {
  #onda-fluid-cursor { display: none; }
  .onda-caustic-border { display: block; opacity: .14; }
  .onda-identity-stage { height: 280svh; min-height: 1650px; }
  .onda-identity-sticky { min-height: 560px; }
  .onda-identity-meta { top: 78px; right: 16px; left: 16px; font-size: .62rem; }
  .onda-identity-meta span:last-child, .onda-identity-hint { display: none; }
  .onda-identity-steps { right: 16px; bottom: 22px; left: 16px; }
  .onda-identity-steps span { padding-top: 11px; font-size: .62rem; letter-spacing: .05em; }
  .onda-manifesto { min-height: 82svh; padding-block: 95px; }
  .onda-manifesto h2, .onda-pathways header h2, .onda-showcase h2, .onda-team h2 { font-size: clamp(3.5rem, 16vw, 5.7rem); }
  .onda-manifesto-note { grid-template-columns: 1fr; margin-top: 36px; }
  .onda-ribbon-field { min-height: 430px; }
  .onda-ribbon-echo { height: 250px; }
  .ribbon-shadow { stroke-width: 38; }
  .ribbon-core { stroke-width: 15; }
  .onda-pathways { padding-block: 78px; }
  .onda-pathways > header { margin-bottom: 44px; }
  .onda-pathway { grid-template-columns: 34px minmax(0,1fr); gap: 13px; min-height: 0; padding: 30px 0; }
  .onda-pathway figure { grid-column: 2; grid-row: 2; width: 100%; height: 130px; margin-top: 16px; clip-path: inset(0 round 72px); }
  .onda-pathway h3 { font-size: clamp(2.5rem,12vw,4.4rem); }
  .onda-pathway p { font-size: .76rem; }
  .onda-showcase { padding-block: 80px; }
  .onda-showcase header { margin-bottom: 42px; }
  .onda-reel { gap: 7px; }
  .onda-reel figure, .onda-reel figure:nth-child(n), .onda-reel .reel-wide { grid-column: 1 / -1; aspect-ratio: 1.18; }
  .onda-reel .reel-tall { aspect-ratio: .9; }
  .onda-reel figure::after { display: none; }
  .onda-reel figcaption { padding: 72px 14px 14px; opacity: 1; transform: none; }
  .onda-reel figcaption button { display: none; }
  .onda-reel figcaption small { font-size: .58rem; }
  .onda-method { padding-block: 82px; }
  .onda-method h2 { font-size: clamp(3.35rem,15.2vw,5.5rem); line-height: .9; }
  .onda-method li { grid-template-columns: 34px minmax(0,1fr); gap: 11px; min-height: 0; padding: 25px 0; }
  .onda-method h3 { font-size: clamp(2.1rem,10.4vw,3.5rem); }
  .onda-method li p { grid-column: 2; font-size: .9rem; }
  .onda-team { padding-block: 82px; }
  .onda-team h2 { font-size: clamp(2.7rem,11.5vw,3.4rem); line-height: .86; letter-spacing: -.08em; }
  .collective-roles { grid-template-columns: 1fr; }
  .collective-roles li { min-height: 76px; }
  .onda-finale { min-height: 760px; }
  .onda-finale h2 { max-width: 100%; font-size: clamp(3.65rem,15.5vw,5.6rem); line-height: .9; letter-spacing: -.075em; }
  .onda-finale > div:last-child { display: grid; gap: 30px; }
  .onda-cta { min-width: 0; width: 100%; }
  .onda-episode-ribbon { display: none; }
  .onda-studio-page .explainer-grid { transform: none; box-shadow: none; }
  .onda-studio-page .explainer-grid article:nth-child(even), .onda-create-page .create-choices article:nth-child(n) { transform: none; }
  .onda-create-page .section-hero-copy h1 em { display: inline; }
  .onda-brief-page .brief-hero { padding-top: 86px; padding-bottom: 34px; }
  .onda-brief-page .brief-hero h1 { font-size: clamp(3.6rem,15.5vw,5.7rem); }
  .onda-legal-page .legal-page > h1 { font-size: clamp(2.6rem,11vw,2.9rem); line-height: .84; letter-spacing: -.075em; }
  .onda-sound-toggle { top: 14px; right: 66px; bottom: auto; grid-template-columns: 18px auto; gap: 4px; min-width: 51px; }
  .onda-sound-toggle > span { width: 18px; }
  .onda-sound-toggle small { min-width: 19px; font-size: .55rem; }
  .mascot-float { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .onda-cinematic-reveal { opacity: 1; transform: none; transition: none; }
  .onda-identity-stage { height: auto; min-height: 82svh; }
  .onda-identity-sticky { position: relative; height: 82svh; }
  .onda-identity-canvas { display: none; }
  .onda-identity-fallback { display: flex; }
  .onda-ribbon-field path, .onda-ribbon-echo path { stroke-dashoffset: 0 !important; }
  .onda-pathway::before { display: none; }
  .onda-pathway figure, .onda-pathway:nth-child(even) figure { clip-path: inset(0 round 2px); transform: none; }
  .collective-roles::before { animation: none; }
  .onda-reel figcaption { opacity: 1; transform: none; }
}

/* Final warm-only direction: no cold decorative palette or inherited ribbon system. */
:root { --onda-cyan: #ffd36b; --onda-blue: #c9472b; --acid: #ff693d; }
.onda-ribbon-field, .onda-ribbon-echo, .onda-episode-ribbon { display: none !important; }
.onda-caustic-border {
  background:
    radial-gradient(30% 8% at var(--caustic-x, 42%) 0%, rgba(255, 231, 175, .18), rgba(255,105,61,.06) 42%, transparent 76%),
    radial-gradient(8% 31% at 100% var(--caustic-y, 44%), rgba(255, 183, 79, .12), rgba(255,105,61,.05) 42%, transparent 78%),
    radial-gradient(30% 7% at calc(100% - var(--caustic-x, 42%)) 100%, rgba(255, 105, 61, .13), transparent 75%);
}
.onda-caustic-border::before { background: radial-gradient(14px 6px at calc(var(--caustic-x,42%) + 7%) 2px, rgba(255,244,214,.22), transparent 70%), radial-gradient(9px 18px at calc(100% - 2px) calc(var(--caustic-y,44%) + 12%), rgba(255,186,79,.13), transparent 72%); }
.onda-caustic-border::after { background: linear-gradient(90deg, rgba(255,91,48,.13), transparent 7px calc(100% - 7px), rgba(255,184,73,.1)); }
.onda-identity-stage { height: 410svh; min-height: 2600px; background: radial-gradient(circle at 50% 44%, rgba(255,105,61,.11), transparent 35%), radial-gradient(circle at 16% 20%, rgba(255,211,107,.05), transparent 22%), #080605; }
.onda-identity-copy { position:absolute; z-index:4; inset:0; pointer-events:none; color:var(--onda-cream); }
.onda-identity-copy article { position:absolute; max-width:min(700px,76vw); margin:0; opacity:0; transform:translate3d(0,18px,0); transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.2,1); }
.onda-identity-copy small { color:var(--onda-gold); font:700 .66rem "Space Grotesk",monospace; letter-spacing:.14em; }
.onda-identity-copy h2 { margin:12px 0 0; font:500 clamp(2.8rem,6vw,7rem)/.84 "Space Grotesk",sans-serif; letter-spacing:-.09em; text-transform:uppercase; }
.onda-identity-copy h2 em { color:var(--onda-coral); font-style:normal; }
.onda-identity-copy p { max-width:340px; color:#cdb7aa; font-size:.92rem; line-height:1.5; }
.onda-identity-copy blockquote { margin:12px 0 0; font:500 clamp(2.8rem,5.6vw,6.2rem)/.85 var(--onda-editorial); letter-spacing:-.06em; }
.onda-identity-copy [data-identity-copy="logo"] { top:28%; left:clamp(18px,9vw,150px); }
.onda-identity-copy [data-identity-copy="bee"] { right:clamp(18px,10vw,170px); bottom:24%; text-align:right; }
.onda-identity-copy [data-identity-copy="bee"] p { margin-left:auto; }
.onda-identity-copy [data-identity-copy="type"] { right:clamp(18px,8vw,130px); bottom:17%; text-align:right; }
.onda-identity-stage[data-phase="logo"] [data-identity-copy="logo"], .onda-identity-stage[data-phase="bee"] [data-identity-copy="bee"], .onda-identity-stage[data-phase="type"] [data-identity-copy="type"] { opacity:1; transform:none; }
.onda-manifesto, .onda-pathways, .onda-showcase, .onda-method { min-height:100svh; display:grid; align-content:center; }
.onda-pathways { background:linear-gradient(180deg,#120907,#080605); }
.onda-pathway-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.onda-pathway { min-height:min(46vw,630px); }
.onda-showcase { padding-block:clamp(90px,10vw,160px); background:linear-gradient(180deg,#080605,#170b07); }
.onda-showcase header { margin-bottom:clamp(38px,7vw,100px); }
.onda-method { background:radial-gradient(circle at 83% 28%,rgba(255,105,61,.12),transparent 26%),#0d0908; }
.onda-finale { background-color:#130906; }
.onda-team { display:none !important; }
.factory-page .factory-hero-new, .factory-page .factory-section, .factory-page .factory-cases, .academy-page .academy-hero, .academy-page .academy-program, .academy-page .academy-result, .academy-page .academy-price { min-height:100svh; display:grid; align-content:center; }
.factory-page .factory-hero-new::before, .factory-page .factory-hero-new::after, .academy-page .academy-hero::before, .academy-page .academy-hero::after { background-image:none !important; }
.factory-page .factory-hero-new, .factory-page .factory-section, .academy-page .academy-hero, .academy-page .academy-program, .academy-page .academy-result, .academy-page .academy-price { background-color:#100806 !important; }
.factory-page .factory-section:nth-of-type(even), .academy-page .academy-program { background-color:#1a0c07 !important; }
@media (max-width:700px) {
  .onda-identity-stage { height:350svh; min-height:2250px; }
  .onda-identity-copy article { max-width:calc(100vw - 36px); }
  .onda-identity-copy [data-identity-copy="logo"] { top:19%; left:18px; }
  .onda-identity-copy [data-identity-copy="bee"] { right:18px; bottom:25%; }
  .onda-identity-copy [data-identity-copy="type"] { right:18px; bottom:20%; }
  .onda-identity-copy h2 { font-size:clamp(2.65rem,12vw,4.5rem); }
  .onda-identity-copy blockquote { font-size:clamp(2.5rem,12vw,4.4rem); }
  .onda-manifesto, .onda-pathways, .onda-showcase, .onda-method { min-height:100svh; }
  .onda-pathway-list { grid-template-columns:1fr; }
  .onda-pathway { min-height:460px; }
  .factory-page .factory-hero-new, .factory-page .factory-section, .factory-page .factory-cases, .academy-page .academy-hero, .academy-page .academy-program, .academy-page .academy-result, .academy-page .academy-price { min-height:100svh; }
}

/* Studio: a contained editorial film page, deliberately free of old campaign geometry. */
.studio-private-page { background:#0e0806; }
.studio-private-page .site-head { background:rgba(14,8,6,.78); }
.studio-private-hero, .studio-private-formats, .studio-private-process { min-height:100svh; display:grid; align-content:center; overflow:hidden; }
.studio-private-hero { padding:110px 0 54px; background:radial-gradient(circle at 83% 38%,rgba(255,105,61,.16),transparent 30%),#100806; }
.studio-private-hero .shell { display:grid; grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr); gap:clamp(28px,7vw,110px); align-items:center; }
.studio-private-copy h1, .studio-private-formats h2, .studio-private-process h2 { margin:12px 0 22px; color:var(--onda-cream); font:500 clamp(4rem,8.3vw,9.3rem)/.8 "Space Grotesk",sans-serif; letter-spacing:-.105em; text-transform:uppercase; }
.studio-private-copy h1 em, .studio-private-formats h2 em, .studio-private-process h2 em, .studio-private-cta h2 em { color:var(--onda-coral); font-style:normal; }
.studio-private-copy > p:not(.eyebrow) { max-width:420px; color:#cdb7aa; font-size:1rem; line-height:1.6; }
.studio-film-strip { position:relative; height:min(62vh,620px); min-height:460px; }
.studio-film-strip figure { position:absolute; overflow:hidden; margin:0; border:1px solid rgba(255,213,144,.32); background:#1d0e09; box-shadow:0 22px 70px rgba(0,0,0,.35); }
.studio-film-strip figure:nth-child(1) { width:46%; height:62%; top:3%; left:0; transform:rotate(-5deg); }.studio-film-strip figure:nth-child(2) { width:50%; height:76%; right:2%; bottom:0; transform:rotate(4deg); }.studio-film-strip figure:nth-child(3) { width:36%; height:45%; left:29%; top:24%; z-index:2; transform:rotate(-1deg); }
.studio-film-strip video { width:100%; height:100%; object-fit:cover; }.studio-film-strip figcaption { position:absolute; left:10px; bottom:9px; color:#fff1dc; font:700 .58rem "Space Grotesk",monospace; letter-spacing:.11em; }
.studio-private-formats { padding:100px 0; background:#180b07; }.studio-private-formats h2 { max-width:800px; }.studio-format-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:62px; background:rgba(255,211,107,.25); border:1px solid rgba(255,211,107,.25); }.studio-format-grid article { min-height:270px; padding:24px; background:#130906; }.studio-format-grid span,.studio-private-process b { color:var(--onda-gold); font:700 .65rem "Space Grotesk",monospace; }.studio-format-grid h3 { margin:68px 0 10px; color:var(--onda-cream); font:500 clamp(1.9rem,3vw,3.6rem)/.9 "Space Grotesk",sans-serif; letter-spacing:-.08em; }.studio-format-grid p { max-width:270px; margin:0; color:#bfa99c; line-height:1.5; }
.studio-private-process { padding:100px 0; background:radial-gradient(circle at 15% 70%,rgba(255,105,61,.12),transparent 30%),#0d0806; }.studio-private-process .shell { display:grid; grid-template-columns:.45fr 1.55fr; gap:34px; }.studio-private-process h2 { font-size:clamp(3.5rem,6.6vw,7.5rem); }.studio-private-process ol { padding:0; margin:54px 0 0; list-style:none; border-top:1px solid rgba(255,213,144,.25); }.studio-private-process li { display:grid; grid-template-columns:80px 1fr; gap:20px; padding:21px 0; border-bottom:1px solid rgba(255,213,144,.18); color:#cbb5a8; font-size:clamp(1rem,1.5vw,1.35rem); line-height:1.35; }.studio-private-cta { background:#180a07; }
@media(max-width:700px){.studio-private-hero .shell,.studio-private-process .shell{grid-template-columns:1fr}.studio-private-hero{padding-top:100px}.studio-private-copy h1,.studio-private-formats h2,.studio-private-process h2{font-size:clamp(3.45rem,15vw,5.2rem)}.studio-film-strip{height:360px;min-height:0;margin-top:30px}.studio-format-grid{grid-template-columns:1fr;margin-top:38px}.studio-format-grid article{min-height:190px}.studio-format-grid h3{margin-top:42px}.studio-private-process li{grid-template-columns:42px 1fr}.studio-private-process ol{margin-top:34px}}
.brief-form,.brief-aside{background:#120906!important}.brief-form .direction-picker span{background:#0d0705!important}.brief-form .direction-picker input:checked+span{background:rgba(255,105,61,.12)!important}.brief-form .brief-estimate{background:rgba(255,105,61,.09)!important}.brief-form .brief-fields input:focus,.brief-form .brief-fields textarea:focus,.brief-form .brief-fields select:focus{box-shadow:0 0 0 3px rgba(255,105,61,.16)!important}.academy-button-primary:hover{background:#ff8a54!important}

/* Home 3.0 — one continuous black particle world followed by one clean CTA. */
.onda-home { overflow-x: clip; background:#000; }
.onda-home .onda-caustic-border,.onda-home .mascot-float { display:none!important; }
.onda-home .hero { will-change:opacity; }
.onda-home .onda-identity-stage {
  height:700svh;
  min-height:4800px;
  border:0;
  background:#000;
  isolation:isolate;
}
.onda-home .onda-identity-stage::after {
  position:absolute;
  z-index:5;
  right:0;
  bottom:0;
  left:0;
  height:22svh;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,#ff693d);
  content:"";
}
.onda-home .onda-identity-sticky { min-height:100svh; background:#000; }
.onda-home .onda-identity-sticky::before,.onda-home .onda-identity-meta,.onda-home .onda-identity-steps,.onda-home .onda-identity-hint,.onda-home .onda-identity-fallback { display:none!important; }
.onda-home .onda-identity-canvas { z-index:1; }
.onda-home .onda-identity-copy { position:absolute; z-index:3; inset:0; pointer-events:none; color:#f8eee5; }
.onda-home .onda-identity-copy > * { position:absolute; margin:0; opacity:0; visibility:hidden; transform:translate3d(0,22px,0); transition:opacity .7s ease,transform .9s cubic-bezier(.2,.72,.2,1),visibility .7s; }
.onda-scene-phrase { top:50%; left:50%; width:min(620px,calc(100vw - 44px)); text-align:center; transform:translate3d(-50%,calc(-50% + 22px),0)!important; font:500 clamp(1.7rem,3.25vw,3.6rem)/1.05 "Space Grotesk",sans-serif; letter-spacing:-.055em; text-wrap:balance; }
.onda-scene-card { top:50%; left:50%; width:min(410px,calc(100vw - 44px)); padding:20px 22px 22px; border:1px solid rgba(255,232,214,.19); background:rgba(20,18,17,.46); box-shadow:0 22px 80px rgba(0,0,0,.34); backdrop-filter:blur(12px); transform:translate3d(-50%,calc(-50% + 22px),0)!important; }
.onda-scene-card small { color:#ff936c; font:700 .61rem "Space Grotesk",monospace; letter-spacing:.13em; }
.onda-scene-card p { margin:14px 0 0; color:rgba(248,238,229,.78); font-size:clamp(.83rem,1.1vw,.98rem); line-height:1.58; }
.onda-scene-quote { left:clamp(20px,6vw,96px); bottom:clamp(80px,12vh,140px); width:min(500px,calc(100vw - 40px)); font:400 clamp(1.35rem,2.15vw,2.35rem)/1.02 var(--onda-editorial); letter-spacing:-.035em; color:rgba(255,242,228,.9); }
.onda-home .onda-identity-stage[data-phase="phrase"] .onda-scene-phrase { opacity:1; visibility:visible; transform:translate3d(-50%,-50%,0)!important; }
.onda-home .onda-identity-stage[data-phase="card"] .onda-scene-card { opacity:1; visibility:visible; transform:translate3d(-50%,-50%,0)!important; }
.onda-home .onda-identity-stage[data-phase="quote"] .onda-scene-quote { opacity:1; visibility:visible; transform:none; }
.onda-home .onda-story { z-index:6; background:#ff693d; overflow:visible; }
.onda-home .onda-finale {
  min-height:100svh;
  padding:clamp(86px,10vh,124px) clamp(20px,4vw,64px) clamp(28px,5vh,56px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:clamp(18px,3vh,34px);
  overflow:hidden;
  background:#ff693d;
  color:#170906;
}
.onda-home .onda-finale::before { display:none; }
.onda-home .onda-finale .onda-index { align-self:start; color:#6a2012; }
.onda-home .onda-finale h2 { align-self:center; max-width:100%; margin:0; font-size:clamp(4rem,9.4vw,8.5rem); line-height:.88; letter-spacing:-.085em; overflow-wrap:normal; word-break:normal; }
.onda-home .onda-finale h2 em { color:#fff3e9; }
.onda-home .onda-finale > div:last-child { align-self:end; display:flex; justify-content:flex-end; align-items:end; gap:clamp(32px,8vw,120px); }
.onda-home .onda-finale > div:last-child p { color:#4c170e; }
.onda-home .finale-bee { right:4vw; top:8%; width:min(27vw,400px); opacity:.07; }
.onda-home footer { background:#110806; }
@media(max-width:700px){
  .onda-home .onda-identity-stage{height:620svh;min-height:4300px}
  .onda-scene-phrase{font-size:clamp(1.55rem,7.7vw,2.4rem)}
  .onda-scene-card{padding:17px 18px 19px}
  .onda-scene-quote{bottom:15vh;font-size:clamp(1.55rem,7.5vw,2.25rem)}
  .onda-home .onda-finale{min-height:100svh;padding:92px 18px 28px;gap:18px}
  .onda-home .onda-finale h2{align-self:center;font-size:clamp(3.25rem,15.2vw,5.25rem);line-height:.86;letter-spacing:-.075em}
  .onda-home .onda-finale>div:last-child{display:grid;gap:22px}
  .onda-home .onda-finale>div:last-child p{font-size:.85rem}
  .onda-home .onda-cta{min-height:60px;width:100%}
  .onda-home .finale-bee{width:58vw;right:-8vw;top:12%;opacity:.055}
}
@media(prefers-reduced-motion:reduce){
  .onda-home .onda-identity-stage{height:100svh;min-height:680px}
  .onda-home .onda-identity-sticky{position:relative;height:100svh}
  .onda-home .onda-identity-canvas{display:block}
  .onda-home .onda-scene-phrase{opacity:1;visibility:visible;transform:translate3d(-50%,-50%,0)!important}
}

/* Compact floating navigation shared by every ONDA route. */
.onda-floating-header {
  position:fixed!important;
  z-index:1200!important;
  top:22px!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  display:flex!important;
  width:auto!important;
  height:54px!important;
  min-height:54px!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  opacity:1;
  transform:translate3d(-50%,0,0)!important;
  transition:transform .48s cubic-bezier(.2,.72,.2,1),opacity .34s ease!important;
}
.onda-floating-header.is-hidden:not(.menu-open){opacity:0;transform:translate3d(-50%,-82px,0)!important;pointer-events:none}
.onda-floating-header>.brand,.onda-floating-header>.brand-lockup,.onda-floating-menu-toggle {
  height:54px!important;
  border:1px solid rgba(255,238,226,.16)!important;
  border-radius:9px!important;
  background:rgba(5,3,3,.4)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
}
.onda-floating-header>.brand,.onda-floating-header>.brand-lockup{display:flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;flex:0 0 auto!important}
.onda-floating-header .brand-mark{width:104px!important;height:34px!important;flex:0 0 104px!important;background-color:#ff693d!important;background-size:contain!important}
.onda-floating-header .brand-mascot,.onda-floating-header .brand-bee{width:25px!important;height:25px!important;flex:0 0 25px!important;object-fit:contain!important}
.onda-floating-menu-toggle{display:flex;min-width:132px;align-items:center;justify-content:center;gap:13px;padding:0 14px;color:#f7eee8;cursor:pointer;text-transform:uppercase;font:700 .63rem "Space Grotesk",monospace;letter-spacing:.11em;transition:border-color .25s,color .25s,background .25s}
.onda-floating-menu-toggle:hover,.onda-floating-menu-toggle:focus-visible{border-color:rgba(255,105,61,.62)!important;color:#ff8c62}
.onda-floating-menu-toggle:focus-visible{outline:2px solid #ff693d;outline-offset:3px}
.onda-menu-label{display:block;min-width:51px;text-align:left;white-space:nowrap;transition:opacity .22s,transform .3s}
.onda-nine-dots{display:grid;width:19px;height:19px;grid-template-columns:repeat(3,3px);grid-auto-rows:3px;place-content:center;gap:3px;transition:transform .55s cubic-bezier(.2,.72,.2,1)}
.onda-nine-dots i{display:block;width:3px;height:3px;border-radius:50%;background:currentColor;transition:transform .5s cubic-bezier(.2,.72,.2,1),opacity .35s}
.onda-floating-header.menu-open .onda-nine-dots{transform:rotate(45deg)}
.onda-floating-header.menu-open .onda-nine-dots i:nth-child(1){transform:translate(3px,3px)}
.onda-floating-header.menu-open .onda-nine-dots i:nth-child(3){transform:translate(-3px,3px)}
.onda-floating-header.menu-open .onda-nine-dots i:nth-child(7){transform:translate(3px,-3px)}
.onda-floating-header.menu-open .onda-nine-dots i:nth-child(9){transform:translate(-3px,-3px)}
.onda-floating-header.menu-open .onda-nine-dots i:nth-child(2),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(4),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(6),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(8){transform:scale(.55);opacity:.55}
.onda-floating-header .onda-floating-menu-panel {
  position:absolute!important;
  z-index:2!important;
  top:62px!important;
  right:0!important;
  bottom:auto!important;
  left:auto!important;
  display:grid!important;
  width:280px!important;
  min-width:280px!important;
  max-width:calc(100vw - 24px)!important;
  max-height:none!important;
  gap:0!important;
  padding:10px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,238,226,.15)!important;
  border-radius:9px!important;
  background:rgba(5,3,3,.58)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  clip-path:inset(0 0 100% 0 round 9px);
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,-9px,0)!important;
  pointer-events:none;
  transition:clip-path .52s cubic-bezier(.2,.72,.2,1),opacity .32s ease,transform .52s cubic-bezier(.2,.72,.2,1),visibility 0s .52s!important;
}
.onda-floating-header.menu-open .onda-floating-menu-panel{clip-path:inset(0 0 0 0 round 9px);opacity:1;visibility:visible;transform:translate3d(0,0,0)!important;pointer-events:auto;transition-delay:0s!important}
.onda-floating-menu-panel a,.onda-floating-menu-panel .nav-cta{
  position:relative!important;
  display:flex!important;
  width:100%!important;
  min-height:45px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 31px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#f2e8e1!important;
  font:650 .68rem "Space Grotesk",monospace!important;
  letter-spacing:.08em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  opacity:0;
  transform:translate3d(0,-9px,0);
  transition:opacity .28s ease,transform .42s cubic-bezier(.2,.72,.2,1),color .25s,letter-spacing .3s,filter .3s!important;
}
.onda-floating-header.menu-open .onda-floating-menu-panel a{opacity:1;transform:none}
.onda-floating-header.menu-open .onda-floating-menu-panel a:nth-child(1){transition-delay:.06s}.onda-floating-header.menu-open .onda-floating-menu-panel a:nth-child(2){transition-delay:.12s}.onda-floating-header.menu-open .onda-floating-menu-panel a:nth-child(3){transition-delay:.18s}.onda-floating-header.menu-open .onda-floating-menu-panel a:nth-child(4){transition-delay:.24s}.onda-floating-header.menu-open .onda-floating-menu-panel a:nth-child(5){transition-delay:.3s}
.onda-floating-menu-panel a::before,.onda-floating-menu-panel a::after{position:absolute!important;top:50%!important;width:auto!important;height:auto!important;bottom:auto!important;background:none!important;color:#ff8a5f;content:"· ·"!important;font:700 .68rem "Space Grotesk",monospace;letter-spacing:.08em;opacity:0;transform:translate3d(0,-50%,0) scale(.7)!important;transition:opacity .24s,transform .3s!important}
.onda-floating-menu-panel a::before{left:9px!important}.onda-floating-menu-panel a::after{right:9px!important;left:auto!important}
.onda-floating-menu-panel:hover a:not(:hover){opacity:.42!important;filter:blur(.15px)}
.onda-floating-menu-panel a:hover,.onda-floating-menu-panel a:focus-visible,.onda-floating-menu-panel a.active{color:#ff8a5f!important;letter-spacing:.125em!important;filter:drop-shadow(0 0 8px rgba(255,105,61,.45))}
.onda-floating-menu-panel a:hover::before,.onda-floating-menu-panel a:hover::after,.onda-floating-menu-panel a:focus-visible::before,.onda-floating-menu-panel a:focus-visible::after,.onda-floating-menu-panel a.active::before,.onda-floating-menu-panel a.active::after{opacity:1;transform:translate3d(0,-50%,0) scale(1)!important}
.onda-floating-menu-panel a:focus-visible{outline:1px solid rgba(255,105,61,.72);outline-offset:-2px}
@media(max-width:700px){
  .onda-floating-header{top:18px!important;height:52px!important;min-height:52px!important}
  .onda-floating-header>.brand,.onda-floating-header>.brand-lockup,.onda-floating-menu-toggle{height:52px!important}
  .onda-floating-header .brand-mark{width:90px!important;height:31px!important;flex-basis:90px!important}
  .onda-floating-header .brand-mascot,.onda-floating-header .brand-bee{width:23px!important;height:23px!important;flex-basis:23px!important}
  .onda-floating-menu-toggle{min-width:118px;padding:0 11px;gap:9px}
  .onda-floating-header .onda-floating-menu-panel{top:60px!important;width:276px!important;min-width:276px!important}
}
@media(prefers-reduced-motion:reduce){.onda-floating-header,.onda-floating-menu-panel,.onda-floating-menu-panel a,.onda-nine-dots,.onda-nine-dots i{transition-duration:.01ms!important}}
#onda-fluid-cursor{opacity:.96;mix-blend-mode:screen;filter:saturate(1.2) contrast(1.05) drop-shadow(0 0 42px rgba(255,112,55,.24));pointer-events:none!important}

/* Home narrative 4.0 — transparent editorial surfaces in ONDA's own language. */
.onda-floating-header,
.onda-floating-header.is-hidden:not(.menu-open){opacity:1!important;transform:translate3d(-50%,0,0)!important;pointer-events:auto!important}
.onda-floating-header>.brand,.onda-floating-header>.brand-lockup,.onda-floating-menu-toggle{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(5,3,3,.21)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.2)!important;
}
.onda-floating-header>.brand:hover .brand-mascot,.onda-floating-header>.brand-lockup:hover .brand-bee{animation:ondaBeeGlint 1.8s ease-in-out infinite}
@keyframes ondaBeeGlint{0%,100%{opacity:.82;transform:translateY(0) rotate(0)}45%{opacity:1;transform:translateY(-1px) rotate(-2deg);filter:brightness(1.3) drop-shadow(0 0 7px rgba(255,128,69,.36))}65%{transform:translateY(0) rotate(1deg)}}
.onda-menu-label{position:relative;width:58px;height:1em;min-width:58px;overflow:visible;transition:none}
.onda-menu-label>span{position:absolute;top:50%;left:0;width:100%;transform:translate3d(0,-50%,0);opacity:1;transition:opacity .24s ease,transform .36s cubic-bezier(.2,.72,.2,1)}
.onda-menu-label>span:last-child{opacity:0;transform:translate3d(0,55%,0)}
.onda-floating-header.menu-open .onda-menu-label>span:first-child{opacity:0;transform:translate3d(0,-155%,0)}
.onda-floating-header.menu-open .onda-menu-label>span:last-child{opacity:1;transform:translate3d(0,-50%,0)}
.onda-floating-menu-toggle:hover .onda-nine-dots{filter:drop-shadow(0 0 7px rgba(255,116,62,.34))}
.onda-floating-menu-toggle:hover .onda-nine-dots i{animation:ondaDotFlicker 1.35s ease-in-out infinite}
.onda-floating-menu-toggle:hover .onda-nine-dots i:nth-child(2),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(2){animation-delay:-.19s}.onda-floating-menu-toggle:hover .onda-nine-dots i:nth-child(3),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(3){animation-delay:-.63s}.onda-floating-menu-toggle:hover .onda-nine-dots i:nth-child(4),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(4){animation-delay:-.31s}.onda-floating-menu-toggle:hover .onda-nine-dots i:nth-child(5),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(5){animation-delay:-.82s}.onda-floating-menu-toggle:hover .onda-nine-dots i:nth-child(6),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(6){animation-delay:-.46s}.onda-floating-menu-toggle:hover .onda-nine-dots i:nth-child(7),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(7){animation-delay:-1.04s}.onda-floating-menu-toggle:hover .onda-nine-dots i:nth-child(8),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(8){animation-delay:-.72s}.onda-floating-menu-toggle:hover .onda-nine-dots i:nth-child(9),.onda-floating-header.menu-open .onda-nine-dots i:nth-child(9){animation-delay:-.11s}
.onda-floating-header.menu-open .onda-nine-dots i{animation:ondaDotClick .52s ease both}
@keyframes ondaDotFlicker{0%,100%{opacity:.48;scale:.72}43%{opacity:1;scale:1.18}72%{opacity:.68;scale:.9}}
@keyframes ondaDotClick{0%{opacity:.35;filter:brightness(1)}42%{opacity:1;filter:brightness(1.8)}100%{opacity:.72;filter:brightness(1)}}
.onda-floating-header .onda-floating-menu-panel{
  width:286px!important;min-width:286px!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(8,5,4,.33)!important;
  box-shadow:inset 0 1px rgba(255,239,226,.045)!important;
  backdrop-filter:blur(24px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.25)!important;
  isolation:isolate;
}
.onda-floating-menu-panel::before{position:absolute;z-index:0;inset:-60px;pointer-events:none;background:radial-gradient(120px circle at var(--pointer-x,50%) var(--pointer-y,25%),rgba(255,115,61,.18),rgba(255,173,92,.05) 42%,transparent 72%);content:"";opacity:0;filter:blur(18px);transition:opacity .55s ease}
.onda-floating-menu-panel.is-pointer-active::before{opacity:1}
.onda-floating-menu-panel a{z-index:1}
.onda-floating-header.menu-open .onda-floating-menu-panel a:nth-child(6){transition-delay:.36s}
.onda-floating-menu-panel a::before{animation-delay:-.21s}.onda-floating-menu-panel a::after{animation-delay:-.73s}
.onda-floating-menu-panel a:hover::before,.onda-floating-menu-panel a:hover::after,.onda-floating-menu-panel a:focus-visible::before,.onda-floating-menu-panel a:focus-visible::after{animation:ondaMenuSpark 1.1s ease-in-out infinite alternate}
@keyframes ondaMenuSpark{from{opacity:.45;filter:blur(.2px)}to{opacity:1;filter:drop-shadow(0 0 5px #ff814f)}}

.onda-home .onda-identity-stage{height:370svh;min-height:2600px;background:#000}
.onda-home .onda-identity-stage::after{height:24svh;background:linear-gradient(180deg,transparent,#080504)}
.onda-home .onda-story{background:#080504;color:#f8eee5;overflow:clip}
.onda-home .onda-scene-card{background:rgba(14,9,7,.3);border-color:rgba(255,239,226,.16);backdrop-filter:blur(22px) saturate(1.15);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.onda-home .onda-scene-phrase{font:500 clamp(1.7rem,3.25vw,3.6rem)/1.05 "Space Grotesk",sans-serif!important;letter-spacing:-.055em}
.onda-home .onda-scene-card p{max-width:none}
.onda-home .onda-scene-quote{font-size:clamp(1.5rem,2.55vw,2.8rem);line-height:1.02}
.onda-section-heading{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1.6fr) minmax(220px,.55fr);gap:clamp(18px,3vw,48px);align-items:end}
.onda-section-heading h2,.onda-chapter h2{margin:0;font:500 clamp(3.1rem,6.7vw,7.6rem)/.86 "Space Grotesk",sans-serif;letter-spacing:-.09em;text-transform:uppercase;text-wrap:balance}
.onda-section-heading h2 em,.onda-chapter h2 em{color:#ff7a4d;font-family:var(--onda-editorial);font-weight:400;font-style:italic;letter-spacing:-.055em;text-transform:none}
.onda-section-heading>p:last-child{max-width:330px;margin:0;color:#c7afa2;font-size:.9rem;line-height:1.55}
.onda-index{margin:0;color:#ff9a71;font:700 .64rem "Space Grotesk",monospace;letter-spacing:.14em;text-transform:uppercase}
.onda-direction-overview{position:relative;min-height:100svh;padding:clamp(100px,11vw,170px) clamp(18px,3.5vw,56px);background:radial-gradient(circle at 72% 18%,rgba(255,105,61,.09),transparent 29%),#080504}
.onda-direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:clamp(48px,7vw,96px)}
.onda-direction-card{--pointer-x:50%;--pointer-y:20%;position:relative;min-height:590px;display:flex;flex-direction:column;padding:14px 20px 22px;overflow:hidden;border:1px solid rgba(255,238,226,.13);border-radius:10px;background:rgba(20,12,9,.27);box-shadow:inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(22px) saturate(1.14);-webkit-backdrop-filter:blur(22px) saturate(1.14);transition:transform .5s cubic-bezier(.2,.72,.2,1),border-color .4s,color .3s;isolation:isolate}
.onda-direction-card::before{position:absolute;z-index:-1;inset:-80px;pointer-events:none;background:radial-gradient(210px circle at var(--pointer-x) var(--pointer-y),rgba(255,116,62,.2),rgba(255,185,96,.045) 47%,transparent 72%);content:"";opacity:0;filter:blur(15px);transition:opacity .5s ease}
.onda-direction-card::after{position:absolute;inset:-1px;pointer-events:none;border:1px solid transparent;border-radius:10px;background:radial-gradient(160px circle at var(--pointer-x) var(--pointer-y),rgba(255,222,173,.62),transparent 72%) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;content:"";opacity:0;transition:opacity .45s}
.onda-direction-card.is-pointer-active{transform:translateY(-3px);border-color:rgba(255,154,103,.22)}
.onda-direction-card.is-pointer-active::before,.onda-direction-card.is-pointer-active::after{opacity:1}
.onda-card-motion{position:relative;height:230px;margin-bottom:auto;transform:translate3d(var(--motion-x,0),var(--motion-y,0),0);transition:transform .55s cubic-bezier(.2,.72,.2,1)}
.onda-card-number{margin:18px 0 10px;color:#d69b7e;font:700 .58rem "Space Grotesk",monospace;letter-spacing:.13em}
.onda-direction-card h3{margin:0;color:#fff1e8;font:600 clamp(2rem,3.1vw,3.6rem)/.88 "Space Grotesk",sans-serif;letter-spacing:-.08em;text-transform:uppercase;transition:color .3s,filter .3s}
.onda-direction-card.is-pointer-active h3{color:#ff9a71;filter:drop-shadow(0 0 12px rgba(255,105,61,.22))}
.onda-direction-card strong{display:block;min-height:2.5em;margin:16px 0 10px;color:#f4ddd0;font:500 clamp(1rem,1.3vw,1.25rem)/1.2 var(--onda-editorial)}
.onda-direction-card>p:not(.onda-card-number){min-height:5.2em;margin:0;color:#bda69a;font-size:.78rem;line-height:1.55}
.onda-direction-card>span{margin-top:22px;color:#ff9a71;font:700 .64rem "Space Grotesk",monospace;letter-spacing:.09em;text-transform:uppercase}
.onda-card-motion--studio i{position:absolute;width:40%;height:67%;top:15%;border:1px solid rgba(255,220,170,.34);border-radius:3px;background:linear-gradient(145deg,rgba(255,188,99,.08),rgba(255,94,49,.24));box-shadow:0 18px 40px rgba(0,0,0,.28);animation:ondaFrames 7s ease-in-out infinite}
.onda-card-motion--studio i:nth-child(1){left:9%;transform:rotate(-8deg)}.onda-card-motion--studio i:nth-child(2){left:30%;top:8%;transform:rotate(3deg);animation-delay:-2.2s}.onda-card-motion--studio i:nth-child(3){right:8%;transform:rotate(9deg);animation-delay:-4.4s}.onda-card-motion--studio b{position:absolute;left:38%;top:34%;width:25%;aspect-ratio:1;border-radius:50%;background:#ffd8a1;box-shadow:0 0 38px rgba(255,121,63,.72);mix-blend-mode:screen;animation:ondaFilmLight 3.4s ease-in-out infinite}
@keyframes ondaFrames{0%,100%{filter:saturate(.7);translate:0 0}50%{filter:saturate(1.35);translate:0 -4px}}@keyframes ondaFilmLight{50%{scale:1.18;opacity:.7}}
.onda-card-motion--factory{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:17px 7% 38px}.onda-card-motion--factory i{border:1px solid rgba(255,183,105,.2);border-radius:3px;background:linear-gradient(135deg,rgba(255,209,144,.15),rgba(255,91,48,.08));animation:ondaFactoryPulse 3.4s ease-in-out infinite}.onda-card-motion--factory i:nth-child(2){animation-delay:-.5s}.onda-card-motion--factory i:nth-child(3){animation-delay:-1s}.onda-card-motion--factory i:nth-child(4){animation-delay:-1.5s}.onda-card-motion--factory i:nth-child(5){animation-delay:-2s}.onda-card-motion--factory i:nth-child(6){animation-delay:-2.5s}.onda-card-motion--factory b{position:absolute;right:8%;bottom:5px;color:#ffb17c;font:700 .64rem "Space Grotesk",monospace;letter-spacing:.13em}@keyframes ondaFactoryPulse{0%,100%{opacity:.28;transform:scale(.94)}45%{opacity:1;transform:scale(1)}}
.onda-card-motion--academy{display:grid;place-items:center}.onda-card-motion--academy svg{width:92%;overflow:visible}.onda-card-motion--academy path{fill:none;stroke:#ff986d;stroke-width:1.5;stroke-dasharray:9 9;animation:ondaRoute 4s linear infinite}.onda-card-motion--academy circle{fill:#ffd88d;filter:drop-shadow(0 0 7px rgba(255,105,61,.75));animation:ondaNode 2.8s ease-in-out infinite}.onda-card-motion--academy circle:nth-of-type(2){animation-delay:-.7s}.onda-card-motion--academy circle:nth-of-type(3){animation-delay:-1.4s}.onda-card-motion--academy circle:nth-of-type(4){animation-delay:-2.1s}@keyframes ondaRoute{to{stroke-dashoffset:-36}}@keyframes ondaNode{50%{opacity:.35;transform:scale(.65);transform-box:fill-box;transform-origin:center}}

.onda-chapter{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);gap:clamp(40px,8vw,130px);align-items:center;padding:clamp(96px,10vw,150px) clamp(18px,5vw,78px);overflow:hidden;border-top:1px solid rgba(255,238,226,.07)}
.onda-chapter--studio{background:radial-gradient(circle at 78% 45%,rgba(255,150,82,.12),transparent 27%),#0b0605}.onda-chapter--factory{grid-template-columns:minmax(390px,.86fr) minmax(0,1fr);background:radial-gradient(circle at 20% 50%,rgba(255,105,61,.12),transparent 30%),#130806}.onda-chapter--academy{background:radial-gradient(circle at 82% 35%,rgba(255,200,108,.09),transparent 30%),#080504}
.onda-chapter-content{position:relative;z-index:2}.onda-chapter h2{max-width:900px;margin:18px 0 28px;font-size:clamp(3.3rem,6.5vw,7.3rem)}.onda-chapter-content>p:not(.onda-index){max-width:580px;margin:0;color:#c6aea2;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.62}.onda-chapter ul{display:flex;flex-wrap:wrap;gap:7px;margin:34px 0 38px;padding:0;list-style:none}.onda-chapter li{padding:9px 12px;border:1px solid rgba(255,230,211,.14);border-radius:999px;background:rgba(255,255,255,.025);color:#e7cfc2;font-size:.7rem;letter-spacing:.04em}.onda-story-link{display:inline-flex;align-items:center;gap:26px;min-height:54px;padding:0 18px;border:1px solid rgba(255,126,74,.48);border-radius:8px;background:rgba(255,105,61,.06);color:#ff9b72;font:700 .68rem "Space Grotesk",monospace;letter-spacing:.09em;text-transform:uppercase;transition:background .3s,color .3s,transform .3s}.onda-story-link:hover,.onda-story-link:focus-visible{background:#ff693d;color:#160805;transform:translateY(-2px)}
.onda-chapter-visual{position:relative;min-height:min(66vh,640px);border:1px solid rgba(255,239,226,.1);border-radius:10px;background:rgba(255,255,255,.018);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}
.onda-memory-film i{position:absolute;width:46%;height:53%;border:1px solid rgba(255,222,185,.25);border-radius:4px;background:linear-gradient(145deg,rgba(255,216,171,.12),rgba(255,88,43,.22));box-shadow:0 26px 80px rgba(0,0,0,.42)}.onda-memory-film i:nth-child(1){top:15%;left:9%;transform:rotate(-8deg)}.onda-memory-film i:nth-child(2){top:22%;right:8%;transform:rotate(7deg)}.onda-memory-film i:nth-child(3){top:11%;left:28%;transform:rotate(-1deg);background:radial-gradient(circle at 55% 42%,rgba(255,231,180,.78),rgba(255,112,57,.17) 25%,rgba(28,12,8,.9) 72%);animation:ondaHeroFrame 5.4s ease-in-out infinite}@keyframes ondaHeroFrame{50%{transform:rotate(1deg) scale(1.035);filter:brightness(1.16)}}.onda-memory-film div{position:absolute;right:9%;bottom:9%;left:9%;display:flex;justify-content:space-between;color:#ffb184;font:700 .58rem "Space Grotesk",monospace;letter-spacing:.13em}
.onda-content-flow{display:grid;place-items:center}.onda-flow-source{display:grid;width:112px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,219,176,.32);border-radius:50%;color:#ffd49b;font:700 .7rem "Space Grotesk",monospace;box-shadow:0 0 90px rgba(255,95,43,.12)}.onda-flow-items{position:absolute;inset:10%;pointer-events:none}.onda-flow-items i{position:absolute;display:grid;width:72px;height:46px;place-items:center;border:1px solid rgba(255,179,109,.26);border-radius:4px;background:rgba(255,105,61,.06);color:#e9baa0;font:700 .52rem "Space Grotesk",monospace;animation:ondaOrbit 9s ease-in-out infinite}.onda-flow-items i:nth-child(1){top:7%;left:8%}.onda-flow-items i:nth-child(2){top:4%;right:12%;animation-delay:-1.4s}.onda-flow-items i:nth-child(3){top:46%;right:1%;animation-delay:-2.8s}.onda-flow-items i:nth-child(4){right:18%;bottom:3%;animation-delay:-4.2s}.onda-flow-items i:nth-child(5){bottom:6%;left:10%;animation-delay:-5.6s}.onda-flow-items i:nth-child(6){top:43%;left:0;animation-delay:-7s}@keyframes ondaOrbit{0%,100%{transform:translate(0,0);opacity:.5}50%{transform:translate(7px,-6px);opacity:1}}.onda-content-flow>strong{position:absolute;right:18px;bottom:16px;color:#ff986c;font:700 .7rem "Space Grotesk",monospace;letter-spacing:.14em}
.onda-learning-route{display:grid;place-items:center;padding:9%}.onda-learning-route ol{width:100%;margin:0;padding:0;list-style:none;counter-reset:none}.onda-learning-route li{position:relative;display:flex;align-items:center;gap:22px;min-height:68px;padding:0;border:0;border-bottom:1px solid rgba(255,222,190,.11);border-radius:0;background:transparent;color:#dac1b4;font:500 clamp(.82rem,1.15vw,1rem) "Space Grotesk",sans-serif}.onda-learning-route li::after{position:absolute;right:0;width:7px;height:7px;border-radius:50%;background:#ff9365;box-shadow:0 0 12px rgba(255,105,61,.65);content:"";animation:ondaLearning 3s ease-in-out infinite}.onda-learning-route li:nth-child(2)::after{animation-delay:-.5s}.onda-learning-route li:nth-child(3)::after{animation-delay:-1s}.onda-learning-route li:nth-child(4)::after{animation-delay:-1.5s}.onda-learning-route li:nth-child(5)::after{animation-delay:-2s}.onda-learning-route li:nth-child(6)::after{animation-delay:-2.5s}.onda-learning-route span{width:34px;color:#ff9b72;font:700 .6rem "Space Grotesk",monospace}@keyframes ondaLearning{0%,100%{opacity:.25;scale:.65}50%{opacity:1;scale:1.2}}
.onda-union{position:relative;min-height:100svh;display:grid;grid-template-columns:.42fr 1.05fr .72fr;gap:clamp(28px,5vw,90px);align-items:center;padding:clamp(100px,12vw,180px) clamp(18px,5vw,78px);overflow:hidden;background:radial-gradient(circle at 50% 60%,rgba(255,105,61,.14),transparent 28%),#070403}
.onda-union::after{position:absolute;right:0;bottom:0;left:0;height:25vh;background:linear-gradient(180deg,transparent,#ff693d);content:"";pointer-events:none}.onda-union blockquote{margin:0;font:400 clamp(3.8rem,7.7vw,9rem)/.8 var(--onda-editorial);letter-spacing:-.075em}.onda-union blockquote span{display:block}.onda-union blockquote span:last-child{color:#ff7c4f}.onda-union>div{position:relative;z-index:2;padding:22px;border:1px solid rgba(255,239,226,.12);border-radius:9px;background:rgba(11,7,6,.3);backdrop-filter:blur(22px)}.onda-union>div p{margin:0;padding:14px 0;border-bottom:1px solid rgba(255,238,226,.09);color:#d2b7aa;font-size:.83rem;line-height:1.45}.onda-union>div p:last-child{border-bottom:0}
.onda-home .onda-finale{position:relative;z-index:2}

@media(max-width:980px){
  .onda-section-heading{grid-template-columns:1fr 3fr}.onda-section-heading>p:last-child{grid-column:2}.onda-direction-grid{grid-template-columns:1fr}.onda-direction-card{min-height:500px}.onda-card-motion{height:205px}.onda-chapter,.onda-chapter--factory{grid-template-columns:1fr;gap:54px}.onda-chapter--factory .onda-chapter-visual{order:2}.onda-chapter-visual{min-height:520px}.onda-union{grid-template-columns:1fr 2fr}.onda-union>div{grid-column:2}
}
@media(max-width:700px){
  .onda-floating-header .onda-floating-menu-panel{width:286px!important;min-width:286px!important;max-width:calc(100vw - 24px)!important}
  .onda-menu-label{width:50px;min-width:50px}
  .onda-home .onda-identity-stage{height:330svh;min-height:2350px}
  .onda-home .onda-scene-phrase{font-size:clamp(1.55rem,7.7vw,2.4rem)!important}.onda-home .onda-scene-quote{font-size:clamp(1.4rem,7.1vw,2.15rem)}
  .onda-direction-overview{padding:98px 15px 84px}.onda-section-heading{display:block}.onda-section-heading h2{margin:18px 0 22px;font-size:clamp(3.25rem,14.2vw,5.1rem)}.onda-section-heading>p:last-child{font-size:.82rem}.onda-direction-grid{margin-top:42px}.onda-direction-card{min-height:530px;padding:12px 17px 20px}.onda-direction-card h3{font-size:clamp(2.4rem,11vw,3.6rem)}.onda-card-motion{height:190px}.onda-direction-card>p:not(.onda-card-number){min-height:0}
  .onda-chapter,.onda-chapter--factory{min-height:100svh;padding:100px 15px 72px;grid-template-columns:1fr;gap:42px}.onda-chapter h2{font-size:clamp(3.25rem,14vw,5.2rem);margin-top:16px}.onda-chapter-content>p:not(.onda-index){font-size:.84rem}.onda-chapter ul{margin:27px 0 30px}.onda-chapter li{font-size:.65rem}.onda-story-link{width:100%;justify-content:space-between}.onda-chapter-visual{min-height:390px}.onda-memory-film i{height:49%}.onda-flow-items i{width:58px;height:39px}.onda-learning-route{padding:5% 8%}.onda-learning-route li{min-height:53px}
  .onda-union{min-height:92svh;display:block;padding:100px 15px 130px}.onda-union blockquote{margin:48px 0;font-size:clamp(4rem,18vw,6rem)}.onda-union>div{padding:15px}.onda-union::after{height:18vh}
}
@media(prefers-reduced-motion:reduce){.onda-floating-menu-toggle:hover .onda-nine-dots i,.onda-floating-header.menu-open .onda-nine-dots i,.onda-floating-menu-panel a::before,.onda-floating-menu-panel a::after,.onda-card-motion *,.onda-chapter-visual *{animation:none!important}}