.cumin-bloom{display:none}
/* One softly textured colour field ties the bottle and botanical layers together. */
.composition{background:transparent;border-radius:0}
.ingredient-art{position:absolute;inset:0;pointer-events:none;z-index:0}
.ingredient-art svg{width:100%;height:100%;overflow:visible}
.ingredient-art [data-ingredient]{transform-origin:300px 350px}
/* Стартовые значения на :root — дальше их каждый кадр переписывает first-screen.js.
   Объявлять их ниже по дереву нельзя: локальное объявление победит наследование. */
:root{--oil-ink:#806a38;--oil-wash:#b8943c;--oil-accent:#c9a24a}
.backdrop{position:absolute;inset:0;overflow:clip;z-index:-1;pointer-events:none}
.sun{display:block;top:48%;left:42%;width:82%;height:74%;aspect-ratio:auto;border-radius:36% 64% 51% 49% / 47% 45% 55% 53%;transform:translate(-50%,-50%);opacity:.82;overflow:hidden;pointer-events:none}
.sun::before,.sun::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.sun::before{background:radial-gradient(ellipse at 24% 22%,#fff9df8c,transparent 61%),radial-gradient(ellipse at 90% 88%,#74612e26,transparent 65%)}
.sun::after{opacity:.13;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h160v160H0z' filter='url(%23paper)' opacity='.6'/%3E%3C/svg%3E")}
.ingredient-art{bottom:11%;color:var(--oil-ink);overflow:clip}
.ingredient-art .botanical-plate{overflow:visible;stroke:currentColor;stroke-width:1.15;stroke-opacity:.88;stroke-linecap:round;stroke-linejoin:round}
.botanical-plate .plant-stem{stroke-width:1.4;stroke-opacity:.62}
/* Подмалёвок лежит отдельной группой со своим transform, поэтому сдвиг рисунка
   его не забирал и краска оставалась там, где цветка уже нет. Свойство translate
   применяется ДО transform, так что собственные координаты группы не трогаем. */
.botanical-plate .pigment{stroke:none;filter:url(#study-soft-pigment);translate:var(--plant-x) var(--plant-y)}
/* A readable botanical sprig beside the bottle, with a little overlap at its edge. */
.botanical-plate{--plant-scale:1.12;--plant-x:-4px;--plant-y:8px;--plant-angle:-4deg}
.plate-sunflower{--plant-x:-18px}
.plate-apricot,.plate-walnut{--plant-x:-16px}
.botanical-plate .botanical-sprig{transform:translate(var(--plant-x),var(--plant-y)) rotate(var(--plant-angle)) scale(var(--plant-scale));transform-origin:450px 350px;filter:saturate(1.16) drop-shadow(0 9px 7px #4c392218)}
@media(min-width:1600px){.botanical-plate{--plant-scale:1.25;--plant-y:12px}}
@media(max-width:850px){.botanical-plate{--plant-scale:1;--plant-y:8px}.plate-sunflower{--plant-x:-12px}.plate-apricot,.plate-walnut{--plant-x:-8px}}
.botanical-plate .seed-detail{stroke-width:1.3;filter:drop-shadow(2px 5px 3px #4c392222)}
@media(max-width:850px){
  .sun{left:47%;width:94%;height:74%}
  /* Keep complete seeds below the narrow description, without a fading mask. */
  .botanical-plate .seed-detail{transform:translate(30px,110px) scale(.8);transform-origin:160px 540px}
}
.hero{isolation:isolate}
.seed-field{position:absolute;inset:0 -20px;z-index:-1;overflow:clip;pointer-events:none}
.seed-layer{position:absolute;inset:0}
.ambient-seed{position:absolute;left:var(--seed-x);top:var(--seed-y);width:var(--seed-size);height:auto;transform:translate(-50%,-50%) rotate(var(--seed-angle));color:var(--oil-ink);stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.38}
.seed-1,.seed-4,.seed-8,.seed-13{opacity:.24}
@media(max-width:850px){
  .seed-field{inset:0 -16px}
  .ambient-seed{width:calc(var(--seed-size)*.8)}
  .seed-0{left:94%;top:4%}.seed-1{left:88%;top:7%}
  .seed-2{left:98%;top:14%}.seed-3{left:97%;top:24%}
  .seed-4{left:2%;top:38%}.seed-5{left:95%;top:43%}
  .seed-6{left:3%;top:59%}.seed-7{left:8%;top:75%}
  .seed-8{left:15%;top:78%}.seed-9{left:93%;top:77%}
  .seed-10,.seed-11,.seed-12,.seed-13,.seed-14,.seed-15{display:none}
}
.bottle-shadow{bottom:15%;opacity:.1;width:27%;left:38%}
@media(max-width:850px) and (min-width:701px){.ingredient-art{inset:0 -5% 16%}}
/* Телефон: рисунок и солнце живут в верхней половине сцены — в нижнюю полосу
   переехали подпись и переключатель, и фон не должен заходить под текст. */
@media(max-width:700px){
  .ingredient-art{inset:0 -5% var(--stage-foot)}
  .sun{left:50%;width:104%;height:78%}
  /* Тень остаётся под бутылкой: 15% от всей сцены увели бы её на текст. */
  .bottle-shadow{bottom:calc(var(--stage-foot) - 6px);left:36%;width:28%}
  /* Семена снова на своём месте: узкой колонки с описанием рядом больше нет. */
  .botanical-plate .seed-detail{transform:none}
}