/* PAGO SÌ / paper stocks. The material belongs to the page, not a UI panel. */
body.publication {
  --page-material:url('/assets/paper-grit.svg');
  --paper-colour:#fff;
  --paper-ink:#111;
  --paper-muted:#36332f;
  --paper-wash:rgba(255,255,255,.88);
  --pub-accent:#173e2a;
  --pub-surface:#641a2b;
  color:var(--paper-ink);
  background-color:var(--paper-colour);
  background-image:var(--page-material);
  background-position:center top;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
}
body.publication[data-material="newspaper"] {
  --page-material:url('/assets/paper-grit.svg');
  --paper-colour:#fff;
  --paper-wash:rgba(255,255,255,.64);
}
body.publication[data-material="kraft"] {
  --page-material:url('/assets/kraft-paper.png');
  --paper-colour:#b88d58;
  --paper-ink:#17110b;
  --paper-muted:#352715;
  --paper-wash:rgba(194,150,94,.78);
  --pub-surface:#47311f;
}
body.publication[data-material="fashion-1"] {
  --page-material:url('/assets/fashion-collage-01.png');
  --paper-colour:#fff;
  --paper-wash:rgba(255,255,255,.9);
}
body.publication[data-material="fashion-2"] {
  --page-material:url('/assets/fashion-collage-02.png');
  --paper-colour:#fff;
  --paper-wash:rgba(255,255,255,.92);
  --pub-surface:#173e2a;
}
body.publication[data-material="fashion-3"] {
  --page-material:url('/assets/fashion-collage-03.png');
  --paper-colour:#fff;
  --paper-wash:rgba(255,255,255,.92);
}
body.publication[data-material="photocopy"] {
  --page-material:url('/assets/paper-grit.svg');
  --paper-colour:#fff;
  --paper-wash:rgba(255,255,255,.79);
  --pub-surface:#181818;
}

