@font-face{font-family:Fraunces;src:url(/fonts/fraunces-normal-300-700.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic-300-700.woff2)format("woff2");font-weight:300 700;font-style:italic;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-normal-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-normal-600.woff2)format("woff2");font-weight:600;font-display:swap}:root{--ink:#0c0a09;--ink-2:#16110f;--oxblood:#5c1a1e;--oxblood-deep:#3d1013;--amber:#e8a94c;--brass:#b08d57;--cream:#e8dcc8;--cream-dim:#a99e8c;--serif:"Fraunces", "Iowan Old Style", Georgia, serif;--sans:"Manrope", "Avenir Next", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");animation:8s steps(10,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-2%,3%)}40%{transform:translate(3%,-2%)}60%{transform:translate(-3%,-3%)}80%{transform:translate(2%,2%)}}@media (prefers-reduced-motion:reduce){body:after{animation:none}html{scroll-behavior:auto}}h1,h2,h3{font-family:var(--serif);color:#f4ead6;font-weight:380;line-height:1.12}em{font-style:italic}.kicker,.gate-kicker{font-family:var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--brass);font-size:.72rem;font-weight:600}.btn{font-family:var(--sans);letter-spacing:.06em;cursor:pointer;border:1px solid #0000;border-radius:2px;padding:.85em 1.9em;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,color .25s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn-amber{background:linear-gradient(160deg, #f0b65e, var(--amber) 55%, #c8873a);color:#241503;box-shadow:0 6px 24px #e8a94c40}.btn-amber:hover{box-shadow:0 10px 34px #e8a94c73}.btn-oxblood{background:var(--oxblood);color:var(--cream);border-color:#e8a94c40}.btn-oxblood:hover{background:#71242a}.btn-ghost{color:var(--cream-dim);background:0 0;border-color:#e8dcc840}.btn-ghost:hover{color:var(--cream);border-color:#e8dcc899}.btn-sm{padding:.55em 1.2em;font-size:.75rem}.linklike{cursor:pointer;color:var(--brass);font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;background:0 0;border:none;font-size:.75rem}.linklike[aria-pressed=true]{color:var(--amber)}#gate{z-index:100;text-align:center;background:radial-gradient(120% 90% at 50% 110%, #5c1a1e8c, transparent 60%), repeating-linear-gradient(93deg, #17090b 0 14px, #241014 14px 30px, #1a0a0d 30px 46px), var(--ink);place-items:center;padding:2rem;display:grid;position:fixed;inset:0}#gate:before{content:"";background:radial-gradient(45% 32% at 50% 42%,#e8a94c24,#0000 70%);animation:5s ease-in-out infinite alternate candle;position:absolute;inset:0}@keyframes candle{0%{opacity:.75}to{opacity:1.1}}.gate-inner{max-width:40rem;position:relative}.gate-inner h1{margin:1.2rem 0;font-size:clamp(2rem,5.4vw,3.6rem)}.gate-inner h1 em{color:var(--amber)}.gate-note{color:var(--cream-dim);margin-bottom:2.2rem;font-size:.85rem}.gate-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}#gate.leaving{animation:1.1s cubic-bezier(.7,0,.3,1) forwards gate-part}@keyframes gate-part{to{clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:0;visibility:hidden}}#topbar{z-index:50;background:linear-gradient(#0c0a09eb,#0000);justify-content:space-between;align-items:center;padding:1rem 1.6rem;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{font-family:var(--serif);letter-spacing:.42em;color:#f4ead6;font-size:.95rem}.topnav{align-items:center;gap:1.4rem;display:flex}#content{max-width:1200px;margin:0 auto;padding:7.5rem 1.5rem 4rem}#intro{text-align:center;margin-bottom:4.5rem}#intro h2{margin:1.1rem 0;font-size:clamp(1.9rem,4.6vw,3.2rem)}.lede{color:var(--cream-dim);max-width:34rem;margin:0 auto}#grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2.2rem 1.6rem;display:grid}.card{background:var(--ink-2);border:1px solid #b08d572e;border-radius:3px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.card:hover{border-color:#e8a94c80;transform:translateY(-6px);box-shadow:0 18px 48px #000000a6,0 4px 24px #e8a94c1f}.card img{aspect-ratio:800/1071;object-fit:cover;filter:saturate(.92);width:100%;height:auto;transition:filter .35s;display:block}.card:hover img{filter:saturate(1.05)}.card-body{padding:1rem 1.1rem 1.25rem}.card-num{font-family:var(--serif);color:var(--brass);font-size:.8rem;font-style:italic}.card h3{margin:.25rem 0 .5rem;font-size:1.18rem}.card .teaser{color:var(--cream-dim);font-size:.86rem;line-height:1.55}.card .moods{flex-wrap:wrap;gap:.35rem;margin:.7rem 0 .9rem;display:flex}.chip{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);border:1px solid #b08d5759;border-radius:999px;padding:.2em .7em;font-size:.62rem}.card .btn{text-align:center;width:100%}#compendium{background:radial-gradient(80% 120% at 0% 50%, #5c1a1e80, transparent 65%), var(--ink-2);border:1px solid #e8a94c47;border-radius:4px;grid-template-columns:minmax(220px,340px) 1fr;align-items:center;gap:3rem;margin-top:6rem;padding:3rem;display:grid}.comp-cover img{border-radius:2px;width:100%;box-shadow:0 24px 60px #000000b3}.comp-copy h2{margin:.9rem 0 .4rem;font-size:clamp(1.8rem,3.6vw,2.8rem)}.comp-sub{font-family:var(--serif);color:var(--amber);margin-bottom:1rem;font-style:italic}.comp-copy>p:not(.comp-sub):not(.kicker){color:var(--cream-dim);max-width:32rem}.comp-actions{margin-top:1.8rem}@media (width<=720px){#compendium{grid-template-columns:1fr;padding:1.6rem}.comp-cover{max-width:240px;margin:0 auto}}#about{text-align:center;max-width:40rem;margin:5rem auto 0}#about h2{margin:.8rem 0 1.1rem;font-size:clamp(1.6rem,3vw,2.2rem)}#about p:not(.kicker):not(.about-links){color:var(--cream-dim);margin-bottom:1rem}.about-links{font-family:var(--serif);margin-top:1.4rem;font-style:italic}.about-links a,.foot-links a,.pent-links a{color:var(--amber);text-decoration:none}.about-links a:hover,.foot-links a:hover,.pent-links a:hover{color:#f4c87e;text-decoration:underline}.pent-links{color:var(--cream-dim);margin-top:1rem;font-size:.78rem}#foot{text-align:center;color:#6d6355;padding:3rem 1rem;font-size:.75rem}.foot-links{margin-top:.4rem}html.gl body{overflow:hidden}html.gl #content,html.gl #foot{display:none}#gl-canvas{z-index:0;position:fixed;inset:0}html.gl #gate{background:0 0}html.gl #gate:before{display:none}#story-panel{z-index:60;opacity:0;pointer-events:none;transition:opacity .4s;position:fixed;inset:0}#story-panel.in{opacity:1}.panel-info{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#120c0aeb;border:1px solid #e8a94c59;border-radius:4px;align-items:center;gap:1.5rem;width:min(760px,92vw);padding:1.1rem 1.4rem;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:4.6rem;left:50%;transform:translate(-50%)translateY(-14px)}#story-panel.in .panel-info{transform:translate(-50%)translateY(0)}.panel-info .panel-copy{flex-direction:column;flex:auto;min-width:0;display:flex}#story-panel h3{margin:.2rem 0 .5rem;font-size:1.3rem}#story-panel .panel-quote{font-family:var(--serif);color:var(--amber);margin-bottom:.5rem;font-size:.95rem;font-style:italic}#story-panel .teaser{color:var(--cream-dim);font-size:.85rem}#story-panel .moods{flex-wrap:wrap;gap:.35rem;margin:.6rem 0 0;display:flex}.panel-info .btn{white-space:nowrap;flex:none;align-self:center;padding:.95rem 1.8rem;font-size:1.05rem}.panel-cover{pointer-events:none;border-radius:3px 3px 0 0;width:min(300px,62vw);height:auto;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(24px);box-shadow:0 -8px 34px #0009,0 26px 70px #000000d9}#story-panel.in .panel-cover{transform:translate(-50%)translateY(0)}.panel-close{width:1.9rem;height:1.9rem;color:var(--cream-dim);cursor:pointer;background:#120c0af2;border:1px solid #e8a94c59;border-radius:50%;place-items:center;font-size:1.25rem;line-height:1;display:grid;position:absolute;top:-.85rem;right:-.85rem}.panel-close:hover{color:var(--cream)}@media (width<=720px){.panel-info{flex-direction:column;align-items:stretch;gap:.9rem;top:4rem}.panel-info .btn{text-align:center;align-self:stretch}.panel-cover{width:min(230px,58vw)}}.listen-hint{z-index:70;color:var(--amber);pointer-events:none;filter:drop-shadow(0 0 6px #e8a94c99);opacity:1;transition:opacity .6s;animation:.85s ease-in-out infinite listen-bob;position:fixed}.listen-hint.out{opacity:0}.listen-hint svg{margin:0 auto;display:block}@keyframes listen-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-7px)}}@media (prefers-reduced-motion:reduce){.listen-hint{animation:none}}#keyhole{z-index:55;pointer-events:none;background:#0503028c;place-items:center;animation:.35s keyhole-in;display:grid;position:fixed;inset:0}@keyframes keyhole-in{0%{opacity:0}}.keyhole-mask{width:min(42vmin,340px);height:min(58vmin,470px);clip-path:path("M170 40 A85 85 0 1 0 169.9 40 M170 210 L110 430 L230 430 Z");clip-path:polygon(50% 0%,61% 3%,70% 9%,76% 18%,78% 28%,76% 38%,70% 47%,63% 52%,72% 92%,74% 100%,26% 100%,28% 92%,37% 52%,30% 47%,24% 38%,22% 28%,24% 18%,30% 9%,39% 3%);filter:sepia(.25)saturate(1.1)brightness(.92);background-position:50% 30%;background-size:cover;animation:3.2s ease-in-out infinite candleflicker}@keyframes candleflicker{0%,to{filter:sepia(.25)saturate(1.1)brightness(.88)}40%{filter:sepia(.2)saturate(1.15)brightness()}55%{filter:sepia(.28)saturate(1.05)brightness(.9)}70%{filter:sepia(.22)saturate(1.12)brightness(.98)}}#mood-card{z-index:58;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120c0ae6;border:1px solid #b08d5759;border-radius:4px;width:250px;padding:1rem 1.1rem;position:fixed;bottom:1.4rem;left:1.4rem}.mood-lede{font-family:var(--serif);color:var(--cream);margin:.35rem 0 .7rem;font-size:.9rem;font-style:italic}.mood-btns{flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem;display:flex}.mood-btns button{cursor:pointer;color:var(--amber);font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid #e8a94c66;border-radius:999px;padding:.3em .85em;font-size:.68rem;transition:background .25s,color .25s}.mood-btns button:hover{background:var(--amber);color:#241503}.mood-all{color:var(--brass);letter-spacing:.06em;font-size:.75rem;text-decoration:none}.mood-all:hover{color:var(--amber)}@media (width<=720px){#mood-card{display:none}}#pent-panel{z-index:62;opacity:0;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140d08f0;border:1px solid #e8a94c80;border-radius:5px;width:min(430px,92vw);padding:1.8rem 1.8rem 2rem;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.94);box-shadow:0 30px 90px #000c,0 0 60px #e8a94c1f}#pent-panel.in{opacity:1;transform:translate(-50%,-50%)scale(1)}#pent-panel img{border-radius:2px;width:150px;margin:.9rem auto;display:block;box-shadow:0 16px 40px #000000bf}#pent-panel h3{font-size:1.5rem}#pent-panel .teaser{color:var(--cream-dim);margin:.7rem 0 1.2rem;font-size:.88rem}#pent-wall{z-index:61;opacity:0;pointer-events:none;background:#0a0706;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:3px;padding:3px;transition:opacity .7s;display:grid;position:fixed;inset:0}#pent-wall.in{opacity:1}#pent-wall:after{content:"";pointer-events:none;background:radial-gradient(#0a0706e6 0%,#0a07068c 42%,#0a0706cc 100%);position:absolute;inset:0}.pent-tile{filter:brightness(.5)saturate(.9);background-position:50%;background-size:cover}@media (width<=720px){#pent-wall{grid-template-columns:repeat(4,1fr)}}