@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=Special+Elite&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');

:root{
  --cream:#F3EBD8; --paper:#EFE5CC; --ink:#111; --fade:#5a5246; --rule:#2a2a2a; --stamp:#9b1c1c;
  --type:'Courier Prime','Special Elite','Courier New',Courier,monospace;
  --serif:'Libre Caslon Text',Georgia,'Times New Roman',serif;
}
html,body{background:#E6DCC4;margin:0;}
body{color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.6;-webkit-font-smoothing:antialiased;}
/* photocopy grain: faint noise + toner speckle */
.sheet{max-width:760px;margin:28px auto;background:var(--cream);padding:46px 58px 54px;position:relative;
  box-shadow:0 1px 0 #cbbf9f,0 10px 30px rgba(60,45,20,.18);
  background-image:
   radial-gradient(rgba(0,0,0,.05) 1px,transparent 1.2px),
   radial-gradient(rgba(0,0,0,.035) 1px,transparent 1.4px),
   linear-gradient(180deg,rgba(255,255,255,.25),rgba(0,0,0,.03));
  background-size:7px 7px,13px 13px,100% 100%;background-position:0 0,3px 5px,0 0;}
.sheet::before{content:"";position:absolute;inset:14px;border:1px solid rgba(0,0,0,.18);pointer-events:none;}
.sheet + .sheet{margin-top:-6px}
/* file-tab header */
.filebar{display:flex;justify-content:space-between;font-family:var(--type);font-size:12px;letter-spacing:.18em;color:var(--fade);text-transform:uppercase;border-bottom:2px solid var(--rule);padding-bottom:8px;margin-bottom:22px;}
.masthead{font-family:var(--serif);font-weight:700;letter-spacing:.12em;text-align:center;font-size:44px;margin:4px 0 0;}
.tagline{font-family:var(--type);text-align:center;letter-spacing:.2em;font-size:12px;text-transform:uppercase;margin:4px 0 26px;}
/* headlines */
h1,.h1{font-family:var(--serif);font-weight:700;font-size:40px;line-height:1.15;margin:8px 0 14px;text-align:center;}
h2,.h2{font-family:var(--type);font-weight:700;font-size:20px;letter-spacing:.06em;text-transform:uppercase;margin:34px 0 10px;border-top:1px dashed var(--rule);padding-top:18px;}
.deck{font-family:var(--serif);font-style:italic;font-size:22px;text-align:center;margin:0 0 22px;color:#222;}
.typed{font-family:var(--type);font-size:17px;}
p{margin:0 0 16px;}
/* rubber stamp */
.stamp{display:inline-block;font-family:var(--type);font-weight:700;color:var(--stamp);border:3px double var(--stamp);padding:4px 12px;letter-spacing:.15em;transform:rotate(-4deg);opacity:.85;text-transform:uppercase;}
/* typed evidence quote */
blockquote,.quote{margin:18px 0 22px;padding:14px 20px;border-left:4px solid var(--ink);background:rgba(0,0,0,.035);font-style:italic;}
.quote cite,blockquote cite{display:block;font-family:var(--type);font-style:normal;font-size:13px;color:var(--fade);margin-top:8px;}
/* taped-in photo / video box */
.exhibit{border:1px solid #444;background:#ddd2b8;padding:10px;margin:18px auto 8px;position:relative;filter:grayscale(1) contrast(1.15);}
.exhibit .ph{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--type);font-size:14px;color:#333;background:repeating-linear-gradient(45deg,#d3c7ab 0 10px,#c9bb9c 10px 20px);}
.exhibit::before,.exhibit::after{content:"";position:absolute;width:90px;height:24px;background:rgba(240,230,200,.75);border:1px solid rgba(0,0,0,.08);top:-10px;}
.exhibit::before{left:-18px;transform:rotate(-28deg)} .exhibit::after{right:-18px;transform:rotate(26deg)}
.caption{font-family:var(--type);font-size:12px;text-align:center;color:var(--fade);margin-bottom:20px;}
/* contents list like a typed index card */
.index{font-family:var(--type);font-size:16px;border:1px solid var(--rule);padding:16px 20px;background:var(--paper);}
.index li{margin:4px 0} .index ol{margin:0;padding-left:22px}
ul.ticks{list-style:none;padding-left:0} ul.ticks li{padding-left:28px;position:relative;margin:8px 0}
ul.ticks li::before{content:"\2610";position:absolute;left:0;font-family:var(--type);}
/* order form shell */
.orderform{border:2px solid var(--ink);background:#fbf6ea;padding:22px 24px;margin:26px 0;}
.orderform .step{font-family:var(--type);font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:6px;margin-bottom:14px;}
.field{display:block;font-family:var(--type);font-size:14px;margin:0 0 10px;}
.field span{display:block;margin-bottom:3px}
.field i{display:block;border:1px solid #777;background:#fff;height:38px;}
.bump{border:2px dashed var(--ink);background:#fff8de;padding:14px 16px;margin:16px 0;font-family:var(--serif);}
.bump b{font-family:var(--type);}
/* buttons */
.btn,.btn-dossier,.btn-dossier .main-heading-button{display:block;width:100%;box-sizing:border-box;text-align:center;font-family:var(--type)!important;font-weight:700;font-size:20px;letter-spacing:.06em;background:var(--ink)!important;color:var(--cream)!important;border:2px solid var(--ink)!important;border-radius:0!important;padding:16px 18px;text-decoration:none;box-shadow:4px 4px 0 rgba(0,0,0,.25);}
.btn small{display:block;font-size:13px;font-weight:400;letter-spacing:.02em;margin-top:4px}
.btn.secondary{background:transparent!important;color:var(--ink)!important;box-shadow:none;font-size:15px;font-weight:400;text-decoration:underline;border:none!important}
.fine{font-family:var(--type);font-size:13px;color:var(--fade);}
.sig{font-family:var(--type);font-size:18px;margin-top:24px}
.ps{font-family:var(--type);font-size:16px;margin-top:20px}
.center{text-align:center}
.price{font-family:var(--type);font-size:26px;font-weight:700}
.strike{text-decoration:line-through;color:var(--fade)}
@media (max-width:640px){ .sheet{padding:30px 22px;margin:0} h1{font-size:30px} .masthead{font-size:32px} body{font-size:18px} }

/* Masthead sized for the name 'Bellboy Press' */
.masthead{font-size:46px;letter-spacing:.12em;}
@media (max-width:640px){ .masthead{font-size:30px;letter-spacing:.08em;} }
.sheet ul{padding-left:24px} .sheet li{margin:6px 0}
.sheet a{color:#111;text-decoration:underline}
.backlink{font-family:var(--type);font-size:14px;margin:0 0 18px}
.shortver{border:2px solid var(--ink);background:#fbf6ea;padding:16px 22px;margin:8px 0 24px}
.shortver p{margin:0 0 8px} .shortver ul{margin:0}

/* fallback-site additions */
a.btn{cursor:pointer}
.sheet a.btn{text-decoration:none}
.sheet a.btn.secondary{text-decoration:underline}
.btn + .btn{margin-top:14px}
.orderform .fine{margin:12px 0 0}
.notlive{display:none;font-family:var(--type);font-size:13px;color:var(--stamp);margin-top:10px;text-align:center}
.notlive.show{display:block}
.bbp-legal-footer{max-width:760px;margin:10px auto 34px;padding:0 20px;text-align:center;font-family:'Courier Prime','Courier New',Courier,monospace;font-size:13px;line-height:1.6;color:#5a5246;}
.bbp-legal-footer a{color:#5a5246;text-decoration:underline;}
.portal{display:none}
.portal.show{display:block}