html,body{margin:0;background:#000;color:#e9e4dc;font:400 12px/1.4 ui-monospace,Menlo,monospace}
  #scena{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:pan-y}
  .pista{height:900vh}
  .eticheta{position:fixed;left:24px;bottom:22px;letter-spacing:.2em;text-transform:uppercase;opacity:.55;pointer-events:none}
  .indiciu{position:fixed;right:24px;bottom:22px;letter-spacing:.2em;text-transform:uppercase;opacity:.4;pointer-events:none}
  .meniu{position:fixed;top:0;left:0;right:0;height:96px;z-index:2;pointer-events:none}
  .meniu button{position:absolute;display:block;pointer-events:auto;color:transparent;background:transparent;border:0;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;border-radius:2px}
  .meniu button:focus-visible{box-shadow:0 0 0 1px rgba(255,90,60,.6)}
  @media (max-width:640px){.indiciu{display:none}.eticheta{right:24px}}
  .lot{position:fixed;left:48px;top:50%;transform:translateY(-46%);z-index:2;width:250px;color:#e9c9c0;opacity:0;transition:opacity 1.2s 1.6s}
  .lot.vizibil{opacity:1}
  .lot-k{margin:0 0 14px;font:500 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.28em;text-transform:uppercase;color:var(--acc);transition:color .9s}
  .lot>*{transition:opacity .38s}.lot.schimb>*{opacity:0}
  .lot-n{margin:0;font:400 34px/1.05 Helvetica,Arial,sans-serif;letter-spacing:-.01em;color:#f4e9e4;text-wrap:balance}
  .lot-t{margin:8px 0 26px;font:400 12px/1.4 Helvetica,Arial,sans-serif;color:#b8968d}
  .lot-d{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid rgba(255,58,38,.28)}
  .lot-d li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,58,38,.28);font:400 11px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
  .lot-d span{color:#9a7a72}.lot-d b{font-weight:500;color:#f4e9e4;white-space:nowrap}
  .comanda{display:block;width:250px;height:48px;margin:0;padding:0;border:0;background:transparent;color:transparent;font:inherit;cursor:pointer;outline:none}
  .comanda:focus-visible{box-shadow:0 0 0 1px rgba(255,90,60,.6)}
  .lot-f{margin:16px 0 0;font:400 11px/1.5 Helvetica,Arial,sans-serif;color:#9a7a72}
  @media (max-width:900px){.lot{left:24px;right:24px;top:auto;bottom:72px;transform:none;width:auto}.lot-n{font-size:26px}.lot-d,.lot-t,.lot-f{display:none}.comanda{width:100%}}
  :root{--acc:#ff1a0d}
  body,.lot,.eticheta,.indiciu{transition:color .9s}
  .lot{color:var(--acc)}
  .lot-n{color:var(--acc)!important;transition:color .9s}
  .lot-t,.lot-f{color:color-mix(in srgb,var(--acc) 62%,transparent)!important;transition:color .9s}
  .lot-d{border-top-color:color-mix(in srgb,var(--acc) 30%,transparent)!important}
  .lot-d li{border-bottom-color:color-mix(in srgb,var(--acc) 30%,transparent)!important}
  .lot-d span{color:color-mix(in srgb,var(--acc) 58%,transparent)!important;transition:color .9s}
  .lot-d b{color:var(--acc)!important;transition:color .9s}
  .eticheta,.indiciu{color:var(--acc);transition:color .9s}
  html body .lot *, html body .lot-d, html body .eticheta, html body .indiciu, html body .slogan{color:transparent!important;border-color:transparent!important}   /* doar particulele se vad; textul ramane pentru cititoare si Google */
  .lot{opacity:1!important;transition:none}
  .slogan{position:fixed;left:40px;top:26px;height:42px;margin:0;display:flex;align-items:center;z-index:2;font:400 15px/1 Helvetica,Arial,sans-serif;letter-spacing:.01em;color:var(--acc);pointer-events:none}
  @media (max-width:640px){.slogan{left:16px;right:16px;top:64px;height:28px;font-size:13px;justify-content:center}}
  .slogan{color:transparent!important}

/* intro: butoane reale, transparente, peste desenul din particule */
.intro-play,.intro-sunet,.intro-next{position:fixed;z-index:3;background:transparent;border:0;color:transparent;cursor:pointer;padding:0;font:inherit;outline:none}
.intro-play:focus-visible,.intro-sunet:focus-visible,.intro-next:focus-visible{box-shadow:0 0 0 1px rgba(255,90,60,.6)}

/* panoul de sub meniu: textul real e transparent (pentru cititoare si Google); se vede doar din particule */
.panou{position:fixed;z-index:2;box-sizing:border-box;padding:24px 26px 26px;color:transparent;font:400 13px/1.6 Helvetica,Arial,sans-serif;pointer-events:none}
.panou h2{margin:0 0 14px;font:600 13px/1 Helvetica,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.panou p{margin:0 0 10px}
.panou ul{list-style:none;margin:6px 0 0;padding:0}
.panou li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font:400 11px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
.panou li span{white-space:nowrap}.panou li b{font-weight:500;text-align:right}
.panou:not([hidden]){pointer-events:auto}

/* 25 oct: scrisul mic o idee mai mare, ca sa se distinga din particule */
.lot{width:272px}
.comanda{width:272px}
.lot-k{font-size:11.5px}
.lot-t{font-size:13.5px}
.lot-d li{font-size:12.5px}
.lot-f{font-size:13px}
.eticheta,.indiciu{font-size:13px}
.panou{font-size:14px}
.panou li{font-size:12.5px}
@media (max-width:900px){.lot{width:auto}.comanda{width:100%}}
.panou .poveste{margin:16px 0 0}

/* inregistrarea la batch: campul de email are textul vizibil (in culoarea anotimpului); conturul e din particule */
.inscriere{margin:0}
.email{display:block;box-sizing:border-box;width:272px;height:44px;margin:0 0 10px;padding:0 14px;border:0;background:transparent;outline:none;font:400 13px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;caret-color:var(--acc)}
html body .lot .email{color:transparent!important}
html body .lot .email::placeholder{color:transparent!important}
.email:focus-visible{box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 60%,transparent)}
@media (max-width:900px){.email{width:100%}}

/* paginatia din dreapta: 4 cercuri din particule; butoanele reale sunt transparente peste ele */
.pagini{position:fixed;z-index:3;right:0;top:0;width:0;height:0}
.pagini button{position:fixed;width:26px;height:26px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;outline:none;border-radius:50%}
.pagini button:focus-visible{box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 60%,transparent)}

/* semnatura: jos, pe mijloc, din particule (textul real e transparent, linkul ramane) */
.credit{position:fixed;left:50%;bottom:35px;transform:translateX(-50%);z-index:3;font:400 13px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;text-decoration:none}
html body .credit{color:transparent!important}
@media (max-width:640px){.credit{bottom:46px;font-size:11px}}

/* in intro campul de email nu se vede; apare pe parfum */
body:not(.pe-parfum) .inscriere{visibility:hidden}

/* colectia completa: text real pentru cititoare si motoare (pe ecran aceleasi informatii vin din particule) */
.colectie{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:normal;border:0}