@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{color:#f1eee6;font-synthesis:none;background:#111412;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#111412 radial-gradient(#f1eee60f .7px,#0000 .7px) 0 0/7px 7px;margin:0}a{color:inherit}h1,h2{letter-spacing:-.045em;margin:0;font-family:Playfair Display,Georgia,serif;font-weight:500}h1{max-width:1050px;font-size:clamp(60px,9.8vw,142px);line-height:.91}h1 em,h2 span{color:#ee5a3c;font-style:italic}.site-header,main,.site-footer{max-width:1320px;margin:0 auto;padding-left:clamp(24px,6vw,88px);padding-right:clamp(24px,6vw,88px)}.site-header{letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:28px;padding-bottom:28px;font-size:12px;display:grid}.wordmark{letter-spacing:-.08em;font-size:20px;font-weight:700;text-decoration:none}.wordmark span,.header-link span{color:#ee5a3c}nav{gap:28px;display:flex}nav a,.header-link{text-decoration:none;transition:color .18s}nav a:hover,.header-link:hover,.text-link:hover{color:#ee5a3c}.header-links{justify-self:end;gap:22px;display:flex}.hero{min-height:min(760px,100vh - 80px);padding-top:clamp(90px,15vh,180px);position:relative}.hero-home,.about-page{min-height:calc(100vh - 80px)}.about-page{padding-top:clamp(90px,15vh,180px)}.contact-page{min-height:calc(100vh - 80px);padding-top:clamp(90px,15vh,180px);padding-bottom:120px}.section-rule{border-top:1px solid #39403a;grid-template-columns:25% 1fr;padding-top:26px;padding-bottom:clamp(100px,14vw,190px);display:grid}.site-footer{color:#f1eee6;background:#080a09;grid-template-columns:1fr auto;align-items:end;padding-top:70px;padding-bottom:34px;display:grid}.eyebrow,.section-label,.project-type,.hero-index{letter-spacing:.06em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.eyebrow{color:#ee5a3c;margin:0 0 32px}.section-label{color:#9b9f96}.text-link{text-transform:uppercase;letter-spacing:.04em;font-family:DM Mono,monospace;font-size:12px;text-decoration:none}.text-link span{color:#ee5a3c;padding-left:8px;font-size:18px}.hero-index{color:#9b9f96;position:absolute;bottom:48px;right:0}.hero-index span{color:#ee5a3c;padding:0 6px}.hero-summary{max-width:490px;margin:52px 0 35px 25%;font-size:clamp(18px,2vw,25px);line-height:1.35}.about-copy{max-width:730px}.about-copy h2,.work-content>h2,.closing h2{margin-bottom:56px}.about-copy p,.closing p{max-width:570px;font-size:17px;line-height:1.6}.about-copy a,.current-role a{text-underline-offset:4px;text-decoration-color:#ee5a3c;text-decoration-thickness:2px}.work-content{min-width:0}.current-role{border-top:1px solid #39403a;max-width:720px;padding-top:25px}.role-heading{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.current-role h3{margin:0;font-size:24px;font-weight:500}.current-role p,.other-projects-copy>p,.projects-intro{color:#9b9f96;max-width:650px;font-size:17px;line-height:1.6}.other-projects-copy>p{margin:0 0 36px}.profile-details{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.project-list{border-top:1px solid #39403a}.project{border-bottom:1px solid #39403a;grid-template-columns:12% 1fr 150px;align-items:start;gap:24px;padding:25px 0;display:grid}.project-number{color:#ee5a3c;font-family:DM Mono,monospace;font-size:12px}.project h3,.profile-details h3{margin:0 0 10px;font-size:21px;font-weight:500}.project p,.profile-details p{color:#9b9f96;max-width:480px;margin:0;line-height:1.5}.project-type{color:#9b9f96;text-align:right;line-height:1.4}.project h3 a{text-underline-offset:4px;text-decoration-color:#ee5a3c;text-decoration-thickness:2px}h2{font-size:clamp(48px,6.2vw,92px);line-height:.98}.project-page{max-width:900px;margin:0 auto;padding:clamp(90px,13vh,160px) clamp(24px,6vw,88px) 120px}.project-page-header{border-bottom:1px solid #39403a;padding-bottom:70px}.project-page-header h1{margin:28px 0 35px}.project-page-links{flex-wrap:wrap;gap:28px;display:flex}.project-prose{max-width:700px;padding-top:70px}.project-prose h2{margin:64px 0 22px;font-size:clamp(32px,4vw,54px)}.project-prose p{color:#9b9f96;font-size:17px;line-height:1.7}.project-prose p:first-child{color:#f1eee6;font-size:21px;line-height:1.5}.projects-page{padding-top:clamp(90px,13vh,160px);padding-bottom:120px}.projects-page h1{margin-bottom:42px}.projects-intro{margin-bottom:90px}.project-list-page{max-width:900px}.projects-page .project h2{letter-spacing:0;margin:0 0 10px;font-family:DM Sans,sans-serif;font-size:21px;font-weight:500;line-height:1.2}.contact-page h1{margin-bottom:48px}.contact-intro{color:#9b9f96;max-width:620px;margin:0 0 90px 25%;font-size:clamp(19px,2.2vw,27px);line-height:1.45}.contact-details{border-top:1px solid #39403a;grid-template-columns:repeat(3,1fr);gap:32px;padding-top:24px;display:grid}.contact-detail{flex-direction:column;gap:22px;display:flex}.contact-detail p{color:#9b9f96;margin:0}.contact-link{font-family:Playfair Display,Georgia,serif;font-size:clamp(22px,2.6vw,36px);text-decoration:none}.contact-link span{color:#ee5a3c;font-family:DM Sans,sans-serif;font-size:18px}.contact-link:hover{color:#ee5a3c}.contact-links{flex-direction:column;gap:14px;display:flex}.profile-grid{padding-bottom:clamp(90px,12vw,160px)}.closing{padding-bottom:120px}.closing p{margin-top:36px}.site-footer p{color:#a9ada4;text-transform:uppercase;grid-column:1/-1;font-family:DM Mono,monospace;font-size:11px}.site-footer>a{font-family:Playfair Display,Georgia,serif;font-size:clamp(24px,3.2vw,45px);text-decoration:none}.site-footer>a span{color:#ee5a3c}.site-footer small{color:#a9ada4;text-align:right;font-family:DM Mono,monospace;font-size:10px}@media (width<=700px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero{min-height:700px;padding-top:100px}.about-page,.contact-page{min-height:600px;padding-top:100px}.hero-summary{margin-top:42px;margin-left:0}.contact-intro{margin-bottom:64px;margin-left:0}.hero-index{bottom:30px;right:24px}.section-rule{grid-template-columns:1fr;gap:45px;padding-bottom:100px}.project{grid-template-columns:40px 1fr;gap:12px}.project-type{text-align:left;grid-column:2}.role-heading{display:block}.role-heading .project-type{margin-top:10px;display:block}.profile-details{grid-template-columns:1fr;gap:32px}.contact-details{grid-template-columns:1fr;gap:38px}.site-footer{grid-template-columns:1fr;gap:28px}.site-footer small{text-align:left}.project-page{padding-top:100px}.project-page-header{padding-bottom:48px}.project-prose{padding-top:45px}}
