@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1c2925;--paper:#f8f9f6;--lime:#d8ff62;--line:#d9ddd5;--muted:#606960}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #547322;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.draft{background:var(--ink);color:var(--paper);font-size:12px;letter-spacing:.08em;padding:9px 24px;text-align:center}.draft span{opacity:.8;letter-spacing:0;margin-left:12px}.skip{position:absolute;left:16px;top:-100px;background:var(--lime);padding:12px;z-index:10}.skip:focus{top:12px}header{display:flex;align-items:center;justify-content:space-between;padding-block:29px;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-1px;font-size:23px;display:inline-flex;align-items:center;gap:6px}.mark{font-size:39px;line-height:.7;margin-top:13px}nav{display:flex;gap:35px;align-items:center;font-size:14px;font-weight:600}.nav-contact{border:1px solid var(--ink);border-radius:50px;padding:10px 20px}.nav-contact span{margin-left:20px}.hero{padding-top:64px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;display:flex;justify-content:space-between;gap:16px}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(3rem,6.4vw,5.8rem);font-weight:500;line-height:1.11;letter-spacing:-.065em;margin:32px 0 38px}.hero h1>span{color:#798172}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px}.hero-bottom p{font-size:18px;max-width:550px;margin:0;color:var(--muted);line-height:1.7}.hero-bottom strong{font-weight:500;color:var(--ink)}.button{border-radius:40px;background:var(--lime);padding:18px 26px;font-weight:600;white-space:nowrap;display:flex;gap:38px;align-items:center;transition:background .2s,transform .2s}.button:hover{background:#c9f448;text-decoration:none;transform:translateY(-2px)}.hero-rule{border-bottom:1px solid var(--line);margin-top:70px;padding-bottom:21px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em}.hero-rule span:last-child{font-size:23px}.work{padding:65px 0 90px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px;gap:24px}h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(2.3rem,4vw,3.3rem);letter-spacing:-.05em;line-height:1.15;margin:15px 0 0}.section-head>p{font-size:15px;color:var(--muted);margin:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:48px 28px}.project-wide{grid-column:1/-1}.project-cover{border-radius:7px;min-height:345px;padding:23px 27px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.cover-one{background:var(--ink);color:var(--lime);min-height:405px}.cover-two{background:#e1e7ef;color:#243c6a}.cover-three{background:var(--lime);color:var(--ink)}.cover-top,.cover-bottom{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.12em}.project-lettering{font-family:Manrope,Arial,sans-serif;font-size:clamp(3.6rem,6vw,5.8rem);line-height:.95;letter-spacing:-.065em;margin:30px 0;font-weight:600}.cover-one .project-lettering{font-size:clamp(4.5rem,8vw,7rem);line-height:.91;margin:24px auto;width:68%}.project-lettering i,.contact h2 i{font-family:Georgia,serif;font-weight:400}.small-star{font-size:1em;vertical-align:middle;margin-left:10px}.project-info{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.project-type{font-size:11px;letter-spacing:.09em;color:var(--muted);margin:0 0 5px}h3{font-size:23px;font-weight:500;letter-spacing:-.03em;margin:0}.sample{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:3px 9px;border-radius:20px}.project-description{font-size:15px;color:var(--muted);max-width:700px;margin:9px 0 20px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{padding:14px 0;cursor:pointer;display:flex;justify-content:space-between;font-size:14px;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:20px;line-height:1;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.project-detail{padding:0 0 20px;max-width:720px}.project-detail h4{font-size:15px;margin:15px 0 2px}.project-detail p{font-size:15px;margin:0;color:var(--muted)}.about{background:#edf0e9;padding:85px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2{font-size:clamp(2.6rem,4.5vw,4rem)}.accent{color:#648628}.about-sign{font-family:Georgia,serif;font-style:italic;font-size:31px;margin-top:55px;display:flex;gap:24px;align-items:center}.about-sign span{font-family:Arial,sans-serif;font-size:60px;line-height:.5;color:#648628}.about-copy{padding-top:12px;color:var(--muted)}.about-lead{font-size:24px;line-height:1.5;color:var(--ink);margin:0 0 22px;letter-spacing:-.02em}.about-facts{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #ccd2c7;padding:22px 0;margin:28px 0}.about-facts span{font-size:11px;letter-spacing:.1em}.about-facts p{color:var(--ink);margin:5px 0 0}.about-copy h3{font-size:18px;color:var(--ink);margin-bottom:14px}.skills{display:flex;flex-wrap:wrap;gap:9px}.skills span{border:1px solid #c6cec0;border-radius:30px;padding:7px 14px;font-size:14px;color:var(--ink)}.contact{padding-block:90px}.contact-layout{display:flex;justify-content:space-between;gap:50px;align-items:center}.contact h2{font-size:clamp(3rem,5.1vw,4.8rem);line-height:1.1}.contact-copy{max-width:310px;font-size:18px}.contact-placeholder{font-size:20px;border-bottom:1px solid var(--ink);padding-bottom:10px}.contact-note{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:29px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}footer .wordmark{color:var(--ink);font-size:19px}footer .mark{font-size:31px}footer>a:last-child{font-size:14px;color:var(--ink)}@media(min-width:1600px){.hero{padding-top:85px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{padding-block:22px}nav{gap:18px}.nav-contact{padding:7px 13px}.nav-contact span{display:none}.wordmark{font-size:20px}.draft{font-size:11px;padding:8px 16px}.draft span{display:block;margin-left:0}.hero{padding-top:38px}.hero .eyebrow>span:last-child{display:none}.hero h1{font-size:clamp(2.75rem,9vw,4.5rem);letter-spacing:-.055em}.hero-bottom{align-items:start;flex-direction:column;gap:25px}.hero-bottom p{font-size:16px}.button{padding:14px 22px}.hero-rule{margin-top:40px}.work{padding-block:40px 55px}.section-head{align-items:start;flex-direction:column;gap:16px}.section-head>p br{display:none}.projects{grid-template-columns:1fr;gap:33px}.project-cover{min-height:300px;padding:20px}.cover-one{min-height:340px}.cover-one .project-lettering{width:90%;font-size:5rem}.project-lettering{font-size:4.5rem}.project-info{gap:8px}h3{font-size:20px}.about{padding-block:50px}.about-grid{grid-template-columns:1fr;gap:32px}.about-sign{margin-top:25px}.about-lead{font-size:22px}.contact{padding-block:55px}.contact-layout{flex-direction:column;align-items:start;gap:20px}.contact-copy{max-width:100%}.contact-copy>p:first-child br{display:none}footer{flex-wrap:wrap;gap:20px}footer>span{order:3;width:100%;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.experience{padding-bottom:85px}.timeline{margin-top:40px}.timeline article{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;border-top:1px solid var(--line);padding:30px 0}.timeline h4{font-size:20px;font-weight:500;margin:0}.timeline p:not(.project-type){color:var(--muted);margin:8px 0 18px}.timeline .location{font-size:14px}.education{padding-top:75px}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.education-grid article{border-top:1px solid var(--line);padding:25px 0}.education-grid h3{margin-top:9px}.education-grid p{color:var(--muted)}.degree-note{background:var(--lime);padding:6px 12px;border-radius:20px;font-size:14px}.contact-copy{max-width:365px}.email-link{display:block;font-size:17px;padding-bottom:12px;border-bottom:1px solid var(--ink);overflow-wrap:anywhere}.contact-links{display:flex;gap:15px 22px;flex-wrap:wrap;font-size:14px;margin-top:20px}.cover-two .project-lettering,.cover-three .project-lettering{font-size:clamp(3rem,5.5vw,5.4rem)}.project-type,.cover-top,.cover-bottom,.about-facts span{font-size:12px}.project-description{font-size:16px}@media(max-width:760px){nav{gap:14px}nav a{font-size:13px}header .wordmark{font-size:18px}header .mark{display:none}.timeline article{grid-template-columns:1fr;gap:8px}.experience{padding-bottom:40px}.education{padding-top:45px}.education-grid{grid-template-columns:1fr;gap:15px}.cover-one .project-lettering{font-size:clamp(3rem,10vw,5rem)}.cover-top,.cover-bottom{font-size:12px;flex-wrap:wrap}.contact h2{font-size:clamp(2.8rem,9vw,4rem)}}@media(max-width:420px){header{align-items:flex-start;gap:15px;flex-direction:column}nav{width:100%;justify-content:space-between}.project-cover{min-height:300px}.hero h1{font-size:2.6rem}}
