:root{--sidebar-width:250px;--canvas:#efeee8;--ink:#202020;--accent:navy;--muted:#484848;--line:#a0a099;--panel:#d4d0c8;--surface:#fffef9;--raised:inset 1px 1px #fff, inset -1px -1px gray;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Tahoma,MS Sans Serif,Verdana,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%}body{min-width:320px;padding-left:var(--sidebar-width);margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.crt-enabled{--crt-frame:22px;--crt-trim:6px;--crt-radius:32px;scroll-padding-block:calc(var(--crt-frame) + 1rem)}.crt-enabled body{padding:var(--crt-frame) var(--crt-frame) var(--crt-frame) calc(var(--sidebar-width) + var(--crt-frame))}.crt-enabled .site-header{top:var(--crt-frame);bottom:var(--crt-frame);left:var(--crt-frame)}html:before{content:"";z-index:101;pointer-events:none;visibility:hidden;border:var(--crt-frame,22px) solid #bac6cb;border-radius:calc(var(--crt-radius,32px) + var(--crt-frame,18px));box-shadow:0 0 0 60px #bac6cb, inset 0 0 0 1px #64747c, inset 0 0 0 var(--crt-trim,6px) #171e22, inset 0 0 0 calc(var(--crt-trim,6px) + 1px) #546168, inset 0 8px 18px #00000052, inset 0 -2px 5px #fff3;border-color:#e3ebee #aab8bf #97a7af #cfdbdf;position:fixed;inset:0}.crt-enabled:before{visibility:visible}html:after{content:"";z-index:100;pointer-events:none;visibility:hidden;background:repeating-linear-gradient(#0000 0 2px,#1419230d 2px 3px),radial-gradient(#0000 55%,#0c121e24 100%);position:fixed;inset:0}.crt-enabled:after{visibility:visible;inset:var(--crt-frame);border-radius:var(--crt-radius)}html:has(:fullscreen):before{visibility:hidden}html:has(:fullscreen):after{visibility:hidden}.crt-enabled body{text-shadow:.35px 0 #b92d2d2e,-.35px 0 #2355be2e}.crt-enabled h1,.crt-enabled h2,.crt-enabled .brand{text-shadow:.5px 0 #b92d2d38,-.5px 0 #2355be38,0 0 5px}.crt-toggle{background:var(--panel);min-height:44px;color:var(--ink);box-shadow:var(--raised);font:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.6rem;margin-top:2rem;padding:.7rem .9rem;display:flex}.crt-toggle:hover{background:#e4e0d8}.crt-toggle[aria-pressed=true]{box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.crt-indicator{background:#777;border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem}.crt-toggle[aria-pressed=true] .crt-indicator{background:#28602c;box-shadow:0 0 4px #28602c73}.crt-toggle-status{color:var(--muted);margin-left:auto;font-size:.75rem;font-weight:700}@media print{html:before,html:after,.crt-toggle{display:none}.crt-enabled body{padding:0 0 0 var(--sidebar-width)}.crt-enabled .site-header{top:0;bottom:0;left:0}.crt-enabled body,.crt-enabled h1,.crt-enabled h2,.crt-enabled .brand{text-shadow:none}}.site-footer,main{width:min(100% - 4rem,1100px);margin-inline:auto}.site-header{z-index:10;width:var(--sidebar-width);color:var(--ink);background:var(--panel);border-right:1px solid gray;flex-direction:column;align-items:stretch;padding:2.25rem 1.5rem;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:inset -1px 0 #fff}.site-header a:focus-visible{outline-color:var(--accent)}.brand{color:#fff;letter-spacing:0;background:linear-gradient(90deg,navy,#406a98);padding:.65rem .75rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:block}nav{flex-direction:column;gap:.25rem;margin-top:3rem;display:flex}nav a{color:var(--ink);box-shadow:var(--raised);border-radius:0;padding:.75rem .9rem;text-decoration:none}nav a:hover,nav a:focus-visible{color:#fff;background:var(--accent)}.hero{text-align:left;padding-block:clamp(5rem,12vw,9rem)}.hero h1,.hero .intro{margin-inline:0}.hero h1{max-width:25ch}.eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:1rem;font-weight:700}h1{letter-spacing:-.02em;max-width:14ch;margin:.5rem 0 1.25rem;font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.05}.intro{max-width:56ch;color:var(--muted);font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.7}.button{background:var(--panel);color:var(--ink);box-shadow:var(--raised);border-radius:0;margin-top:1.5rem;padding:.85rem 1.25rem;font-weight:700;text-decoration:none;display:inline-block}.button:hover{background:#e4e0d8}.button:active{box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.section{border-top:1px solid var(--line);padding-block:3rem}.section h2{margin-top:0;font-size:1.65rem}.section p{max-width:65ch;color:var(--muted);line-height:1.7}.about-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.about-copy p{margin-bottom:0}.about-photos{width:100%;max-width:440px}.about-headshot{border:1px solid var(--line);border-radius:0;width:100%;height:auto;display:block;box-shadow:2px 2px gray}.games-intro{margin-bottom:2rem}.project-card{border:.8rem solid var(--panel);background:var(--surface);box-shadow:var(--raised);border-radius:0;overflow:hidden}.project-card+.project-card{margin-top:1.5rem}.project-card-header{color:var(--ink);background:linear-gradient(90deg,#b8b5ad,#d4d0c8);border-left:2px solid #ffffff80;border-radius:0;padding:1.5rem;box-shadow:inset 0 1px #fff}.project-status{background:var(--surface);border:1px solid #808078;border-radius:0;padding:.35rem .65rem;font-size:1rem;font-weight:700;display:inline-block}.project-card h3{letter-spacing:0;margin:1rem 0 .75rem;font-size:clamp(1.3rem,3vw,1.6rem)}.project-tech{letter-spacing:.03em;text-transform:uppercase;font-size:1rem;font-weight:700}.project-card-body{padding:1.25rem 1.5rem}.project-card-body p{margin:0}.game-stack{background:var(--panel);box-shadow:var(--raised);border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:.8rem;display:grid}.game-entry{min-width:0}.game-spine{color:#fff;border-left:2px solid #ffffff80;border-radius:0;flex-direction:column;align-items:flex-start;gap:.75rem;min-height:190px;padding:1.25rem 1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80}.game-spine-preview:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#1d3240cc,#1d324033);position:absolute;inset:0}.game-preview-media,.game-preview-media img,.game-preview-media video{width:100%;height:100%;position:absolute;inset:0}.game-preview-media{overflow:hidden}.game-preview-media img,.game-preview-media video{object-fit:cover;object-position:center top}.game-preview-media video{opacity:0;pointer-events:none;transition:opacity .2s}.game-spine-preview:focus-visible .game-preview-media video{opacity:1}@media (hover:hover){.game-spine-preview:hover .game-preview-media video{opacity:1}}.game-spine-preview .spine-title,.game-spine-preview .spine-format{z-index:2;position:relative}.game-context{background:var(--surface);color:var(--ink);border-radius:0}.game-context-label{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;padding:.5rem 1.25rem;font-size:1rem;font-weight:700;display:block}.game-context ul{max-height:0;margin:0;padding:0 2.5rem;line-height:1.7;transition:max-height .25s,padding .25s;overflow:hidden}.game-entry:hover .game-context ul,.game-entry:focus-within .game-context ul{max-height:48rem;padding-block:.5rem 1rem}.game-context li+li{margin-top:.55rem}@media (hover:none){.game-context ul,.game-entry:focus-within .game-context ul{max-height:none;padding-block:.5rem 1rem}}.game-spine-1{background:linear-gradient(90deg,navy,#406a98)}.game-spine-2{background:linear-gradient(90deg,#34345c,#627b96)}.game-spine-3{background:linear-gradient(90deg,navy,#406a98)}.game-spine-4{background:linear-gradient(90deg,#34345c,#627b96)}.game-spine:hover,.game-spine:focus-visible{box-shadow:inset 0 0 0 2px #fff}.spine-title{letter-spacing:0;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:700}.spine-format{letter-spacing:.04em;text-transform:uppercase;opacity:1;margin-top:auto;font-size:1rem;font-weight:700}.spine-reveal{background:var(--canvas);min-height:48px;color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;font-weight:700;transition:transform .2s;display:flex;position:absolute;inset:auto 0 0;transform:translateY(101%);box-shadow:0 -1px gray}.game-spine-preview .spine-reveal{z-index:3}.game-spine:hover .spine-reveal,.game-spine:focus-visible .spine-reveal{transform:translateY(0)}.game-page{padding-block:3rem 5rem}.game-page h1{max-width:none;font-size:clamp(2rem,5vw,3rem)}.project-notes{border:1px solid var(--line);background:var(--surface);border-radius:0;margin:2rem 0;padding:clamp(1.25rem,3vw,2rem)}.project-notes h2{margin:0 0 1.25rem;font-size:1.5rem}.project-notes ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.project-notes li{border-left:3px solid var(--accent);background:var(--canvas);border-radius:0;padding:1rem 1.1rem;line-height:1.5}.back-link{color:var(--accent);text-decoration:none}.back-link:hover{text-decoration:underline}.game-page .eyebrow{margin-top:3rem}.game-note{color:var(--muted)}.fullscreen-button{cursor:pointer;font:inherit;border:0;margin-top:.5rem}.game-frame-wrap{aspect-ratio:16/10;border:1px solid var(--line);background:#404040;border-radius:0;min-height:400px;margin-top:2rem;overflow:hidden}.game-frame-wrap iframe{border:0;width:100%;height:100%}.game-frame-wrap iframe:fullscreen{width:100vw;height:100vh}.download-panel{border:1px solid var(--line);background:var(--surface);border-radius:0;max-width:600px;padding:2rem}.download-panel p{color:var(--muted);margin-top:0;line-height:1.7}.site-footer{color:var(--muted);padding-block:2rem;font-size:1rem}.experience-list{gap:1.25rem;display:grid}.experience-card{border:1px solid var(--line);background:var(--surface)}.experience-heading{background:var(--panel);box-shadow:var(--raised);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;padding:1rem 1.25rem;display:flex}.experience-heading h3,.skills-panel h3{margin:0;font-size:1.2rem;line-height:1.4}.experience-heading .experience-dates{margin:0;font-size:1rem}.experience-body{padding:1.25rem}.experience-body .experience-company{color:var(--ink);margin:0 0 1rem;font-weight:700}.experience-body ul{color:var(--muted);margin:0;padding-left:1.25rem;line-height:1.7}.experience-body li+li{margin-top:.5rem}.skills-panel{background:var(--panel);box-shadow:var(--raised);margin-top:1.5rem;padding:1.25rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;margin:1rem 0 0;display:grid}.skills-grid>div{border:1px solid var(--line);background:var(--surface);padding:1rem}.skills-grid dt{margin-bottom:.5rem;font-weight:700}.skills-grid dd{color:var(--muted);margin:0;line-height:1.7}@media (width<=760px){.crt-enabled{--crt-frame:10px;--crt-trim:3px;--crt-radius:22px}.crt-enabled body{padding:var(--crt-frame)}.crt-enabled .site-header{border-radius:var(--crt-radius) var(--crt-radius) 0 0;inset:auto}body{padding-left:0}.site-header{border-bottom:1px solid #000060;border-right:0;width:100%;padding:1.25rem 1.5rem;position:relative;inset:auto;overflow:visible}nav{flex-flow:wrap;gap:.25rem;margin-top:.75rem}nav a{padding:.5rem .65rem}.site-footer,main{width:min(100% - 3rem,960px)}}@media (width<=580px){.about-layout{grid-template-columns:1fr;gap:2rem}.about-photos{max-width:440px;margin-inline:auto}.game-stack{grid-template-columns:1fr}.game-spine{min-height:160px;padding:1rem}.spine-reveal{padding:.75rem 1rem;font-size:1rem}.game-frame-wrap{min-height:300px}.project-notes ul{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}