:root {
  --ink: #05050b;
  --paper: #f3eedf;
  --violet: #8c4cff;
  --magenta: #d84cff;
  --cyan: #2ce6d1;
  --lime: #d9ff4b;
  --line: rgba(255, 255, 255, 0.16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  background: var(--ink);
  color: var(--paper);
  font-family: "Arial Narrow", "Roboto Condensed", Impact, Arial, sans-serif;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { color: #08060d; background: var(--lime); }

.site-shell {
  --mx: 58%;
  --my: 38%;
  --haze: .64;
  min-height: 100vh;
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(84, 237, 220, calc(var(--haze) * .08)), transparent 25rem),
    var(--ink);
}

.grain {
  position: fixed;
  inset: 0;
  z-index: 40;
  pointer-events: none;
  opacity: .07;
  background-image: repeating-radial-gradient(circle at 20% 30%, rgba(255,255,255,.75) 0 1px, transparent 1px 3px);
  background-size: 5px 5px;
  mix-blend-mode: soft-light;
}

.cursor-glow {
  position: fixed;
  z-index: 6;
  width: 34rem;
  height: 34rem;
  left: var(--mx);
  top: var(--my);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(44, 230, 209, calc(var(--haze) * .11)), transparent 64%);
  filter: blur(12px);
  pointer-events: none;
  transition: opacity .3s ease;
}

.hero {
  min-height: 100svh;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(17rem, .75fr);
  align-items: center;
  padding: 8.5rem clamp(1.25rem, 5vw, 5.5rem) 5rem;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}

.hero-image, .hero-shade {
  position: absolute;
  inset: 0;
  z-index: -5;
}

.hero-image {
  background: url("assets/puffguins-hero.png") center center / cover no-repeat;
  transform: scale(1.025);
  filter: saturate(calc(.88 + var(--haze) * .38)) contrast(1.06);
  transition: filter .4s ease, transform 4s ease;
}

.hero-shade {
  z-index: -4;
  background:
    linear-gradient(90deg, rgba(3, 4, 12, .97) 0%, rgba(3, 4, 12, .82) 31%, rgba(3, 4, 12, .28) 58%, rgba(3, 4, 12, .08) 100%),
    linear-gradient(180deg, rgba(3, 4, 12, .42), transparent 30%, transparent 72%, rgba(3, 4, 12, .92));
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .2;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, black, transparent 65%);
}

.topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6.2rem;
  padding: 0 clamp(1.25rem, 5vw, 5.5rem);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid var(--line);
  z-index: 10;
  backdrop-filter: blur(10px);
  background: rgba(5,5,11,.14);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  width: fit-content;
  font: 800 1rem/1 Arial, sans-serif;
  letter-spacing: .08em;
}

.brand-mark {
  position: relative;
  width: 2.1rem;
  height: 2.1rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 50%;
}
.brand-mark::after {
  content: "";
  position: absolute;
  width: 2.8rem;
  height: .55rem;
  border: 1px solid var(--cyan);
  border-radius: 50%;
  transform: rotate(-22deg);
}
.brand-mark i { width: .55rem; height: .55rem; background: var(--lime); border-radius: 50%; box-shadow: 0 0 16px var(--lime); }

.nav-status {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .55rem .8rem;
  border: 1px solid var(--line);
  border-radius: 99px;
  font: 700 .66rem/1 Arial, sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.64);
}
.status-dot { width: .45rem; height: .45rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); animation: blink 1.2s ease-in-out infinite; }
.topbar nav { justify-self: end; display: flex; gap: .5rem; }
.topbar nav a {
  min-width: 2.65rem;
  height: 2.65rem;
  padding: 0 .85rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  font: 800 .69rem/1 Arial, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: .25s ease;
}
.topbar nav a:first-child { border-radius: 99px; }
.topbar nav a:hover, .topbar nav a:focus-visible { border-color: var(--cyan); color: var(--cyan); transform: translateY(-2px); }

