:root{--color-blue-05:#00131a;--color-blue-10:#002533;--color-blue-15:#00384d;--color-blue-20:#004b66;--color-blue-30:#007099;--color-blue-40:#0096cc;--color-blue-50:#0bf;--color-blue-60:#33c9ff;--color-blue-70:#66d6ff;--color-blue-80:#99e4ff;--color-blue-90:#ccf1ff;--color-blue-95:#e6f8ff;--color-neutral-19:#2e2f33;--color-grey-01:#030303;--color-grey-02:#050505;--color-grey-03:#080808;--color-grey-04:#0a0a0a;--color-grey-05:#0d0d0d;--color-grey-10:#1a1a1a;--color-grey-20:#333;--color-grey-30:#4d4d4d;--color-grey-40:#666;--color-grey-50:gray;--color-grey-60:#999;--color-grey-70:#b3b3b3;--color-grey-80:#ccc;--color-grey-90:#e6e6e6;--color-grey-95:#f2f2f2;--color-white:white;--color-black:black;--color-primary:var(--color-blue-15);--color-primary-dark:var(--color-neutral-19);--color-secondary:var(--color-neutral-19);--color-secondary-dark:var(--color-grey-05);--color-accent:var(--color-blue-50);--color-accent-dark:var(--color-blue-15);--color-accent2:var(--color-blue-90);--color-accent2-dark:var(--color-blue-50);--color-text-primary:var(--color-black);--color-text-heading:var(--color-primary);--color-text-secondary:var(--color-blue-15);--color-text-body:var(--color-neutral-19);--color-text-on-primary:var(--color-white);--color-text-on-secondary:var(--color-white);--color-text-on-accent:var(--color-blue-15);--color-text-on-accent2:var(--color-blue-15);--color-text-inverse:var(--color-white);--color-text-inverse-muted:var(--color-blue-90);--color-surface-default:var(--color-white);--color-surface-raised:var(--color-blue-90);--color-surface-muted:var(--color-grey-95);--color-surface-inverse:var(--color-blue-15);--color-border-subtle:var(--color-blue-90);--color-border-strong:var(--color-blue-15);--color-mark-bg:var(--color-white);--color-mark-fg:var(--color-blue-50);--color-mark-bg-inverse:var(--color-blue-15);--font-family-klavika:"Klavika";--font-family-primary:var(--font-family-klavika);--type-size-h1:46pt;--type-size-h2:37pt;--type-size-h3:29pt;--type-size-h4:24pt;--type-size-h5:19pt;--type-size-h6:15pt;--type-size-p:12pt;--type-size-small:10pt;--type-size-xs:8pt;--layout-bp-sm:768px;--layout-bp-md:1024px;--layout-bp-lg:1440px;--layout-width-max:1260px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--shadow-lift:0 2px 14px #1a1a1a1f;--shadow-surface:var(--shadow-lift);--logo-light-mark-bg:var(--color-mark-bg);--logo-light-mark-fg:var(--color-mark-fg);--logo-light-wordmark:var(--color-text-primary);--logo-light-title:var(--color-text-secondary);--logo-dark-mark-bg:var(--color-mark-bg-inverse);--logo-dark-mark-fg:var(--color-mark-fg);--logo-dark-wordmark:var(--color-text-inverse);--logo-dark-title:var(--color-text-inverse-muted);--logo-white-mark-fg:var(--color-text-inverse);--logo-white-wordmark:var(--color-text-inverse);--logo-white-title:var(--color-text-inverse);--card-surface-bg:var(--color-surface-default);--card-surface-border:var(--color-border-subtle);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-surface);--button-primary-bg:var(--color-primary);--button-primary-bg-hover:var(--color-blue-40);--button-primary-fg:var(--color-text-on-primary);--button-secondary-bg:var(--color-accent);--button-secondary-bg-hover:var(--color-blue-40);--button-secondary-fg:var(--color-text-inverse);--button-outline-bg:var(--color-surface-default);--button-outline-bg-hover:var(--color-accent2);--button-outline-fg:var(--color-text-primary);--button-outline-border:var(--color-border-strong);--button-outline-secondary-bg:var(--color-surface-default);--button-outline-secondary-bg-hover:var(--color-accent2);--button-outline-secondary-fg:var(--color-accent);--button-outline-secondary-border:var(--color-accent);--button-radius:var(--radius-pill);--chip-bg:var(--color-primary);--chip-fg:var(--color-text-on-primary);--chip-secondary-bg:var(--color-accent);--chip-secondary-fg:var(--color-text-inverse);--chip-radius:var(--radius-pill);--pattern-brandboard-bg:var(--color-accent);--nav-bg:#ffffffd9;--footer-legal-bg:#fffc}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--color-text-primary:var(--color-white);--color-text-heading:var(--color-text-inverse);--color-text-secondary:var(--color-text-inverse-muted);--color-text-body:var(--color-text-inverse);--color-surface-default:var(--color-grey-03);--color-surface-raised:var(--color-grey-04);--color-surface-muted:var(--color-blue-15);--color-border-subtle:var(--color-blue-20);--color-border-strong:var(--color-blue-40);--color-mark-bg:var(--color-mark-bg-inverse);--shadow-surface:none;--card-surface-bg:var(--color-grey-03);--card-surface-border:var(--color-grey-05);--card-shadow:none;--button-outline-bg:var(--color-blue-20);--button-outline-fg:var(--color-text-inverse);--button-outline-border:var(--color-blue-40);--button-outline-bg-hover:var(--color-blue-30);--button-outline-secondary-bg:var(--color-blue-10);--button-outline-secondary-fg:var(--color-accent);--button-outline-secondary-border:var(--color-accent);--button-outline-secondary-bg-hover:var(--color-blue-20);--nav-bg:#080808d9;--footer-legal-bg:#080808cc;--pattern-brandboard-bg:var(--color-accent-dark)}@font-face{font-family:Klavika;src:url(/fonts/klavika-thin.woff)format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Klavika;src:url(/fonts/klavika-extraLight.woff)format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Klavika;src:url(/fonts/klavika-light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Klavika;src:url(/fonts/klavika-regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Klavika;src:url(/fonts/klavika-medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Klavika;src:url(/fonts/klavika-bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Klavika;src:url(/fonts/klavika-black.woff)format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Klavika;src:url(/fonts/klavika-ultraBlack.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body{scroll-behavior:smooth;background-color:var(--color-surface-default)}body{font-family:var(--font-family-primary), sans-serif;text-align:left;word-wrap:break-word;overflow-wrap:break-word;color:var(--color-text-body);font-size:var(--type-size-p);margin:0;padding:0;line-height:1.7}section{width:100%}.container{width:calc(100% - 24px);max-width:var(--layout-width-max);margin:0 auto}@media (width>=768px){.container{width:calc(100% - 64px)}}@media (width>=1024px){.container{width:calc(100% - 120px)}}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);margin:0 0 8px;line-height:1.2}h1{font-size:var(--type-size-h1)}h2{font-size:var(--type-size-h2)}h3{font-size:var(--type-size-h3)}h4{font-size:var(--type-size-h4)}h5{font-size:var(--type-size-h5)}h6{font-size:var(--type-size-h6)}.title{color:var(--color-text-heading);margin:0;line-height:1}.date{color:var(--color-text-secondary);margin:0}strong,b{font-weight:700}a{color:var(--color-text-body)}a:hover{color:var(--color-secondary-dark)}html[data-theme=dark] a:hover{color:var(--color-accent)}p{margin-bottom:16px}em{font-style:italic;text-decoration:underline!important}.prose p{margin-bottom:32px}table{width:100%}code{font-size:var(--type-size-xs);color:var(--color-text-on-accent2);background-color:var(--color-accent2);border-radius:var(--radius-sm);padding:2px 5px;position:relative;top:-2px}pre{border-radius:var(--radius-md);padding:24px}pre>code{all:unset}blockquote{border-left:4px solid var(--color-border-strong);font-size:var(--type-size-h6);margin:0;padding:0 0 0 20px}hr{border:none;border-top:1px solid var(--color-border-subtle)}.sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}ul{flex-wrap:wrap;gap:32px;margin:0;padding:0;list-style-type:none;display:flex}ul li{width:calc(50% - 16px)}ul li *{text-decoration:none;transition:all .2s}ul li:first-child{text-align:center;width:100%;margin-bottom:16px}ul li:first-child img{width:100%}ul li:first-child .title{font-size:var(--type-size-h3)}ul li img{border-radius:12px;margin-bottom:8px}ul li a{display:block}ul li a:hover h4,ul li a:hover .date{color:var(--color-text-heading)}ul a:hover img{box-shadow:var(--shadow-surface)}@media (width<=768px){ul{gap:8px}ul li{text-align:center;width:100%}ul li:first-child{margin-bottom:0}ul li:first-child .title{font-size:var(--type-size-h5)}}