/* The Sleepwalker page, dressed like the game's "Evidence Board Noir"
   interface: night and leather behind, aged paper in front, typewriter
   text, red stamp nameplates, the yellow "While you were out" slip and
   polaroid portraits. Colours, fonts and the paper grain come straight
   from the game's www/css/casebook.css. Fonts are SIL OFL (licence files
   alongside them). */
@font-face{font-family:"TT2020 E";font-weight:400 700;font-display:swap;src:url("/assets/fonts/sleepwalker/tt2020e-regular.woff2") format("woff2")}
@font-face{font-family:"IM Fell English SC";font-weight:400;font-display:swap;src:url("/assets/fonts/sleepwalker/IMFellEnglishSC-400-latin.woff2") format("woff2")}
@font-face{font-family:"Caveat";font-weight:700;font-display:swap;src:url("/assets/fonts/sleepwalker/Caveat-700-latin.woff2") format("woff2")}

.theme-the-sleepwalker{
  --night:#0d0907; --leather:#2b1a12; --leather-hi:#3b2519;
  --paper:#e4d4b0; --paper-2:#d6c296; --paper-3:#efe4c8; --paper-edge:#b89c6a;
  --ink-sw:#2a1c13; --ink-2:#5a4432; --pen:#28305a; --stamp:#9b2a1f; --amber:#d99a3a; --slip:#f1df8e;
  --title:"IM Fell English SC",Georgia,serif; --type:"TT2020 E","Courier New",monospace; --hand:"Caveat","Comic Sans MS",cursive;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .25 0 0 0 0 .16 0 0 0 0 .08 0 0 0 .32 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --stain:radial-gradient(circle at 82% 14%,rgba(120,80,30,.14) 0 8%,transparent 9%),radial-gradient(ellipse at 10% 92%,rgba(110,70,30,.16),transparent 40%),radial-gradient(ellipse at 50% 50%,transparent 58%,rgba(90,55,20,.24));
  background:var(--night) var(--grain);color:var(--paper-3);
}
.theme-the-sleepwalker .site-head{background:var(--leather) var(--grain);border-color:#000;color:var(--paper-3)}
.theme-the-sleepwalker .site-head .brand span i{color:#a88a64}
.theme-the-sleepwalker .site-nav a{font-family:var(--type);font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.theme-the-sleepwalker .site-nav a:hover,.theme-the-sleepwalker .site-nav a[aria-current="page"]{border-color:var(--amber)}

/* Hero: the cover on the evidence board, the title card beside it */
.theme-the-sleepwalker .g-hero{background:radial-gradient(ellipse at 70% 40%,rgba(217,154,58,.12),transparent 60%),var(--night) var(--grain);border-color:#000;color:var(--paper-3)}
.theme-the-sleepwalker .crumbs{font-family:var(--type);font-size:13px;letter-spacing:.06em;color:#a88a64}
.theme-the-sleepwalker .g-kicker{display:inline-block;font-family:var(--type);font-size:12px;letter-spacing:.16em;color:var(--amber);opacity:1;
  border-bottom:2px solid var(--stamp);padding-bottom:6px}
.theme-the-sleepwalker .g-hero h1{font-family:var(--title);font-weight:400;font-size:clamp(46px,6vw,84px);letter-spacing:0;line-height:.95}
.theme-the-sleepwalker .title img{border-radius:18%;border:2px solid #000;box-shadow:0 8px 18px rgba(0,0,0,.6)}
.theme-the-sleepwalker .g-hero .lede{font-family:var(--type);font-size:17px;line-height:1.6;color:var(--ink-sw);
  background:var(--paper) var(--grain);background-image:var(--grain),var(--stain);padding:18px 20px;transform:rotate(-.8deg);
  box-shadow:0 14px 28px rgba(0,0,0,.6);max-width:44ch}
.theme-the-sleepwalker .g-hero .cover{border-radius:2px;border:0;padding:10px 10px 34px;background:var(--paper-3) var(--grain);
  transform:rotate(1.4deg);box-shadow:0 26px 50px rgba(0,0,0,.75)}
.theme-the-sleepwalker .soon-note{font-family:var(--type)}

/* Panels: sheets of paper on the desk */
.theme-the-sleepwalker .g-body{background:var(--leather) var(--grain);border-bottom:1.5px solid #000}
.theme-the-sleepwalker .g-panel{background-color:var(--paper);background-image:var(--grain),var(--stain);color:var(--ink-sw);
  border:0;border-radius:2px;box-shadow:0 18px 36px rgba(0,0,0,.55);font-family:var(--type);font-size:16px;line-height:1.65}
.theme-the-sleepwalker .g-about{transform:rotate(-.4deg)}
.theme-the-sleepwalker .g-panel h2{display:inline-block;font-family:var(--type);font-weight:400;font-size:14px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--stamp);border:2.5px solid currentColor;padding:4px 12px 3px;transform:rotate(-2.5deg);mix-blend-mode:multiply;margin-bottom:22px}
.theme-the-sleepwalker .g-facts{background-color:var(--paper-3)}
.theme-the-sleepwalker .g-facts dl div{border-bottom:1px dashed var(--paper-edge)}
.theme-the-sleepwalker .g-facts dt{color:var(--ink-2);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.theme-the-sleepwalker .g-facts dd{font-family:var(--hand);font-weight:700;font-size:21px;line-height:1.1;color:var(--pen)}
.theme-the-sleepwalker .g-facts .more{color:var(--stamp)}
/* The message slip, as passed to Rowan in court */
.theme-the-sleepwalker .g-cost{background-color:var(--slip);transform:rotate(1.6deg)}
.theme-the-sleepwalker .g-cost h2{border:0;transform:none;padding:0 0 10px;letter-spacing:.3em;font-size:12px;width:100%;box-shadow:inset 0 -2px 0 var(--stamp)}

/* Gallery: polaroids pinned to the board */
.theme-the-sleepwalker .g-gallery{background:var(--night) var(--grain);padding-top:64px}
.theme-the-sleepwalker .g-gallery h2{font-family:var(--title);font-weight:400;font-size:clamp(34px,4vw,52px);letter-spacing:0;color:var(--paper-3)}
.theme-the-sleepwalker .shots-grid{gap:28px 22px}
.theme-the-sleepwalker .shots-grid figure{background:var(--paper-3) var(--grain);padding:8px 8px 12px;box-shadow:0 14px 28px rgba(0,0,0,.7)}
.theme-the-sleepwalker .shots-grid figure:nth-child(odd){transform:rotate(-1.6deg)}
.theme-the-sleepwalker .shots-grid figure:nth-child(even){transform:rotate(1.4deg)}
.theme-the-sleepwalker .shot-btn img{border:0;border-radius:0}
.theme-the-sleepwalker .shots-grid figcaption{font-family:var(--hand);font-weight:700;font-size:17px;line-height:1.15;color:var(--ink-sw);opacity:1}
.theme-the-sleepwalker .lb-cap{font-family:var(--type)}

.theme-the-sleepwalker .others{background:var(--night) var(--grain);border-color:#000}
.theme-the-sleepwalker .others h2{font-family:var(--title);font-weight:400;letter-spacing:0;color:var(--paper-3)}
.theme-the-sleepwalker .others a{background:var(--paper-3) var(--grain);border-color:#000;color:var(--ink-sw);font-family:var(--type);font-weight:400;font-size:15px}
.theme-the-sleepwalker .others a:hover{background:var(--slip)}
.theme-the-sleepwalker .others small{color:var(--ink-2)}
.theme-the-sleepwalker .site-foot{background:var(--leather) var(--grain);color:var(--paper-3);border-color:#000}
.theme-the-sleepwalker .site-foot .muted,.theme-the-sleepwalker .site-foot .legal{color:#a88a64}

/* Loading screen in the game's colours */
.theme-the-sleepwalker .loader{--loader-bg:var(--night);--loader-ink:var(--paper-3);--loader-line:var(--paper-edge);--loader-track:var(--leather);--loader-fill:var(--stamp);background-image:var(--grain)}
.theme-the-sleepwalker .loader-row{font-family:var(--type);font-weight:400}