@font-face{font-family:"Outfit";src:url("/assets/fonts/outfit-v15-latin-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Outfit";src:url("/assets/fonts/outfit-v15-latin-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Outfit";src:url("/assets/fonts/outfit-v15-latin-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Fira Code";src:url("/assets/fonts/fira-code-v27-latin-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--hub-gap:20px;--card-radius:20px;--card-padding:24px;--bg-color:#f2f0eb;--card-bg:#fff;--card-bg-warm:#faf8f4;--accent-blue:#a2c2e1;--accent-blue-d:#6e9fc7;--accent-pink:#f5c2cc;--accent-pink-d:#d97f93;--accent-green:#b5e853;--accent-green-d:#7ab824;--accent-plum:#6b3fa0;--accent-persimmon:#e8603c;--accent-yellow:#f7e04a;--accent-cyan:#4ecdc4;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#8888a8;--text-on-dark:#f2f0eb;--border-light:rgba(0,0,0,0.07);--border-card:rgba(0,0,0,0.06);--shadow-card:0 4px 16px rgba(0,0,0,0.06),0 1px 4px rgba(0,0,0,0.04);--shadow-hover:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);--font-sans:'Outfit',system-ui,-apple-system,sans-serif;--font-mono:'Fira Code','Courier New',monospace;--safe-area-top:env(safe-area-inset-top,0);--safe-area-bottom:env(safe-area-inset-bottom,0);--nav-floating-top:calc(max(16px, var( -  - safe - area - top)+8px));--main-top-spacing:calc(var( -  - nav - floating - top)+60px);--t-fast:.18s ease;--t-med:.28s ease;--t-slow:.45s ease;--z-index-skip-link:9999}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s;animation-timing-function:ease-in-out}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}.skip-link{position:absolute;top:-100px;left:20px;background:var(--accent-blue-d);color:#fff;padding:8px 16px;border-radius:0 0 8px 8px;z-index:var(--z-index-skip-link);transition:top .2s ease-in-out;font-weight:600}.skip-link:focus{top:0;outline:3px solid var(--accent-yellow);outline-offset:2px}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent-blue-d);outline-offset:3px;border-radius:6px}::selection{background:var(--accent-blue);color:#fff}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}@media(prefers-reduced-motion:reduce){.car{animation:none}.terminal__line--cursor{animation:none}.hub-card{transition:none}.fade-in{transition:none}.skip-link{transition:none}}.site-nav{position:fixed;top:var(--nav-floating-top);left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:1200px;margin:0 auto;z-index:1000;background:hsla(0,0,100%,.45);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);background-image:linear-gradient(135deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.1) 40%,rgba(255,255,255,0) 51%,rgba(255,255,255,0.05) 100%);border:1px solid hsla(0,0,100%,.5);border-radius:24px;box-shadow:0 4px 24px -1px rgba(0,0,0,.08),0 2px 8px -1px rgba(0,0,0,.04),inset 0 1px 1px hsla(0,0,100%,.6),inset 0 -1px 2px rgba(0,0,0,.02);transition:width var(--t-med),background var(--t-med)}.nav-inner{width:100%;max-width:1300px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.site-nav__brand{font-family:var(--font-sans);font-weight:700;font-size:1.1rem;letter-spacing:.04em;color:var(--text-primary);transition:color var(--t-fast)}.site-nav__brand:hover{color:var(--accent-blue-d)}.site-nav__links{display:flex;gap:24px;align-items:center}.site-nav__links a{font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:color var(--t-fast);letter-spacing:.01em}.site-nav__links a:hover{color:var(--text-primary)}.floating-nav{position:sticky;top:var(--nav-floating-top);z-index:1000;display:flex;align-items:center;justify-content:space-between;max-width:700px;margin:var(--nav-floating-top) auto 0;padding:12px 24px;border-radius:100px;background:hsla(0,0,100%,.45);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);background-image:linear-gradient(145deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.05) 100%);border:1px solid hsla(0,0,100%,.4);box-shadow:0 10px 40px -10px rgba(0,0,0,.1),0 4px 12px -2px rgba(0,0,0,.05),inset 0 1px 1px hsla(0,0,100%,.7);transition:transform var(--t-med),box-shadow var(--t-med)}.floating-nav__logo{font-family:var(--font-sans);font-weight:700;font-size:1rem;letter-spacing:.04em;color:var(--text-primary);transition:color var(--t-fast)}.floating-nav__logo:hover{color:var(--accent-blue-d)}.floating-nav__links{display:flex;align-items:center;gap:20px}.floating-nav__links a{font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:color var(--t-fast);letter-spacing:.01em}.floating-nav__links a:hover{color:var(--text-primary)}.jekyll-main{max-width:720px;margin:0 auto 80px;padding:0 24px}.jekyll-main:has(.hub-grid){max-width:100%}#reading-progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--accent-blue),var(--accent-pink-d));z-index:9999;transform:scaleX(0);transform-origin:left}@media(max-width:600px){.nav-inner{padding-left:20px;padding-right:20px}.floating-nav{top:12px;margin:12px 16px 0;padding:10px 18px}.jekyll-main:not(.hub-page){margin-top:calc(var( -  - nav - floating - top)+12px);padding:0 16px}}.jekyll-main.hub-page{padding-top:85px!important}.hub-grid{display:grid;gap:var(--hub-gap);padding:clamp(16px,3vw,32px);max-width:1300px;margin:0 auto;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,auto);grid-template-areas:"bio          bio          stack" "studio       studio       shrine" "webgl        webgl        shrine" "feed-vr      feed-vr      feed-gamedev" "feed-vr      feed-vr      feed-gamedev" "feed-personal feed-edu   python"}#bio{grid-area:bio}#studio{grid-area:studio}#webgl{grid-area:webgl}#stack{grid-area:stack}#shrine{grid-area:shrine}#teaching{grid-area:teach}#python{grid-area:python}#contact{grid-area:contact}#feed-vr{grid-area:feed-vr}#feed-gamedev{grid-area:feed-gamedev}#feed-personal{grid-area:feed-personal}#feed-edu{grid-area:feed-edu}@media(max-width:1080px){.hub-grid{max-width:800px;grid-template-columns:repeat(2,1fr);grid-template-areas:"bio           bio" "studio        studio" "webgl         webgl" "feed-vr       feed-gamedev" "feed-personal feed-edu" "stack         python" "shrine        shrine"}.site-nav__links a:not(.lang-switch){display:none}}@media(max-width:768px){.hub-grid{display:flex;flex-direction:column;gap:16px;padding:16px}.jekyll-main.hub-page{padding-top:calc(85px + env(safe - area - inset - top))!important;margin-top:0!important}.site-nav{top:calc(16px + env(safe - area - inset - top));width:calc(100% - 32px)}.site-nav__links a:not(.lang-switch){display:none}.site-nav__links .lang-switch{display:inline-flex}.hub-grid{grid-template-areas:"bio" "studio" "webgl" "stack" "shrine" "feed-vr" "feed-gamedev" "feed-personal" "feed-edu" "python";grid-template-columns:1fr}}.hub-card{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--shadow-card);border:1px solid var(--border-card);display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;transition:transform var(--t-med),box-shadow var(--t-med);transform-style:preserve-3d;backface-visibility:hidden}.card--bio,.card--contact{justify-content:space-between}@media(hover:hover){.hub-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}}.card-label{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px}@media(max-width:768px){.hub-card{min-height:auto;padding:20px}.studio__watches{gap:14px}.watch-bezel{width:76px;height:76px}.watch-screen{width:62px;height:62px}.contact__link{font-size:.75rem;padding:7px 12px}.card--contact{flex-direction:column;gap:14px}#feed-vr,#feed-gamedev,#feed-personal,#feed-edu{border-left-width:4px}}.card--bio{background:linear-gradient(135deg,#fff 60%,#f0ecff 100%)}.bio__doodles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.doodle{position:absolute;font-size:1.1rem;opacity:.18;user-select:none;transition:opacity var(--t-slow)}.card--bio:hover .doodle{opacity:.32}.doodle--star{top:14px;right:56px;font-size:1.4rem;color:var(--accent-plum);transform:rotate(12deg)}.doodle--bracket{top:40px;right:20px;font-size:.9rem;color:var(--accent-blue-d);font-family:var(--font-mono)}.doodle--heart{bottom:20px;right:40px;font-size:1.2rem;color:var(--accent-pink-d)}.doodle--watch{bottom:14px;right:12px;font-size:1.6rem}.bio__content{display:flex;align-items:center;gap:16px;margin-bottom:12px}.bio__avatar{width:72px;height:72px;border-radius:50%;border:3px solid var(--border-light);flex-shrink:0;transition:border-color var(--t-med),transform var(--t-med);object-fit:cover}@media(hover:hover){.card--bio:hover .bio__avatar{border-color:var(--accent-blue);transform:scale(1.05)}}.bio__name{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2px;letter-spacing:-0.01em}.bio__roles{font-size:.82rem;color:var(--text-secondary);font-weight:500;margin-bottom:2px}.bio__location{font-size:.78rem;color:var(--text-muted)}.bio__tagline{font-size:.88rem;color:var(--text-secondary);line-height:1.6;font-style:italic;padding-top:10px;border-top:1px solid var(--border-light)}.card--studio{background:#0f0e17;color:var(--text-on-dark);cursor:pointer;transition:transform var(--t-med),box-shadow var(--t-med),background var(--t-med)}@media(hover:hover){.card--studio:hover{background:#14121f;box-shadow:0 12px 40px rgba(162,194,225,.25),0 4px 16px rgba(0,0,0,.2)}}.studio__header{margin-bottom:20px}.studio__badge{display:inline-block;font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.18em;color:var(--accent-cyan);border:1px solid rgba(78,205,196,.4);border-radius:99px;padding:3px 10px;margin-bottom:10px;text-transform:uppercase}.studio__title{font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.2}.studio__sub{font-size:.82rem;color:hsla(0,0,100%,.5)}.studio__watches{display:flex;gap:20px;justify-content:center;flex:1;align-items:center;padding:10px 0}.watch-mockup{display:flex;flex-direction:column;align-items:center;gap:8px}.watch-bezel{width:90px;height:90px;border-radius:50%;background:linear-gradient(145deg,#2a2a3c,#1a1a28);border:3px solid rgba(162,194,225,.3);box-shadow:0 0 0 1px hsla(0,0,100%,.05),0 0 20px rgba(162,194,225,.15),inset 0 2px 4px hsla(0,0,100%,.08);display:flex;align-items:center;justify-content:center;transition:border-color var(--t-med),box-shadow var(--t-med);overflow:hidden}.card--studio:hover .watch-bezel{border-color:rgba(78,205,196,.6);box-shadow:0 0 0 1px hsla(0,0,100%,.08),0 0 30px rgba(78,205,196,.25),inset 0 2px 4px hsla(0,0,100%,.1)}.watch-screen{width:76px;height:76px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.watch-game--racer{width:100%;height:100%;background:linear-gradient(180deg,#0d1b2a 0%,#1a3a5c 50%,#2d5a3d 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.road{position:absolute;width:24px;height:100%;background:#333;left:50%;transform:translateX(-50%)}.road-line{position:absolute;width:3px;height:12px;background:#f7e04a;top:30%;left:50%;transform:translateX(-50%);border-radius:2px}.car{position:absolute;font-size:.9rem;z-index:2;will-change:transform;animation:car-drive 2s ease-in-out infinite alternate}.car--1{bottom:20%;left:42%;animation-delay:0}.car--2{bottom:50%;left:44%;animation-delay:.8s;font-size:.8rem}@keyframes car-drive{from{transform:translateY(0)}to{transform:translateY(-6px)}}.watch-game--puzzle{width:100%;height:100%;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:60px;height:60px}.puzzle-tile{display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:.5rem;font-weight:bold;transition:transform .15s ease}.tile--red{background:rgba(232,96,60,.85);color:#fff}.tile--blue{background:rgba(162,194,225,.85);color:#fff}.tile--yellow{background:rgba(247,224,74,.85);color:#333}.tile--green{background:rgba(78,205,196,.85);color:#fff}.card--studio:hover .puzzle-tile{transform:scale(0.9)}.watch-label{font-size:.62rem;color:hsla(0,0,100%,.45);font-weight:500;letter-spacing:.04em;text-align:center}.studio__footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid hsla(0,0,100%,.08)}.studio__tags{display:flex;gap:6px;flex-wrap:wrap}.studio__tag{font-family:var(--font-mono);font-size:.62rem;padding:2px 8px;background:hsla(0,0,100%,.07);border:1px solid hsla(0,0,100%,.12);border-radius:99px;color:hsla(0,0,100%,.55)}.studio__cta{font-size:.82rem;font-weight:600;color:var(--accent-cyan);display:flex;align-items:center;gap:4px;white-space:nowrap}.studio__cta .arrow{display:inline-block;transition:transform var(--t-fast)}@media(hover:hover){.card--studio:hover .studio__cta .arrow{transform:translateX(4px)}}.card--webgl{background:var(--card-bg-warm);position:relative}.webgl__header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.webgl__icon{font-size:1.4rem;margin-bottom:4px}.webgl__title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.webgl__sub{font-size:.8rem;color:#797992}.webgl__frame-wrap{flex:1;border-radius:12px;overflow:hidden;background:#0f0e17;position:relative;min-height:140px;margin-bottom:12px}.webgl__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0f0e17 0%,#1a1a2e 100%);cursor:pointer;transition:background var(--t-med);z-index:2;border-radius:12px}.webgl__overlay:hover{background:linear-gradient(135deg,#14121f 0%,#22223a 100%)}.webgl__play-btn{width:56px;height:56px;border-radius:50%;background:rgba(78,205,196,.12);border:2px solid rgba(78,205,196,.4);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}.webgl__overlay:hover .webgl__play-btn{background:rgba(78,205,196,.2);transform:scale(1.08);box-shadow:0 0 24px rgba(78,205,196,.3)}.webgl__play-btn svg{width:24px;height:24px}.webgl__overlay-text{font-weight:600;font-size:.9rem;color:rgba(242,240,235,.9)}.webgl__overlay-note{font-size:.7rem;color:hsla(0,0,100%,.35);text-align:center;padding:0 16px}.webgl__iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none;z-index:1;border-radius:12px}.webgl__iframe.active{opacity:1;pointer-events:all}.webgl__caption{font-size:.75rem;color:#797992;display:flex;align-items:center;gap:8px}.webgl__status{font-family:var(--font-mono);font-size:.68rem;color:#be536c;white-space:nowrap}.card--stack{background:#fafbfd;position:relative;overflow:hidden}.blueprint-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(var(--accent-blue) 1px,transparent 1px),linear-gradient(90deg,var(--accent-blue) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.stack__icons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:auto;position:relative;z-index:1}.stack__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:hsla(0,0,100%,.85);border:1px solid var(--border-card);border-radius:12px;transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);cursor:default}@media(hover:hover){.stack__item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}}.stack__icon{font-size:1.3rem;font-family:var(--font-mono);font-weight:700;color:var(--accent-blue-d);line-height:1}.stack__name{font-size:.62rem;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.card--shrine{background:linear-gradient(160deg,#1a0a2e 0%,#2d1458 70%,#3a1c6e 100%);color:var(--text-on-dark)}.card--shrine .card-label{color:hsla(0,0,100%,.35)}.shrine__icon{font-size:2.2rem;margin-bottom:8px}.shrine__title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.2}.shrine__desc{color:var(--text-muted);font-size:.9rem;margin-bottom:16px}.shrine__list{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1}.shrine__item{display:flex;align-items:center;gap:10px;font-size:.82rem;color:hsla(0,0,100%,.7);padding:8px 12px;background:hsla(0,0,100%,.06);border-radius:10px;border:1px solid hsla(0,0,100%,.08);transition:background var(--t-fast)}.shrine__item:hover{background:hsla(0,0,100%,.1)}.shrine__badge{font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.1em;color:var(--accent-persimmon);border:1px solid rgba(232,96,60,.4);border-radius:4px;padding:1px 5px;flex-shrink:0}.shrine__note{font-size:.74rem;color:hsla(0,0,100%,.35);margin-top:10px;font-style:italic;line-height:1.5}.shrine__pixels{margin-top:12px;display:flex;gap:4px;flex-wrap:wrap}.shrine__pixels span{font-size:.5rem;color:rgba(232,96,60,.5);transition:color var(--t-fast)}.card--shrine:hover .shrine__pixels span{color:rgba(232,96,60,.85)}.card--python{background:#0d1117;color:var(--text-on-dark)}.python__terminal{background:hsla(0,0,100%,.04);border:1px solid hsla(0,0,100%,.08);border-radius:10px;overflow:hidden;margin-bottom:14px;flex:1}.terminal__bar{background:hsla(0,0,100%,.06);padding:7px 10px;display:flex;gap:6px;align-items:center;border-bottom:1px solid hsla(0,0,100%,.06)}.terminal__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot--red{background:#ff5f57}.dot--yellow{background:#febc2e}.dot--green{background:#28c840}.terminal__body{padding:12px;display:flex;flex-direction:column;gap:4px}.terminal__line{display:block;font-family:var(--font-mono);font-size:.7rem;line-height:1.6;color:rgba(242,240,235,.7)}.t-comment{color:hsla(0,0,100%,.3);font-style:italic}.t-kw{color:#c792ea}.t-fn{color:var(--accent-cyan)}.terminal__line--cursor{color:var(--accent-green);will-change:opacity;animation:term-blink 1s step-end infinite}@keyframes term-blink{0%,100%{opacity:1}50%{opacity:0}}.python__title{font-size:.95rem;font-weight:700;color:hsla(0,0,100%,.9);margin-bottom:4px}.python__desc{font-size:.75rem;color:hsla(0,0,100%,.4);line-height:1.5}.card--feed{justify-content:flex-start;gap:0}.feed__heading{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.feed__subtitle{font-size:.78rem;color:var(--text-muted);margin-bottom:16px;line-height:1.4}.card--feed-vr{border-left:4px solid var(--accent-blue)}.card--feed-gamedev{border-left:4px solid var(--accent-green)}.card--feed-personal{border-left:4px solid var(--accent-pink-d)}.card--feed-edu{border-left:4px solid var(--accent-yellow)}.post-list{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:10px;width:100%;flex:1;margin-bottom:16px}.post-list li a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--bg-color);text-decoration:none;color:var(--text-primary);transition:background var(--t-fast),transform var(--t-fast)}@media(hover:hover){.post-list li a:hover{background:rgba(162,194,225,.14);transform:translateX(3px)}}.post-title{font-size:.88rem;font-weight:600;color:var(--text-primary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{font-size:.68rem;color:var(--text-muted);font-family:var(--font-mono)}.post-list__empty{font-size:.78rem;color:var(--text-muted);font-style:italic;padding:8px 0}.card--blog{background:var(--card-bg-warm);display:flex;flex-direction:column}.blog__heading{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:-0.01em}.blog__subtitle{font-size:.82rem;color:var(--text-muted);margin-bottom:4px}.edu-level{display:inline-block;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:1px 7px;border-radius:99px;background:rgba(247,224,74,.22);color:#8a6f00;font-family:var(--font-mono);margin-top:2px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.photo-card{border-radius:16px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border-card);aspect-ratio:4/3}.photo-card.span-wide{grid-column:1/-1;aspect-ratio:21/9}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-med)}@media(hover:hover){.photo-card:hover img{transform:scale(1.03)}}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9e7e2;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;text-align:center;padding:20px}.hub-page-title{margin-bottom:8px}.hub-page-subtitle{color:var(--text-muted);margin-bottom:40px;font-family:var(--font-mono);font-size:.85rem}.blog-hub{max-width:900px}.blog-list{margin-top:0;padding-left:0;list-style:none}.blog-list__item{padding:16px;border:1px solid var(--border-light);background:var(--card-bg);display:block;text-decoration:none;border-radius:var(--card-radius);transition:transform var(--t-fast)}.blog-list__title{font-size:1.2rem;margin-bottom:6px;display:block;color:var(--text-primary)}.blog-list__meta{display:flex;gap:12px;align-items:center}.blog-list__meta .post-meta{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.blog-list__category{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:var(--font-mono)}.blog-list__item li{margin-bottom:12px}.edu-hub{max-width:900px}.edu-hub__list{display:flex;flex-direction:column;gap:16px}.edu-hub__card{text-decoration:none;padding:24px;transition:transform .2s;display:block}.edu-hub__card-title{font-size:1.25rem;margin:8px 0 4px 0;color:var(--text-primary)}.edu-hub__card-excerpt{color:var(--text-secondary);font-size:.9rem;margin-bottom:0}.edu-hub__tags{margin-top:12px;display:flex;gap:8px}.edu-hub__tag{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.shrine-hub{max-width:900px}.shrine-hub__section-title{font-size:1.2rem;margin-bottom:16px;border-bottom:1px solid var(--border-light);padding-bottom:8px}.shrine-hub__section-title--spaced{margin-top:48px}.error-404{text-align:center;padding-top:120px;padding-bottom:80px}.error-404__code{font-size:5rem;color:var(--accent-blue);font-family:var(--font-mono);margin-bottom:0}.error-404__heading{margin-top:10px;margin-bottom:20px}.error-404__text{color:var(--text-muted);margin-bottom:40px;font-size:1.1rem;max-width:400px;margin-left:auto;margin-right:auto}.error-404__btn{display:inline-flex}.post-container{max-width:700px;margin:0 auto 40px;padding:25px 20px 40px;font-size:1.125rem;line-height:1.75;color:var(--text-primary)}.post-container h1{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:10px;color:var(--text-primary);letter-spacing:-0.02em}.post-date{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:2.5rem;font-family:var(--font-mono);letter-spacing:.04em}.post-header-meta{display:flex;align-items:center;gap:0;margin-bottom:.5rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.post-meta-author{color:var(--accent-persimmon);font-weight:700}.post-meta-sep{margin:0 10px;color:var(--text-muted);user-select:none}.post-meta-date,.post-meta-reading{color:var(--text-secondary);font-weight:500}.post-header-rule{border:0;border-top:2px solid var(--text-primary);margin-bottom:2rem}.edu-meta{display:flex;align-items:center;gap:12px;margin-bottom:1rem;flex-wrap:wrap}.banner--translation-warning{background:rgba(255,170,0,.08);border:1px solid rgba(255,170,0,.2);border-radius:var(--card-radius);padding:1rem 1.25rem;margin-bottom:2.5rem;font-size:.95rem;line-height:1.5;color:#856404;animation:fadeIn var(--t-med) ease-out forwards;display:flex;align-items:center;gap:10px}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.post-container h2{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:2.5rem 0 .75rem;letter-spacing:-0.01em}.post-container h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:2rem 0 .5rem}.post-container p{margin-bottom:1.4rem;color:var(--text-primary)}.post-container strong{color:var(--text-primary)}.post-container [itemprop=articleBody] a,.post-container .edu-body a{color:var(--accent-blue-d);text-decoration:underline;text-underline-offset:3px;transition:color var(--t-fast)}.post-container [itemprop=articleBody] a:hover,.post-container .edu-body a:hover{color:var(--accent-cyan)}.post-container ul,.post-container ol{padding-left:1.5rem;margin-bottom:1.4rem;color:var(--text-secondary)}.post-container li{margin-bottom:.5rem}.post-container hr{border:0;border-top:1px solid var(--border-light);margin:2.5rem 0}.post-container img{max-width:100%;height:auto;border-radius:12px;margin:20px 0;box-shadow:var(--shadow-card)}.post-container code{font-family:var(--font-mono);font-size:.9em;background:rgba(0,0,0,.05);border:1px solid var(--border-card);border-radius:5px;padding:2px 6px;color:var(--accent-plum)}.post-container pre{background:#0f0e17;border-radius:8px;padding:20px 24px;overflow-x:auto;margin:1.4rem 0;border:1px solid hsla(0,0,100%,.06);box-shadow:var(--shadow-card)}.post-container pre code{font-family:var(--font-mono);font-size:.88rem;line-height:1.65;background:0;border:0;border-radius:0;padding:0;color:var(--text-on-dark)}.post-tags-inline{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-light);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;line-height:2}.post-tags-label{font-weight:700;text-transform:uppercase;color:var(--text-primary);margin-right:8px}.post-tag-link{color:var(--accent-persimmon);font-weight:600;text-transform:uppercase;text-decoration:none;transition:color var(--t-fast)}.post-container .post-tag-link{text-decoration:none}.post-tag-link:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.post-container{font-size:1rem;padding:0 16px;margin-top:28px}}.related-bento{margin-top:60px;padding-top:40px;border-top:1px solid var(--border-light)}.related-bento__heading{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;letter-spacing:-0.01em}.related-bento__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.related-bento__card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;min-height:160px}@media(hover:hover){.related-bento__card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-hover)}}.related-bento__badge{font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.12em;color:var(--accent-blue-d);background:rgba(162,194,225,.15);border:1px solid rgba(162,194,225,.3);border-radius:99px;padding:4px 12px;margin-bottom:14px;text-transform:uppercase;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.related-bento__card:hover .related-bento__badge{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.related-bento__title{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:0;line-height:1.4;flex:1}.related-bento__date{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono);margin-top:16px}.breadcrumbs{margin-bottom:1.5rem}.breadcrumbs__list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.breadcrumbs__item{font-size:.85rem;font-family:var(--font-mono);color:var(--text-secondary)}.breadcrumbs__item a{color:var(--text-secondary);text-decoration:none;transition:color var(--t-fast)}.breadcrumbs__item a:hover{color:var(--text-primary)}.breadcrumbs__item+.breadcrumbs__item::before{content:"›";margin-right:6px;color:var(--text-muted);font-weight:700}.breadcrumbs__item--active{color:var(--text-primary);font-weight:500}.search-modal{border:0;padding:0;background:rgba(0,0,0,0);max-width:800px;width:90%;border-radius:var(--card-radius,24px);box-shadow:0 20px 50px rgba(0,0,0,.15);overflow:visible}.search-modal::backdrop{background:rgba(0,0,0,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.search-modal[open]{animation:searchSlideIn .3s cubic-bezier(0.16,1,0.3,1)}@keyframes searchSlideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.search-box{background:var(--card-bg,#fff);border:1px solid rgba(0,0,0,.05);border-radius:inherit;display:flex;flex-direction:column;max-height:80vh}.search-header{padding:20px 24px;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(0,0,0,.05)}.search-header input{flex:1;border:0;background:rgba(0,0,0,0);font-size:1.25rem;font-family:inherit;color:var(--text-color,#2d2d2d);outline:0;padding:5px 0}.search-header input::placeholder{color:rgba(0,0,0,.3)}.btn-close-search{background:rgba(0,0,0,.05);border:0;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.btn-close-search:hover{background:rgba(0,0,0,.1)}.search-results{overflow-y:auto;padding:10px;flex:1}.search-results:empty{display:none}.search-result-item{display:block;padding:16px 20px;text-decoration:none;border-radius:16px;transition:background .2s ease,transform .1s ease;margin-bottom:4px}.search-result-item:hover{background:rgba(0,0,0,.03);transform:translateX(5px)}.search-result-item h4{margin:0 0 6px 0;font-size:1.1rem;color:var(--text-color)}.search-result-item p{margin:0 0 10px 0;font-size:.9rem;color:rgba(0,0,0,.6);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-tags{display:flex;flex-wrap:wrap;gap:6px}.search-tag{font-family:var(--font-mono,monospace);font-size:.75rem;padding:3px 8px;background:rgba(0,0,0,.05);border-radius:6px;color:rgba(0,0,0,.5)}.search-no-results{padding:40px;text-align:center;color:rgba(0,0,0,.4);font-style:italic}.search-footer{padding:12px 24px;background:rgba(0,0,0,.02);border-top:1px solid rgba(0,0,0,.05);display:flex;gap:20px;font-size:.8rem;color:rgba(0,0,0,.4)}.search-footer kbd{font-family:var(--font-mono,monospace);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:2px 4px;box-shadow:0 2px 0 rgba(0,0,0,.05)}.site-nav__search-trigger{background:rgba(0,0,0,0);border:0;padding:8px;margin-right:15px;cursor:pointer;color:var(--text-color,#2d2d2d);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s ease,opacity .2s ease;opacity:.7}.site-nav__search-trigger svg{width:20px;height:20px;display:block}.site-nav__search-trigger:hover{background:rgba(0,0,0,.05);opacity:1}.site-nav__search-trigger:active{transform:scale(0.95)}@media(max-width:768px){.search-modal{width:calc(100% - 20px);margin:auto}.search-box{max-height:90vh;border-radius:20px}}.lang-switch-wrapper{display:flex;gap:4px;align-items:center;background:rgba(0,0,0,.03);padding:4px;border-radius:99px;border:1px solid rgba(0,0,0,.04);backdrop-filter:blur(4px)}.lang-switch{padding:6px 12px;border-radius:99px;font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);transition:all var(--t-fast);cursor:pointer;border:1px solid rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;line-height:1}.lang-switch:hover:not(.active){color:var(--text-primary);background:hsla(0,0,100%,.3)}.lang-switch.active{background:hsla(0,0,100%,.85);color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,.05),inset 0 1px 1px #fff;border:1px solid hsla(0,0,100%,.5);cursor:default;background-image:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%)}.btn-read-more{display:inline-block;align-self:flex-start;margin-top:auto;padding:8px 18px;border-radius:99px;border:1.5px solid var(--accent-blue);color:var(--accent-blue-d);font-size:.82rem;font-weight:600;text-decoration:none;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}@media(hover:hover){.btn-read-more:hover{background:var(--accent-blue);color:#fff;box-shadow:0 4px 16px rgba(162,194,225,.4)}}.btn-copy-code{position:absolute;top:10px;right:10px;padding:5px 10px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);background:hsla(0,0,100%,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-radius:8px;cursor:pointer;opacity:0;transition:all var(--t-fast);z-index:10}@media(hover:hover){.btn-copy-code:hover{background:hsla(0,0,100%,.8);color:var(--text-primary);box-shadow:0 4px 12px rgba(0,0,0,.05)}}.btn-copy-code.copied{background:var(--accent-green);color:var(--text-primary);border-color:var(--accent-green-d);opacity:1}div.highlight{position:relative}div.highlight:hover .btn-copy-code{opacity:1}div.highlight pre{padding-top:36px!important}.fade-in{opacity:0;transform:translateY(15px);transition:opacity .6s ease-out,transform .1s cubic-bezier(0.22,1,0.36,1);will-change:opacity,transform}.fade-in.visible{opacity:1;transform:translateY(0)}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-light)}.pagination-item{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-family:var(--font-mono);font-size:.82rem;font-weight:600;text-decoration:none;transition:all var(--t-fast);box-shadow:0 2px 4px rgba(0,0,0,.02)}.pagination-item:hover:not(.disabled){border-color:var(--accent-blue);color:var(--accent-blue-d);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.pagination-item.disabled{opacity:.4;cursor:default;background:rgba(0,0,0,0)}.pagination-info{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);letter-spacing:-0.01em}.author-box{display:flex;gap:28px;margin-top:4rem;padding:16px 32px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--card-radius);transition:transform var(--t-fast),box-shadow var(--t-fast);box-shadow:0 4px 20px rgba(0,0,0,.03);align-items:center}@media(max-width:768px){.author-box{flex-direction:column;text-align:center;gap:20px;padding:24px}}.author-box__avatar{flex-shrink:0;width:72px;height:72px;border-radius:50%;overflow:hidden;border:3px solid var(--bg-color);box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center}.author-box__avatar img{width:100%;height:100%;object-fit:cover;display:block}.author-box__content{flex-grow:1}.author-box__header{margin-bottom:4px}.author-box__name{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:2px;line-height:1}.author-box__job{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--accent-blue-d);letter-spacing:.05em;line-height:1}.author-box__bio{font-size:.92rem;line-height:1.5;color:var(--text-secondary);margin-bottom:12px;max-width:650px}.author-box__socials{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:768px){.author-box__socials{justify-content:center}}.author-box__link{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color var(--t-fast)}.author-box__link i{font-size:.9rem}.author-box__link:hover{color:var(--text-primary)}.author-box__link{line-height:1}.post-container .video,.post-container iframe{width:100%!important;aspect-ratio:16/9;border-radius:var(--card-radius);border:0;box-shadow:var(--shadow-card);margin:2rem 0;overflow:hidden}.post-container table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card-bg-warm);border-radius:var(--card-radius);border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin:2.5rem 0;overflow:hidden;font-size:.95rem}.post-container th{background:rgba(0,0,0,.03);color:var(--text-primary);font-weight:700;text-align:left;padding:1rem 1.25rem}.post-container td{padding:1rem 1.25rem;color:var(--text-secondary);border-top:1px solid var(--border-light)}.post-container tr:first-child td{border-top:0}.mermaid{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-padding);border:1px solid var(--border-card);box-shadow:var(--shadow-card);margin:2rem 0;overflow-x:auto;display:flex;justify-content:center}.MathJax_Display{margin:2rem 0!important;padding:1rem;background:rgba(0,0,0,.02);border-radius:8px}.hub-footer{width:calc(100% - 32px);max-width:1200px;margin:0 auto 32px;background:hsla(0,0,100%,.45);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid hsla(0,0,100%,.5);border-radius:24px;box-shadow:0 4px 24px -1px rgba(0,0,0,.04),inset 0 1px 1px hsla(0,0,100%,.6);padding:32px 24px 24px;transition:background var(--t-med),transform var(--t-med)}.hub-footer .footer-container{max-width:1300px;margin:0 auto}.hub-footer .footer-grid{display:grid;gap:var(--hub-gap,20px);grid-template-areas:"brand links-1 links-2";grid-template-columns:2fr 1fr 1fr}@media(max-width:900px){.hub-footer .footer-grid{grid-template-areas:"brand brand" "links-1 links-2";grid-template-columns:1fr 1fr}}@media(max-width:600px){.hub-footer .footer-grid{grid-template-areas:"brand" "links-1" "links-2";grid-template-columns:1fr;text-align:center}}.hub-footer .footer-section.brand{grid-area:brand}.hub-footer .footer-section.links:nth-of-type(2){grid-area:links-1}.hub-footer .footer-section.links:nth-of-type(3){grid-area:links-2}.hub-footer .footer-section h3,.hub-footer .footer-section h4{margin-bottom:12px;color:#1a1a1a;font-weight:700}.hub-footer .footer-section h3{font-size:1.2rem;letter-spacing:-0.02em}.hub-footer .footer-section h4{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;opacity:.5}.hub-footer .footer-section .footer-tagline{line-height:1.5;margin-bottom:20px;max-width:320px;font-size:.9rem;color:#777}@media(max-width:600px){.hub-footer .footer-section .footer-tagline{margin:0 auto 20px}}.hub-footer .footer-section ul{list-style:none;padding:0;margin:0}.hub-footer .footer-section ul li{margin-bottom:8px}.hub-footer .footer-section ul li a{font-size:.95rem;color:#666;text-decoration:none;transition:color .2s ease}.hub-footer .footer-section ul li a:hover{color:#000}.hub-footer .footer-section .footer-social{display:flex;gap:12px}@media(max-width:600px){.hub-footer .footer-section .footer-social{justify-content:center}}.hub-footer .footer-section .footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f5f5f5;border-radius:10px;color:#444;transition:transform .3s cubic-bezier(0.175,0.885,0.32,1.275),background .2s,color .2s}.hub-footer .footer-section .footer-social a:hover{transform:translateY(-3px);background:#eee;color:#000}.hub-footer .footer-section .footer-social a svg{width:18px;height:18px}.hub-footer .footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);opacity:.7}@media(max-width:600px){.hub-footer .footer-bottom{flex-direction:column;gap:12px;text-align:center}}.hub-footer .footer-bottom a{color:#888;text-decoration:none;font-weight:600;transition:color .2s}.hub-footer .footer-bottom a:hover{color:#000}.toc{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--card-radius);padding:20px 24px;margin-bottom:2rem}.toc__heading{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.toc__list{list-style:none;padding:0;margin:0}.toc__item{margin-bottom:6px}.toc__item a{font-size:.88rem;color:var(--text-secondary);text-decoration:none;padding:4px 8px;border-radius:6px;display:block;transition:background var(--t-fast),color var(--t-fast)}.toc__item a:hover{background:rgba(162,194,225,.12);color:var(--text-primary)}.toc__sublist{list-style:none;padding-left:16px;margin-top:4px}.toc__sublist .toc__item a{font-size:.82rem;color:var(--text-muted)}.archive-hub__header{margin-bottom:32px}.archive-hub__post-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.archive-hub__mini-tag{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);letter-spacing:.02em}.archive-hub__nav{margin-top:48px;padding-top:32px;border-top:1px solid var(--border-light)}.archive-hub__nav--inline{margin-top:0;padding-top:0;border-top:0;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.archive-hub__nav-heading{font-family:var(--font-mono);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.archive-hub__pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.archive-hub__pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;font-size:.78rem;font-weight:500;text-decoration:none;transition:all var(--t-fast);border:1px solid var(--border-light);background:var(--card-bg);color:var(--text-secondary)}.archive-hub__pill:hover{border-color:var(--accent-blue);color:var(--accent-blue-d);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.06)}.archive-hub__pill.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.archive-hub__count{font-family:var(--font-mono);font-size:.65rem;opacity:.6}