:root{--bg:#f7f4ef;--ink:#302e2a;--muted:#7a756d;--line:#dcd5cc;--accent:#a2573f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:100}header{padding:34px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:23px;letter-spacing:-.8px}.brand span{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-top:9px;color:var(--muted)}nav{display:flex;gap:38px;font-size:13px}nav a:hover{color:var(--accent)}nav span{margin-left:14px;color:var(--accent)}main{padding:0 5%}.intro{padding:75px 0 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;margin:34px 0 65px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,5.4vw,85px);line-height:1.08;letter-spacing:-3.5px;margin:0}h1 em{font-weight:400;color:var(--accent)}.bio{max-width:560px;padding-top:2px}.bio p{font-size:15px;line-height:1.85;color:#655f57;margin:0 0 18px}.bio p:first-child{color:var(--ink)}.text-link{display:flex;justify-content:space-between;width:200px;font-size:12px;border-bottom:1px solid var(--accent);padding:12px 0;margin-top:22px}.text-link span{color:var(--accent)}.intro-end{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:9px;letter-spacing:1.8px}#work{padding:65px 0 85px}.work-heading{display:flex;justify-content:space-between;align-items:baseline}h2{font-family:Georgia,serif;font-weight:400;font-size:37px;letter-spacing:-1px;margin:0}.work-heading h2 span{font:11px Arial;vertical-align:top;margin-left:12px;color:var(--accent)}.work-heading p{font-size:12px;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:12px 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0 35px;padding:19px 0}.filters button{border:0;background:none;padding:5px 0;font-size:12px;color:var(--muted);position:relative}.filters button[aria-pressed=true]{color:var(--accent)}.filters button[aria-pressed=true]:after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 25px}.card{border:0;padding:0;text-align:left;background:none;width:100%}.image-wrap{overflow:hidden;background:#e7e1d8;aspect-ratio:1.35}.card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover img{transform:scale(1.035)}.card-top{display:flex;gap:14px;margin-top:17px;align-items:baseline}.number{color:var(--accent);font-size:10px}.card h3{font-size:15px;font-weight:400;line-height:1.45;margin:0;flex:1}.arrow{color:var(--accent);font-size:17px}.card p{font-size:11px;color:var(--muted);margin:8px 0 0 28px;line-height:1.5}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}footer{border-top:1px solid var(--line);margin:0 5%;padding:35px 0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer>a:last-child{font-size:11px;color:var(--muted)}dialog{border:0;background:var(--bg);width:min(1200px,94vw);max-height:94vh;padding:30px;color:var(--ink)}dialog::backdrop{background:#25221dda;backdrop-filter:blur(4px)}.dialog-bar,.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-bar span{font-size:10px;letter-spacing:2px;color:var(--accent)}.dialog-bar button,.dialog-bottom button{background:none;border:0;padding:10px 0;font-size:13px}.project-heading{padding:45px 0 25px}.project-heading>p:first-child{color:var(--accent);font-size:11px;letter-spacing:.5px}.pending{font-size:13px;color:var(--muted)}#sheets img{display:block;width:100%;height:auto;margin-bottom:20px}.dialog-bottom{padding:15px 0}body:has(dialog[open]){overflow:hidden}@media(min-width:1500px){header,main{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:850px){.intro-grid{gap:6%}h1{font-size:57px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{gap:13px 20px}}@media(max-width:600px){header{padding:25px 6%}.brand{font-size:20px}.brand span{font-size:8px}nav{gap:20px;font-size:11px}nav span{display:none}main{padding:0 6%}.intro{padding-top:47px}.intro-grid{grid-template-columns:1fr;gap:30px;margin:26px 0 38px}h1{font-size:59px;letter-spacing:-3px}.bio p{font-size:14px}.intro-end{font-size:8px;letter-spacing:1px}#work{padding-top:40px}.work-heading{align-items:center}.work-heading h2{font-size:30px}.work-heading p{max-width:120px;line-height:1.5;text-align:right}.filters{gap:16px 22px}.filters button{font-size:11px}.grid{grid-template-columns:1fr;gap:35px}.image-wrap{aspect-ratio:1.4}.card h3{font-size:16px}footer{margin:0 6%;flex-wrap:wrap}footer>span{display:none}dialog{padding:20px}.project-heading h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img{transition:none}}

/* Landscape project sheets and a quiet two-column selected-work index. */
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 28px}.image-wrap{aspect-ratio:4/3;background:white;position:relative}.card img{object-fit:contain}.card:hover img{transform:none}.view-project{position:absolute;right:18px;bottom:18px;background:rgba(247,244,239,.92);padding:12px 17px;font-size:12px}.card h3{font-size:22px;letter-spacing:-.5px}.card p{margin-left:0;text-transform:uppercase;letter-spacing:1px;font-size:10px}.card-top{gap:0}.description{max-width:850px;font-size:16px;line-height:1.85;color:#655f57;margin:26px 0 14px}.project-heading{padding-bottom:35px}dialog{width:min(1440px,96vw)}#sheets img{background:white;margin-bottom:28px}.dialog-bar{position:sticky;top:-30px;background:var(--bg);z-index:2;padding:10px 0}#sheets figure{margin:0} @media(max-width:600px){.grid{grid-template-columns:1fr}.card h3{font-size:20px}.description{font-size:14px}.dialog-bar{top:-20px}.view-project{right:12px;bottom:12px}}

/* Experience sits below the headline, within the introduction's left column. */
.intro-feature{min-width:0;display:flex;flex-direction:column}.experience-diagram{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:auto 0;padding-top:44px;padding-bottom:12px}.experience-item{text-align:center;min-width:0}.experience-circle{width:100%;max-width:170px;aspect-ratio:1;border-radius:50%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);border:1px solid rgba(162,87,63,.08)}.experience-circle.design{background:rgba(162,87,63,.16)}.experience-circle.site{background:rgba(162,87,63,.08)}.experience-circle.detail{background:rgba(162,87,63,.26)}.experience-years{display:flex;align-items:baseline;gap:6px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.6vw,51px);line-height:1.1}.experience-years>span{font-family:Arial,Helvetica,sans-serif;font-size:12px}.experience-months{font-size:11px;letter-spacing:.5px;margin-top:9px}.experience-item>p{font-size:10px;text-transform:uppercase;letter-spacing:1px;line-height:1.5;margin:16px 0 0}@media(max-width:850px) and (min-width:601px){.experience-diagram{gap:8px}.experience-years{font-size:30px}.experience-years>span{font-size:10px}.experience-months{font-size:10px}.experience-item>p{font-size:9px;letter-spacing:.5px}}@media(max-width:600px){.experience-diagram{gap:12px;padding-top:32px;padding-bottom:0;margin:0}.experience-years{font-size:34px}.experience-years>span{font-size:11px}.experience-item>p{font-size:9px;letter-spacing:.6px}.experience-months{font-size:10px}}@media(max-width:360px){.experience-diagram{gap:7px}.experience-years{font-size:29px}.experience-years>span{font-size:9px}}

