html[data-form="frise"] .fw-fpage { --ff-acc2: #c9a253; --ff-step: clamp(220px, 23vw, 286px); }
html[data-theme="light"][data-form="frise"] .fw-fpage { --ff-acc2: #85651c; }


html[data-form="frise"] .fw-fhero { position: relative; padding-bottom: 52px; }
html[data-form="frise"] .fw-fhero::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 15px; pointer-events: none;
  background:
    repeating-linear-gradient(90deg, var(--ff-acc2) 0 1px, transparent 1px 120px) 0 100% / 100% 15px no-repeat,
    repeating-linear-gradient(90deg, var(--ff-rule-strong) 0 1px, transparent 1px 12px) 0 100% / 100% 7px no-repeat;
}
html[data-form="frise"] .fw-fhero__fig { padding: 8px; border-color: color-mix(in srgb, var(--ff-acc2) 45%, transparent); }
html[data-form="frise"] .fw-fhero__rec[data-rec="span"] dd { color: var(--ff-acc2); }

@media (min-width: 1041px) {
  html[data-form="frise"] .fw-fpage .fw-rail { grid-template-columns: var(--ff-col) minmax(0, 1fr); }
}
html[data-form="frise"] .fw-fflow .fw-prose.fw-site-run { max-width: 42rem; }


html[data-form="frise"] .fw-fflow .fw-timeline { --fwl-tl-gap: 0px; max-width: none; padding: 0; background: none; box-shadow: none; }
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; margin-bottom: 26px; }
html[data-form="frise"] .fw-fflow .fw-timeline[data-ff-scroll] .fw-timeline__title::after {
  content: "Scroll along \2192"; font: 400 12px/1.3 var(--ff-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ff-quiet);
}
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__wrap {
  position: relative; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity;
  padding: 0 0 22px; border-bottom: 1px solid var(--ff-rule);
  scrollbar-width: thin; scrollbar-color: var(--ff-red) transparent;
}
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__wrap:focus-visible { outline: 2px solid var(--ff-red); outline-offset: 4px; }
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__list {
  display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: var(--ff-step); gap: 0;
}
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__line {
  position: absolute; top: 40px; bottom: auto; left: 0; right: auto; width: max(100%, calc(var(--fwl-n, 4) * var(--ff-step))); height: 1px;
  background: var(--ff-rule-strong);
}
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__fill { inset: -1px 0 0; height: 2px; background: var(--ff-red); transform-origin: left; }
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__list:has(> .fw-timeline__step:only-child) { grid-auto-columns: minmax(0, 40rem); }
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__step {
  display: block; position: relative; padding: 0 28px 0 0; scroll-snap-align: start;
}
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__list .fw-timeline__node {
  position: absolute; left: 0; top: 34px; width: 9px; height: 13px; border-radius: 0; box-shadow: none;
  background: var(--ff-red); color: transparent; font-size: 0; overflow: hidden;
}
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__list .fw-timeline__step[data-tone="key"] .fw-timeline__node { width: 13px; top: 30px; height: 21px; box-shadow: none; }
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__name {
  margin: 0; height: 30px; font: 400 clamp(20px, 1.7vw, 24px)/30px var(--ff-mono); letter-spacing: .04em; color: var(--ff-acc2);
  font-variant-numeric: tabular-nums;
}
html[data-form="frise"] .fw-fflow .fw-timeline .fw-timeline__text {
  margin-top: 34px; padding: 0 0 0 16px; border-left: 1px solid var(--ff-rule);
  font-size: 17px; line-height: 1.5; color: var(--ff-ink);
}


