:root {
  --paper: #f4f0df;
  --paper-light: #faf8ee;
  --paper-deep: #e9e2c7;
  --ink: #273022;
  --ink-soft: #596052;
  --forest: #31452d;
  --moss: #61744f;
  --pollen: #d6bb55;
  --line: rgba(49, 69, 45, 0.22);
  --line-strong: rgba(49, 69, 45, 0.44);
  --white: #fffef8;
  --focus: #1a5e71;
  --shadow: 0 24px 70px rgba(38, 48, 34, 0.09);
  --shell: 76rem;
  --reading: 45rem;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 7rem;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(rgba(49, 69, 45, 0.045) 0.7px, transparent 0.7px);
  background-size: 7px 7px;
  content: "";
}

img { display: block; max-width: 100%; }
a { color: inherit; }
button, summary, a { -webkit-tap-highlight-color: transparent; }

:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 4px;
  border-radius: 0.25rem;
}

::selection { background: var(--pollen); color: var(--forest); }

.skip-link {
  position: fixed;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 100;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  background: var(--forest);
  color: var(--white);
  font-weight: 750;
  text-decoration: none;
  transform: translateY(-180%);
  transition: transform 160ms ease;
}

.skip-link:focus { transform: translateY(0); }
.shell { width: min(var(--shell), calc(100% - 3rem)); margin-inline: auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid var(--line);
  background: rgba(244, 240, 223, 0.92);
  backdrop-filter: blur(18px);
}

.header-inner {
  display: flex;
  min-height: 4.6rem;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.brand { display: grid; flex: 0 0 auto; text-decoration: none; }
.brand-name { color: var(--forest); font-size: 1.35rem; font-weight: 820; letter-spacing: 0.15em; line-height: 1.1; }
.desktop-nav { display: flex; align-items: center; gap: clamp(0.8rem, 1.5vw, 1.4rem); margin: 0; padding: 0; list-style: none; }
.nav-menu { display: none; }
.nav-menu > summary { display: none; }
.nav-menu ul { display: flex; align-items: center; gap: clamp(0.8rem, 1.5vw, 1.4rem); margin: 0; padding: 0; list-style: none; }

.desktop-nav a, .nav-menu a {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  color: var(--forest);
  font-size: 0.84rem;
  font-weight: 680;
  text-decoration: none;
  text-underline-offset: 0.35rem;
}

.desktop-nav a:hover, .desktop-nav a:focus-visible, .nav-menu a:hover, .nav-menu a:focus-visible { text-decoration: underline; }

.hero {
  position: relative;
  min-height: calc(100svh - 5.25rem);
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background: radial-gradient(circle at 80% 22%, rgba(214, 187, 85, 0.17), transparent 22rem), linear-gradient(145deg, var(--paper-light), var(--paper));
}

.hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  min-height: calc(100svh - 5.25rem);
  grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.36fr);
  align-items: center;
  gap: clamp(3rem, 7vw, 7rem);
  padding-block: clamp(4.5rem, 9vw, 8rem);
}

.hero-copy { max-width: 52rem; }
.eyebrow, .section-number { margin: 0 0 1.2rem; color: var(--moss); font-size: 0.75rem; font-weight: 780; letter-spacing: 0.13em; text-transform: uppercase; }
h1, h2, h3 { overflow-wrap: normal; word-break: normal; hyphens: none; }
p { overflow-wrap: break-word; }
h1 { margin: 0; color: var(--forest); font-size: clamp(4rem, 11vw, 8.5rem); font-weight: 790; letter-spacing: -0.075em; line-height: 0.82; }

.hero-statement {
  display: grid;
  margin: clamp(2.6rem, 5vw, 4.7rem) 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 3.7vw, 3.25rem);
  letter-spacing: -0.035em;
  line-height: 1.06;
}

.hero-statement span:last-child { color: var(--moss); }
.hero-intro { max-width: 47rem; margin: 2.4rem 0 0; font-size: clamp(1.08rem, 1.5vw, 1.27rem); }
.hero-prompt { max-width: 43rem; margin: 2rem 0 0; color: var(--ink-soft); }

.hero-question {
  max-width: 48rem;
  margin: 1rem 0 0;
  color: var(--forest);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.4rem, 2.6vw, 2.15rem);
  font-weight: 500;
  line-height: 1.25;
}

.actions { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 2.5rem; }

