:root{--ink:#11110f;--paper:#f1f0ea;--line:#b9b8b0;--lime:#f1f1f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{z-index:5;color:#fff;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:24px 30px;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{letter-spacing:-.5px;font-size:15px;font-weight:700}.wordmark span{vertical-align:top;margin-left:2px;font-size:8px}.menu-toggle{appearance:none;cursor:pointer;background:0 0;border:0;gap:5px;padding:8px 0 8px 8px;display:grid}.menu-toggle i{background:currentColor;width:28px;height:1px;display:block}.fullscreen-menu{z-index:4;background:var(--lime);flex-direction:column;padding:24px 30px;transition:transform .55s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0;transform:translateY(-100%)}.fullscreen-menu.is-open{transform:translateY(0)}.menu-meta,.section-label{letter-spacing:.05em;font:11px DM Mono,monospace}.menu-links{margin:auto 0}.menu-links a{letter-spacing:-.075em;border-bottom:1px solid #0000002e;align-items:center;gap:18px;padding:9px 0;font-size:clamp(38px,7vw,102px);line-height:1.05;display:flex}.menu-links a span{letter-spacing:0;align-self:flex-start;margin-top:12px;font:11px DM Mono,monospace}.menu-links .arrow{margin-left:auto;font-size:.55em}.fullscreen-menu p{margin:0;font-size:12px;line-height:1.5}.hero{color:#fff;min-height:100svh;position:relative;overflow:hidden}.hero-image{filter:grayscale();background:linear-gradient(90deg,#00000040,#00000005),url(https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=2200&q=90) 50%/cover;position:absolute;inset:0;transform:scale(1.01)}.hero-copy{z-index:1;flex-direction:column;align-items:flex-start;min-height:100svh;padding:110px 7vw 50px;display:flex;position:relative}.eyebrow{max-width:245px;font:11px/1.5 DM Mono,monospace}h1{letter-spacing:-.09em;margin:auto 0;font-size:clamp(60px,10.5vw,155px);font-weight:500;line-height:.86}h1 em{font-family:Playfair Display,serif;font-weight:500}.round-link{border:1px solid #ffffffbf;border-radius:99px;padding:16px 18px;font-size:12px}.arrow{margin-left:14px;font-size:18px}.scroll-note{z-index:1;writing-mode:vertical-rl;font:10px DM Mono,monospace;position:absolute;bottom:28px;right:30px}section{padding:130px 5.5vw}.intro{background:#d8d8d2}.intro-grid{grid-template-columns:.92fr 1.08fr;gap:9vw;max-width:1300px;margin:60px auto 0;display:grid}.portrait{filter:grayscale();background:linear-gradient(145deg,#cfcfc8,#888) 50%/cover,url(https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=1100&q=85) 50%/cover;min-height:570px}.intro-copy{padding-top:32px}h2{letter-spacing:-.06em;margin:0 0 36px;font-size:clamp(38px,5vw,73px);font-weight:500;line-height:.98}.intro-copy p,.contact p{max-width:430px;font-size:16px;line-height:1.55}.text-link{border-bottom:1px solid var(--ink);margin-top:28px;padding-bottom:7px;font-size:12px;display:inline-block}.skills{background:var(--ink);color:var(--paper)}.skills-head,.work-head{justify-content:space-between;gap:40px;margin-bottom:70px;display:flex}.skills-head>p:last-child,.work-head>p:last-child{max-width:270px;margin:0;font-size:13px;line-height:1.5}.skills-list{border-top:1px solid #55554f}.skill{border-bottom:1px solid #55554f;grid-template-columns:70px 1fr auto;align-items:center;min-height:104px;display:grid}.skill span{font:11px DM Mono,monospace}.skill h3{letter-spacing:-.05em;margin:0;font-size:clamp(25px,3.8vw,52px);font-weight:500}.work{background:#f8f7f3}.project-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-image{aspect-ratio:.81;filter:grayscale();background-position:50%;background-size:cover;transition:filter .3s,transform .5s}.project:hover .project-image{filter:grayscale(0%);transform:scale(.98)}.project h3{letter-spacing:-.04em;margin:14px 0 5px;font-size:17px;font-weight:600}.project p{margin:0;font:10px DM Mono,monospace}.project p span{float:right}.all-projects{margin-top:60px}.contact{background:var(--lime)}.contact-grid{grid-template-columns:1fr 1fr;gap:9vw;margin-top:60px;display:grid}form{gap:24px;display:grid}label{gap:9px;font:11px DM Mono,monospace;display:grid}input,textarea{background:0 0;border:0;border-bottom:1px solid #53583b;border-radius:0;outline:0;padding:8px 0;font:16px Manrope,sans-serif}textarea{resize:vertical}.submit{border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:100px;justify-self:start;margin-top:8px;padding:15px 18px;font:12px Manrope,sans-serif}.sent{margin:0;font-size:12px!important}footer{background:var(--ink);color:var(--paper);grid-template-columns:1fr 1fr 1fr;padding:30px;font:10px DM Mono,monospace;display:grid}footer p{text-align:center;margin:0}.socials{justify-content:flex-end;gap:16px;display:flex}@media (max-width:720px){.topbar,.fullscreen-menu{padding:20px}section{padding:88px 20px}.hero-copy{padding:100px 20px 30px}.scroll-note{bottom:20px;right:18px}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:32px;margin-top:38px}.portrait{min-height:430px}.intro-copy{padding-top:0}.skills-head,.work-head{margin-bottom:45px;display:block}.skills-head>p:last-child,.work-head>p:last-child{margin-top:25px}.skill{grid-template-columns:40px 1fr auto;min-height:86px}.project-grid{grid-template-columns:1fr;gap:36px}.project-image{aspect-ratio:1.2}footer{grid-template-columns:1fr 1fr;row-gap:25px;padding:22px 20px}footer p{text-align:right}.socials{grid-column:1/-1;justify-content:flex-start}}.menu-toggle{width:44px;height:44px;color:inherit;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;display:flex}.menu-toggle i{transition:transform .3s,opacity .2s}.menu-toggle.is-open i:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.is-open i:nth-child(2){opacity:0;transform:scaleX(.4)}.menu-toggle.is-open i:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.portrait{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.portrait img{object-fit:cover}.loader-container{z-index:99999;background-color:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;inset:0}.loader{background:linear-gradient(90deg,#000 50%,#0000 0) 100%/200% 100%;width:fit-content;font-family:monospace;font-size:18px;font-weight:700;animation:2s linear infinite l21}.loader:before{content:"Loading...";color:#0000;background:inherit;background-image:linear-gradient(90deg,#fff 50%,#000 0);-webkit-background-clip:text;background-clip:text;padding:0 5px}@keyframes l21{to{background-position:0}}