img,svg{vertical-align:middle}img{max-width:100%;display:block}button{background:0 0}h1,h2,h3,p{padding:0}:root{--background:#101110;--foreground:#f5f4ee;--card:#191b19;--card-foreground:#f5f4ee;--popover:#191b19;--popover-foreground:#f5f4ee;--primary:#faa22e;--primary-foreground:#101110;--secondary:#222522;--secondary-foreground:#f5f4ee;--muted:#222522;--muted-foreground:#adafa7;--accent:#96d5ce;--accent-foreground:#101110;--destructive:#ed6853;--border:#343631;--input:#343631;--ring:#faa22e;--radius:.25rem;--orange:#faa22e;--gray:#adafa7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:#101110}.site{overflow:hidden}.skip{background:var(--orange);z-index:20;color:#101110;padding:15px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;max-width:1600px;height:105px;margin:auto;padding:0 5%;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand span{letter-spacing:-.7px;font-size:22px;font-weight:900;line-height:1}.brand small{letter-spacing:3px;margin-top:6px;font-size:10px;font-weight:400;display:block}.nav{gap:33px;font-size:14px;display:flex}.nav a:hover,.github:hover{color:var(--orange)}.github{align-items:center;gap:10px;font-size:14px;display:flex}.menu-button{display:none}.hero{--travel:0;grid-template-columns:1fr 1fr;gap:5%;max-width:1600px;margin:auto;padding:63px 5% 0;display:grid;position:relative}.eyebrow{letter-spacing:1.2px;margin:0;font-family:monospace;font-size:12px;line-height:1.7}.hero-copy .eyebrow{white-space:nowrap;align-items:center;gap:12px;display:flex}.tiny-cross{color:var(--orange);font-size:23px}.hero h1{letter-spacing:-.075em;margin:29px 0 28px;font-size:clamp(76px,9.6vw,154px);font-weight:950;line-height:.84}.hero h1 span{color:var(--orange)}.intro{color:#b9bcb4;margin:0 0 26px;font-size:17px;line-height:1.7}.button{justify-content:space-between;align-items:center;gap:30px;padding:18px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.orange{background:var(--orange);color:#111}.orange:hover{background:#ffb851;transform:translateY(-3px)}.hero-art{transform:translateY(calc(var(--travel) * -35px)) rotate(calc(var(--travel) * 3deg));transform-origin:50%;margin-top:13px}.image-meta,.art-foot{letter-spacing:1px;justify-content:space-between;align-items:center;font:11px monospace;display:flex}.image-meta{color:var(--gray);margin-bottom:13px}.photo-frame{aspect-ratio:1.03;background:#222;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:50% 58%;width:100%;height:100%;transform:scale(calc(1.02 + var(--travel) * .07));filter:saturate(.8)}.photo-caption{letter-spacing:1px;background:linear-gradient(#0000,#0009);justify-content:space-between;padding:30px 19px 19px;font:11px monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.art-foot{padding-top:17px}.open-stamp{border:1px solid var(--orange);width:78px;height:78px;color:var(--orange);border-radius:50%;place-content:center;font-size:12px;line-height:1.3;display:grid;transform:rotate(-15deg)}.hero-bottom{letter-spacing:1px;color:var(--gray);grid-column:1/-1;justify-content:space-between;padding:39px 0 23px;font:11px monospace;display:flex}.hero-bottom a{align-items:center;gap:15px;display:flex}.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#c7c9bf;letter-spacing:-1px;margin-top:5px;padding:19px 0;font-size:26px;font-weight:800;overflow:hidden}.ticker div{white-space:nowrap;width:max-content;animation:45s linear infinite marquee}@keyframes marquee{to{transform:translate(-50%)}}.section{max-width:1600px;margin:auto;padding:110px 5%}.section-heading{grid-template-columns:1fr 2fr;align-items:start;margin-bottom:58px;display:grid}.section-heading .eyebrow{color:var(--gray);padding-top:7px}h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,4.2vw,65px);font-weight:750;line-height:1.04}.section-heading h2 span{color:var(--gray)}.project{grid-template-columns:1.1fr 1fr;gap:6%;padding:0 0 60px;display:grid}.project+.project{border-top:1px solid var(--border);padding-top:60px;padding-bottom:0}.project-image{background:#222;min-height:380px;position:relative;overflow:hidden}.project-image img{object-fit:cover;filter:saturate(.78);width:100%;height:100%;transition:transform .8s}.project-image:hover img{transform:scale(1.035)}.image-tag{letter-spacing:.8px;color:#e3e7dc;background:#101110d9;padding:9px 11px;font:11px monospace;position:absolute;top:19px;left:19px}.project-copy{padding:13px 0}.project-top{color:var(--gray);justify-content:space-between;align-items:center;gap:10px;display:flex}.project-copy h3{letter-spacing:-.07em;margin:29px 0 18px;font-size:clamp(66px,7vw,105px);font-weight:850;line-height:1}.quik h3{font-style:italic}.project-copy h3 span{vertical-align:top;margin-top:9px;margin-left:8px;font-size:20px;display:inline-block}.project-copy p{color:var(--gray);max-width:420px;font-size:16px;line-height:1.75}.project-copy .project-subtitle{color:var(--foreground);letter-spacing:-.5px;margin:0 0 16px;font-size:22px;line-height:1.3}.tags{flex-wrap:wrap;gap:7px;margin:24px 0;display:flex}.tags span{color:#c4c9be;border:1px solid #3b3d37;padding:7px 9px;font:12px monospace}.text-link{border-bottom:1px solid #777c6f;align-items:center;gap:28px;padding:10px 0;font-size:14px;transition:color .2s;display:inline-flex}.text-link:hover{color:var(--orange)}.humus-art{background:#141e17;min-height:420px;position:relative;overflow:hidden}.wavefield{width:100%;height:100%;position:absolute;inset:0}.humus-word{letter-spacing:-6px;color:#d9edba;font-family:Georgia,serif;font-size:105px;font-style:italic;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.art-note{color:#bad8b1;letter-spacing:1.5px;font:11px monospace;position:absolute;bottom:23px;left:23px}.coming{color:#b7d4a9;white-space:nowrap;border:1px solid #5c7454;border-radius:20px;padding:6px 9px;font:10px monospace}.humus h3{color:#d9edba;font-family:Georgia,serif;font-style:italic;font-weight:400}.project-copy .release-note{color:#b7d4a9;margin-top:28px;font:13px/1.6 monospace}.philosophy{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#181a16;grid-template-columns:1fr 2fr;display:grid}.philosophy>div:first-child{flex-direction:column;gap:60px;display:flex}.philosophy-bottom{justify-content:space-between;align-items:flex-end;gap:50px;margin-top:38px;display:flex}.philosophy-bottom p{max-width:385px;color:var(--gray);margin:0;font-size:17px;line-height:1.7}.philosophy-bottom a{white-space:nowrap}.journal-head{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:44px;display:flex}.journal-head .eyebrow{color:var(--gray);margin-bottom:25px}.journal-head>p{color:var(--gray);margin:0;font-size:16px;line-height:1.6}.journal-list{border-top:1px solid var(--border)}.journal-list>a{border-bottom:1px solid var(--border);grid-template-columns:55px 1fr 185px 24px;align-items:center;gap:15px;padding:29px 0;transition:color .2s,padding .2s;display:grid}.journal-list>a:hover{color:var(--orange);padding-left:10px}.note-num,.note-kind{color:var(--gray);font:12px monospace}.note-title{letter-spacing:-.7px;font-size:25px}.closing{text-align:center;padding:70px 5% 100px}.closing .eyebrow{color:var(--gray)}.closing h2{letter-spacing:-.07em;margin:38px 0;font-size:clamp(65px,13.4vw,195px);line-height:.88}.closing h2 span{color:var(--orange)}footer{border-top:1px solid var(--border);color:var(--gray);justify-content:space-between;align-items:center;gap:25px;padding:30px 5%;font-size:12px;display:flex}footer .brand span{color:var(--foreground);font-size:17px}footer .brand small{letter-spacing:2.4px;font-size:8px}footer p{margin:0}.motion-button{color:var(--gray);background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.motion-paused *{animation-play-state:paused!important}.motion-paused .hero-art,.motion-paused .hero-photo{transform:none}@media (width>=1700px){.hero{padding-top:80px}.hero h1{font-size:154px}}@media (width<=1000px){.header{height:90px;padding:0 4%}.nav{gap:20px}.github span{display:none}.hero{gap:4%;padding:45px 4% 0}.hero-copy .eyebrow{letter-spacing:.2px;font-size:10px}.hero h1{font-size:11vw}.hero-art{align-self:center}.hero-bottom,.photo-caption,.art-foot{font-size:9px}.section{padding:80px 4%}.project{gap:4%}.project-image{min-height:350px}.philosophy-bottom{flex-direction:column;align-items:flex-start;gap:20px}.coming{font-size:9px}.project-top .eyebrow{font-size:10px}.journal-list>a{grid-template-columns:35px 1fr 155px 24px}.note-title{font-size:22px}}@media (width<=650px){html{scroll-padding-top:20px}.header{gap:15px;height:82px;position:relative}.brand span{font-size:20px}.brand img{width:37px;height:37px}.github{margin-left:auto}.menu-button{border:1px solid var(--border);color:var(--foreground);background:0 0;order:3;padding:9px 12px;font-size:13px;display:block}.nav{z-index:5;border-bottom:1px solid var(--border);background:#181a16;padding:25px;display:none;position:absolute;top:81px;left:0;right:0}.nav.open{flex-direction:column;display:flex}.hero{grid-template-columns:1fr;gap:25px;padding:34px 6% 0}.hero-copy .eyebrow{white-space:normal;letter-spacing:.7px;font-size:9px}.hero h1{margin:25px 0;font-size:22vw;line-height:.87}.intro{font-size:16px}.hero-art{margin-top:15px}.photo-frame{aspect-ratio:1.15}.hero-bottom{gap:20px;padding-top:0;line-height:1.6}.hero-bottom>span{max-width:150px}.hero-bottom a{font-size:9px}.art-foot{padding-top:12px}.open-stamp{width:60px;height:60px;font-size:10px}.ticker{padding:15px 0;font-size:21px}.section{padding:65px 6%}.section-heading{margin-bottom:35px;display:block}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:38px}.project{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.project+.project{padding-top:40px}.project-image{aspect-ratio:1.3;min-height:0}.project-copy h3{margin-top:22px;font-size:76px}.project-top .eyebrow{font-size:11px}.coming{font-size:9px}.humus-art{min-height:330px}.humus-word{font-size:95px}.philosophy{grid-template-columns:1fr;gap:35px}.philosophy>div:first-child{flex-direction:row;justify-content:space-between;align-items:center}.philosophy img{width:55px;height:55px}.philosophy h2{font-size:53px}.philosophy-bottom{margin-top:25px}.journal-head{display:block}.journal-head>p{margin-top:20px}.journal-list>a{grid-template-columns:25px 1fr 20px;gap:8px;padding:24px 0}.note-title{font-size:19px}.note-kind{grid-area:2/2;font-size:10px}.journal-list svg{grid-area:1/3/3;width:20px}.closing{padding:35px 6% 70px}.closing .eyebrow{font-size:10px}.closing h2{font-size:16vw}footer{flex-wrap:wrap;gap:22px;padding:25px 6%}footer p,.motion-button{font-size:11px}.button{min-height:50px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero-art,.hero-photo{transform:none!important}}.reading-line{z-index:30;background:var(--orange);width:100%;height:3px;transform:scaleX(var(--read,0));transform-origin:0;pointer-events:none;position:fixed;top:0;left:0}.header{z-index:4;background:#101110c9;position:relative}.header .motion-button{border:1px solid var(--border);border-radius:50%;flex-shrink:0;gap:0;width:33px;height:33px;padding:8px;font-size:0;overflow:hidden}.header .motion-button svg{flex-shrink:0}.header .motion-button:hover{border-color:var(--orange);color:var(--orange)}.hero{isolation:isolate;perspective:1400px;--mx:0;--my:0;padding-top:72px;padding-bottom:0}.hero-field{z-index:-2;opacity:.4;pointer-events:none;position:absolute;inset:-15% -25% -20%;-webkit-mask-image:linear-gradient(110deg,#0000 5%,#000 65%,#0000);mask-image:linear-gradient(110deg,#0000 5%,#000 65%,#0000)}.hero-field:after{content:"";background:radial-gradient(at 70% 40%,#faa22e13,#0000 55%);position:absolute;inset:0}.hero-coordinate{writing-mode:vertical-rl;letter-spacing:2px;color:#b4b7ac;font:9px monospace;position:absolute;top:34%;right:12px}.hero-copy{z-index:2}.hero h1{perspective:900px;margin-top:25px;line-height:.88}.hero h1 .title-line{color:var(--foreground);transform-origin:0;animation:1.05s cubic-bezier(.16,1,.3,1) both title-arrive;display:block}.hero h1 .outline{color:#0000;-webkit-text-stroke:1px #f5f4eeb0;animation-delay:.1s}.hero h1 .hot{color:var(--orange);text-shadow:0 0 70px #faa22e12;animation-delay:.2s}.hero .intro,.hero-copy>.button{animation:1s .3s both copy-arrive}.hero-art{transform:translate3d(calc(var(--mx) * -13px), calc(var(--travel) * -85px + var(--my) * -13px), 0) rotateX(calc(var(--my) * -7deg)) rotateY(calc(var(--mx) * 9deg)) rotate(calc(-5deg + var(--travel) * 9deg));transform-style:preserve-3d;margin-top:25px;transition:transform .18s ease-out;position:relative}.photo-frame{border:1px solid #ffffff24;box-shadow:0 35px 100px #0009}.photo-frame:after{content:"";pointer-events:none;border:1px solid #ffffff25;position:absolute;inset:12px}.photo-shine{z-index:2;pointer-events:none;transform:translateX(calc(var(--mx) * 45%));background:linear-gradient(115deg,#0000 20%,#ffffff16 43%,#0000 66%);position:absolute;inset:0}.hero-photo{filter:saturate(.85)contrast(1.04)}.image-meta{color:#d1c9b8}.photo-caption{padding:35px 22px 22px}.orbit-line{z-index:-1;pointer-events:none;border:1px solid #faa22e42;border-radius:50%;position:absolute;inset:-40px -50px;transform:rotate(-30deg)scaleY(.75)}.open-stamp{color:#111;background:#faa22e;border:0;width:89px;height:89px;font-weight:700;transform:rotate(12deg);box-shadow:0 8px 35px #0007}.art-foot{color:#d1c9b8}.hero-bottom{padding-top:50px}.ticker{background:var(--orange);color:#101110;border:0;margin:30px 0 10px;padding:17px 0;font-size:32px;transform:rotate(-2deg)scale(1.02)}.ticker div{animation-duration:38s}.section-heading h2{font-weight:750}.project.quik{position:relative}.project.quik .project-image{border:1px solid #ffffff20;min-height:420px;transform:rotate(-2deg);box-shadow:0 18px 50px #0006}.project.quik .project-copy{padding:35px 0 15px}.quik .project-copy h3{color:var(--orange);font-size:clamp(80px,9vw,130px)}.project.quik .project-image img{object-position:51% center}.project.humus{isolation:isolate;background:#111b16;border:1px solid #53684760;grid-template-columns:1fr 1fr;align-items:center;min-height:610px;margin-top:55px;padding:70px 5%;position:relative;overflow:hidden}.humus .humus-art{z-index:-1;background:radial-gradient(at 25%,#25412c80,#0000 65%);min-height:0;position:absolute;inset:0}.humus .humus-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 25%,#101b14ba 65%);position:absolute;inset:0}.humus .wavefield{opacity:.9}.humus .project-copy{z-index:1;grid-column:2;padding:25px 0 25px 20px;position:relative}.humus-word{z-index:1;letter-spacing:-.08em;text-shadow:0 0 50px #b2e4a11a;font-size:clamp(100px,12vw,180px);font-weight:400;top:46%;left:25%}.humus .image-tag{color:#bad8b1;z-index:2;background:0 0;padding:0;top:23px;left:25px}.humus .art-note{z-index:2;bottom:26px;left:25px}.art-note small{letter-spacing:2px;color:#9bb5a0;margin-top:10px;font-size:9px;display:block}.humus .project-copy h3{margin-top:25px;font-size:65px}.humus .project-copy .project-subtitle{letter-spacing:-1px;font-size:30px}.humus .project-top{display:block}.humus .coming{margin-top:12px;display:inline-block}.philosophy{color:#15160f;isolation:isolate;background:#faa22e;border:0;position:relative;overflow:hidden}.philosophy:after{content:"✳";color:#15160f0b;z-index:-1;font-size:550px;line-height:1;position:absolute;bottom:-240px;left:-160px}.philosophy h2{font-size:clamp(55px,6.5vw,95px)}.philosophy h2 span{color:#15160f70}.philosophy-bottom p{color:#343322}.philosophy .text-link{border-color:#333b28}.philosophy .text-link:hover{color:#000}.philosophy img{border:1px solid #282912;border-radius:50%}.journal-list>a{isolation:isolate;position:relative}.journal-list>a:before{content:"";transform-origin:bottom;z-index:-1;background:#faa22e;transition:transform .3s;position:absolute;inset:0;transform:scaleY(0)}.journal-list>a:hover{color:#111;padding-left:15px;padding-right:15px}.journal-list>a:hover:before{transform:scaleY(1)}.journal-list>a:hover .note-num,.journal-list>a:hover .note-kind{color:#454333}.closing{isolation:isolate;position:relative}.closing:before{content:"";z-index:-1;border:1px solid #faa22e35;border-radius:50%;width:65%;height:50%;position:absolute;top:30%;left:17.5%;transform:rotate(-20deg)}.closing h2 span{-webkit-text-stroke:1px var(--orange);color:#0000;transition:color .6s}.closing:hover h2 span{color:var(--orange)}.entered{animation:.9s cubic-bezier(.16,1,.3,1) both section-arrive}.journal-list>a:nth-child(2).entered{animation-delay:80ms}.journal-list>a:nth-child(3).entered{animation-delay:.16s}@keyframes title-arrive{0%{opacity:0;transform:translateY(55px)rotateX(-35deg)}to{opacity:1;transform:none}}@keyframes copy-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes section-arrive{0%{opacity:.3;translate:0 30px}to{opacity:1;translate:0}}@supports (animation-timeline:view()){.closing h2{animation:linear both closing-grow;animation-timeline:view();animation-range:entry cover 55%}@keyframes closing-grow{0%{transform:scale(.88)}to{transform:scale(1)}}}.motion-paused .entered,.motion-paused .hero h1 .title-line,.motion-paused .hero .intro,.motion-paused .hero-copy>.button{animation:none}.motion-paused .photo-shine{transform:none}.motion-paused .closing h2{animation:none}@media (width<=1000px){.header{gap:16px}.hero{padding-top:55px}.hero-art{transform:translateY(calc(var(--travel) * -50px)) rotate(-3deg)}.hero-coordinate{display:none}.hero-copy .eyebrow{white-space:normal;max-width:310px}.project.quik .project-image{min-height:380px}.project.humus{min-height:600px;padding:65px 4%}.humus .project-copy{padding-left:0}.humus-word{font-size:115px;left:23%}.humus .project-copy .project-subtitle{font-size:26px}.humus .project-top .eyebrow{font-size:11px}}@media (width<=650px){.header{gap:10px}.header .motion-button{order:2;margin-left:0}.header .github{margin-left:auto}.hero{padding-top:38px}.hero h1{font-size:23vw;line-height:.91}.hero-field{opacity:.24;inset:0 -30% 0 -50%}.hero-art{justify-self:center;width:94%;margin-top:30px;transform:rotate(-4deg)}.hero-bottom{padding-top:30px}.photo-frame{aspect-ratio:1.08}.orbit-line{inset:-25px}.open-stamp{width:66px;height:66px}.ticker{margin-top:12px;font-size:24px}.project.quik .project-image{aspect-ratio:1.15;min-height:0;transform:rotate(-2deg)}.project.quik .project-copy{padding-top:22px}.project.humus{grid-template-columns:1fr;min-height:0;margin-top:25px;padding:325px 23px 35px}.humus .project-copy{grid-column:1;padding:0}.humus .humus-art{height:335px;bottom:auto}.humus .humus-art:after{background:linear-gradient(#0000 45%,#111b16)}.humus-word{font-size:115px;top:47%;left:50%}.humus .art-note{font-size:9px;bottom:30px;left:23px}.humus .image-tag{font-size:9px;top:23px;left:23px}.humus .project-copy h3{display:none}.humus .project-copy .project-subtitle{margin-top:25px;font-size:30px}.humus .project-top{align-items:center;gap:8px;display:flex}.humus .coming{margin-top:0}.art-note small{display:none}.philosophy h2{font-size:53px}.philosophy:after{font-size:420px;bottom:-175px;left:-130px}.closing h2{font-size:16.5vw}.closing h2 span{color:var(--orange)}.closing:before{width:95%;left:2.5%}}@media (prefers-reduced-motion:reduce){.entered{opacity:1;translate:none}.hero h1 .title-line,.hero .intro,.hero-copy>.button{opacity:1;transform:none}.photo-shine,.closing h2{transform:none}.closing h2 span{color:var(--orange)}}.site .hero-art{transform-style:flat;transition:none!important;transform:rotate(-5deg)!important}.site .hero-photo{transition:none!important;transform:scale(1.02)!important}.site .photo-shine,.project-image img,.project-image:hover img{transition:none!important;transform:none!important}@media (width<=1000px){.site .hero-art{transform:rotate(-3deg)!important}}@media (width<=650px){.site .hero-art{transform:rotate(-4deg)!important}}