.button {
  display: inline-flex;
  min-height: 3.25rem;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.35rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  font-size: 0.91rem;
  font-weight: 760;
  text-align: center;
  text-decoration: none;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.button:hover { transform: translateY(-2px); }
.button-primary { border-color: var(--forest); background: var(--forest); color: var(--white); }
.button-primary:hover { background: #22361f; }
.button-quiet { background: rgba(255, 254, 248, 0.42); color: var(--forest); }
.button-quiet:hover { background: var(--white); }
.button-light { border-color: rgba(255, 254, 248, 0.64); background: var(--white); color: var(--forest); }

.hero-diagram { position: relative; align-self: end; width: min(100%, 21rem); aspect-ratio: 1; margin-bottom: 2rem; }
.hero-diagram span { position: absolute; border: 1px solid var(--line-strong); border-radius: 50%; }
.hero-diagram span:nth-child(1) { inset: 0; }
.hero-diagram span:nth-child(2) { inset: 18%; border-color: var(--pollen); }
.hero-diagram span:nth-child(3) { inset: 38%; background: rgba(97, 116, 79, 0.16); }
.hero-field { position: absolute; right: -10rem; bottom: -13rem; width: min(52vw, 48rem); aspect-ratio: 1; opacity: 0.36; }
.hero-field span { position: absolute; inset: 0; border: 1px solid var(--moss); border-radius: 47% 53% 51% 49% / 60% 39% 61% 40%; }
.hero-field span:nth-child(2) { inset: 13%; border-color: var(--pollen); transform: rotate(18deg); }
.hero-field span:nth-child(3) { inset: 28%; transform: rotate(-12deg); }

.camp-status-page .hero-grid { min-height: calc(100svh - 4.6rem); align-items: center; }
.camp-status-page h1 { max-width: 11ch; font-size: clamp(3.4rem, 8vw, 6.5rem); line-height: 0.94; }
.camp-status-lead { max-width: 43rem; margin: clamp(2.6rem, 5vw, 4.5rem) 0 0; color: var(--forest); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.65rem, 3.4vw, 2.8rem); letter-spacing: -0.03em; line-height: 1.12; }
.camp-status-copy { max-width: 43rem; margin: 1.8rem 0 0; color: var(--ink-soft); font-size: clamp(1.05rem, 1.5vw, 1.2rem); }

.section { padding-block: clamp(5.5rem, 10vw, 9rem); border-bottom: 1px solid var(--line); }

.section-heading h2 {
  max-width: 16ch;
  margin: 0;
  color: var(--forest);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.25rem, 5.2vw, 4.7rem);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 0.98;
}

.section-heading > p:last-child { max-width: 46rem; margin: 1.6rem 0 0; font-size: 1.08rem; }
.heading-wide h2 { max-width: 20ch; }
.principles { background: var(--paper-light); }
.principle-list { display: grid; margin-top: clamp(3.5rem, 7vw, 6rem); border-top: 1px solid var(--line-strong); }
.principle { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); padding-block: clamp(2rem, 4vw, 3.5rem); border-bottom: 1px solid var(--line); }
.principle-number, .path-number { margin: 0; color: var(--pollen); font-size: 0.78rem; font-weight: 820; letter-spacing: 0.12em; }
.principle h3 { max-width: 23ch; margin: 0; color: var(--forest); font-size: clamp(1.35rem, 2.5vw, 2rem); line-height: 1.2; }
.principle p:last-child { max-width: 47rem; margin: 1rem 0 0; color: var(--ink-soft); font-size: 1.05rem; }
.section-action { margin-top: 2.5rem; text-align: right; }

.text-link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: 0.45rem;
  color: var(--forest);
  font-weight: 780;
  text-decoration-color: var(--pollen);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.4rem;
}

