@keyframes goldShimmer{to{background-position:200% center}}@keyframes underlineDraw{0%{width:0;opacity:0}to{width:min(280px,55%);opacity:1}}@keyframes shimmer{to{background-position:200% center}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes epicFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.hero h1,.hero-underline{animation:none!important;opacity:1!important;transform:none!important}.tile,.tile.visible{opacity:1!important;transform:none!important;transition:none!important}}html,body{background:#16120d}main{width:100%;margin:0;padding:0;background:#16120d;color:#fbf9f4eb}.hero{width:100%;padding:4rem 1.5rem 3rem;text-align:center;border-bottom:1px solid rgba(201,162,39,.2);position:relative;overflow:visible;background:#0e0c08}.hero-bg{position:absolute;inset:0;background-image:var(--hero-bg-url);background-size:cover;background-position:center 30%;opacity:.18;pointer-events:none;z-index:0}.hero-bg-vignette{position:absolute;inset:0;background:linear-gradient(to bottom,#0e0c088c,#0e0c0833 40%,#0e0c08b3 85%,#0e0c08),linear-gradient(to right,rgba(14,12,8,.4) 0%,transparent 30%,transparent 70%,rgba(14,12,8,.4) 100%);pointer-events:none;z-index:0}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 65% 55% at 50% 35%,rgba(201,162,39,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;bottom:-40px;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,#16120d);pointer-events:none;z-index:2}.hero-rule{display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(320px,60%);height:1px;background:linear-gradient(to right,transparent,rgba(201,162,39,.45) 50%,transparent);z-index:3;pointer-events:none}.hero-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.hero-watermark svg{width:min(340px,70%);height:auto;opacity:.04;color:#c9a227}.hero h1{position:relative;z-index:1;margin:0 0 .3em;font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:400;font-style:italic;letter-spacing:.04em;text-shadow:0 2px 32px rgba(201,162,39,.25),0 0 80px rgba(201,162,39,.1);background:linear-gradient(90deg,#fbf9f4f2 20%,#c9a227 45%,#f0d060 55%,#fbf9f4f2 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroFadeUp .7s cubic-bezier(.25,.46,.45,.94) .05s both,goldShimmer 8s linear .75s infinite}.hero-underline{position:relative;z-index:1;display:block;height:1px;margin:0 auto 1em;background:linear-gradient(to right,transparent,rgba(201,162,39,.55) 50%,transparent);animation:underlineDraw .8s cubic-bezier(.25,.46,.45,.94) .3s both}.content{width:100%;max-width:100%;margin:0;padding:0;background:#16120d}.container{max-width:1400px;margin:0 auto;padding:2em 1em 0}.section-header{display:flex;align-items:center;gap:1em;margin:0 0 1.5em}.section-title{margin:0;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:400;color:#fbf9f4f2;letter-spacing:.03em;font-style:italic;white-space:nowrap}.section-title span{color:#c9a227}.section-count-badge{display:inline-flex;align-items:center;background:#c9a2271a;border:1px solid rgba(201,162,39,.3);border-radius:999px;padding:.2em .7em;font-size:.75rem;font-weight:700;color:#c9a227;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.section-rule{flex:1;height:1px;background:linear-gradient(to right,rgba(201,162,39,.3) 0%,transparent 100%);min-width:40px}.epic-filter-bar{display:flex;gap:.5em;margin-bottom:1.5em;flex-wrap:wrap}.epic-filter-btn{display:inline-flex;align-items:center;gap:.35em;padding:.35em 1em;border-radius:999px;border:1px solid rgba(201,162,39,.3);background:#1e1a14b3;color:#ffe6b4a6;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .18s cubic-bezier(.25,.46,.45,.94),border-color .18s cubic-bezier(.25,.46,.45,.94),color .18s cubic-bezier(.25,.46,.45,.94),box-shadow .18s cubic-bezier(.25,.46,.45,.94);font-family:inherit}.epic-filter-btn:hover,.epic-filter-btn.active{border-color:#c9a227a6;color:#c9a227;background:#c9a2271a;box-shadow:0 0 10px #c9a2272e inset}.epic-grid{columns:4;column-gap:8px;margin-bottom:0}.epic-tile{display:block;position:relative;overflow:hidden;border-radius:4px;background:#1e1a14;text-decoration:none;color:inherit;margin-bottom:8px;break-inside:avoid;cursor:pointer;animation:epicFadeIn .3s cubic-bezier(.25,.46,.45,.94) both}.epic-tile-inner{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:4px}.epic-tile img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;transition:transform .32s cubic-bezier(.25,.46,.45,.94),filter .32s cubic-bezier(.25,.46,.45,.94);filter:brightness(.92) saturate(1.05);transform:scale(1.07)}.epic-tile:hover{box-shadow:0 0 0 2px #c9a22799,0 12px 40px #c9a22738}.epic-tile:hover img{transform:scale(1.12);filter:brightness(1.05) saturate(1.12)}.epic-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,6,3,.95) 0%,rgba(8,6,3,.55) 40%,transparent 72%);display:flex;flex-direction:column;justify-content:flex-end;padding:.8em .75em;pointer-events:none;transform:translateY(14px);opacity:0;transition:opacity .24s cubic-bezier(.25,.46,.45,.94),transform .24s cubic-bezier(.25,.46,.45,.94);border-radius:4px}.epic-tile:hover .epic-overlay{opacity:1;transform:translateY(0)}.epic-overlay-name{font-family:var(--font-display);font-size:1rem;font-weight:400;font-style:italic;color:#fbf9f4f7;line-height:1.25;margin-bottom:.3em}.epic-overlay-cat{display:inline-flex;align-self:flex-start;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#c9a227;border:1px solid rgba(201,162,39,.45);background:#c9a22726;border-radius:999px;padding:.15em .55em;white-space:nowrap}.epic-tile[data-hidden=true]{display:none}.section-divider{width:100%;margin:3em 0 0;padding:0;border:none;position:relative;display:flex;align-items:center;gap:1.5em}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(201,162,39,.25) 30%,rgba(201,162,39,.25) 70%,transparent)}.section-divider-glyph{font-family:var(--font-display);font-size:1.1rem;color:#c9a2274d;letter-spacing:.15em;white-space:nowrap;flex-shrink:0;user-select:none}.controls{display:flex;align-items:center;gap:1em;margin-bottom:1em;flex-wrap:wrap}.filter-label{font-family:inherit;font-style:normal;font-weight:600;color:#fbf9f4eb;font-size:.9em;white-space:nowrap;flex-shrink:0}.stat-count{font-family:var(--font-display);font-style:italic;font-size:.88em;color:#ffe6b48c;margin-left:auto;white-space:nowrap;letter-spacing:.01em}.stat-count strong{color:#c9a227;font-weight:600;font-style:normal}.pill-bar-wrap{position:sticky;top:55px;z-index:10;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#16120deb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.5em 0;margin-bottom:0;mask-image:linear-gradient(to right,transparent 0,#000 2em,#000 calc(100% - 2em),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 2em,#000 calc(100% - 2em),transparent 100%);scroll-snap-type:x proximity;border-bottom:1px solid rgba(201,162,39,.18)}.pill-bar-wrap::-webkit-scrollbar{display:none}.pill-bar{display:flex;gap:.45em;padding:.3em 2em;width:max-content}.pill{display:inline-flex;align-items:center;gap:.4em;padding:.3em .75em;min-height:30px;border-radius:999px;border:1px solid rgba(201,162,39,.2);background:#c9a2270f;color:#ffe6b4a6;font-size:.72rem;font-weight:600;letter-spacing:.03em;white-space:nowrap;cursor:pointer;transition:background .18s cubic-bezier(.25,.46,.45,.94),border-color .18s cubic-bezier(.25,.46,.45,.94),color .18s cubic-bezier(.25,.46,.45,.94),box-shadow .18s cubic-bezier(.25,.46,.45,.94);font-family:inherit;scroll-snap-align:start}.pill:hover{border-color:#c9a22761;color:#ffe6b4d9;background:#c9a2271a;box-shadow:0 0 8px #c9a2271f inset}.pill.active{background:#c9a2272e;border-color:#c9a2278c;color:#f0d060;box-shadow:0 0 10px #c9a2272e inset,0 0 12px #c9a22766}.pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.3em;height:1.3em;padding:0 .25em;border-radius:999px;background:#0003;font-size:.72em;font-weight:700;line-height:1;transition:background .18s cubic-bezier(.25,.46,.45,.94),color .18s cubic-bezier(.25,.46,.45,.94)}.pill.active .pill-count{background:#c9a22733;color:#c9a227}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-bottom:2em;margin-top:1.5em}.tile{display:block;position:relative;overflow:hidden;border-radius:6px;background:#1a1610;border:1px solid rgba(201,162,39,.12);opacity:0;transform:translateY(18px);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .28s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(.25,.46,.45,.94);text-decoration:none;color:inherit;aspect-ratio:3 / 4}.tile.visible{opacity:1;transform:none}.tile:hover{transform:translateY(-3px);border-color:#c9a22759;box-shadow:0 12px 36px #000000a6,0 0 0 1px #c9a22740;z-index:2}.tile:hover:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #c9a2271f;pointer-events:none;border-radius:inherit;z-index:3}.tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .28s cubic-bezier(.25,.46,.45,.94);filter:brightness(.95) saturate(1.02);background:linear-gradient(90deg,#1e1a14 25%,#252018,#1e1a14 75%);background-size:200% 100%}.tile:hover img{transform:scale(1.07);filter:brightness(1.05) saturate(1.08)}.tile-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,11,6,.95) 0%,rgba(14,11,6,.65) 40%,transparent 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:.6em .65em;pointer-events:none;transition:background .22s cubic-bezier(.25,.46,.45,.94)}.tile:hover .tile-overlay{background:linear-gradient(to top,rgba(10,8,4,.98) 0%,rgba(10,8,4,.72) 40%,transparent 70%)}.overlay-name{font-family:var(--font-display, "Cormorant Garamond", Georgia, serif);font-size:clamp(.75rem,1.8vw,1rem);font-weight:400;font-style:italic;letter-spacing:.01em;color:#ffe6b4e6;text-shadow:0 1px 4px rgba(0,0,0,.9);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.3em}.overlay-tradition{display:inline-flex;align-self:flex-start;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#c9a2278c;border:1px solid rgba(201,162,39,.3);background:#c9a22714;border-radius:999px;padding:.15em .5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:.2em}.empty-state{display:none;flex-direction:column;align-items:center;justify-content:center;padding:5em 1em;text-align:center;gap:1em}.empty-state.visible{display:flex}.empty-glyph{font-size:5rem;line-height:1;color:#c9a22738;font-family:var(--font-display);font-weight:300;letter-spacing:-.05em;display:block}.empty-message{margin:0;color:#ffe6b480;font-size:1rem;font-style:italic;font-family:var(--font-display)}.empty-message strong{color:#c9a227b3;font-style:normal}.empty-clear-btn{display:inline-flex;align-items:center;gap:.4em;background:transparent;border:1px solid rgba(201,162,39,.35);border-radius:999px;color:#c9a227bf;padding:.45em 1.3em;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .18s cubic-bezier(.25,.46,.45,.94),border-color .18s cubic-bezier(.25,.46,.45,.94),color .18s cubic-bezier(.25,.46,.45,.94);font-family:inherit;margin-top:.25em}.empty-clear-btn:hover{background:#c9a2271a;border-color:#c9a22799;color:#c9a227}.load-more-container{margin:2em 0 3.5em;display:flex;flex-direction:column;align-items:center;gap:.75em}.load-more-container:before{content:"";display:block;width:min(280px,60%);height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,39,.18),transparent)}.load-more-btn{position:relative;display:inline-flex;align-items:center;gap:.5em;background:#16120d99;border:1px solid rgba(201,162,39,.4);border-radius:999px;color:#c9a227;padding:.8em 2.8em;font-size:1.05rem;font-family:var(--font-display);font-style:italic;font-weight:400;letter-spacing:.08em;cursor:pointer;transition:background .25s cubic-bezier(.25,.46,.45,.94),border-color .25s cubic-bezier(.25,.46,.45,.94),color .25s cubic-bezier(.25,.46,.45,.94),box-shadow .25s cubic-bezier(.25,.46,.45,.94),transform .25s cubic-bezier(.25,.46,.45,.94);text-align:center;min-width:280px;justify-content:center;overflow:hidden;box-shadow:0 0 0 1px #c9a22714 inset,0 4px 18px #0006}.load-more-btn #loadMoreCount{font-family:var(--font-display);font-style:normal;font-weight:600;font-size:1em;color:#f0d060}.load-more-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(201,162,39,.12) 50%,transparent 70%);background-size:200% 100%;background-position:-200% center;animation:shimmer 2.4s cubic-bezier(.25,.46,.45,.94) infinite;pointer-events:none}.load-more-btn:hover{background:#c9a2271a;border-color:#c9a227b3;color:#f0d060;transform:translateY(-2px);box-shadow:0 0 20px #c9a2271f,0 8px 28px #c9a22733,0 0 0 1px #c9a22726 inset}.load-more-btn:disabled{display:none}.load-more-btn.loading{pointer-events:none;opacity:.7}.epic-section{padding-top:2.5em;position:relative}.story-art-section{padding-top:1em;position:relative}.story-art-gallery .tile img{object-position:center top;transform:scale(1.07)}.story-art-gallery .tile:hover img{transform:scale(1.13)}.portraits-section{padding-top:1em;position:relative}.portraits-section:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,39,.2),transparent);pointer-events:none}.back-to-top{position:fixed;bottom:2rem;right:1.5rem;z-index:50;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;background:#16120dd9;border:1px solid rgba(201,162,39,.4);color:#c9a227;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),background .2s cubic-bezier(.25,.46,.45,.94),border-color .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{background:#c9a22726;border-color:#c9a227b3;box-shadow:0 4px 16px #c9a22738;transform:translateY(-2px)}.back-to-top svg{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:1100px){.epic-grid{columns:3}.gallery{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(max-width:768px){.hero{padding:2.5rem 1rem 2rem}.hero h1{font-size:2rem}.epic-grid{columns:2;column-gap:6px}.epic-tile{margin-bottom:6px}.gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:5px}.controls{flex-direction:column;align-items:flex-start}.stat-count{margin-left:0;width:100%}.pill-bar{flex-wrap:nowrap}.back-to-top{bottom:1.25rem;right:1rem}}@media(max-width:640px){.hero{padding:2rem .75rem 1.5rem}.hero h1{font-size:1.75rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:4px}.stat-count{font-size:.78em}.load-more-btn{width:100%;max-width:280px;display:flex;margin:1.5rem auto;min-width:unset}.load-more-container{justify-content:center}.pill{padding:.28em .6em;font-size:.68rem}.epic-grid{columns:2;column-gap:4px}.epic-tile{margin-bottom:4px}}@media(max-width:400px){.gallery{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:3px}.epic-grid{columns:2;column-gap:3px}.epic-tile{margin-bottom:3px}.hero{padding:1.75rem .6rem 1.25rem}.hero h1{font-size:1.55rem}}
