/* The supplied Zether wordmark is self-hosted byte-for-byte; see adjacent OFL. */
@font-face{font-family:ZetherTechDisplay;src:url('/next/assets/fonts/zether-display-black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:block}
.zether-hero{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(240px,1fr) auto;gap:30px;width:100%;min-height:max(72svh,580px);margin:0;padding:98px 0 86px;overflow:clip;background:#f5f5f1;color:#080908}
.zether-hero,.zether-hero *{box-sizing:border-box}
.zether-hero ::selection{background:#ffbd39;color:#080908}
.zether-ink-stage{position:relative;container-type:inline-size;width:100%;height:clamp(240px,31vw,420px);min-height:240px;overflow:hidden;isolation:isolate;touch-action:pan-y pinch-zoom}
.zether-ink-paper{position:absolute;inset:0;z-index:0;background:#f5f5f1;color:#080908;pointer-events:none}
.zether-wordmark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;font-family:ZetherTechDisplay,Arial,sans-serif;font-size:17.8vw;font-size:17.8cqw;font-weight:900;font-style:normal;font-synthesis:none;line-height:1;letter-spacing:-.04em;word-spacing:.12em;white-space:nowrap;pointer-events:none;user-select:none;-webkit-user-select:none}
.zether-wordmark--fluid{z-index:2;color:#fff}
.zether-search{position:relative;z-index:4;width:min(680px,calc(100% - 48px));margin:0 auto;align-self:start}
.zether-search .search-form{display:flex;align-items:center;gap:15px;width:100%;height:68px;min-height:68px;margin:0;padding:0 12px 0 25px;border:0;border-radius:50px;background:rgba(255,255,255,.84);color:#1d1d1f;box-shadow:0 8px 30px rgba(21,21,15,.055);transition:box-shadow .2s ease,background .2s ease}
.zether-search .search-form:focus-within{background:#fff;box-shadow:0 8px 30px rgba(21,21,15,.065),0 0 0 2px #52534c}
.zether-search .search-form>.icon{flex:none;width:21px;height:21px;color:#64655e}
.zether-search .search-form input{flex:1;min-width:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#1d1d1f;font:16px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;outline:0;box-shadow:none;caret-color:#1d1d1f}
.zether-search .search-form input::placeholder{color:#686961;opacity:1}
.zether-search .search-form button{display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:#1d1d1f;color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}
.zether-search .search-form button:hover{background:#373830}
.zether-search .search-form button:active{transform:scale(.96)}
.zether-search .search-form button:focus-visible{outline:2px solid #52534c;outline-offset:4px}
.zether-search .search-form button .icon{width:20px;height:20px}
.zether-fallback{position:relative;z-index:4;max-width:65ch;margin:0 auto;padding:0 24px;color:#686961;text-align:center;font:12px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.zether-fallback[hidden]{display:none}
@media(max-width:700px){.zether-hero{min-height:max(62svh,480px);padding:105px 0 68px;gap:26px;grid-template-rows:minmax(200px,1fr) auto}.zether-ink-stage{height:240px;min-height:200px}.zether-search{width:calc(100% - 40px);max-width:520px}.zether-search .search-form{height:62px;min-height:62px;gap:12px;padding:0 10px 0 19px}.zether-search .search-form input{font-size:15px}.zether-search .search-form button{width:42px;height:42px;min-width:42px}.zether-search .search-form>.icon{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.zether-search .search-form,.zether-search .search-form button{transition:none}}
/* Pure CSS ink study: broad colour masses with translucent folded currents. */
.zether-fluid-background {
  position: absolute; inset: 0; z-index: 0; overflow: hidden;
  background:
    radial-gradient(ellipse at 12% 25%, #063ef2 0 9%, transparent 41%),
    radial-gradient(ellipse at 37% 74%, #6b06a9 0 8%, transparent 46%),
    radial-gradient(ellipse at 62% 38%, #ed006f 0 10%, transparent 45%),
    radial-gradient(ellipse at 88% 66%, #ff9b00 0 11%, transparent 42%),
    linear-gradient(105deg, #070979 3%, #2632e6 21%, #9c075c 48%, #f32903 76%, #ffad08);
  background-size: 140% 150%;
  animation: zether-ink-bed 13s ease-in-out infinite alternate;
}
.zether-fluid-current {
  position: absolute; inset: -25%; overflow: hidden;
  background:
    radial-gradient(ellipse 29% 15% at 20% 34%, #b4a3ff88 0, #4a30ee55 25%, transparent 65%),
    radial-gradient(ellipse 33% 13% at 54% 68%, #ff8bcc99 0, #cb087966 24%, transparent 67%),
    radial-gradient(ellipse 30% 18% at 84% 32%, #ffd65fa6 0, #e83b1844 27%, transparent 66%),
    conic-gradient(from 42deg at 48% 52%, transparent 0 10%, #09055999 17%, transparent 27% 45%, #ff9b6f77 53%, transparent 66% 83%, #17007099 92%, transparent);
  mix-blend-mode: soft-light;
  animation: zether-ink-fold 11s ease-in-out infinite alternate;
  will-change: transform;
}
.zether-fluid-current::before, .zether-fluid-current::after {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 42% 20% at 18% 53%, transparent 35%, #a8a4ff80 43%, #1b0c8d55 49%, transparent 61%),
    radial-gradient(ellipse 39% 31% at 78% 44%, transparent 36%, #ffbb747a 45%, #a400593d 53%, transparent 64%),
    conic-gradient(from 130deg at 51% 49%, transparent 8%, #0b084f90 17%, transparent 26% 43%, #ffc6ab7a 52%, transparent 65% 81%, #f4319a66 92%, transparent);
  mix-blend-mode: overlay;
  animation: zether-ink-ribbon 8s ease-in-out infinite alternate;
}
.zether-fluid-current::after {
  opacity: .65; transform: rotate(132deg) scale(1.2);
  animation-name: zether-ink-undertow; animation-duration: 17s;
}
@keyframes zether-ink-bed {
  0% { background-position: 20% 10%; }
  45% { background-position: 70% 80%; }
  100% { background-position: 90% 30%; }
}
@keyframes zether-ink-fold {
  0% { transform: rotate(-12deg) scale(1.03, 1.12); }
  100% { transform: rotate(15deg) scale(1.15, .98); }
}
@keyframes zether-ink-ribbon {
  0% { transform: translate(-4%, 3%) rotate(-20deg) scale(1.12, .94); }
  100% { transform: translate(5%, -4%) rotate(24deg) scale(.98, 1.18); }
}
@keyframes zether-ink-undertow {
  0% { transform: translate(3%, -3%) rotate(112deg) scale(1.2); }
  100% { transform: translate(-4%, 5%) rotate(149deg) scale(1.08, 1.28); }
}
@media (prefers-reduced-motion: reduce) {
  .zether-fluid-background, .zether-fluid-current, .zether-fluid-current::before, .zether-fluid-current::after { animation: none; }
}

/* A positive continuous aperture avoids XOR holes where liquid folds overlap. */
.zether-fluid-background{z-index:1;visibility:hidden;pointer-events:none;clip-path:var(--aperture,path(nonzero,"M0 0Z"));-webkit-clip-path:var(--aperture,path(nonzero,"M0 0Z"))}
.zether-ink-stage[data-mask-supported="true"] .zether-fluid-background{visibility:visible}
.zether-ink-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}
.zether-ink-canvas[hidden]{display:none}
.zether-ink-stage[data-ink="procedural-webgl"] .zether-fluid-current{display:none}
.zether-ink-stage[data-motion="resting"] .zether-fluid-background,.zether-ink-stage[data-motion="resting"] .zether-fluid-current,.zether-ink-stage[data-motion="resting"] .zether-fluid-current::before,.zether-ink-stage[data-motion="resting"] .zether-fluid-current::after{animation-play-state:paused}

