:root{--paper:#efefed;--ink:#191a1c;--muted:#727575;--line:#d2d3d1;--gold:#bf870d}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 40% 0%,#f7f7f5,var(--paper) 75%);color:var(--ink);font-family:'Courier New',monospace;border-block:3px solid #118cc6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:hover{color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{height:134px;display:flex;align-items:center;gap:24px;padding:0 2.5vw}.wordmark{font-family:Georgia,serif;font-style:italic;font-weight:bold;font-size:42px;letter-spacing:-3px;color:#bd8200;text-shadow:0 1px #ffde79,1px 2px #6d4700}.wordmark sup{font:12px monospace;vertical-align:top;letter-spacing:0;margin:8px 0 0 3px;display:inline-block}.edition,.contact{font-size:12px;letter-spacing:3px}.contact{margin-left:auto;white-space:nowrap}nav{display:flex;border:1px solid var(--ink);border-radius:30px;padding:4px;gap:4px;margin-left:calc(10vw - 70px)}nav a{font-size:12px;letter-spacing:1px;padding:9px 18px;border-radius:24px;white-space:nowrap}nav a.active{background:var(--ink);color:var(--paper)}#rail{height:calc(100dvh - 214px);display:flex;gap:2.7vw;overflow-x:auto;overflow-y:hidden;padding:0 2.5vw 12px;scrollbar-width:none;overscroll-behavior-x:contain}#rail::-webkit-scrollbar{display:none}section{flex-shrink:0;position:relative;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent;padding:20px 0 28px}.bio{width:18vw;min-width:255px}.projects{width:55vw;min-width:660px;padding:20px 28px 40px}.writing{width:18vw;min-width:240px}.cv{width:43vw;min-width:550px;padding:20px 28px 40px;margin-right:2vw}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;font-size:12px;letter-spacing:2px}.section-label h1,.section-label h2{font-size:12px;font-weight:normal;margin:0}.section-label>span{color:var(--muted);font-size:12px;letter-spacing:1px}.facts{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;font-size:12px;letter-spacing:1.5px}.facts dt{color:var(--muted)}.facts dd{margin:0}.bio-copy{font-size:16px;line-height:1.6;margin:30px 0 12px;letter-spacing:-.5px}.intro{font-family:Arial,sans-serif;font-size:14px;color:#646868;line-height:1.65;max-width:290px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:normal;margin:28px 0 16px}.skills>div{display:grid;grid-template-columns:1fr auto;font-size:12px;gap:10px;margin-bottom:13px}.skills>div>span:last-of-type{color:var(--muted)}meter{grid-column:1/-1;width:100%;height:3px;border:0;background:var(--line)}meter::-webkit-meter-bar{background:var(--line);border:none;border-radius:0}meter::-webkit-meter-optimum-value{background:var(--ink)}meter::-moz-meter-bar{background:var(--ink)}.tech-list{font-size:11px;letter-spacing:1px;color:var(--muted);line-height:1.9}.gold-type{font:italic bold 112px Georgia,serif;letter-spacing:-12px;background:linear-gradient(125deg,#684000 9%,#f5bf2a 22%,#fff0a0 36%,#bd7f00 45%,#f6cc46 54%,#8d5600 65%,#edb51d 75%);color:transparent;background-clip:text;filter:drop-shadow(1px 2px 0 #8a5e0d);line-height:1.15}.bio-bottom p{font-size:11px;line-height:1.7;color:var(--muted);letter-spacing:1px}.socials{display:flex;gap:22px;font-size:11px;letter-spacing:1px;margin-top:20px}.bracket{background:linear-gradient(var(--ink),var(--ink)) left top/15px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) left top/1px 15px no-repeat,linear-gradient(var(--ink),var(--ink)) right top/15px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) right top/1px 15px no-repeat,linear-gradient(var(--ink),var(--ink)) left bottom/15px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) left bottom/1px 15px no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom/15px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom/1px 15px no-repeat}.table-head,.project-row{display:grid;grid-template-columns:40px 1.35fr 1fr .68fr;gap:16px;align-items:center;text-align:left}.table-head{font-size:11px;color:var(--muted);letter-spacing:2px;padding:0 0 15px;border-bottom:1px solid #b8bab8}.table-head span:last-child{text-align:right}.project-row{width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:25px 0;min-height:88px;transition:background .2s,padding .2s}.project-row:hover{background:#e5e4de;padding-inline:8px}.number{color:var(--muted);font-size:12px;letter-spacing:1px}.project-title{font-size:15px;letter-spacing:2px;line-height:1.5;text-transform:uppercase}.project-description{font-size:12px;line-height:1.7;letter-spacing:1px;color:var(--muted)}.kind{font-size:11px;line-height:1.8;letter-spacing:1px;color:var(--muted);text-align:right;text-transform:uppercase}.project-end{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#858887;margin-top:22px}.project-note{display:flex;align-items:center;gap:25px;margin-top:35px;color:#929492}.asterisk{font-size:67px;color:#b28a2c}.project-note p{font-size:13px;line-height:1.8;letter-spacing:1px}.section-foot{font-size:10px;line-height:1.8;letter-spacing:1.5px;color:var(--muted);margin-top:35px}.column-intro{font:italic 24px/1.3 Georgia,serif;margin:32px 0}.writing-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:19px 0}.writing-item:hover h3{color:var(--gold)}.writing-item time{font-size:10px;letter-spacing:1px;color:var(--muted)}.writing-item h3{font-size:14px;font-weight:normal;line-height:1.55;margin:10px 0 0}.writing-item h3 span{color:var(--muted)}.text-link{display:inline-block;font-size:11px;letter-spacing:1px;margin-top:28px}.cv-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.cv-heading h2{font:italic 35px Georgia,serif;letter-spacing:-1px}.pill{border:1px solid var(--ink);border-radius:25px;padding:12px 17px;font-size:11px;white-space:nowrap}.cv-intro{font-size:16px;line-height:1.6}.experience article{display:flex;border-top:1px solid var(--line);padding:17px 0;gap:22px}.experience article>span{width:75px;flex-shrink:0;color:var(--muted);font-size:12px}.experience h4{font-size:14px;font-weight:normal;margin:0}.experience p{font-size:12px;color:var(--muted);margin:8px 0 0}.education{font-size:14px;line-height:1.7}.education>span{float:right;color:var(--muted);font-size:12px}.education small{display:block;font-size:12px;color:var(--muted)}footer{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 2.5vw;font-size:10px;letter-spacing:2px;position:relative}.scroll-help{display:flex;align-items:center;gap:18px}.scroll-help button{width:30px;height:30px;border:1px solid #999;border-radius:50%;background:none;font-size:18px}.scroll-help button:disabled{opacity:.25;cursor:default}.progress{position:absolute;height:1px;bottom:5px;left:2.5vw;right:2.5vw;background:#d1d2d0}.progress>div{height:1px;background:var(--ink);width:65%;transition:width .1s}.frame{pointer-events:none;position:fixed;inset:23px 15px 20px;z-index:5}.frame i{position:absolute;width:20px;height:20px;border-color:#b3b4b2;border-style:solid;border-width:0}.frame i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.frame i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.frame i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.frame i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}dialog{border:0;background:transparent;padding:25px;width:min(790px,94vw);max-height:90dvh;overflow:visible;perspective:1200px}dialog::backdrop{background:#16171575;backdrop-filter:blur(7px)}.modal-sheet{background:var(--paper);border:1px solid #aaa;padding:38px;max-height:82dvh;overflow:auto;box-shadow:0 30px 90px #0003;backface-visibility:hidden}dialog[open] .modal-sheet{animation:spin-open .8s cubic-bezier(.18,.7,.2,1)}@keyframes spin-open{from{opacity:0;transform:rotateY(-180deg) scale(.8)}to{opacity:1;transform:rotateY(0) scale(1)}}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal-top .eyebrow{margin:0}.modal-top button{background:none;border:1px solid #aaa;padding:9px 13px;border-radius:22px;font-size:11px}#detail-title{font:36px/1.18 Georgia,serif;font-weight:normal;margin:35px 0 22px}#detail-tags{font-size:12px;color:var(--muted);line-height:1.8}#detail-body{font-family:Arial,sans-serif;font-size:16px;line-height:1.75;margin:26px 0}#detail-body img{max-width:100%!important;width:auto!important;height:auto!important}#detail-body a{text-decoration:underline}#detail-body h3{font-size:20px}#detail-links{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid var(--line);padding-top:24px}#detail-links a{font-size:12px;border:1px solid var(--ink);border-radius:24px;padding:12px 18px}@media(min-height:950px){.bio-bottom{margin-top:35px}.project-row{min-height:106px}.project-note{margin-top:70px}}@media(max-width:1000px){header{gap:14px;height:110px}.edition,.contact{display:none}nav{margin-left:auto}nav a{padding:9px 12px}#rail{height:calc(100dvh - 190px);gap:30px}.bio{width:280px}.projects{width:740px}.writing{width:270px}.cv{width:590px}}@media(max-width:600px){header{height:122px;flex-wrap:wrap;padding:16px 22px;gap:10px}.wordmark{font-size:32px}nav{width:100%;justify-content:space-between;margin:0}nav a{font-size:10px;padding:7px 10px}#rail{height:calc(100dvh - 190px);padding-left:22px;padding-right:22px;gap:22px;scroll-snap-type:x proximity}section{scroll-snap-align:start;scroll-margin-left:22px}.bio,.writing,.projects,.cv{min-width:0;width:calc(100vw - 44px);padding:18px 12px 25px}.table-head,.project-row{grid-template-columns:25px 1fr 75px;gap:10px}.table-head>span:nth-child(3),.project-description{display:none}.project-row{padding-block:19px;min-height:85px}.project-title{font-size:13px;letter-spacing:1px}.kind{font-size:10px}.project-end{font-size:9px;gap:14px}.project-note{margin-top:20px}.project-note p{font-size:11px}.cv-heading{align-items:start;flex-direction:column;gap:0}.cv-heading h2{margin:15px 0}.cv-heading .pill{margin-bottom:12px}.experience article{gap:10px}.experience article>span{width:55px}.education>span{float:none;display:block}.modal-sheet{padding:24px}#detail-title{font-size:28px}footer{height:64px;padding:0 22px;font-size:9px}footer>span:first-child{display:none}.scroll-help{gap:9px}.scroll-help>span{font-size:9px;letter-spacing:1px}.frame{inset:12px 9px}.bio-bottom{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Plain-text header, aligned with the name rather than enclosed in a pill. */
header{gap:40px}.wordmark{font-family:inherit;font-style:normal;font-weight:700;font-size:22px;letter-spacing:1px;color:var(--ink);text-shadow:none;white-space:nowrap}nav{margin-left:0;border:0;border-radius:0;padding:0;gap:22px}nav a{font-size:14px;letter-spacing:0;padding:10px 0;border-radius:0;color:var(--muted)}nav a.active{background:none;color:var(--ink)}nav a:hover{color:var(--ink)}section,.modal-sheet{overscroll-behavior-y:contain}
@media(max-width:1000px){header{gap:30px}nav{margin-left:0;gap:20px}}
@media(max-width:600px){header{gap:8px}.wordmark{font-size:20px}nav{gap:15px;width:100%;justify-content:flex-start;flex-wrap:wrap}nav a{font-size:12px;padding:5px 0}}

.practice-skills{margin:0}.practice-skills>div{border-bottom:1px solid var(--line);padding:12px 0}.practice-skills dt{font-size:14px;line-height:1.4}.practice-skills dd{margin:7px 0 0;font:14px/1.55 Arial,sans-serif;color:#646868}.practice-direction{font:14px/1.55 Arial,sans-serif;color:#646868;margin:20px 0 0}
