/* WorkKing — base comune: caratteri, colori, carta */
@font-face{font-family:"Cormorant";src:url(/assets/fonts/cormorant-garamond-latin-300-normal.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(/assets/fonts/cormorant-garamond-latin-300-italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant";src:url(/assets/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url(/assets/fonts/manrope-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}

:root{
  --avorio:#F6F1E7;
  --avorio-2:#EFE7D8;
  --inchiostro:#15120E;
  --grigio:#6E665B;
  --oro:#D9A266;
  --oro-chiaro:#E9BC80;
  --oro-scuro:#9A6B34;
  --serif:"Cormorant","Cormorant Garamond",Garamond,"Times New Roman",serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --curva:cubic-bezier(.2,.7,.1,1);
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--avorio);color:var(--inchiostro)}
body{background:var(--avorio);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
::selection{background:var(--oro-chiaro);color:var(--inchiostro)}
:focus-visible{outline:1px solid var(--oro-scuro);outline-offset:6px}

/* luce morbida e grana della carta */
.luce{position:fixed;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 38%,#FBF8F1 0%,var(--avorio) 55%,var(--avorio-2) 100%)}
.grana{position:fixed;inset:-50%;pointer-events:none;opacity:.07;mix-blend-mode:multiply;z-index:20;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.etichetta{font:500 10px/1.4 var(--sans);letter-spacing:.38em;text-transform:uppercase;color:var(--grigio)}
.solo-lettori{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}