html[data-form="frise"] .fw-fflow .fw-site-block[data-kind="numbers"] { padding-top: 16px; border-top: 3px solid var(--ff-red); }
html[data-form="frise"] .fw-fflow .fw-site-block[data-kind="numbers"] > .fw-site-blocktitle { margin: 0 0 22px; }
html[data-form="frise"] .fw-fflow .fw-stat {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 0; max-width: none;
  margin-left: -29px; clip-path: inset(0 0 0 29px); counter-reset: ff-fig;
  border-top: 1px solid var(--ff-rule); border-bottom: 1px solid var(--ff-rule);
}
html[data-form="frise"] .fw-fflow .fw-stat:has(> .fw-stat__item:only-child) { max-width: calc(28rem + 29px); }
html[data-form="frise"] .fw-fflow .fw-stat__item {
  counter-increment: ff-fig; padding: 18px 28px 22px 28px; border-left: 1px solid var(--ff-rule);
  background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html[data-form="frise"] .fw-fflow .fw-stat__item::before {
  content: "No. " counter(ff-fig, decimal-leading-zero); display: block; margin-bottom: 14px;
  font: 400 12px/1 var(--ff-mono); letter-spacing: .14em; color: var(--ff-acc2);
}
html[data-form="frise"] .fw-fflow .fw-stat__item:only-child::before { content: none; }
html[data-form="frise"] .fw-fflow .fw-stat__n { font-variant-numeric: lining-nums tabular-nums; }
html[data-form="frise"] .fw-fflow .fw-stat__n .ff-count { display: inline-block; }
html[data-form="frise"] .fw-fflow .fw-stat__t { font-size: 17px; color: var(--ff-ink); }


html[data-form="frise"] .fw-fflow .fw-compare__box { box-shadow: none; background: none; border-top: 1px solid var(--ff-rule); }
html[data-form="frise"] .fw-fflow .fw-compare__grid thead th,
html[data-form="frise"] .fw-fflow .fw-table:not(.fw-table--tactic) thead th {
  padding: 14px 18px 10px 0; border-bottom: 2px solid var(--ff-red);
  font: 700 11px/1.35 var(--fw-font-ui); letter-spacing: .16em; text-transform: uppercase; color: var(--ff-title);
}
html[data-form="frise"] .fw-fflow .fw-compare__col::before { content: none; }
html[data-form="frise"] .fw-fflow .fw-compare__grid thead .fw-compare__corner { background: var(--ff-ground); box-shadow: none; }
html[data-form="frise"] .fw-fflow .fw-compare__grid tbody th {
  width: 24%; padding: 14px 18px 14px 0; background: var(--ff-ground); box-shadow: none; border-bottom: 1px solid var(--ff-rule);
  font: 600 15px/1.4 var(--fw-font-ui); color: var(--ff-title);
}
html[data-form="frise"] .fw-fflow .fw-compare__grid td { padding: 14px 18px 14px 0; border-bottom: 1px solid var(--ff-rule); font-size: 18px; }
html[data-form="frise"] .fw-fflow .fw-table tbody :is(th, td) { padding-block: 14px; border-bottom-color: var(--ff-rule); }
html[data-form="frise"] .fw-fflow .fw-table:not(.fw-table--tactic) tbody th { font: 600 15px/1.4 var(--fw-font-ui); color: var(--ff-title); }
html[data-form="frise"] .fw-fflow :is(td, th).ff-fig { font: 400 16px/1.5 var(--ff-mono); font-variant-numeric: tabular-nums; color: var(--ff-title); }


html[data-form="frise"] .fw-fflow .fw-steps .fw-steps__list { border-top: 1px solid var(--ff-rule-strong); }
html[data-form="frise"] .fw-fflow .fw-steps .fw-steps__list > .fw-steps__item {
  grid-template-columns: 48px minmax(0, 1fr); gap: 0; padding: 14px 0 15px; border-bottom: 1px solid var(--ff-rule);
}
html[data-form="frise"] .fw-fflow .fw-steps .fw-steps__list > .fw-steps__item::before { content: none; }
html[data-form="frise"] .fw-fflow .fw-steps .fw-steps__list > .fw-steps__item > .fw-steps__n {
  display: block; width: auto; height: auto; padding-top: .3em; border-radius: 0; background: none; box-shadow: none;
  font: 400 14px/1.5 var(--ff-mono); color: var(--ff-red-ink);
}
html[data-form="frise"] .fw-fflow .fw-steps .fw-steps__list > .fw-steps__item > .fw-steps__n::before { content: "0"; }
html[data-form="frise"] .fw-fflow .fw-steps .fw-steps__list > .fw-steps__item:nth-child(n+10) > .fw-steps__n::before { content: none; }
html[data-form="frise"] .fw-fflow .fw-steps .fw-steps__list > .fw-steps__item > .fw-steps__text { padding-top: 0; font-size: 19px; color: var(--ff-ink); }


html[data-form="frise"] .fw-fflow .fw-alert {
  padding: 22px 0 0; background: none; box-shadow: none;
  border-top: 3px solid var(--ff-red); border-bottom: 1px solid var(--ff-rule-strong);
}
html[data-form="frise"] .fw-fflow .fw-alert__foot { padding-bottom: 22px; }


html[data-form="frise"] .fw-fflow .fw-note { padding: 4px 0 4px 26px; background: none; box-shadow: none; border-left: 2px solid var(--ff-red); }
html[data-form="frise"] .fw-fflow .fw-note__seal { display: none; }
html[data-form="frise"] .fw-fflow .fw-note .fw-note__text { font-style: italic; }


@media (max-width: 900px) {
  html[data-form="frise"] .fw-fhero { padding-bottom: 40px; }
  html[data-form="frise"] .fw-fhero__fig { padding: 6px; }
}
@media (max-width: 600px) {
  html[data-form="frise"] .fw-fpage { --ff-step: 232px; }
  html[data-form="frise"] .fw-fflow .fw-stat__item { padding: 16px 0 20px 28px; }
  html[data-form="frise"] .fw-fflow .fw-stat__item + .fw-stat__item { border-top: 1px solid var(--ff-rule); }
  html[data-form="frise"] .fw-fflow .fw-note { padding-left: 18px; }
  html[data-form="frise"] .fw-fflow .fw-compare__grid tbody th {
    width: auto; padding: 18px 0 8px; border-bottom: 2px solid var(--ff-red);
    font: 400 22px/1.15 var(--fw-font-display); color: var(--ff-title);
  }
  html[data-form="frise"] .fw-fflow .fw-compare__grid td { padding: 10px 0 12px; }
}