@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";
:root{--page:#fdfcfa;--ink:#20201e;--muted:#74736d;--line:#d9d7d0;--card:#ecebe6;--accent:#d9ef62;--accent-ink:#253106;--selection:#d9ef62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--ink);margin:0;font-family:Manrope,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:var(--selection);color:var(--accent-ink)}.grain{z-index:2;pointer-events:none;opacity:.055;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='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.wrap{width:min(1280px,100% - 64px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:84px;display:flex}.wordmark{letter-spacing:-.75px;font-size:16px;font-weight:700}.site-nav{align-items:center;gap:26px;font-size:12px;font-weight:500;display:flex}.site-nav a:hover{color:var(--muted)}.section-label,.project-index,.clock,.copyright{letter-spacing:-.2px;font-family:Manrope,sans-serif;font-size:10px}.hero{width:min(660px,100% - 40px);padding:clamp(108px,12vw,170px) 0 78px}.hero-intro{border-bottom:1px solid var(--line);padding-bottom:52px}.hero-name{letter-spacing:-.55px;margin:0 0 38px;font-size:17px;font-weight:600}h1{letter-spacing:-.64px;max-width:640px;margin:0;font-size:clamp(18px,1.45vw,22px);font-weight:400;line-height:1.55}.hero-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:40px;padding-top:14px;font-size:11px;display:flex}.hero-foot p{margin:0}.hero-foot strong{color:var(--ink);font-weight:600}.clock span{color:var(--ink);margin-left:10px}.work{padding:98px 0 clamp(112px,15vw,200px)}.project-list{gap:clamp(84px,14vw,175px);display:grid}.project-link{grid-template-columns:minmax(0,1.6fr) minmax(270px,.63fr);align-items:start;gap:clamp(30px,8vw,120px);display:grid}.project:nth-child(2n) .project-link{grid-template-columns:minmax(270px,.63fr) minmax(0,1.6fr)}.project:nth-child(2n) .project-media{order:2}.project-media{background:var(--card);height:clamp(270px,42vw,548px);position:relative;overflow:hidden}.project-blue .project-media{background:#dce5ee}.project-sand .project-media{background:#eee8dd}.project-media:after{content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff38,#0000 45%);position:absolute;inset:0}.project-media img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s;display:block;transform:scale(1.01)}.project-view{z-index:1;background:var(--accent);color:var(--accent-ink);opacity:0;border-radius:30px;align-items:center;gap:5px;padding:10px 12px;font-family:Manrope,sans-serif;font-size:10px;transition:transform .25s,opacity .25s;display:inline-flex;position:absolute;bottom:14px;right:14px;transform:translateY(12px)}.project-link:hover .project-media img{transform:scale(1.055)}.project-link:hover .project-view{opacity:1;transform:translateY(0)}.project-info{padding-top:2px}.project-index{color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;justify-content:space-between;padding-bottom:11px;display:flex}h2{letter-spacing:-1.65px;margin:25px 0 18px;font-size:clamp(24px,2.55vw,39px);font-weight:500;line-height:1.07}.project-info>p{color:var(--muted);margin:0 0 26px;font-size:13px;line-height:1.6}ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}li{border:1px solid var(--line);color:var(--muted);border-radius:50px;padding:6px 8px;font:10px Manrope,sans-serif}.notes{border-top:1px solid var(--line);padding:18px 0 clamp(100px,13vw,174px)}.notes-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:12%;display:grid}.note-links{grid-column:2;align-content:end;display:grid}.note-links a{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;font-size:13px;transition:padding .25s;display:flex}.note-links a:hover{padding-left:7px}.note-links span{font-size:17px}.footer{border-top:1px solid var(--line);padding:17px 0 30px}.contact-row{justify-content:space-between;align-items:flex-end;display:flex}.email{letter-spacing:-2.8px;text-align:left;align-items:flex-start;gap:9px;padding:0;font-family:Manrope,sans-serif;font-size:clamp(30px,4.5vw,64px);font-weight:500;line-height:.94;display:inline-flex}.email:hover{color:var(--muted)}.socials{gap:20px;font:10px Manrope,sans-serif;display:flex}.socials a{border-bottom:1px solid var(--ink);padding-bottom:4px}.copyright{color:var(--muted);margin:72px 0 0}.not-found{flex-direction:column;width:min(1280px,100% - 64px);min-height:100svh;margin:0 auto;padding:31px 0 40px;display:flex}.not-found-message{max-width:560px;margin:auto 0}.not-found-label{color:var(--muted);margin:0 0 20px;font-size:12px}.not-found h1{letter-spacing:-3px;font-size:clamp(38px,5vw,70px);font-weight:500;line-height:.98}.not-found-message>p:not(.not-found-label){color:var(--muted);margin:25px 0 0;font-size:17px}.home-link{border-bottom:1px solid var(--ink);align-items:center;gap:9px;margin-top:40px;padding-bottom:4px;font-size:13px;font-weight:600;display:inline-flex}.home-link:hover{color:var(--muted);border-color:var(--muted)}@media (max-width:720px){.wrap{width:min(100% - 36px,650px)}.site-header{min-height:68px}.site-nav{gap:16px;font-size:11px}.hero{width:min(100% - 36px,650px);padding-top:90px}.project-link,.project:nth-child(2n) .project-link,.notes-grid,.hero-foot{display:block}.clock{margin-top:13px!important}.project-list{gap:82px}.project:nth-child(2n) .project-media{order:initial}.project-media{height:68vw;min-height:260px}.project-info{padding-top:22px}.project-index{font-size:9px}.note-links{margin-top:0}.contact-row{display:block}.socials{margin-top:36px}.copyright{margin-top:58px}.not-found{width:min(100% - 36px,650px);padding-top:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
