#tile-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:#0a0a0a;pointer-events:none}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:var(--font-family-sans);--font-mono:var(--font-family-mono);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-black:900;--tracking-wider:.05em;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--color-background);--color-surface:var(--color-surface);--color-surface-light:var(--color-surface-light);--color-body:rgb(var(--color-body-rgb) / <alpha-value>);--color-primary:rgb(var(--color-primary-rgb) / <alpha-value>);--color-secondary:rgb(var(--color-secondary-rgb) / <alpha-value>);--color-accent:rgb(var(--color-accent-rgb) / <alpha-value>);--color-default:rgb(var(--color-border-rgb) / .18);--color-primary-50:var(--color-primary-50);--color-primary-100:var(--color-primary-100);--color-primary-500:var(--color-primary-500);--color-primary-700:var(--color-primary-700);--color-secondary-50:var(--color-secondary-50);--color-secondary-100:var(--color-secondary-100);--color-secondary-400:var(--color-secondary-400);--color-secondary-500:var(--color-secondary-500);--color-secondary-700:var(--color-secondary-700);--color-accent-50:var(--color-accent-50);--color-accent-100:var(--color-accent-100);--color-accent-500:var(--color-accent-500);--color-accent-700:var(--color-accent-700);--spacing-18:var(--spacing-18);--spacing-20:var(--spacing-20);--spacing-88:var(--spacing-88);--spacing-hero-padding-top:var(--spacing-hero-padding-top);--spacing-hero-padding-top-mobile:var(--spacing-hero-padding-top-mobile);--font-size-section-title:var(--font-size-section-title);--font-size-project-title:var(--font-size-project-title);--font-size-project-number:var(--font-size-project-number);--text-shadow-glow:var(--text-shadow-glow);--text-shadow-glow-2:var(--text-shadow-glow-2)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-default)}html{scroll-behavior:smooth;background:#0a0a0a}body{font-family:var(--font-sans);color:var(--color-body);font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;min-height:100vh;margin:0;padding:0;position:relative;overflow-x:hidden}main{z-index:1;background:0 0;margin:0;padding:0;position:relative}section{margin:0}main>section+section,main>.hero+section,main>section+.hero{margin-top:var(--spacing-section)}@media(max-width:768px){main>section+section,main>.hero+section,main>section+.hero{margin-top:var(--spacing-section-mobile)}}h1,h2,h3,h4,h5,h6{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-body);letter-spacing:-.02em;margin:0;line-height:1.2}h1{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}@media(min-width:48rem){h1{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(min-width:64rem){h1{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}h1{letter-spacing:-.03em;margin:0;font-weight:700}h2{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}@media(min-width:48rem){h2{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media(min-width:64rem){h2{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}h2{font-weight:600}h3{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}@media(min-width:48rem){h3{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}h3{font-weight:600}h4{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media(min-width:48rem){h4{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}h4{font-weight:600}p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);line-height:1.7}a{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;text-decoration:none;transition-duration:.3s}a:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary);border-radius:4px}code{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-primary)}::selection{color:#0a0a0a;background-color:#ffffff38}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#ffffff47 padding-box padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff73}}@layer components{.container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:0}.surface-panel{background:var(--color-surface);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff14;border-radius:1rem}}@layer utilities{.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.min-h-screen{min-height:100vh}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[1400px\]{max-width:1400px}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-8{padding-top:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-primary{color:var(--color-primary)}.text-secondary-400{color:var(--color-secondary-400)}.text-secondary\/80{color:color-mix(in srgb,rgb(var(--color-secondary-rgb) / <alpha-value>) 80%,transparent)}@supports (color:color-mix(in lab,red,red)){.text-secondary\/80{color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.text-white{color:var(--color-white)}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.text-white\/55{color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.uppercase{text-transform:uppercase}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}@media(min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:48rem){.md\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:gap-12{gap:calc(var(--spacing) * 12)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-16{padding-inline:calc(var(--spacing) * 16)}}}:root{--color-background-rgb:10 10 10;--color-background:transparent;--color-surface:#121212c7;--color-surface-light:#1c1c1cd1;--color-body-rgb:255 255 255;--color-body:rgb(var(--color-body-rgb));--color-muted-rgb:180 180 180;--color-muted:rgb(var(--color-muted-rgb));--color-border-rgb:255 255 255;--color-primary-rgb:255 255 255;--color-primary:rgb(var(--color-primary-rgb));--color-primary-50:#f5f5f5;--color-primary-100:#e6e6e6;--color-primary-500:rgb(var(--color-primary-rgb));--color-primary-700:#dcdcdc;--color-secondary-rgb:210 210 210;--color-secondary:rgb(var(--color-secondary-rgb));--color-secondary-50:#282828;--color-secondary-100:#3c3c3c;--color-secondary-400:#b4b4b4;--color-secondary-500:rgb(var(--color-secondary-rgb));--color-secondary-700:#969696;--color-accent-rgb:232 232 232;--color-accent:rgb(var(--color-accent-rgb));--color-accent-50:#282828;--color-accent-100:#3c3c3c;--color-accent-500:rgb(var(--color-accent-rgb));--color-accent-700:#c8c8c8;--color-header-bg:#0a0a0a8c;--color-footer-bg:#0a0a0ab8;--color-hero-bg:transparent;--color-button-primary-bg:#174a7c;--color-button-primary-text:#fff;--color-on-dark:#fff;--color-on-dark-rgb:255 255 255;--color-glow:rgb(var(--color-primary-rgb) / .2);--font-family-sans:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-family-display:"Chiron Sung HK", "Noto Serif SC", serif;--font-family-hero-en:Helvetica, Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-size-6xl:4rem;--font-size-7xl:5rem;--font-size-hero:clamp(3rem, 10vw, 7rem);--font-size-section-title:clamp(2.5rem, 6vw, 4rem);--font-size-project-title:2.5rem;--font-size-project-number:4rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.7;--line-height-loose:2;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--letter-spacing-wider:.1em;--letter-spacing-widest:.2em;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-18:4.5rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-88:22rem;--spacing-section:6rem;--spacing-section-mobile:4rem;--spacing-section-large-top:8rem;--spacing-section-large-top-mobile:6rem;--spacing-section-large-bottom:4rem;--spacing-section-sides:8rem;--spacing-section-sides-mobile:1rem;--spacing-hero-padding-top:8rem;--spacing-hero-padding-top-mobile:6rem;--spacing-xs:var(--spacing-2);--spacing-sm:var(--spacing-4);--spacing-md:var(--spacing-6);--spacing-lg:var(--spacing-8);--spacing-xl:var(--spacing-12);--spacing-2xl:var(--spacing-16);--header-height:80px;--header-height-mobile:80px;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #00000059;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000073;--shadow-glow:0 4px 14px #00000059;--shadow-glow-2:0 4px 14px #00000040;--shadow-glow-accent:0 4px 14px #ffffff1f;--text-shadow-glow:none;--text-shadow-glow-2:none;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.6s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}.pill{color:var(--color-secondary-400);text-transform:uppercase;font-size:.75rem;font-weight:600;font-family:var(--font-family-sans);transition:all var(--transition-base);background:0 0;border:1px solid #ffffff47;padding:.375rem .75rem}.pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.pill-group{flex-wrap:wrap;gap:.5rem;display:flex}.pill-group--top{margin-top:1rem}.section-badge{color:var(--color-secondary-400);text-transform:uppercase;letter-spacing:.2em;font-size:.875rem;font-weight:600;font-family:var(--font-family-sans);margin:0 0 2rem;padding:0;display:inline-block}.display-title{color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 2rem;padding:0;font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:1}.lead-text{color:var(--color-secondary-400);margin:0 0 3rem;padding:0;font-size:1.25rem;line-height:1.8}.section-padding-large{padding-top:var(--spacing-section-large-top);padding-left:var(--spacing-section-sides);padding-right:var(--spacing-section-sides);padding-bottom:var(--spacing-section-large-bottom)}main>article.section-padding-large:first-child,main>div.section-padding-large:first-child{padding-top:var(--spacing-section-large-top)}@media(max-width:768px){.section-padding-large{padding-top:var(--spacing-section-large-top-mobile);padding-left:var(--spacing-section-sides-mobile);padding-right:var(--spacing-section-sides-mobile);padding-bottom:var(--spacing-12)}}.section-padding{padding:var(--spacing-section) var(--spacing-section-sides)}@media(max-width:768px){.section-padding{padding:var(--spacing-section-mobile) var(--spacing-section-sides-mobile)}}section.section{padding:var(--spacing-section) var(--spacing-section-sides);margin-top:0;margin-bottom:0;position:relative}main>section.section,main>section.section-padding-large{border-top:1px solid #ffffff14}main>section.no-top-border{box-shadow:none;min-height:100vh;padding-top:0;padding-bottom:var(--spacing-section-large-bottom);border-top:none;align-items:center;display:flex}@media(max-width:768px){section.section{padding:var(--spacing-section-mobile) var(--spacing-section-sides-mobile)}}.section-header{margin-bottom:var(--spacing-16)}.section-label{color:var(--color-secondary-400);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);margin-bottom:var(--spacing-4);font-family:var(--font-family-sans)}.section-title{color:var(--color-primary);font-size:var(--font-size-section-title);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight)}.light-theme{--color-surface:#fff;--color-surface-light:#f8f8f8;--color-primary-rgb:10 10 10;--color-primary:#0a0a0a;--color-primary-50:#141414;--color-primary-100:#1e1e1e;--color-primary-500:#0a0a0a;--color-primary-700:#282828;--color-body-rgb:10 10 10;--color-body:#0a0a0a;--color-muted-rgb:80 80 80;--color-muted:#505050;--color-secondary-rgb:60 60 60;--color-secondary:#3c3c3c;--color-secondary-400:#464646;--color-secondary-500:#3c3c3c;--color-secondary-700:#5a5a5a;--color-accent-rgb:20 20 20;--color-accent:#141414;--color-on-dark:#0a0a0a;--color-on-dark-rgb:10 10 10;--color-border-rgb:10 10 10;color:#0a0a0a}main>section.light-theme{border-top-color:#0a0a0a1f}.light-theme .pill{border-color:#0a0a0a47}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}section#hero.home{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;background:transparent;color:var(--color-on-dark);padding-left:var(--spacing-section-sides);padding-right:var(--spacing-section-sides);padding-bottom:var(--spacing-section);text-align:center}section#hero.home>header.header-minimal{box-sizing:border-box;max-width:none;width:calc(100% + 2 * var(--spacing-section-sides));margin-left:calc(-1 * var(--spacing-section-sides));margin-right:calc(-1 * var(--spacing-section-sides))}section#hero.home .hero-inner{flex:1;display:flex;align-items:center;justify-content:center;padding-top:clamp(1rem,3vw,2.5rem);padding-bottom:1rem}section#hero.home .hero-copy{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;padding:clamp(1.5rem,4vw,2.75rem) clamp(1.25rem,3vw,2rem)}.hero-chinese{font-family:var(--font-family-display);font-size:clamp(4.5rem,18vw,7.5rem);font-weight:900;color:#fff;letter-spacing:8px;line-height:1;margin:0 0 1.25rem}.hero-english{font-family:var(--font-family-hero-en);font-size:clamp(3rem,4vw,4rem);font-weight:700;color:#fff;letter-spacing:4px;margin:0 0 1.5rem}section#hero.home .hero-copy .lead-text{margin:0 0 1.75rem;width:100%;max-width:28rem;font-size:clamp(1.05rem,2.4vw,1.4rem);font-weight:600;line-height:1.65;letter-spacing:.01em;color:rgb(var(--color-on-dark-rgb) / .92);text-shadow:0 1px 2px rgb(0 0 0 / .82),0 1px 14px rgb(0 0 0 / .45)}@media(max-width:768px){section#hero.home{padding-left:var(--spacing-section-sides-mobile);padding-right:var(--spacing-section-sides-mobile);padding-bottom:var(--spacing-section-mobile)}section#hero.home>header.header-minimal{width:calc(100% + 2 * var(--spacing-section-sides-mobile));margin-left:calc(-1 * var(--spacing-section-sides-mobile));margin-right:calc(-1 * var(--spacing-section-sides-mobile))}.hero-chinese{letter-spacing:4px}.hero-english{letter-spacing:2px}}.btn{display:inline-block;padding:15px 20px;text-decoration:none;text-transform:none;font-size:1.25rem;line-height:1.35;letter-spacing:normal;font-weight:700;font-family:var(--font-family-display);text-align:center;width:fit-content;position:relative;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;background:#174a7c;color:#fff;box-shadow:none;transition:background-color .2s ease,color .2s ease}.btn:hover{background:#1f5080;color:#fff}.btn:focus-visible{outline:2px solid #174a7c;outline-offset:3px}.btn-hero{background:#fff;color:#174a7c}.btn-hero:hover{background:#def1f1;color:#174a7c}.btn-hero:focus-visible{outline-color:#fff}@media(max-width:768px){.btn{font-size:1.05rem}}header.header-minimal{position:relative;width:100%;max-width:100%;box-sizing:border-box;z-index:1000;padding:1rem var(--spacing-section-sides);overflow:visible}.header-minimal .header-nav-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;width:100%;min-width:0;flex-wrap:nowrap;overflow:visible}.header-minimal .header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:0}@media(min-width:769px){.header-minimal .header-nav-inner:has(.language-switcher) .header-actions{margin-left:auto}.header-minimal .header-nav-inner:not(:has(.language-switcher)) .header-search{margin-left:auto}.header-minimal .header-nav-inner .header-search{flex:0 0 auto;width:min(300px,36vw);max-width:300px;min-width:0}.header-minimal .header-search .header-search-wrapper{min-width:0;max-width:100%}}.header-search{flex-shrink:0;flex-grow:0;min-width:0;max-width:300px;position:relative;overflow:visible;align-self:center}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0;flex-shrink:0}.nav-links a{color:var(--color-on-dark);font-family:var(--font-family-display);font-weight:700;text-transform:none;font-size:1.05rem;letter-spacing:.08em;transition:color .2s ease;position:relative;padding:.5rem 0;text-decoration:none}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width .3s}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}.mobile-menu-toggle .hamburger-line{width:100%;height:3px;background:var(--color-secondary);border-radius:2px;transition:all .3s ease;transform-origin:center}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(8px,8px);background:var(--color-accent-500)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);background:var(--color-accent-500)}@media(max-width:768px){header.header-minimal{padding:var(--spacing-4) var(--spacing-section-sides-mobile)}.header-minimal .header-nav-inner{flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.header-minimal .header-nav-inner .header-actions{display:flex;align-items:center;gap:.5rem;order:2;margin-left:auto}.header-minimal .mobile-controls{display:flex;align-items:center;gap:0}.header-minimal .mobile-menu-toggle{display:flex;flex-shrink:0;margin-left:0}.header-minimal .header-search{order:2;flex:1 1 auto;min-width:0;max-width:none;margin-top:0;position:absolute;top:100%;left:0;right:0;width:100%;padding:1rem var(--spacing-section-sides-mobile);background-color:rgb(var(--color-background-rgb) / .95);border-bottom:1px solid rgb(var(--color-on-dark-rgb) / .25);box-shadow:0 8px 24px #00000026;z-index:1000;visibility:hidden;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,visibility .3s ease,max-height .3s ease}.header-minimal .header-search.search-open{visibility:visible;opacity:1;max-height:500px;overflow:visible}.header-minimal .search-icon-button{display:flex;flex-shrink:0;margin-right:.75rem}.header-search-wrapper{width:100%}.header-search-wrapper :global(.pagefind-ui__search-input){width:100%!important;min-width:0!important;max-width:100%!important}header.header-minimal.menu-open .search-icon-button{display:none}header.header-minimal.menu-open .mobile-controls{position:fixed;top:var(--spacing-4);right:var(--spacing-section-sides-mobile);z-index:1000}.header-minimal .nav-links{display:none;order:1;width:100%;flex-direction:column;gap:0;padding:0;margin:0}.header-minimal .nav-links.nav-open{display:flex;order:1;position:fixed;top:0;left:0;right:0;width:100vw;min-height:100vh;background-color:rgb(var(--color-background-rgb) / .98);backdrop-filter:blur(20px);z-index:999;padding:calc(var(--header-height-mobile) + 2rem) var(--spacing-section-sides-mobile) 2rem;margin:0;box-shadow:0 0 40px rgb(var(--color-primary-rgb) / .3);border-top:2px solid var(--color-primary);overflow-y:auto;animation:headerNavSlideDown .3s ease-out}@keyframes headerNavSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}header.header-minimal.menu-open .header-nav-inner{flex-wrap:wrap}.header-minimal .nav-links li{width:100%;text-align:left}.header-minimal .nav-links li:last-child{border-bottom:none}.header-minimal .nav-links a{display:block;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-secondary-400);transition:all .3s ease;position:relative;padding:1.25rem 1rem 1.25rem 1.5rem}.header-minimal .nav-links a:before{content:">";position:absolute;left:0;color:var(--color-primary);opacity:.5;transition:all .3s ease}.header-minimal .nav-links a:hover{color:var(--color-primary);text-shadow:0 0 10px rgb(var(--color-primary-rgb) / .5);padding-left:2rem;background:rgb(var(--color-secondary-rgb) / .05)}.header-minimal .nav-links a:hover:before{opacity:1;color:var(--color-primary);text-shadow:0 0 10px rgb(var(--color-primary-rgb) / .5)}:global(.pagefind-ui__search-input){min-width:auto!important}:global(.pagefind-ui__results-area){position:absolute!important;left:0!important;right:0!important;top:calc(100% + .5rem)!important;min-width:auto!important;max-width:100%!important;width:100%!important}}.search-icon-button{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;color:var(--color-secondary);transition:background .2s ease,color .2s ease;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem}.search-icon-button:hover{background:rgb(var(--color-primary-rgb) / .08);color:var(--color-primary)}.search-icon-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}@media(min-width:769px){.header-minimal .mobile-controls{display:none}}.language-switcher{position:relative;list-style:none}.language-switcher-trigger{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;border:1px solid rgb(var(--color-border-rgb));border-radius:4px;color:var(--color-secondary);font-size:.875rem;cursor:pointer;font-family:inherit}.header-minimal .language-switcher-trigger{color:var(--color-on-dark);border-color:rgb(var(--color-on-dark-rgb) / .35)}.header-minimal .language-switcher-trigger:hover{border-color:rgb(var(--color-on-dark-rgb) / .55);background:rgb(var(--color-on-dark-rgb) / .08)}.header-minimal .search-icon-button{color:var(--color-on-dark)}.header-minimal .search-icon-button:hover{color:var(--color-on-dark);background:rgb(var(--color-on-dark-rgb) / .12)}.header-minimal .mobile-menu-toggle .hamburger-line{background:var(--color-on-dark)}.language-switcher-chevron{transition:transform .2s}.language-switcher[open] .language-switcher-chevron{transform:rotate(180deg)}.language-switcher-list{position:absolute;top:100%;right:0;margin:.25rem 0 0;padding:.25rem 0;list-style:none;background:var(--color-background);border:1px solid rgb(var(--color-border-rgb));border-radius:4px;min-width:10rem;box-shadow:0 4px 12px #0000001f}.language-switcher-link{display:block;padding:.5rem .75rem;color:var(--color-secondary-500);text-decoration:none;font-size:.875rem}.language-switcher-link:hover{color:var(--color-primary);background:rgb(var(--color-primary-rgb) / .08)}.header-minimal{width:100%;box-sizing:border-box;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;box-shadow:none}.header-minimal .nav-links a{color:var(--color-on-dark);font-family:var(--font-family-display)}.header-minimal .nav-links a:hover{color:var(--color-primary)}.site-footer{font-family:var(--font-family-display)}.site-footer .footer-latin{font-family:var(--font-family-hero-en)}.blog-header{margin-bottom:3rem;animation:fadeInDown .6s ease-out}.blog-subtitle{color:var(--color-secondary-400);font-size:1.125rem;line-height:1.7;max-width:42rem}.blog-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;animation:fadeIn .6s ease-out .2s both}.blog-filter-tag{background:transparent;border:1px solid var(--color-secondary-400);color:var(--color-secondary-400);padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-family-mono);text-decoration:none;transition:all var(--transition-base);display:inline-block;box-shadow:0 0 10px rgb(var(--color-secondary-rgb) / .2)}.blog-filter-tag:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 20px rgb(var(--color-primary-rgb) / .5)}.blog-filter-tag.active{background:transparent;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 20px rgb(var(--color-primary-rgb) / .5)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.blog-image{width:100%;height:250px;object-fit:cover;border-bottom:1px solid var(--color-primary);display:block}.blog-content{padding:2rem}.blog-date{color:var(--color-secondary-400);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;font-family:var(--font-family-mono)}.blog-title{color:var(--color-primary);font-size:1.5rem;font-weight:900;text-transform:uppercase;margin-bottom:1rem;letter-spacing:.05em}.blog-excerpt{color:var(--color-secondary-400);font-size:1rem;margin-bottom:1.5rem;line-height:1.8}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem}.blog-pagination-link{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.875rem;letter-spacing:.1em;transition:all var(--transition-base);box-shadow:0 0 10px rgb(var(--color-primary-rgb) / .5)}.blog-pagination-link:hover{background:var(--color-primary);color:var(--color-background);box-shadow:0 0 20px rgb(var(--color-primary-rgb) / .5)}.blog-pagination-current{color:var(--color-secondary-400);padding:.75rem 1.5rem;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.1em}.blog-post-header{margin-top:0;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding-top:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-primary);animation:fadeInDown .6s ease-out;position:relative;z-index:1;max-width:min(56rem,100%)}.blog-post-title{color:var(--color-primary);font-size:clamp(2rem,5vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;margin-bottom:1rem}.blog-post-meta{color:var(--color-secondary-400);display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.9375rem;font-family:var(--font-family-mono)}.blog-post-meta-separator{color:var(--color-secondary)}.blog-post-github-link{color:var(--color-accent);text-decoration:none;transition:all var(--transition-base);font-weight:600}.blog-post-github-link:hover{color:var(--color-accent)}.blog-post-content{animation:fadeIn .6s ease-out .2s both}.blog-post-navigation{margin-top:3rem;margin-left:auto;margin-right:auto;padding-top:2rem;border-top:1px solid var(--color-primary);display:flex;flex-wrap:wrap;gap:1.25rem;max-width:min(56rem,100%)}.blog-post-nav-link{flex:1 1 16rem;min-width:0;max-width:calc(50% - .625rem);background:#000;color:#fff;text-decoration:none;display:flex;align-items:center;gap:1.25rem;padding:0 1.25rem;height:5.5rem;container-type:size;transition:transform .2s ease}.blog-post-nav-link.next{margin-left:auto;text-align:right}.blog-post-nav-link:hover{transform:scale(1.02)}.blog-post-nav-link:active{transform:scale(.98)}.blog-post-nav-exit{flex-shrink:0;height:64cqh;width:auto;display:block}.blog-post-nav-arrow{flex-shrink:0;min-width:2.5rem;color:#fff;font-size:3.25rem;font-weight:700;line-height:1;text-align:center;font-family:Hahmlet,Arial Black,Helvetica,sans-serif;transition:transform .2s ease}.blog-post-nav-link:hover .blog-post-nav-arrow{transform:translate(-4px)}.blog-post-nav-link.next:hover .blog-post-nav-arrow{transform:translate(4px)}.blog-post-nav-destination{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.35rem}.blog-post-nav-title{color:#fff;font-family:Chiron Sung HK,Orbitron,Noto Sans SC,monospace;font-size:1.25rem;font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-nav-label{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.02em;line-height:1.2}@media(max-width:768px){.blog-post-nav-link{flex-basis:100%;max-width:100%;gap:.75rem;padding:0 .75rem;height:4.5rem}.blog-post-nav-arrow{font-size:2.25rem;min-width:2rem}.blog-post-nav-title{font-size:1.05rem}.blog-post-nav-label{font-size:.85rem}}.related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-primary)}.related-posts-title{color:var(--color-primary);font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.prose{color:var(--color-primary);max-width:min(56rem,100%);margin:0 auto}.prose>h1:first-child{display:none}.prose h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;font-weight:600}.prose h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.prose p{margin-bottom:1rem;line-height:1.7}.prose code{color:var(--color-primary);padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-family:var(--font-family-mono)}.prose pre{border:1px solid var(--color-primary);border-radius:.5rem;padding:1rem;overflow-x:auto;margin-bottom:1rem;box-shadow:0 4px 12px #0003}.prose pre code{background:transparent;padding:0}.prose ul{margin-bottom:1rem;margin-left:1.5rem;padding-left:1.5rem;list-style-type:disc}.prose ol{margin-bottom:1rem;margin-left:1.5rem;padding-left:1.5rem;list-style-type:decimal}.prose li{color:var(--color-secondary-400);margin-bottom:.5rem;line-height:1.7}.prose ul ul{list-style-type:circle;margin-top:.5rem;margin-bottom:.5rem}.prose ul ul ul{list-style-type:square}.prose ol ol{list-style-type:lower-alpha;margin-top:.5rem;margin-bottom:.5rem}.prose ol ol ol{list-style-type:lower-roman}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--color-accent);text-decoration-thickness:2px}.prose blockquote{border-left:4px solid var(--color-accent);padding-left:1.5rem;font-style:italic;color:var(--color-secondary-400);margin:1.5rem 0}.prose img{border-radius:.5rem;margin:1.5rem 0;box-shadow:0 10px 30px #0000004d}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0}.prose th,.prose td{border:1px solid var(--color-primary);padding:.5rem 1rem}.prose th{background:var(--color-surface)!important;font-weight:600;color:var(--color-primary)}.prose td{color:var(--color-secondary-400)}.prose h2,.prose h3,.prose h4,.prose h5,.prose h6,.prose h1{color:var(--color-primary)}.light-theme .blog-filter-tag,.light-theme .blog-filter-tag:hover,.light-theme .blog-filter-tag.active,.light-theme .blog-pagination-link,.light-theme .blog-pagination-link:hover{box-shadow:none}.light-theme .blog-pagination-link:hover{background:#0a0a0a;color:#fff}.light-theme .prose pre{background:#f8f8f8;box-shadow:none}.light-theme .prose code{background:#f5f5f5}.light-theme .prose pre code{background:transparent}.mtr-rule{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:min(56rem,100%);margin:1.75rem auto;min-height:48px}.mtr-rule .line-path{position:absolute;top:50%;left:0;right:0;height:24px;background:#e31e24;border-radius:12px;z-index:-1;transform:translateY(-50%)}.mtr-rule.island-line .line-path{background:#0066b3;border-radius:10px}.mtr-rule.kwun-tong-line .line-path{background:#00a651;border-radius:10px}.mtr-rule .station{position:relative;z-index:2;flex-shrink:0;width:32px;height:32px}.mtr-rule .station-circle{width:32px;height:32px;border-radius:50%;background:#fff;border:6px solid #000000;box-sizing:border-box}@media(max-width:1100px){.mtr-rule .station:nth-child(n+7){display:none}}@media(max-width:768px){.mtr-rule .station:nth-child(n+5){display:none}}.card-base,.blog-card{background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .12);transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:0 0 20px rgb(var(--color-primary-rgb) / .1)}.card-base:before,.blog-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(var(--color-primary-rgb) / .1),transparent);transition:left .5s}.card-base:hover,.blog-card:hover{transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 0 40px rgb(var(--color-accent-rgb) / .4)}.card-base:hover:before,.blog-card:hover:before{left:100%}.card-link{text-decoration:none;color:inherit;display:block}.card-link:hover{text-decoration:none}.blog-card{padding:1.5rem;height:100%;display:flex;flex-direction:column}.blog-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;margin-bottom:1rem;border-bottom:1px solid var(--color-primary);transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-title{color:var(--color-primary);font-size:1.25rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;line-height:1.4;transition:color var(--transition-base)}.blog-card-description{color:var(--color-secondary-400);font-size:.9375rem;line-height:1.6;margin-bottom:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--color-secondary-400);margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-primary);font-family:var(--font-family-mono)}.blog-card:hover .pill{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 10px rgb(var(--color-primary-rgb) / .5)}.light-theme .card-base,.light-theme .blog-card{background:#fff;border-color:#0a0a0a1f;box-shadow:0 8px 28px #00000014}.light-theme .card-base:hover,.light-theme .blog-card:hover{border-color:#0a0a0a59;box-shadow:0 10px 28px #0000001f}.light-theme .blog-card:hover .pill{box-shadow:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgb(var(--color-primary-rgb) / .5)}50%{box-shadow:0 0 30px rgb(var(--color-primary-rgb) / .8)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glow-pulse{0%,to{text-shadow:0 0 10px rgb(var(--color-primary-rgb) / .5),0 0 20px rgb(var(--color-primary-rgb) / .5)}50%{text-shadow:0 0 20px rgb(var(--color-primary-rgb) / .5),0 0 30px rgb(var(--color-primary-rgb) / .5),0 0 40px rgb(var(--color-primary-rgb) / .5)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.index-panel{background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .08);border-radius:1.25rem;padding:clamp(1.5rem,4vw,2.75rem)}.index-marketing #writing,.index-marketing #about-strip{border-top:none}.index-marketing #writing .blog-card{border:1px solid rgb(255 255 255 / .12);box-shadow:0 8px 28px #00000059}.index-marketing #writing .blog-card:hover{transform:translateY(-3px);border-color:#ffffff59}.index-marketing #writing .blog-card:before{display:none}.index-marketing #writing .blog-title{text-shadow:none;color:var(--color-primary);font-weight:800}.index-marketing #about-strip .about-strip-body{color:var(--color-secondary-400);font-size:1.125rem;line-height:1.7;max-width:40rem;margin:0 auto 1.5rem}.blog-archive-shell,.about-page-shell,.blog-post-shell{background:var(--color-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgb(255 255 255 / .08);border-radius:1.25rem;padding:clamp(1.5rem,4vw,2.75rem)}.light-theme .index-panel,.about-page-shell.light-theme,.blog-archive-shell.light-theme,.blog-post-shell.light-theme{background:#fff;border-color:#0a0a0a1f}.index-marketing #writing.light-theme .blog-card{border-color:#0a0a0a1f;box-shadow:0 8px 28px #00000014}.index-marketing #writing.light-theme .blog-card:hover{border-color:#0a0a0a59}
