@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink: #111313;--paper: #f1f0eb;--lime: #d9f45b;--coral: #ff7452;--sky: #9de6ff;--muted: #9a9b94;--line: #303330;--display: "Space Grotesk", sans-serif;--mono: "DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{animation:page-in .7s cubic-bezier(.22,.7,.2,1) both;background:var(--ink);color:var(--paper);font-family:var(--display);line-height:1.55;margin:0}body:before{background-image:linear-gradient(rgba(241,240,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(241,240,235,.035) 1px,transparent 1px);background-size:48px 48px;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:-1}body.page-exit{animation:page-out .38s cubic-bezier(.7,0,.84,0) both;pointer-events:none}a{color:inherit;text-decoration:none}.page-width{margin:0 auto;width:min(1180px,calc(100% - 96px))}.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:27px 48px}.brand{align-items:center;display:flex;font-size:15px;font-weight:600;gap:12px}.brand span{align-items:center;background:var(--lime);color:var(--ink);display:inline-flex;font-family:var(--mono);font-size:12px;height:32px;justify-content:center;width:32px}.site-nav{align-items:center;display:flex;gap:32px}.site-nav a{color:var(--muted);font-size:13px;transition:color .2s ease}.site-nav a.active{border-bottom:1px solid var(--lime);padding-bottom:5px}.external,.text-link span,.closing span{color:var(--lime);font-size:18px}.eyebrow,.section-label,.project-meta,.timeline-year{color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.dot{background:var(--lime);border-radius:50%;display:inline-block;height:6px;margin:0 9px 1px;width:6px}h1{font-size:clamp(64px,9vw,126px);font-weight:600;letter-spacing:-.09em;line-height:.91;margin:28px 0 38px}h1 em{color:var(--lime);font-style:normal}.hero{align-items:center;display:grid;gap:9%;grid-template-columns:1.2fr .8fr;min-height:675px;padding:90px 0 110px}.hero-intro{color:#c0c1ba;font-size:18px;max-width:430px}.text-link{border-bottom:1px solid var(--lime);display:inline-flex;font-size:14px;gap:28px;margin-top:24px;padding-bottom:7px}.hero-portrait{height:430px;justify-self:end;position:relative;width:min(100%,350px)}.hero-portrait img{height:100%;object-fit:cover;position:relative;width:86%;z-index:1}.portrait-ring{border:1px solid var(--lime);height:76%;position:absolute;right:0;top:11%;transform:rotate(9deg);width:84%}.portrait-label{background:var(--lime);bottom:18px;color:var(--ink);font-family:var(--mono);font-size:10px;line-height:1.5;padding:10px 14px;position:absolute;right:-10px;text-transform:uppercase;z-index:2}.portrait-label strong{font-weight:500}.signal-panel{animation:panel-float 5s ease-in-out infinite;background:#1b1e1cf0;border:1px solid #59614c;bottom:-26px;box-shadow:14px 14px #d9f45b1f;color:var(--paper);padding:15px;position:absolute;right:-86px;width:218px;z-index:3}.signal-header,.signal-footer{color:var(--muted);display:flex;font-family:var(--mono);font-size:9px;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}.signal-pulse{background:var(--coral);border-radius:50%;box-shadow:0 0 0 4px #ff745226;height:6px;margin:2px 7px 0 1px;width:6px}.signal-header span:last-child{color:var(--lime);margin-left:auto}.signal-wave{align-items:center;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;gap:3px;height:57px;justify-content:center;margin:14px 0}.signal-wave i{animation:signal-wave 1.1s ease-in-out infinite alternate;background:var(--lime);display:block;height:13px;opacity:.8;width:3px}.signal-wave i:nth-child(2n){animation-delay:-.3s;background:var(--sky);height:25px}.signal-wave i:nth-child(3n){animation-delay:-.6s;height:38px}.signal-copy span{color:var(--muted);display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase}.signal-copy strong{display:block;font-size:17px;letter-spacing:-.05em;line-height:1.08;margin-top:6px}.signal-footer{border-top:1px solid var(--line);margin-top:15px;padding-top:11px}.signal-footer span:last-child{color:var(--lime)}.about-grid,.experience{border-top:1px solid var(--line);display:grid;gap:8%;grid-template-columns:1fr 2fr;padding:94px 0 120px}.section-label span{color:var(--lime);margin-right:18px}.about-content{max-width:700px}.about-content p{color:#b2b3ad;font-size:16px;margin:0 0 25px}.about-content .lede{color:var(--paper);font-size:31px;letter-spacing:-.04em;line-height:1.15}.details{border-top:1px solid var(--line);display:grid;gap:18px;margin-top:44px;padding-top:22px}.details div{display:grid;gap:12px;grid-template-columns:130px 1fr}.details span{color:var(--muted);font-family:var(--mono);font-size:11px;text-transform:uppercase}.details strong{font-size:14px;font-weight:500}.experience{padding-bottom:125px}.timeline{border-left:1px solid var(--line)}.timeline-item{display:grid;gap:40px;grid-template-columns:110px 1fr;padding:0 0 50px 25px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{background:var(--lime);border-radius:50%;content:"";height:7px;left:-4px;position:absolute;top:7px;width:7px}.timeline h2{font-size:22px;letter-spacing:-.04em;margin:0 0 5px}.timeline p{color:#b2b3ad;font-size:14px;margin:0 0 8px}.timeline .muted{color:var(--muted);max-width:570px}.timeline .experience-bullets{font-size:14px;margin:0 0 8px;padding-left:18px}.experience-bullets li+li{margin-top:6px}.projects-hero{padding:110px 0 90px}.projects-hero h1{font-size:clamp(64px,10vw,130px);margin-bottom:35px}.projects-hero>p:last-child{color:#b2b3ad;font-size:18px;max-width:530px}.filter-row{align-items:center;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;gap:9px;margin-bottom:54px;overflow-x:auto;padding:13px 0}.filter-button{background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:10px;padding:8px 12px;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.filter-button span{color:var(--coral);font-size:9px;margin-left:8px}.filter-button:hover,.filter-button.active{border-color:var(--lime);color:var(--paper)}.filter-button.active{background:var(--lime);color:var(--ink)}.filter-button.active span{color:var(--ink)}.project-grid{display:grid;gap:78px 28px;grid-template-columns:repeat(2,1fr);padding-bottom:130px}.project-card{min-width:0}.project-image{background:#292c28;height:370px;overflow:hidden;position:relative}.project-feature .project-image{height:540px}.project-image img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1);width:100%}.project-card:hover .project-image img{transform:scale(1.035)}.project-number{background:var(--lime);color:var(--ink);font-family:var(--mono);font-size:11px;left:16px;padding:8px 10px;position:absolute;top:16px}.project-meta{display:flex;justify-content:space-between;margin-top:19px}.project-card h2{font-size:29px;letter-spacing:-.055em;margin:11px 0 8px}.project-card p{color:#aeb0a9;font-size:14px;margin:0;max-width:560px}.project-card{transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.closing{border-top:1px solid var(--line);padding:95px 0 115px}.closing p{color:var(--muted);font-family:var(--mono);font-size:11px;text-transform:uppercase}.closing a{display:inline-block;font-size:clamp(46px,8vw,92px);letter-spacing:-.08em;line-height:1}.footer{border-top:1px solid var(--line);color:var(--muted);display:flex;font-family:var(--mono);font-size:10px;justify-content:space-between;padding:22px 0 30px;text-transform:uppercase}.reveal{opacity:1;transform:translateY(0)}body.js-ready .reveal{opacity:0;transform:translateY(42px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,.7,.2,1)}body.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}body.js-ready .reveal-left{transform:translate(-42px)}body.js-ready .reveal-right{transform:translate(42px)}body.js-ready .reveal-left.is-visible,body.js-ready .reveal-right.is-visible{transform:translate(0)}body.js-ready .project-card:nth-child(2){transition-delay:.08s}body.js-ready .project-card:nth-child(3){transition-delay:.16s}body.js-ready .project-card:nth-child(4){transition-delay:.08s}body.js-ready .project-card:nth-child(5){transition-delay:.16s}body.js-ready .project-card:nth-child(6){transition-delay:.24s}body.js-ready .project-card:nth-child(7){transition-delay:.08s}body.js-ready .project-card:nth-child(8){transition-delay:.16s}@keyframes page-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes page-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-28px)}}@keyframes panel-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes signal-wave{0%{transform:scaleY(.55)}to{transform:scaleY(1.1)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}body,body.page-exit{animation:none}body.js-ready .reveal,body.js-ready .reveal-left,body.js-ready .reveal-right{opacity:1;transform:none;transition:none}.signal-panel,.signal-wave i{animation:none}}@media (max-width: 700px){.page-width{width:min(100% - 40px,1180px)}.site-header{align-items:flex-start;padding:20px}.site-nav{flex-wrap:wrap;gap:14px;justify-content:flex-end;max-width:210px}.site-nav a{font-size:11px}.hero{display:flex;flex-direction:column;gap:55px;min-height:auto;padding:75px 0 95px}.hero-copy{width:100%}h1,.projects-hero h1{font-size:clamp(58px,17vw,90px)}.hero-portrait{align-self:flex-end;height:330px;width:78%}.signal-panel{bottom:-22px;right:-20px;transform:scale(.88);transform-origin:bottom right}.about-grid,.experience{display:block;padding:65px 0 80px}.section-label{margin-bottom:45px}.about-content .lede{font-size:25px}.details div{grid-template-columns:100px 1fr}.timeline-item{gap:15px;grid-template-columns:1fr;padding-left:20px}.projects-hero{padding:75px 0 65px}.filter-row{margin-bottom:42px}.project-grid{display:block;padding-bottom:80px}.project-card,.project-feature{margin-bottom:58px}.project-image,.project-feature .project-image{height:260px}.project-card h2{font-size:25px}.footer{display:block;line-height:2}}body{background:var(--paper)}body:before{background-image:linear-gradient(rgba(23,23,23,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.08) 1px,transparent 1px);background-size:34px 34px;opacity:.25}.site-header{background:var(--ink);border:0;color:var(--paper);margin:20px auto 0;max-width:1320px;padding:16px 20px;width:calc(100% - 40px)}.brand{color:var(--paper)}.site-nav a{color:#aaa9a1}.site-nav a:hover,.site-nav a.active{color:var(--paper)}.site-nav a.active{border-bottom-color:var(--lime)}.hero{background:var(--cobalt);border:2px solid var(--ink);color:#fff;gap:5%;grid-template-columns:.9fr 1.1fr;margin-top:55px;min-height:620px;overflow:hidden;padding:66px;position:relative;width:min(1320px,calc(100% - 40px))}.hero:before{color:var(--lime);content:"FIELD NOTES / 001";font-family:var(--mono);font-size:10px;left:66px;letter-spacing:.08em;position:absolute;top:23px}.hero:after{border:1px solid rgba(255,255,255,.35);content:"";height:140%;position:absolute;right:26%;top:-18%;transform:rotate(19deg);width:1px}.hero-copy{grid-column:2;position:relative;z-index:1}.hero-copy .eyebrow,.hero-intro{color:#fff}.hero-copy .dot{background:var(--lime)}h1{color:#fff;font-size:clamp(64px,8.2vw,118px)}h1 em{color:var(--lime)}.text-link{border-bottom-color:var(--lime)}.hero-portrait{grid-column:1;grid-row:1;height:440px;justify-self:start;width:min(100%,350px);z-index:1}.portrait-ring{border-color:var(--coral)}.portrait-label{background:var(--lime)}.signal-panel{background:var(--ink);border-color:var(--lime);bottom:-22px;box-shadow:8px 8px 0 var(--coral);right:-46px;transform:rotate(-3deg)}.about-grid,.experience{background:#ffffff7a;border:2px solid var(--ink);column-gap:7%;margin-top:80px;padding:70px 58px 85px;position:relative}.about-grid:before,.experience:before{background:var(--coral);color:var(--ink);content:"ABOUT / 01";font-family:var(--mono);font-size:10px;left:0;padding:7px 12px;position:absolute;top:0}.experience:before{content:"EXPERIENCE / 02"}.about-grid .section-label,.experience .section-label{visibility:hidden}.about-content .lede{font-size:38px;max-width:760px}.details{background:var(--paper);border:2px solid var(--ink);padding:21px}.experience{margin-top:24px}.timeline{background:var(--paper);border:2px solid var(--ink);padding:30px 28px}.timeline-item{border-bottom:1px solid var(--line);padding:0 0 32px 20px}.timeline-item:not(:first-child){padding-top:32px}.timeline-item:last-child{border-bottom:0}.projects-hero{background:var(--coral);border:2px solid var(--ink);color:var(--ink);margin-top:55px;padding:72px 66px 82px;position:relative;width:min(1320px,calc(100% - 40px))}.projects-hero:after{bottom:32px;color:var(--ink);content:"ARCHIVE / 08 OBJECTS";font-family:var(--mono);font-size:10px;letter-spacing:.1em;position:absolute;right:66px}.projects-hero .eyebrow,.projects-hero>p:last-child{color:#171717b3}.projects-hero h1{color:var(--ink);font-size:clamp(66px,9vw,130px);max-width:900px}.projects-hero h1 em{color:var(--cobalt)}.project-grid{gap:24px;grid-template-columns:repeat(3,1fr);padding-bottom:100px;padding-top:24px}.project-card.project-feature{grid-column:span 2}.project-card{background:var(--paper);border:2px solid var(--ink);padding:12px 12px 22px}.project-card:nth-child(3n+2){transform:translateY(32px)}.project-card:nth-child(3n+2):hover{transform:translateY(24px) rotate(-1deg)}.project-card:nth-child(3n){background:var(--sky)}.project-card:nth-child(3n+1){background:var(--lime)}.project-card.project-feature{background:var(--cobalt);color:#fff}.project-card.project-feature p,.project-card.project-feature .project-meta{color:#ffffffb3}.project-image,.project-feature .project-image{border:0;box-shadow:none;height:260px;border-radius:0}.project-feature .project-image{height:440px}.project-image img{filter:grayscale(.1) saturate(.85);mix-blend-mode:multiply}.project-number{border:0;left:10px;top:10px}.project-meta{margin:20px 3px 0}.project-card h2,.project-card p{margin-left:3px;margin-right:3px}.project-card h2{font-size:28px}.closing{background:var(--lime);border:2px solid var(--ink);margin-top:40px;padding:70px 58px 82px}.closing a{color:var(--ink)}.footer{border-top:0;margin-top:24px;padding-bottom:30px}@media (max-width: 700px){.site-header{margin-top:12px;width:calc(100% - 24px)}.hero,.projects-hero{margin-top:28px;padding:52px 25px 60px;width:calc(100% - 24px)}.hero{display:flex;flex-direction:column}.hero:before{left:25px}.hero-copy{order:1}.hero-portrait{align-self:flex-start;height:300px;order:2;width:82%}.signal-panel{right:-35px;transform:scale(.78) rotate(-3deg)}.about-grid,.experience{margin-top:38px;padding:60px 22px 65px}.about-grid .section-label,.experience .section-label{display:none}.about-content .lede{font-size:29px}.projects-hero:after{bottom:20px;right:25px}.project-grid{display:block;padding-top:10px}.project-card,.project-card:nth-child(3n+2){margin-bottom:24px;transform:none}.project-card:nth-child(3n+2):hover{transform:rotate(-1deg)}.project-feature .project-image{height:270px}.closing{padding:60px 25px 70px}}@view-transition{navigation: auto;}::view-transition-old(root){animation:route-old .42s cubic-bezier(.7,0,.84,0) both}::view-transition-new(root){animation:route-new .62s cubic-bezier(.22,.7,.2,1) both}body.js-ready .hero-copy.reveal.is-visible{transition-delay:.08s}body.js-ready .hero-portrait.reveal.is-visible{transition-delay:.18s}body.js-ready .about-grid.reveal.is-visible{transition-delay:.06s}body.js-ready .experience.reveal.is-visible{transition-delay:.12s}@media (prefers-reduced-motion: no-preference){body.js-ready .about-grid.reveal{animation:home-box-in .8s cubic-bezier(.22,.7,.2,1) .15s both}body.js-ready .experience.reveal{animation:home-box-in .8s cubic-bezier(.22,.7,.2,1) .3s both}}body.js-ready .project-card .project-image{clip-path:inset(0 0 0 0);transition:clip-path .8s cubic-bezier(.22,.7,.2,1),box-shadow .3s ease}body.js-ready .project-card:not(.is-visible) .project-image{clip-path:inset(0 0 100% 0)}body.js-ready .project-card.is-visible .project-image{clip-path:inset(0 0 0 0)}.site-nav a,.text-link,.closing a,.brand{transition:color .25s ease,transform .25s cubic-bezier(.22,.7,.2,1)}.site-nav a:hover{transform:translateY(-2px)}.brand:hover{transform:translate(3px)}.text-link:hover,.closing a:hover{transform:translate(8px)}.project-image:after{background:var(--lime);content:"";top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transform:translate(-101%);transition:opacity .2s ease,transform .55s cubic-bezier(.22,.7,.2,1)}.project-card:hover .project-image:after{opacity:.16;transform:translate(101%)}.portrait-label,.signal-panel{transition:transform .35s cubic-bezier(.22,.7,.2,1)}.hero-portrait:hover .portrait-label{transform:rotate(-4deg) translateY(-5px)}.hero-portrait:hover .signal-panel{transform:rotate(-1deg) translateY(-6px)}@keyframes home-box-in{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes route-old{to{opacity:0;transform:translate(-4%) scale(.97)}}@keyframes route-new{0%{opacity:0;transform:translate(4%) scale(1.03)}to{opacity:1;transform:translate(0) scale(1)}}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}body.js-ready .project-card .project-image,body.js-ready .project-card:not(.is-visible) .project-image{clip-path:none;transition:none}.site-nav a,.text-link,.closing a,.brand,.portrait-label,.signal-panel{transition:none}}:root{--ink: #171717;--paper: #f6f0e5;--lime: #d8fa55;--coral: #ff6548;--sky: #8ddcff;--cobalt: #3446dc;--header: #146356;--muted: #686861;--line: #c9c2b4}body{background:var(--paper);color:var(--ink)}body:before{background-image:radial-gradient(rgba(23,23,23,.12) .7px,transparent .7px);background-size:10px 10px;opacity:.25}.site-header{background:var(--header);border:2px solid var(--ink);color:#fff;padding:22px 48px}.brand{letter-spacing:-.04em}.brand span{background:var(--coral);color:var(--ink)}.site-nav{gap:22px}.site-nav a{color:#ffffffb8}.site-nav .external{color:var(--coral);font-size:13px}.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a.active{border-bottom-color:var(--coral)}.external,.text-link span,.closing span{color:var(--cobalt)}.eyebrow,.section-label,.project-meta,.timeline-year{color:#77756d}.dot{background:var(--coral)}h1{font-size:clamp(70px,10.5vw,148px);letter-spacing:-.105em;line-height:.83}h1 em{color:var(--cobalt)}.hero{min-height:720px;padding-top:75px}.hero-intro{color:#55544d;font-size:19px;line-height:1.45}.text-link{border-bottom-color:var(--cobalt);font-weight:600}.hero-portrait{height:475px;width:min(100%,380px)}.hero-portrait img{width:82%}.portrait-ring{border:2px solid var(--coral);height:79%;right:1%;top:8%;transform:rotate(-7deg);width:82%}.portrait-label{background:var(--coral);bottom:15px;font-size:9px;right:1px;transform:rotate(-4deg)}.signal-panel{animation:panel-float 5s ease-in-out infinite;background:var(--cobalt);border:2px solid var(--ink);bottom:-37px;box-shadow:8px 8px 0 var(--ink);color:#fff;right:-55px;transform:rotate(4deg)}.signal-pulse{background:var(--lime)}.signal-wave{border-color:#ffffff59}.signal-wave i{background:var(--lime)}.signal-wave i:nth-child(2n){background:var(--sky)}.signal-copy span,.signal-header,.signal-footer{color:#ffffffa6}.signal-footer{border-top-color:#ffffff59}.signal-footer span:last-child,.signal-header span:last-child{color:var(--lime)}.about-grid,.experience{border-top:2px solid var(--ink);padding:110px 0 135px}.section-label span{color:var(--coral)}.about-content p{color:#55544d}.about-content .lede{color:var(--ink);font-size:35px}.details{border-top-color:var(--ink)}.details span{color:#77756d}.timeline{border-left-color:var(--ink)}.timeline-item:before{background:var(--coral)}.timeline p{color:#55544d}.timeline .muted{color:#77756d}.projects-hero{padding:120px 0 95px}.projects-hero h1{font-size:clamp(70px,11vw,155px)}.projects-hero>p:last-child{color:#55544d}.project-grid{gap:84px 28px}.project-card{background:transparent}.project-card:nth-child(3n+2) .project-image{border-radius:0 70px 0 0}.project-card:nth-child(3n) .project-image{border-radius:70px 0 0}.project-card:nth-child(3n+1) .project-image{border-radius:0}.project-image{background:var(--cobalt);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.project-card:hover .project-image img{mix-blend-mode:normal}.project-feature .project-image{height:510px;border-radius:0 100px 0 0}.project-image img{filter:saturate(.8) contrast(1.05);mix-blend-mode:multiply}.project-number{background:var(--lime);border:2px solid var(--ink);font-size:10px;left:12px;padding:7px 9px;top:12px}.project-meta{color:#77756d;margin-top:24px}.project-card h2{color:var(--ink);font-size:32px}.project-card p{color:#55544d}.project-card:hover{transform:translateY(-8px) rotate(-.5deg)}.closing{border-top:2px solid var(--ink);padding:110px 0 130px}.closing p{color:#77756d}.closing a{color:var(--cobalt);font-weight:600}.footer{border-top:2px solid var(--ink);color:#77756d}@media (max-width: 700px){.site-header{border-bottom-width:2px;padding:18px 20px}h1,.projects-hero h1{font-size:clamp(62px,18vw,98px)}.hero{padding-top:65px}.hero-portrait{height:340px}.signal-panel{bottom:-30px;right:-10px;transform:scale(.84) rotate(4deg)}.about-grid,.experience{padding:75px 0 90px}.about-content .lede{font-size:27px}.project-feature .project-image{height:280px}.project-image{box-shadow:5px 5px 0 var(--ink)}}