:root{--hj-bg:#0b0f17;--hj-surface:#ffffff0f;--hj-border:#ffffff1f;--hj-text:#ffffffeb;--hj-muted:#ffffffad;--hj-accent:#7aa2ff;--hj-radius:18px;--hj-shadow:0 18px 50px #00000059;--hj-content-width:1080px;--hj-sidebar-width:320px;--hj-anim:.34s;--hj-ease:ease;--hj-landing-top:22vh;--hj-avatar-size:150px;--hj-bg-image:url(/background.png)}*{box-sizing:border-box}html,body{height:100%}body{color:var(--hj-text);background:radial-gradient(900px 600px at 15% 5%,#7aa2ff2e,transparent 60%),radial-gradient(800px 600px at 85% 20%,#22c55e1a,transparent 60%),var(--hj-bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.7}.hjFrame{min-height:100vh;display:flex;position:relative;overflow-x:hidden}.hjFrame:before{content:"";background-image:var(--hj-bg-image);pointer-events:none;z-index:0;transition:filter var(--hj-anim)var(--hj-ease),transform var(--hj-anim)var(--hj-ease);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.hjFrame:after{content:"";pointer-events:none;z-index:0;transition:background var(--hj-anim)var(--hj-ease);background:#00000059;position:fixed;inset:0}.hjFrame:not(.landing):before{filter:blur(18px)saturate(.9);background-position:35%;transform:scale(1.05)}.hjFrame:not(.landing):after{background:#0b0f17c7}.hjSidebar{height:100vh;width:var(--hj-sidebar-width);border-right:1px solid var(--hj-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;transition:width var(--hj-anim)var(--hj-ease);background:#0b0f1773;flex-shrink:0;position:fixed;top:0;left:0}.landingCenter{width:100%;height:100vh;padding-top:var(--hj-landing-top);text-align:center;z-index:6;align-content:start;justify-items:center;gap:.85rem;display:grid;position:relative}.landingAvatar{width:var(--hj-avatar-size);height:var(--hj-avatar-size);border:2px solid #ffffff47;border-radius:999px;position:relative;overflow:hidden;box-shadow:0 18px 55px #00000073}.landingNameLink{color:#fff;letter-spacing:-.02em;font-size:2.25rem;font-weight:800;text-decoration:none}.landingTagline{color:#ffffffc7;font-size:1.05rem;line-height:1.55}.landingNav{gap:.55rem;margin-top:.8rem;display:grid}.landingNavItem{color:#ffffffeb;padding:.2rem 0;font-size:1.15rem;font-weight:700;text-decoration:none}.landingNavItem:hover{color:#fff;text-underline-offset:6px;text-decoration:underline}.landingSocial{justify-content:center;align-items:center;gap:1.2rem;margin-top:.9rem;display:flex}.landingIcon{color:#ffffffeb;background:#0000002e;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:38px;height:38px;font-weight:800;text-decoration:none;display:grid}.landingIcon:hover{filter:brightness(1.08);border-color:#ffffff52}.hjContent{min-height:100vh;margin-left:var(--hj-sidebar-width);z-index:6;transition:opacity .22s var(--hj-ease),transform var(--hj-anim)var(--hj-ease);flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.hjArticle{width:100%;max-width:var(--hj-content-width);padding:2.75rem 2.5rem 0}.hjFooter{width:100%;max-width:var(--hj-content-width);color:var(--hj-muted);border-top:1px solid #ffffff1a;margin-top:2.25rem;padding:1.25rem 2.5rem 2.5rem;font-size:.95rem}.hjFrame.landing .hjSidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-right:none;width:100vw}.hjFrame.landing .hjContent{opacity:0;pointer-events:none;transform:translate(100vw)}.hjFrame.landing.entering .hjSidebar{width:var(--hj-sidebar-width);border-right:1px solid var(--hj-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0f1773}.hjFrame.landing.entering .hjContent{opacity:1;pointer-events:auto;transform:translate(0)}.hjArticle h1{letter-spacing:-.02em;margin:0 0 .75rem;font-size:2.45rem;line-height:1.15}.hjArticle h2{letter-spacing:-.01em;margin:0 0 .6rem;font-size:1.25rem}.hjArticle p{color:var(--hj-muted);margin:.75rem 0}.hjArticle ul{color:var(--hj-muted);margin:.75rem 0;padding-left:1.15rem}.hjArticle li{margin:.3rem 0}.content-panel{background:#0f1115;border-radius:22px;width:100%;max-width:760px;padding:3rem 3rem 3.5rem;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.content-panel section{margin-top:3rem}.content-panel section:first-of-type{margin-top:2.5rem}.content-panel .lead{color:var(--hj-muted);max-width:56ch;font-size:1.2rem;line-height:1.75}.content-panel h2{letter-spacing:-.01em;margin-bottom:1rem;font-size:1.35rem}.content-panel p{max-width:62ch;line-height:1.75}.projectGrid{grid-template-columns:1fr;gap:.85rem;display:grid}.projectCard{color:inherit;background:#0f1115;border:1px solid #ffffff14;border-radius:20px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 55px #00000061}.projectCard:before{content:"";pointer-events:none;background:radial-gradient(700px 260px at 15% 0,#ffffff0a,#0000 60%);position:absolute;inset:0}.projectTitle{letter-spacing:-.01em;margin:0 0 .45rem;font-size:1.15rem}.projectBlurb{color:var(--hj-muted);margin:0 0 .85rem}.projectCta{color:#ffffffdb;margin-top:.9rem;font-size:.95rem;font-weight:700}.form{gap:.9rem;display:grid}.label{color:#ffffffe0;gap:.4rem;display:grid}.input,.textarea{width:100%;color:var(--hj-text);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;outline:none;padding:.7rem .75rem}.btn,.btnPrimary{color:var(--hj-text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;padding:.55rem .85rem;font-weight:650;text-decoration:none;display:inline-flex}.btnPrimary{background:#7aa2ff29;border-color:#7aa2ff4d}@media (max-width:920px){.hjFrame{display:block}.hjSidebar{border-right:none;width:100vw;height:auto;position:relative}.hjContent{opacity:1;pointer-events:auto;margin-left:0;padding:0;transform:none}.hjArticle{padding:1.75rem 1rem 0}.hjFooter{padding:1.25rem 1rem 2.25rem}.hjFrame.landing .hjContent{opacity:1;pointer-events:auto;transform:none}.landingCenter{padding-top:14vh}.content-panel{padding:2.25rem 1.5rem 2.75rem}}.content-panel{background:#111418;border:1px solid #ffffff0f;border-radius:18px;width:100%;max-width:820px;padding:2.5rem 3rem 3.25rem;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000073}.content-panel:before{content:"";pointer-events:none;background:radial-gradient(900px 420px at 15% 0,#ffffff0a,#0000 60%);position:absolute;inset:0}.hjArticle h1{text-align:left;letter-spacing:-.02em;margin:0 0 .65rem;font-size:2.6rem;line-height:1.15}.content-panel .lead{color:var(--hj-muted);margin-top:0;font-size:1.2rem;line-height:1.75}.content-panel p,.content-panel .lead{max-width:60ch}.content-panel p{line-height:1.75}.content-panel section{border-top:1px solid #ffffff0f;margin-top:2.5rem;padding-top:2.5rem}.content-panel section:first-of-type{border-top:none;margin-top:2rem;padding-top:0}.content-panel h2{letter-spacing:-.01em;margin:0 0 1rem;font-size:1.35rem}.content-panel h2:after{content:"";background:var(--hj-accent);border-radius:999px;width:52px;height:2px;margin-top:.6rem;display:block}@media (max-width:920px){.content-panel{padding:2.25rem 1.5rem 2.75rem}}.hjContent{z-index:6;position:relative}.hjContent:before{content:"";-webkit-backdrop-filter:blur(10px);pointer-events:none;z-index:-1;background:#0b0f1773;position:absolute;inset:0}.projectGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.25rem;margin-top:2.5rem;display:grid}.projectCard{border-radius:var(--hj-radius);background:var(--hj-surface);border:1px solid var(--hj-border);box-shadow:var(--hj-shadow);color:inherit;text-decoration:none;transition:transform .24s,box-shadow .24s,border-color .24s;display:block;overflow:hidden}.projectCard:hover{border-color:#7aa2ff73;transform:translateY(-6px);box-shadow:0 28px 70px #00000073}.projectImage{background:linear-gradient(135deg,#7aa2ff40,#7aa2ff0d);height:180px;overflow:hidden}.projectImage img{object-fit:cover;opacity:.9;width:100%;height:100%;transition:transform .4s,opacity .4s}.projectCard:hover .projectImage img{opacity:1;transform:scale(1.04)}.projectCardInner{padding:1.75rem 1.75rem 2rem}.projectTitle{margin:0 0 .75rem;font-size:1.35rem;line-height:1.25}.projectBlurb{color:var(--hj-muted);margin-bottom:1.25rem;font-size:.95rem}.projectCta{color:var(--hj-accent);opacity:.85;margin-top:1.5rem;font-size:.9rem;transition:opacity .2s}.projectCard:hover .projectCta{opacity:1}.mapboxgl-popup-content{color:#111}.mapboxgl-popup-tip{border-top-color:#fff;border-bottom-color:#fff}