@font-face{font-family:Space;src:url('assets/space-grotesk.ttf') format('truetype');font-display:swap}
@font-face{font-family:DM;src:url('assets/dm-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:Plex;src:url('assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{--bg:#efeee5;--surface:#f6f5ed;--ink:#203b31;--muted:#57665c;--accent:#d4ea92;--accent-ink:#203b31;--rule:#a9b1a2;--display:Space,Arial,sans-serif;--body:DM,Arial,sans-serif;--mono:Plex,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}body.modal-open{overflow:hidden}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border-radius:0}button:focus-visible,a:focus-visible{outline:3px solid #64802b;outline-offset:4px}input:focus-visible,select:focus-visible{outline:3px solid #64802b;outline-offset:2px}button:active{transform:scale(.97)}a:active{opacity:.65}input:active,select:active{background:var(--surface)}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.shell{width:calc(100% - 96px);max-width:1536px;margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;padding:12px 24px;background:var(--ink);color:var(--surface)}.skip-link:focus{top:12px}.topline{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--ink);font:11px var(--mono);letter-spacing:.04em}.home-link{display:flex;align-items:center;gap:12px;min-height:44px}.home-link svg{width:29px;height:29px}.browse-link{display:flex;align-items:center;gap:24px;min-height:44px;font-family:var(--body);font-size:14px}.browse-link span{font-size:25px}.home-link:focus-visible{outline-offset:6px}.browse-link:focus-visible{text-decoration:underline}.masthead{position:relative;border-bottom:2px solid var(--ink);padding-block:18px 20px}.masthead h1{margin:0;font-family:var(--display);font-size:clamp(70px,13.82vw,216px);font-weight:700;line-height:.95;letter-spacing:-.075em;white-space:nowrap}.masthead-dot{color:var(--ink)}.vertical-label{position:absolute;right:0;top:28px;writing-mode:vertical-rl;font:10px var(--mono);letter-spacing:.1em}.intro{display:grid;grid-template-columns:1.15fr 1fr auto;align-items:center;gap:32px;padding-block:27px 32px}.intro>p{font-family:var(--display);font-size:24px;line-height:1.3;letter-spacing:-.04em;margin:0}.intro>p span{color:var(--muted)}.intro-note{display:flex;gap:22px;align-items:center}.intro-note p{font-size:14px;line-height:1.5;margin:0}.small-star{font-size:54px;line-height:1}.random-button{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:var(--accent);border:1px solid var(--ink);padding:14px 18px;min-height:54px;font-size:14px;transition:background 180ms,color 180ms,transform 180ms}.random-button svg{width:21px;height:24px}.random-button>span{font-size:23px;margin-left:10px}.random-button:focus-visible{outline-offset:5px;outline-color:#64802b}.directory{padding-top:23px;padding-bottom:64px;border-top:1px solid var(--ink)}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.directory-heading h2{font-size:13px;font-weight:500;margin:0;display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--ink)}.directory-heading p{font:10px var(--mono);letter-spacing:.05em;margin:0;color:var(--muted)}.toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,250px) auto;align-items:end;gap:24px;margin-bottom:24px}.toolbar label{display:block;font:10px var(--mono);letter-spacing:.065em;text-transform:uppercase;margin-bottom:8px}.input-wrap{position:relative}.input-wrap svg{position:absolute;left:15px;top:14px;width:19px;height:19px;pointer-events:none}.toolbar input,.toolbar select{height:48px;border:1px solid var(--rule);background:transparent;width:100%;border-radius:0;font-size:15px;transition:border-color 180ms,background 180ms}.toolbar input{padding:10px 14px 10px 45px}.toolbar input::placeholder{color:var(--muted)}.toolbar select{padding:10px 34px 10px 16px}.toolbar input:focus-visible{outline-offset:-3px}.toolbar select:focus-visible{outline-offset:3px}#saved-filter{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 17px;border:1px solid var(--rule);background:transparent;font-size:14px;transition:background 180ms,border-color 180ms}#saved-filter[aria-pressed=true]{background:var(--accent);border-color:var(--ink)}.bookmark{width:19px;height:21px;flex-shrink:0}#saved-count{margin-left:12px;font:12px var(--mono);border-left:1px solid var(--rule);padding-left:15px}#saved-filter:focus-visible{outline-offset:4px}.stories-grid{display:grid;grid-template-columns:1.05fr 1fr;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.story{position:relative;min-width:0;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--surface);transition:background 180ms}.story-open{display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;width:100%;height:100%;border:0;background:transparent;padding:25px 30px;color:inherit;transition:background 180ms}.story-open:focus-visible{outline:3px solid #64802b;outline-offset:-7px}.story-open:active{transform:none;background:#e2e5d5}.story-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.category{display:flex;align-items:center;gap:8px}.category:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.story-save-indicator{display:flex;align-items:center;gap:6px;font-size:9px}.story-save-indicator .bookmark{width:11px;height:14px;fill:currentColor}.story-layout{display:grid;grid-template-columns:68px 1fr 47px;gap:18px;align-items:center;margin-block:20px 10px}.door-number{font:400 58px/.95 var(--display);letter-spacing:-.065em;color:#73806d;align-self:start}.story h3{font-family:var(--display);font-size:clamp(22px,2.05vw,31px);line-height:1.13;letter-spacing:-.04em;font-weight:500;margin:0}.doorbell{border:1px solid var(--ink);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--bg);font-size:25px;box-shadow:0 3px 0 #c1c5b4;transition:background 180ms,transform 180ms,box-shadow 180ms}.doorbell span{display:block;transition:transform 180ms}.story-summary{font-size:14px;line-height:1.5;margin:0 55px 20px 86px;color:var(--muted);max-width:46ch}.story-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px var(--mono);margin-top:auto}.speaker{height:11px;width:54px;background-image:radial-gradient(var(--muted) 1px,transparent 1.1px);background-size:5px 5px}.story.featured{grid-row:span 2;background:var(--ink);color:var(--bg)}.featured .story-open{padding:24px 30px}.featured .story-top{color:var(--accent)}.featured .illustration{height:225px;position:relative;margin:12px -5px 8px;overflow:hidden;animation:door-arrive 600ms cubic-bezier(.22,1,.36,1) both}.room-art{width:100%;height:100%;stroke:#d7e1b8;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.room-art .solid{fill:#d4ea92;stroke:none}.room-art .dark-fill{fill:var(--ink)}.room-art .light-fill{fill:#d4ea92;fill-opacity:.08}.room-art .steam{stroke-dasharray:18;animation:steam 2500ms linear infinite}.featured .story-layout{grid-template-columns:1fr 50px;margin-block:9px 10px;gap:28px}.featured .door-number{display:none}.featured h3{font-size:clamp(30px,3.1vw,46px);line-height:1.05;max-width:15ch}.featured .doorbell{background:var(--accent);color:var(--ink);border-color:var(--accent);box-shadow:0 3px 0 #78915c}.featured .story-summary{margin:0 65px 21px 0;color:#c9d3bf;font-size:15px;max-width:42ch}.featured .story-bottom{color:#c9d3bf}.featured .speaker{background-image:radial-gradient(#c9d3bf 1px,transparent 1.1px)}.featured .story-open:focus-visible{outline-color:var(--accent)}.story.final-story{background:#e0e5cf}.final-story .doorbell{background:var(--ink);color:var(--bg);box-shadow:0 3px 0 #a3ae93}.filtered .story.featured{grid-row:auto}.filtered .featured .illustration{height:170px}.empty-state{text-align:center;border:2px solid var(--ink);padding:48px 24px}.empty-state[hidden]{display:none}.empty-number{font:96px/.9 var(--display);letter-spacing:-.06em;color:var(--muted)}.empty-state h3{font:32px/1.2 var(--display);letter-spacing:-.03em;margin-bottom:12px}.empty-state p{color:var(--muted)}.empty-state button{background:var(--ink);color:var(--accent);border:0;min-height:48px;padding:12px 24px;margin-top:12px}.empty-state button:focus-visible{outline-offset:6px}.closing{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:28px;padding-block:48px 64px;border-top:1px solid var(--ink)}.closing-mark{font-size:110px;line-height:1;font-family:var(--display);align-self:start}.closing h2{font:500 clamp(30px,3.7vw,56px)/1.08 var(--display);letter-spacing:-.05em;margin:0}.closing p{margin:0 0 10px;font-size:15px;color:var(--muted)}.closing a{min-height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:30px;font-size:14px;transition:background 180ms}.closing a:focus-visible{outline-offset:6px;text-decoration:underline}footer{display:flex;justify-content:space-between;gap:24px;padding-block:24px 32px;border-top:1px solid var(--ink);font:9px var(--mono);letter-spacing:.065em}.noscript-message{padding:24px;border:1px solid var(--ink)}.noscript-message a{text-decoration:underline;display:inline-block;padding-block:12px}
dialog{border:0;padding:0;max-width:850px;width:calc(100% - 64px);max-height:calc(100dvh - 64px);background:var(--surface);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#112a24bd;backdrop-filter:blur(5px)}.article-top{position:sticky;top:0;background:var(--surface);z-index:2;padding:16px 32px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:16px}.article-brand{font:700 22px var(--display);letter-spacing:-.06em}#close-detail{display:flex;align-items:center;gap:20px;background:transparent;border:0;min-height:44px;font-size:13px;padding:8px}#close-detail span{font-size:30px;line-height:1}#close-detail:focus-visible{outline-offset:0}.article-content{padding:40px 64px 32px}.article-kicker{display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.article-content h2{font:500 clamp(36px,5vw,62px)/1.05 var(--display);letter-spacing:-.05em;margin:24px 0}.article-summary{font-size:20px;line-height:1.5;color:var(--muted);margin-bottom:24px}.article-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px 24px;border-bottom:1px solid var(--rule)}.article-meta p{font-size:12px;margin:0}.article-meta p>span:first-child{font-weight:600}.article-meta p>span:not(:first-child){color:var(--muted)}#save-item{min-height:46px;padding:10px 16px;display:flex;align-items:center;gap:9px;border:1px solid var(--ink);background:transparent;font-size:13px;transition:background 180ms}#save-item[aria-pressed=true]{background:var(--accent)}#save-item[aria-pressed=true] svg{fill:var(--ink)}#save-item:focus-visible{outline-offset:4px}.article-body{padding-top:16px;font-size:18px;line-height:1.8}.article-body p{margin:22px 0}.article-body p:first-child:first-letter{float:left;font:64px/.9 var(--display);padding:8px 8px 0 0}.article-end{border-top:1px solid var(--rule);display:flex;align-items:center;gap:16px;margin-top:36px;padding-top:24px}.article-end>span{font-size:42px}.article-end p{font-size:13px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);padding:12px 24px;background:var(--ink);color:var(--bg);border:1px solid var(--accent);font-size:14px;opacity:0;pointer-events:none;transition:opacity 180ms,transform 180ms;z-index:9}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.home-link:hover{opacity:.7}.browse-link:hover{text-decoration:underline;text-underline-offset:5px}.random-button:hover{background:#344d3a;color:#e9ffac}.story-open:hover{background:#e9ebdd}.story-open:hover .doorbell{background:var(--accent);box-shadow:0 1px 0 #a1ae8b;transform:translateY(2px)}.story-open:hover .doorbell span{transform:rotate(45deg)}.featured .story-open:hover{background:#294739}.featured .story-open:hover .doorbell{background:#ecffb6}.toolbar input:hover,.toolbar select:hover{border-color:var(--ink);background:var(--surface)}#saved-filter:hover{border-color:var(--ink);background:#e0e5cf}.closing a:hover{background:#e0e5cf}#close-detail:hover{background:#e0e5cf}#save-item:hover{background:#e0e5cf}.empty-state button:hover{background:#344d3a}.noscript-message a:hover{text-decoration-thickness:2px}}
.story-open:focus-visible .doorbell{background:var(--accent);color:var(--ink)}.story-open:focus-visible .doorbell span{transform:rotate(45deg);transition:none}
@keyframes door-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes steam{0%{stroke-dashoffset:36;opacity:.3}50%{opacity:1}100%{stroke-dashoffset:0;opacity:.3}}
@media(min-width:1600px){.masthead h1{font-size:226px}}
@media(max-width:1050px){.shell{width:calc(100% - 56px)}.edition{display:none}.masthead h1{font-size:13.5vw}.intro{grid-template-columns:1fr auto;gap:24px}.intro-note{display:none}.story-open,.featured .story-open{padding:22px}.story-layout{grid-template-columns:48px 1fr 42px;gap:12px}.door-number{font-size:45px}.doorbell{width:40px;height:40px}.story-summary{margin-left:60px;margin-right:0}.featured .illustration{height:200px}.closing{grid-template-columns:64px 1fr auto;gap:20px}.closing-mark{font-size:80px}.toolbar{gap:16px;grid-template-columns:1fr 190px auto}#saved-filter{padding-inline:12px}#saved-count{padding-left:10px;margin-left:2px}}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.topline{min-height:64px;gap:12px}.home-link{font-size:8px;gap:8px}.home-link svg{width:25px;height:25px}.browse-link{font-size:12px;gap:8px}.browse-link span{font-size:19px}.masthead{padding-block:20px 21px}.masthead h1{font-size:13.2vw;letter-spacing:-.075em}.vertical-label{display:none}.intro{grid-template-columns:1fr;gap:20px;padding-block:24px}.intro>p{font-size:26px}.random-button{justify-self:start;min-height:48px;padding:10px 16px;font-size:13px}.random-button>span{margin-left:20px}.directory{padding-top:18px;padding-bottom:40px}.directory-heading{gap:8px;align-items:start;margin-bottom:20px}.directory-heading h2{font-size:12px;line-height:1.4;max-width:170px}.directory-heading p{font-size:8px;line-height:1.6;text-align:right;max-width:100px}.status-dot{flex-shrink:0}.toolbar{grid-template-columns:1fr 1.1fr;gap:16px 12px;margin-bottom:20px}.search-field{grid-column:1/-1}.toolbar label{font-size:9px}.toolbar input,.toolbar select{font-size:16px}.toolbar select{padding-left:12px}#saved-filter{font-size:12px;gap:6px;padding-inline:10px}#saved-count{font-size:11px;padding-left:8px}.stories-grid{grid-template-columns:1fr}.story.featured{grid-row:auto}.featured .illustration{height:210px;margin-block:10px 0}.featured .story-open{padding:20px}.featured h3{font-size:36px;max-width:14ch}.featured .story-layout{gap:15px;grid-template-columns:1fr 42px}.featured .story-summary{font-size:14px;margin-right:30px}.story-open{padding:20px}.story-layout{grid-template-columns:44px 1fr 37px;gap:12px;margin-top:20px}.story h3{font-size:24px}.featured h3{font-size:36px}.door-number{font-size:43px}.doorbell{width:36px;height:36px;font-size:22px}.story-summary{font-size:14px;margin-left:56px;margin-top:3px;margin-bottom:20px}.story-top{font-size:9px}.story-bottom{font-size:9px}.closing{padding-block:32px 40px;grid-template-columns:40px 1fr;gap:16px}.closing-mark{font-size:60px}.closing h2{font-size:32px}.closing>div:last-child{grid-column:2}.closing p{font-size:14px}.closing a{font-size:13px;max-width:235px}footer{flex-wrap:wrap;gap:14px;font-size:8px;padding-block:22px}footer>span:nth-child(2){display:none}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.article-top{padding:10px 16px}.article-brand{font-size:19px}#close-detail{font-size:11px;gap:10px}.article-content{padding:28px 22px}.article-kicker{font-size:9px}.article-content h2{font-size:39px;margin-block:20px}.article-summary{font-size:18px}.article-meta{align-items:start;flex-direction:column;gap:18px}.article-body{font-size:17px;line-height:1.75}.article-body p:first-child:first-letter{font-size:54px}.toast{max-width:calc(100% - 40px);width:max-content;text-align:center;bottom:20px;font-size:12px}}
/* The closing directory plate spans the facade, keeping an eight-door grid whole. */
.final-story{grid-column:1/-1}.final-story .story-open{display:grid;grid-template-columns:1.3fr 1fr;column-gap:48px}.final-story .story-top,.final-story .story-bottom{grid-column:1/-1}.final-story .story-layout{grid-template-columns:78px 1fr 45px;gap:24px;margin-block:24px}.final-story .door-number{font-size:76px}.final-story h3{font-size:34px}.final-story .story-summary{margin:0;align-self:center;font-size:16px;max-width:36ch}.final-story .story-bottom{margin-top:8px}.stories-grid[hidden]{display:none}
.topline{min-height:64px}.masthead h1{font-size:clamp(60px,16.1vw,264px);letter-spacing:-.045em}.intro{padding-block:24px}.featured .illustration{height:200px}
.reading-header{padding-block:32px}.reading-header h1{font:700 clamp(50px,9vw,120px)/1 var(--display);letter-spacing:-.05em;margin:24px 0}.reading-edition{max-width:720px}.reading-story{border-top:1px solid var(--ink);padding-block:48px;font-size:18px;line-height:1.8}.reading-story h2{font:500 40px/1.1 var(--display);letter-spacing:-.035em}.reading-kicker{font:12px var(--mono)}
@media(max-width:1050px){.final-story .story-open{column-gap:24px}.final-story .story-layout{grid-template-columns:56px 1fr 40px;gap:16px}.final-story .door-number{font-size:54px}.final-story h3{font-size:27px}.final-story .story-summary{font-size:14px}}
@media(max-width:700px){.masthead h1{font-size:15.8vw}.final-story .story-open{display:flex}.final-story .story-layout{grid-template-columns:44px 1fr 37px;gap:12px;margin-block:20px 10px}.final-story .door-number{font-size:43px}.final-story h3{font-size:24px}.final-story .story-summary{margin:3px 0 20px 56px;font-size:14px;align-self:stretch}.final-story .story-bottom{margin-top:auto}.featured .illustration{height:180px}}
@media(max-width:700px){.featured .story-top{order:0}.featured .story-layout{order:1;margin-top:24px}.featured .illustration{order:2;height:150px;margin-block:8px 12px}.featured .story-summary{order:3}.featured .story-bottom{order:4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}button:active{transform:none}.story-open:focus-visible .doorbell span{transform:none}}