@charset "UTF-8";.prevent-drag{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none}@font-face{font-family:Valorax;src:url(/fonts/Valorax-lg25V.woff2) format("woff2");font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-017F,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+2026,U+00A0}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-017F,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+2026,U+00A0}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--almost-white: #fff;--high-viz-yellow: #f4eeb9;--high-viz-yellow-dim: #d6c975;--bright-orange: #d0633a;--neon-orange: #ff5f1f;--reddish-orange: #7b1a0a;--dark-orange: #b64d24;--dark-grey-orange: #362f1b;--blueish-grey: #9cb5c7;--very-small-screen: 450px;--section-font-size: 1.2em;--text-font-family: "Roboto", "Trebuchet MS", "Montserrat", sans-serif;--header-font-family: "Montserrat", Arial, sans-serif;--bullet-color: var(--dark-orange);--bullet-size: .4rem;--bg: #232622;--brand: oklch(60% .12 250)}body{font-family:var(--text-font-family);background:#000;color:var(--text-body, #e0e0e0);margin:0;min-height:100vh;padding:0;max-width:100%}body main{background:var(--bg);min-height:90vh;padding:1.4rem 1.4rem 2rem}body p{color:#fff}html,body{position:relative}h1{font-size:clamp(1.6rem,1.2rem + 2vw,2rem);margin:0 0 .35rem}.neon-text{width:100%}.bright-neon-text,.h2-styles{color:var(--high-viz-yellow);text-shadow:0 0 2px var(--dark-orange),0 0 4px var(--dark-orange),0 0 6px var(--dark-orange);font-family:var(--text-font-family)}.bright-neon-text a,.h2-styles a{color:#87ceeb;text-shadow:0 0 2px #1e90ff,0 0 1px #1e90ff}.bright-neon-text a:hover,.h2-styles a:hover{color:#b3e9ff;text-shadow:0 0 4px #6fc6e8,0 0 6px #1e90ff;text-decoration:underline}.readable-neon-text,.content ul{font-family:var(--text-font-family);color:var(--blueish-grey);text-shadow:0 0 4px rgba(80,120,180,.5)}.readable-neon-text a,.content ul a{color:#87ceeb;text-shadow:0 0 2px #1e90ff,0 0 1px #1e90ff}.readable-neon-text a:hover,.content ul a:hover{color:#b3e9ff;text-shadow:0 0 4px #6fc6e8,0 0 6px #1e90ff;text-decoration:underline}.bright-neon-text-small{color:var(--high-viz-yellow);text-shadow:0 0 2px var(--dark-orange),0 0 4px var(--dark-orange),0 0 4px var(--dark-orange),0 0 6px var(--dark-orange);font-family:var(--text-font-family)}.dim-neon-text{color:#eee;text-shadow:0 0 2px var(--reddish-orange),0 0 5px var(--reddish-orange),0 0 8px var(--reddish-orange),0 0 10px var(--reddish-orange);font-family:var(--text-font-family)}.dim-neon-text-small{color:var(--bright-orange);text-shadow:0 0 2px var(--reddish-orange),0 0 4px var(--reddish-orange),0 0 4px var(--reddish-orange),0 0 6px var(--reddish-orange);font-family:var(--text-font-family)}.neon-bar{width:80%;margin:0 auto;height:.25rem;background-color:var(--neon-orange);box-shadow:0 0 2px var(--neon-orange),0 0 10px var(--high-viz-yellow);border-bottom:1px solid var(--reddish-orange);border-radius:.2rem}.whitish-bar{width:100%;height:.2rem;background:linear-gradient(to right,transparent 0%,transparent 40%,var(--almost-white) 50%,transparent 60%,transparent 100%)}.custom-bullet-points ul{list-style-type:none}.custom-bullet-points ul li{font-family:var(--text-font-family);color:var(--blueish-grey);text-shadow:0 0 4px rgba(80,120,180,.5);position:relative;font-size:var(--section-font-size);margin:.6rem 0rem}.custom-bullet-points ul li:before{content:"";position:absolute;top:.6em;left:-1.8rem;transform:translateY(-50%);width:var(--bullet-size);height:var(--bullet-size);background-color:var(--bullet-color);border-radius:50%}.custom-bullet-points ul li strong{font-weight:800;color:#eee;text-shadow:0 0 2px var(--reddish-orange),0 0 5px var(--reddish-orange),0 0 8px var(--reddish-orange),0 0 10px var(--reddish-orange)}.h1-styles{font-size:1.6em;font-family:var(--header-font-family);color:#f6fbf7}.h2-styles{font-size:1.4em;font-family:var(--header-font-family)}.h3-styles,.h4-styles{color:#fff;font-size:1.2em;font-family:var(--header-font-family)}.about-grid>*{min-width:0}.content,.sidebar{min-width:0}.content>*{min-width:0}.content :is(img,iframe,table){max-width:100%;height:auto}.content{overflow-wrap:anywhere;hyphens:auto}.content header{overflow:clip}.neon-bar{max-width:100%}.about-page{overflow-x:clip}.about-page{background:var(--bg);padding:clamp(1rem,2vw,2.25rem) 0}.about-grid{--sidebar-w: 20rem;--card-radius: 1rem;margin:0 auto;padding:0 clamp(1rem,4vw,2.25rem);max-width:1200px;display:grid;grid-template-columns:minmax(10rem,var(--sidebar-w)) 1fr;gap:clamp(1rem,3vw,2rem)}@media (max-width: 900px){.about-grid{grid-template-columns:1fr}}.sticky-sidebar{position:sticky;top:clamp(.75rem,2vw,1.25rem);align-self:start}@media (max-width: 900px){.sticky-sidebar{position:static}}.content{font-size:clamp(1.02rem,.95rem + .5vw,1.18rem);line-height:1.7;display:grid;gap:clamp(1rem,2.5vw,1.6rem);hyphens:none;word-break:normal;overflow-wrap:break-word;white-space:normal}.content header .neon-bar{width:100%}.content p{max-width:72ch}.content ul{padding-left:.4rem;margin:.4rem 0 0}.content ul li{margin:.4rem 0;padding:0}.content>section{margin:0;padding:clamp(.9rem,2vw,1.1rem);border-radius:var(--card-radius);background:#ffffff05;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 8px #ff5f1f14;transition:transform .12s ease,box-shadow .12s ease}.content>section:hover{transform:translateY(-1px);box-shadow:0 0 10px #ff5f1f1f,0 6px 18px #00000040}.sidebar .profile-card,.sidebar .resume-card{border-radius:var(--card-radius);padding:clamp(.8rem,2vw,1rem);position:relative}.profile-card{display:grid;justify-items:center;text-align:center}.profile-card .profile{width:150px;height:150px;border-radius:50%;object-fit:cover;display:block;border:0;box-shadow:none}.profile-card .profile-name{margin-top:.65rem;font-family:var(--header-font-family);color:#f6fbf7;font-size:clamp(1rem,.95rem + .3vw,1.15rem)}.profile-card .profile{position:relative;z-index:1}.resume-card{margin-top:clamp(.8rem,2vw,1rem)}.resume-card .resume-embed{border-radius:.6rem;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.resume-card .resume-embed iframe{display:block;width:100%;height:360px;border:0;background:#111}.glow-card{position:relative;border-radius:var(--card-radius);background:#ffffff05;border:1px solid rgba(214,201,117,.25);box-shadow:inset 0 0 24px #ff5f1f2e,0 0 36px #ff5f1f2e,0 0 10px #d6c97524;isolation:isolate}.glow-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 70% at 15% -10%,rgba(255,95,31,.18),transparent 60%),radial-gradient(120% 70% at 85% 110%,rgba(214,201,117,.12),transparent 60%);mix-blend-mode:screen}.glow-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(transparent 95%,#d6c9752e),linear-gradient(90deg,transparent 95%,rgba(214,201,117,.18) 100%);background-size:28px 28px;opacity:.9;mix-blend-mode:screen}.glow-card:before,.glow-card:after{z-index:0}.glow-card>*{position:relative;z-index:1}.answers-template{position:relative;overflow:hidden}.answers-template__toolbar{display:flex;justify-content:flex-end;margin-bottom:.5rem}.answers-template pre{margin:0;padding:clamp(.85rem,1.5vw,1.1rem);border-radius:.7rem;background:#0f1115;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 14px #ff5f1f1a;overflow-x:auto}.answers-template pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:clamp(.95rem,.9rem + .2vw,1.05rem);line-height:1.45;color:#e8e8e8;white-space:pre;display:block}.answers-template pre{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges}.answers-template pre code{white-space:pre;word-break:normal}.h2-styles{font-size:clamp(1.3rem,1.1rem + 1.2vw,1.65rem)}.h3-styles{font-size:clamp(1.1rem,1rem + .6vw,1.3rem)}@media (max-width: 420px){.content>section,.sidebar .profile-card,.sidebar .resume-card{background:#ffffff04;border:1px solid rgba(255,255,255,.07)}}.readable-neon-text a,.content ul a{text-decoration-thickness:.08em;text-underline-offset:.18em}@media (max-width: 1100px){.about-grid{max-width:1000px;padding:0 clamp(.75rem,3vw,1.5rem)}.content header .h1-styles{font-size:clamp(1.8rem,1.4rem + 2vw,2.2rem)}}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:clamp(.9rem,2.6vw,1.2rem)}.content{order:1}.sidebar{order:2}.sticky-sidebar{position:static;top:auto}.content>section{padding:clamp(.85rem,2.4vw,1rem)}.answers-template pre code{font-size:clamp(.92rem,.86rem + .3vw,1rem)}}@media (max-width: 680px){.about-page{padding:clamp(.75rem,2vw,1rem) 0}.about-grid{--sidebar-w: auto}.content{font-size:clamp(.98rem,.9rem + .6vw,1.08rem);line-height:1.65}.content header .h1-styles{font-size:clamp(1.55rem,1.2rem + 2vw,1.95rem)}.profile-card .profile{width:120px;height:120px}.answers-template pre{padding:.75rem;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges}.glow-card:before{background-size:24px 24px;opacity:.75}.glow-card{box-shadow:inset 0 0 20px #ff5f1f24,0 0 26px #ff5f1f1f,0 0 8px #d6c9751f}}@media (max-width: 480px){.content{font-size:clamp(.95rem,.9rem + 1vw,1.02rem)}.content>section{padding:.75rem}.h2-styles{font-size:1.2rem}.h3-styles{font-size:1.06rem}.answers-template pre code{font-size:.9rem}.glow-card{box-shadow:inset 0 0 18px #ff5f1f1f,0 0 20px #ff5f1f1a}}@media (max-width: 360px){.profile-card .profile{width:96px;height:96px}.profile-card .profile-name{font-size:1rem}.neon-bar{height:.18rem}}@media (hover: none){.content>section:hover{transform:none;box-shadow:0 0 8px #ff5f1f14}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}.content>section{transition:none}}
