:root,[data-theme=dark]{--color-bg-base: #050711;--color-bg-mid: #090b19;--color-bg-deep: #10102a;--color-bg-fade: #05060d;--color-heading: #f4f4f5;--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: rgba(161, 161, 170, .72);--color-body-text: #a1a1aa;--color-accent: #9b5cf6;--color-accent-muted: rgba(177, 132, 255, .34);--color-accent-violet: #b184ff;--color-accent-soft: #c8a7ff;--color-accent-highlight: rgba(177, 132, 255, .72);--color-accent-glow: rgba(117, 72, 210, .18);--color-accent-gold: #c4a055;--color-hextech: rgba(170, 120, 255, .7);--color-panel: rgba(7, 9, 18, .48);--panel-bg: rgba(7, 9, 18, .48);--color-navbar: rgba(6, 8, 18, .58);--color-header-bg: linear-gradient(180deg, rgba(7, 7, 11, .72) 0%, rgba(7, 7, 11, .35) 100%);--color-shell-bg: linear-gradient(135deg, #050711 0%, #090b19 40%, #10102a 70%, #05060d 100%);--border-subtle: rgba(255, 255, 255, .065);--border-default: rgba(255, 255, 255, .07);--border-hover: rgba(170, 120, 255, .34);--panel-hover-border: rgba(170, 120, 255, .2);--panel-shadow: none;--panel-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--btn-primary-bg: rgba(122, 78, 210, .11);--btn-primary-border: rgba(177, 132, 255, .34);--btn-primary-color: #f4f4f5;--btn-primary-hover-bg: rgba(122, 78, 210, .16);--btn-primary-hover-border: rgba(170, 120, 255, .34);--btn-primary-hover-shadow: 0 14px 40px rgba(30, 15, 80, .22);--btn-secondary-bg: transparent;--btn-secondary-border: rgba(255, 255, 255, .08);--btn-secondary-color: #f4f4f5;--btn-secondary-hover-bg: rgba(255, 255, 255, .04);--btn-secondary-hover-shadow: 0 8px 28px rgba(30, 15, 80, .12);--nav-active-text: #c8a7ff;--nav-active-line: #b184ff;--nav-marker: #c8a7ff;--nav-shadow: none;--monogram-letter: #f4f4f5;--monogram-sep: rgba(200, 167, 255, .55);--scrollbar-width: 5px;--scrollbar-track: transparent;--scrollbar-thumb: rgba(156, 112, 230, .14);--scrollbar-thumb-hover: rgba(181, 143, 244, .28);--selection-bg: rgba(155, 92, 246, .28);--ambient-base: linear-gradient(135deg, #050711 0%, #090b19 40%, #10102a 70%, #05060d 100%);--ambient-glow-a: radial-gradient(circle at 70% 35%, rgba(117, 72, 210, .18), transparent 38%);--ambient-glow-b: radial-gradient(circle at 48% 85%, rgba(75, 55, 170, .12), transparent 45%);--ambient-fog-a: radial-gradient(ellipse 80% 40% at 60% 70%, rgba(155, 92, 246, .15), transparent 60%);--ambient-fog-b: radial-gradient(ellipse 60% 30% at 30% 40%, rgba(100, 80, 180, .1), transparent 55%);--ambient-vignette: radial-gradient(ellipse 80% 70% at 50% 45%, transparent 30%, rgba(5, 7, 17, .55) 100%);--ambient-vignette-fade: linear-gradient(180deg, rgba(5, 7, 17, .35) 0%, transparent 25%, transparent 75%, rgba(5, 7, 17, .5) 100%);--ambient-cursor: rgba(155, 92, 246, .05);--ambient-stroke-blue: rgba(140, 120, 180, .14);--ambient-stroke-gold: rgba(200, 167, 255, .12);--ambient-beam-start: rgba(170, 120, 255, 0);--ambient-beam-mid: rgba(225, 210, 255, .95);--ambient-energy: rgba(117, 183, 190, 0);--ambient-landscape-fill: rgba(3, 5, 12, .85);--ambient-landscape-fill-b: rgba(5, 7, 16, .6);--hud-stroke: rgba(255, 255, 255, .1);--hud-text: rgba(161, 161, 170, .2);--font-heading: "IBM Plex Mono", "Geist Mono", ui-monospace, monospace;--font-body: "Inter", system-ui, sans-serif;--font-monogram: "Cormorant Garamond", Georgia, serif;--radius-panel: 16px;--radius-nav: 16px;--radius-button: 10px;--blur-panel: 14px;--blur-nav: 14px;--blur-button: 10px;--transition-fast: .18s cubic-bezier(.22, 1, .36, 1);--max-width: 1440px;--header-offset: 5.5rem;--font-display: var(--font-heading);--color-text: var(--color-text-primary);--header-height: 3.75rem}[data-theme=light]{--jinx-blue: 178, 168, 248;--jinx-cyan: 148, 176, 255;--jinx-pink: 190, 24, 93;--jinx-pink-deep: 120, 15, 48;--color-bg-base: #f0eef8;--color-bg-mid: #e8e6f4;--color-bg-deep: #e2e0f0;--color-bg-fade: #f2eaf4;--color-heading: #142432;--color-text-primary: #1a2e3c;--color-text-secondary: #4a6270;--color-text-muted: #6b8494;--color-body-text: #526878;--color-accent: #db2777;--color-accent-muted: rgba(var(--jinx-pink), .28);--color-accent-violet: #0891b2;--color-accent-soft: #be185d;--color-accent-highlight: #1d4ed8;--color-accent-glow: rgba(var(--jinx-pink), .16);--color-accent-gold: #2563eb;--color-hextech: rgba(var(--jinx-cyan), .35);--surface-bg: rgba(var(--jinx-blue), .28);--surface-bg-hover: rgba(var(--jinx-blue), .38);--surface-border: rgba(var(--jinx-blue), .52);--surface-shadow: 0 8px 22px rgba(var(--jinx-pink-deep), .12), 0 3px 8px rgba(var(--jinx-pink), .08);--surface-hover-shadow: 0 12px 28px rgba(var(--jinx-pink-deep), .18), 0 4px 12px rgba(var(--jinx-pink), .12);--surface-inset: inset 0 1px 0 rgba(255, 255, 255, .55);--color-panel: var(--surface-bg);--panel-bg: var(--surface-bg);--color-navbar: rgba(248, 244, 234, .72);--color-header-bg: linear-gradient(180deg, rgba(248, 244, 234, .88) 0%, rgba(244, 239, 228, .62) 100%);--color-nav-border: rgba(55, 72, 84, .13);--color-shell-bg: linear-gradient(160deg, #f0eef8 0%, #e8e6f4 45%, #f2eaf4 100%);--border-subtle: rgba(var(--jinx-blue), .38);--border-default: rgba(var(--jinx-blue), .45);--border-hover: rgba(var(--jinx-pink), .42);--panel-hover-border: rgba(var(--jinx-pink), .38);--panel-shadow: var(--surface-shadow);--panel-hover-shadow: var(--surface-hover-shadow);--panel-inset: var(--surface-inset);--btn-primary-bg: rgba(var(--jinx-blue), .32);--btn-primary-border: rgba(var(--jinx-blue), .58);--btn-primary-color: #1a3344;--btn-primary-hover-bg: rgba(var(--jinx-blue), .44);--btn-primary-hover-border: rgba(var(--jinx-pink), .48);--btn-primary-hover-shadow: var(--surface-hover-shadow);--btn-secondary-bg: rgba(var(--jinx-blue), .16);--btn-secondary-border: rgba(var(--jinx-blue), .42);--btn-secondary-color: #1a3344;--btn-secondary-hover-bg: rgba(var(--jinx-blue), .28);--btn-secondary-hover-shadow: var(--surface-shadow);--input-bg: rgba(var(--jinx-blue), .14);--nav-active-text: #345b78;--nav-active-line: #b78a45;--nav-marker: #d8b873;--nav-shadow: 0 8px 28px rgba(71, 63, 47, .07);--monogram-letter: #1d2b36;--monogram-sep: #b78a45;--scrollbar-width: 7px;--scrollbar-track: rgba(var(--jinx-blue), .2);--scrollbar-thumb: rgba(var(--jinx-pink), .35);--scrollbar-thumb-hover: rgba(var(--jinx-pink-deep), .5);--selection-bg: rgba(var(--jinx-pink), .28);--ambient-base: linear-gradient(160deg, #f0eef8 0%, #e8e6f4 45%, #f2eaf4 100%);--ambient-glow-a: radial-gradient(circle at 78% 24%, rgba(var(--jinx-cyan), .22), transparent 34%);--ambient-glow-b: radial-gradient(circle at 18% 82%, rgba(var(--jinx-pink), .14), transparent 38%);--ambient-fog-a: radial-gradient(ellipse 70% 42% at 62% 58%, rgba(var(--jinx-blue), .2), transparent 58%);--ambient-fog-b: radial-gradient(ellipse 50% 32% at 22% 38%, rgba(var(--jinx-pink), .1), transparent 52%);--ambient-vignette: radial-gradient(ellipse 90% 80% at 50% 45%, transparent 40%, rgba(var(--jinx-blue), .12) 100%);--ambient-vignette-fade: linear-gradient(180deg, rgba(var(--jinx-blue), .12) 0%, transparent 28%, transparent 72%, rgba(var(--jinx-pink), .08) 100%);--ambient-cursor: rgba(var(--jinx-cyan), .08);--ambient-stroke-blue: rgba(var(--jinx-cyan), .22);--ambient-stroke-gold: rgba(var(--jinx-pink), .22);--ambient-beam-start: rgba(var(--jinx-cyan), 0);--ambient-beam-mid: rgba(var(--jinx-cyan), .5);--ambient-energy: rgba(var(--jinx-pink), .22);--ambient-landscape-fill: rgba(var(--jinx-blue), .25);--ambient-landscape-fill-b: rgba(var(--jinx-pink), .12);--hud-stroke: rgba(var(--jinx-cyan), .2);--hud-text: rgba(74, 98, 112, .4);--blur-nav: 18px}.page-module__content{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.page-module__content::-webkit-scrollbar{width:var(--scrollbar-width)}.page-module__content::-webkit-scrollbar-track{background:var(--scrollbar-track)}.page-module__content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;transition:background .2s ease}.page-module__content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media(prefers-reduced-motion:reduce){.page-module__content{scroll-behavior:auto}}@media(max-width:768px){.page-module__content{scrollbar-width:auto}}.monogram{display:inline-flex;align-items:center;gap:.06rem;font-family:var(--font-monogram);font-weight:500;line-height:1;letter-spacing:.02em;color:var(--monogram-letter)}.monogram__letter{font-size:1.35rem;font-variant:small-caps}.monogram__dot{font-size:1.1rem;line-height:1;color:var(--monogram-sep);opacity:.9;margin:0 .02rem;transform:translateY(-.05em)}.monogram__sep{display:inline-flex;align-items:center;justify-content:center;width:.9rem;height:.85rem;color:var(--monogram-sep);opacity:.88}.monogram__sep svg{width:100%;height:100%}.monogram__sep:not(.monogram__sep--end){margin-right:.06rem}.monogram__sep--end{margin-left:.06rem}.navbar .monogram__letter{font-size:1.35rem}.site-header .monogram__letter{font-size:1.15rem}.contact__footer-logo.monogram .monogram__letter{font-size:.95rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--color-bg-base);color:var(--color-text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s ease,color .4s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{background:var(--selection-bg);color:var(--color-text-primary)}.panel{background:var(--surface-bg, var(--panel-bg, var(--color-panel)));border:1px solid var(--surface-border, var(--border-subtle));backdrop-filter:blur(var(--blur-panel));-webkit-backdrop-filter:blur(var(--blur-panel));box-shadow:var(--surface-inset, var(--panel-inset)),var(--surface-shadow, var(--panel-shadow));transition:border-color var(--transition-fast),transform .2s ease,background .4s ease,box-shadow .4s ease;border-radius:var(--radius-panel)}.panel:hover{border-color:var(--panel-hover-border);box-shadow:var(--surface-inset, var(--panel-inset)),var(--surface-hover-shadow, var(--panel-hover-shadow, var(--panel-shadow)));background:var(--surface-bg-hover, var(--surface-bg, var(--panel-bg)));transform:translateY(-4px)}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1.4rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--btn-primary-color);background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);border-radius:var(--radius-button);backdrop-filter:blur(var(--blur-button));-webkit-backdrop-filter:blur(var(--blur-button));box-shadow:var(--surface-inset, var(--panel-inset)),var(--surface-shadow, var(--panel-shadow));transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.btn:hover{background:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-border);transform:translateY(-2px);box-shadow:var(--surface-inset, var(--panel-inset)),var(--btn-primary-hover-shadow)}.btn:focus-visible{outline:1px solid var(--border-hover);outline-offset:3px}.btn{text-decoration:none;cursor:pointer}.btn--secondary{color:var(--btn-secondary-color);background:var(--btn-secondary-bg);border-color:var(--btn-secondary-border)}.btn--secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--border-hover);box-shadow:var(--surface-inset, var(--panel-inset)),var(--btn-secondary-hover-shadow)}@media(prefers-reduced-motion:reduce){.panel:hover,.btn:hover{transform:none}}.panel--static:hover{transform:none}.section-title{font-family:var(--font-heading);font-size:clamp(1.85rem,4vw,2.65rem);font-weight:400;color:var(--color-heading);line-height:1.15;letter-spacing:-.02em;margin-bottom:1.25rem}.section-title span{color:var(--color-accent-highlight)}.section-subtitle{font-size:1rem;line-height:1.75;color:var(--color-body-text);max-width:34rem}.page-module{position:relative;height:100%;overflow:hidden}.page-module__content{position:relative;z-index:1;height:100%;padding:calc(var(--header-offset) + 2rem) 1.75rem 2.5rem;overflow-y:auto}@media(min-width:768px){.page-module__content{padding-inline:3.5rem}}@media(min-width:1200px){.page-module__content{padding-inline:5rem;max-width:1180px;margin-inline:auto}}