:root{--color-bg: #030d16;--color-surface: #071522;--color-surface-alt: #0d1f2e;--color-text: #ffffff;--color-muted: #b9c3cf;--color-accent: #d8b46a;--color-accent-hover: #e8c884;--color-border: #344554;--color-draft: #f0a500;--color-link: #d8b46a;--color-link-hover: #e8c884;--font-display: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-body: Georgia, "Times New Roman", serif;--font-mono: "Courier New", monospace;--max-width: 1280px;--max-width-prose: 720px;--radius: 6px;--radius-sm: 3px;--space-gutter: 2rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-link);text-decoration:none;transition:color .2s}a:hover,a:focus-visible{color:var(--color-link-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;font-weight:600;letter-spacing:-.01em}h1{font-size:2.5rem;margin-bottom:.5em}h2{font-size:1.5rem;margin-bottom:.5em}h3{font-size:1.2rem;margin-bottom:.4em}p{margin-bottom:1em}ul,ol{margin-bottom:1em;padding-left:1.5em}li{margin-bottom:.3em}.site-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.75rem var(--space-gutter)}.site-header__inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand:hover{text-decoration:none}.brand__logo{width:56px;height:56px;object-fit:contain;flex-shrink:0}.brand__copy{display:flex;flex-direction:column;line-height:1.1}.brand__name{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.12em;color:var(--color-text)}.brand__tagline{font-family:var(--font-display);font-size:.6rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-top:.15rem}.site-nav{display:flex;gap:2rem}.site-nav a{color:var(--color-muted);font-family:var(--font-display);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding-bottom:.25rem;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--color-text);text-decoration:none;border-bottom-color:var(--color-accent)}.site-nav a[aria-current=page]{color:var(--color-text);border-bottom-color:var(--color-accent)}main{flex:1;width:100%}.hero{position:relative;max-width:var(--max-width);margin:0 auto;padding:4rem var(--space-gutter) 3.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:380px;overflow:hidden;border-bottom:1px solid var(--color-border);background-image:linear-gradient(90deg,var(--color-bg) 0%,rgba(3,13,22,.82) 30%,rgba(3,13,22,.35) 55%,transparent 75%),url(/images/Iluvian-map.png);background-size:cover;background-position:right center;background-repeat:no-repeat}.hero__content{position:relative;z-index:1;max-width:560px}.hero__eyebrow{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1.5rem}.hero h1{font-size:3.5rem;font-weight:700;line-height:1.05;letter-spacing:-.02em;margin-bottom:1.25rem}.hero__intro{font-size:1.15rem;color:var(--color-muted);max-width:460px;margin-bottom:2rem;line-height:1.5}.hero__aside{position:relative;z-index:1;font-family:var(--font-display);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-align:right;line-height:2;flex-shrink:0}.button{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.7em 1.5em;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.button--outline{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.button--outline:hover,.button--outline:focus-visible{background:#d8b46a1a;color:var(--color-accent-hover);border-color:var(--color-accent-hover);text-decoration:none}.home-filters{max-width:var(--max-width);margin:0 auto;padding:1.5rem var(--space-gutter);display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;border-bottom:1px solid var(--color-border)}.home-filters__label{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin-right:.25rem}.latest{max-width:var(--max-width);margin:0 auto;padding:3rem var(--space-gutter) 4rem}.section-heading{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.section-heading h2{font-size:.85rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);white-space:nowrap;margin:0}.section-heading__rule{flex:1;height:1px;background:var(--color-border)}.section-heading a{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);white-space:nowrap}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.post-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s;text-decoration:none;color:inherit;cursor:pointer}.post-card:hover{border-color:var(--color-accent)}.post-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.post-card__image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.post-card__image--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface-alt) 0%,var(--color-surface) 100%);font-size:2.5rem;color:var(--color-accent);opacity:.4}.post-card__body{padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;flex:1}.post-card__date{font-family:var(--font-display);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.5rem}.post-card__title{font-size:1.25rem;margin-bottom:.4em;line-height:1.25;color:var(--color-text)}.post-card:hover .post-card__title{color:var(--color-accent)}.post-card__meta{font-family:var(--font-display);font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem}.post-card__description{color:var(--color-muted);font-size:.92rem;line-height:1.5;margin-bottom:1rem;flex:1}.post-card__link{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);align-self:flex-start}.post-card:hover .post-card__link{color:var(--color-accent-hover)}.badge{display:inline-block;font-family:var(--font-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.15em .5em;border-radius:var(--radius-sm);background-color:var(--color-surface-alt);color:var(--color-text);vertical-align:middle;margin-left:.5em}.badge--draft{background-color:var(--color-draft);color:#1a1a2e}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:3rem 1.5rem 2rem;text-align:center}.site-footer__quote{display:flex;align-items:center;justify-content:center;gap:1.5rem;max-width:700px;margin:0 auto 2rem}.site-footer__rule{flex:1;height:1px;background:var(--color-border);max-width:120px}.site-footer__quote p{font-family:var(--font-body);font-style:italic;font-size:1rem;color:var(--color-text);margin:0 0 .25rem}.site-footer__quote span{font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.site-footer__copyright{font-family:var(--font-display);font-size:.72rem;letter-spacing:.08em;color:var(--color-muted)}.page-frame{max-width:var(--max-width-prose);margin:0 auto;padding:3rem var(--space-gutter) 4rem}.page-frame--centered{text-align:center;display:flex;flex-direction:column;align-items:center}.page-eyebrow{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1rem}.page-title{font-size:2.5rem;margin-bottom:.75rem}.page-lede{font-size:1.15rem;color:var(--color-muted);margin-bottom:2rem}.page-frame .filters{margin-bottom:2.5rem}.filters{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end;margin-bottom:2rem}.filters__group{margin-bottom:0}.filters__legend{font-family:var(--font-display);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:.4em;display:block}.filters__options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{font-family:var(--font-display);font-size:.78rem;font-weight:500;padding:.35em .9em;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.filter-btn:hover,.filter-btn:focus-visible{background:var(--color-surface-alt);color:var(--color-text);outline:none}.filter-btn--active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.filter-btn--active:hover{background:var(--color-accent-hover);color:var(--color-bg)}.filter-select{font-family:var(--font-display);font-size:.78rem;padding:.35em .7em;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);cursor:pointer;max-width:100%}.filter-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.filter-select option{background-color:var(--color-surface);color:var(--color-text)}.filter-clear{font-family:var(--font-display);font-size:.72rem;font-weight:500;letter-spacing:.06em;padding:.35em .9em;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);cursor:pointer;transition:background .2s,color .2s}.filter-clear:hover,.filter-clear:focus-visible{background:var(--color-surface-alt);color:var(--color-text);outline:none}.filter-clear:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.post{max-width:var(--max-width-prose);margin:0 auto;padding:3rem var(--space-gutter) 4rem}.post__header{margin-bottom:2.5rem}.post__title{font-size:2.5rem;margin-bottom:.75rem;line-height:1.15}.post__meta{font-family:var(--font-display);font-size:.8rem;letter-spacing:.04em;color:var(--color-muted);margin-bottom:.5rem}.post__description{font-size:1.15rem;color:var(--color-muted);margin-top:1rem;font-style:italic}.post__back{display:inline-block;margin-top:3rem;font-family:var(--font-display);font-size:.78rem;font-weight:500;letter-spacing:.06em;color:var(--color-accent)}.prose{font-size:1.05rem;line-height:1.7;color:var(--color-text)}.prose h2{font-size:1.6rem;margin-top:2.5em;margin-bottom:.75em}.prose h3{font-size:1.25rem;margin-top:2em;margin-bottom:.6em}.prose p{margin-bottom:1.2em}.prose img{max-width:100%;height:auto;border-radius:var(--radius);margin:1.5em 0}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:1.25em;margin:1.5em 0;color:var(--color-muted);font-style:italic}.prose code{font-family:var(--font-mono);background-color:var(--color-surface);padding:.15em .35em;border-radius:var(--radius-sm);font-size:.9em;color:var(--color-accent)}.prose pre{background-color:var(--color-surface);padding:1.25em;border-radius:var(--radius);border:1px solid var(--color-border);overflow-x:auto;margin:1.5em 0}.prose pre code{background:none;padding:0;color:var(--color-text)}.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.92rem}.prose th,.prose td{border:1px solid var(--color-border);padding:.6em .8em;text-align:left}.prose th{background-color:var(--color-surface);font-family:var(--font-display);font-weight:600}.prose ul,.prose ol{margin-bottom:1.2em;padding-left:1.5em}.prose strong{color:var(--color-text)}.empty-state{color:var(--color-muted);font-style:italic;padding:3rem 0;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1024px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--space-gutter: 1.25rem}.site-header__inner{flex-direction:column;align-items:flex-start;gap:.75rem}.brand__logo{width:44px;height:44px}.site-nav{gap:1.25rem}.hero{flex-direction:column;align-items:flex-start;padding:3rem var(--space-gutter) 2.5rem;min-height:auto;background-position:center 30%}.hero h1{font-size:2.5rem}.hero__aside{text-align:left}.home-filters{flex-direction:column;align-items:flex-start}.home-filters .filter-select,.home-filters .filter-clear{width:100%}}@media(max-width:640px){html{font-size:16px}.post-grid{grid-template-columns:1fr;gap:1.25rem}.hero h1{font-size:2rem}.post__title,.page-title{font-size:1.75rem}.section-heading{flex-wrap:wrap;gap:.5rem}.site-footer__quote{flex-direction:column;gap:.75rem}.site-footer__rule{width:60px;max-width:60px}}