:root{--el-nature: #6ee83f;--el-fire: #ff5a2e;--el-water: #2e9fff;--el-air: #c8f2ff;--el-light: #ffe45c;--el-dark: #a05eff;--el-stone: #a68b62;--el-psi: #5fd9bc;--el-chaos: #b784c9;--el-energy: #e84fd0;--el-ice: #7fdcf0;--el-metal: #c6cfd8;--ink: #0b0e15;--paper: #f6efdc;--gold: #ffc94d;--leaf: #7ddc55;--sky: #74bdff;--ember: #ff7a3d;--deep: #a98bff;--tide: #3fc8dc;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--wrap: 70rem;--pad: clamp(1.1rem, 4vw, 2rem);--radius: 14px;--bg: var(--ink);--bg-lift: #131824;--bg-sunk: #07090e;--edge: rgba(246, 239, 220, .15);--fg: #f6f1e4;--fg-dim: #bcc3d1;--fg-faint: #8f98aa;--accent: var(--gold);--chapter: var(--gold);--head-font: var(--serif);--body-font: var(--sans)}[data-theme=plate]{--body-font: var(--serif)}[data-chapter=leaf]{--chapter: var(--leaf)}[data-chapter=sky]{--chapter: var(--sky)}[data-chapter=ember]{--chapter: var(--ember)}[data-chapter=deep]{--chapter: var(--deep)}[data-chapter=tide]{--chapter: var(--tide)}[data-chapter=paper]{--chapter: var(--paper)}[data-chapter=gold]{--chapter: var(--gold)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body-font);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--head-font);line-height:1.08;margin:0 0 .6em;font-weight:700}h1{font-size:clamp(2.2rem,7.4vw,4rem);letter-spacing:-.02em;text-wrap:balance}h2{font-size:clamp(1.6rem,5vw,2.5rem);letter-spacing:-.01em;text-wrap:balance}h3{font-size:clamp(1.1rem,3.4vw,1.3rem)}p{margin:0 0 1.1em}img,video{max-width:100%;height:auto;display:block}a{color:var(--accent);text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}.lede{font-size:clamp(1.05rem,3.2vw,1.22rem);color:var(--fg-dim);max-width:38rem}.kicker{font:600 .72rem/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--chapter);margin:0 0 1.2rem}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--fg);color:var(--bg);padding:.7rem 1.1rem;font:600 .9rem/1 var(--sans)}.skip-link:focus{left:.5rem;top:.5rem}.nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--edge)}.nav-in{max-width:var(--wrap);margin-inline:auto;padding:.7rem var(--pad) .55rem;display:flex;align-items:center;gap:.35rem 1.4rem;flex-wrap:wrap}.nav-brand{font:700 .98rem/1.2 var(--head-font);color:var(--fg);text-decoration:none;margin-right:auto;letter-spacing:.01em}.nav nav{display:flex;gap:.2rem 1.2rem;max-width:100%;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.nav nav::-webkit-scrollbar{display:none}.nav a:not(.nav-brand){font:500 .88rem/1 var(--sans);color:var(--fg-dim);text-decoration:none;padding:.45rem .1rem;border-bottom:2px solid transparent}.nav a:not(.nav-brand):hover{color:var(--fg)}.nav a[aria-current=page]{color:var(--fg);border-bottom-color:var(--chapter)}.nav .wide{display:none}@media(max-width:30rem){.nav nav{gap:.2rem .95rem}}@media(min-width:40rem){.nav .wide{display:inline}}.btn{display:inline-block;text-decoration:none;font:700 .9rem/1 var(--sans);padding:.9rem 1.45rem;border-radius:.7rem;border:2px solid transparent;transition:transform .08s ease,box-shadow .08s ease}.btn-primary{background:var(--accent);color:#1a1203;border-color:#1a1203;box-shadow:0 4px #a9781a}.btn-primary:hover{transform:translateY(1px);box-shadow:0 3px #a9781a}.btn-primary:active{transform:translateY(4px);box-shadow:0 0 #a9781a}.btn-ghost{border-color:var(--edge);color:var(--fg)}.btn-ghost:hover{border-color:var(--fg-faint)}.el-chip{display:inline-flex;align-items:center;gap:.4rem;font:600 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:.32rem .6rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--el) 45%,transparent);background:color-mix(in srgb,var(--el) 12%,transparent);color:color-mix(in srgb,var(--el) 82%,white)}.el-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--el);flex:none}.shot{position:relative;margin:0;border:2px solid var(--paper);border-radius:var(--radius);background:var(--bg-sunk);overflow:hidden;box-shadow:6px 6px color-mix(in srgb,var(--chapter) 62%,var(--ink))}.shot picture{display:block}.shot img{width:100%;object-fit:cover;object-position:var(--pos, 50% 50%)}.tag{position:absolute;left:.6rem;top:.6rem;z-index:2;font:700 .64rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:.36rem .55rem;border-radius:.4rem;background:var(--ink);color:var(--paper);border:1px solid var(--edge)}.cap{margin:.95rem 0 0;font-size:.9rem;color:var(--fg-faint)}.card{display:flex;flex-direction:column;border:2px solid var(--paper);border-radius:var(--radius);background:var(--bg-lift);overflow:hidden;box-shadow:6px 6px color-mix(in srgb,var(--chapter) 62%,var(--ink))}.card .shot{border:0;border-radius:0;box-shadow:none;border-bottom:2px solid var(--paper)}.card-body{padding:.95rem 1.05rem 1.1rem}.card-body h3{margin:0 0 .3rem;color:var(--fg)}.card-body p{margin:0;font-size:.95rem;color:var(--fg-dim)}.band{padding-block:clamp(3rem,8vw,4.6rem) 0}.top{padding-block:clamp(2.2rem,6vw,3.4rem) .5rem}.sub{color:var(--fg-dim);max-width:40rem}.more{font:600 .92rem/1 var(--sans)}.foot{border-top:1px solid var(--edge);margin-top:5rem;padding:2.5rem var(--pad) 3rem;color:var(--fg-faint);font:400 .86rem/1.6 var(--sans)}.foot-in{max-width:var(--wrap);margin-inline:auto;display:grid;gap:1.2rem}.foot nav{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem}.foot a{color:var(--fg-dim);text-decoration:none}.foot a:hover{color:var(--fg);text-decoration:underline}.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}