.text-link:hover { text-decoration-thickness: 4px; }
.split-layout { display: grid; grid-template-columns: minmax(17rem, 0.42fr) minmax(0, 0.58fr); gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.sticky-heading { position: sticky; top: 8rem; }
.prose { max-width: var(--reading); font-size: clamp(1.03rem, 1.4vw, 1.16rem); }
.prose > *:first-child { margin-top: 0; }
.prose p { margin: 0 0 1.4rem; }

.prose h3 {
  max-width: 25ch;
  margin: 2.4rem 0 1.4rem;
  color: var(--forest);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 3vw, 2.35rem);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.prose .central-question { max-width: 23ch; margin-block: 1.3rem 2.4rem; padding-left: 1.4rem; border-left: 4px solid var(--pollen); font-size: clamp(1.8rem, 4vw, 3.4rem); }
.prose .safety-question { margin-top: 1.8rem; font-size: clamp(1.6rem, 3.4vw, 2.9rem); }
.key-statement { margin-block: 2.5rem !important; color: var(--forest); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.45rem, 2.9vw, 2.3rem); font-weight: 600; letter-spacing: -0.025em; line-height: 1.25; }
.safety-section { background: linear-gradient(135deg, var(--paper), var(--paper-deep)); }
.learning-section { background: var(--white); }
.signal-list, .metric-list, .topic-list { margin: 2rem 0; padding: 0; list-style: none; }
.signal-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem 1.3rem; }
.signal-list li { position: relative; padding: 0.85rem 0 0.85rem 1.2rem; border-top: 1px solid var(--line); }
.signal-list li::before { position: absolute; top: 1.48rem; left: 0; width: 0.36rem; height: 0.36rem; border-radius: 50%; background: var(--pollen); content: ""; }

.system-section { background: var(--forest); color: rgba(255, 254, 248, 0.86); }
.system-section .section-number, .system-section .section-heading h2, .system-section h3, .system-section .text-link { color: var(--white); }
.system-line { display: flex; margin-block: clamp(3.5rem, 7vw, 6rem); flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.8rem; }
.system-line span { display: inline-flex; min-height: 3.1rem; align-items: center; padding: 0.55rem 1rem; border: 1px solid rgba(255, 254, 248, 0.28); border-radius: 999px; color: var(--white); font-size: 0.84rem; font-weight: 740; }
.system-line span:not(:last-child)::after { margin-left: 1.1rem; color: var(--pollen); content: "·"; }
.system-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.5rem, 7vw, 7rem); }
.system-copy .prose { color: rgba(255, 254, 248, 0.82); }
.crossed-question { color: rgba(255, 254, 248, 0.58); text-decoration: line-through; text-decoration-color: var(--pollen); text-decoration-thickness: 2px; }

.evidence-section { background: var(--paper-light); }
.metric-list { border-top: 1px solid var(--line-strong); }
.metric-list li { display: grid; grid-template-columns: 2.4rem 1fr; gap: 1rem; padding-block: 1rem; border-bottom: 1px solid var(--line); }
.metric-list span { color: var(--pollen); font-size: 0.72rem; font-weight: 820; }

