/* Selected by the owner: 04 / Цвет из кадра, 04 October 2026.
   Component neutralisation matches the reviewed previews; layout is preserved. */
/* Selected photographic background. Scoped to the home and corrector pages.
   Accepted component surfaces, layout and header behavior stay intact. */
@supports (background: linear-gradient(180deg in oklab, white, black)) {
  .fortis-photographic { --bg-interpolation: in oklab; }
}
.fortis-photographic { --bg-interpolation: ; background: var(--page-bg); }
.fortis-photographic .page { background: var(--page-bg); }
.fortis-photographic .radial-bg, .fortis-photographic .ab-tail { background: transparent; }
.fortis-photographic .radial-bg__layer { display: none; }
.fortis-photographic .bg-chapter { position: relative; z-index: 1; }
.fortis-photographic .bg-chapter > section { position: relative; }
.fortis-photographic.ab #o-produkte,
.fortis-photographic.ab .ab-tail .at-story--editorial,
.fortis-photographic.ab .ab-tail .mc-v5,
.fortis-photographic.ab .ab-tail .at-support-quote,
.fortis-photographic.ab .ab-tail .fo-audience,
.fortis-photographic.ab .ab-tail .fs,
.fortis-photographic.ab .ab-tail .sp.sp-sizes,
.fortis-photographic.ab .ab-tail .sp.sp-passport { background: transparent; }
/* These rings are negative space between photographs, not independent cards. */
.fortis-photographic .fo-photo--1, .fortis-photographic .fo-photo--2, .fortis-photographic .fo-photo--3 { border-color: var(--bg-orbit-paper, var(--page-bg)); }
/* Remove the independent sandstone wash and the grey footer seam. */
.fortis-photographic[data-atlas-preview] #mechanics-context.form-fn::before,
.fortis-photographic[data-atlas-preview] .site-faq::before,
.fortis-photographic[data-atlas-preview] .site-footer::before { content: none; }
.fortis-photographic .form-fn__tint { display: none; }
.fortis-photographic .zones-banner { background: transparent; }
/* The six-zone photograph is opaque. Fade only its empty outer frame; retain
   the photograph, crop, labels and central product at full opacity. */
.fortis-photographic .zones-banner picture {
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 9%, #000 89%, transparent), linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 9%, #000 89%, transparent), linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
@media (max-width: 900px) {
  .fortis-photographic .zones-banner picture {
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 8%, #000 93%, transparent);
    mask-image: linear-gradient(180deg, transparent, #000 8%, #000 93%, transparent);
  }
}
/* Match the promotional surface to the top of the hero, without changing its
   existing shadow or the photograph's object-position. */
.fortis-photographic .hero-media::after {
  background: linear-gradient(180deg, rgb(var(--bg-rgb)) 0%, rgba(var(--bg-rgb), .97) 4%, rgba(var(--bg-rgb), .55) 11%, rgba(var(--bg-rgb), .28) 22%, rgba(var(--bg-rgb), .1) 38%, transparent 52%), linear-gradient(0deg, rgba(0,0,0,.16), transparent);
}
/* Preserve the intentional dark opening and dark footer, and the original
   data-header-theme switches. Their edges are photographic/editorial cuts. */
.fortis-photographic .site-footer { box-shadow: inset 0 1px rgba(255,255,255,.08); }


.fortis-color-frame { --paper:#f5f6f0; --shade:#e3e7df; --ink-muted:#586058; --footer:#25302b; --bg-rgb:245,246,240; --page-bg:var(--paper); --company-paper:var(--paper); --company-surface:#fcfcf8; --company-dark:var(--footer); --company-muted:var(--ink-muted); background:var(--paper); }
.fortis-color-frame .page { background:var(--paper); }
.fortis-color-frame :is(.radial-bg,.ab-tail) { background:transparent; }
.fortis-color-frame .radial-bg__layer { display:none; }
.fortis-color-frame .bg-chapter { background:transparent; }
.fortis-color-frame.fortis-about #o-produkte { background:transparent; }
.fortis-color-frame .site-footer { background:var(--footer); }
.fortis-color-frame .site-footer::before { content:none; }
.fortis-color-frame .company-production { background:var(--footer); }
.fortis-color-frame :is(.audience-eyebrow,.form-fn__eyebrow,.ab-eyebrow,.ab-lede-note dt,.ab-fact dt,.ab-spec dt) { color:var(--ink-muted); }
.fortis-color-frame :is(.footer__privacy,.footer__copy) { color:#cbd5cb; }
.fortis-color-frame .footer__form input::placeholder { color:#cbd5cb; }
.fortis-color-frame .fo-photo--1,.fortis-color-frame .fo-photo--2,.fortis-color-frame .fo-photo--3 { border-color:var(--bg-orbit-paper,var(--paper)); }
.fortis-color-frame :is(a,button,summary,select,input):focus-visible { outline:3px solid #2b8174; outline-offset:4px; }
.fortis-color-frame [data-header-theme="dark"] :is(a,button,input):focus-visible { outline-color:#f7d19a; }
/* 04: a colour journey drawn from white frames, slate textile and oak chairs.
   Matching end points avoid thin, accidental stripes between chapters. */
.fortis-color-frame { --paper:#e6e9e3; --footer:#253a34; --bg-rgb:230,233,227; }
.fortis-color-frame .bg-chapter--arrival { background:linear-gradient(180deg,#e6e9e3,#e9ede6 80%,#e6e9e3); }
.fortis-color-frame :is(.bg-chapter--people,.company-chapter--story) { background:linear-gradient(180deg,#e6e9e3,#dbe4dc 35%,#dedfd4 70%,#e9e0d1); }
.fortis-color-frame .bg-chapter--explain { background:linear-gradient(180deg,#e9e0d1,#ecdfc9 50%,#e6e9e3); }
.fortis-color-frame.fortis-about #o-produkte { background:linear-gradient(180deg,#e6e9e3,#e3e8df 70%,#edf0e9); }
.fortis-color-frame .bg-chapter--knowledge { background:linear-gradient(180deg,#edf0e9,#f6f7f1 40%,#dee6df); }
.fortis-color-frame .bg-chapter--daily { --bg-orbit-paper:#dee6df; background:linear-gradient(180deg,#dee6df,#dee6df 26%,#e9dfcf 76%,#efeadf); }
.fortis-color-frame .bg-chapter--choice { background:linear-gradient(180deg,#efeadf,#f6f3ec 34%,#e6e9e3); }
.fortis-color-frame .company-chapter--people { background:linear-gradient(180deg,#dfe7dc,#dfe7dc 60%,#f0eee5); }
.fortis-color-frame .company-chapter--evidence { background:linear-gradient(180deg,#f0eee5,#faf8f0 55%,#e6e9e3); }
.fortis-color-frame .company-chapter--service { background:#e6e9e3; }