:root{color-scheme:dark;--bg:#111e29;--panel:#172833;--ink:#e8eeee;--muted:#adbdc6;--accent:#e7b89c;--line:#3a4c58}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:55px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 Arial,Helvetica,sans-serif}a{color:var(--accent);text-underline-offset:4px}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #e7b89c;outline-offset:5px;border-radius:2px}a:hover{color:white}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;padding:10px;background:var(--bg);z-index:20}.layout{max-width:1120px;width:86%;margin:auto;display:grid;grid-template-columns:43% 51%;gap:6%}.identity{position:sticky;top:0;height:100vh;padding:75px 0 45px;display:flex;flex-direction:column;justify-content:space-between;min-height:570px}.identity h1{font-size:40px;line-height:1.15;letter-spacing:-1.6px;font-weight:700;margin:0 0 18px}.identity h1 span{display:block;font-size:18px;font-weight:400;letter-spacing:0;line-height:1.5;margin-top:15px}.focus-line{color:var(--accent);font-size:13px;margin:0 0 15px}.subtitle{color:var(--muted);font-size:14px;max-width:330px}.nav{margin-top:27px;display:flex;flex-direction:column;align-items:start;gap:11px}.nav a{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:15px;min-height:26px}.nav a:before{content:'';width:26px;height:1px;background:var(--muted);transition:width .25s}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.nav a[aria-current]:before{width:50px;background:var(--accent)}.signature{width:90%;max-width:330px;margin-top:25px;color:var(--accent);opacity:.75}.signature svg{width:100%;height:105px;display:block}.signature-guide{stroke:#adbdc6;stroke-opacity:.1;stroke-dasharray:2 8}.social{display:flex;gap:14px 20px;flex-wrap:wrap;font-size:12px}.social a:first-child{width:100%;font-size:11px;overflow-wrap:anywhere}.social .location{display:block;width:100%;color:var(--muted);font-size:11px}main{padding:75px 0 35px;min-width:0}section{margin-bottom:65px}h2{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;margin:0 0 23px}h3{font-size:16px;line-height:1.5;margin:0 0 8px;font-weight:500}p{margin:0 0 17px;color:var(--muted)}strong{font-weight:500;color:var(--ink)}.entry{display:grid;grid-template-columns:85px 1fr;gap:18px;margin:0 -12px 15px;padding:16px 12px;border-radius:4px;transition:background .25s}.entry:hover{background:#ffffff03}.entry time,.entry .date{color:var(--muted);font-size:10px;padding-top:3px;line-height:1.7;overflow-wrap:anywhere}.entry p{font-size:13px;margin:0 0 10px}.entry .role{font-size:12px;color:#cad4d9}.entry a{display:inline-block;min-height:28px;font-size:12px}.entry.project{grid-template-columns:80px 1fr}.project-art{width:80px;height:60px;color:var(--accent);border:1px solid var(--line);border-radius:4px;margin-top:4px;display:grid;place-items:center}.project-art svg{width:70px;height:48px}.brief-line{font-size:12px!important;margin-bottom:6px!important}.brief-line b{font-weight:500;color:var(--ink);margin-right:6px}.course{padding:17px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.course h3{font-size:14px}.course p,.skills p,.education p{font-size:13px}.placeholder{display:inline;padding:1px 3px;background:#e7b89c10;color:#f1d0b9;border-bottom:1px dotted #e7b89c;font-size:.95em}.credentials{margin-top:25px}.credentials p{font-size:12px}.footer{border-top:1px solid var(--line);padding-top:23px;font-size:11px;color:var(--muted)}dialog[hidden]{display:none!important}dialog{background:var(--bg);color:var(--ink);border:1px solid #8ba1b0;max-width:800px;width:calc(100% - 32px);max-height:88vh;padding:0}dialog::backdrop{background:#061017d9;backdrop-filter:blur(6px)}body:has(dialog[open]){overflow:hidden}.dialogbar{position:sticky;top:0;display:flex;justify-content:space-between;gap:15px;background:var(--bg);padding:16px 25px;border-bottom:1px solid var(--line);z-index:1}.dialogbar span{font-size:10px;letter-spacing:1px}.close{border:1px solid var(--line);background:none;padding:5px 12px}.detail-copy{padding:30px 35px}.detail-copy h1,.detail-copy h2.story-title{font:normal 32px/1.2 Georgia,serif;letter-spacing:0;text-transform:none;margin:17px 0}.detail-copy h2:not(.story-title),.detail-copy h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:25px 0 10px;color:var(--accent)}.detail-copy p{font-size:14px}.detail-meta{font-size:11px;color:var(--accent)}.detail-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;font-size:12px}.page{max-width:760px;width:86%;margin:auto;padding:40px 0 60px}.page nav{font-size:13px;margin-bottom:35px}.page article{padding:0}.page h1{font:normal 36px/1.2 Georgia,serif;margin:20px 0}.page .section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px}.reading-progress{position:fixed;right:20px;top:60px;bottom:45px;background:#ffffff0b;width:1px;pointer-events:none}.reading-progress span{display:block;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top}.reveal{transition:transform .6s ease}.reveal:not(.is-visible){transform:translateY(10px)}@media(max-width:850px){.layout{grid-template-columns:40% 54%;width:88%}.identity h1{font-size:34px}.identity h1 span{font-size:16px}.entry{grid-template-columns:70px 1fr;gap:13px}.entry.project{grid-template-columns:65px 1fr}.project-art{width:65px;height:53px}.project-art svg{width:56px}}@media(min-width:651px) and (max-height:800px){.identity{padding-top:45px;padding-bottom:30px}.signature svg{height:65px}.signature{margin-top:17px}.nav{margin-top:19px;gap:6px}}@media(min-width:651px) and (max-height:680px){.signature{display:none}.identity{min-height:530px}}@media(max-width:650px){.layout{display:block;width:86%}.identity{position:relative;height:auto;min-height:0;padding:45px 0 40px;gap:25px}.identity h1{font-size:35px}.identity h1 span{font-size:17px}.nav{flex-direction:row;gap:8px 20px;margin-top:22px}.nav a:before{display:none}.nav a{min-height:36px}.signature{max-width:290px;margin-top:17px}.signature svg{height:65px}.social a{min-height:36px}.social a:first-child{font-size:12px}.social .location{width:auto}main{padding:0 0 30px}section{margin-bottom:50px}.entry{grid-template-columns:65px 1fr}.entry.project{grid-template-columns:60px 1fr}.project-art{width:60px;height:50px}.entry a,.course a{min-height:40px;padding-top:4px}.detail-copy{padding:22px}.page h1{font-size:29px}.reading-progress{right:8px;top:20px;bottom:20px}.dialogbar{padding:12px 18px}.dialogbar span{font-size:8px}.close{min-height:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal:not(.is-visible){transform:none}}
@media(max-width:650px){.nav{flex-wrap:wrap}.nav a{white-space:nowrap}.social{min-width:0}.entry>div{min-width:0}.detail-copy{overflow-wrap:anywhere}}
.content-column{min-width:0}.content-column>main{padding-bottom:0}.content-column>.footer{margin-bottom:35px}.prototype-link{display:block!important;margin-top:4px}
@media print{body{background:white;color:#111;font-size:11pt}p,strong,a,.focus-line,.subtitle,.entry .role,.entry .date,.footer{color:#111!important}.layout{display:block;width:100%;max-width:none}.identity{position:static;height:auto;min-height:0;padding:0 0 20px}.identity h1{font-size:25pt}.identity h1 span{font-size:14pt}.nav,.signature,.reading-progress,.project-art,.skip,dialog{display:none!important}.social{margin-top:10px}main{padding:0}section{margin-bottom:22px}.entry{margin:0;padding:8px 0;break-inside:avoid}.course{break-inside:avoid}.entry.project{display:block}a{text-decoration:underline}.footer{border-color:#999}.page{padding:0;width:100%}.detail-copy{padding:0}}