.ai-section { overflow: hidden; background: #e8eadf; }
.ai-grid { display: grid; grid-template-columns: minmax(20rem, 0.4fr) minmax(10rem, 0.22fr) minmax(0, 0.38fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
#ai-title { max-width: 18ch; font-size: clamp(2.2rem, 4.2vw, 4rem); overflow-wrap: normal; word-break: normal; hyphens: none; }
.ai-boundary { position: relative; display: grid; aspect-ratio: 1; place-items: center; }
.ai-boundary::before, .ai-boundary::after { position: absolute; border: 1px solid var(--line-strong); border-radius: 50%; content: ""; }
.ai-boundary::before { inset: 0; }
.ai-boundary::after { inset: 22%; border-color: var(--pollen); }
.ai-boundary span { position: absolute; z-index: 2; padding: 0.35rem 0.6rem; background: #e8eadf; color: var(--forest); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.ai-boundary span:first-child { top: 8%; }
.ai-boundary span:last-child { bottom: 26%; }
.compact-list { grid-template-columns: 1fr; }

.status-section { background: var(--forest); color: rgba(255, 254, 248, 0.87); }
.status-grid { display: grid; grid-template-columns: minmax(18rem, 0.45fr) minmax(0, 0.55fr); gap: clamp(3rem, 8vw, 8rem); }
.status-section h2, .status-section h3 { color: var(--white); }
.light-number { color: var(--pollen); }
.status-content { max-width: var(--reading); font-size: clamp(1.05rem, 1.5vw, 1.2rem); }
.status-content p { margin: 0 0 1.4rem; }
.status-content h3 { margin: 2.5rem 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.55rem, 3.2vw, 2.55rem); font-weight: 500; line-height: 1.2; }
.status-note { display: flex; margin-block: 2.6rem !important; align-items: center; gap: 0.85rem; padding: 1.1rem 1.25rem; border: 1px solid rgba(255, 254, 248, 0.3); border-radius: 0.9rem; color: var(--white); font-weight: 790; }
.status-note span { flex: 0 0 auto; width: 0.65rem; height: 0.65rem; border-radius: 50%; background: var(--pollen); }

.research-section { background: var(--paper-light); }
.research-grid, .blog-layout { display: grid; grid-template-columns: minmax(18rem, 0.42fr) minmax(0, 0.58fr); gap: clamp(3rem, 8vw, 8rem); }
.research-copy { max-width: var(--reading); font-size: 1.08rem; }
.research-lead { margin: 0 0 2rem; color: var(--forest); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.4rem, 2.8vw, 2.2rem); line-height: 1.3; }
.research-copy a:not(.button) { color: var(--forest); font-weight: 760; }
.topic-list { display: flex; flex-wrap: wrap; gap: 0.65rem; }
.topic-list li { padding: 0.65rem 0.9rem; border: 1px solid var(--line); border-radius: 999px; color: var(--forest); font-size: 0.86rem; font-weight: 720; }

.about-section { background: var(--paper); }
.people-grid { display: grid; margin-top: clamp(3.5rem, 7vw, 6rem); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 5rem); }
.person { display: flex; flex-direction: column; align-items: flex-start; padding-top: 1.8rem; border-top: 1px solid var(--line-strong); }
.person-portrait { width: clamp(13.75rem, 21vw, 16.875rem); aspect-ratio: 4 / 5; overflow: hidden; border-radius: 0.8rem; background: var(--paper-deep); }
.person-portrait img { width: 100%; height: 100%; border-radius: 0; filter: saturate(0.82) contrast(0.98); object-fit: cover; object-position: 50% 42%; }
.person:nth-child(2) .person-portrait img { object-position: 50% 44%; transform: translateY(0.75rem) scale(1.35); }
.person-copy { max-width: 34rem; margin-top: 1.75rem; }
.person-role { margin: 0 0 0.45rem; color: var(--moss); font-size: 0.72rem; font-weight: 790; letter-spacing: 0.08em; text-transform: uppercase; }
.person h3 { max-width: none; margin: 0; color: var(--forest); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 500; line-height: 1.1; overflow-wrap: normal; word-break: keep-all; text-wrap: balance; }
.person-copy > p:not(.person-role) { margin: 1.2rem 0; color: var(--ink-soft); }

.connect-section { background: var(--white); }
.connect-intro { display: grid; grid-template-columns: minmax(18rem, 0.42fr) minmax(0, 0.58fr); gap: clamp(3rem, 8vw, 8rem); align-items: end; }
.connect-intro > p { max-width: 35rem; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.4rem, 2.8vw, 2.2rem); line-height: 1.3; }
.connection-paths { display: grid; margin-top: clamp(3.5rem, 7vw, 6rem); grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.connection-paths article { padding: 2rem; }
.connection-paths article + article { border-left: 1px solid var(--line); }
.connection-paths h3 { margin: 2rem 0 1rem; color: var(--forest); font-size: 1.25rem; line-height: 1.25; }
.connection-paths p:last-child { margin: 0; color: var(--ink-soft); }
.closing-statement { max-width: 57rem; margin: clamp(4rem, 9vw, 8rem) auto 0; text-align: center; }
.closing-statement > p { margin: 0; color: var(--moss); font-size: 0.84rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.closing-statement h3 { margin: 1.3rem 0 2.5rem; color: var(--forest); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.8rem, 4.2vw, 3.5rem); font-weight: 500; letter-spacing: -0.035em; line-height: 1.1; }

.blog-section { background: var(--paper-deep); }
.blog-layout > div:last-child { max-width: var(--reading); font-size: 1.1rem; }
.blog-layout > div:last-child p { margin: 0 0 2rem; }

.site-footer { padding-block: 3.5rem; background: #20291d; color: rgba(255, 254, 248, 0.7); }
.footer-grid { display: grid; grid-template-columns: minmax(15rem, 1fr) auto; gap: 2rem 4rem; align-items: start; }
.footer-brand { color: var(--white); font-size: 1.35rem; font-weight: 820; letter-spacing: 0.15em; text-decoration: none; }
.site-footer p { margin: 0.4rem 0 0; font-size: 0.8rem; }
.footer-links { display: grid; justify-items: end; gap: 0.55rem; }
.footer-links a { color: var(--white); font-size: 0.88rem; text-underline-offset: 0.35rem; }
.copyright { grid-column: 1 / -1; padding-top: 1.5rem; border-top: 1px solid rgba(255, 254, 248, 0.16); }

@media (max-width: 72rem) {
  .desktop-nav { gap: 0.75rem; }
  .desktop-nav a { font-size: 0.77rem; }
  .ai-grid { grid-template-columns: minmax(20rem, 0.46fr) minmax(0, 0.54fr); }
  .ai-boundary { display: none; }
  .people-grid { gap: 2.5rem; }
}

@media (max-width: 58rem) {
  .header-inner { min-height: 4.4rem; }
  .desktop-nav { display: none; }
  .nav-menu { position: relative; display: block; }
  .nav-menu > summary { display: inline-flex; min-height: 2.75rem; align-items: center; padding: 0.45rem 0.9rem; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--forest); cursor: pointer; font-size: 0.84rem; font-weight: 760; list-style: none; }
  .nav-menu > summary::-webkit-details-marker { display: none; }
  .nav-menu > summary::after { margin-left: 0.5rem; content: "+"; font-size: 1.05rem; }
  .nav-menu[open] > summary::after { content: "−"; }
  .nav-menu ul { position: absolute; top: calc(100% + 0.8rem); right: 0; display: none; width: min(20rem, calc(100vw - 2rem)); padding: 0.8rem; border: 1px solid var(--line); border-radius: 1.6rem; background: var(--paper-light); box-shadow: var(--shadow); }
  .nav-menu[open] ul { display: grid; }
  .nav-menu a { width: 100%; min-height: 3rem; padding-inline: 0.7rem; border-radius: 0.65rem; font-size: 0.9rem; }
  .nav-menu a:hover, .nav-menu a:focus-visible { background: var(--paper-deep); text-decoration: none; }
  .hero-grid { min-height: auto; grid-template-columns: 1fr; gap: 4rem; }
  .hero-diagram { width: min(19rem, 70vw); justify-self: end; }
  .hero-field { width: 85vw; }
  .split-layout, .status-grid, .research-grid, .blog-layout, .connect-intro, .ai-grid { grid-template-columns: 1fr; }
  .sticky-heading { position: static; }
  .system-copy { grid-template-columns: 1fr; gap: 2rem; }
  .people-grid { grid-template-columns: 1fr; }
  .connection-paths { grid-template-columns: 1fr; }
  .connection-paths article { padding-inline: 0; }
  .connection-paths article + article { border-top: 1px solid var(--line); border-left: 0; }
}

@media (max-width: 38rem) {
  html { scroll-padding-top: 0; }
  .shell { width: min(100% - 1.4rem, var(--shell)); }
  .header-inner { min-height: 3.5rem; gap: 1rem; }
  .brand-name { font-size: 1.05rem; }
  .nav-menu > summary { min-height: 2.5rem; padding: 0.3rem 0.75rem; font-size: 0.8rem; }
  .nav-menu > summary::after { margin-left: 0.4rem; font-size: 1rem; }
  .nav-menu ul { top: calc(100% + 0.5rem); padding: 0.65rem; }
  .nav-menu a { min-height: 2.55rem; padding-inline: 0.6rem; font-size: 0.88rem; }
  #arsdoma, #hogyan-mukodik, #gyakorlati-fejlesztes, #szakmai-hatter, #kapcsolodas, #rolunk { scroll-margin-top: 4.25rem; }
  .hero-grid { padding-block: 4rem 5rem; }
  h1 { font-size: clamp(3.5rem, 20vw, 5.4rem); }
  .hero-statement { margin-top: 2.7rem; }
  .actions { display: grid; }
  .button { width: 100%; }
  .hero-diagram { margin-bottom: 0; }
  .section { padding-block: 5rem; }
  .principle { grid-template-columns: 2.25rem minmax(0, 1fr); gap: 0.8rem; }
  .section-action { text-align: left; }
  .signal-list { grid-template-columns: 1fr; }
  .system-line { justify-content: flex-start; }
  .system-line span:not(:last-child)::after { display: none; }
  .person-portrait { width: min(15rem, 75vw); }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-links { justify-items: start; }
  .copyright { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}