.hero-copy { position: relative; z-index: 3; max-width: 47rem; }
.eyebrow {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: 0 0 1rem;
  color: rgba(255,255,255,.62);
  font: 800 .69rem/1.2 Arial, sans-serif;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.eyebrow span { color: var(--lime); }
.eyebrow::after { content: ""; width: 3rem; height: 1px; background: var(--lime); opacity: .65; }

h1 {
  margin: 0;
  font-size: clamp(5.25rem, 12vw, 11.5rem);
  line-height: .68;
  letter-spacing: -.075em;
  text-transform: uppercase;
  font-weight: 950;
  transform: scaleX(.84);
  transform-origin: left center;
  width: 118%;
}
h1 span, h1 em { display: block; }
h1 em {
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255,255,255,.84);
  font-style: normal;
  transform: translateX(.32em);
  text-shadow: 0 0 34px rgba(140,76,255,.28);
}
.hero-tagline {
  margin: 2rem 0 .75rem;
  font-size: clamp(1.35rem, 2.4vw, 2.25rem);
  line-height: .94;
  font-weight: 800;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
.hero-body {
  max-width: 31rem;
  margin: 0;
  color: rgba(255,255,255,.62);
  font: 400 .94rem/1.58 Arial, sans-serif;
}

.hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1.75rem 0 1.25rem; }
.button {
  min-height: 3.65rem;
  padding: 0 1.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  border: 1px solid var(--line);
  border-radius: .25rem;
  font: 900 .75rem/1 Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}
