:root{--ink:#11110f;--paper:#e9e5dc;--lime:#c5ed4f;--line:rgba(17,17,15,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}.grain{position:fixed;inset:0;opacity:.17;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;position:absolute;z-index:2;width:100%;color:var(--paper);font:11px "DM Mono",monospace;letter-spacing:.08em}.wordmark{font:500 28px "DM Sans",sans-serif;letter-spacing:-.1em;color:inherit;text-decoration:none}.wordmark span{color:var(--lime)}.topbar p{margin-left:80px}.menu-link{color:inherit;text-decoration:none}.menu-link span{color:var(--lime);font-size:17px}.section{min-height:100vh;padding:40px 3vw;position:relative}.section-label,.eyebrow{font:11px "DM Mono",monospace;letter-spacing:.08em;margin:0}.cover{color:var(--paper);background:#171717;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.cover:after{content:"";position:absolute;width:60vw;height:60vw;border-radius:50%;right:-14vw;top:4vh;background:radial-gradient(circle at 38% 38%,#daff6e 0 2%,#98b544 3%,#465216 20%,transparent 66%);opacity:.85;filter:blur(1px)}.cover-title{position:relative;z-index:1;margin:7vh 0 auto}.cover h1{font:700 clamp(64px,13.5vw,210px)/.77 "DM Sans",sans-serif;letter-spacing:-.09em;margin:0}.cover h1 em{font-family:"Playfair Display",serif;font-weight:600;letter-spacing:-.08em}.cover-note{position:absolute;left:50%;top:76%;font-size:clamp(13px,1.3vw,18px);line-height:1.25}.cover-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.35);padding-top:14px;display:flex;justify-content:space-between;font:11px "DM Mono",monospace}.cover-bottom a{color:inherit;text-decoration:none}.cover-bottom b{color:var(--lime);font-size:18px}.intro{display:grid;grid-template-columns:12% 35% 1fr;gap:3vw;align-items:center}.profile-photo-wrap{height:78vh;overflow:hidden;background:#c9c3b8}.profile-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:48% center;filter:grayscale(1) contrast(1.1)}.intro-copy{max-width:570px}.kicker{font:11px "DM Mono",monospace;letter-spacing:.08em}.intro h2,.services h2{font:600 clamp(43px,5.3vw,83px)/.92 "DM Sans",sans-serif;letter-spacing:-.075em;margin:25px 0}.intro h2 em,.services h2 em,.manifesto em,.contact-lead em{font-family:"Playfair Display",serif;font-weight:600}.body-copy{line-height:1.5;max-width:420px;font-size:16px}.text-link{display:inline-block;color:var(--ink);font:11px "DM Mono",monospace;border-bottom:1px solid var(--ink);padding:24px 0 7px;text-decoration:none}.text-link span{color:#759714;font-size:16px}.manifesto{background:var(--lime);display:grid;grid-template-columns:18% 1fr;align-content:center}.manifesto>p{font:600 clamp(47px,8.5vw,135px)/.82 "DM Sans",sans-serif;letter-spacing:-.09em;margin:0}.manifesto-meta{grid-column:2;display:flex;gap:8vw;margin-top:8vh;font:11px/1.45 "DM Mono",monospace}.work{padding-top:72px}.work-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}.work-header p{width:310px;margin:0;line-height:1.4}.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.project{grid-column:span 4;position:relative;min-height:440px;overflow:hidden;background:#242422}.project-wide{grid-column:span 8}.project-tall{grid-column:span 4;min-height:640px}.project video{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project:hover video{transform:scale(1.04)}.project-info{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));padding:54px 17px 15px;color:#fff;display:grid;grid-template-columns:30px 1fr auto;align-items:end;font:10px "DM Mono",monospace;letter-spacing:.05em}.project-info h3{font:500 19px "DM Sans",sans-serif;letter-spacing:-.04em;margin:0}.project-info p{margin:0;font-size:9px}.services{background:#181816;color:var(--paper);display:grid;grid-template-columns:18% 1fr;padding-top:14vh}.services-main{max-width:760px}.services-main p{max-width:330px;font-size:16px;line-height:1.45;margin-left:44%;margin-top:7vh}.service-list{grid-column:2;margin-top:12vh;border-top:1px solid #777}.service-list p{font:500 clamp(18px,2vw,29px) "DM Sans",sans-serif;margin:0;padding:18px 0;border-bottom:1px solid #777}.service-list span{font:10px "DM Mono",monospace;color:var(--lime);padding-right:25px}.contact{background:#181816;color:var(--paper);min-height:88vh;display:flex;flex-direction:column;justify-content:center}.contact .section-label{position:absolute;top:40px}.contact-lead{font:600 clamp(54px,9.5vw,150px)/.82 "DM Sans",sans-serif;letter-spacing:-.09em;margin:0 0 32px}.email{font:500 clamp(18px,3.2vw,46px) "DM Sans",sans-serif;letter-spacing:-.04em;color:var(--lime);text-decoration:none;border-bottom:1px solid var(--lime);padding-bottom:10px;width:max-content}.email span{font-size:.65em}.contact-footer{position:absolute;bottom:40px;width:94%;font:10px "DM Mono",monospace;display:flex;justify-content:space-between}.contact-footer a{color:var(--paper);text-decoration:none}@media (max-width:700px){.topbar p{display:none}.section{min-height:auto;padding:28px 5vw}.cover{min-height:100svh}.cover:after{width:110vw;height:110vw;right:-42vw;top:18vh}.cover h1{font-size:19vw}.cover-note{position:static;margin:32px 0 0 3px}.cover-bottom{font-size:9px}.cover-bottom span:nth-child(2){display:none}.intro{display:block;padding-top:65px}.section-label{margin-bottom:28px}.profile-photo-wrap{height:56vh}.intro-copy{margin-top:30px}.manifesto{display:block;padding-top:90px;min-height:75vh}.manifesto>p{font-size:13vw;margin-top:14vh}.manifesto-meta{display:block;margin-top:11vh}.manifesto-meta span{display:block;margin:0 0 20px}.work{padding-top:60px}.work-header{display:block}.work-header p{width:auto;margin-top:18px}.projects{display:block}.project,.project-wide,.project-tall{min-height:58vh;margin-bottom:14px}.project-info{grid-template-columns:25px 1fr}.project-info p{display:none}.services{display:block;padding-top:80px}.services-main p{margin:40px 0}.service-list{margin-top:75px}.contact{min-height:80svh}.contact-footer{width:90%;display:block;line-height:1.8}.contact-footer span{display:block;margin-top:12px}}