/* Remove the screen-static layer from every internal sheet. */
body.publication::after,
.publication .signal-rip,
.publication .signal-rip::before,
.publication .signal-rip::after { display:none!important; content:none!important; animation:none!important; }
.publication .publication-main,
.publication .pub-cover,
.publication .article-cover,
.publication .pub-grid,
.publication .pub-letter-group,
.publication .pub-artist-grid,
.publication .article-layout,
.publication .article-related,
.publication .article-content,
.publication .article-section,
.publication .article-sources,
.publication .article-origin,
.publication .pub-tools,
.publication .pub-results,
.publication .pub-pagination {
  background-color:transparent;
  background-image:none!important;
  background-blend-mode:normal;
}
.publication .pub-cover::before,
.publication .article-cover::before {
  background-color:var(--pub-surface);
  background-image:none;
  background-blend-mode:normal;
  opacity:.13;
}
.publication .pub-cover::after { background-image:none; }
body.publication[data-material] .pub-cover,
body.publication[data-material] .article-cover,
body.publication[data-material] .pub-grid,
body.publication[data-material] .pub-letter-group,
body.publication[data-material] .article-related,
body.publication[data-material] .article-layout {
  background-color:transparent;
  background-image:none!important;
  background-blend-mode:normal;
}
.publication .pub-cover-image::after { background:none; opacity:0; }
.publication .pub-entry-image::after { background-image:none; }
.publication .pub-entry:nth-child(3n+1) .pub-entry-image::after {
  background-image:url('/assets/newsprint-rip-horizontal.png');
  background-blend-mode:normal;
  mix-blend-mode:normal;
  opacity:.95;
}
.publication .pub-newsprint { filter:contrast(1.08); mix-blend-mode:multiply; }
.publication .pub-standfirst {
  color:var(--paper-ink)!important;
  mix-blend-mode:normal!important;
  text-shadow:none;
  padding:.3em .45em .4em .12em;
  background-color:var(--paper-wash);
  background-image:none;
  box-shadow:none;
  border:0;
  border-radius:0;
  clip-path:polygon(0 0,100% 1%,99% 36%,100% 58%,98% 100%,1% 98%);
}
.publication .pub-breadcrumb,
.publication .pub-cover-meta,
.publication .pub-cover-meta .eyebrow,
.publication .pub-number,
.publication .pub-count,
.publication .pub-search,
.publication .pub-alphabet,
.publication .pub-entry,
.publication .pub-entry-read,
.publication .article-deck { color:var(--paper-ink); }
.publication .pub-cover .pub-title,
.publication.collection-page[data-section="collaborazione"] .pub-title,
.publication.article-page .pub-title { color:var(--bordeaux); }
.publication .pub-title-core { color:var(--bordeaux); mix-blend-mode:normal; }
.publication .pub-title-echo,
.publication[data-section="collaborazione"] .pub-title-echo {
  color:transparent;
  -webkit-text-stroke-color:var(--bordeaux);
  mix-blend-mode:multiply;
  opacity:.42;
}
.publication .pub-word,
.publication[data-section="collaborazione"] .pub-word { color:#173e2a; mix-blend-mode:multiply; }
.publication .pub-letter h2 { color:#173e2a; }
.publication .pub-letter::after { background:var(--paper-colour); }
.publication .pub-tools { border-top-color:var(--paper-ink); }
.publication .pub-search input {
  color:var(--paper-ink);
  background:transparent;
  border-bottom-color:var(--paper-ink);
  box-shadow:none;
  caret-color:var(--bordeaux);
}
.publication .pub-search input::placeholder { color:var(--paper-muted); }
.publication .pub-alphabet button { color:var(--paper-ink); }
.publication .pub-alphabet button:hover,
.publication .pub-alphabet button[aria-pressed="true"] { color:#fff; background:#173e2a; }
.publication .pub-alphabet button:disabled { opacity:.38; }
.publication .pub-results { color:var(--paper-muted); }
.publication .pub-entry-meta,
.publication .article-meta,
.publication .article-rail small { color:#173e2a; }
.publication .pub-entry h2,
.publication .article-related .pub-entry h2,
.publication .pub-grid>.pub-entry:nth-child(6n+1) h2 { color:var(--bordeaux); mix-blend-mode:normal; }
.publication .pub-entry h2 a:hover,
.publication .pub-pagination a:hover { color:#173e2a; }
.publication .pub-entry-description,
.publication .pub-artist-grid .pub-entry-description { color:var(--paper-ink); }
.publication .pub-entry-read { border-bottom-color:var(--paper-ink); }
.publication .pub-entry-image { background:transparent; }
.publication .pub-entry.image-placeholder .pub-entry-image { background:var(--bordeaux); }
.publication .pub-initial { color:#fff; }
.publication .pub-entry-image img { filter:saturate(.85) contrast(1.08); }
.publication .pub-entry-image:hover img { filter:none; }
.publication .pub-entry-number { color:#fff; mix-blend-mode:difference; }
.publication .pub-letter-group { border-top-color:rgba(17,17,17,.45); }
.publication .pub-pagination { color:var(--bordeaux); border-block-color:var(--paper-ink); }

/* Credits and sources remain part of the sheet, never on dark cards. */
.publication .article-content { padding:1.3rem 1.5rem 0; background-color:var(--paper-wash); }
.publication .article-section p,
.publication .article-section li,
.publication .article-section p:first-of-type::first-letter { color:var(--paper-ink); }
.publication .article-section h2 { color:var(--bordeaux); border-top-color:#173e2a; }
.publication .article-cover .pub-title::after { background:var(--paper-colour); }
.publication .article-rail,
.publication .article-rail a { color:var(--paper-muted); }
.publication .article-rail a:hover { color:var(--bordeaux); }
.publication .article-hero,
.publication .article-hero img,
.publication .article-figure { background-color:transparent; background-image:none; }
.publication .article-hero figcaption,
.publication .article-figure figcaption,
.publication .article-origin {
  color:var(--paper-muted);
  background-color:var(--paper-wash);
  background-image:none;
  mix-blend-mode:normal;
}
.publication .article-sources { border-top-color:var(--paper-ink); }
.publication .article-sources h2 { color:var(--bordeaux); }
.publication .article-sources li { color:var(--paper-ink); }
.publication .article-sources a,
.publication .article-content a,
.publication .article-origin a { color:var(--bordeaux); }
.publication .article-sources a:hover,
.publication .article-content a:hover { color:#173e2a; }
.publication .article-origin { border-top-color:rgba(17,17,17,.4); }
.publication .article-related { border-top:8px solid var(--paper-ink); }
.publication .article-related>.pub-entry { background:none; }
.publication footer { color:#fff; background:#050505 url('/assets/ink-grit.svg') repeat; border-top-color:#050505; }
.publication footer .footer-logo span { color:var(--green-bright); }
.publication .topbar,
.publication .mobile-menu { color:#fff; }
.publication a:focus-visible,
.publication button:focus-visible,
.publication input:focus-visible,
.publication summary:focus-visible { outline-color:var(--bordeaux); }
.publication .topbar a:focus-visible,
.publication .topbar button:focus-visible,
.publication .mobile-menu a:focus-visible { outline-color:var(--green-bright); }
.publication ::selection { background:var(--bordeaux); color:#fff; }

/* Each stock keeps its physical behaviour instead of sharing a static veil. */
.publication[data-material="newspaper"] .pub-cover::before {
  opacity:.19;
  background-color:#111;
  mask-image:url('/assets/newsprint-rip-vertical.png');
  mask-size:100% 100%;
  mask-repeat:no-repeat;
  clip-path:none;
}
.publication[data-material="newspaper"] .pub-cover-image img { filter:grayscale(1) contrast(1.2); }
.publication[data-material="newspaper"] .article-content { background-color:rgba(255,255,255,.68); }
.publication[data-material="kraft"] .pub-cover::before { opacity:.27; background-color:#47311f; }
.publication[data-material="kraft"] .pub-title-core,
.publication[data-material="kraft"] .article-cover .pub-title,
.publication[data-material="kraft"] .pub-entry h2 { color:#401322; }
.publication[data-material="kraft"] .pub-newsprint { opacity:.94; }
.publication[data-material^="fashion-"] .pub-entry-description { background:var(--paper-wash); padding:.25em .3em .35em .1em; }
.publication[data-material^="fashion-"] .pub-cover-image img { filter:contrast(1.15) saturate(.72); }
.publication[data-material^="fashion-"] .article-cover .pub-title { color:transparent; mix-blend-mode:normal; background:linear-gradient(90deg,#fff 0 39%,#111 39% 73%,#fff 73% 100%); background-clip:text; -webkit-background-clip:text; }
.publication[data-material^="fashion-"] .article-meta,
.publication[data-material^="fashion-"] .pub-breadcrumb { width:fit-content; max-width:calc(100% - 6vw); background:var(--paper-wash); padding:.45rem .6rem; margin-left:3vw; }
.publication[data-material^="fashion-"] .article-deck { background:var(--paper-wash); padding:.3em .4em .4em; }
.publication[data-material="fashion-2"] .pub-title-echo { left:-6vw; top:.43em; }
.publication[data-material="fashion-3"] .pub-cover::before { opacity:.2; }
.publication[data-material="photocopy"] .pub-cover-image img,
.publication[data-material="photocopy"] .pub-entry-image img { filter:grayscale(1) contrast(1.5); }
.publication[data-material="photocopy"] .pub-title-core,
.publication[data-material="photocopy"] .article-cover .pub-title { color:#111; }
.publication[data-material="photocopy"] .pub-cover::before { opacity:.22; background-color:#111; }

@media(max-width:600px) {
  body.publication {
    background-attachment:scroll;
    background-position:center top;
    background-size:100% auto;
    background-repeat:repeat-y;
  }
  .publication .pub-cover,
  .publication .article-cover { background-color:transparent; background-image:none!important; }
  .publication .pub-standfirst { padding:.4em .3em .45em .1em; background-color:var(--paper-wash); }
  .publication .article-content { width:100%; padding:1.25rem .65rem 0; }
  .publication .article-hero figcaption,
  .publication .article-figure figcaption { padding:.85rem 1rem; line-height:1.7; }
  .publication .article-figure { margin-left:-1.65rem; margin-right:-1.65rem; width:calc(100% + 3.3rem); }
  .publication .article-origin { padding:1rem .35rem; }
  .publication .pub-search input { font-size:1.65rem; }
  .publication .pub-alphabet button { min-width:34px; min-height:42px; }
  .publication .article-related { border-top-width:5px; }
  .publication[data-material^="fashion-"] .pub-entry-description { padding:.35em .3em; }
  .publication[data-material="kraft"] .article-content { background-color:rgba(194,150,94,.84); }
}