/* The kitchen film and the catalogue share the site's tea-green palette. */
.kitchen { position:relative; background:#080f0c; }
.kitchen-stage { --kitchen-inset:76px; position:relative; min-height:540px; height:calc(100svh - var(--kitchen-inset)); overflow:hidden; }
/* Длина секции и есть темп ролика. При 280svh все 10 с ролика уходили на неполные
   два экрана пути: щелчок колеса — полсекунды ролика, тесак пролетал ускоренно.
   Теперь пути около 3,6 экрана (у фильма с грузовиком выше — 5,6). */
.kitchen.is-scrubbing { height:460vh; height:460svh; }
.is-scrubbing .kitchen-stage { position:sticky; top:var(--kitchen-inset); }
.kitchen-video { position:absolute; width:100%; height:100%; object-fit:contain; inset:0; }
.kitchen-stage::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(8,15,12,.72),transparent 39%,transparent 68%,rgba(8,15,12,.9)); }
.kitchen-top,.kitchen-bottom { position:absolute; left:0; right:0; z-index:1; }
.kitchen-top { top:clamp(34px,6vh,80px); }
.kitchen-top h2 { max-width:820px; font-size:clamp(28px,3.6vw,56px); line-height:1.16; text-wrap:balance; }
.kitchen-top .kicker { color:var(--cta); margin-bottom:16px; }
.kitchen-bottom { bottom:32px; }
.kitchen-caption { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; font-size:14px; color:var(--muted); }
.kitchen-caption a { color:var(--ink); display:inline-flex; align-items:center; gap:12px; text-decoration:none; }
.kitchen-caption .ic { width:18px; height:18px; transform:rotate(90deg); }
.kitchen-progress { height:2px; background:rgba(234,243,239,.18); }
.kitchen-progress span { display:block; height:100%; background:var(--cta); transform:scaleX(0); transform-origin:left; }
.kitchen:not(.is-scrubbing) .kitchen-bottom { pointer-events:none; }
.kitchen:not(.is-scrubbing) .kitchen-bottom a { pointer-events:auto; }
.kitchen:not(.is-scrubbing) .kitchen-progress { display:none; }
.kitchen:not(.is-scrubbing) .kitchen-video { padding-bottom:72px; }
.kitchen:not(.is-scrubbing) .kitchen-stage::after { display:none; }
.kitchen:not(.is-scrubbing) .kitchen-top { pointer-events:none; }
.provisions { padding:110px 0 104px; background:var(--bg); }
.provisions-heading { display:grid; grid-template-columns:1.4fr 1fr; gap:48px; align-items:end; margin-bottom:48px; }
.provisions-heading h2 { max-width:790px; font-size:clamp(32px,4.4vw,66px); line-height:1.16; text-wrap:balance; }
.provisions-heading .lead { max-width:440px; justify-self:end; font-size:17px; }
.provisions-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.provision { --card-pad:26px; --photo-left:#f8f2ea; --photo-right:#ded5cc; position:relative; display:flex; flex-direction:column; grid-column:span 2; min-height:348px; overflow:hidden; padding:var(--card-pad); background:linear-gradient(100deg,var(--photo-left),var(--photo-right)); color:var(--paper-ink); border-radius:7px; isolation:isolate; }
/* Фон каждой карточки продолжает студийный фон именно её фотографии.
   Поэтому картинка больше не выглядит прямоугольником, вклеенным в кнопку. */
.provision:nth-child(1)  { --photo-left:#f9f4ec; --photo-right:#dfd3c5; }
.provision:nth-child(2)  { --photo-left:#f8f4ee; --photo-right:#ebe3da; }
.provision:nth-child(3)  { --photo-left:#f0eae5; --photo-right:#cfc7c0; }
.provision:nth-child(4)  { --photo-left:#faf2e9; --photo-right:#e6dfd3; }
.provision:nth-child(5)  { --photo-left:#fdf6ed; --photo-right:#e8dcd0; }
.provision:nth-child(6)  { --photo-left:#f8f4ee; --photo-right:#e3ddd8; }
.provision:nth-child(7)  { --photo-left:#efe5da; --photo-right:#e1d1c2; }
.provision:nth-child(8)  { --photo-left:#faf2e9; --photo-right:#e5dccf; }
.provision:nth-child(9)  { --photo-left:#f9f3f0; --photo-right:#d3ccc3; }
.provision:nth-child(10) { --photo-left:#f8f2ed; --photo-right:#dad0c5; }
.provision:nth-child(11) { --photo-left:#e5dcd1; --photo-right:#f7f1ea; }
.provision:nth-last-child(-n+2) { grid-column:span 3; }
.provision-top { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.provision h3 { font-family:var(--font-body,Manrope,sans-serif); font-weight:750; font-size:21px; line-height:1.25; letter-spacing:-.6px; max-width:230px; }
.provision p { color:#4f6254; font-size:13px; line-height:1.65; margin:10px 0 0; max-width:260px; }
.provision-image { display:flex; align-items:flex-end; justify-content:center; flex:1; min-height:168px; margin:22px calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)); overflow:hidden; }
.provision img { display:block; width:100%; height:auto; aspect-ratio:2/1; object-fit:cover;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 100%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 100%); }
.kitchen-caption a:focus-visible { outline:3px solid var(--cta); outline-offset:5px; }
@media (max-width:1000px) {
  .provisions-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .provisions-heading { grid-template-columns:1fr; gap:24px; }
  .provisions-heading .lead { justify-self:start; max-width:600px; }
  .provision,.provision:nth-last-child(-n+2) { grid-column:span 1; }
  .provision { --card-pad:22px; }
}
@media (max-width:640px) {
  .kitchen-stage { --kitchen-inset:116px; min-height:520px; }
  .kitchen.is-scrubbing { height:340vh; height:340svh; }
  .kitchen-video { object-fit:cover; }
  .kitchen-top { top:32px; }
  .kitchen-top h2 { font-size:30px; max-width:370px; }
  .kitchen-top .kicker { font-size:10px; }
  .kitchen-bottom { bottom:24px; }
  .kitchen-caption { align-items:flex-start; font-size:11px; }
  .provisions { padding:70px 0; }
  .provisions-heading { margin-bottom:30px; gap:22px; }
  .provisions-heading h2 { font-size:32px; }
  .provisions-heading .lead { font-size:15px; }
  .provisions-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
  .provision { --card-pad:16px; min-height:284px; }
  .provision h3 { font-size:17px; letter-spacing:-.35px; }
  .provision p { font-size:12px; line-height:1.5; margin-top:8px; }
  .provision-image { min-height:150px; margin:18px calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)); }
}
@media (prefers-reduced-motion:reduce) {
  .provision img { transition:none; }
}