:root{color-scheme:dark;background:#070e11;color:#e9e9df;font-family:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
html{width:100%;scroll-behavior:smooth}
body{width:100%;margin:0;overflow-x:hidden}
canvas{position:fixed;inset:0;display:block;width:100%;height:100%;font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
main{position:relative;width:100%;pointer-events:none}
.intro{position:relative;display:grid;place-items:center;width:100%;height:100svh}
h1{margin:0;font-size:clamp(30px,4vw,48px);font-weight:400;letter-spacing:-1.5px;line-height:1.2;text-shadow:0 2px 24px #070e11,0 0 50px #070e11}
.scroll-cue{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;align-items:center;color:#9aa9a4;text-decoration:none;font:9px/1.3 'SFMono-Regular',Consolas,monospace;letter-spacing:1px;pointer-events:auto;padding:12px;text-shadow:0 0 15px #070e11;transition:color .2s}
.scroll-cue>span:last-child{font-size:16px;letter-spacing:0}.scroll-cue:hover{color:#e9e9df}.scroll-cue:focus-visible{outline:1px solid #c4dcb9;outline-offset:4px}
.open-water{height:35svh}
.about{min-height:85svh;padding:90px 28px 110px;display:grid;place-items:center;position:relative;isolation:isolate}
.about:before{content:'';position:absolute;inset:-120px 0 0;z-index:-1;background:linear-gradient(to bottom,transparent,#070e1170 30%,#070e1190 70%,#070e1170);pointer-events:none}
.about-copy{width:100%;max-width:570px;text-shadow:0 2px 25px #070e11,0 0 50px #070e11}
h2{margin:0 0 38px;color:#94a59e;font:10px/1.5 'SFMono-Regular',Consolas,monospace;letter-spacing:1.5px;font-weight:400}
.location{margin:0 0 20px;font-size:clamp(22px,3vw,31px);letter-spacing:-.65px;line-height:1.4;color:#aeb9b2}
.bio{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.35;letter-spacing:-1.2px;text-wrap:pretty}
.bio span{color:#d2dfc7}
::selection{background:#c4dcb9;color:#070e11}
@media(max-width:600px){.open-water{height:25svh}.about{min-height:80svh;padding:70px 32px 100px}.about-copy{max-width:420px}h2{margin-bottom:28px}.scroll-cue{bottom:25px}.bio{letter-spacing:-.8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-cue{transition:none}}

.experience{min-height:65svh;display:grid;place-items:center;padding:70px 28px 140px;background:linear-gradient(#070e1170,#070e1180)}
.experience-copy{width:100%;max-width:570px;text-shadow:0 2px 25px #070e11,0 0 50px #070e11}
.roles{list-style:none;margin:0;padding:0}
.roles li{padding:25px 0;border-top:1px solid #b4c4b520}
.roles h3{margin:0;font-size:clamp(24px,3.3vw,35px);line-height:1.4;letter-spacing:-.8px;font-weight:400}
.roles h3 span{color:#a6b89f;white-space:nowrap}
@media(max-width:600px){.experience{min-height:60svh;padding:50px 32px 110px}.experience-copy{max-width:420px}.roles li{padding:23px 0}.roles h3{font-size:clamp(22px,5.5vw,30px);letter-spacing:-.6px}}