@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.I4S5GZfc.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.BmXc_FBt.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.GZpp1pK2.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.D8KDMBhC.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.DrnZ1wKl.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.B_7UjwxQ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=dark]{--bg: #0a0a0b;--bg-subtle: #101012;--bg-card: #131315;--bg-raised: #1a1a1d;--border: #2a2a2f;--border-strong: #3a3a41;--line: rgb(255 255 255 / .08);--text: #ededef;--text-muted: #a9a9b0;--text-dim: #9a9aa1;--accent: #fb6a3c;--accent-hover: #ff8159;--accent-ink: #0a0a0b;--accent-text: #fb6a3c;--accent-soft: color-mix(in srgb, #fb6a3c 13%, transparent);--accent-rgb: 251 106 60;--glow: 1;--edge-hi: rgb(255 255 255 / .05);--shadow-deep: rgb(0 0 0 / .55);--glass: rgb(19 19 21 / .66);--glass-edge: rgb(255 255 255 / .06);--shadow: rgb(0 0 0 / .55);--stage-bg: #161618;--dots: rgb(255 255 255 / .07);--poster-wire: #fb6a3c;--poster-dust: #ededef;color-scheme:dark}[data-theme=light]{--bg: #fafafa;--bg-subtle: #f3f3f4;--bg-card: #ffffff;--bg-raised: #ededf0;--border: #d9d9de;--border-strong: #c6c6cd;--line: rgb(17 17 19 / .09);--text: #111113;--text-muted: #45454c;--text-dim: #62626a;--accent: #bf3a0c;--accent-hover: #a1300a;--accent-ink: #ffffff;--accent-text: #a1300a;--accent-soft: color-mix(in srgb, #bf3a0c 7%, transparent);--accent-rgb: 191 58 12;--glow: .45;--edge-hi: rgb(255 255 255 / .9);--shadow-deep: rgb(17 17 19 / .12);--glass: rgb(255 255 255 / .72);--glass-edge: rgb(255 255 255 / .9);--shadow: rgb(17 17 19 / .22);--stage-bg: #ededf0;--dots: rgb(17 17 19 / .08);--poster-wire: #bf3a0c;--poster-dust: #45454c;color-scheme:light}[data-theme=dark] .sheet{--bg: #fafafa;--bg-subtle: #f3f3f4;--bg-card: #ffffff;--bg-raised: #ededf0;--border: #d9d9de;--border-strong: #c6c6cd;--line: rgb(17 17 19 / .09);--text: #111113;--text-muted: #45454c;--text-dim: #62626a;--accent: #bf3a0c;--accent-hover: #a1300a;--accent-ink: #ffffff;--accent-text: #a1300a;--accent-soft: color-mix(in srgb, #bf3a0c 7%, transparent);--stage-bg: #ececef;--dots: rgb(17 17 19 / .07);--shadow: rgb(17 17 19 / .28);--glass: rgb(255 255 255 / .8);color-scheme:light}[data-theme=light] .sheet{--bg: #0a0a0b;--bg-subtle: #101012;--bg-card: #131315;--bg-raised: #1a1a1d;--border: #2a2a2f;--border-strong: #3a3a41;--line: rgb(255 255 255 / .08);--text: #ededef;--text-muted: #a9a9b0;--text-dim: #9a9aa1;--accent: #fb6a3c;--accent-hover: #ff8159;--accent-ink: #0a0a0b;--accent-text: #fb6a3c;--accent-soft: color-mix(in srgb, #fb6a3c 13%, transparent);--stage-bg: #161618;--dots: rgb(255 255 255 / .07);--shadow: rgb(0 0 0 / .6);--glass: rgb(19 19 21 / .8);color-scheme:dark}:root{--font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono Variable", ui-monospace, "SFMono-Regular", Consolas, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease: var(--ease-out);--nav-h: 4.25rem;--gutter: clamp(1rem, 4vw, 3rem);--max: 80rem;--r-xl: clamp(22px, 2.6vw, 36px);--r-lg: 24px;--r-md: 16px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 1.5rem)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{margin:0;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.skip-link{position:absolute;left:.75rem;top:-4rem;z-index:100;padding:.5rem .875rem;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-size:.875rem;font-weight:600;text-decoration:none}.skip-link:focus{top:.75rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}::-moz-selection{background:var(--accent);color:var(--accent-ink)}::selection{background:var(--accent);color:var(--accent-ink)}*{scrollbar-color:var(--border-strong) var(--bg);scrollbar-width:thin}.tnum{font-variant-numeric:tabular-nums}.link{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.link:hover{text-decoration-thickness:2px}.dot{display:inline-block;flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}.dot-ring{background:transparent;box-shadow:inset 0 0 0 1.5px var(--text-dim)}.dot-muted{background:var(--text-dim)}.btn-primary{box-shadow:inset 0 1px #ffffff2e,0 6px 18px -10px rgb(var(--accent-rgb) / calc(.7 * var(--glow)))}.btn-primary:hover{box-shadow:inset 0 1px #fff3,0 8px 24px -10px rgb(var(--accent-rgb) / calc(.8 * var(--glow)))}.index-link:before{content:"";display:inline-block;flex:none;width:1.5rem;height:1px;margin-right:.875rem;background:var(--border-strong)}.index-link:hover:before,.index-link[aria-current=location]:before{width:3rem;background:var(--text)}.index-link[aria-current=location]{color:var(--text)}.index-link[aria-current=location]:before{background:var(--accent)}@media (prefers-reduced-motion: no-preference){.index-link:before{transition:width .2s var(--ease-out),background-color .2s ease}}.nav-link[aria-current=page]{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px}@media (hover: hover){.entry{position:relative;isolation:isolate}.entry:after{content:"";position:absolute;inset:-1rem -1.25rem;z-index:-1;border-radius:12px;background:var(--bg-subtle);box-shadow:inset 0 1px 0 var(--edge-hi);opacity:0}.entry:hover:after,.entry:focus-within:after{opacity:1}.entry:hover .entry-title,.entry:focus-within .entry-title{color:var(--accent)}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.entry:after{transition:opacity .18s ease}}.shot-frame{box-shadow:0 18px 40px -28px var(--shadow-deep)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media print{.skip-link,.no-print{display:none!important}}@font-face{font-family:Space Grotesk Variable;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2) format("woff2");font-weight:300 700;font-display:swap}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}main:focus{outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.7rem 1.45rem;border-radius:999px;border:1px solid transparent;font:600 .95rem/1.2 var(--font-sans);text-decoration:none;cursor:pointer;white-space:nowrap}.btn-sm{min-height:2.5rem;padding:.4rem 1rem;font-size:.875rem}.btn-accent{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 34px -12px rgb(var(--accent-rgb) / calc(.8 * var(--glow))),inset 0 1px #ffffff40}.btn-accent:hover{background:var(--accent-hover)}.btn-ghost{border-color:var(--border);color:var(--text);background:color-mix(in srgb,var(--bg) 50%,transparent)}.btn-ghost:hover{border-color:var(--text-muted)}.btn-choice{min-height:2.75rem;padding:.5rem 1rem;background:var(--text);color:var(--bg);border-color:var(--text);font-size:.92rem}.btn-choice:hover{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}@media (prefers-reduced-motion: no-preference){.btn{transition:transform .3s var(--ease),background .2s,border-color .2s,box-shadow .3s}.btn-accent:hover,.btn-ghost:hover{transform:translateY(-2px)}.btn-choice:hover{transform:translateY(-1px)}}.icon-btn{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}.icon-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.btn:focus-visible,.icon-btn:focus-visible,.menu-btn:focus-visible,.nav-links a:focus-visible,.text-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:999px;box-shadow:0 0 0 2px var(--bg),0 0 0 6px var(--text)}.brand-mark{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:#0a0a0a;border:1px solid rgb(255 77 0 / .35);color:#ff4d00;font-family:"Space Grotesk Variable",var(--font-sans);font-weight:700;font-size:15px;letter-spacing:-.04em;line-height:1;padding-bottom:1px}.brand-mark:before{content:"jo.";content:"jo." / ""}.site-nav{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h)}.site-nav:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line);transition:background .4s,border-color .4s}.js .site-nav:not(.scrolled):before{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}.nav-inner{position:relative;display:flex;align-items:center;gap:1.5rem;height:100%}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:650;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;color:var(--text)}.nav-inner>nav{margin-inline:auto}.nav-links{display:flex;align-items:center;gap:.15rem;margin:0;padding:.25rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg-card) 60%,transparent);font-size:.875rem;color:var(--text-muted);list-style:none}.nav-links a{display:block;text-decoration:none;padding:.42rem .85rem;border-radius:999px;transition:color .2s,background .2s;white-space:nowrap}.nav-links a:hover{color:var(--text)}.nav-links a[aria-current]{color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent)}.nav-links .only-menu{display:none}.nav-tools{display:flex;align-items:center;gap:.5rem;margin-left:auto}.nav-inner>nav+.nav-tools{margin-left:0}.menu-btn{display:none;align-items:center;gap:.55rem;height:2.5rem;padding:0 1rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);font:600 .875rem var(--font-sans);cursor:pointer}.menu-icon{position:relative;width:14px;height:10px}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;right:0;height:1.6px;border-radius:2px;background:currentColor}.menu-icon:before{top:1.5px}.menu-icon:after{top:6.9px}.menu-btn[aria-expanded=true] .menu-icon:before{top:4.2px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] .menu-icon:after{top:4.2px;transform:rotate(-45deg)}@media (prefers-reduced-motion: no-preference){.menu-icon:before,.menu-icon:after{transition:transform .3s var(--ease),top .3s var(--ease)}}@media (max-width: 52rem){.nav-links{display:none}.js .menu-btn{display:inline-flex}.nav-resume{display:none}.js .nav-links.open{display:grid;position:absolute;top:calc(100% + .5rem);left:var(--gutter);right:var(--gutter);margin:0;padding:.6rem;gap:.1rem;border-radius:22px;border-color:var(--border);background:color-mix(in srgb,var(--bg-card) 96%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 60px -20px #0009;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;color:var(--text);max-height:calc(100dvh - var(--nav-h) - 1rem);overflow-y:auto;overscroll-behavior:contain}.menu-open .site-nav:after{content:"";position:fixed;inset:0;z-index:-1;background:#0a0a0b99;backdrop-filter:blur(6px)}:root[data-theme=light].menu-open .site-nav:after{background:#11111359}.menu-open .site-nav:before{background:var(--bg)}.js .nav-links.open a{padding:.75rem 1rem;border-radius:14px}.js .nav-links.open .only-menu{display:block}.js .nav-links.open .only-menu a{color:var(--accent-text)}}@media (max-width: 52rem){html:not(.js){--nav-h: 6.5rem}html:not(.js) .nav-inner{flex-wrap:wrap;align-content:center;gap:.3rem .75rem;padding-block:.55rem}html:not(.js) .nav-inner>nav{order:3;width:100%;margin:0}html:not(.js) .nav-links{display:flex;width:100%;margin:0;overflow-x:auto;border:0;background:none;padding:0;scrollbar-width:none}html:not(.js) .nav-links a{padding-inline:0 1rem}html:not(.js) .nav-links .only-menu{display:block}}html:not(.js) .js-only{display:none!important}.site-foot{position:relative;z-index:1;border-top:1px solid var(--line);background:var(--bg);padding-block:2.25rem;color:var(--text-muted);font-size:.875rem}.foot-inner{display:grid;gap:1.25rem;align-items:start}.foot-brand{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;margin:0;color:var(--text);font-weight:620}.foot-brand a{display:inline-flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none}.foot-loc{color:var(--text-muted);font-weight:400}.clock{margin-left:.6rem;color:var(--text-dim);font:.8rem var(--font-mono)}.foot-links{display:flex;flex-wrap:wrap;gap:.15rem 1.4rem;margin:0;padding:0;list-style:none}.foot-links a,.text-btn{display:inline-block;padding-block:.4rem;color:inherit;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px}.foot-links a:hover,.text-btn:hover{color:var(--text);text-decoration-color:var(--accent)}.text-btn{border:0;background:none;font:inherit;cursor:pointer}.text-btn:focus-visible{border-radius:6px}.foot-note{display:flex;flex-wrap:wrap;gap:.25rem 2rem;margin:0;font:.75rem var(--font-mono);letter-spacing:.04em;color:var(--text-dim)}@media (min-width: 62rem){.foot-inner{grid-template-columns:auto 1fr;-moz-column-gap:3rem;column-gap:3rem}.foot-links{justify-content:flex-end}.foot-note{grid-column:1 / -1;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--line)}}.consent{position:fixed;z-index:70;right:1rem;bottom:1rem;width:min(25rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain;padding:1.25rem;border:1px solid var(--border);border-radius:20px;background:var(--bg-card);color:var(--text);box-shadow:0 30px 80px -20px #0009,inset 0 1px 0 var(--glass-edge);font-size:.9rem;line-height:1.5}.consent[hidden]{display:none}.consent h2{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.02em;line-height:1.3}.consent h2:focus{outline:none}.consent h2:focus-visible{outline:2px solid var(--accent)}.consent p{margin:.4rem 0 0;color:var(--text-muted)}.consent p a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}.consent-more{margin-top:.7rem;padding:.35rem 0;background:none;border:0;color:var(--text);font:600 .85rem var(--font-sans);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;cursor:pointer}.consent-panel{display:grid;gap:.7rem;margin-top:.6rem;padding-top:.9rem;border-top:1px solid var(--line)}.consent-panel[hidden]{display:none}.opt{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;color:var(--text-muted);font-size:.85rem}.opt input{width:1.1rem;height:1.1rem;margin:.15rem 0 0;accent-color:var(--accent)}.opt strong{display:block;color:var(--text);font-weight:600}.consent-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.consent-row a{font-size:.85rem;color:var(--text);text-underline-offset:3px}.btn-save{min-width:9rem}html.consent-open{scroll-padding-bottom:calc(var(--consent-h, 0px) + 1rem)}html.consent-open body{padding-bottom:var(--consent-h, 0px)}@media (prefers-reduced-motion: no-preference){.js .consent{transform:translateY(calc(100% + 2rem));transition:transform .6s var(--ease)}.js .consent.show{transform:none}}@media (max-width: 52rem){.consent{right:.5rem;bottom:.5rem;width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);padding:.75rem .85rem;border-radius:16px;display:grid;grid-template-columns:1fr 1fr auto;-moz-column-gap:.5rem;column-gap:.5rem;align-items:center;font-size:.85rem;line-height:1.4}.consent[hidden]{display:none}.consent h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.consent p{grid-column:1 / -1;margin:0 0 .6rem}.consent-actions{display:contents}.consent .btn-choice{min-height:2.6rem}.consent-more{margin:0;padding:.5rem .2rem;min-height:2.6rem}.consent-panel{grid-column:1 / -1}}.paused *,.paused *:before,.paused *:after{animation:none!important}@media (prefers-reduced-motion: reduce){.btn:hover,.icon-btn:hover{transform:none}}@media print{.site-nav,.site-foot,.consent{display:none!important}html.consent-open body{padding-bottom:0}}