/* Compact experience circles, approximately 18% smaller than the original. */
.experience-circle{width:82%;max-width:140px}.experience-years{font-size:clamp(28px,3vw,42px);gap:5px}.experience-years>span{font-size:11px}@media(max-width:850px) and (min-width:601px){.experience-years{font-size:25px;gap:3px}.experience-years>span{font-size:9px}}@media(max-width:600px){.experience-years{font-size:28px;gap:4px}.experience-years>span{font-size:10px}}@media(max-width:360px){.experience-years{font-size:24px;gap:2px}.experience-years>span{font-size:8px}}

/* Resume viewer: activate the navigation button when the supplied PDF is added. */
#resume-open{padding:0;border:0;background:none;font:inherit}#resume-open:hover{color:var(--accent)}#resume-open[hidden]{display:none}#resume-dialog{width:min(1000px,94vw);height:92vh;height:92dvh;max-height:94dvh;padding:0;border:1px solid var(--line);background:var(--bg);overflow:hidden}#resume-dialog[open]{display:flex;flex-direction:column}#resume-dialog::backdrop{background:rgba(20,18,15,.65);backdrop-filter:blur(4px)}.resume-toolbar{display:flex;align-items:center;gap:24px;padding:14px 22px;border-bottom:1px solid var(--line);flex:none}.resume-toolbar h2{margin:0 auto 0 0;font-size:25px}.resume-toolbar a{font-size:12px}.resume-toolbar button{background:none;border:0;font-size:32px;line-height:1;padding:4px 8px}#resume-frame{border:0;width:100%;flex:1;min-height:0;background:#fff}body.resume-is-open{overflow:hidden}@media(max-width:600px){header nav{gap:18px;flex-wrap:wrap}.resume-toolbar{padding:12px 14px;gap:12px}#resume-dialog{width:96vw;height:94dvh}}

#resume-pages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#e3e0db;padding:20px}#resume-pages figure{margin:0 auto 20px;max-width:850px}#resume-pages img{display:block;width:100%;height:auto;background:white;box-shadow:0 2px 12px #0002}.resume-accessible-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre-wrap;border:0}@media(max-width:600px){#resume-pages{padding:8px}#resume-pages figure{margin-bottom:12px}}

/* Project numbering and single-image gallery. */
.card-top{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;column-gap:14px;align-items:baseline}.card-top .number{min-width:2.2em;white-space:nowrap}.card-top h3{margin:0}
#drawing-types{display:flex;flex-wrap:wrap;gap:12px 26px;margin:0 0 22px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#drawing-types button{border:0;border-bottom:1px solid transparent;background:none;padding:5px 0;font-size:12px;color:var(--muted)}#drawing-types button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.project-slideshow{position:relative;background:white;touch-action:pan-y}#sheets #project-slide{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;margin:0}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:64px;height:100px;border:0;background:transparent;padding:15px;z-index:1}.slide-back{left:12px}.slide-forward{right:12px}.slide-arrow svg{width:30px;height:60px;fill:none;stroke:rgba(255,255,255,.45);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0009)}.slide-arrow:hover svg,.slide-arrow:focus-visible svg{stroke:rgba(255,255,255,.85)}.slide-arrow[hidden]{display:none}#slide-counter{position:absolute;right:24px;bottom:20px;padding:6px 10px;color:#fff;background:#0005;font-size:12px;letter-spacing:1px;border-radius:2px;font-variant-numeric:tabular-nums}@media(max-width:600px){#drawing-types{gap:8px 18px}#drawing-types button{font-size:11px}.slide-arrow{width:44px;height:72px;padding:10px}.slide-arrow svg{width:22px;height:44px}.slide-back{left:4px}.slide-forward{right:4px}#slide-counter{right:12px;bottom:12px;font-size:11px}.card-top{column-gap:12px}}