/* Desk and paper look shared by the document pages (same as the landing). */
:root{
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .26 0 0 0 0 .14 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}
body{
  background-color:#C9A85C;
  background-image:
    url("desk-pattern.svg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .1 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(180deg,#CFAF63 0%,var(--folder) 40%,#C4A355 100%);
  background-size:520px 520px,240px 240px,auto;
}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 75% 65% at 50% 40%,rgba(255,240,200,.18),transparent 60%),
             radial-gradient(ellipse 120% 100% at 50% 50%,transparent 55%,rgba(70,45,5,.28))}
.sheet{background-color:#EEEDE8;background-image:var(--grain);position:relative;transform:rotate(-.25deg)}
@media (max-width:860px){.sheet{transform:none}}