Our news
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport”content=”width=device-width, initial-scale=1.0″> <title>Silence, Exile, Cunning | The Antidote</title> <linkrel=”preconnect” href=”https://fonts.googleapis.com”> <link rel=”preconnect” href=”https://fonts.gstatic.com”crossorigin> <link href=”https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap” rel=”stylesheet”> <scriptsrc=”https://cdn.tailwindcss.com”></script> <style> /* Force Cardo globally to bypass WordPress theme defaults */ * {font-family: ‘Cardo’, serif !important; } :root { –paper-white: #F9F7F2; –ink-black: #1A1A1A; –oxford-blue: #1B263B; –lead-gray: #707070; } body { background-color: var(–paper-white) !important; color: var(–ink-black) !important; transition: all 0.5s ease; } .border-editorial { border-color: rgba(26, 26, 26, 0.15) !important; } /* Reading Room Mode Settings */ body.reading-room-active { background-color: #FAF6EE !important; } body.reading-room-active .ui-element { display: none !important; } body.reading-room-active #featured-story-body { max-width: 650px!important; margin: 0 auto !important; font-size: 1.3rem !important; line-height: 2.1 !important; } </style> </head><body class=”antialiased min-h-screen flex flex-col justify-between”> <header class=”ui-element w-full border-b border-editorial py-6 px-4 md:px-12 bg-[#F9F7F2]”> <div class=”max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4″> <span class=”text-xs tracking-widest text-[#707070] italic”>Issue One • Autumn 2026</span> <nav class=”flex gap-8 text-xs tracking-widest text-[#1B263B] font-bold uppercase”> <a href=”#”class=”hover:opacity-70 transition”>Home</a> <a href=”#about” class=”hover:opacity-70 transition”>About</a> <ahref=”#stories” class=”hover:opacity-70 transition”>Stories</a> <a href=”https://www.submittable.com”target=”_blank” class=”hover:opacity-70 transition”>Submit</a> </nav> </div> </header> <div class=”ui-element text-center py-14 md:py-20 border-b border-editorial px-4″> <h1 class=”text-4xl md:text-6xl font-normal text-[#1B263B] tracking-wide”> Silence, Exile, Cunning </h1> <p class=”text-xs tracking-[0.3em] text-[#707070] mt-4 uppercase font-medium”>The Antidote</p> </div> <main class=”max-w-7xl w-full mx-auto px-4 md:px-12 py-12 flex-grow”> <divid=”exit-reading-room-container” class=”hidden fixed top-8 right-8 z-50″> <button onclick=”toggleReadingRoom()”class=”bg-[#1B263B] text-[#F9F7F2] text-xs tracking-widest uppercase px-4 py-2 hover:bg-opacity-90 transition shadow-sm”> ← Exit Reading Room </button> </div> <section id=”featured-story” class=”grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 pb-16 border-b border-editorial”> <div class=”ui-element lg:col-span-7 flex items-center justify-center bg-zinc-100 border border-editorial p-2 grayscale hover:grayscale-0 transition-all duration-700″> <imgsrc=”https://images.unsplash.com/photo-1506880018603-83d5b814b5a6?auto=format&fit=crop&q=80&w=1200″alt=”Featured Story Artwork” class=”w-full h-[400px] object-cover”> </div> <div id=”featured-story-text-container”class=”lg:col-span-5 flex flex-col justify-center”> <span class=”ui-element text-xs tracking-widest text-[#707070] mb-2 block uppercase”>Featured Fiction</span> <h2 class=”text-3xl md:text-4xl font-normal tracking-tight mb-3 text-[#1A1A1A]”> “The Bet” </h2> <span class=”text-sm italic text-[#707070] mb-6 block”>by Anton Chekhov</span> <div id=”featured-story-body” class=”text-base text-[#1A1A1A] leading-relaxed space-y-6″> <pclass=”first-letter:text-6xl first-letter:float-left first-letter:mr-3 first-letter:font-normal first-letter:text-[#1B263B] first-letter:line-height-none”> It was a dark, autumn night. The old banker was pacing from corner to corner of his study, remembering how, fifteen years before, he had given a party on just such an autumn evening. </p> <p id=”extended-text” class=”hidden”> There had been many clever men at that party, and there had been interesting conversations. Among other things they had talked of capital punishment. The majority of the guests, among whom were many journalists and intellectuals, disapproved of the death penalty. They considered it obsolete, immoral, and unsuitable. Some of them thought that capital punishment ought to be replaced everywhere by imprisonment for life. “I don’t agree with you,” said their host the banker. “I have not tried either the death penalty or imprisonment for life, but if one may judge a priori, capital punishment is more moral and more humane than imprisonment for life.” A lively debate ensued, culminating in a strange bet between the banker and a young lawyer—a bet that would lock the young man away in total solitude for fifteen long years to prove the endurance of the human spirit. </p> </div> <button id=”read-button”onclick=”toggleReadingRoom()” class=”ui-element mt-8 self-start inline-flex items-center gap-2 text-xs tracking-widest font-bold text-[#1B263B] border-b border-[#1B263B] pb-1 hover:opacity-60 transition uppercase”> Enter Reading Room → </button> </div> </section> <section id=”stories” class=”ui-element py-16″> <h3 class=”text-sm text-[#1B263B] mb-8 tracking-widest italic”>* Issue One Fiction</h3> <div class=”grid grid-cols-1 md:grid-cols-3 gap-8″><div class=”border border-editorial p-6 flex flex-col justify-between bg-white bg-opacity-40″> <div> <h4 class=”text-xl font-normal mb-2 text-[#1A1A1A]”>“The Five Boons of Life”</h4> <p class=”text-xs italic text-[#707070] mb-4″>by Mark Twain</p> <p class=”text-sm text-[#1A1A1A] leading-relaxed”>In the morning of life came a good fairy with her basket, and said: “Here are gifts. Take one, leave the others. Choose wisely; oh, choose wisely! for only one of them is valuable.”</p> </div> <a href=”#” class=”text-xs text-[#1B263B] font-bold tracking-widest mt-6 inline-block hover:opacity-60 transition uppercase”>Read →</a> </div> <div class=”border border-editorial p-6 flex flex-col justify-between bg-white bg-opacity-40″> <div> <h4 class=”text-xl font-normal mb-2 text-[#1A1A1A]”>“The Sphinx Without a Secret”</h4> <p class=”text-xs italic text-[#707070] mb-4″>by Oscar Wilde</p> <p class=”text-sm text-[#1A1A1A] leading-relaxed”>One afternoon I was sitting outside the Café de la Paix, watching the splendor and squalor of Parisian life, when I heard someone call my name. I turned round and saw Lord Murchison.</p> </div> <a href=”#” class=”text-xs text-[#1B263B] font-bold tracking-widest mt-6 inline-block hover:opacity-60 transition uppercase”>Read →</a> </div> <div class=”border border-editorial p-6 flex flex-col justify-between bg-white bg-opacity-40″> <div> <h4 class=”text-xl font-normal mb-2 text-[#1A1A1A]”>“An Unspotted Gentleman”</h4> <p class=”text-xs italic text-[#707070] mb-4″>by Anton Chekhov</p> <pclass=”text-sm text-[#1A1A1A] leading-relaxed”>The carriage rolled swiftly between the low fields. Pyotr Ivanovich looked out into the gray dusk, wondering if the quiet estate would yield the silence he so desperate required.</p> </div><a href=”#” class=”text-xs text-[#1B263B] font-bold tracking-widest mt-6 inline-block hover:opacity-60 transition uppercase”>Read →</a> </div> </div> </section> </main> <footer class=”ui-element w-full border-t border-editorial py-8 px-4 text-center bg-[#F9F7F2]”> <div class=”max-w-7xl mx-auto flex justify-center items-center text-xs text-[#707070] tracking-widest”> <p>© 2026 Silence, Exile, Cunning</p> </div> </footer> <script> functiontoggleReadingRoom() { const body = document.body; const extendedText = document.getElementById(‘extended-text’); const exitBtn = document.getElementById(‘exit-reading-room-container’); const mainSection = document.getElementById(‘featured-story’); body.classList.toggle(‘reading-room-active’); if(body.classList.contains(‘reading-room-active’)) { extendedText.classList.remove(‘hidden’); exitBtn.classList.remove(‘hidden’); mainSection.classList.remove(‘grid’); window.scrollTo({ top: 0, behavior: ‘smooth’}); } else { extendedText.classList.add(‘hidden’); exitBtn.classList.add(‘hidden’); mainSection.classList.add(‘grid’); } }</script> </body> </html>