/* Portfolio styles: tokens, base reset, global backgrounds, acrylic layers, custom scrollbar, recovery shell.
   Source: portfolio.html split for cacheability and ownership. */
    :root {
      --bg: #0d0b0a;
      --bg-2: #13100f;
      --bg-3: #1a1513;
      --ink: #f5f1ea;
      --ink-dim: #c2b3a7;
      --ink-mute: #8e8176;
      --amber: #ff8a3d;
      /* warm sodium glow from photos */
      --amber-soft: #f0a868;
      --cyan: #7df0ff;
      /* electric accent */
      --line: rgba(243, 241, 236, 0.08);
      --line-2: rgba(243, 241, 236, 0.14);
      --shell: min(1240px, calc(100% - 40px));
      --content-max: min(1240px, 100%);
      --section-pad-y: clamp(92px, 11vh, 132px);
      --section-pad-x: clamp(22px, 3.2vw, 40px);
      --section-head-gap: clamp(34px, 4vw, 56px);
      --section-head-mb: clamp(42px, 6.4vh, 72px);
      --section-bg: rgba(10, 10, 11, .78);
      --section-backdrop: blur(8px) saturate(115%);
      --module-pad: clamp(22px, 3vw, 42px);
      --tickets-stage-height: clamp(430px, 55vh, 560px);
      --display: 'Space Grotesk', sans-serif;
      --sf-display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', sans-serif;
      --sf-text: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', sans-serif;
      --mono: 'JetBrains Mono', ui-monospace, monospace;
      --floating-auth-header-offset: calc(100vh - 112px);
      --floating-auth-content-offset: 0px;
      --floating-auth-hero-title-reveal: 0;
      --floating-auth-hero-subtitle-reveal: 0;
      --floating-auth-hero-rest-reveal: 0;
      --floating-auth-section-reveal: 0;
      --bg-logo-visibility: 1;
      --bg-logo-protection: 1;
      --sticky-header-height: 88px;
      --layer-header: 12000;
      --layer-header-menu: 12001;
      --layer-route-overlay: 13000;
      --shared-cta-fade-in: 460ms;
      --shared-cta-fade-out: 320ms;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0
    }

    @media (max-width: 768px) {
      input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
      textarea,
      select {
        font-size: 16px !important;
      }
    }

    html {
      scroll-behavior: smooth;
      background: var(--bg)
    }

    @media (min-width: 1000px) and (min-height: 720px) {
      html[data-section-scroll-lock="booting"],
      html[data-section-scroll-lock="locked"] {
        overflow: hidden !important;
        overscroll-behavior: none;
      }

      html[data-section-scroll-lock="booting"] body,
      html[data-section-scroll-lock="locked"] body {
        overflow: hidden !important;
        overscroll-behavior: none;
      }
    }

    body {
      font-family: var(--display);
      background:
        radial-gradient(90% 70% at 50% 8%, rgba(255, 138, 61, .026), transparent 58%),
        #050403;
      color: var(--ink);
      -webkit-font-smoothing: antialiased;
      font-feature-settings: "ss01", "ss02";
      overflow-x: hidden;
      position: relative;
      padding-top: var(--floating-auth-content-offset);
    }

    html,
    body {
      max-width: 100%;
      overflow-x: hidden;
    }

    /* ============ FIXED FULLSCREEN LOGO BACKDROP (three.js canvas) ============ */
    .bg-stage {
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
      contain: strict;
      transform: translateZ(0);
      backface-visibility: hidden;
      background:
        radial-gradient(80% 80% at 50% 20%, rgba(28, 18, 14, .34), transparent 64%),
        #040302;
    }

    .bg-stage::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
      background:
        radial-gradient(52% 38% at 50% 48%, rgba(5, 4, 3, calc(.22 * var(--bg-logo-protection))), transparent 72%),
        radial-gradient(34% 30% at 50% 58%, rgba(0, 0, 0, calc(.16 * var(--bg-logo-protection))), transparent 74%),
        linear-gradient(90deg, rgba(0, 0, 0, .2), transparent 18%, transparent 82%, rgba(0, 0, 0, .18));
      mix-blend-mode: multiply;
    }

    .bg-stage canvas {
      position: absolute;
      inset: 0;
      width: 100% !important;
      height: 100% !important;
      display: block;
      will-change: transform;
    }

    .bg-stage .halo {
      position: absolute;
      inset: -10%;
      z-index: 2;
      background:
        radial-gradient(50% 36% at 50% 44%, rgba(255, 138, 61, .08), transparent 65%),
        radial-gradient(42% 38% at 38% 78%, rgba(125, 240, 255, .022), transparent 64%);

      pointer-events: none;
      transform: translateZ(0);
      backface-visibility: hidden;
    }

    /* the acrylic pane - fixed, full viewport, blurs everything underneath */
    .bg-acrylic {
      position: fixed;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      overflow: hidden;
      contain: strict;
      transform: translateZ(0);
      backface-visibility: hidden;
      background:
        linear-gradient(180deg, rgba(8, 6, 5, .70), rgba(10, 7, 6, .58) 46%, rgba(7, 5, 5, .76)),
        radial-gradient(62% 44% at 24% 12%, rgba(255, 138, 61, .040), transparent 62%),
        radial-gradient(60% 52% at 82% 88%, rgba(125, 240, 255, .015), transparent 64%),
        radial-gradient(48% 38% at 50% 50%, rgba(255, 195, 120, .014), transparent 70%);
    }

    .bg-acrylic::before {
      /* very fine glass grain to feel like real acrylic */
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(115deg, transparent 0 34%, rgba(255, 176, 92, .07) 34.3%, transparent 35.2% 68%, rgba(125, 240, 255, .035) 68.2%, transparent 69%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence baseFrequency='1.05' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.42'/></svg>");
      opacity: .052;
      mix-blend-mode: soft-light;
      transform: translateZ(0);
      backface-visibility: hidden;
    }

    .bg-acrylic::after {
      /* edge vignette + top sheen */
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(60% 46% at 50% 50%, rgba(0, 0, 0, calc(.12 * var(--bg-logo-protection))), transparent 70%),
        radial-gradient(82% 62% at 50% 50%, transparent 48%, rgba(0, 0, 0, .36) 100%),
        linear-gradient(180deg, rgba(255, 138, 61, .032) 0%, transparent 16%),
        linear-gradient(90deg, rgba(0, 0, 0, .24), transparent 18%, transparent 82%, rgba(0, 0, 0, .22));
      transform: translateZ(0);
      backface-visibility: hidden;
    }

    /* all real content sits above the acrylic */
    .nav,
    header.hero,
    section,
    .marquee,
    footer.footer {
      position: relative;
      z-index: 2;
    }

    .route-transition-overlay {
      position: fixed;
      inset: 0;
      z-index: var(--layer-route-overlay);
      pointer-events: none;
      opacity: 0;
      background:
        radial-gradient(34% 32% at 50% 34%, rgba(255, 138, 61, .16), transparent 70%),
        rgba(4, 3, 3, .72);
      transition: opacity 240ms cubic-bezier(.22, 1, .36, 1), backdrop-filter 240ms ease;
    }

    body.is-route-leaving .route-transition-overlay {
      opacity: 1;
    }

    body.is-route-leaving .nav,
    body.is-route-leaving header.hero,
    body.is-route-leaving section,
    body.is-route-leaving .marquee,
    body.is-route-leaving footer.footer {
      opacity: .32;
      transform: translateY(-8px) scale(.995);

      transition:
        opacity 260ms cubic-bezier(.22, 1, .36, 1),
        transform 260ms cubic-bezier(.22, 1, .36, 1),
        filter 260ms cubic-bezier(.22, 1, .36, 1);
    }

    img {
      max-width: 100%;
      display: block
    }

    a {
      color: inherit;
      text-decoration: none
    }

    ::selection {
      background: var(--amber);
      color: #000
    }

    /* ============ CUSTOM SCROLLBAR - hairline, ambient ============ */
    /* Hide native scrollbar everywhere; we draw our own progress rail. */
    html {
      scrollbar-width: none;
    }

    html::-webkit-scrollbar {
      width: 0;
      height: 0;
      display: none;
    }

    body {
      scrollbar-width: none;
    }

    body::-webkit-scrollbar {
      width: 0;
      height: 0;
      display: none;
    }

    /* Ambient rail - a single hairline against the right edge */
    .scroll-rail {
      position: fixed;
      top: var(--floating-auth-header-offset);
      right: 0;
      width: 1px;
      height: calc(100vh - var(--floating-auth-header-offset));
      background: linear-gradient(180deg,
          transparent 0%,
          rgba(243, 241, 236, .05) 12%,
          rgba(243, 241, 236, .05) 88%,
          transparent 100%);
      z-index: 120;
      pointer-events: none;
      opacity: 0;
      transition:
        top .6s cubic-bezier(0.22, 1, 0.36, 1),
        height .6s cubic-bezier(0.22, 1, 0.36, 1),
        opacity .5s ease;
    }

    .scroll-rail.is-ready {
      opacity: 1;
    }

    /* The "thumb" - really a thin amber bead that marks scroll progress */
    .scroll-rail__bead {
      position: absolute;
      top: 0;
      right: -2px;
      /* slightly off-rail so it reads as a marker, not a bar */
      width: 5px;
      height: 48px;
      background: var(--amber);
      border-radius: 0;
      /* squared, editorial */
      opacity: .35;
      transition: opacity .6s ease;
      will-change: transform, opacity;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
    }

    .scroll-rail.is-active .scroll-rail__bead {
      opacity: 1;
    }

    /* Tiny tick on the rail aligned with the bead's center */
    .scroll-rail__tick {
      position: absolute;
      right: 0;
      width: 14px;
      height: 1px;
      background: var(--amber);
      opacity: 0;
      transition: opacity .6s ease;
    }

    .scroll-rail.is-active .scroll-rail__tick {
      opacity: .55;
    }

    /* Numeric scroll readout - quiet, mono, only visible while scrolling */
    .scroll-rail__pct {
      position: absolute;
      right: 18px;
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: .18em;
      color: var(--amber);
      opacity: 0;
      white-space: nowrap;
      transform: translateY(-50%);
      transition: opacity .5s ease;
      mix-blend-mode: screen;
    }

    .scroll-rail.is-active .scroll-rail__pct {
      opacity: .85;
    }

    @media (max-width:640px) {
      .scroll-rail {
        display: none;
      }
    }

    .fullscreen-toggle {
      position: fixed;
      top: 34px;
      right: 34px;
      z-index: 13001;
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(243, 241, 236, .14);
      border-radius: 999px;
      background:
        linear-gradient(180deg, rgba(22, 22, 28, .84), rgba(8, 8, 10, .78)),
        radial-gradient(120% 160% at 0% 0%, rgba(255, 138, 61, .08), transparent 42%);
      color: rgba(245, 241, 234, .82);
      box-shadow:
        0 18px 42px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .06);
      backdrop-filter: blur(18px) saturate(140%);
      -webkit-backdrop-filter: blur(18px) saturate(140%);
      cursor: pointer;
      transition: color .22s ease, border-color .22s ease, transform .22s ease, opacity .22s ease;
    }

    .fullscreen-toggle:not(.is-fullscreen) {
      border-color: rgba(255, 138, 61, .28);
      color: #fff5e8;
      animation: fullscreenInviteBreath 3.6s cubic-bezier(.45, 0, .2, 1) infinite;
    }

    .fullscreen-toggle:not(.is-fullscreen)::before,
    .fullscreen-toggle:not(.is-fullscreen)::after {
      position: absolute;
      pointer-events: none;
    }

    .fullscreen-toggle:not(.is-fullscreen)::before {
      content: "Tela cheia melhora tudo";
      right: calc(100% + 16px);
      top: 50%;
      min-width: max-content;
      padding: 10px 13px;
      border: 1px solid rgba(255, 177, 98, .32);
      border-radius: 999px;
      background:
        radial-gradient(80% 120% at 100% 50%, rgba(255, 138, 61, .2), transparent 62%),
        linear-gradient(180deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .035)),
        rgba(8, 8, 10, .82);
      color: rgba(255, 248, 238, .94);
      font-family: var(--mono);
      font-size: 9px;
      font-weight: 800;
      letter-spacing: .14em;
      line-height: 1;
      text-transform: uppercase;
      box-shadow:
        0 18px 42px rgba(0, 0, 0, .38),
        0 0 26px rgba(255, 138, 61, .15),
        inset 0 1px 0 rgba(255, 255, 255, .12);
      backdrop-filter: blur(18px) saturate(145%);
      -webkit-backdrop-filter: blur(18px) saturate(145%);
      opacity: .9;
      transform: translateY(-50%);
      white-space: nowrap;
      animation: fullscreenTooltipFloat 3.6s cubic-bezier(.45, 0, .2, 1) infinite;
    }

    .fullscreen-toggle:not(.is-fullscreen)::after {
      content: "";
      inset: -8px;
      z-index: -1;
      border-radius: inherit;
      background: radial-gradient(circle, rgba(255, 138, 61, .07), transparent 60%);
      opacity: 0;
      transition: opacity .28s ease;
    }

    .fullscreen-toggle:not(.is-fullscreen):hover::before,
    .fullscreen-toggle:not(.is-fullscreen):focus-visible::before {
      opacity: 1;
    }

    .fullscreen-toggle:not(.is-fullscreen):hover::after,
    .fullscreen-toggle:not(.is-fullscreen):focus-visible::after {
      opacity: 1;
    }

    .fullscreen-toggle:not(.is-fullscreen) svg {
      filter: drop-shadow(0 0 8px rgba(255, 138, 61, .18));
    }

    @keyframes fullscreenInviteBreath {

      0%,
      100% {
        box-shadow:
          0 18px 42px rgba(0, 0, 0, .28),
          0 0 0 1px rgba(255, 138, 61, .06),
          0 0 14px rgba(255, 138, 61, .08),
          inset 0 1px 0 rgba(255, 255, 255, .07);
        transform: translateY(0) scale(1);
      }

      48% {
        box-shadow:
          0 20px 48px rgba(0, 0, 0, .32),
          0 0 0 3px rgba(255, 138, 61, .07),
          0 0 20px rgba(255, 138, 61, .14),
          inset 0 1px 0 rgba(255, 255, 255, .10);
        transform: translateY(-1px) scale(1.028);
      }
    }

    @keyframes fullscreenTooltipFloat {

      0%,
      100% {
        opacity: .82;
        transform: translateY(-50%) translateX(0);
      }

      48% {
        opacity: 1;
        transform: translateY(-50%) translateX(-4px);
      }
    }

    .fullscreen-toggle:hover {
      color: var(--ink);
      border-color: rgba(255, 138, 61, .32);
      transform: translateY(-1px);
    }

    .fullscreen-toggle:focus-visible {
      outline: 2px solid var(--amber);
      outline-offset: 4px;
    }

    .fullscreen-toggle svg {
      width: 18px;
      height: 18px;
      stroke: currentColor;
      stroke-width: 1.8;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .fullscreen-toggle .icon-exit {
      display: none;
    }

    .fullscreen-toggle.is-fullscreen .icon-enter {
      display: none;
    }

    .fullscreen-toggle.is-fullscreen .icon-exit {
      display: block;
    }

    .fullscreen-toggle.is-fullscreen {
      animation: none;
    }

    .fullscreen-prompt {
      position: fixed;
      inset: 0;
      z-index: 14000;
      display: grid;
      place-items: center;
      padding: 24px;
      background:
        radial-gradient(42% 44% at 50% 42%, rgba(255, 138, 61, .12), transparent 62%),
        rgba(0, 0, 0, .48);
      backdrop-filter: blur(18px) saturate(132%);
      -webkit-backdrop-filter: blur(18px) saturate(132%);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity .42s cubic-bezier(0.22, 1, 0.36, 1),
        visibility .42s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .fullscreen-prompt.is-visible {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .fullscreen-prompt__panel {
      width: min(460px, 100%);
      border: 1px solid rgba(243, 241, 236, .15);
      border-radius: 22px;
      padding: 30px;
      background:
        radial-gradient(120% 90% at 15% 0%, rgba(255, 138, 61, .14), transparent 48%),
        linear-gradient(180deg, rgba(25, 22, 20, .88), rgba(8, 8, 10, .9));
      box-shadow:
        0 32px 96px rgba(0, 0, 0, .56),
        inset 0 1px 0 rgba(255, 255, 255, .07);
      transform: translateY(12px) scale(.985);
      transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .fullscreen-prompt.is-visible .fullscreen-prompt__panel {
      transform: translateY(0) scale(1);
    }

    .fullscreen-prompt__kicker {
      display: block;
      margin-bottom: 16px;
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--amber);
    }

    .fullscreen-prompt__title {
      font-size: clamp(28px, 5vw, 40px);
      line-height: 1;
      font-weight: 600;
      letter-spacing: -.035em;
      color: var(--ink);
      text-wrap: balance;
    }

    .fullscreen-prompt__copy {
      margin-top: 18px;
      font-size: 15px;
      line-height: 1.62;
      color: rgba(245, 241, 234, .76);
    }

    .fullscreen-prompt__actions {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 12px;
      margin-top: 30px;
      align-items: center;
    }

    .fullscreen-prompt__primary,
    .fullscreen-prompt__ghost {
      min-height: 50px;
      border-radius: 999px;
      font-family: var(--display);
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      text-align: center;
      white-space: nowrap;
      transition:
        transform .24s cubic-bezier(0.22, 1, 0.36, 1),
        border-color .24s ease,
        background .24s ease,
        box-shadow .24s ease,
        color .24s ease;
    }

    .fullscreen-prompt__primary {
      position: relative;
      border: 1px solid rgba(255, 220, 160, .52);
      padding: 0 30px;
      background:
        linear-gradient(180deg, #ffbd62 0%, #ff9f3d 54%, #d97922 100%);
      color: #090806;
      box-shadow:
        0 16px 42px rgba(255, 138, 61, .24),
        inset 0 1px 0 rgba(255, 255, 255, .32);
    }

    .fullscreen-prompt__primary span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .fullscreen-prompt__primary:hover {
      transform: translateY(-2px);
      border-color: rgba(255, 234, 194, .78);
      background:
        linear-gradient(180deg, #ffc978 0%, #ffad45 54%, #df8627 100%);
      box-shadow:
        0 20px 50px rgba(255, 138, 61, .34),
        0 0 28px rgba(255, 138, 61, .18),
        inset 0 1px 0 rgba(255, 255, 255, .38);
    }

    .fullscreen-prompt__primary:active,
    .fullscreen-prompt__ghost:active {
      transform: translateY(0) scale(.99);
    }

    .fullscreen-prompt__ghost {
      border: 1px solid rgba(243, 241, 236, .18);
      padding: 0 20px;
      background: rgba(255, 255, 255, .055);
      color: rgba(245, 241, 234, .84);
    }

    .fullscreen-prompt__ghost:hover {
      transform: translateY(-1px);
      border-color: rgba(255, 138, 61, .36);
      background: rgba(255, 255, 255, .095);
      color: var(--ink);
    }

    .fullscreen-prompt__primary:focus-visible,
    .fullscreen-prompt__ghost:focus-visible {
      outline: 2px solid var(--amber);
      outline-offset: 4px;
    }

    .music-consent {
      position: fixed;
      top: var(--music-consent-top, max(12px, env(safe-area-inset-top)));
      left: 50%;
      z-index: 225;
      display: flex;
      align-items: center;
      gap: 8px;
      max-width: calc(100vw - 24px);
      padding: 8px 8px 8px 12px;
      border: 1px solid rgba(255, 184, 100, .22);
      border-radius: 999px;
      background: rgba(7, 7, 9, .78);
      color: rgba(245, 241, 234, .9);
      box-shadow:
        0 14px 38px rgba(0, 0, 0, .36),
        inset 0 1px 0 rgba(255, 255, 255, .07);
      backdrop-filter: blur(16px) saturate(140%);
      -webkit-backdrop-filter: blur(16px) saturate(140%);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translate(-50%, -12px);
      transition:
        opacity .24s ease,
        visibility .24s ease,
        transform .28s cubic-bezier(.22, 1, .36, 1);
    }

    .music-consent.is-visible {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translate(-50%, 0);
    }

    .music-consent__copy {
      min-width: 0;
      font-family: var(--mono);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .08em;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .music-consent__play,
    .music-consent__dismiss {
      border: 0;
      border-radius: 999px;
      font-family: var(--display);
      font-weight: 800;
      line-height: 1;
      cursor: pointer;
    }

    .music-consent__play {
      min-height: 30px;
      padding: 0 12px;
      background: linear-gradient(180deg, #ffbd62, #f18b2e);
      color: #0b0703;
      font-size: 12px;
    }

    .music-consent__dismiss {
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      background: rgba(255, 255, 255, .065);
      color: rgba(245, 241, 234, .72);
      font-size: 15px;
    }

    .music-consent__play:focus-visible,
    .music-consent__dismiss:focus-visible {
      outline: 2px solid var(--amber);
      outline-offset: 3px;
    }

    @media (max-width:780px) {
      .fullscreen-toggle {
        top: 22px;
        right: 22px;
        width: 38px;
        height: 38px;
      }

      .fullscreen-toggle:not(.is-fullscreen)::before,
      .fullscreen-toggle:not(.is-fullscreen)::after {
        display: none;
      }

      .fullscreen-prompt__panel {
        border-radius: 20px;
        padding: 24px;
      }

      .fullscreen-prompt__actions {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .fullscreen-prompt__primary,
      .fullscreen-prompt__ghost {
        width: 100%;
      }
    }

    @media (hover: none) and (pointer: coarse) {
      .fullscreen-toggle,
      .fullscreen-prompt {
        display: none !important;
      }
    }

    @media (min-width:781px) {
      .music-consent {
        display: none;
      }
    }

    /* grain overlay */
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 200;
      opacity: .06;
      mix-blend-mode: overlay;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.85'/></svg>");
    }