:root{--paper:#f3f1e9;--ink:#18251f;--lime:#c9f568;--muted:#647166}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d44e35;outline-offset:6px}.skip{position:fixed;top:-80px;background:var(--lime);padding:15px;z-index:50}.skip:focus{top:0}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #18251f33}.logo{font-size:25px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.logo span{display:inline-block;color:var(--ink);margin-left:8px;font-size:34px;vertical-align:middle}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a:hover,.text-link:hover{border-bottom:1px solid}.contact-link{padding:12px 19px;background:var(--ink);color:var(--paper);border-radius:25px}.hero,.work,.range,.about,.experience,.contact{padding:60px 5%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px}.hero .eyebrow{display:flex;justify-content:space-between}h1{font-size:clamp(58px,8.7vw,138px);line-height:.94;letter-spacing:-.065em;margin:43px 0 26px;font-weight:800}h1 em{font-style:normal;color:#567247}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.hero-bottom p{font-size:19px;line-height:1.5;max-width:440px}.round-link{height:62px;width:62px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:30px}.round-link:hover{background:var(--lime)}.hero-art{position:relative;background:#303030}.hero-art>img{width:100%;display:block}.sticker{position:absolute;right:4%;top:-55px;background:var(--lime);border-radius:50%;width:136px;height:136px;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:800;line-height:1.4;transform:rotate(12deg)}.caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;margin-top:14px}.work{padding-top:65px}.section-title{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:30px;align-items:start;margin-bottom:45px}h2{font-size:clamp(42px,5vw,78px);line-height:1;letter-spacing:-.055em;margin:0}.section-title h2 span{margin-left:20px}.section-title p{font-size:15px;line-height:1.6}.projects{display:grid;grid-template-columns:1fr 1fr;gap:44px 26px}.project{border:0;background:transparent;padding:0;text-align:left;min-width:0}.wide{grid-column:1/-1}.project-image{position:relative;overflow:hidden;background:#303030}.project-image img{width:100%;display:block;transition:transform .4s}.project:hover img{transform:scale(1.025)}.portrait{height:640px}.portrait img{height:100%;object-fit:cover;object-position:top}.open{position:absolute;bottom:20px;right:20px;width:48px;height:48px;background:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:26px}.project-meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:16px}.project-meta h3{font-size:21px;margin:0;letter-spacing:-.5px}.project-meta>span{font-size:11px;color:var(--muted)}.range{background:var(--ink);color:var(--paper);margin-top:35px;padding-top:75px;padding-bottom:75px}.range h2{margin:28px 0}.range>p{max-width:560px;font-size:18px;line-height:1.6;color:#c7cfc6}.collage{padding:0;border:0;background:none;display:block;width:100%;margin-top:38px;color:var(--paper);text-align:left}.collage img{width:100%;display:block}.collage span{display:block;font-size:11px;letter-spacing:1px;margin-top:15px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:100px;padding-bottom:65px}.about h2{margin-top:30px}.availability{font-size:12px;margin-top:32px}.availability span{display:inline-block;width:8px;height:8px;background:#557948;border-radius:50%;margin-right:8px}.about-copy p{font-size:17px;line-height:1.65}.about-copy .intro{font-size:27px;line-height:1.35;margin-top:0;letter-spacing:-.5px}.text-link{display:inline-block;font-weight:bold;padding-bottom:7px;border-bottom:1px solid;margin-top:12px}.capabilities{margin-top:40px;padding-top:18px;border-top:1px solid #18251f44}.capabilities h3{font-size:13px}.capabilities p{font-size:14px}.experience{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding-top:15px;padding-bottom:95px}.experience p{display:grid;grid-template-columns:1.4fr 1.3fr .7fr;gap:15px;padding:21px 0;margin:0;border-top:1px solid #18251f33;font-size:13px}.experience time{text-align:right;color:var(--muted)}.contact{background:var(--lime);padding-top:65px;padding-bottom:75px}.contact h2{font-size:clamp(75px,10vw,150px);margin:40px 0 28px}.contact h2 span{color:#567247}.email{font-size:clamp(20px,3vw,40px);border-bottom:2px solid;padding-bottom:5px;display:inline-block;letter-spacing:-1px}.contact p{max-width:430px;line-height:1.6;margin-top:25px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}footer div{display:flex;gap:20px}dialog{border:0;padding:65px 5% 40px;background:var(--paper);width:min(1100px,95vw);max-height:92vh;color:var(--ink)}dialog::backdrop{background:#07140ee8}.close{position:sticky;top:0;float:right;z-index:2;border:0;border-radius:25px;padding:12px 20px;background:var(--lime)}.viewer-copy{max-width:720px;margin-bottom:28px}.viewer-copy h2{font-size:50px;margin:22px 0}.viewer-copy p{line-height:1.6}#viewer-image{width:100%;display:block}body.modal-open{overflow:hidden}@media(max-width:760px){header{height:75px}.logo{font-size:20px}nav{gap:15px;font-size:12px}nav .contact-link{display:none}.hero,.work,.range,.about,.experience,.contact{padding:40px 6%}.hero .eyebrow{font-size:9px;gap:20px}h1{margin-top:38px;font-size:14vw}.hero-bottom p{font-size:16px;max-width:75%}.sticker{height:82px;width:82px;top:-30px;font-size:8px}.caption{font-size:8px;gap:15px}.section-title{display:block}.section-title h2{margin-top:22px}.projects{gap:30px;grid-template-columns:1fr}.wide{grid-column:auto}.portrait{height:480px}.project-meta{display:block}.project-meta>span{display:block;margin-top:8px}.about,.experience{display:block}.about-copy{margin-top:35px}.experience>div{margin-top:20px}.experience p{grid-template-columns:1fr 1fr;font-size:12px}.experience time{text-align:left}.contact h2{font-size:18vw}footer{flex-wrap:wrap;padding:25px 6%}footer>span{font-size:10px}.viewer-copy h2{font-size:35px}dialog{padding:25px 5%}.close{margin-bottom:20px}.viewer-copy{clear:both}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
