/* Base comune delle bozze delle pagine interne: testata, menu, piè di pagina, colori */
:root{
  --carta:#efe5d3; --carta-2:#e7dbc5; --foglio:#f8f2e6; --inchiostro:#1c1a17; --penna:#22306a;
  --penombra:#14110e; --notte:#1b2559; --magenta:#d4146f; --oro:#c9a46a; --seppia:#5a4c3a; --avorio:#fffaf2;
  --margine:clamp(16px,6vw,96px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--carta);color:var(--inchiostro);font-family:"EB Garamond",Georgia,serif;font-size:19px;line-height:1.55;overflow-x:hidden}
a{color:inherit}
.grana{background:
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .42  0 0 0 0 .3  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
  linear-gradient(var(--carta),var(--carta-2))}

/* testata: chiara sulla carta, scura sui fondi notte */
.testa{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:24px;
  padding:16px clamp(16px,4vw,48px);color:var(--inchiostro);background:rgba(239,229,211,.94);backdrop-filter:blur(8px);
  box-shadow:0 1px 0 rgba(28,26,23,.08);transition:background .5s,color .5s,box-shadow .5s}
.testa.scura{color:var(--avorio);background:linear-gradient(rgba(12,14,36,.7),rgba(12,14,36,0));box-shadow:none}
.marchio{display:block;line-height:0}
.marchio img{height:clamp(44px,5vw,58px);width:auto}
.marchio .su-scuro,.testa.scura .marchio .su-chiaro{display:none}
.testa.scura .marchio .su-scuro{display:block}
.voci{display:flex;gap:clamp(18px,2.4vw,34px);list-style:none;font-size:19px}
.voci a{text-decoration:none;padding:6px 0;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s}
.voci a:hover,.voci a:focus-visible,.voci a[aria-current]{background-size:100% 1px}
.voci .scrivimi{font-style:italic;color:var(--magenta)}
.testa.scura .voci .scrivimi{color:#ff9cc8}
.apri{display:none;background:none;border:0;color:inherit;font:italic 20px "EB Garamond",serif;padding:8px 0;cursor:pointer}
.tenda{position:fixed;inset:0;z-index:20;background:var(--penombra);color:var(--avorio);display:flex;flex-direction:column;justify-content:center;padding:0 24px;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.tenda.aperta{opacity:1;visibility:visible}
.tenda a{font-size:40px;line-height:1.35;text-decoration:none}
.tenda a.scrivimi{font-style:italic;color:#ff9cc8}
.tenda button{position:absolute;top:20px;right:16px;background:none;border:0;color:inherit;font:italic 20px "EB Garamond",serif}
@media (max-width:820px){ .voci{display:none} .apri{display:block} }

.occhiello{font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:#8a7458}
.scuro .occhiello{color:#b9b3d6}

/* la notte di Chagall in fondo a ogni pagina */
.notte{background:var(--notte);color:#f1eadf;padding:clamp(56px,7vw,96px) clamp(16px,6vw,96px) clamp(20px,3vw,36px);position:relative;overflow:hidden}
  .notte p{font-size:clamp(26px,3.2vw,44px);line-height:1.12;max-width:22ch;position:relative}
  .notte p em{color:#ff8fbf}
  .notte a.scrivi{position:relative;display:inline-block;font-size:21px;font-style:italic;text-decoration:none;border-bottom:1px solid #f1eadf;padding-bottom:4px;white-space:nowrap}
  .notte .vie{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:22px}
  .notte a.scrivi.wa{font-style:normal;border:0;padding:10px 22px;border-radius:99px;background:#d4146f;color:#fff;box-shadow:0 10px 24px rgba(212,20,111,.35)}
.stella{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff6d8;opacity:0;animation:brilla 6s ease-in-out infinite;pointer-events:none}
@keyframes brilla{0%,100%{opacity:.05}50%{opacity:.9}}

.nota{background:#0b0f26;color:#8f96c0;font-size:13.5px;padding:12px var(--margine);font-style:italic}

@media (prefers-reduced-motion:reduce){ .stella{animation:none;opacity:.6} }