:root {
  --ink: #113c72;
  --ink-strong: #0a2f63;
  --muted: #617da2;
  --line: rgba(42, 92, 151, .17);
  --blue: #176bf1;
  --paper: #f7fbfd;
  --sans: "Noto Sans SC", system-ui, sans-serif;
  --serif: "Noto Serif SC", serif;
  --mono: "DM Mono", monospace;
  --header-h: 74px;
  --nav-h: 64px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + var(--nav-h) + 20px); }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); }
body::before {
  content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background:
    radial-gradient(circle at 80% 8%, rgba(141, 215, 235, .23), transparent 28%),
    radial-gradient(circle at 12% 48%, rgba(206, 222, 245, .36), transparent 30%),
    linear-gradient(180deg, #f9fcfd, #f4fafc 56%, #f8fbfd);
}
body::after {
  content: ""; position: fixed; inset: 0; z-index: -1; opacity: .22; pointer-events: none;
  background-image: radial-gradient(rgba(30, 86, 145, .22) .65px, transparent .65px);
  background-size: 5px 5px;
  mask-image: linear-gradient(to bottom, transparent, black 12%, black 86%, transparent);
}
a { color: inherit; }
img { display: block; max-width: 100%; }

.wf-site-header {
  position: sticky; top: 0; z-index: 30; height: var(--header-h); padding: 0 clamp(24px, 6vw, 86px);
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(249, 252, 253, .84); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px);
}
.wf-brand { display: flex; align-items: center; gap: 14px; font: 500 12px/1 var(--mono); letter-spacing: .18em; text-decoration: none; }
.wf-brand span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(23, 107, 241, .45); border-radius: 50%; font: italic 20px/1 var(--serif); }
.wf-brand i { opacity: .35; font-style: normal; }
.wf-brand em { font-style: normal; color: #59759b; }
.wf-back { padding: 12px 0; border-bottom: 1px solid #2f6db3; font-size: 13px; text-decoration: none; }

main { overflow: clip; }
.wf-hero { position: relative; min-height: 680px; padding: 120px clamp(24px, 7vw, 108px) 72px; display: flex; flex-direction: column; justify-content: center; }
.wf-hero__wash { position: absolute; width: 54vw; aspect-ratio: 1.5; right: -8vw; top: 34px; border-radius: 54% 46% 58% 42%; background: radial-gradient(ellipse at 42% 46%, rgba(159, 220, 238, .38), rgba(197, 220, 244, .18) 48%, transparent 72%); filter: blur(4px); }
.wf-hero__wash::before, .wf-hero__wash::after { content: ""; position: absolute; border: 1px solid rgba(52, 126, 183, .13); border-radius: 50%; inset: 12% 0 16% 10%; transform: rotate(-10deg); }
.wf-hero__wash::after { inset: 24% 10% 28% 20%; }
.wf-kicker { position: relative; display: flex; align-items: center; gap: 16px; font: 500 11px/1 var(--mono); letter-spacing: .14em; }
.wf-kicker span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--blue); }
.wf-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 9vw; align-items: end; margin-top: 56px; }
h1, h2, h3, p { margin-top: 0; }
.wf-hero h1 { margin-bottom: 24px; font: 500 clamp(54px, 7vw, 100px)/1.06 var(--serif); letter-spacing: -.05em; }
.wf-hero__lead { max-width: 720px; margin: 0; font-size: clamp(17px, 1.5vw, 22px); line-height: 1.9; color: #496c94; }
.wf-hero__statement { position: relative; margin: 0; padding: 0 0 8px 28px; border-left: 1px solid rgba(23, 107, 241, .55); font: 400 clamp(25px, 2.6vw, 38px)/1.65 var(--serif); }
.wf-hero__statement strong { color: var(--blue); font-weight: 500; }
.wf-principles { position: relative; margin: 76px 0 0; padding: 24px 0 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; list-style: none; }
.wf-principles li { font: 500 14px/1.5 var(--sans); }
.wf-principles span { margin-right: 14px; color: var(--blue); font: 500 11px/1 var(--mono); }

.wf-stage-nav { position: sticky; top: var(--header-h); z-index: 20; height: var(--nav-h); display: grid; grid-template-columns: repeat(6, 1fr); padding: 0 clamp(18px, 6vw, 86px); background: rgba(248, 251, 252, .9); border-block: 1px solid var(--line); backdrop-filter: blur(18px); }
.wf-stage-nav a { position: relative; display: flex; gap: 11px; align-items: center; justify-content: center; text-decoration: none; color: #6c84a2; font-size: 12px; }
.wf-stage-nav a::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; background: var(--blue); transform: scaleX(0); transition: transform .35s ease; }
.wf-stage-nav a.is-active { color: var(--ink-strong); }
.wf-stage-nav a.is-active::after { transform: scaleX(.72); }
.wf-stage-nav a:focus-visible { outline: 0; color: var(--ink-strong); }
.wf-stage-nav a:focus-visible::after { height: 3px; transform: scaleX(.72); }
.wf-stage-nav span, .wf-stage-nav small { font: 500 10px/1 var(--mono); letter-spacing: .08em; }
.wf-stage-nav span { color: var(--blue); }
.wf-stage-nav b, .wf-stage-nav small { white-space: nowrap; }

.wf-stage { width: min(1160px, calc(100% - 48px)); margin: 0 auto; padding: 132px 0 118px; border-top: 1px solid var(--line); }
.wf-stage:first-of-type { border-top: 0; }
.wf-stage__header { width: min(790px, 100%); margin-inline: auto; }
.wf-stage__header > p { margin: 0 0 12px; color: #315f92; font: 500 11px/1.5 var(--mono); letter-spacing: .13em; }
.wf-stage__header h2 { margin-bottom: 26px; font: 500 clamp(38px, 5vw, 68px)/1.25 var(--serif); letter-spacing: -.045em; }
.wf-stage__header strong { max-width: 760px; font: 400 clamp(19px, 2vw, 27px)/1.7 var(--serif); color: #4f6f94; }
.wf-stage__body { width: min(920px, 100%); margin-inline: auto; padding-top: 64px; }
.wf-essay { width: min(790px, 100%); margin-inline: auto; }
.wf-essay__lead {
  margin: 0 0 62px; padding: 30px 0 0; border-top: 1px solid var(--line);
  color: #365f8b; font: 400 clamp(21px, 2.05vw, 28px)/1.85 var(--serif);
}
.wf-essay h3 { margin: 62px 0 20px; color: var(--ink-strong); font: 500 clamp(26px, 2.6vw, 34px)/1.45 var(--serif); letter-spacing: -.025em; }
.wf-essay p:not(.wf-essay__lead) { margin: 0 0 24px; color: #45678d; font-size: 16px; line-height: 2.05; letter-spacing: .015em; }
.wf-essay blockquote {
  margin: 70px 0 0; padding: 28px 0 28px 42px; border-left: 1px solid rgba(23, 107, 241, .6);
  color: #1a528d; font: 400 clamp(24px, 2.5vw, 35px)/1.75 var(--serif);
}
.wf-essay--closing { padding-bottom: 18px; }
.wf-concept-visual { margin: 56px 0 72px; }
.wf-concept-visual img { width: 100%; height: auto; object-fit: contain; background: #f7fbfd; }
.wf-concept-visual figcaption {
  display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 28px;
  margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line);
}
.wf-concept-visual figcaption span { color: #2e79ca; font: 500 10px/1.4 var(--mono); letter-spacing: .12em; }
.wf-concept-visual figcaption p { margin: 0 !important; color: var(--muted) !important; font-size: 13px !important; line-height: 1.75 !important; }
.wf-decision-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.wf-decision-grid article { min-height: 154px; padding: 26px 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.wf-decision-grid small, .wf-evidence figcaption span, .wf-dialogue small, .wf-loop small, .wf-footer small { color: #2e79ca; font: 500 10px/1.4 var(--mono); letter-spacing: .12em; }
.wf-decision-grid p { margin: 20px 0 0; color: #385e87; font-size: 14px; line-height: 1.85; }
.wf-evidence { margin: 76px 0 0; }
.wf-evidence img { width: 100%; height: auto; object-fit: contain; }
.wf-evidence figcaption { display: grid; grid-template-columns: 160px minmax(0, .8fr) minmax(0, 1.2fr); gap: 28px; align-items: start; padding: 24px 0 0; border-top: 1px solid var(--line); }
.wf-evidence figcaption b { font: 500 18px/1.5 var(--serif); }
.wf-evidence figcaption p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.wf-dialogue { margin: 64px 0 0; padding: 28px 0 28px 54px; border-left: 1px solid rgba(23, 107, 241, .65); }
.wf-dialogue p { max-width: 800px; margin: 18px 0 12px; font: 400 clamp(24px, 2.8vw, 38px)/1.6 var(--serif); }
.wf-dialogue footer { color: var(--muted); font-size: 13px; line-height: 1.75; }
.wf-evidence-chain {
  margin: 76px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr);
  list-style: none; border-top: 1px solid var(--line); border-left: 1px solid var(--line);
}
.wf-evidence-chain li { min-height: 184px; padding: 26px 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.wf-evidence-chain span { color: var(--blue); font: 500 10px/1 var(--mono); letter-spacing: .12em; }
.wf-evidence-chain b { display: block; margin-top: 22px; font: 500 22px/1.4 var(--serif); }
.wf-evidence-chain p { margin: 10px 0 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.wf-compare { margin: 76px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.wf-compare > div { position: relative; }
.wf-compare span { position: absolute; z-index: 1; top: 14px; left: 14px; padding: 7px 10px; background: rgba(247, 251, 253, .9); font: 500 9px/1 var(--mono); letter-spacing: .1em; }
.wf-compare img { width: 100%; height: auto; }
.wf-compare figcaption { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 36px; padding-top: 20px; border-top: 1px solid var(--line); }
.wf-compare figcaption b { font-family: var(--serif); }
.wf-compare figcaption p { max-width: 600px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.wf-learning-layers { margin-top: 64px; display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--line); }
.wf-learning-layers--four { grid-template-columns: repeat(4, 1fr); }
.wf-learning-layers article { padding: 28px; border-right: 1px solid var(--line); }
.wf-learning-layers article:last-child { border-right: 0; }
.wf-learning-layers span { color: var(--blue); font: 500 10px/1 var(--mono); }
.wf-learning-layers b { display: block; margin-top: 20px; font: 500 23px/1.4 var(--serif); }
.wf-learning-layers p { margin: 10px 0 0; color: var(--muted); font-size: 13px; line-height: 1.7; }

.wf-ai-practice { width: 100%; padding-inline: max(24px, calc((100vw - 1160px) / 2)); background: linear-gradient(145deg, rgba(225, 241, 249, .7), rgba(244, 241, 251, .72)); }
.wf-ai-practice .wf-stage__body { margin-inline: auto; }
.wf-ai-flow { margin: 16px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.wf-ai-flow li { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 34px; padding: 38px 0; border-bottom: 1px solid var(--line); }
.wf-ai-flow__index span { display: block; color: var(--blue); font: 500 38px/1 var(--serif); letter-spacing: -.04em; }
.wf-ai-flow__index small, .wf-ai-tool-choice small { display: block; margin-top: 10px; color: #2e79ca; font: 500 9px/1.4 var(--mono); letter-spacing: .12em; }
.wf-ai-flow h3 { margin: 0 0 12px; color: var(--ink-strong); font: 500 clamp(23px, 2.3vw, 31px)/1.4 var(--serif); }
.wf-ai-flow p { margin: 0; color: #45678d; font-size: 15px; line-height: 1.95; }
.wf-ai-flow b { display: block; margin-top: 14px; color: #285d96; font-size: 13px; line-height: 1.75; font-weight: 500; }
.wf-ai-path { margin-top: 34px; }
.wf-ai-path + .wf-ai-path { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--line); }
.wf-ai-path__label { color: #176bf1 !important; font: 500 10px/1.5 var(--mono) !important; letter-spacing: .12em; }
@media (min-width: 901px) {
  .wf-ai-flow li { position: relative; display: block; }
  .wf-ai-flow__index { position: absolute; top: 40px; left: 0; width: 72px; }
  .wf-ai-flow li > div:last-child { width: min(790px, 100%); margin-inline: auto; }
}
.wf-ai-example { margin: 34px 0 4px; }
.wf-ai-example img { width: 100%; height: auto; border: 1px solid rgba(42, 92, 151, .13); background: rgba(255, 255, 255, .5); }
.wf-ai-example img[src$="01-requirement-brief.png"] { aspect-ratio: 1000 / 751; }
.wf-ai-example img[src$="02-codex-prototype.png"] { aspect-ratio: 1000 / 561; }
.wf-ai-example img[src$="03-figma-make-dashboard.png"] { aspect-ratio: 1000 / 564; }
.wf-ai-example img[src$="04-codex-interactive-frame.png"] { aspect-ratio: 1000 / 576; }
.wf-ai-example img[src$="05-figma-detail-edit.png"] { aspect-ratio: 1000 / 550; }
.wf-ai-example img[src$="06-refined-enterprise-profile.png"] { aspect-ratio: 1000 / 695; }
.wf-ai-example img[src$="07-git-version-history.png"] { aspect-ratio: 1000 / 479; }
.wf-ai-example img[src$="08-testing-checklist.png"] { aspect-ratio: 1000 / 564; }
.wf-ai-example figcaption { display: grid; grid-template-columns: 150px minmax(180px, .8fr) minmax(240px, 1.2fr); gap: 20px; align-items: start; padding-top: 18px; border-top: 1px solid var(--line); }
.wf-ai-example figcaption small { color: #2e79ca; font: 500 9px/1.5 var(--mono); letter-spacing: .1em; }
.wf-ai-example figcaption strong { color: var(--ink-strong); font: 500 16px/1.55 var(--serif); }
.wf-ai-example figcaption p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.wf-ai-example-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.wf-ai-example-grid .wf-ai-example figcaption { grid-template-columns: 1fr; gap: 8px; }
.wf-ai-tool-choice { display: grid; grid-template-columns: 1fr 1fr; margin-top: 72px; border-block: 1px solid var(--line); }
.wf-ai-tool-choice article { padding: 32px 34px 34px 0; }
.wf-ai-tool-choice article + article { padding-left: 34px; border-left: 1px solid var(--line); }
.wf-ai-tool-choice h3 { margin: 20px 0 12px; color: var(--ink-strong); font: 500 23px/1.5 var(--serif); }
.wf-ai-tool-choice p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.85; }
.wf-ai-principle { margin: 70px 0 0; padding: 28px 0 28px 42px; border-left: 1px solid rgba(23, 107, 241, .6); color: #1a528d; font: 400 clamp(24px, 2.5vw, 35px)/1.75 var(--serif); }

.wf-loop { padding: 130px clamp(24px, 7vw, 108px); background: linear-gradient(135deg, rgba(230, 243, 248, .78), rgba(244, 243, 250, .78)); border-block: 1px solid var(--line); }
.wf-loop__heading { display: grid; grid-template-columns: 1fr .72fr; gap: 8vw; align-items: end; margin: 54px 0 70px; }
.wf-loop__heading h2 { margin: 0; font: 500 clamp(40px, 5.7vw, 76px)/1.22 var(--serif); letter-spacing: -.05em; }
.wf-loop__heading p { margin: 0; color: #527195; font-size: 16px; line-height: 1.85; }
.wf-loop__article { width: min(820px, 72%); margin-inline: auto; padding-top: 54px; border-top: 1px solid var(--line); }
.wf-loop__article p { margin: 0 0 26px; color: #45698f; font-size: 17px; line-height: 2.05; }
.wf-loop__steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); list-style: none; border-block: 1px solid var(--line); }
.wf-loop__steps li { position: relative; min-height: 166px; padding: 26px 20px; border-right: 1px solid var(--line); }
.wf-loop__steps li:last-child { border-right: 0; }
.wf-loop__steps li:not(:last-child)::after { content: "→"; position: absolute; right: -8px; top: 24px; z-index: 1; color: var(--blue); background: #edf6f9; }
.wf-loop__steps span { color: var(--blue); font: 500 10px/1 var(--mono); }
.wf-loop__steps b { display: block; margin-top: 34px; font: 500 23px/1.2 var(--serif); }
.wf-loop__steps small { display: block; margin-top: 14px; color: var(--muted); font-family: var(--sans); letter-spacing: 0; line-height: 1.6; }
.wf-boundaries { margin-top: 72px; display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; }
.wf-boundaries article { padding-left: 26px; border-left: 1px solid rgba(23, 107, 241, .5); }
.wf-boundaries h3 { margin: 20px 0 12px; font: 500 26px/1.5 var(--serif); }
.wf-boundaries p { color: var(--muted); font-size: 13px; line-height: 1.8; }
.wf-footer { min-height: 320px; padding: 90px clamp(24px, 7vw, 108px); display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.wf-footer p { margin: 0; }
.wf-footer strong { display: block; margin-top: 18px; font: 500 clamp(28px, 4vw, 48px)/1.4 var(--serif); }
.wf-footer a { padding: 18px 0; border-bottom: 1px solid #2d71bd; text-decoration: none; white-space: nowrap; }

.wf-reveal { opacity: 0; transform: translateY(32px); transition: opacity .75s ease, transform .75s cubic-bezier(.22, 1, .36, 1); }
.wf-reveal.is-visible { opacity: 1; transform: none; }
.wf-gsap-ready .wf-reveal { opacity: 1; transform: none; transition: none; }

@media (max-width: 900px) {
  :root { --header-h: 64px; --nav-h: 58px; }
  .wf-hero { min-height: auto; padding-top: 90px; }
  .wf-stage-nav small { display: none; }
  .wf-hero__grid, .wf-loop__heading { grid-template-columns: 1fr; gap: 40px; }
  .wf-hero__statement { max-width: 700px; }
  .wf-stage { padding-block: 96px; }
  .wf-stage__header > p { margin-bottom: 10px; }
  .wf-stage__body { margin-left: 0; padding-top: 50px; }
  .wf-ai-practice .wf-stage__body { margin-left: 0; }
  .wf-essay { max-width: 760px; }
  .wf-loop__article { width: 100%; }
  .wf-evidence-chain { grid-template-columns: repeat(2, 1fr); }
  .wf-learning-layers--four { grid-template-columns: repeat(2, 1fr); }
  .wf-loop__steps { grid-template-columns: repeat(3, 1fr); }
  .wf-loop__steps li:nth-child(3) { border-right: 0; }
  .wf-loop__steps li:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 640px) {
  .wf-site-header { padding-inline: 18px; }
  .wf-brand em, .wf-brand i { display: none; }
  .wf-hero { padding: 72px 20px 54px; }
  .wf-hero__wash { width: 90vw; right: -34vw; }
  .wf-hero__grid { margin-top: 42px; }
  .wf-hero h1 { font-size: 50px; }
  .wf-hero__lead { font-size: 15px; }
  .wf-hero__statement { padding-left: 20px; font-size: 24px; }
  .wf-principles { grid-template-columns: 1fr; gap: 13px; margin-top: 50px; }
  .wf-stage-nav { overflow-x: auto; grid-template-columns: repeat(6, minmax(92px, 1fr)); padding: 0 10px; scrollbar-width: none; }
  .wf-stage { width: calc(100% - 36px); padding-block: 78px; }
  .wf-stage__header h2 { font-size: 39px; }
  .wf-stage__header strong { font-size: 18px; }
  .wf-decision-grid { grid-template-columns: 1fr; }
  .wf-decision-grid article { min-height: auto; padding: 22px; }
  .wf-evidence { margin-top: 48px; }
  .wf-evidence figcaption { grid-template-columns: 1fr; gap: 9px; }
  .wf-dialogue { margin-top: 44px; padding-left: 24px; }
  .wf-dialogue p { font-size: 24px; }
  .wf-essay__lead { margin-bottom: 46px; font-size: 20px; }
  .wf-essay h3 { margin-top: 48px; font-size: 27px; }
  .wf-essay p:not(.wf-essay__lead) { font-size: 15px; line-height: 1.95; }
  .wf-essay blockquote { margin-top: 52px; padding-left: 24px; font-size: 23px; }
  .wf-concept-visual { margin: 42px 0 52px; }
  .wf-concept-visual figcaption { grid-template-columns: 1fr; gap: 8px; }
  .wf-loop__article { padding-top: 38px; }
  .wf-loop__article p { font-size: 15px; line-height: 1.95; }
  .wf-ai-flow li { grid-template-columns: 62px minmax(0, 1fr); gap: 18px; padding: 30px 0; }
  .wf-ai-flow__index span { font-size: 29px; }
  .wf-ai-example, .wf-ai-example-grid { margin-top: 28px; }
  .wf-ai-example-grid { grid-template-columns: 1fr; gap: 10px; }
  .wf-ai-example figcaption { grid-template-columns: 1fr; gap: 8px; }
  .wf-ai-tool-choice { grid-template-columns: 1fr; margin-top: 52px; }
  .wf-ai-tool-choice article { padding: 28px 0; }
  .wf-ai-tool-choice article + article { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
  .wf-ai-principle { margin-top: 48px; padding-left: 24px; font-size: 23px; }
  .wf-evidence-chain { grid-template-columns: 1fr; margin-top: 48px; }
  .wf-evidence-chain li { min-height: auto; padding: 22px; }
  .wf-compare { grid-template-columns: 1fr; }
  .wf-compare figcaption { display: block; }
  .wf-compare figcaption p { margin-top: 10px; }
  .wf-learning-layers, .wf-boundaries { grid-template-columns: 1fr; }
  .wf-learning-layers article { border-right: 0; border-bottom: 1px solid var(--line); }
  .wf-learning-layers article:last-child { border-bottom: 0; }
  .wf-loop { padding: 84px 20px; }
  .wf-loop__steps { grid-template-columns: 1fr 1fr; }
  .wf-loop__steps li { min-height: 142px; border-bottom: 1px solid var(--line); }
  .wf-loop__steps li:nth-child(2n) { border-right: 0; }
  .wf-loop__steps li:nth-child(3) { border-right: 1px solid var(--line); }
  .wf-loop__steps li:nth-last-child(-n+2) { border-bottom: 0; }
  .wf-loop__steps li::after { display: none; }
  .wf-footer { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .wf-reveal { opacity: 1; transform: none; transition: none; }
}