/* Доски холодного отжима: те же бумага, чернила и рисунки, что на первой,
   но другое масло в кадре, другой цвет листа и другое место бутылки. */

/* 02 — работа пресса. Чёрный тмин, бутылка левее центра. */
.press-board{--board-ink:var(--oil-ink,#4f7168);--board-accent:var(--oil-accent,#57807a);
  --bottle-x:38%;--bottle-y:54%;--bottle-h:min(60svh,540px);min-height:860px}
.press-study{position:absolute;left:3%;top:24%;width:23%;margin:0}
.press-study img{display:block;width:100%;height:min(40svh,370px);object-fit:contain}
.press-study figcaption{margin-top:10px;padding-top:12px;border-top:1px solid var(--board-line);font-size:10px;letter-spacing:.06em;line-height:1.5;color:var(--board-quiet)}
.press-copy{position:absolute;right:3%;top:24%;width:30%;max-width:390px}
.press-copy>p:not(.story-lead){margin:0;font-size:14px;line-height:1.7}
.press-steps{list-style:none;padding:0;margin:26px 0 0}
.press-steps li{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:17px 0;border-top:1px solid var(--board-line)}
.press-steps li>span{font-size:10px;padding-top:3px;color:var(--board-accent)}
.press-steps h3{font-size:16px;font-weight:500;line-height:1.4;margin:0;color:var(--board-title)}
.press-steps p{font-size:13px;line-height:1.6;margin:7px 0 0}
.press-film{position:absolute;left:3%;bottom:8%;width:24%;display:flex;gap:16px;align-items:center;text-decoration:none;color:var(--board-lead);padding:12px 0;border-top:1px solid var(--board-line);border-bottom:1px solid var(--board-line)}
.press-film>img{width:76px;height:100px;object-fit:cover;border-radius:2px;filter:saturate(.75)}
.press-film-text{flex:1;min-width:0}
.press-film-kicker{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--board-quiet);margin-bottom:10px}
.press-film strong{font-size:16px;font-weight:500;line-height:1.35;display:block}
.press-film small{display:block;font-size:10px;line-height:1.5;color:var(--board-quiet);margin-top:10px}
.press-play{flex:none;display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--board-line);border-radius:50%;font-size:21px;transition:background .2s,color .2s}
.press-film:hover .press-play{background:var(--board-ink);color:#fff6dd}
.press-footnote{position:absolute;right:3%;bottom:7%;width:30%;font-size:11px;line-height:1.6;color:var(--board-quiet);margin:0}
.press-seeds{left:55%;top:26%;width:105px}
.press-study,.press-copy,.press-film{opacity:calc(.35 + var(--arrival)*.65)}

/* 03 — что даёт холодный отжим. Абрикос, бутылка у правого края. */
.value-board{--board-ink:var(--oil-ink,#966341);--board-accent:var(--oil-accent,#c37a48);
  --bottle-x:74%;--bottle-y:50%;--bottle-h:min(56svh,500px);min-height:880px}
.value-copy{position:absolute;left:5%;top:27%;width:25%;max-width:330px}
.value-copy>p:not(.story-lead){margin:0;font-size:14px;line-height:1.7}
.value-study{position:absolute;left:31%;top:16%;width:25%;margin:0}
.value-study img{display:block;width:100%;height:min(42svh,390px);object-fit:contain}
.value-study figcaption{margin-top:10px;padding-top:12px;border-top:1px solid var(--board-line);font-size:10px;letter-spacing:.06em;line-height:1.5;color:var(--board-quiet)}
.value-facts{position:absolute;left:5%;bottom:8%;width:46%;display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}
.value-facts li{align-content:start;padding-top:14px;border-top:1px solid var(--board-line)}
.value-seeds{right:4%;top:14%;width:120px}
.value-copy,.value-study,.value-facts{opacity:calc(.35 + var(--arrival)*.65)}

.production-video-dialog{padding:16px;background:#24241e;color:#faf3e2;border:1px solid #a3895070;border-radius:8px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);overflow:auto}
.production-video-dialog::backdrop{background:#19170ed4}
html.production-video-open,.production-video-open body{overflow:hidden}
.production-video-dialog form{display:flex;justify-content:flex-end;margin-bottom:12px}
.production-video-dialog button{font:inherit;font-size:13px;color:inherit;background:transparent;border:1px solid #faf3e250;padding:8px 14px;border-radius:30px;cursor:pointer}
.production-video-dialog video{display:block;width:min(420px,calc(100vw - 68px));max-height:calc(100svh - 126px);background:#111;aspect-ratio:9/16}
.production-video-error{max-width:380px;font-size:14px;line-height:1.5}
.production-video-error a{color:inherit}

@media(min-width:851px) and (max-width:1100px){
 .press-study{left:1%;width:24%}
 .press-copy,.press-footnote{right:0;width:29%}
 .press-copy>p:not(.story-lead),.press-steps p{font-size:12px}
 .press-steps h3{font-size:14px}.press-steps li{padding:12px 0}
 .press-film{left:1%;width:26%;gap:10px}.press-film>img{width:56px;height:90px}
 .press-film strong{font-size:14px}.press-play{width:28px;height:28px}
 .value-copy{left:2%;width:26%}
 .value-study{left:31%;width:21%}
 .value-facts{left:2%;width:50%;gap:18px 24px}
}
@media(max-width:850px){
 .press-board,.value-board{min-height:0}
 .press-study{position:static;grid-column:1;grid-row:2;align-self:center;width:auto}
 .press-study img{height:auto}
 .press-copy{position:static;grid-column:1/-1;grid-row:4;width:auto;max-width:none}
 .press-copy>p:not(.story-lead){font-size:14px}
 .press-film{position:static;grid-column:1/-1;grid-row:5;width:auto}
 .press-film>img{width:76px;height:100px}
 .press-footnote{position:static;grid-column:1/-1;grid-row:6;width:auto}
 .value-copy{position:static;grid-column:1;grid-row:2;width:auto;max-width:none;align-self:center}
 .value-copy>p:not(.story-lead){font-size:13px;line-height:1.65}
 .value-study{position:static;grid-column:1/-1;grid-row:4;width:min(100%,320px);justify-self:center}
 .value-study img{height:auto}
 .value-facts{position:static;grid-column:1/-1;grid-row:5;width:auto;grid-template-columns:1fr;gap:0}
 .value-facts li{padding:14px 0 0}
 .value-seeds{width:64px;right:2%;top:auto;bottom:8%}
 .press-seeds{width:60px;left:auto;right:4%;top:auto;bottom:6%}
}
@media(prefers-reduced-motion:reduce){
 .press-study,.press-copy,.press-film,.value-copy,.value-study,.value-facts{opacity:1}
 .press-play{transition:none}
}