@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500&family=Roboto:wght@300;400;500;700&display=swap');
:root{--plum:#432536;--ink:#3C4043;--pink:#ed3f88;--rule:#e99194;--blue:#738B51;--paper:#f2f2f2;--white:#fff;--max:1185px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);font-family:Roboto,Arial,sans-serif;font-weight:300;background:#fff} a{color:inherit}.wrap{width:calc(100% - 256px);max-width:var(--max);margin:0 auto;padding:0}.nav{height:72px;background:var(--plum);color:#fff;position:sticky;top:0;z-index:1000}.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Lora,serif;color:var(--pink);font-weight:500;font-size:26px;text-decoration:none}.navlinks{display:flex;gap:42px;align-items:center;font-size:16px;text-transform:uppercase}.navlinks a{text-decoration:none;display:flex;align-items:center;justify-content:center;height:72px;padding:4px 0 0;font-weight:400;border-bottom:4px solid transparent}.navlinks a:first-child{width:62px}.navlinks a:last-child{width:100px}.navlinks a.active{font-weight:700;border-bottom-color:#f5a1aa}.hero{background:var(--plum);color:#fff;padding:78px 0 94px}.hero h1,.section-title,.project h2{font-family:Lora,Georgia,serif;font-weight:400}.hero h1{font-size:78px;line-height:1.22;max-width:none;margin:0}.hero h1 em{font-style:normal;color:#f0cfd1}.scribble{display:block;margin:42px 0 0 auto;width:320px;max-width:46%;height:auto}.light{background:var(--paper)}.section{padding:84px 0}.intro-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px}.intro-grid>div:first-child{grid-column:1 / span 7;width:650px;max-width:calc(100% - 16px)}.intro-grid>div:last-child{grid-column:8 / span 5;padding-top:30px}.section-title{font-size:58px;line-height:1.25;color:#573447;margin:0}.pink-rule{width:70px;height:4px;background:var(--rule);margin-bottom:22px}.skills{font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.7;margin-top:22px}.bodycopy{font-size:20px;line-height:1.38}.bodycopy p:first-child{margin-top:0}.how-intro{margin-bottom:58px}.process-grid,.focus-grid{display:grid;grid-template-columns:repeat(3,345px);justify-content:space-between;column-gap:0;row-gap:56px}.process .num{color:var(--blue);font-weight:500;font-size:24px}.process h3,.focus h3{font-family:Lora,serif;font-weight:500;font-size:36px;margin:14px 0 16px}.meta{font-size:16px;text-transform:uppercase;line-height:1.35}.meta b{color:var(--blue)}.process p,.focus p{font-size:20px;line-height:1.42;margin:0}.process .meta + p{margin-top:16px}.focus p + p{margin-top:16px}.focus-grid{margin-top:58px}.focus h3{font-size:36px}.selected{font-size:16px!important;text-transform:uppercase;line-height:1.35!important}.selected b{color:var(--blue)}.footer{background:var(--plum);color:#fff;padding:55px 0 44px;min-height:250px}.cta{font-family:Lora,serif;font-size:22px}.cta strong{color:var(--pink);font-weight:400}.cta small{font-family:Roboto;font-size:16px}.footer-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:100px}.footer-mark{width:245px;height:auto}.copyright{font-size:16px}.experience-intro{padding:76px 0 70px}.experience-intro .section-title{max-width:900px;font-size:58px}.experience-intro p{max-width:1000px}.projects{padding:75px 0 95px}.project{margin-bottom:90px}.project:last-child{margin-bottom:0}.project h2{font-size:58px;line-height:1.18;margin:0 0 40px;max-width:none;width:100%}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px}.project-grid>div:first-child{grid-column:span 4;width:350px;max-width:100%}.project-grid>div:last-child{grid-column:6 / span 7}.project-logo{max-width:270px;max-height:130px;object-fit:contain;object-position:left center;margin-bottom:28px}.rolework{font-size:16px;line-height:1.6;text-transform:uppercase}.rolework b{color:var(--blue)}.project-copy{font-size:20px;line-height:1.38}.project-copy p:first-child{margin-top:0}

@media(max-width:1200px) and (min-width:761px){.wrap{width:calc(100% - 128px)}.hero h1{font-size:clamp(62px,5.4vw,78px)}.section-title,.project h2,.experience-intro .section-title{font-size:clamp(48px,4vw,58px)}}
@media(max-width:760px){.wrap{width:100%;padding:0 24px}.nav{height:62px}.navlinks{gap:8px;font-size:13px}.navlinks a{height:62px;padding-top:3px}.navlinks a:first-child{width:52px}.navlinks a:last-child{width:84px}.hero{padding:58px 0 64px}.hero h1{font-size:48px}.scribble{width:270px;max-width:72%;margin-top:30px}.section{padding:58px 0}.intro-grid{display:grid;grid-template-columns:1fr;gap:32px}.intro-grid>div:first-child,.intro-grid>div:last-child{grid-column:auto;width:auto;max-width:none}.intro-grid>div:last-child{padding-top:0}.section-title{font-size:40px}.process-grid,.focus-grid{grid-template-columns:1fr;gap:36px}.how-intro{margin-bottom:42px}.footer{min-height:220px}.footer-bottom{margin-top:70px}.experience-intro{padding:55px 0}.experience-intro .section-title{font-size:42px}.projects{padding:55px 0}.project{margin-bottom:68px}.project h2{font-size:42px;margin-bottom:28px}.project-grid{display:grid;grid-template-columns:1fr;gap:24px}.project-grid>div:first-child,.project-grid>div:last-child{grid-column:auto}.project-grid>div:first-child{width:auto;max-width:none}.project-logo{max-width:220px;margin-bottom:14px}.project-copy{font-size:18px}.rolework{font-size:14px}.cta{font-size:19px}}
@media(max-width:430px){.navlinks{gap:14px}.brand{font-size:21px}.hero h1{font-size:42px}.section-title{font-size:36px}.project h2{font-size:36px}.footer-bottom{align-items:center}.footer-mark{width:160px}}