*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#f0ede4;--deep:#1a2e22;--sage:#2e7a4e;--mint:#a8dfb8;--sky:#aed6f1;--lav:#b8c9f5;--peach:#f5c8a0;--ts:#5a7a68;--bord:#1e3c2821;--bord2:#1e3c2838}html{overflow-x:hidden}html,body{cursor:none;background:var(--cream);width:100%;min-height:100%;color:var(--deep);font-family:DM Mono,monospace}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(65% 50% at 80% 8%,#aed6f147 0%,#0000 60%),radial-gradient(55% 65% at 5% 85%,#a8dfb838 0%,#0000 55%),radial-gradient(40% 35% at 55% 55%,#b8c9f51f 0%,#0000 50%),#f0ede4;position:fixed;inset:0}#cur{z-index:9999;pointer-events:none;position:fixed;top:0;left:0}.cur-dot{background:var(--sage);border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%)}.cur-ring{border:1px solid #2e7a4e73;border-radius:50%;width:28px;height:28px;transition:width .22s,height .22s,border-color .22s;position:absolute;transform:translate(-50%,-50%)}body.hov .cur-ring{border-color:#2e7a4eb3;width:50px;height:50px}body.clicking .cur-ring{border-color:var(--sage);border-width:2px;width:18px;height:18px}#topnav{z-index:100;border-bottom:1.5px solid var(--deep);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f0ede4e0;justify-content:space-between;align-items:center;height:44px;padding:0 2.4rem;display:flex;position:fixed;top:0;left:0;right:0}#topnav.topnav--dark{color:#fff;background:0 0;border-bottom-color:#ffffff1a}#topnav.topnav--dark .nav-brand,#topnav.topnav--dark .nav-section,#topnav.topnav--dark .nav-link{color:#fff}.nav-left{align-items:center;gap:3rem;display:flex}.nav-right{align-items:center;gap:2rem;display:flex}.nav-brand{letter-spacing:.05em;color:var(--deep);cursor:none;font-family:Syne,sans-serif;font-size:1.35rem;font-weight:800;text-decoration:none}.nav-brand em{color:var(--sage);font-style:normal}.nav-section{letter-spacing:.22em;text-transform:uppercase;color:var(--ts);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;font-size:.57rem;text-decoration:none;transition:background-size .35s}.nav-section--active{background-size:100% 1px}.nav-link{letter-spacing:.18em;text-transform:uppercase;color:var(--ts);cursor:none;background:0 0;border:none;padding:0;font-size:.57rem;transition:color .18s}.nav-link:hover,.nav-link.active{color:var(--deep)}#wrap{z-index:1;padding-top:44px;position:relative}#sect-portfolio{border-bottom:1.5px solid var(--deep)}.col-header{border-bottom:1px solid var(--bord2);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f0ede4d9;grid-template-columns:22% 78%;align-items:center;gap:0;padding:.5rem 2.4rem;display:grid;position:sticky;top:44px}.col-header span{letter-spacing:.22em;text-transform:uppercase;color:var(--ts);font-size:.48rem}.col-header .ch-imgs{gap:1.5rem;padding-left:2rem;display:flex}.port-filters{border-bottom:1px solid var(--bord);z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f0ede499;gap:1.5rem;padding:.5rem 2.4rem;display:flex;position:sticky;top:0}.pf{cursor:none;letter-spacing:.18em;text-transform:uppercase;color:var(--ts);background:0 0;border:none;border-bottom:1px solid #0000;padding:0;font-size:.48rem;transition:color .18s,border-color .18s}.pf.active,.pf:hover{color:var(--deep);border-bottom-color:var(--deep)}.port-filters--mobile{display:none}.pf-burger{cursor:auto;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.6rem 1rem;font-family:DM Mono,monospace;display:flex}.pf-active-label{letter-spacing:.18em;text-transform:uppercase;color:var(--deep);font-size:.48rem}.pf-burger-icon{flex-direction:column;gap:4px;display:flex}.pf-burger-icon span{background:var(--deep);transform-origin:50%;width:18px;height:1.5px;transition:transform .2s,opacity .2s;display:block}.pf-burger-icon.open span:first-child{transform:translateY(5.5px)rotate(45deg)}.pf-burger-icon.open span:nth-child(2){opacity:0}.pf-burger-icon.open span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.pf-dropdown{border-top:1px solid var(--bord);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f0ede4f7;flex-direction:column;display:flex}.pf-drop-item{cursor:auto;text-align:left;letter-spacing:.18em;text-transform:uppercase;color:var(--ts);border:none;border-bottom:1px solid var(--bord);background:0 0;padding:.7rem 1rem;font-family:DM Mono,monospace;font-size:.48rem;transition:color .15s,background .15s}.pf-drop-item:last-child{border-bottom:none}.pf-drop-item.active,.pf-drop-item:hover{color:var(--deep);background:#2e7a4e14}.proj{border-bottom:1px solid var(--bord);cursor:none;background:var(--cream);grid-template-rows:auto;grid-template-columns:22% 78%;height:212px;transition:background .4s,transform .6s;display:grid;position:relative;overflow:hidden}.proj--open{background:var(--hover-bg,#2e7a4e33);height:auto;overflow:visible;transform:scale(1.01)}.proj:before{content:"";background:var(--sage);transform-origin:0;width:3px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:scaleX(0)}.proj:hover:before,.proj--open:before{transform:scaleX(1)}.proj:hover,.proj--open{background:var(--hover-bg,#2e7a4e33);transition:background .15s,transform .6s;transform:scale(1.01)}.proj-meta{border-right:1px solid var(--bord);flex-direction:column;justify-content:space-between;min-height:120px;padding:1.4rem 2.4rem;display:flex}.p-title{letter-spacing:-.02em;color:var(--deep);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;line-height:1}.p-year{letter-spacing:.14em;color:var(--ts);margin-bottom:.9rem;font-size:.51rem}.p-fields{flex-direction:column;gap:.4rem;display:flex}.det{flex-direction:column;gap:.08rem;display:flex}.det-k{letter-spacing:.2em;text-transform:uppercase;color:var(--ts);opacity:.5;font-size:.45rem}.det-v{letter-spacing:.06em;color:var(--deep);font-size:.57rem}.proj-imgs{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:stretch;gap:1rem;padding:1.2rem 1.8rem 1.2rem 2rem;display:grid;overflow:hidden}.proj--open .proj-imgs{overflow:visible}.p-img{border:1px solid var(--bord2);height:180px;transition:border-color .3s;position:relative;overflow:hidden}.p-img:hover{border-color:var(--sage)}.p-img-pair{border:0;gap:12px;padding:0;display:flex}.p-img-pair__item{border:1px solid var(--bord2);flex:1;height:100%;transition:border-color .3s;position:relative;overflow:hidden}.p-img-pair .p-img{border:none}.p-img div{width:100%;height:100%}.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8{background:#e8e5dd;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex}.c1,.c6{width:200px}.c2,.c5{width:155px}.c3,.c7{width:180px}.c4,.c8{width:165px}.c1:after,.c2:after,.c3:after,.c4:after,.c5:after,.c6:after,.c7:after,.c8:after{content:"";border:1.5px solid #1e322233;border-radius:2px;width:36px;height:28px;display:block;position:relative}.c1:before,.c2:before,.c3:before,.c4:before,.c5:before,.c6:before,.c7:before,.c8:before{content:"";border:1.5px solid #1e322233;border-radius:50%;width:10px;height:10px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-70%)}.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8{background-color:#e8e5dd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='34' viewBox='0 0 40 34' fill='none'%3E%3Crect x='1' y='1' width='38' height='32' rx='2' stroke='%231a2e22' stroke-opacity='.2' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='4' stroke='%231a2e22' stroke-opacity='.2' stroke-width='1.5'/%3E%3Cpath d='M1 22 L11 14 L20 22 L27 16 L39 26' stroke='%231a2e22' stroke-opacity='.2' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:40px 34px}.c1:after,.c2:after,.c3:after,.c4:after,.c5:after,.c6:after,.c7:after,.c8:after,.c1:before,.c2:before,.c3:before,.c4:before,.c5:before,.c6:before,.c7:before,.c8:before,.section{display:none}.section.active{display:block}#sect-about{border-bottom:1.5px solid var(--deep);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:calc(100vh - 44px);padding:4rem 2.4rem;display:grid}.ab-label{letter-spacing:.25em;text-transform:uppercase;color:var(--ts);align-items:center;gap:1rem;margin-bottom:2rem;font-size:.54rem;display:flex}.ab-label:before{content:"";background:var(--sage);width:24px;height:1px;display:block}.ab-big{color:var(--deep);margin-bottom:2rem;font-family:Syne,sans-serif;font-size:clamp(5.25rem,10.5vw,12rem);font-weight:800;line-height:.88}.ab-big .g{background:linear-gradient(135deg,var(--sage),var(--sky));color:#0000;-webkit-background-clip:text;background-clip:text}.ab-body{color:var(--ts);max-width:420px;margin-bottom:2.5rem;font-family:Nunito,sans-serif;font-size:1.425rem;font-weight:300;line-height:1.75}.ab-stats{border-top:1.5px solid var(--deep);grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem;display:grid}.stn{color:var(--deep);margin-bottom:.2rem;font-family:Syne,sans-serif;font-size:4.2rem;font-weight:800;line-height:1}.stn em{background:linear-gradient(135deg,var(--sage),var(--mint));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.stl{letter-spacing:.15em;text-transform:uppercase;color:var(--ts);font-size:.51rem}.ab-right{border:1px solid var(--bord2);background:linear-gradient(135deg,#aed6f12e,#a8dfb824);height:420px;position:relative;overflow:hidden}.ab-right:before{content:"";background:radial-gradient(circle at 30% 40%,#a8dfb840 0%,#0000 50%),radial-gradient(circle at 70% 70%,#aed6f133 0%,#0000 45%);position:absolute;inset:0}.leaf{border-radius:50% 0;position:absolute}.leaf1{background:#2e7a4e1f;width:120px;height:80px;top:20%;left:12%;transform:rotate(-22deg)}.leaf2{background:#aed6f12e;width:80px;height:120px;top:38%;left:50%;transform:rotate(18deg)}.leaf3{background:#a8dfb826;width:100px;height:60px;top:58%;left:28%;transform:rotate(38deg)}.disc-wrap{flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;bottom:1.8rem;left:1.8rem;right:1.8rem}.disc{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--bord2);color:var(--ts);cursor:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f0ede4b3;padding:.35rem .9rem;font-size:.57rem;transition:background .2s,color .2s,border-color .2s}.disc:hover{background:var(--sage);color:#fff;border-color:var(--sage)}#sect-contact{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:calc(100vh - 44px);padding:4rem 2.4rem;display:grid}.co-big{color:var(--deep);margin-bottom:2.5rem;font-family:Syne,sans-serif;font-size:clamp(4.5rem,9vw,10.5rem);font-weight:800;line-height:.88}.co-big .g{background:linear-gradient(135deg,var(--sage),var(--sky));color:#0000;-webkit-background-clip:text;background-clip:text}.co-email{color:var(--deep);cursor:none;border-bottom:1px solid #2e7a4e4d;margin-bottom:2.5rem;padding-bottom:.2rem;font-family:Nunito,sans-serif;font-size:1.65rem;font-style:italic;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.co-email:hover{color:var(--sage);border-color:var(--sage)}.co-meta{flex-direction:column;gap:1.2rem;display:flex}.meta-l{letter-spacing:.2em;text-transform:uppercase;color:var(--ts);margin-bottom:.2rem;font-size:.48rem}.meta-v{color:var(--deep);font-family:Nunito,sans-serif;font-size:1.32rem;font-weight:300}.co-right{flex-direction:column;gap:1.4rem;display:flex}.fl{letter-spacing:.2em;text-transform:uppercase;color:var(--ts);margin-bottom:.35rem;font-size:.48rem;display:block}.fi,.ft{width:100%;color:var(--deep);resize:none;background:#fff6;border:none;border-bottom:1px solid #2e7a4e2e;outline:none;padding:.48rem .2rem;font-family:Nunito,sans-serif;font-size:1.35rem;transition:border-color .2s,background .2s}.fi:focus,.ft:focus{border-bottom-color:var(--sage);background:#ffffffa6}.fi::placeholder,.ft::placeholder{color:var(--ts)}.fsub{background:var(--deep);cursor:none;letter-spacing:.18em;text-transform:uppercase;color:var(--cream);border:none;align-self:flex-start;padding:.75rem 2rem;font-size:.57rem;transition:background .2s}.fsub:hover{background:var(--sage)}@media (max-width:640px){#cur{display:none}html,body,.nav-brand,.nav-link,.pf,.fsub,.disc{cursor:auto}#topnav{padding:0 1rem}.nav-left{gap:1.2rem}.nav-left>:nth-child(n+3){display:none}.nav-right{gap:1rem}.nav-brand{font-size:1.1rem}.col-header,.port-filters--desktop{display:none}.port-filters--mobile{border-bottom:1px solid var(--bord);z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f0ede499;display:block;position:sticky;top:44px}.proj{grid-template-columns:1fr;height:auto}.proj-meta{border-right:none;border-bottom:1px solid var(--bord);min-height:auto;padding:1rem 1rem .8rem}.p-title{font-size:1.2rem}.proj-imgs{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;padding:.8rem 1rem}.p-img{height:110px}.p-img-pair{gap:6px}#sect-about{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:2.5rem 1rem}.ab-big{font-size:clamp(3.5rem,18vw,6rem)}.ab-body{max-width:100%;font-size:1.1rem}.stn{font-size:2.8rem}.ab-right{height:220px}#sect-contact{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:2.5rem 1rem}.co-big{font-size:clamp(3rem,16vw,5.5rem)}.co-email{font-size:1.2rem}.meta-v{font-size:1rem}}#sect-home{height:calc(100vh - 44px);padding:0;display:none;position:relative;overflow:hidden}#sect-home.active{flex-direction:column;justify-content:flex-end;padding:3rem 3rem 3.5rem;display:flex}.h-ey{letter-spacing:.28em;text-transform:uppercase;color:var(--ts);margin-bottom:.7rem;font-size:.57rem}.h-title{letter-spacing:-.025em;color:var(--deep);font-family:Syne,sans-serif;font-size:clamp(6.75rem,18vw,21rem);font-weight:800;line-height:.88}.h-title .g{background:linear-gradient(135deg,var(--sage),var(--sky));color:#0000;-webkit-background-clip:text;background-clip:text}.h-title .o{color:#0000;-webkit-text-stroke:1.5px var(--sage);opacity:.4}.h-bot{justify-content:space-between;align-items:flex-end;margin-top:1.8rem;display:flex}.h-desc{color:var(--ts);max-width:260px;font-family:Nunito,sans-serif;font-size:1.35rem;font-weight:300;line-height:1.7}.h-stats{letter-spacing:.14em;color:var(--ts);text-align:right;font-size:.57rem;line-height:2.2}.h-3d{aspect-ratio:3/4;border:1px solid var(--bord2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f0ede44d;width:clamp(220px,26vw,380px);position:absolute;top:50%;right:3rem;overflow:hidden;transform:translateY(-52%)}#c3d{width:100%;height:100%;display:block}.h-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--ts);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--bord);background:#f0ede4bf;padding:.35rem .8rem;font-size:.51rem;position:absolute;bottom:.9rem;left:.9rem}