/* Graphic environment: printed fields, signal fragments and scroll-driven tape. */
.hero{background:linear-gradient(118deg,#ece9df 0 34%,#d8dfce 34% 71%,#bdcbbb 71% 85%,#d8dccc 85%)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(#375b3c40 .75px,transparent .75px);background-size:7px 7px;clip-path:polygon(58% 0,100% 0,100% 67%,79% 49%,64% 66%);opacity:.6}.hero:after{content:"";position:absolute;right:6%;top:12%;width:12%;height:41%;z-index:-1;border-top:1px solid #506b4555;border-right:1px solid #506b4555;background:repeating-linear-gradient(0deg,transparent 0 19px,#49644321 19px 20px);transform:skewY(-17deg);pointer-events:none}.hero-grid{mask-image:none;opacity:.65}.index-block{box-shadow:9px 12px 0 #51694712}.specimen{background:radial-gradient(ellipse at 55% 47%,#284d423d,#5a7c601c 43%,transparent 68%)}
.graphic-divider{position:relative;height:137px;background:#dce0d4;overflow:hidden;isolation:isolate;border-top:1px solid #6b7e5833}.graphic-divider:before{content:"+  +  +     SIGNAL RECEIVED / GENERATIVE ARCHIVE     +  +  +";position:absolute;left:5%;right:5%;top:15px;font:7px "Courier New",monospace;letter-spacing:3px;color:#657750}.scroll-tape{position:absolute;left:-12%;width:124%;height:59px;top:43px;transform:rotate(-2.8deg);background:#344d3e;color:#e0e8c4;border-top:1px solid #223d2d;border-bottom:1px solid #223d2d;box-shadow:0 12px 0 #6d836d13;overflow:hidden}.tape-track{display:flex;width:max-content;align-items:center;height:100%;will-change:transform;transform:translateX(var(--tape-x,0px));}.tape-track span{display:flex;align-items:center;gap:32px;padding:0 26px;font-size:19px;font-weight:800;letter-spacing:-.3px;white-space:nowrap}.tape-track i{font-style:normal;color:#cbd98e;font-size:26px}.tape-track small{font:10px "Courier New",monospace;letter-spacing:2px;font-weight:400}.graphic-divider.secondary{height:120px;background:#cbd7d9}.secondary .scroll-tape{top:34px;transform:rotate(2deg);background:#c08798;color:#362b37;border-color:#936578;box-shadow:0 10px 0 #7b678112}.secondary .tape-track i{color:#e6e3d5}.secondary:before{content:"ITERATION / IMAGE / MOTION / WORLD     •     ITERATION / IMAGE / MOTION / WORLD";color:#637d80;top:12px}
.works{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#e0e2d6 0 67%,#d2daca 67% 100%)}.works:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:170px;bottom:0;left:3%;width:94%;border-left:1px solid #687e4b26;border-right:1px solid #687e4b26;background:linear-gradient(90deg,transparent 49.9%,#637d4e14 50%,transparent 50.1%);}.works:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:28%;height:750px;right:-5%;top:390px;background:linear-gradient(180deg,#69866812,transparent),repeating-linear-gradient(90deg,#53734718 0 1px,transparent 1px 13px);clip-path:polygon(26% 0,100% 0,100% 100%,0 73%)}.filter-bar{background:#dce1d3ed}.project-list{position:relative}.archive-note{position:relative}.archive-note:before{content:"";position:absolute;z-index:-1;width:100%;height:180%;left:20%;top:-35%;background-image:radial-gradient(#536e3845 .7px,transparent .7px);background-size:5px 5px;clip-path:polygon(25% 0,100% 0,100% 80%,0 100%);opacity:.32}.project-visual{box-shadow:9px 11px 0 #69845a16}.project-d .project-visual{box-shadow:-11px 12px 0 #6d806c1c}.project-caption{position:relative}.project-caption:after{content:"+";position:absolute;right:-4px;top:-8px;color:#64754c88;font:12px "Courier New",monospace}
.process{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(126deg,#d4dedc 0 39%,#c6d3d5 39% 78%,#bacbd0 78%)}.process:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:repeating-linear-gradient(0deg,transparent 0 59px,#45697012 59px 60px);mask-image:linear-gradient(90deg,#000,transparent 80%)}.process:after{content:"02 / ITERATION";position:absolute;z-index:-1;right:-5%;bottom:0;color:#4f737d13;font:900 110px/.8 Arial,sans-serif;letter-spacing:-8px;transform:rotate(-90deg);transform-origin:50% 50%;pointer-events:none}.about{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(112deg,#32493e 0 66%,#42594a 66% 90%,#5a6c52 90%)}.about:before{content:"";position:absolute;z-index:-1;right:0;top:0;width:37%;height:100%;background-image:radial-gradient(#d4e0aa45 .7px,transparent .7px);background-size:6px 6px;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);opacity:.35}.about:after{content:"+";position:absolute;right:6%;top:35px;color:#dce7c570;font:40px "Courier New",monospace;z-index:-1}
@media(max-width:600px){.hero{background:linear-gradient(118deg,#ece9df 0 38%,#d8dfce 38% 75%,#bdcbbb 75% 90%,#d8dccc 90%)}.hero:before{clip-path:polygon(50% 0,100% 0,100% 60%,70% 45%)}.hero:after{right:5%;top:20%;height:30%;width:21%}.graphic-divider{height:106px}.scroll-tape{height:46px;top:36px;transform:rotate(-4deg)}.tape-track span{font-size:15px;gap:20px;padding:0 18px}.tape-track small{font-size:8px;letter-spacing:1px}.tape-track i{font-size:20px}.graphic-divider:before{font-size:5px;letter-spacing:2px}.graphic-divider.secondary{height:95px}.secondary .scroll-tape{top:29px;transform:rotate(3deg)}.works{background:linear-gradient(90deg,#e0e2d6 0 72%,#d2daca 72%)}.works:before{top:130px}.works:after{width:45%;top:480px;height:900px}.process:after{font-size:75px;right:-40%;bottom:70px}.about:after{font-size:28px;right:5%;top:26px}}
@media(prefers-reduced-motion:reduce){.tape-track{transform:translateX(-120px)!important;will-change:auto}}