.button span { font-size: 1.1rem; transition: transform .25s ease; }
.button:hover, .button:focus-visible { transform: translateY(-3px); }
.button:hover span { transform: translate(3px, -3px); }
.button-primary { background: var(--lime); border-color: var(--lime); color: #090a07; box-shadow: 0 0 28px rgba(217,255,75,.15); }
.button-primary:hover { background: var(--cyan); border-color: var(--cyan); }
.button-ghost { backdrop-filter: blur(12px); background: rgba(9,8,18,.42); }
.button-ghost:hover { border-color: var(--cyan); color: var(--cyan); }
.button-icon { width: 3.65rem; padding: 0; border-radius: 50%; }
.button-icon:hover { border-color: var(--violet); background: var(--violet); }

.ca-block {
  width: min(100%, 40rem);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .9rem;
  padding: .7rem .75rem .7rem 1rem;
  border-left: 2px solid var(--cyan);
  background: rgba(7,8,18,.54);
  backdrop-filter: blur(14px);
}
.ca-block > span { font: 800 .58rem/1 Arial, sans-serif; letter-spacing: .15em; color: var(--cyan); text-transform: uppercase; }
.ca-block code { overflow: hidden; text-overflow: ellipsis; color: rgba(255,255,255,.55); font: 500 .72rem/1.2 Consolas, monospace; }
.ca-block button { border: 0; padding: .68rem .85rem; color: var(--paper); background: rgba(255,255,255,.1); cursor: pointer; font: 800 .63rem/1 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.ca-block button:hover, .ca-block button:focus-visible { background: var(--violet); }

.scanner-card {
  position: relative;
  z-index: 4;
  justify-self: end;
  align-self: end;
  width: min(18rem, 100%);
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(4,5,13,.46);
  backdrop-filter: blur(16px);
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0 100%);
}
.scanner-head, .scanner-readout { display: flex; justify-content: space-between; align-items: center; font: 800 .59rem/1 Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.scanner-head { color: rgba(255,255,255,.52); }
.scanner-head b { color: var(--lime); }
.scanner-scope {
  width: 8rem;
  height: 8rem;
  margin: 1.15rem auto;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(44,230,209,.48);
  border-radius: 50%;
  background:
    linear-gradient(90deg, transparent 49%, rgba(44,230,209,.25) 50%, transparent 51%),
    linear-gradient(transparent 49%, rgba(44,230,209,.25) 50%, transparent 51%),
    repeating-radial-gradient(circle, transparent 0 18%, rgba(44,230,209,.16) 19% 20%);
  box-shadow: inset 0 0 32px rgba(44,230,209,.12), 0 0 30px rgba(140,76,255,.12);
}
.scope-sweep { position: absolute; inset: 50% 50% 0 0; transform-origin: 100% 0; background: linear-gradient(30deg, rgba(44,230,209,.5), transparent 60%); animation: sweep 3s linear infinite; }
.scope-dot { position: absolute; width: .4rem; height: .4rem; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px var(--lime); z-index: 2; }
.dot-one { left: 30%; top: 38%; } .dot-two { left: 62%; top: 27%; } .dot-three { left: 56%; top: 68%; }
.scanner-readout strong { color: var(--cyan); font-size: 1rem; }

.radar { position: absolute; z-index: -1; border: 1px solid rgba(44,230,209,.14); border-radius: 50%; pointer-events: none; }
.radar::before, .radar::after { content: ""; position: absolute; inset: 18%; border: inherit; border-radius: inherit; }
.radar::after { inset: 36%; }
.radar-one { width: 44vw; height: 44vw; right: -9vw; top: 16%; animation: drift 11s ease-in-out infinite; }
.radar-two { width: 22vw; height: 22vw; right: 20vw; bottom: -8vw; border-color: rgba(140,76,255,.16); }
.smoke { position: absolute; z-index: -1; width: 44rem; height: 25rem; border-radius: 50%; filter: blur(70px); opacity: calc(.12 + var(--haze) * .22); pointer-events: none; mix-blend-mode: screen; }
.smoke-a { background: var(--violet); right: -15rem; top: 1rem; animation: smokeMove 12s ease-in-out infinite alternate; }
.smoke-b { background: var(--cyan); left: 28%; bottom: -18rem; animation: smokeMove 15s ease-in-out infinite alternate-reverse; }
.scroll-note { position: absolute; z-index: 4; left: clamp(1.25rem, 5vw, 5.5rem); bottom: 1.25rem; display: flex; align-items: center; gap: .7rem; color: rgba(255,255,255,.42); font: 700 .58rem/1 Arial, sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.scroll-note span { width: 2.2rem; height: 1px; background: currentColor; }

.signal-strip { overflow: hidden; padding: 1rem 0; color: #08080b; background: var(--lime); transform: rotate(-1deg) scale(1.01); position: relative; z-index: 8; }
.signal-strip div { width: max-content; display: flex; align-items: center; gap: 1.5rem; animation: marquee 22s linear infinite; font: 950 1rem/1 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.signal-strip i { font-style: normal; }

.intel { position: relative; padding: 9rem clamp(1.25rem, 6vw, 6.5rem) 8rem; background:
  radial-gradient(circle at 76% 28%, rgba(140,76,255,.16), transparent 28rem),
  linear-gradient(180deg, #070710, #05050b); }
.intel::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .12; background: repeating-linear-gradient(90deg, transparent 0 calc(16.666% - 1px), rgba(255,255,255,.26) calc(16.666% - 1px) 16.666%); }
.section-label { position: relative; margin-bottom: 4rem; color: var(--cyan); font: 800 .65rem/1 Arial, sans-serif; letter-spacing: .19em; text-transform: uppercase; }
.intel-grid { position: relative; display: grid; grid-template-columns: 1fr minmax(22rem, .82fr); gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.intel-copy h2, .transmission-copy h2 { margin: 0; font-size: clamp(3.8rem, 8vw, 8.5rem); line-height: .8; letter-spacing: -.06em; text-transform: uppercase; }
.intel-copy h2 em { font-style: normal; color: transparent; -webkit-text-stroke: 1px var(--magenta); text-shadow: 0 0 28px rgba(216,76,255,.22); }
.intel-copy > p:last-child { max-width: 32rem; margin: 2rem 0 0; color: rgba(255,255,255,.58); font: 400 1rem/1.7 Arial, sans-serif; }

.control-panel { position: relative; padding: 1.5rem; border: 1px solid rgba(255,255,255,.2); background: rgba(12,10,24,.72); box-shadow: 0 24px 80px rgba(0,0,0,.35); clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 2rem, 100% 100%, 0 100%); }
.control-panel::before { content: ""; position: absolute; inset: .42rem; pointer-events: none; border: 1px solid rgba(44,230,209,.1); }
.panel-top { display: flex; justify-content: space-between; color: rgba(255,255,255,.5); font: 800 .62rem/1 Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.panel-code { color: var(--cyan); }
.haze-meter { width: 15rem; height: 15rem; margin: 2rem auto; position: relative; display: grid; place-items: center; }
.meter-orbit { position: absolute; inset: 0; border: 1px dashed rgba(255,255,255,.28); border-radius: 50%; animation: spin 20s linear infinite; }
.meter-orbit::before, .meter-orbit::after { content: ""; position: absolute; border: 1px solid rgba(140,76,255,.35); border-radius: 50%; }
.meter-orbit::before { inset: 14%; } .meter-orbit::after { inset: 28%; border-color: rgba(44,230,209,.3); }
.meter-orbit span { position: absolute; inset: 0; border-radius: 50%; transition: transform .3s ease; }
.meter-orbit span::after { content: ""; position: absolute; width: .8rem; height: .8rem; left: 50%; top: -.4rem; border-radius: 50%; background: var(--lime); box-shadow: 0 0 22px var(--lime); }
.meter-value { text-align: center; }
.meter-value strong { display: block; font-size: 4rem; line-height: .8; letter-spacing: -.08em; }
.meter-value small { color: var(--cyan); font: 800 .6rem/1 Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.control-panel label { position: relative; display: block; color: rgba(255,255,255,.6); font: 800 .62rem/1 Arial, sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.control-panel input[type="range"] { width: 100%; height: 2px; margin: 1rem 0 1.5rem; accent-color: var(--lime); cursor: ew-resize; }
.signal-button { position: relative; width: 100%; min-height: 4.4rem; padding: 0 1rem 0 1.25rem; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--cyan); color: var(--paper); background: rgba(44,230,209,.06); cursor: pointer; font: 900 .7rem/1 Arial, sans-serif; letter-spacing: .13em; text-transform: uppercase; overflow: hidden; }
.signal-button::before { content: ""; position: absolute; inset: 0; background: var(--cyan); transform: translateX(-102%); transition: transform .35s ease; z-index: -1; }
.signal-button:hover, .signal-button:focus-visible { color: #06080b; }
.signal-button:hover::before, .signal-button:focus-visible::before { transform: none; }
.signal-button b { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; color: #07080b; background: var(--lime); }
.panel-hint { margin: .8rem 0 0; color: rgba(255,255,255,.34); font: 500 .68rem/1.4 Consolas, monospace; }

.field-cards { position: relative; margin-top: 7rem; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.field-cards article { min-height: 19rem; padding: 2rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .3s ease, transform .3s ease; }
.field-cards article:hover { background: rgba(140,76,255,.1); transform: translateY(-.5rem); }
.field-cards article > span { color: var(--cyan); font: 800 .6rem/1 Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.field-cards h3 { margin: 7rem 0 1rem; font-size: clamp(1.5rem, 2.5vw, 2.5rem); line-height: .9; letter-spacing: -.04em; text-transform: uppercase; }
.field-cards p { margin: 0; color: rgba(255,255,255,.5); font: 400 .85rem/1.6 Arial, sans-serif; }

.transmission { min-height: 70vh; position: relative; display: grid; grid-template-columns: 1.15fr .85fr; align-items: stretch; border-top: 1px solid var(--line); background: #07070f; overflow: hidden; }
.transmission-art { min-height: 42rem; background: linear-gradient(90deg, transparent 55%, #07070f), url("assets/puffguins-avatar.png") 50% 42% / cover no-repeat; filter: saturate(1.06) contrast(1.05); }
.transmission-copy { align-self: center; padding: 5rem clamp(2rem, 6vw, 7rem) 5rem 2rem; }
.transmission-copy > span { color: var(--lime); font: 800 .64rem/1 Arial, sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.transmission-copy h2 { margin-top: 1.5rem; font-size: clamp(3.5rem, 6vw, 7rem); }
.transmission-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem; margin-top: 2.5rem; }
.text-link { padding-bottom: .4rem; border-bottom: 1px solid var(--cyan); color: var(--cyan); font: 800 .68rem/1 Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }

footer { min-height: 9rem; padding: 2rem clamp(1.25rem, 5vw, 5.5rem); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; border-top: 1px solid var(--line); }
footer p { margin: 0; max-width: 28rem; color: rgba(255,255,255,.36); font: 400 .7rem/1.5 Arial, sans-serif; text-align: center; }
footer > div { justify-self: end; display: flex; gap: 1rem; font: 800 .66rem/1 Arial, sans-serif; letter-spacing: .12em; }
footer > div a:hover { color: var(--cyan); }

.signal-ring { position: fixed; z-index: 30; width: 2rem; height: 2rem; border: 2px solid var(--lime); border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); animation: signalRing 1.8s ease-out forwards; box-shadow: 0 0 24px rgba(217,255,75,.5); }
.overdrive .hero-image { filter: saturate(1.5) contrast(1.1) hue-rotate(-8deg); transform: scale(1.04); }
.overdrive .smoke { opacity: .46; }
.overdrive .signal-strip { background: var(--cyan); }
.overdrive .brand-mark { box-shadow: 0 0 30px var(--magenta); }

@keyframes blink { 50% { opacity: .25; } }
@keyframes sweep { to { transform: rotate(360deg); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes drift { 50% { transform: translate(-1.5rem, 1rem) scale(1.04); } }
@keyframes smokeMove { to { transform: translate(4rem, -2rem) scale(1.16); } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes signalRing { 0% { opacity: 1; transform: translate(-50%, -50%) scale(.2); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(28); border-width: 0; } }

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; align-items: end; padding-top: 9rem; }
  .hero-image { background-position: 62% center; }
  .hero-shade { background: linear-gradient(90deg, rgba(3,4,12,.96), rgba(3,4,12,.58) 66%, rgba(3,4,12,.18)), linear-gradient(180deg, rgba(3,4,12,.28), transparent 45%, rgba(3,4,12,.92)); }
  .scanner-card { display: none; }
  .intel-grid { grid-template-columns: 1fr; }
  .control-panel { max-width: 38rem; }
  .field-cards { grid-template-columns: 1fr; }
  .field-cards article { min-height: 14rem; }
  .field-cards h3 { margin-top: 4rem; }
  .transmission { grid-template-columns: 1fr; }
  .transmission-art { min-height: 34rem; background-image: linear-gradient(180deg, transparent 50%, #07070f), url("assets/puffguins-avatar.png"); }
  .transmission-copy { padding: 1rem 1.5rem 5rem; }
}

@media (max-width: 640px) {
  .cursor-glow { display: none; }
  .hero { min-height: 56rem; padding: 8rem 1rem 4rem; }
  .hero-image { background-position: 68% center; opacity: .78; }
  .hero-shade { background: linear-gradient(180deg, rgba(3,4,12,.45), rgba(3,4,12,.5) 36%, rgba(3,4,12,.98) 72%); }
  .topbar { height: 5.2rem; padding: 0 1rem; grid-template-columns: 1fr auto; }
  .nav-status { display: none; }
  .topbar nav a:first-child { display: none; }
  .brand { font-size: .82rem; }
  .brand-mark { width: 1.8rem; height: 1.8rem; }
  .brand-mark::after { width: 2.25rem; }
  .hero-copy { align-self: end; }
  h1 { font-size: clamp(4.6rem, 25vw, 7rem); }
  .hero-tagline { margin-top: 1.5rem; }
  .hero-body { font-size: .86rem; }
  .hero-actions { display: grid; grid-template-columns: 1fr 1fr 3.65rem; }
  .button { padding: 0 .75rem; gap: .5rem; font-size: .61rem; }
  .ca-block { grid-template-columns: 1fr auto; gap: .5rem; }
  .ca-block > span { display: none; }
  .ca-block code { font-size: .62rem; }
  .scroll-note { display: none; }
  .intel { padding: 7rem 1rem 5rem; }
  .intel-copy h2 { font-size: 4rem; }
  .control-panel { padding: 1rem; }
  .haze-meter { width: 12rem; height: 12rem; }
  .field-cards { margin-top: 4rem; }
  .transmission-art { min-height: 27rem; }
  .transmission-copy h2 { font-size: 3.5rem; }
  footer { grid-template-columns: 1fr auto; }
  footer p { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}