:root,[data-theme=light]{--font-masthead:var(--font-rajdhani),"Rajdhani",sans-serif;--font-headline:var(--font-playfair),"Playfair Display",serif;--font-body:var(--font-manrope),"Manrope",sans-serif;--font-signature:var(--font-caveat),"Caveat",cursive;--font-code:var(--font-jetbrains),"JetBrains Mono",monospace;--ink:#2a2520;--ink-light:#8a7e72;--accent-red:#c9553d;--accent-gold:#8a6d2f;--accent-green:#3a5e2a;--accent-blue:#3a5a7a;--bg-paper:#f2efe8;--bg-surface:#b496640f;--text-primary:#3a3428;--text-secondary:#a09480;--text-muted:#c8bca6;--accent:#8b7355;--accent-hover:#8b73550f;--border:#b4a0781f;--border-strong:#b4a07840;--dot-grid-color:#bfb49e;--dot-grid-opacity:.25;--divider:#ddd5c5;--status-live:#6b8f5e;--status-dev:#c9a96e;--status-running:#6b8f5e;--sidebar-width:180px;--sidebar-border:#b4a07826;--brand-z:#d48a3c;--card-bg:#ffffffbf;--card-shadow:#8c786414}[data-theme=dark]{--font-masthead:var(--font-rajdhani),"Rajdhani",sans-serif;--font-headline:var(--font-playfair),"Playfair Display",serif;--font-body:var(--font-manrope),"Manrope",sans-serif;--font-signature:var(--font-caveat),"Caveat",cursive;--font-code:var(--font-jetbrains),"JetBrains Mono",monospace;--ink:#d4c8b0;--ink-light:#8a7d6b;--accent-red:#e07a5f;--accent-gold:#c9a96e;--accent-green:#7da86e;--accent-blue:#7da8c4;--bg-paper:#28241f;--bg-surface:#c8a0640f;--text-primary:#d4c8b0;--text-secondary:#8a7d6b;--text-muted:#5a5347;--accent:#b4966e;--accent-hover:#b4966414;--border:#c8a0641a;--border-strong:#c8a06433;--dot-grid-color:#4a4439;--dot-grid-opacity:.2;--divider:#c8a06426;--status-live:#7da86e;--status-dev:#c9a96e;--status-running:#7da86e;--sidebar-border:#c8a0641a;--brand-z:#e8a040;--card-bg:#ffffff0f;--card-shadow:#0000004d}
.paper-bg{background-color:var(--bg-paper);color:var(--text-primary)}.dot-grid{background-image:radial-gradient(circle,var(--dot-grid-color).5px,transparent .5px);opacity:var(--dot-grid-opacity);pointer-events:none;background-position:10px 10px;background-size:20px 20px;position:absolute;inset:0}.font-heading{font-family:var(--font-headline);letter-spacing:-.3px;color:var(--text-primary);font-weight:900}.font-label{font-family:var(--font-body);letter-spacing:4px;text-transform:uppercase;color:var(--text-secondary);font-size:10px;font-weight:700}.font-annotation{color:var(--text-secondary);font-family:Instrument Serif,Georgia,serif;font-style:italic}.font-mono{font-family:var(--font-code);color:var(--text-secondary)}.font-company{font-family:var(--font-body);letter-spacing:6px;color:var(--text-secondary);font-size:9px}.font-masthead{font-family:var(--font-masthead);letter-spacing:5px;text-transform:uppercase;font-weight:700}.font-signature{font-family:var(--font-signature);font-weight:700}.section-header{font-family:var(--font-body);letter-spacing:4px;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink);margin-bottom:20px;padding-bottom:6px;font-size:10px;font-weight:700;display:inline-block}.col-divider{background:var(--ink);opacity:.12;align-self:stretch;width:1px}.newspaper-rule{border:none;border-top:1px solid var(--border);margin:16px 0}.newspaper-rule-thick{border:none;border-top:4px solid var(--ink);margin:0}.paper-texture:before{content:"";opacity:.03;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='400' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='5' seed='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E");position:absolute;inset:0}.hq-item{cursor:pointer;border-radius:4px;padding:7px 10px;transition:background .15s}.hq-item:hover,.hq-item-active{background:var(--accent-hover)}.hq-card{border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:24px;transition:border-color .15s}.hq-card:hover{border-color:var(--border-strong)}.home-card:hover{box-shadow:0 8px 30px var(--card-shadow),0 2px 8px var(--card-shadow)}::view-transition-old(root){animation:.2s ease-in forwards page-out}::view-transition-new(root){animation:.2s ease-out forwards page-in}@keyframes page-out{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(-10deg)}}@keyframes page-in{0%{opacity:0;transform:rotateY(10deg)}to{opacity:1;transform:rotateY(0)}}@media (max-width:768px){::view-transition-old(root){animation:.15s ease-in forwards fade-out}::view-transition-new(root){animation:.15s ease-out forwards fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}
