JL Kruger
5422131782
Homepage (site/index.html): integration-v14 promoted, Writings section integrated with 33 pieces clustered by type (stories/essays/miscellany), Writings welcome lightbox, content frame at 98% opacity. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1028 lines
62 KiB
HTML
1028 lines
62 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>The Gladstone Gig — Annotated</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;600;700&family=DM+Serif+Display:ital@0;1&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap" rel="stylesheet">
|
||
<style>
|
||
/* ===== CUSTOM PROPERTIES ===== */
|
||
:root {
|
||
--bg: #08090D;
|
||
--bg2: #0F1118;
|
||
--bg3: #161A24;
|
||
--bg4: #1C2030;
|
||
--text: #DDD8CC;
|
||
--text-mid:#B0A898;
|
||
--text-dim: #70685A;
|
||
--border: #252A36;
|
||
--border2: #303545;
|
||
|
||
--red: #C03030;
|
||
--red-mid: #D84848;
|
||
--red-glow: rgba(192, 48, 48, 0.18);
|
||
--red-deep: rgba(192, 48, 48, 0.10);
|
||
|
||
--teal: #00B8A0;
|
||
--teal-mid: #20D4BC;
|
||
--teal-glow:rgba(0, 184, 160, 0.18);
|
||
--teal-deep:rgba(0, 184, 160, 0.10);
|
||
|
||
--gold: #C8920A;
|
||
--gold-mid: #E8AF20;
|
||
--gold-glow:rgba(200, 146, 10, 0.18);
|
||
--gold-deep:rgba(200, 146, 10, 0.10);
|
||
|
||
--chrome: #8090A8;
|
||
--shadow: rgba(0,0,0,0.6);
|
||
}
|
||
|
||
/* ===== RESET & BASE ===== */
|
||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||
|
||
body {
|
||
font-family: 'Source Serif 4', Georgia, serif;
|
||
background-color: var(--bg);
|
||
color: var(--text);
|
||
line-height: 1.78;
|
||
font-size: 17px;
|
||
background-image:
|
||
radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);
|
||
background-size: 28px 28px;
|
||
}
|
||
|
||
/* ===== HEADER ===== */
|
||
header {
|
||
position: relative;
|
||
padding: 60px 24px 52px;
|
||
text-align: center;
|
||
background: linear-gradient(180deg, #0F1220 0%, var(--bg) 100%);
|
||
border-bottom: 1px solid var(--border2);
|
||
overflow: hidden;
|
||
}
|
||
|
||
header::before {
|
||
content: '';
|
||
position: absolute;
|
||
inset: 0;
|
||
background:
|
||
linear-gradient(90deg, transparent 0%, rgba(200,146,10,0.06) 50%, transparent 100%);
|
||
pointer-events: none;
|
||
}
|
||
|
||
.header-rule {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 14px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.header-rule::before,
|
||
.header-rule::after {
|
||
content: '';
|
||
flex: 1;
|
||
max-width: 140px;
|
||
height: 1px;
|
||
background: linear-gradient(90deg, transparent, var(--gold-mid));
|
||
}
|
||
.header-rule::after {
|
||
background: linear-gradient(90deg, var(--gold-mid), transparent);
|
||
}
|
||
.header-diamond {
|
||
color: var(--gold-mid);
|
||
font-size: 0.65rem;
|
||
letter-spacing: 6px;
|
||
}
|
||
|
||
.site-title {
|
||
font-family: 'Bebas Neue', sans-serif;
|
||
font-size: 5.5rem;
|
||
line-height: 0.9;
|
||
letter-spacing: 4px;
|
||
color: var(--text);
|
||
text-shadow:
|
||
0 0 60px rgba(200,146,10,0.25),
|
||
0 2px 0 rgba(0,0,0,0.8);
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.site-sub {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.72rem;
|
||
font-weight: 400;
|
||
letter-spacing: 6px;
|
||
text-transform: uppercase;
|
||
color: var(--text-dim);
|
||
}
|
||
|
||
.header-rule-bottom {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 14px;
|
||
margin-top: 20px;
|
||
}
|
||
.header-rule-bottom::before,
|
||
.header-rule-bottom::after {
|
||
content: '';
|
||
flex: 1;
|
||
max-width: 140px;
|
||
height: 1px;
|
||
background: linear-gradient(90deg, transparent, var(--border2));
|
||
}
|
||
.header-rule-bottom::after {
|
||
background: linear-gradient(90deg, var(--border2), transparent);
|
||
}
|
||
|
||
/* ===== NAV ===== */
|
||
nav {
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 100;
|
||
display: flex;
|
||
background: var(--bg2);
|
||
border-bottom: 1px solid var(--border2);
|
||
box-shadow: 0 4px 24px rgba(0,0,0,0.5);
|
||
overflow-x: auto;
|
||
}
|
||
|
||
nav button {
|
||
flex: 1;
|
||
padding: 16px 20px;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.78rem;
|
||
font-weight: 600;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: var(--text-dim);
|
||
background: transparent;
|
||
border: none;
|
||
border-right: 1px solid var(--border);
|
||
border-bottom: 2px solid transparent;
|
||
cursor: pointer;
|
||
transition: all 0.18s ease;
|
||
white-space: nowrap;
|
||
}
|
||
nav button:last-child { border-right: none; }
|
||
nav button:hover { color: var(--text-mid); background: var(--bg3); }
|
||
|
||
nav button.active.white { color: var(--text); border-bottom-color: var(--chrome); background: var(--bg3); }
|
||
nav button.active.red { color: var(--red-mid); border-bottom-color: var(--red); background: var(--bg3); }
|
||
nav button.active.teal { color: var(--teal-mid);border-bottom-color: var(--teal); background: var(--bg3); }
|
||
|
||
/* ===== MAIN / TABS ===== */
|
||
main {
|
||
max-width: 780px;
|
||
margin: 0 auto;
|
||
padding: 48px 24px 100px;
|
||
}
|
||
|
||
.tab { display: none; }
|
||
.tab.active { display: block; }
|
||
|
||
/* ===== PROSE ===== */
|
||
.prose p {
|
||
margin-bottom: 1.5em;
|
||
font-size: 1.05rem;
|
||
color: var(--text);
|
||
}
|
||
.prose p:last-child { margin-bottom: 0; }
|
||
|
||
/* ORDER block — text message */
|
||
.order-block {
|
||
margin: 2em auto;
|
||
max-width: 320px;
|
||
background: var(--bg3);
|
||
border: 1px solid var(--border2);
|
||
border-radius: 4px;
|
||
padding: 18px 28px;
|
||
text-align: center;
|
||
position: relative;
|
||
}
|
||
.order-block::before {
|
||
content: 'SMS';
|
||
position: absolute;
|
||
top: -9px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
background: var(--bg3);
|
||
padding: 0 10px;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.62rem;
|
||
letter-spacing: 3px;
|
||
color: var(--text-dim);
|
||
}
|
||
.order-text {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 1.1rem;
|
||
font-weight: 700;
|
||
letter-spacing: 3px;
|
||
color: var(--gold-mid);
|
||
}
|
||
|
||
/* Section break */
|
||
.section-break {
|
||
border: none;
|
||
margin: 40px 0;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 16px;
|
||
}
|
||
.section-break::before,
|
||
.section-break::after {
|
||
content: '';
|
||
flex: 1;
|
||
height: 1px;
|
||
background: var(--border2);
|
||
}
|
||
.section-break-mark {
|
||
color: var(--text-dim);
|
||
font-size: 0.6rem;
|
||
letter-spacing: 4px;
|
||
}
|
||
|
||
/* Author note */
|
||
.author-note {
|
||
font-family: 'Source Serif 4', Georgia, serif;
|
||
font-style: italic;
|
||
font-size: 0.9rem;
|
||
color: var(--text-dim);
|
||
text-align: right;
|
||
}
|
||
|
||
/* ===== DECODERS ===== */
|
||
.dc { display: inline; position: relative; }
|
||
|
||
.dc-btn {
|
||
font-family: 'Source Serif 4', Georgia, serif;
|
||
font-size: inherit;
|
||
line-height: inherit;
|
||
background: none;
|
||
border: none;
|
||
border-bottom: 1px dashed;
|
||
cursor: pointer;
|
||
padding: 0 1px;
|
||
transition: background 0.15s ease;
|
||
}
|
||
|
||
.dc-btn.red { color: var(--red-mid); border-color: var(--red); }
|
||
.dc-btn.teal { color: var(--teal-mid); border-color: var(--teal); }
|
||
.dc-btn.gold { color: var(--gold-mid); border-color: var(--gold); }
|
||
|
||
.dc-btn::after { content: ' ▾'; font-size: 0.7em; opacity: 0.6; }
|
||
.dc-btn.open::after { content: ' ▴'; }
|
||
|
||
.dc-btn.red:hover, .dc-btn.red.open { background: var(--red-deep); }
|
||
.dc-btn.teal:hover, .dc-btn.teal.open { background: var(--teal-deep); }
|
||
.dc-btn.gold:hover, .dc-btn.gold.open { background: var(--gold-deep); }
|
||
|
||
.dc-panel {
|
||
display: none;
|
||
position: absolute;
|
||
top: calc(100% + 8px);
|
||
left: 0;
|
||
z-index: 500;
|
||
width: 330px;
|
||
border-radius: 4px;
|
||
padding: 16px 18px 18px;
|
||
font-family: 'Source Serif 4', Georgia, serif;
|
||
font-size: 0.9rem;
|
||
line-height: 1.6;
|
||
box-shadow: 0 12px 40px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.04);
|
||
}
|
||
|
||
.dc-panel.red { background: #180C0C; border: 1px solid var(--red); border-top: 2px solid var(--red-mid); }
|
||
.dc-panel.teal { background: #091412; border: 1px solid var(--teal); border-top: 2px solid var(--teal-mid); }
|
||
.dc-panel.gold { background: #130E04; border: 1px solid var(--gold); border-top: 2px solid var(--gold-mid); }
|
||
|
||
.dc-panel.open { display: block; }
|
||
.dc-panel.flip { left: auto; right: 0; }
|
||
|
||
.d-tag {
|
||
display: block;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.64rem;
|
||
font-weight: 600;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
margin-bottom: 4px;
|
||
}
|
||
.d-tag.red { color: var(--red-mid); }
|
||
.d-tag.teal { color: var(--teal-mid); }
|
||
.d-tag.gold { color: var(--gold-mid); }
|
||
|
||
.d-head {
|
||
display: block;
|
||
font-family: 'DM Serif Display', Georgia, serif;
|
||
font-size: 1.08rem;
|
||
color: var(--text);
|
||
margin-bottom: 9px;
|
||
}
|
||
|
||
.d-link {
|
||
display: block;
|
||
margin-top: 11px;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.72rem;
|
||
font-weight: 600;
|
||
letter-spacing: 1px;
|
||
text-decoration: none;
|
||
}
|
||
.d-link.red { color: var(--red-mid); }
|
||
.d-link.teal { color: var(--teal-mid); }
|
||
.d-link.gold { color: var(--gold-mid); }
|
||
.d-link:hover { text-decoration: underline; }
|
||
|
||
/* ===== LIGHTBOX TRIGGER ===== */
|
||
.lb-t {
|
||
font-family: 'Source Serif 4', Georgia, serif;
|
||
font-size: inherit;
|
||
line-height: inherit;
|
||
background: none;
|
||
border: none;
|
||
border-bottom: 1px solid;
|
||
cursor: pointer;
|
||
padding: 0 1px;
|
||
transition: background 0.15s;
|
||
}
|
||
.lb-t.teal { color: var(--teal-mid); border-color: var(--teal); }
|
||
.lb-t.teal:hover { background: var(--teal-deep); }
|
||
.lb-t.gold { color: var(--gold-mid); border-color: var(--gold); }
|
||
.lb-t.gold:hover { background: var(--gold-deep); }
|
||
|
||
/* ===== LIGHTBOX ===== */
|
||
.lb-overlay {
|
||
display: none;
|
||
position: fixed;
|
||
inset: 0;
|
||
z-index: 2000;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 20px;
|
||
background: rgba(0,0,0,0.78);
|
||
backdrop-filter: blur(4px);
|
||
}
|
||
.lb-overlay.open { display: flex; }
|
||
|
||
.lb-box {
|
||
background: var(--bg2);
|
||
border-radius: 4px;
|
||
max-width: 640px;
|
||
width: 100%;
|
||
max-height: 88vh;
|
||
overflow-y: auto;
|
||
box-shadow: 0 24px 80px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,255,255,0.05);
|
||
}
|
||
.lb-box.teal { border-top: 3px solid var(--teal); }
|
||
.lb-box.gold { border-top: 3px solid var(--gold-mid); }
|
||
|
||
.lb-head {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
justify-content: space-between;
|
||
padding: 24px 28px 18px;
|
||
border-bottom: 1px solid var(--border2);
|
||
position: sticky;
|
||
top: 0;
|
||
background: var(--bg2);
|
||
border-radius: 4px 4px 0 0;
|
||
}
|
||
|
||
.lb-eyebrow {
|
||
display: block;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.64rem;
|
||
font-weight: 600;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
margin-bottom: 4px;
|
||
}
|
||
.lb-eyebrow.teal { color: var(--teal-mid); }
|
||
.lb-eyebrow.gold { color: var(--gold-mid); }
|
||
|
||
.lb-title {
|
||
display: block;
|
||
font-family: 'DM Serif Display', Georgia, serif;
|
||
font-size: 1.4rem;
|
||
color: var(--text);
|
||
}
|
||
|
||
.lb-close {
|
||
background: none;
|
||
border: 1px solid var(--border2);
|
||
border-radius: 2px;
|
||
font-size: 0.85rem;
|
||
cursor: pointer;
|
||
color: var(--text-dim);
|
||
padding: 4px 9px;
|
||
margin-left: 16px;
|
||
flex-shrink: 0;
|
||
transition: all 0.15s;
|
||
}
|
||
.lb-close:hover { color: var(--text); border-color: var(--border2); background: var(--bg3); }
|
||
|
||
.lb-body { padding: 24px 28px 32px; }
|
||
|
||
.lb-body h3 {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.72rem;
|
||
font-weight: 700;
|
||
letter-spacing: 2.5px;
|
||
text-transform: uppercase;
|
||
color: var(--text-mid);
|
||
margin-bottom: 10px;
|
||
margin-top: 24px;
|
||
}
|
||
.lb-body h3:first-child { margin-top: 0; }
|
||
|
||
.lb-body p {
|
||
font-size: 0.95rem;
|
||
line-height: 1.68;
|
||
color: var(--text);
|
||
margin-bottom: 0.85em;
|
||
}
|
||
.lb-body p:last-of-type { margin-bottom: 0; }
|
||
|
||
.lb-src {
|
||
display: inline-block;
|
||
margin-top: 20px;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.72rem;
|
||
font-weight: 600;
|
||
letter-spacing: 1px;
|
||
text-decoration: none;
|
||
}
|
||
.lb-src.teal { color: var(--teal-mid); }
|
||
.lb-src.gold { color: var(--gold-mid); }
|
||
.lb-src:hover { text-decoration: underline; }
|
||
|
||
/* ===== ACCORDION ===== */
|
||
.acc {
|
||
border: 1px solid var(--border2);
|
||
border-radius: 3px;
|
||
margin-bottom: 10px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.acc-btn {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 18px 22px;
|
||
background: var(--bg2);
|
||
border: none;
|
||
cursor: pointer;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.88rem;
|
||
font-weight: 600;
|
||
letter-spacing: 0.5px;
|
||
color: var(--text-mid);
|
||
text-align: left;
|
||
gap: 14px;
|
||
transition: background 0.15s ease, color 0.15s ease;
|
||
text-transform: uppercase;
|
||
}
|
||
.acc-btn:hover { background: var(--bg3); color: var(--text); }
|
||
.acc-btn.open { background: var(--bg3); color: var(--text); }
|
||
|
||
.acc-arrow { font-size: 1rem; flex-shrink: 0; transition: transform 0.2s ease; }
|
||
.acc-arrow.red { color: var(--red-mid); }
|
||
.acc-arrow.teal { color: var(--teal-mid); }
|
||
.acc-btn.open .acc-arrow { transform: rotate(180deg); }
|
||
|
||
.acc-panel {
|
||
display: none;
|
||
padding: 20px 22px 24px;
|
||
border-top: 1px solid var(--border2);
|
||
background: var(--bg3);
|
||
}
|
||
.acc-panel.open { display: block; }
|
||
|
||
.acc-panel p {
|
||
font-size: 0.96rem;
|
||
line-height: 1.7;
|
||
color: var(--text);
|
||
margin-bottom: 1em;
|
||
}
|
||
.acc-panel p:last-child { margin-bottom: 0; }
|
||
.acc-panel strong { color: var(--text); font-weight: 600; }
|
||
|
||
/* ===== BIAS NOTE ===== */
|
||
.bias {
|
||
padding: 15px 20px;
|
||
border-radius: 3px;
|
||
margin-bottom: 28px;
|
||
font-size: 0.9rem;
|
||
line-height: 1.64;
|
||
font-style: italic;
|
||
color: var(--text-mid);
|
||
}
|
||
.bias.red { background: var(--red-deep); border-left: 3px solid var(--red); }
|
||
.bias.teal { background: var(--teal-deep); border-left: 3px solid var(--teal); }
|
||
|
||
.bias strong {
|
||
font-style: normal;
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.62rem;
|
||
letter-spacing: 2px;
|
||
text-transform: uppercase;
|
||
color: var(--text-dim);
|
||
}
|
||
|
||
/* ===== TAB HEADINGS ===== */
|
||
.tab-heading {
|
||
font-family: 'Bebas Neue', sans-serif;
|
||
font-size: 3rem;
|
||
letter-spacing: 3px;
|
||
margin-bottom: 4px;
|
||
line-height: 1;
|
||
}
|
||
.tab-heading.red { color: var(--red-mid); }
|
||
.tab-heading.teal { color: var(--teal-mid); }
|
||
.tab-heading.white { color: var(--text); }
|
||
|
||
.tab-sub {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.72rem;
|
||
font-weight: 400;
|
||
letter-spacing: 3px;
|
||
text-transform: uppercase;
|
||
color: var(--text-dim);
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
.tab-divider {
|
||
border: none;
|
||
border-top: 1px solid var(--border2);
|
||
margin: 28px 0;
|
||
}
|
||
|
||
/* ===== FURTHER READING ===== */
|
||
.fr-group { margin-bottom: 38px; }
|
||
|
||
.fr-group-title {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.64rem;
|
||
font-weight: 700;
|
||
letter-spacing: 3px;
|
||
text-transform: uppercase;
|
||
margin-bottom: 14px;
|
||
padding-bottom: 10px;
|
||
border-bottom: 1px solid var(--border2);
|
||
}
|
||
.fr-group-title.red { color: var(--red-mid); }
|
||
.fr-group-title.teal { color: var(--teal-mid); }
|
||
.fr-group-title.gold { color: var(--gold-mid); }
|
||
|
||
.fr-item {
|
||
display: block;
|
||
padding: 14px 0;
|
||
border-bottom: 1px solid var(--border);
|
||
text-decoration: none;
|
||
transition: padding-left 0.15s ease;
|
||
}
|
||
.fr-item:last-child { border-bottom: none; }
|
||
.fr-item:hover { padding-left: 8px; }
|
||
|
||
.fr-title {
|
||
font-family: 'Oswald', sans-serif;
|
||
font-size: 0.95rem;
|
||
font-weight: 600;
|
||
letter-spacing: 0.5px;
|
||
color: var(--text-mid);
|
||
display: block;
|
||
margin-bottom: 3px;
|
||
transition: color 0.15s ease;
|
||
}
|
||
.fr-item:hover .fr-title { color: var(--text); }
|
||
|
||
.fr-desc {
|
||
font-size: 0.85rem;
|
||
color: var(--text-dim);
|
||
font-style: italic;
|
||
}
|
||
|
||
/* ===== RESPONSIVE ===== */
|
||
@media (max-width: 600px) {
|
||
.site-title { font-size: 3.8rem; }
|
||
.dc-panel { width: 285px; }
|
||
nav button { padding: 13px 12px; font-size: 0.68rem; }
|
||
main { padding: 30px 16px 80px; }
|
||
.tab-heading { font-size: 2.2rem; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<div class="header-rule">
|
||
<span class="header-diamond">◆ ◇ ◆</span>
|
||
</div>
|
||
<div class="site-title">The Gladstone Gig</div>
|
||
<div class="site-sub">annotated fiction</div>
|
||
<div class="header-rule-bottom"></div>
|
||
</header>
|
||
|
||
<nav>
|
||
<button class="active white" onclick="go('story',this,'white')">The Story</button>
|
||
<button onclick="go('women',this,'red')">Women in the Frame</button>
|
||
<button onclick="go('genre',this,'teal')">The Genre Grammar</button>
|
||
<button onclick="go('further',this,'white')">Further Reading</button>
|
||
</nav>
|
||
|
||
<main>
|
||
|
||
<!-- ==========================
|
||
TAB: STORY
|
||
========================== -->
|
||
<div class="tab active" id="tab-story">
|
||
<div class="prose">
|
||
|
||
<p>Roland Miles is the kind of guy you always see, but never meet. He's got that familiar sort of face you spot from across a crowded room and swear you've seen it somewhere before. Roland's been around this block, and the next, and a dozen more, always leaving before he gets noticed. He doesn't stroll, and he doesn't skulk; he doesn't barge in and demand attention, but he doesn't hide away. He goes exactly where he means to, and does exactly what he wants – but you would never notice. In conversation, he'll say exactly what he has to, no more. You won't find many like Roland Miles. He doesn't play the game.</p>
|
||
|
||
<p>Sir Thomas Gladstone is nothing like Roland Miles. Gladstone is large and loud, both in physique and character. He is a foul-mouthed, cherry-faced behemoth of a man who is well known to be very friendly with his ever-present bottle of brandy. Photographs will tell you that Sir Thomas was once a poster boy, with those classic good looks that we all love to loathe. There is much speculation as to how Thomas Gladstone came to be a "Sir"; the official reason was "services to the Crown", but the smart money says he once rogered a "majesty" and got knighted in exchange for keeping quiet. Whatever reason the Queen had for knighting him doesn't change the fact that he is very popular and not very well liked, which suits him perfectly. All the pomp and circumstance that surrounds Sir Thomas Gladstone is simply a façade, a rock solid alibi to cover any and all underhanded dealings; brandy does not buy itself. Sir Thomas Gladstone is the game.</p>
|
||
|
||
<p>Where else is a game like Gladstone to be found but at the Montego Hotel and Casino. Not quite five star, but only just. Tonight, Sir Thomas Gladstone is entertaining, although which definition you choose, is entirely down to your tastes and sensibilities. Miles hates hotels. Funny little soaps, funny little fridges, a seemingly endless supply of naughty blue movies at ridiculous prices; it's all enough to make him gag. To him, a hotel is nothing more than an uncomfortable necessity, no matter how many 'stars' it claims to have. It makes you wonder, of course, why Roland Miles is here then, on this particular night of nights. Sir Thomas Gladstone is the only reason Miles is here and it has nothing to do with Sir Thomas Gladstone himself, but we'll get to that in a moment. First, the stage must be set.</p>
|
||
|
||
<p>The bulbous Sir Thomas Gladstone is currently in the Verbose Incontinent Pigs' bar, surrounded by a gaggle of giggling 'Gladstoners', already consuming brandy by the bottle, his lips wet and sticky, spewing splashes of spittle with every spate of slurred speech. That's how Miles would put it – he has a thing for alliteration. Miles is not part of that crowd. He's sitting silently in a little booth beside them, listening in, and waiting for Gladstone to tell someone what he needs to know. At the same time, Miles is watching everywhere else in the bar, making sure that dear Sir Thomas hasn't been put on the menu by anyone else.</p>
|
||
|
||
<p>"Tommy dear, tell us about the diamond."</p>
|
||
|
||
<p>"Shhhhh. You're not supposed to know, you naughty thing…"</p>
|
||
|
||
<p>Miles rolls his eyes; nobody sees. <span class="dc" id="dec-gold-diggers"><button class="dc-btn red" onclick="tog('dec-gold-diggers',this)">Gold diggers, all of them, even the men</button><span class="dc-panel red"><span class="d-tag red">◈ Miles' View</span><span class="d-head">The Women Around Gladstone</span>Miles categorises the people around Gladstone as "gold diggers, all of them, even the men" — and in doing so reveals his own class/gender framework. The women around Gladstone have not been described; they have been summarised. Their presence is read as transactional without evidence beyond their being there. "Even the men" is the telling phrase: men are the exception who prove the rule. The default gold-digger is female. Miles is positioned as the story's moral centre — competent, self-sufficient, earning his take — which means his judgements land as the narrator's, not just a character's.</span></span>, sitting there sucking up as much free booze as they can in hopes of something more substantial; Gladstone is a lonely man. However, this is the question Miles has been waiting to hear. Come on Sir Thomas, old boy, gladly tell us about those stones.</p>
|
||
|
||
<p>"It's more than just a single diamond, you know. It's a substantial collection of the Russian crown jewels that were lost when the Bolsheviks got a little rowdy that one time. And tomorrow they'll be sold to a very reputable jeweller for a tidy little fortune."</p>
|
||
|
||
<p>The titters from the table become almost cacophonous, specifically in the treble range. Miles grinds his teeth to stop himself from high fiving faces. A couple of surly gentlemen a little ways over take time out from a heated, foreign-sounding conversation to look at Gladstone's gaggle with disdain. They could spell trouble later; Miles makes a mental note of their faces. At least the ice is still here. Sir Thomas Gladstone would not trouble himself to travel so far from his usual haunts if he were not determined to make a personal delivery. All that Miles needs now is Gladstone's room number and some time. Time though, shouldn't be a problem; Sir Thomas is still only on bottle two. Miles pulls a mobile out of his jacket pocket and types a quick text before he gets up and leaves.</p>
|
||
|
||
<div class="order-block">
|
||
<span class="order-text">FRONT ENTRANCE. NOW.</span>
|
||
</div>
|
||
|
||
<p><span class="dc" id="dec-destiny-intro"><button class="dc-btn red" onclick="tog('dec-destiny-intro',this)">Destiny is a prostitute; she's on the game, as they say</button><span class="dc-panel red"><span class="d-tag red">◈ The Frame</span><span class="d-head">Introducing Destiny</span>The narrator's opening sentence on Destiny is a statement of profession and slang in one: "on the game" is British/South African colloquial for sex work. The name "Destiny" does extra work — a name that reads as ironic, stage-chosen, or both. She is introduced as a category before she is introduced as a person. Miles' framing follows immediately: the best way to describe her is that she "was pretty, once upon a time." The story's first two moves on Destiny are diminishment and instrumentalisation. What follows in her scene complicates this considerably — but the opening sets the register.</span></span>. The best way to describe her is to say <span class="dc" id="dec-pretty-once"><button class="dc-btn red" onclick="tog('dec-pretty-once',this)">she was pretty, once upon a time</button><span class="dc-panel red"><span class="d-tag red">◈ The Male Gaze</span><span class="d-head">Time's Toll</span>"She was pretty, once upon a time" — the narrator reaches for the fairytale register ("once upon a time") to frame Destiny's decline. The phrase signals that the narrator is male and observing her from outside: it measures her current appearance against a former standard of attractiveness and finds her lacking. "Many moons of night-time tomfoolery for money" continues this — mock-poetic, lightly pitying. The story is not cruel to Destiny; it is sympathetic in the way that genre fiction often is to sex workers: an affectionate condescension that notes the toll without imagining the interior life.</span></span>. Many moons of night-time tomfoolery for money have left her with that drawn-out, hangdog look of your garden variety tom, but Miles told her it's five hundred for a quick, convincing word with reception; that's all. Money for nothing as far as she's concerned. Miles comes out and asks her if she has a light. She does. He tells her the name of her mark as he blows smoke into the air, before he says thanks and goes off to lean against a lamp post like some sort of <button class="lb-t teal" onclick="lb('lb-hardboiled')">Humphrey Bogart</button>. She knows the plan though.</p>
|
||
|
||
<p>Straight up to the nervous string bean at reception. He looks like a stickler, so <span class="dc" id="dec-lean-further"><button class="dc-btn red" onclick="tog('dec-lean-further',this)">she decides to lean a little further and speak a little huskier than usual</button><span class="dc-panel red"><span class="d-tag red">◈ Women's Work</span><span class="d-head">Charm as Currency</span>Destiny's scene at reception is the story's most technically accomplished passage of characterisation — and it's in service of a con. She reads the receptionist ("he looks like a stickler"), adjusts her approach, deploys physical suggestion at precisely calibrated increments. She's performing femininity as professional skill. The story gives her this competence clearly and without irony. But the competence is framed as seduction-work: her intelligence manifests entirely through her body. Compare this to Miles, whose competence manifests through gadgets, memorised schematics, and apps. Both characters are professionals; their professionalism reads through different instruments.</span></span>.</p>
|
||
|
||
<p>"I was sent here for Sir Thomas Gladstone… A special gift from a secret admirer."</p>
|
||
|
||
<p>Add a wink and the poor boy is so flustered he forgets to object.</p>
|
||
|
||
<p>"I'll just… go and… call him, ma'am."</p>
|
||
|
||
<p>She smiles, and thinks 'boys', although <span class="dc" id="dec-maam"><button class="dc-btn red" onclick="tog('dec-maam',this)">she likes the sound of 'ma'am'; she doesn't hear that often</button><span class="dc-panel red"><span class="d-tag red">◈ A Small Dignity</span><span class="d-head">The Ma'am Moment</span>"She smiles, and thinks 'boys'" — Destiny's only direct thought in the story, and it is a generalisation. She is amused, experienced, above the receptionist's flustering. Then: "she likes the sound of 'ma'am'; she doesn't hear that often." This is the story's smallest and most precise gift to Destiny: a moment of wanting dignity, and noting its rarity. It costs the story nothing and gives her a fraction of interiority. It also passes immediately — she returns to her instructions, the job, Miles' plan. The moment is real and it is over in a sentence. That's the whole of Destiny's inner life.</span></span>. She needs to stick to her instructions though, it's not often she gets a half night.</p>
|
||
|
||
<p>"No, no, dear. I'm a surprise, see? I'm supposed to go up to his room and wait for him."</p>
|
||
|
||
<p>The receptionist tries not to let on how much he wishes that would happen to him.</p>
|
||
|
||
<p>"Well I can't issue you a room key without Mr – Sir, uh, Gladstone signing for it."</p>
|
||
|
||
<p>"I've got a key…"</p>
|
||
|
||
<p>She flashes the white plastic card Miles gave to her earlier, just in case. It isn't for Sir Thomas' room, but that doesn't matter. The cards themselves all look the same, so it's up to each room's occupants to know which room is theirs. Although, as Destiny notes, she could have shown the lad a candy pink card and he wouldn't have noticed. She presses on.</p>
|
||
|
||
<p>"I just forgot the room number, silly me… It's been a crazy night so far."</p>
|
||
|
||
<p>"Well, I don't –"</p>
|
||
|
||
<p>"Come on, love… Please."</p>
|
||
|
||
<p>She leans forward just that little bit extra as she says please; almost like a promise, but more like a tease. It works though.</p>
|
||
|
||
<p>"Oh, alright… Give me a sec… Uh, 2164. Yeah."</p>
|
||
|
||
<p>She thanks him and heads for the lifts, and Miles is already on his way back up to his room.</p>
|
||
|
||
<p>Miles pulls the backpack out of his front and takes off his jacket, replacing it with a black leather turtleneck that he zips all the way up. He grabs his gloves off the bedside table before opening up his backpack; he never handles the contents with his bare hands, just in case he has to ditch them in the middle of a job. He pulls out his trusty Descend-O-Matic (or at least that's what Miles calls it); he got it as a gift from his mentor, just before his mentor went to prison after the Louvre fiasco, which Miles still insists wasn't his fault. This trusty little contraption can clamp onto just about any surface and be removed without a trace. Next miles takes out a harness, puts it on, and clips it to the cables coming out of the device. The Descend-O-Matic is then returned to the backpack, which Miles then hoists up and puts on the wrong way round. That way he can get to all the necessaries at a moment's notice. Now for the tricky bit.</p>
|
||
|
||
<p>Roland Miles hates heights, but he hates prison more, so he sucks it up and climbs out the window and refuses to look down at the thirty six story drop that's waiting if he mucks this part of the job up. He could pass for Spiderman, the way he makes his way across the outside of the building. Four units over and he's hanging one handed from the outside of a window sill as he fishes his secret weapon out of his kit. He reaches up and puts the Descend-O-Matic in the space between windows and activates the clamps. Couple of tugs, just to make sure before he lets go and falls a grand total of three feet before the contraption's cables pull tight and save his life. He takes a moment to calm his nerves and say a little prayer of thanks and sorry-for-what-I'm-about-to-do and then he uses a little remote from his kit to start the winch.</p>
|
||
|
||
<p>It's slow but steady going, maybe even a little relaxing. Miles counts the floors as they creep past. In about two minutes he reaches the twenty first floor and stops the winch. He does a quick mental check of the schematics he memorised, just to be sure of whether he should go through the left window, or the right one. Something in his kit buzzes, annoyingly loud too. Who would phone him now? This is an independent gig, so nobody should be changing orders on him. He pulls the mobile out and groans when he sees who it is.</p>
|
||
|
||
<p><span class="dc" id="dec-mum"><button class="dc-btn red" onclick="tog('dec-mum',this)">"Mum, I'm in a meeting. I'll phone you back later."</button><span class="dc-panel red"><span class="d-tag red">◈ The Trope</span><span class="d-head">The Intrusive Mother</span>Miles' mother calls him while he is hanging thirty-six storeys up the outside of a hotel. He answers, says "Mum, I'm in a meeting," and hangs up. The joke is structural — the mundane intrusion into the thriller moment — but the choice of "mum" as the intrusion is not incidental. The nagging/intrusive mother is a comedy staple: she does not know what her son does, she has no sense of occasion, she demands attention at the worst possible moment. She functions here as pure punchline. She has no name and is given no other existence.</span></span></p>
|
||
|
||
<p>He hangs up and heads for the window on the right. It's isn't locked, Gladstone obviously likes a bit of a draught, that's the second lucky break Miles has had tonight. He climbs through the window into the room and unclips his harness.</p>
|
||
|
||
<p>Roland Miles doesn't waste time; the sooner he finds the ice, the sooner he can get out. The room is standard hotel fare, two single beds, a kettle, a bar fridge and a cupboard. There's a decorative plastic fern in the one corner, but nothing else. This room could pass for unoccupied if the cupboard wasn't standing a little ajar. Miles spots a fur coat hanging above a pair of duffel bags through the crack. Naturally, he goes there first. The duffel bags only contain clothes. One is obviously a man's and the other is a woman's, which confuses Miles. Why would Gladstone have woman's luggage in his room? He usually only travels with Gary, his bodyguard. Miles assumes that this is just an extra part of the ruse, possibly even the bodyguard's idea. When Miles spots the little gun safe that comes standard with the room, he almost laughs. Firstly, it's a dead giveaway to put the diamonds in there, and second, it has a digital locking mechanism, which allows each guest to program their own locking code every time. The problem with these safes comes down to the fact that it isn't uncommon for people to forget what passcode they used to lock it, so every model has a little USB port on the side for when the locksmith comes calling. Of course, any thief worth his salt knows how to use the USB port to activate the override. Miles pulls out his phone and hooks it up to the safe. Using an app that a friend of his designed, he has the safe open in under ten seconds. Too easy.</p>
|
||
|
||
<p>Inside, Miles finds a briefcase; not one of those silver, heavy duty types (that's like putting up a big red sign that says "Look! Valuables!") but just a normal, brown leather one. It's heavy though, which strikes Miles as odd, it must be about twenty pounds. Probably a metal lining and extra security, but that's a problem for upstairs. Miles is just about to turn around and head for the window when the he hears the room's door click open.</p>
|
||
|
||
<p>The window is too far away, which leaves only two hiding spots: under the bed and in the cupboard. Miles chooses option two and buries himself in the fur coat, clutching the briefcase to his chest. He counts four voices, two of which have Russian accents. It must be those two fellows from down in the bar. The other two voices belong to a man and a woman, both local sounding. At present, the penny is in the air for Roland Miles; he's wondering what all these people are doing in Gladstone's room.</p>
|
||
|
||
<p>"You have merchandise?"</p>
|
||
|
||
<p>"Of course."</p>
|
||
|
||
<p>Merchandise? Could they mean the stones? If that's the case, then why the hell is Gladstone not here doing the deal? So much for reputable jewellers. Have you noticed yet that Roland Miles' meticulous preparations for this job have left him blind to the glaringly obvious fact of his situation?</p>
|
||
|
||
<p>"Then we make deal, so we can go home. Fifty thousand per kilo, no?"</p>
|
||
|
||
<p>"Correct."</p>
|
||
|
||
<p><span class="dc" id="dec-wrong-room"><button class="dc-btn gold" onclick="tog('dec-wrong-room',this)">The penny finally drops and Miles realises he's in the wrong cupboard in the wrong room, holding the wrong briefcase</button><span class="dc-panel gold"><span class="d-tag gold">◈ The Brief</span><span class="d-head">The Central Joke</span>"The penny finally drops and Miles realises he's in the wrong cupboard in the wrong room, holding the wrong briefcase." The narrator has already told us — "Have you noticed yet that Roland Miles' meticulous preparations for this job have left him blind to the glaringly obvious fact of his situation?" — but here it lands for Miles. The constraint brief required a burglar who breaks into the wrong house. The story fulfils this through a chain of plausible errors rather than simple incompetence: Miles is skilled; the comedy is that skill cannot account for coincidence. The author's note acknowledges the brief loophole: hotels are like houses.</span></span>. He looks down at what is obviously the 'merchandise' and truly comprehends the saltiness of this current pickle. Hang on, he thinks, I can't be more than one room over; what are the odds of a drug deal next door? He doesn't have time to calculate those odds because <span class="dc" id="dec-unnamed"><button class="dc-btn red" onclick="tog('dec-unnamed',this)">the woman of the group opens up the cupboard</button><span class="dc-panel red"><span class="d-tag red">◈ No Name</span><span class="d-head">The Plot Mechanic</span>The female drug dealer never receives a name. She appears in the room as part of "four voices," identified only as "a man and a woman, both local sounding." She opens the cupboard (the story's pivot point). She notices the safe is open and empty — she is the one who reads the situation correctly. She whispers the news to her partner. She is shot. She exists in the story entirely as a plot function: the person who almost discovers Miles, the person who delivers the news that breaks the deal, the first of two bodies. Her competence (reading the room) is the story's hinge, and it is attributed to no one in particular. She is the most plot-essential woman in the story and the least present.</span></span>, forcing poor Roland Miles to retreat even further into the folds of the fur coat. Thankfully, she's a bit too preoccupied with the fact that the safe is open and empty to notice Miles' feet behind her duffel bag. Naturally there's an awkward silence.</p>
|
||
|
||
<p>The lady heads for the gentleman and whispers something to him, probably along the lines of "It's gone." The Russians don't take too kindly to this.</p>
|
||
|
||
<p>"We don't have time to waste. Do you have ten kilos or not?"</p>
|
||
|
||
<p>"Um, someone seems to have, uh, taken the, um, merchandise, sir."</p>
|
||
|
||
<p>"You mean to say, stolen?"</p>
|
||
|
||
<p>"Yes."</p>
|
||
|
||
<p>Miles cringes, thugs don't have patience. The Russians spend five seconds discussing this new development with each other, before deciding to start shooting. They brought suppressors with them, so all Miles hears is thuds and whacks and two bodies hitting the floor. Miles himself is unscathed, but a stray bullet hits the briefcase and sends a cloud of white powder into the air. Silence descends on the room and all you can hear is the heavy breathing of two very pumped-up goons. And then Miles sneezes.</p>
|
||
|
||
<p>To be fair, it isn't his fault, but a sneeze in a silent room is like a fart in the cinema during the quiet serious bit – it's bound to attract unwanted attention. Miles has five seconds before the Russians open the cupboard door, so <span class="dc" id="dec-fur-coat"><button class="dc-btn teal" onclick="tog('dec-fur-coat',this)">he decides to drop the briefcase, and put the fur coat on</button><span class="dc-panel teal"><span class="d-tag teal">◈ The Disguise</span><span class="d-head">Femininity as Escape Route</span>Miles' escape plan is improvised and immediate: drop the cocaine, put on the fur coat. The coat is a woman's coat (it's been established that the woman's duffel bag is also in the cupboard). Miles steps out of the closet in a fur coat, performs a shrieking socialite monologue, and walks away. The goons are confused because the performance is convincing enough — or at least bewildering enough — to create an escape window. The joke lands hard. It also says something structural: in the story's logic, performing femininity is Miles' best tool in extremis. The genre machinery that assigned charm-work to Destiny and technical-work to Miles reverses completely in the punchline. Femininity, deployed by a man, is more disarming than any gadget.</span></span>. The closet opens up and Miles looks down two very long barrels at two very confused and impatient Russians. Turns out it was the two from the bar, fancy that. Miles decides to talk first, and talk fast.</p>
|
||
|
||
<p>"Oh. My. Gaaawd! I thought I was gonna have to spend the night in there. You know, I was only up here because Maria was having another crisis, you know. And she was just yapping on and on about <span class="dc" id="dec-georgina"><button class="dc-btn teal" onclick="tog('dec-georgina',this)">that slut Georgina – such a waste of a pretty face if you ask me</button><span class="dc-panel teal"><span class="d-tag teal">◈ Performed Femininity</span><span class="d-head">Miles' Script</span>Miles' improvised persona invokes "that slut Georgina — such a waste of a pretty face." Georgina does not exist. She is a prop in a performance of how Miles imagines women talk to each other: gossip, appearance-judgement, the word "slut." The performance works on the Russians because it matches their expectations of feminine behaviour. Miles is not mocking women; he's using the genre's shorthand for "this is how women are" as camouflage. That the shorthand works — that the goons are sufficiently confused by it — is the joke and also its commentary.</span></span>; and a total b-word too – and I saw this coat and was like hello beautiful! And then she just closed the door on me. I know right. What an idiot. I've been in there for hours, you know. And then you guys show up and start doing I-don't-know-what. I was scared half to death, honey! Oh my have you boys made a mess. I'll just pop down and get room service yes? By the way doll, that fern looks a little dry."</p>
|
||
|
||
<p>Miles gets halfway down the corridor before one of them finally manages to say 'Is plastic fern!" At this point, Roland Miles can only think one simple thought: "Run, Miles. Run!"</p>
|
||
|
||
<hr class="section-break"><span class="section-break-mark" style="display:none">◆</span>
|
||
|
||
<p class="author-note"><button class="lb-t gold" onclick="lb('lb-constraint')">Hotels are like houses, right?</button> — JL</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ==========================
|
||
TAB: WOMEN IN THE FRAME
|
||
========================== -->
|
||
<div class="tab" id="tab-women">
|
||
<h2 class="tab-heading red">Women in the Frame</h2>
|
||
<p class="tab-sub">Five women, and what the story does — and doesn't do — with each of them</p>
|
||
|
||
<div class="bias red">
|
||
<strong>A note:</strong> I find Destiny's scene genuinely well-executed and am inclined to give the story credit for it — but the ma'am moment is one sentence and Destiny's exterior is introduced before her interior. I may be over-rewarding small gestures toward interiority because the genre bar is low.
|
||
</div>
|
||
|
||
<div class="acc">
|
||
<button class="acc-btn" onclick="acc(this)">
|
||
<span>Destiny — what the story earns and what it doesn't</span>
|
||
<span class="acc-arrow red">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>Destiny is the story's most developed female character, and that bar is low but she clears it clearly. She reads the receptionist, adapts her approach, times her physical escalation with professional precision, and gets the information Miles needs. The story gives her competence. It also gives her the ma'am moment — a flicker of interiority that is quiet, specific, and real.</p>
|
||
<p>What it doesn't give her: any existence outside Miles' plan. We do not know how she feels about what she's doing, or about Miles, or about the night. "Money for nothing as far as she's concerned" is Miles' assumption — and the narrator's — presented without irony. The story is not hostile to Destiny; it is simply not interested in her beyond what she does for the plot. That is the structure of the type, not a personal failure of this particular text.</p>
|
||
<p>The name is worth sitting with. "Destiny" as a sex-worker name reads as either stage-chosen or ironically given — a name that implies fate and drift, appropriate for someone the story casts as a product of circumstances. The author doesn't comment on it. It just sits there.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc">
|
||
<button class="acc-btn" onclick="acc(this)">
|
||
<span>The unnamed woman — most essential, least present</span>
|
||
<span class="acc-arrow red">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The female drug dealer is the story's functional pivot. Without her: Miles is not nearly discovered; the drug deal does not collapse in the way it does; the escape sequence does not begin. She is the one who opens the cupboard, reads the empty safe, and understands what has happened. She delivers the information that gets her killed.</p>
|
||
<p>She has no name. She has no physical description. She is identified only as "a woman" among four voices, and "the woman" after that. Her death — she is shot by the Russian men — happens in a clause: "two bodies hitting the floor." The story moves immediately to Miles' sneeze.</p>
|
||
<p>This is not unusual for crime fiction. Background characters die without ceremony. But she is not quite background — she is the person who almost exposes Miles, the person whose death creates his cover. Her importance to the plot and her absence from the story are in direct proportion.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc">
|
||
<button class="acc-btn" onclick="acc(this)">
|
||
<span>The Gladstoners and Miles' gaze</span>
|
||
<span class="acc-arrow red">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The women around Gladstone are described twice, in passing: "a gaggle of giggling Gladstoners" and then "Gold diggers, all of them, even the men." These are Miles' observations, delivered as fact. He does not investigate them. The "specifically in the treble range" note on the "titters" codes the women as high-pitched, silly, reactive — genre furniture around the loud male target.</p>
|
||
<p>Miles' contempt for the Gladstoners is presented as class-and-competence superiority rather than specifically gendered disdain — he includes the men in his dismissal. But the gendered framing ("gold diggers," the specific attention to the treble titters) is doing work the text doesn't examine. Miles is established as the story's moral and competence centre, which means his snap judgements carry narrative endorsement.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc">
|
||
<button class="acc-btn" onclick="acc(this)">
|
||
<span>The fur coat — when Miles puts on femininity</span>
|
||
<span class="acc-arrow red">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The escape scene is the story's funniest and structurally most interesting moment. Miles — the professional thief who operates through invisibility, technical skill, and preparation — runs out of options and puts on a dead woman's fur coat. Then he performs femininity: shrieking, gossiping about a fictional Georgina, commenting on the fern, and walking out.</p>
|
||
<p>The Russians are confused. The performance works. Miles runs.</p>
|
||
<p>What this moment does: it inverts the story's gender labour structure. Throughout, Destiny has been the one deploying femininity as a professional instrument. Miles has been deploying gadgets and plans. When the gadgets and plans run out, he reaches for the same tool the story assigned to her — and it works better than anything else he had.</p>
|
||
<p>The story doesn't comment on this. It's a punchline, not a thesis. But the punchline only lands because of an implicit assumption the story has been building: that femininity, in the right context, disarms and confuses. That Miles can pick it up and put it down like a coat — because, this time, it literally is a coat — is the joke. It is also the most honest thing the story says about its own gender grammar.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ==========================
|
||
TAB: THE GENRE GRAMMAR
|
||
========================== -->
|
||
<div class="tab" id="tab-genre">
|
||
<h2 class="tab-heading teal">The Genre Grammar</h2>
|
||
<p class="tab-sub">How the caper form uses gender as shorthand — and where Miles' fur coat breaks the rules</p>
|
||
|
||
<div class="bias teal">
|
||
<strong>A note:</strong> I find the fur coat scene funny, which makes me inclined to read it as more self-aware than it probably is. The story is not making an argument about gender; it is making a joke. Reading the joke as structural commentary is a critical move, not a readerly one — and I should be honest that the story would likely resist the framing.
|
||
</div>
|
||
|
||
<div class="acc">
|
||
<button class="acc-btn" onclick="acc(this)">
|
||
<span>The caper form's default gender assignments</span>
|
||
<span class="acc-arrow teal">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The heist/caper form allocates roles with reliable consistency: the male protagonist has technical mastery (planning, gadgets, knowledge). Supporting female characters provide social access — the honey trap, the distraction, the charm-worker who can go where the male protagonist cannot. This division is so stable across the genre it reads as natural rather than constructed.</p>
|
||
<p>This story follows the template precisely. Miles has: the Descend-O-Matic, the safe-cracking app, the memorised schematics, the kit. Destiny has: her body, her voice, her ability to read and perform for a male audience. Neither character's competence is in question. The form of that competence is strictly gendered.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc">
|
||
<button class="acc-btn" onclick="acc(this)">
|
||
<span>Humphrey Bogart and the male protagonist tradition</span>
|
||
<span class="acc-arrow teal">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>When Miles stations himself at the lamp post while Destiny works, the narrator compares him to Humphrey Bogart. This is a specific citation: Bogart as Sam Spade, as Philip Marlowe, as the archetype of the male crime protagonist — self-contained, observing, letting others act while he directs. The comparison is affectionate and a little self-knowing; Miles is aware of his own genre.</p>
|
||
<p>What the Bogart citation also does: it places Miles in the lineage of male protagonists who watch women work while positioning themselves as the intelligence behind the operation. Sam Spade's women do things for him; he understands the situation they're in. The Bogart comparison is not just aesthetic. It's a structural claim about where the story's authority sits.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc">
|
||
<button class="acc-btn" onclick="acc(this)">
|
||
<span>The honey trap — Destiny's scene as genre convention</span>
|
||
<span class="acc-arrow teal">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The "honey trap" — a woman using sexual suggestion to extract information from a male target — is so embedded in crime fiction that it barely registers as a choice. Destiny's scene is a textbook execution: assess the mark, calibrate the approach, escalate in increments, secure the objective.</p>
|
||
<p>The scene is well-written. Destiny is given intelligence and timing, not just appearance. But it is worth noting what the scene takes for granted: that the receptionist is male; that Destiny's professional asset is her body; that this is the self-evident solution for extracting the room number from a man.</p>
|
||
<p>What would it look like if Miles did the reception scene? He's described as having an unremarkable, unmemorable face. Could he have charmed the room number out? The story never considers it. The form has already decided whose job that is.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="acc">
|
||
<button class="acc-btn" onclick="acc(this)">
|
||
<span>"Is plastic fern!" — what the punchline cost</span>
|
||
<span class="acc-arrow teal">▾</span>
|
||
</button>
|
||
<div class="acc-panel">
|
||
<p>The required line — "That fern looks a little dry" — is deployed at the peak of Miles' drag performance, as a finishing detail that seals the character. It lands as a joke about detail-orientation and domestic observation, and it works.</p>
|
||
<p>But look at what Miles' escape required: a dead woman's coat, a performance of femininity that invokes gossip and appearance-judgement and the word "slut," and the assumption that two Russian gangsters would be sufficiently bewildered by a shrieking woman to let Miles walk past them. The goons' confusion is the punchline's engine. Their confusion is readable because the story — and the genre — has established that women are not the threat vector.</p>
|
||
<p>Miles escapes not despite the genre's gender grammar but because of it. The same assumptions that made Destiny's job obvious and the unnamed woman's death unremarkable are what let Miles walk out in a fur coat. The comedy and the critique are the same mechanism. The story doesn't know this; it's having fun. But it's there.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ==========================
|
||
TAB: FURTHER READING
|
||
========================== -->
|
||
<div class="tab" id="tab-further">
|
||
<h2 class="tab-heading white">Further Reading</h2>
|
||
<p class="tab-sub">Curated external links, grouped by lens</p>
|
||
|
||
<hr class="tab-divider">
|
||
|
||
<div class="fr-group">
|
||
<div class="fr-group-title red">Women in the Frame</div>
|
||
<a class="fr-item" href="https://en.wikipedia.org/wiki/Male_gaze" target="_blank">
|
||
<span class="fr-title">Male Gaze — Wikipedia</span>
|
||
<span class="fr-desc">Laura Mulvey's concept; foundational to reading how women are framed in narrative</span>
|
||
</a>
|
||
<a class="fr-item" href="https://en.wikipedia.org/wiki/Femme_fatale" target="_blank">
|
||
<span class="fr-title">Femme Fatale — Wikipedia</span>
|
||
<span class="fr-desc">The genre archetype Destiny partially inhabits and partially subverts</span>
|
||
</a>
|
||
<a class="fr-item" href="https://en.wikipedia.org/wiki/Sex_work" target="_blank">
|
||
<span class="fr-title">Sex Work and Representation</span>
|
||
<span class="fr-desc">Context for how sex workers are typically framed in crime fiction</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="fr-group">
|
||
<div class="fr-group-title teal">The Genre Grammar</div>
|
||
<a class="fr-item" href="https://en.wikipedia.org/wiki/Hardboiled_fiction" target="_blank">
|
||
<span class="fr-title">Hardboiled Fiction — Wikipedia</span>
|
||
<span class="fr-desc">The tradition this story draws on; its gender grammar and female archetypes</span>
|
||
</a>
|
||
<a class="fr-item" href="https://en.wikipedia.org/wiki/Heist_film" target="_blank">
|
||
<span class="fr-title">Caper Film — Wikipedia</span>
|
||
<span class="fr-desc">The softened, comedic variant of crime fiction this story belongs to</span>
|
||
</a>
|
||
<a class="fr-item" href="https://en.wikipedia.org/wiki/Honey_trap" target="_blank">
|
||
<span class="fr-title">Honey Trap — Wikipedia</span>
|
||
<span class="fr-desc">The intelligence/fiction convention Destiny's scene enacts</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="fr-group">
|
||
<div class="fr-group-title gold">The Brief</div>
|
||
<a class="fr-item" href="https://en.wikipedia.org/wiki/Constrained_writing" target="_blank">
|
||
<span class="fr-title">Constrained Writing — Wikipedia</span>
|
||
<span class="fr-desc">Overview of constraint fiction as a literary form</span>
|
||
</a>
|
||
<a class="fr-item" href="https://en.wikipedia.org/wiki/Oulipo" target="_blank">
|
||
<span class="fr-title">Oulipo — Wikipedia</span>
|
||
<span class="fr-desc">The movement that theorised constraint fiction as a serious literary practice</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<!-- ==========================
|
||
LIGHTBOXES
|
||
========================== -->
|
||
<div class="lb-overlay" id="lb-hardboiled" onclick="closeLbOv(event,'lb-hardboiled')">
|
||
<div class="lb-box teal">
|
||
<div class="lb-head teal">
|
||
<div>
|
||
<span class="lb-eyebrow teal">◈ The Genre</span>
|
||
<span class="lb-title">The Hardboiled Tradition and Women</span>
|
||
</div>
|
||
<button class="lb-close" onclick="closeLb('lb-hardboiled')">✕</button>
|
||
</div>
|
||
<div class="lb-body">
|
||
<h3>What hardboiled crime fiction is</h3>
|
||
<p>The hardboiled tradition emerged in American pulp magazines of the 1920s and 1930s — Dashiell Hammett, Raymond Chandler, James M. Cain — and established the grammar of the genre: a male protagonist operating alone, outside the law, with a dry moral code; a corrupt world of money and power; and women who are either dangerous (the femme fatale) or decorative (the faithful secretary, the innocent victim). The style moved to film noir and became one of the most imitated aesthetic packages in popular fiction.</p>
|
||
<h3>Women in the hardboiled world</h3>
|
||
<p>The femme fatale is the genre's most durable female figure: a woman who uses sexuality instrumentally, usually to manipulate the male protagonist into a dangerous situation. She is both dangerous and punishable — the genre typically ensures she is exposed, imprisoned, or killed. Alongside her: the "good woman" (domestic, loyal, not involved in the plot), the working woman (secretary, receptionist, or sex worker) who provides information or assistance, and the absent wife/mother who represents what the male protagonist has forfeited for his life in the shadows.</p>
|
||
<h3>The caper comedy variant</h3>
|
||
<p>The caper film and its literary equivalent softens the hardboiled world into comedy-thriller. Women in the caper tend to be the honey trap (using charm to extract information), the tech-savvy exception (included to signify modernity), or the romantic interest. The moral stakes of the hardboiled world are replaced by style, timing, and wit. The gender structures remain largely intact; they are just played for laughs rather than menace.</p>
|
||
<a class="lb-src teal" href="https://en.wikipedia.org/wiki/Hardboiled_fiction" target="_blank">→ Wikipedia: Hardboiled Fiction</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="lb-overlay" id="lb-constraint" onclick="closeLbOv(event,'lb-constraint')">
|
||
<div class="lb-box gold">
|
||
<div class="lb-head gold">
|
||
<div>
|
||
<span class="lb-eyebrow gold">◈ The Brief</span>
|
||
<span class="lb-title">Constraint Fiction</span>
|
||
</div>
|
||
<button class="lb-close" onclick="closeLb('lb-constraint')">✕</button>
|
||
</div>
|
||
<div class="lb-body">
|
||
<h3>What constraint fiction is</h3>
|
||
<p>Constraint fiction is writing produced under explicit formal or content restrictions set in advance — by an editor, a challenger, a game, or the writer themselves. The Oulipo movement formalised this as a literary practice (Perec's <em>A Void</em>, written without the letter 'e'; Queneau's combinatorial sonnets), but the impulse appears in folk forms too: pub writing games, flash fiction challenges, the "write a story in six words" format. The restriction is a generator: it forces solutions the writer would not have found in open territory.</p>
|
||
<h3>The brief for this story</h3>
|
||
<p>The challenger (Martin) set four constraints: a cat burglar who breaks into the wrong house; any genre; third-person narrative, present tense; and the required line "That fern looks a little dry." The author's note — "Hotels are like houses, right?" — is a public acknowledgement of the loophole used. The required line became the punchline and structural endpoint, which means the story was built backwards from a joke. The present-tense requirement is observed inconsistently across the text — a common constraint-fiction slip under time pressure.</p>
|
||
<h3>What the constraint reveals</h3>
|
||
<p>The brief did not specify who the burglar is, or how the "wrong house" error occurs. JL chose: a male professional thief; a female sex worker as his instrument; a female drug dealer as the plot hinge; femininity as the escape route. None of these were required. They are the defaults the author reaches for when building a caper quickly. That is not a criticism — all writers work from defaults, and constraint fiction surfaces them more clearly than most forms. The feminist reading of this story is partly a reading of those defaults.</p>
|
||
<a class="lb-src gold" href="https://en.wikipedia.org/wiki/Constrained_writing" target="_blank">→ Wikipedia: Constrained Writing</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// ── Decoder ───────────────────────────────────────────
|
||
function tog(id, btn) {
|
||
const w = document.getElementById(id);
|
||
const p = w.querySelector('.dc-panel');
|
||
const open = p.classList.contains('open');
|
||
document.querySelectorAll('.dc-panel.open').forEach(x => x.classList.remove('open'));
|
||
document.querySelectorAll('.dc-btn.open').forEach(x => x.classList.remove('open'));
|
||
if (!open) {
|
||
p.classList.add('open'); btn.classList.add('open');
|
||
const r = p.getBoundingClientRect();
|
||
p.classList.toggle('flip', r.right > window.innerWidth - 16);
|
||
}
|
||
}
|
||
|
||
document.addEventListener('click', e => {
|
||
if (!e.target.closest('.dc')) {
|
||
document.querySelectorAll('.dc-panel.open').forEach(x => x.classList.remove('open'));
|
||
document.querySelectorAll('.dc-btn.open').forEach(x => x.classList.remove('open'));
|
||
}
|
||
});
|
||
|
||
// ── Lightbox ──────────────────────────────────────────
|
||
function lb(id) { document.getElementById(id).classList.add('open'); document.body.style.overflow = 'hidden'; }
|
||
function closeLb(id) { document.getElementById(id).classList.remove('open'); document.body.style.overflow = ''; }
|
||
function closeLbOv(e, id) { if (e.target === document.getElementById(id)) closeLb(id); }
|
||
document.addEventListener('keydown', e => {
|
||
if (e.key === 'Escape') {
|
||
document.querySelectorAll('.lb-overlay.open').forEach(x => x.classList.remove('open'));
|
||
document.body.style.overflow = '';
|
||
}
|
||
});
|
||
|
||
// ── Accordion ─────────────────────────────────────────
|
||
function acc(btn) {
|
||
const p = btn.nextElementSibling;
|
||
const open = btn.classList.contains('open');
|
||
document.querySelectorAll('.acc-btn.open').forEach(b => {
|
||
b.classList.remove('open'); b.nextElementSibling.classList.remove('open');
|
||
});
|
||
if (!open) { btn.classList.add('open'); p.classList.add('open'); }
|
||
}
|
||
|
||
// ── Tabs ──────────────────────────────────────────────
|
||
function go(id, btn, col) {
|
||
document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
|
||
document.querySelectorAll('nav button').forEach(b => {
|
||
b.classList.remove('active', 'white', 'red', 'teal');
|
||
});
|
||
document.getElementById('tab-' + id).classList.add('active');
|
||
btn.classList.add('active', col || 'white');
|
||
window.scrollTo(0, 0);
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|