:root{color-scheme:dark;--bg-darkest: #1c1a16;--bg-darker: #181614;--bg-dark: #2a2722;--bg-medium: #2e2b27;--text-lightest: #f2eee3;--text-primary: #e8e0cf;--text-secondary: #d0c8b5;--text-muted: #b3aa99;--accent-primary: #a67c52;--accent-tertiary: #c1a77b;--accent-subtle: #5c4c3a;--gold: #d19536;--border: #3b3831}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{position:relative;margin:0;min-height:100svh;background:var(--bg-darkest);color:var(--text-primary);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;inset:0;background:url(../../../assets/bg-tile.webp) repeat;background-size:250px;opacity:.15;filter:grayscale(1) invert(1) brightness(.4);pointer-events:none}body>*{position:relative}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.shell{width:min(100% - 48px,1052px);margin-inline:auto}.skip-link{position:fixed;top:10px;left:15px;z-index:20;padding:10px 16px;border-radius:8px;background:var(--gold);color:var(--bg-darker);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.masthead{position:sticky;top:0;z-index:10;background:#181614e8;border-bottom:1px solid #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.masthead .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:1.25rem;font-weight:700;letter-spacing:-.3px;text-decoration:none}.brand img{width:32px;height:32px;border-radius:6px}.nav-links{display:flex;align-items:center;gap:24px;font-size:.85rem}.nav-links a{color:var(--text-secondary);text-decoration:none}.nav-links a:hover{color:var(--text-lightest)}.nav-links a[aria-current]{color:var(--gold)}main{background:radial-gradient(ellipse 80% 65% at 50% 0%,#a67c5224,transparent 70%),radial-gradient(ellipse 50% 40% at 50% 100%,#d1953612,transparent 70%)}.hero{display:grid;place-items:center;min-height:580px;min-height:min(74svh,720px);padding:68px 24px 75px;text-align:center}.hero-content{max-width:720px;margin-inline:auto}.hero-emblem{width:78px;height:78px;margin-bottom:24px;border:1px solid var(--accent-subtle);border-radius:18px;box-shadow:0 12px 40px #0005}h1{margin:0 0 20px;color:var(--text-lightest);font-size:clamp(2.6rem,7vw,4.5rem);font-weight:800;letter-spacing:-1px;line-height:1.05;text-shadow:0 2px 24px #0009}.intro{max-width:36rem;margin:0 auto;color:var(--text-secondary);font-size:1.2rem;line-height:1.7}.hero-link{display:inline-flex;align-items:center;gap:9px;margin-top:30px;padding:10px 18px;border:1px solid var(--accent-subtle);border-radius:8px;background:#2a272299;color:var(--text-primary);font-size:.9rem;font-weight:600;text-decoration:none}.hero-link:hover{border-color:var(--accent-primary);background:var(--bg-medium)}.hero-link svg{width:16px;height:16px;color:var(--gold)}.notes{padding-top:42px;padding-bottom:100px}.section-head{margin-bottom:36px;text-align:center}h2{margin:0;color:var(--text-lightest);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}h2:after{content:"";display:block;width:56px;height:3px;margin:12px auto 18px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.section-head p{margin:0;color:var(--text-muted);font-size:.95rem}.post-list{display:grid;gap:20px}.post{display:flex;align-items:flex-start;gap:20px;padding:25px;border:1px solid var(--border);border-radius:14px;background:var(--bg-dark);text-decoration:none;transition:border-color .18s,transform .18s,background .18s,box-shadow .18s}.post:hover{border-color:var(--accent-primary);background:var(--bg-medium);transform:translateY(-3px);box-shadow:0 10px 28px #0007}.post-icon{flex-shrink:0;display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--accent-subtle);border-radius:12px;background:radial-gradient(circle at 30% 25%,#d1953629,transparent 70%),var(--bg-darker);color:var(--accent-tertiary)}.post-icon svg{width:26px;height:26px}.post-body{min-width:0;flex:1}.post h3{margin:0 0 9px;color:var(--text-lightest);font-size:1.2rem;font-weight:700;line-height:1.4;letter-spacing:-.2px}.post p{max-width:72ch;margin:0 0 18px;color:var(--text-secondary);font-size:.95rem;line-height:1.65}.post-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.meta{display:inline-block;padding:3px 10px;border:1px solid var(--accent-subtle);border-radius:999px;background:var(--bg-darker);color:var(--accent-tertiary);font-size:.72rem}.read{margin-left:auto;color:var(--accent-tertiary);font-size:.8rem;font-weight:600}footer{border-top:1px solid var(--border);background:#18161499}footer .shell{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding-block:28px;color:var(--text-muted);font-size:.78rem}footer p{margin:0}footer a{color:var(--accent-tertiary)}@media(max-width:600px){.shell{width:calc(100% - 32px)}.masthead .shell{min-height:64px}.brand{font-size:1.1rem}.nav-links{gap:16px;font-size:.8rem}.hero{min-height:530px;padding:60px 20px}.intro{font-size:1.05rem}.post{gap:14px;padding:20px}.post-icon{width:42px;height:42px;border-radius:10px}.post-icon svg{width:22px;height:22px}.post h3{font-size:1.05rem}.post-footer{align-items:flex-start;flex-direction:column;gap:12px}.read{margin-left:0}.notes{padding-bottom:64px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.post{transition:none}.post:hover{transform:none}}