@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Newsreader:opsz,wght@6..72,400;6..72,450;6..72,500&display=swap');
:root{--paper:#faf9f6;--ink:#262c35;--muted:#73767c;--rule:#e2e1dc;--accent:#9a4a32;--serif:'Newsreader',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,button{ -webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:310px minmax(0,1fr);padding:0 65px;gap:83px}.profile{height:100dvh;position:sticky;top:0;padding:55px 0 35px;display:flex;flex-direction:column;align-items:start}.monogram{font-family:var(--serif);font-size:43px;letter-spacing:-3px;line-height:1}.monogram span{color:var(--accent)}.profile-intro{margin-top:48px}h1{font-size:25px;letter-spacing:-.8px;font-weight:550;margin:0 0 10px}.role{font-size:16px;line-height:1.5;color:#6c7179;margin:0}.location{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-top:20px}.location span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.bio{font-size:13px;line-height:1.85;max-width:235px;color:#636971;margin:25px 0 29px}nav{width:205px;display:grid;gap:6px}nav a{font-size:12px;display:flex;align-items:center;justify-content:space-between;padding:9px 0;color:#747880}nav a span{font-size:9px;color:#9a9ca1;font-variant-numeric:tabular-nums}nav a.active{color:var(--accent)}nav a.active:before{content:'';height:5px;width:5px;background:var(--accent);border-radius:50%;margin-right:10px}nav a.active span{margin-left:auto}.profile-links{margin-top:30px;display:grid;gap:13px;width:130px}.profile-links a{font-size:11px;display:flex;justify-content:space-between}.profile-links a span{color:#898d91}.profile-note{font-size:10px;line-height:1.9;margin-top:auto;padding-top:34px}.profile-note span{color:#8b8e92}main{min-width:0}.intro{padding:63px 0 66px}.overline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.overline span{letter-spacing:0;font-size:10px}.intro h2{font-family:var(--serif);font-size:49px;font-weight:400;line-height:1.1;letter-spacing:-1.5px;margin:48px 0 23px}.intro p{font-size:14px;line-height:1.9;max-width:515px;color:#646a72;margin:0 0 12px}.intro-link{display:inline-flex;gap:35px;font-size:11px;margin-top:22px;border-bottom:1px solid #b9b8b1;padding-bottom:9px}.intro-link span{color:var(--accent)}.section-label{border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;margin-bottom:39px}.section-label h2{font-size:11px;font-weight:500;margin:0}.section-label>span{font-size:9px;color:#8e9196}.case{padding-bottom:32px;border-bottom:1px solid var(--rule);margin-bottom:39px}.case-heading{display:flex;gap:21px}.index{font-size:10px;color:var(--accent);padding-top:2px;font-variant-numeric:tabular-nums}.case-meta{font-size:8px;color:var(--muted);letter-spacing:.9px;margin:0 0 14px}.case h3{font-family:var(--serif);font-size:34px;line-height:1.13;letter-spacing:-.6px;font-weight:400;margin:0}.case-subtitle{font-size:11px;color:var(--muted);margin:13px 0 0}.case-intro{font-size:13px;line-height:1.95;color:#585f68;margin:24px 0}.scope{display:grid;grid-template-columns:1.4fr 1fr 1fr;background:#f0eee8;border:1px solid #e7e3db;margin:28px 0 30px;padding:25px 27px}.scope>div{display:flex;flex-direction:column;gap:9px;border-right:1px solid #d9d5cb;padding-left:24px}.scope>div:first-child{padding-left:0}.scope>div:last-child{border:0}.scope strong{font-family:var(--serif);font-size:34px;letter-spacing:-.7px;font-weight:400}.scope span{font-size:10px;color:#7b7a75}.case-body h4,.notes h4{font-size:11px;font-weight:600;margin:0 0 10px}.case-body p{font-size:12px;color:#666c74;line-height:1.95;margin:0 0 12px}.workflow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:26px;padding:20px 0;border-top:1px dashed #d5d3cc;border-bottom:1px dashed #d5d3cc;font-size:9px}.workflow>span:nth-child(even){color:#a5a199}.case-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px;font-size:9px;color:#898b90}.expand{font-family:inherit;border:0;background:none;padding:4px 0 4px 8px;cursor:pointer;font-size:10px;color:#4c525c}.expand span{margin-left:12px;display:inline-block;color:var(--accent);font-size:14px}.expand[aria-expanded=true] span{transform:rotate(45deg)}.notes{padding:24px;margin-top:20px;background:#f0eee8}.notes dl{margin:0}.notes dl div{margin-top:15px}.notes dt{font-size:10px;font-weight:600}.notes dd{font-size:11px;line-height:1.8;color:#6b6f75;margin:4px 0 0}.season-note{display:flex;gap:23px;align-items:center;padding:22px 0 8px}.season-number{font-family:var(--serif);font-size:60px;color:#9b4d35;line-height:1;letter-spacing:-3px}.season-note>div{display:flex;flex-direction:column;gap:8px}.season-note strong{font-size:11px;font-weight:500}.season-note>div span{font-size:9px;color:var(--muted)}.compact h3{font-size:29px}.compact .case-intro{margin-bottom:14px}.work-type{font-size:9px;color:#a0a0a1}.background{padding-top:28px}.background-intro{font-size:14px;line-height:1.9;color:#616872;margin-bottom:36px}.background-group{margin-top:32px}.background-group>h3{font-size:10px;font-weight:500;color:var(--accent);margin:0 0 23px}.record{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px}.record h4{font-size:13px;letter-spacing:-.1px;font-weight:500;margin:0 0 7px}.record p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.record-aside{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:9px;text-align:right;line-height:1.6}.record-aside strong{font-weight:400;color:#555c65}.earlier-description{font-size:12px;line-height:1.95;color:#71767d;margin-top:-5px}.tools dl{margin:0}.tools dl div{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid var(--rule);font-size:11px;line-height:1.8}.tools dt{color:var(--muted)}.tools dd{margin:0;color:#555d68}.contact{padding-top:68px;padding-bottom:58px}.contact h3{font-family:var(--serif);font-size:39px;letter-spacing:-.8px;font-weight:400;margin:0 0 15px}.contact p{font-size:13px;line-height:1.9;color:#6d737b;max-width:440px}.email{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9c5bc;padding:14px 0;font-size:23px;letter-spacing:-.5px;max-width:380px}.email>span{font-size:21px;color:var(--accent)}.contact-links{display:flex;gap:25px;margin-top:25px;font-size:10px;color:#737981}footer{border-top:1px solid var(--rule);padding:25px 0 32px;font-size:9px;display:flex;justify-content:space-between;color:#92959a}.skip{position:fixed;top:-60px;background:white;padding:14px;z-index:10}.skip:focus{top:10px}@media(min-width:1450px){.layout{max-width:1350px;grid-template-columns:320px minmax(0,1fr);gap:110px;padding:0 90px}.intro h2{font-size:57px}.intro{padding-bottom:80px}.case h3{font-size:38px}.case-intro{font-size:14px}}@media(max-width:1000px){.layout{padding:0 38px;grid-template-columns:230px minmax(0,1fr);gap:45px}.intro h2{font-size:40px}.bio{max-width:210px}.case h3{font-size:31px}.case-footer{align-items:start}.workflow{font-size:8px;gap:5px}.scope{padding:23px 18px}.scope>div{padding-left:18px}.scope strong{font-size:30px}}@media(max-width:720px){html{scroll-padding-top:25px}.layout{display:block;padding:0 25px;max-width:610px}.profile{height:auto;position:relative;padding:30px 0 0;display:block}.monogram{font-size:37px}.profile-intro{margin-top:30px}h1{font-size:29px}.role{font-size:14px}.role br{display:none}.location{position:absolute;right:0;top:33px;font-size:10px}.bio{max-width:360px;margin:19px 0 23px;font-size:13px}.profile nav{display:flex;gap:27px;width:100%;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:8px 0}.profile nav a{font-size:11px;gap:9px}.profile nav a.active:before{display:none}.profile nav a span{font-size:8px}.profile-links{display:flex;gap:22px;width:auto;margin-top:20px}.profile-links a{gap:8px;font-size:10px}.profile-note{display:none}.intro{padding:48px 0 42px}.intro h2{font-size:43px;letter-spacing:-1.2px;margin-top:30px}.intro p{font-size:13px}.section-label{margin-bottom:30px}.case-heading{gap:16px}.case-meta{font-size:7px;letter-spacing:.6px;line-height:1.6}.case h3{font-size:31px}.case-intro{font-size:12px}.case-body p{font-size:12px}.scope{padding:22px 18px}.scope strong{font-size:29px}.scope span{font-size:9px}.scope>div{padding-left:16px}.workflow{font-size:8px;flex-wrap:wrap;row-gap:12px;justify-content:start;column-gap:10px}.case-footer{font-size:8px;flex-wrap:wrap;row-gap:13px}.expand{padding-left:0;font-size:10px}.work-type{font-size:8px}.season-note>div span{font-size:8px;line-height:1.7}.compact h3{font-size:29px}.background{padding-top:10px}.background-intro{font-size:13px}.record h4{font-size:12px}.record-aside{font-size:9px}.tools dl div{grid-template-columns:78px 1fr;font-size:10px}.contact{padding-top:48px}.contact h3{font-size:36px}.email{font-size:23px}.contact-links{gap:24px;font-size:10px}.overline{font-size:8px}.notes{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Color system: navy, warm paper, and copper. */
:root{--paper:#eeeae2;--ink:#243544;--muted:#686f74;--rule:#cccac2;--accent:#a2472c}
body{background:linear-gradient(90deg,#172a38 0,#172a38 calc((100vw - 1130px)/2 + 270px),var(--paper) calc((100vw - 1130px)/2 + 270px),var(--paper) 100%)}
.profile{color:#f4f0e7;padding-right:25px}.monogram span{color:#e0a27a}.role,.bio{color:#c1cbd0}.location{color:#bdc9cf}.location span{background:#dfa17b}.profile nav a{color:#afbec7}.profile nav a span{color:#8399a7}.profile nav a.active{color:#f2bc96}.profile nav a.active:before{background:#f2bc96}.profile a:hover{color:#efb389}.profile-links a span{color:#a6b9c4}.profile-note{color:#e0e5e5}.profile-note span{color:#9bafbb}
.intro{position:relative}.intro:before{content:'';position:absolute;top:0;left:0;width:46px;height:4px;background:var(--accent)}.overline{color:#67747d}.intro h2{color:#172f40}.intro-link{border-color:#a7a79e}.section-label{border-top-color:#233b4b}.section-label h2{color:#233b4b}.case h3{color:#1e3646}.case-meta{color:#72726c}.case-subtitle{color:#7e685a}.case-intro{color:#4d5b65}.case-body p{color:#5c656c}.scope{background:#ded8ca;border-color:#d1c9b8}.scope strong{color:#263d4b}.scope span{color:#636b6c}.scope>div{border-color:#bbb5a8}.notes{background:#e2dccc}.workflow{border-color:#b8b7ac;color:#4f636e}.season-number{color:#74577c}.season-note{border-left:2px solid #9d85a5;padding-left:20px}.case-footer{color:#676f74}.record h4{color:#263d4b}.background-intro{color:#53606a}.contact{position:relative}.contact h3{color:#203c4c}.email{color:#8a422e;border-color:#b6b2a7}.contact-links{color:#4e626e}.tools dl div{border-color:#cfcdc4}
.project-image{margin:26px 0 28px;padding:14px 14px 0;background:#233447;border:1px solid #293b4d;border-radius:5px}.project-image>a{display:block;position:relative;overflow:hidden;border:1px solid #ffffff20;border-radius:2px;background:#111b2b}.project-image img{display:block;width:100%;height:auto;transition:transform .25s ease}.project-image a:hover img{transform:scale(1.015)}.project-image figcaption{display:flex;justify-content:space-between;gap:12px;font-size:9px;line-height:1.6;padding:12px 0;color:#dae0e8}.project-image figcaption span:last-child{color:#a9b9c7}.image-open{position:absolute;right:10px;bottom:10px;background:#172a38eb;color:#f4f0e7;border:1px solid #ffffff35;border-radius:3px;padding:8px 10px;font-size:9px;opacity:0;transition:opacity .2s}.project-image a:hover .image-open,.project-image a:focus-visible .image-open{opacity:1}.uw-image{background:#42305f;border-color:#51406a}.uw-image figcaption span:last-child{color:#d2c1dc}
@media(min-width:1450px){body{background:linear-gradient(90deg,#172a38 0,#172a38 calc((100vw - 1170px)/2 + 285px),var(--paper) calc((100vw - 1170px)/2 + 285px),var(--paper) 100%)}}
@media(max-width:1000px){body{background:linear-gradient(90deg,#172a38 0,#172a38 285px,var(--paper) 285px,var(--paper) 100%)}.profile{padding-right:18px}}
@media(max-width:720px){body{background:var(--paper)}.profile{background:#172a38;margin:0 -25px;padding:30px 25px 28px;border-bottom:3px solid #ba7855}.profile .location{right:25px}.profile nav{border-color:#3a4b57}.intro:before{display:none}.project-image{padding:9px 9px 0;margin-top:23px}.project-image figcaption{font-size:8px;padding:10px 0;flex-wrap:wrap;gap:4px}.image-open{opacity:1;font-size:8px;padding:6px 8px;right:6px;bottom:6px}.scope{margin-top:23px}.season-note{padding-left:16px}.profile a:focus-visible{outline-color:#edb18a}}
/* Lead with background and education. */
main>.background:first-child{padding-top:63px;padding-bottom:58px}
main>.background:first-child .section-label{border-top:0;padding-top:0;margin-bottom:32px}
main>.background:first-child .section-label h2{font-family:var(--serif);font-size:39px;font-weight:400;letter-spacing:-.8px}
main>.background:first-child .background-intro{margin-top:0}
@media(max-width:720px){main>.background:first-child{padding-top:43px;padding-bottom:45px}main>.background:first-child .section-label h2{font-size:35px}}
/* Separate employment and independent projects without numbered labels. */
#projects{padding-top:28px}
.case-heading{gap:0}
@media(max-width:720px){.profile nav{gap:23px;flex-wrap:wrap}}
/* Clear section hierarchy and quieter reading groups. */
main>.background:first-child{padding-bottom:62px}
.section-label{border-top:0;border-bottom:1px solid #c4beb2;padding:0 0 22px;margin-bottom:34px;position:relative}
.section-label:after{content:'';position:absolute;left:0;bottom:-2px;width:48px;height:3px;background:#a2472c}
.section-label h2{font-family:var(--serif);font-size:37px;letter-spacing:-.7px;font-weight:400;color:#20394a}
main>.background:first-child .section-label{padding-bottom:22px;border-bottom:1px solid #c4beb2;margin-bottom:28px}
main>.background:first-child .section-label h2{font-size:37px}
#experience,#projects{padding-top:42px;position:relative;border-top:3px solid #263e4d}
#experience:before,#projects:before{content:'';position:absolute;top:0;left:-22px;right:-22px;height:115px;background:#e3ded3;z-index:-1}
#experience>.section-label,#projects>.section-label{margin-bottom:40px}
#projects{margin-top:30px}
.background-group{padding:22px 24px;background:#e4dfd4;border:1px solid #d6d0c3;margin-top:24px;border-radius:3px}
.background-group>h3{font-size:12px;font-weight:600;margin-bottom:22px;color:#73412f}
.background-group .record:last-child{margin-bottom:0}
.tools{background:transparent;border:0;padding:5px 0 0;margin-top:27px}
.tools>h3{margin-bottom:10px}
.case{padding-bottom:37px;margin-bottom:40px;border-bottom:1px solid #c5bfb3}
.case:last-child{border-bottom:0;margin-bottom:0}
.case-heading{padding-left:16px;border-left:3px solid #aa7358}
.case-meta{line-height:1.6;color:#656963;font-size:9px}
.case-intro{margin-top:24px;font-size:13px}
.case-body{padding:20px 23px 10px;background:#f5f2ec;border-left:1px solid #d2c9bb;border-radius:0 3px 3px 0;margin-top:22px}
.case-body h4{font-size:12px;margin-bottom:12px}
.case-body p{line-height:1.9}
.compact .case-body{margin-top:17px}
.case-footer{padding-top:17px;border-top:1px solid #d6d0c5;margin-top:24px;line-height:1.7}
.contact{margin-top:42px;padding-top:38px;border-top:3px solid #263e4d}
@media(max-width:720px){.section-label h2,main>.background:first-child .section-label h2{font-size:34px}.background-group{padding:20px 18px}.tools{padding:5px 0 0}.case-body{padding:18px 18px 8px}.case-heading{padding-left:13px}.case-meta{font-size:8px}#experience:before,#projects:before{left:-10px;right:-10px}#experience,#projects{padding-top:32px}.case{margin-bottom:34px;padding-bottom:30px}main>.background:first-child{padding-bottom:42px}}
#experience,#projects{isolation:isolate}
.profile nav a{justify-content:flex-start}
/* Separate sections with surfaces and spacing rather than rules. */
.section-label,main>.background:first-child .section-label{border:0;padding:0;margin-bottom:30px}
.section-label:after,#experience:before,#projects:before{display:none}
#experience,#projects{border:0;padding:32px 0 0}
#projects{margin-top:34px}
.case{background:#f7f4ee;border:0;border-radius:12px;padding:28px;margin-bottom:24px;box-shadow:0 5px 24px #26354406}
.case:last-child{margin-bottom:0;border:0}
#projects .case{background:#e4e8e5}
.case-heading{border:0;padding:0}
.case-body{border:0;background:#eee9df;border-radius:8px;padding:20px 22px 10px}
#projects .case-body{background:#d9e0dc}
.case-footer{border:0;padding-top:0;margin-top:24px}
.background-group{border:0;border-radius:10px;background:#e1dacc;padding:24px}
.tools{background:#e4e8e5;padding:24px;border-radius:10px}
.tools dl div{border:0;padding:9px 0}
.scope{border:0;border-radius:8px;background:#e5dfd1}
.scope>div{border:0}
.workflow{border:0;background:#e8eceb;border-radius:6px;padding:16px 12px}
.season-note{border:0;padding-left:0}
.contact{border:0;margin-top:46px;padding-top:24px}
.email{border:0;background:#ded7c9;border-radius:7px;padding:16px 18px;font-size:21px}
.profile nav{border:0}
.notes{border-radius:8px}
@media(max-width:720px){.case{padding:22px 18px;border-radius:10px;margin-bottom:20px}.case-heading{padding:0}.background-group,.tools{padding:20px 18px}.case-body{padding:17px 16px 7px}.section-label,main>.background:first-child .section-label{margin-bottom:25px}#experience,#projects{padding-top:24px}.workflow{column-gap:8px;padding:14px 10px}}
/* Open editorial layout: grouping through type and space. */
.profile nav{margin-top:37px}
.case,#projects .case{background:transparent;border-radius:0;box-shadow:none;padding:0;margin-bottom:65px}
.case:last-child{margin-bottom:0}
.case-heading{padding:0;border:0}
.case-meta{font-size:10px;letter-spacing:.6px;margin-bottom:16px;color:#8a513b}
.case h3{font-size:34px;max-width:540px}
.case-body,#projects .case-body{background:transparent;border:0;border-radius:0;padding:0;margin-top:25px}
.case-body h4{color:#2b4453;font-size:12px}
.case-footer{margin-top:22px;padding:0;color:#737a7e}
.background-group,.tools{background:transparent;border-radius:0;padding:0;margin-top:36px;border:0}
.background-group>h3{font-size:12px;margin-bottom:23px;color:#8a513b}
.tools dl div{padding:8px 0}
.record{margin-bottom:26px}
.scope{background:transparent;border:0;padding:0;margin:29px 0 34px;gap:18px}
.scope>div{padding:0;border:0;gap:7px}
.scope strong{font-size:32px}
.workflow{background:transparent;border:0;padding:8px 0;border-radius:0;color:#62727a}
.notes{background:#e3ded3;border-radius:0}
#experience,#projects{padding-top:0;margin-top:65px}
#experience>.section-label,#projects>.section-label{margin-bottom:37px}
.section-label h2,main>.background:first-child .section-label h2{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#8a513b}
main>.background:first-child{padding-bottom:0}
.section-label,main>.background:first-child .section-label{margin-bottom:27px}
.background-intro{font-family:var(--serif);font-size:25px;line-height:1.45;color:#2e4553;letter-spacing:-.2px}
.project-image{padding:0;border:0;background:transparent;border-radius:0;margin-top:27px}
.project-image>a{border:0;border-radius:3px}
.project-image figcaption{color:#67717a;padding:10px 0;font-size:9px}
.project-image figcaption span:last-child{color:#7e8588}
.uw-image{background:transparent;border:0}
.uw-image figcaption span:last-child{color:#7e8588}
.email{background:transparent;border-radius:0;padding:10px 0}
.contact{margin-top:65px}
@media(max-width:720px){.profile nav{margin-top:25px}.case,#projects .case{padding:0;margin-bottom:49px}.case h3{font-size:31px}.case-meta{font-size:8px}.case-body,#projects .case-body{padding:0}.background-group,.tools{padding:0;margin-top:30px}.background-intro{font-size:23px;line-height:1.5}#experience,#projects{padding-top:0;margin-top:49px}.section-label h2,main>.background:first-child .section-label h2{font-size:12px}.scope strong{font-size:29px}.scope{gap:12px}.project-image{padding:0}.project-image figcaption{font-size:8px}}
/* Personal introduction above the about section. */
.personal-intro{display:grid;grid-template-columns:145px minmax(0,1fr);gap:28px;align-items:center;margin:0 0 55px}
.portrait{display:block;width:145px;height:170px;object-fit:cover;object-position:center 40%;border-radius:4px}
.personal-copy h2{font-family:var(--serif);font-size:35px;font-weight:400;letter-spacing:-.7px;margin:0 0 13px;color:#213b4a}
.personal-role{font-size:12px;line-height:1.7;margin:0 0 6px;color:#3e5360}
.personal-place{font-size:11px;line-height:1.7;margin:0;color:#72797d}
.personal-actions{display:flex;flex-wrap:wrap;gap:22px;margin-top:21px}
.personal-actions a{display:inline-flex;align-items:center;gap:12px;font-size:11px;color:#8a513b;padding:3px 0}
.personal-actions a:hover{color:#243e4d}
.personal-actions span{font-size:13px}
@media(max-width:1000px) and (min-width:721px){.personal-intro{grid-template-columns:120px minmax(0,1fr);gap:22px}.portrait{width:120px;height:150px}.personal-copy h2{font-size:30px}.personal-role{font-size:11px}}
@media(max-width:720px){.personal-intro{grid-template-columns:108px minmax(0,1fr);gap:20px;margin-bottom:42px}.portrait{width:108px;height:139px}.personal-copy h2{font-size:29px;margin-bottom:10px}.personal-role{font-size:11px}.personal-place{font-size:10px}.personal-actions{gap:17px;margin-top:15px}.personal-actions a{font-size:10px;gap:7px}}
@media(max-width:360px){.personal-intro{gap:15px;grid-template-columns:90px minmax(0,1fr)}.portrait{width:90px;height:125px}.personal-copy h2{font-size:27px}}
.case-heading .experience-date{margin:13px 0 0;text-transform:none;letter-spacing:0;color:#737a7e;font-size:11px}
.case-heading .employer{font-size:15px;font-weight:500;color:#425967;margin:14px 0 0;line-height:1.6}
.case-heading .experience-date{margin-top:7px;font-size:11px}
.pipeline{margin:30px 0 0}
.pipeline h4{font-size:12px;font-weight:600;color:#2b4453;margin:0 0 21px}
.pipeline-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;padding:0;margin:0}
.pipeline-steps li{position:relative;min-width:0}
.pipeline-steps li:not(:last-child):after{content:'→';position:absolute;right:-16px;top:0;font-size:15px;color:#9a6147}
.pipeline-steps strong{display:block;font-size:11px;color:#253e4c;font-weight:600;line-height:1.7}
.pipeline-steps span{display:block;font-size:9px;line-height:1.8;color:#727b80;margin-top:5px}
@media(max-width:1000px){.pipeline-steps{gap:18px}.pipeline-steps strong{font-size:10px}.pipeline-steps span{font-size:8px}.pipeline-steps li:not(:last-child):after{right:-13px}}
@media(max-width:720px){.case-heading .employer{font-size:14px}.pipeline-steps{grid-template-columns:1fr;gap:27px;padding-left:0}.pipeline-steps strong{font-size:12px}.pipeline-steps span{font-size:10px;margin-top:2px}.pipeline-steps li:not(:last-child):after{content:'↓';left:0;right:auto;top:auto;bottom:-23px;font-size:15px}.pipeline h4{margin-bottom:18px}}
.case-heading.company-heading{display:flex;align-items:center;gap:23px}
.company-logo{display:block;flex-shrink:0;width:73px;height:73px;object-fit:contain}
.rasg-logo{border-radius:3px}
.uw-logo{padding:4px}
.experience-bullets{margin:0;padding-left:18px;color:#5c656c;font-size:12px;line-height:1.95}
.experience-bullets li{padding-left:5px;margin-bottom:13px}
.experience-bullets li:last-child{margin-bottom:0}
@media(max-width:720px){.case-heading.company-heading{gap:16px;align-items:flex-start}.company-logo{width:52px;height:52px;margin-top:3px}.company-heading h3{font-size:28px}.company-heading .employer{font-size:12px;margin-top:9px}.company-heading .experience-date{font-size:10px}.experience-bullets{font-size:12px}}
/* Main section titles provide clear visual separation. */
.section-label h2,main>.background:first-child .section-label h2{font-family:var(--serif);font-size:44px;line-height:1.15;font-weight:400;letter-spacing:-1px;text-transform:none;color:#213b4a}
.section-label,main>.background:first-child .section-label{margin-bottom:34px}
#experience,#projects{margin-top:80px}
.contact{margin-top:80px}
@media(max-width:720px){.section-label h2,main>.background:first-child .section-label h2{font-size:36px;letter-spacing:-.7px}.section-label,main>.background:first-child .section-label{margin-bottom:28px}#experience,#projects,.contact{margin-top:58px}}
/* A single quiet break between professional experience and projects. */
#projects{position:relative;padding-top:46px}
#projects:before{content:'✦  ✦  ✦';display:block;position:static;height:auto;background:none;text-align:center;font-size:12px;letter-spacing:13px;color:#a07c65;margin:0 0 44px;z-index:auto}
@media(max-width:720px){#projects{padding-top:20px}#projects:before{font-size:10px;letter-spacing:10px;margin-bottom:35px}}
/* Separate individual experience entries with a restrained ornament. */
#experience>.case+.case{position:relative;padding-top:25px}
#experience>.case+.case:before{content:'✦';display:block;text-align:center;font-size:12px;color:#a07c65;line-height:1;margin-bottom:45px}
@media(max-width:720px){#experience>.case+.case{padding-top:12px}#experience>.case+.case:before{font-size:10px;margin-bottom:34px}}
/* Simple, quiet separators with no decorative symbols. */
#experience>.case+.case:before,#projects:before{content:'';display:block;position:static;width:48px;height:1px;padding:0;margin-left:auto;margin-right:auto;background:#a88b77;opacity:.65;letter-spacing:0}
#experience>.case+.case:before{margin-bottom:45px}
#projects:before{margin-bottom:44px}
@media(max-width:720px){#experience>.case+.case:before{margin-bottom:34px}#projects:before{margin-bottom:35px}}
/* Alternating editorial bands distinguish roles without ornaments. */
#experience>.case+.case:before,#projects:before{display:none}
#experience>.case{position:relative;isolation:isolate;padding-top:36px;padding-bottom:36px;margin-bottom:28px}
#experience>.case+.case{padding-top:36px}
#experience>.case:nth-of-type(even):after{content:'';position:absolute;inset:0 -24px;background:#dfe5e3;z-index:-1}
#experience>.case:last-child{margin-bottom:0}
#projects{padding-top:0}
@media(max-width:720px){#experience>.case,#experience>.case+.case{padding-top:28px;padding-bottom:28px;margin-bottom:20px}#experience>.case:nth-of-type(even):after{left:-25px;right:-25px}}
/* One consistent container for every experience. */
#experience>.case:nth-of-type(even):after{display:none}
#experience>.case,#experience>.case+.case{background:#f3f0e9;border:1px solid #d6d0c5;border-radius:5px;padding:30px;margin:0 0 28px;box-shadow:none}
#experience>.case:last-child{margin-bottom:0}
@media(max-width:720px){#experience>.case,#experience>.case+.case{padding:22px 18px;margin-bottom:22px}}
/* Restrained portfolio panels with a clear header and comfortable reading space. */
#experience>.case,#experience>.case+.case{background:#f7f5f0;border:1px solid #d9d3c8;border-radius:8px;padding:34px 32px;margin-bottom:30px;box-shadow:0 2px 3px #23384703}
#experience .case-heading{margin-bottom:27px}
#experience .company-heading{gap:21px}
#experience .case-heading h3{font-size:31px;line-height:1.2;letter-spacing:-.6px}
#experience .case-heading .employer{font-size:14px;margin-top:9px;color:#475b66}
#experience .case-heading .experience-date{margin-top:6px;color:#81817b;font-size:10px}
#experience .project-image{margin-top:0;margin-bottom:28px}
#experience .project-image>a{border-radius:4px}
#experience .case-intro{margin-top:0}
#experience .case-body p{font-size:13px;line-height:1.85}
#experience .scope{margin-top:26px;margin-bottom:29px}
#experience .scope strong{font-size:30px}
#experience .pipeline{margin-top:28px}
@media(max-width:720px){#experience>.case,#experience>.case+.case{padding:25px 20px;margin-bottom:23px;border-radius:6px}#experience .case-heading h3{font-size:28px}#experience .company-heading{gap:15px}#experience .case-heading .employer{font-size:12px}#experience .case-body p{font-size:12px}#experience .case-heading{margin-bottom:23px}}

/* Inline tool labels follow the portfolio's quiet editorial styling. */
.entry-header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:26px}
.entry-header .case-heading{flex:1;min-width:0;margin-bottom:0!important}
.tool-tags{flex:0 0 auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:0;list-style:none;padding:7px 0 0;margin:0}
.tool-tags li{border:0;border-radius:0;background:transparent;color:#8a624d;font-size:10px;font-weight:500;line-height:1.6;white-space:nowrap;padding:0}
.tool-tags li+li:before{content:'·';display:inline-block;margin:0 7px;color:#aa9583}
@media(max-width:1000px) and (min-width:721px){.entry-header{gap:14px}.tool-tags li{font-size:9px}.tool-tags li+li:before{margin:0 5px}}
@media(max-width:720px){.entry-header{display:block;margin-bottom:23px}.tool-tags{justify-content:flex-start;padding:0;margin-top:14px;max-width:100%;overflow-x:auto}.tool-tags li{font-size:10px}}

/* Larger inline tool labels. */
.tool-tags li{font-size:13px}
@media(max-width:1000px) and (min-width:721px){.tool-tags li{font-size:12px}}
@media(max-width:720px){.tool-tags li{font-size:12px}}