﻿
:root {
  --forest-900: #1a1a1a;   
  --forest-800: #333333;   
  --line-dark: #444444;
  --ink: #1a1a1a;          
  --muted-ink: #555555;
}

.il-logo > span { background-image: url('/logo-ink.svg') !important; }


.season-band { background: var(--forest-900); color: var(--cream); padding: var(--section) 0; }
.season-grid { display: grid; gap: var(--s6); align-items: center; }
.season-copy .eyebrow { color: var(--gold); }
.season-copy h2 { color: var(--cream); margin: var(--s3) 0 var(--s4); }
.season-lead { color: var(--cream-muted); font-size: var(--fs-2); line-height: 1.5; margin: 0 0 var(--s6); max-width: 30rem; }
.season-photo { margin: 0; }
.season-photo img { display: block; width: 100%; height: auto; border-radius: var(--radius); }
.season-photo figcaption { margin-top: var(--s2); font-size: var(--t-xs); color: var(--cream-muted); }
@media (min-width: 64rem) { .season-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr); gap: var(--s8); } }


.frunze-pagina { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; } 
.fp-frunza { position: absolute; top: 0; aspect-ratio: 1; opacity: 0; animation: fp-cade var(--d) linear forwards; }
.fp-i { width: 100%; height: 100%; background: center / contain no-repeat; animation: fp-legana calc(var(--d) / 3) ease-in-out 3 alternate; }
@keyframes fp-cade {
  0% { opacity: 0; transform: translate(0, -60px) rotate(0deg); }
  8% { opacity: 0.85; } 88% { opacity: 0.85; }
  100% { opacity: 0; transform: translate(var(--dx), calc(100vh + 40px)) rotate(var(--r)); }
}
@keyframes fp-legana { from { transform: translateX(-20px) rotate(-16deg); } to { transform: translateX(20px) rotate(16deg); } }
@media (prefers-reduced-motion: reduce) { .frunze-pagina { display: none; } }



.fp-pauza { position: fixed; left: 12px; bottom: 12px; z-index: 40; font: inherit; font-size: var(--t-xs); padding: 6px 12px; min-height: 32px;
  background: rgb(26 26 26 / 0.85); color: var(--cream); border: 1px solid rgb(245 240 230 / 0.5); border-radius: var(--radius); cursor: pointer; }
.fp-pauza:hover { background: #1a1a1a; text-decoration: underline; }
.fp-pauza:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .fp-pauza { display: none; } }
html.fara-miscare .hs-lumina { animation: none !important; }

.season-band { --focus: var(--cream); }



.deco-granita { position: absolute; top: -58px; width: 144px; height: 116px;
  background: center / contain no-repeat; z-index: 1; pointer-events: none; opacity: 0; transition: opacity 0.9s ease, transform 0.9s ease; }
.deco-granita.stanga { left: max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter))); transform: rotate(6deg); }
.deco-granita.dreapta { right: max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter))); transform: rotate(-6deg); }
.deco-granita.stanga.vazut { opacity: 1; transform: rotate(3deg); }
.deco-granita.dreapta.vazut { opacity: 1; transform: rotate(-3deg); }
@media (prefers-reduced-motion: reduce) { .deco-granita { opacity: 1; transition: none; } }
@media (max-width: 63.999rem) { .deco-granita { display: none; } }

