body{background:#16120d;color:#fbf9f4eb;overflow-x:hidden}main{width:100%;max-width:min(1320px,92vw);margin:0 auto;padding:0 1em 5em;box-sizing:border-box}@keyframes underlineDraw{0%{width:0;opacity:0}to{width:clamp(120px,40%,360px);opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes storiesHeroIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes goldShimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes cardReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.stories-hero{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;min-height:45vh;padding:5rem 1rem 4.5rem;text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(201,162,39,.07) 0%,transparent 70%),linear-gradient(to bottom,#0e0b07,#16120d 55%,#1a150e);border-bottom:1px solid rgba(201,162,39,.12);margin-bottom:0;overflow:hidden;display:flex;align-items:center}.stories-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(201,162,39,.08) 0%,transparent 70%);pointer-events:none;animation:glowPulse 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.stories-hero:before{animation:none;opacity:.8}}.hero-inner{position:relative;z-index:1;max-width:min(1320px,92vw);margin:0 auto}.hero-eyebrow{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#c9a2278c;margin-bottom:1rem;animation:storiesHeroIn .5s cubic-bezier(.25,.46,.45,.94) .05s both}.hero-heading{font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);font-weight:400;font-style:italic;line-height:1;letter-spacing:-.03em;margin:0;text-shadow:0 0 60px rgba(201,162,39,.12),0 2px 4px rgba(0,0,0,.5);background:linear-gradient(90deg,#fbf9f4f2,#c9a227,#f0d060,#c9a227,#fbf9f4f2);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:storiesHeroIn .5s cubic-bezier(.25,.46,.45,.94) .15s both,goldShimmer 8s linear infinite}.hero-heading em{font-style:normal}.hero-title-underline{display:block;width:60px;height:1px;background:#c9a22766;margin:1.2em auto;animation:storiesHeroIn .5s cubic-bezier(.25,.46,.45,.94) .28s both}.hero-quote{font-family:var(--font-display);font-style:italic;font-size:clamp(1rem,2.5vw,1.35rem);color:#ffe6b473;max-width:54ch;margin:0 auto 1.2rem;line-height:1.55;letter-spacing:.01em;animation:storiesHeroIn .5s cubic-bezier(.25,.46,.45,.94) .42s both}.hero-quote:before{content:"“"}.hero-quote:after{content:"”"}.hero-subtitle{display:block;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1rem,2vw,1.2rem);color:#ffe6b48c;letter-spacing:.01em;max-width:55ch;margin:0 auto 1.1rem;line-height:1.55;animation:storiesHeroIn .5s cubic-bezier(.25,.46,.45,.94) .32s both}.hero-sub{font-size:1rem;color:#ffe6b473;max-width:56ch;margin:0 auto 1.5rem;line-height:1.7;animation:storiesHeroIn .5s cubic-bezier(.25,.46,.45,.94) .38s both}.hero-stats{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;animation:storiesHeroIn .5s cubic-bezier(.25,.46,.45,.94) .48s both}.hero-stat-pill{display:inline-flex;align-items:center;gap:.5em;background:#c9a22712;border:1px solid rgba(201,162,39,.28);border-radius:999px;padding:.32em 1.1em;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:.95rem;color:#ffe6b4b3;letter-spacing:.02em}.hero-stat-pill strong{color:#c9a227;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:1.1rem}.hero-stat-sep{width:3px;height:3px;border-radius:50%;background:#c9a22759;display:inline-block}.section-divider{width:100vw;position:relative;left:50%;margin-left:-50vw;height:1px;background:linear-gradient(to right,transparent 0%,rgba(201,162,39,0) 5%,rgba(201,162,39,.45) 30%,rgba(201,162,39,.65) 50%,rgba(201,162,39,.45) 70%,rgba(201,162,39,0) 95%,transparent 100%);margin-bottom:0}.ornamental-divider{display:flex;align-items:center;justify-content:center;gap:.6em;margin:2.5rem 0 2rem;color:#c9a22773;font-size:.7rem;letter-spacing:.25em}.ornamental-divider:before,.ornamental-divider:after{content:"";flex:1;height:1px}.ornamental-divider:before{background:linear-gradient(to right,transparent,rgba(201,162,39,.2))}.ornamental-divider:after{background:linear-gradient(to left,transparent,rgba(201,162,39,.2))}.filter-strip{position:sticky;top:var(--header-height, 55px);z-index:20;background:#16120df5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,162,39,.1);padding:.75rem 0;margin-bottom:2.5rem}.filter-strip:before,.filter-strip:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:2}.filter-strip:before{left:0;background:linear-gradient(to right,#16120d,transparent)}.filter-strip:after{right:0;background:linear-gradient(to left,#16120d,transparent)}.filter-strip-inner{max-width:min(1320px,92vw);margin:0 auto;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:0 1rem;scroll-snap-type:x proximity}.filter-strip-inner::-webkit-scrollbar{display:none}.region-tab{flex-shrink:0;border:1px solid rgba(201,162,39,.15);border-radius:999px;padding:.42em .9em .42em .75em;min-height:36px;font-size:.72rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap;background:#c9a2270f;box-shadow:none;color:#ffe6b480;transition:background .2s,border-color .2s,color .2s;display:inline-flex;align-items:center;gap:.35em;scroll-snap-align:start;position:relative}.region-tab:hover{border-color:#c9a2274d;color:#ffe6b4cc;background:#c9a2271a}.region-tab.active{background:#c9a2272e;color:#c9a227;border-color:#c9a22773;font-weight:600}.region-tab:before{content:"";width:4px;height:4px;border-radius:50%;background:#c9a227;flex-shrink:0;opacity:0;transform:scale(0);transition:opacity .22s cubic-bezier(.25,.46,.45,.94),transform .22s cubic-bezier(.25,.46,.45,.94)}.region-tab.active:before{opacity:1;transform:scale(1)}.tab-count{font-size:.7em;font-weight:700;vertical-align:super;line-height:1;background:#c9a22724;border-radius:999px;padding:.05em .4em;color:#c9a227cc;min-width:1.4em;text-align:center;display:inline-block}.region-tab.active .tab-count{background:#c9a22738;color:#c9a227}.sort-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;justify-content:flex-end}.sort-label{font-size:.72rem;font-weight:400;font-family:var(--font-display);font-variant:small-caps;letter-spacing:.1em;color:#ffe6b459;white-space:nowrap}.sort-select{appearance:none;-webkit-appearance:none;background:#0e0b06cc;border:1px solid rgba(201,162,39,.2);border-radius:8px;color:#ffe6b4b3;font-size:.75rem;font-family:inherit;font-weight:400;letter-spacing:.04em;padding:.38em 2em .38em .7em;cursor:pointer;min-height:32px;box-shadow:none;outline:none;transition:border-color .15s,color .15s,background .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23c9a227' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6em center;background-size:10px 6px}.sort-select:hover{border-color:#c9a22780;color:#ffe6b4e6}.sort-select:focus{border-color:#c9a22780;outline:none}.story-grid-wrap{content-visibility:auto;contain-intrinsic-size:0 2400px}.story-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;min-height:400px}@media(max-width:1400px){.story-grid{grid-template-columns:repeat(6,1fr);gap:8px}}@media(max-width:1100px){.story-grid{grid-template-columns:repeat(5,1fr);gap:8px}}@media(max-width:768px){.story-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media(max-width:540px){.story-grid{grid-template-columns:repeat(3,1fr);gap:6px}}@media(max-width:380px){.story-grid{grid-template-columns:repeat(2,1fr);gap:6px}}.story-card{display:flex;flex-direction:column;text-decoration:none;background:#1a1610;border:1px solid rgba(201,162,39,.15);border-top:2px solid rgba(201,162,39,.35);border-radius:10px;overflow:hidden;box-shadow:none;transition:transform .26s cubic-bezier(.25,.46,.45,.94),box-shadow .26s cubic-bezier(.25,.46,.45,.94),border-color .26s cubic-bezier(.25,.46,.45,.94);position:relative;will-change:transform,opacity}@media(prefers-reduced-motion:no-preference){.story-card{opacity:0;transform:translateY(18px)}.story-card.card-visible{opacity:1;transform:translateY(0);transition:opacity .38s cubic-bezier(.25,.46,.45,.94),transform .38s cubic-bezier(.25,.46,.45,.94),box-shadow .26s cubic-bezier(.25,.46,.45,.94),border-color .26s cubic-bezier(.25,.46,.45,.94)}}.story-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #000000a6,0 0 0 1px var(--card-accent, rgba(201, 162, 39, .25));border-color:#c9a22766;z-index:2}.story-card:after{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;transition:box-shadow .26s cubic-bezier(.25,.46,.45,.94);z-index:6}.story-card:hover:after{box-shadow:inset 0 0 32px #c9a2270d}.card-image-area{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;flex-shrink:0}.card-image-area img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;z-index:1;filter:brightness(.65) saturate(.85);transition:filter .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.story-card:hover .card-image-area img{filter:brightness(.88) saturate(1.05);transform:scale(1.08)}.card-noart-bg{position:absolute;inset:0;background:var(--card-noart-gradient, radial-gradient(ellipse at center, rgba(201,162,39,.1) 0%, rgba(26,22,16,.95) 65%, #1a1610 100%))}.card-noart-bg:before{content:attr(data-initial);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:9rem;font-style:italic;font-weight:700;color:#c9a227;opacity:.16;line-height:1;pointer-events:none;user-select:none}.card-noart-bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='1' cy='1' r='0.6' fill='rgba(201,162,39,0.05)'/%3E%3Ccircle cx='21' cy='21' r='0.6' fill='rgba(201,162,39,0.05)'/%3E%3C/svg%3E");background-size:40px 40px;pointer-events:none}.card-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(14,11,6,.88) 72%,rgba(14,11,6,.97) 100%);z-index:2;pointer-events:none;opacity:.88;transition:opacity .42s cubic-bezier(.25,.46,.45,.94)}.story-card:hover .card-img-overlay{opacity:1}.card-accent-bar{position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(to right,transparent 0%,var(--card-accent, rgba(201, 162, 39, .8)) 30%,var(--card-accent, rgba(201, 162, 39, .8)) 70%,transparent 100%);opacity:.9}.card-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:0 .75em .75em;z-index:4}.card-title-overlay{margin:0;font-family:var(--font-display);font-size:1.1rem;font-weight:400;font-style:italic;color:#fbf9f4f2;line-height:1.2;letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.8),0 2px 16px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s cubic-bezier(.25,.46,.45,.94)}.story-card:hover .card-title-overlay{color:#f0d060}.tradition-badge{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:.2em .6em;border:1px solid transparent;flex-shrink:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-shadow:0 1px 3px rgba(0,0,0,.7)}.card-meta-row{display:flex;align-items:center;gap:.4em;flex-wrap:wrap;margin-top:.35em}.card-tradition-badge{display:inline-block;font-size:.67rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:.18em .55em;line-height:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;max-width:12ch;text-overflow:ellipsis}.card-when{font-family:var(--font-display);font-style:italic;font-size:.7rem;color:#ffe6b461;line-height:1;white-space:nowrap}.card-footer{padding:.55em .75em .65em;flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0}.card-summary{margin:0;font-size:.82rem;color:#ffe6b480;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:1100px){.card-footer{display:none}}@media(max-width:1099px){.card-footer{display:flex}}@media(max-width:540px){.card-footer,.card-tradition-badge{display:none}}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2.5rem 0 0;flex-wrap:wrap}.page-btn{border:1px solid rgba(201,162,39,.3);border-radius:999px;padding:.8em 2.5em;min-height:42px;font-size:.88rem;font-weight:400;cursor:pointer;background:transparent;box-shadow:none;color:#c9a227cc;transition:background .18s,border-color .18s,color .18s,opacity .18s;letter-spacing:.06em;display:inline-flex;align-items:center;gap:.4em}.page-btn:hover:not(:disabled){background:#c9a2271a;border-color:#c9a22799;color:#c9a227}.page-btn:disabled{opacity:.22;cursor:not-allowed}#page-info{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.2rem;color:#ffe6b48c;min-width:9ch;text-align:center;letter-spacing:.04em}@media(max-width:640px){.pagination{gap:.5rem}.page-btn{flex:1;justify-content:center;min-width:0}#page-info{order:-1;width:100%;text-align:center}.stories-hero{padding:3rem 1rem 2.5rem}.hero-subtitle{font-size:.78rem}.hero-sub{font-size:.92rem}.filter-strip-inner{padding:0 .5rem}.sort-select{width:100%}}@media(max-width:540px){.card-title-overlay{font-size:.85rem;padding:0 .4em .5em}.card-name-overlay{padding:0 .4em .5em}}@media(max-width:480px){.sort-bar{flex-direction:column;align-items:flex-start;justify-content:flex-start}.sort-select{width:100%}}@media(max-width:400px){.ornamental-divider:before,.ornamental-divider:after{min-width:0;flex:0 0 20px}}@media(max-width:380px){.card-title-overlay{font-size:.8rem}}.surprise-btn{display:inline-flex;align-items:center;gap:.45em;background:transparent;border:1px solid rgba(201,162,39,.35);border-radius:999px;padding:.38em 1.2em;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:.92rem;color:#c9a227bf;letter-spacing:.04em;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .18s;white-space:nowrap}.surprise-btn:hover{background:#c9a2271a;border-color:#c9a227a6;color:#c9a227;transform:translateY(-1px)}.surprise-btn:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.surprise-btn{transition:background .15s,border-color .15s,color .15s}.surprise-btn:hover{transform:none}}.tag-cloud-wrap{margin-bottom:0}.tag-cloud-label{font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#c9a22766;display:block;margin-bottom:.65rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.tag-pill{flex-shrink:0;border:1px solid rgba(201,162,39,.15);border-radius:999px;padding:.28em .72em;font-size:.68rem;font-weight:400;letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:#c9a2270d;color:#ffe6b473;transition:background .18s,border-color .18s,color .18s;line-height:1.5}.tag-pill:hover{border-color:#c9a2274d;color:#ffe6b4cc;background:#c9a22717}.tag-pill.active{background:#c9a2272e;color:#c9a227;border-color:#c9a2278c;font-weight:600}.tag-cloud-overflow{display:none}.tag-cloud-overflow.revealed{display:contents}.tag-cloud-toggle{background:none;border:none;padding:0;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#c9a22773;cursor:pointer;margin-top:.2rem;transition:color .15s;display:inline-block}.tag-cloud-toggle:hover{color:#c9a227}.noscript-warning{background:#c9a22714;border:1px solid rgba(201,162,39,.3);border-radius:8px;padding:1em 1.25em;color:#ffe6b499;font-size:.9rem;margin-bottom:1.5rem}.filter-banner{display:none;align-items:center;gap:.6em;background:#c9a22712;border:1px solid rgba(201,162,39,.18);border-radius:8px;padding:.6em 1.2em;margin-bottom:1.25rem;font-size:.82rem;color:#ffe6b4bf;flex-wrap:wrap}.filter-banner.visible{display:flex}.filter-banner-label{flex:1;line-height:1.4}.filter-banner-label strong{color:#c9a227;font-weight:700}.filter-banner-dismiss{flex-shrink:0;background:#c9a2271f;border:1px solid rgba(201,162,39,.3);border-radius:999px;padding:.22em .75em;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#c9a227;cursor:pointer;transition:background .15s cubic-bezier(.25,.46,.45,.94),border-color .15s cubic-bezier(.25,.46,.45,.94);white-space:nowrap}.filter-banner-dismiss:hover{background:#c9a22738;border-color:#c9a22799}.empty-state{grid-column:1 / -1;padding:4em 1em;text-align:center;font-family:var(--font-display);font-style:italic;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.empty-state-glyph{font-size:2.8rem;color:#c9a2274d;line-height:1;letter-spacing:.3em;user-select:none}.empty-state-msg{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.4rem;color:#c9a22766;line-height:1.5;max-width:36ch}.empty-state-hint{font-size:.78rem;font-weight:400;letter-spacing:.07em;text-transform:uppercase;color:#ffe6b438}.back-to-top{position:fixed;bottom:2rem;right:2rem;z-index:50;width:44px;height:44px;border-radius:50%;background:#16120deb;border:1px solid rgba(201,162,39,.35);color:#c9a227;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s cubic-bezier(.25,.46,.45,.94),transform .22s cubic-bezier(.25,.46,.45,.94),box-shadow .22s cubic-bezier(.25,.46,.45,.94),border-color .22s cubic-bezier(.25,.46,.45,.94)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{box-shadow:0 8px 24px #00000080;border-color:#c9a227b3}@media(max-width:480px){.back-to-top{bottom:1rem;right:1rem}}