.portfolio-navigation[data-astro-cid-lnvpntdj]{position:fixed;z-index:20;top:0;left:50%;width:calc(100% - clamp(24px,8vw,160px));transform:translate(-50%)}.nav-shape[data-astro-cid-lnvpntdj]{position:absolute;pointer-events:none}nav[data-astro-cid-lnvpntdj]{display:flex;align-items:stretch;height:52px;clip-path:url(#portfolio-nav-shape);background:#f0f3f58a;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);transition:opacity .22s ease,transform .22s ease}a[data-astro-cid-lnvpntdj]{color:#3a4146;text-decoration:none;-webkit-tap-highlight-color:transparent}.home-link[data-astro-cid-lnvpntdj]{display:grid;place-items:center;flex:0 0 calc(100px + 3%);padding-left:3%;background:#2a3e4e24;color:#000;font-family:Bahnschrift Condensed,Arial Narrow,Impact,sans-serif;font-size:22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-window[data-astro-cid-lnvpntdj]{flex:1;min-width:0;overflow:hidden}.project-track[data-astro-cid-lnvpntdj]{display:flex;height:100%;transition:transform .3s ease}.project-track[data-astro-cid-lnvpntdj] a[data-astro-cid-lnvpntdj]{flex:0 0 calc(100% / 3);min-width:0;padding:8px 12px;display:grid;place-items:center;text-align:center;font-size:14px;line-height:1.2;transition:color .18s ease,background .18s ease}.project-track[data-astro-cid-lnvpntdj] span[data-astro-cid-lnvpntdj]{max-width:100%}.project-track[data-astro-cid-lnvpntdj] a[data-astro-cid-lnvpntdj][aria-current]{color:#151a1e;font-size:17px;font-weight:700;background:#ffffff45}a[data-astro-cid-lnvpntdj]:hover{background:#ffffff3b}.home-link[data-astro-cid-lnvpntdj]:hover{background:#2a3e4e38}a[data-astro-cid-lnvpntdj]:active{background:#fff6}.home-link[data-astro-cid-lnvpntdj]:active{background:#2a3e4e4d}.home-link[data-astro-cid-lnvpntdj]:focus-visible{outline-color:#344c60}a[data-astro-cid-lnvpntdj]:focus-visible{outline:2px solid #344c60;outline-offset:-5px}.nav-toggle[data-astro-cid-lnvpntdj]{display:grid;place-items:center;width:48px;height:18px;margin:3px auto 0;padding:0;border:0;border-radius:12px;cursor:pointer;background:#f0f3f5a6;color:#30383e;backdrop-filter:blur(16px);transition:transform .22s ease,background .18s ease}.nav-toggle[data-astro-cid-lnvpntdj]:hover{background:#fafafad9}.nav-toggle[data-astro-cid-lnvpntdj] svg[data-astro-cid-lnvpntdj]{width:18px;height:12px;transition:transform .22s ease}.is-collapsed[data-astro-cid-lnvpntdj] nav[data-astro-cid-lnvpntdj]{opacity:0;transform:translateY(calc(-100% - 20px));pointer-events:none}.is-collapsed[data-astro-cid-lnvpntdj] .nav-toggle[data-astro-cid-lnvpntdj]{width:76px;height:36px;border-radius:18px;transform:translateY(-52px)}.is-collapsed[data-astro-cid-lnvpntdj] .nav-toggle[data-astro-cid-lnvpntdj] svg[data-astro-cid-lnvpntdj]{width:22px;height:16px;transform:rotate(180deg)}.portfolio-page{scroll-margin-top:84px}@media(max-width:600px){.portfolio-navigation[data-astro-cid-lnvpntdj]{width:calc(100% - 16px)}.home-link[data-astro-cid-lnvpntdj]{flex-basis:calc(60px + 3%);font-size:16px}.project-track[data-astro-cid-lnvpntdj] a[data-astro-cid-lnvpntdj]{font-size:11px;padding:6px;overflow-wrap:anywhere}.project-track[data-astro-cid-lnvpntdj] a[data-astro-cid-lnvpntdj][aria-current]{font-size:13px}}@media(prefers-reduced-motion:reduce){nav[data-astro-cid-lnvpntdj],.project-track[data-astro-cid-lnvpntdj],.project-track[data-astro-cid-lnvpntdj] a[data-astro-cid-lnvpntdj],.nav-toggle[data-astro-cid-lnvpntdj],.nav-toggle[data-astro-cid-lnvpntdj] svg[data-astro-cid-lnvpntdj]{width:18px;height:12px;transition:none}}body{margin:0;background:#000;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}.portfolio{position:relative;width:100%;min-height:100svh}.chapter-page{display:grid;place-items:center;aspect-ratio:7 / 4;padding:24px;background:#000;text-align:center}.chapter-page h2{display:flex;align-items:center;justify-content:center;gap:.45em;margin:0;font-size:clamp(22px,3vw,42px);line-height:1.2;font-weight:600}.chapter-icon{flex:0 0 auto;width:1.8em;height:1.8em;object-fit:contain;color:#fff}.ai-tools-icon{filter:brightness(0) invert(1)}.game-icon{width:2.2em;height:2.2em}.portfolio-page{position:relative;margin:0}.portfolio-transition{height:var(--transition-height);background:linear-gradient(to bottom,var(--edge-from) 15%,var(--edge-to) 85%);pointer-events:none}.slide-content{position:relative;width:100%;aspect-ratio:7 / 4;isolation:isolate}.page-art,.page-type{position:absolute;inset:0;display:block;width:100%;height:100%}.page-art{object-fit:fill}.page-type{overflow:visible}.page-type text{white-space:pre}.demo-button{position:absolute;z-index:2;display:block;border:0;border-radius:6px;background:#f5f5f573;text-decoration:none;transition:background .14s ease,transform .14s ease}.demo-button svg{display:block;width:100%;height:100%}.demo-button text{white-space:pre}.demo-button:hover{background:#fafafa99}.demo-button:active{transform:translateY(2px) scale(.97);background:#ebebebb8}.demo-button--dark-background{background:#ffffff38}.demo-button--dark-background:hover{background:#ffffff4d}.demo-button--dark-background:active{background:#ffffff5c}.demo-button:focus-visible{outline:2px solid #658a60;outline-offset:3px}@media(prefers-reduced-motion:reduce){.demo-button{transition:none}}.project-link{position:absolute;z-index:2;min-height:16px}.project-link:after{content:"";position:absolute;inset:-5px}.project-link:hover,.project-link:focus-visible{outline:2px solid currentColor;outline-offset:5px;color:#658a60}.expand-page{display:none;position:absolute;right:10px;top:10px;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #ffffff59;border-radius:3px;color:#fff;background:#171717d9;cursor:pointer;opacity:0}.portfolio-enhanced .expand-page{display:flex}.expand-page:before{content:"";position:absolute;inset:-6px}.portfolio-page:hover .expand-page,.expand-page:focus-visible{opacity:1}button:focus-visible{outline:2px solid #fff;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.viewer-open{overflow:hidden}.page-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;background:#151515;color:#fff}.page-viewer[open]{display:flex;flex-direction:column}.page-viewer::backdrop{background:#000e}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid #ffffff26}.viewer-toolbar h2{margin:0;font-size:15px;font-weight:400}.viewer-controls{display:flex;flex-shrink:0;gap:6px}.viewer-controls button{min-width:42px;min-height:40px;padding:6px 10px;background:transparent;color:inherit;border:1px solid #ffffff59;border-radius:3px;font:inherit;cursor:pointer}.viewer-controls button:hover{background:#ffffff1a}.viewer-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px}.viewer-canvas{margin-inline:auto}@media(hover:none),(pointer:coarse){.expand-page{opacity:1;width:44px;height:44px}}@media(max-width:760px){.chapter-page h2{font-size:clamp(19px,4.7vw,28px)}.expand-page{opacity:1;top:4px;right:4px;width:32px;height:32px}.viewer-toolbar{padding:8px;gap:8px;flex-wrap:wrap}.viewer-toolbar h2{font-size:13px;flex-basis:100%}}