*,:after,:before{box-sizing:border-box}:root{--lime:#22c55e;--lime-d:#15803d;--lime-b:#16a34a;--lime-soft:#4ade80;--ink:#052e16;--muted:#166534;--soft-green:#bbf7d0;--bg:#fff;--bg2:#f8fffe;--bg3:#f0fdf4;--text-primary:#052e16;--text-muted:#4b7a5e;--border:#d1fae5;--border-mid:#86efac}.pp{position:fixed;left:0;top:0;bottom:0;width:2px;z-index:300;background:var(--border)}.pp-fill{position:absolute;top:0;left:0;width:100%;background:linear-gradient(to bottom,var(--lime),var(--lime-d));height:0;transition:height .1s;box-shadow:0 0 8px rgba(22,163,74,.2)}.breadcrumb{position:relative;z-index:2;padding:7rem 3.5rem 0;display:flex;align-items:center;gap:10px;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);opacity:0;animation:up .8s cubic-bezier(.16,1,.3,1) .2s forwards}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover,.breadcrumb span{color:var(--lime-d)}.bc-sep{color:var(--border-mid)}@keyframes up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.project-hero{position:relative;padding:2rem 3.5rem 5rem;overflow:hidden;background:var(--bg)}#hero-canvas{width:100%;height:100%;opacity:.5}#hero-canvas,.ph-vig{position:absolute;inset:0;pointer-events:none}.ph-vig{background:radial-gradient(ellipse 80% 90% at 55% 50%,transparent 15%,hsla(0,0%,100%,.88) 75%)}.ph-vig2{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0,transparent 45%);pointer-events:none}.ph-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 400px;grid-gap:5rem;gap:5rem;align-items:center;max-width:1280px}.ph-tag-row{display:flex;align-items:center;gap:8px;margin-bottom:1.4rem;opacity:0;animation:up .9s cubic-bezier(.16,1,.3,1) .3s forwards}.ph-tag{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;padding:.3rem .8rem;border:1px solid var(--soft-green);color:var(--lime-d)}.ph-num{font-family:Space Mono,monospace;font-size:.55rem;letter-spacing:.25em;color:var(--text-muted);margin-left:auto}.project-hero h1{font-family:Fraunces,serif;font-weight:100;font-size:clamp(3.2rem,7.5vw,7rem);line-height:.9;letter-spacing:-.03em;color:var(--ink);opacity:0;animation:up .9s cubic-bezier(.16,1,.3,1) .42s forwards}.project-hero h1 i{font-style:italic!important;color:var(--lime-d)!important}.ph-tagline{font-size:clamp(.88rem,1.5vw,1.05rem);font-weight:300;color:var(--text-muted);line-height:1.78;max-width:460px;margin-top:1.6rem;opacity:0;animation:up .9s cubic-bezier(.16,1,.3,1) .55s forwards}.ph-btns{display:flex;gap:.9rem;margin-top:2.4rem;opacity:0;animation:up .9s cubic-bezier(.16,1,.3,1) .68s forwards}.btn-g{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 2.2rem;background:var(--lime-d);color:#fff;border:none;cursor:none;transition:background .2s,transform .18s;text-decoration:none;display:inline-block}.btn-g:hover{background:var(--lime);transform:translateY(-2px)}.btn-ghost{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 2.2rem;background:transparent;color:var(--lime-d);border:1px solid var(--soft-green);cursor:none;transition:border-color .2s,color .2s,transform .18s;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:var(--lime-d);transform:translateY(-2px)}.ph-card{border:1px solid var(--border);background:rgba(240,253,244,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden;opacity:0;animation:up .9s cubic-bezier(.16,1,.3,1) .5s forwards}.ph-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--lime-d),transparent)}.phc-head{padding:1.4rem 1.6rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.phc-head-label{font-family:Space Mono,monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lime-b)}.phc-head-status{display:flex;align-items:center;gap:6px;font-size:.58rem;letter-spacing:.15em;color:var(--lime-d)}.phc-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}.phc-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.6rem;border-bottom:1px solid var(--border);gap:1rem}.phc-key{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.phc-val{font-size:.8rem;color:var(--ink);text-align:right}.phc-tags-row{padding:1.2rem 1.6rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:5px}.phc-tag{font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .7rem;border:1px solid var(--border);color:var(--lime-b)}.metrics-band{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}.metric{padding:2.2rem 1.8rem;text-align:center;border-right:1px solid var(--border);background:var(--bg)}.metric:last-child{border-right:none}.m-num{font-family:Fraunces,serif;font-weight:100;font-size:clamp(2rem,3.5vw,2.8rem);color:var(--lime-d);display:block;line-height:1}.m-label{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-top:.4rem;display:block}.m-change{font-size:.65rem;color:var(--lime-b);margin-top:.25rem;display:block}.overview{padding:6rem 3.5rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:5rem;gap:5rem;align-items:start;max-width:1280px;margin:0 auto}.ov-label{display:flex;align-items:center;gap:10px;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--lime-d);margin-bottom:.8rem}.ov-label:before{content:"";width:20px;height:1px;background:var(--lime-d)}.overview h2{font-family:Fraunces,serif;font-weight:100;font-size:clamp(1.8rem,3vw,2.8rem);color:var(--ink);line-height:1.05;letter-spacing:-.015em}.overview h2 i{font-style:italic!important;color:var(--lime-d)!important}.ov-body p{font-size:.86rem;color:var(--text-muted);line-height:1.9;margin-bottom:1.2rem;font-weight:300}.ov-quote{margin-top:2rem;padding:1.4rem 1.6rem;border-left:2px solid var(--lime-d);background:rgba(22,163,74,.04);font-family:Cormorant Garamond,serif;font-weight:300;font-size:1.1rem;color:var(--ink);line-height:1.6;font-style:italic}.showcase{padding:0 3.5rem 5rem;max-width:1280px;margin:0 auto}.showcase-label{display:flex;align-items:center;gap:10px;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--lime-d);margin-bottom:.8rem}.showcase-label:before{content:"";width:20px;height:1px;background:var(--lime-d)}.showcase h2{font-family:Fraunces,serif;font-weight:100;font-size:clamp(1.6rem,2.8vw,2.4rem);color:var(--ink);margin-bottom:2.5rem;letter-spacing:-.01em}.showcase h2 i{font-style:italic!important;color:var(--lime-d)!important}.sc-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--border)}.sc-item{position:relative;overflow:hidden;background:var(--bg2)}.sc-item.tall{grid-row:span 2}.sc-canvas{display:block;width:100%;height:280px}.sc-item.tall .sc-canvas{height:100%}.sc-caption{padding:1.2rem 1.4rem;border-top:1px solid var(--border)}.sc-cap-label{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lime-b);margin-bottom:.3rem}.sc-cap-text{font-size:.76rem;color:var(--text-muted)}.tech-section{padding:5rem 3.5rem;max-width:1280px;margin:0 auto}.tech-section .tl{display:flex;align-items:center;gap:10px;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--lime-d);margin-bottom:.8rem}.tech-section .tl:before{content:"";width:20px;height:1px;background:var(--lime-d)}.tech-section h2{font-family:Fraunces,serif;font-weight:100;font-size:clamp(1.6rem,2.8vw,2.4rem);color:var(--ink);margin-bottom:2.5rem;letter-spacing:-.01em}.tech-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1px;gap:1px;background:var(--border)}.tech-item{background:var(--bg);padding:1.6rem 1.2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;transition:opacity .5s ease,transform .5s ease;opacity:0;transform:translateY(12px)}.tech-item.vis{opacity:1;transform:none}.tech-dot{width:9px;height:9px;border-radius:50%;background:var(--lime-b)}.tech-name{font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.1em;color:var(--ink)}.tech-role{font-size:.6rem;color:var(--text-muted)}.testimonial{padding:5rem 3.5rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2)}.test-inner{max-width:780px;margin:0 auto;text-align:center}.test-quote{font-family:Cormorant Garamond,serif;font-weight:300;font-size:clamp(1.3rem,2.5vw,2rem);color:var(--ink);line-height:1.55;letter-spacing:.01em;margin-bottom:2.2rem}.test-author{display:inline-flex;align-items:center;gap:12px}.test-av{width:40px;height:40px;border-radius:50%;border:1px solid var(--soft-green);background:var(--bg3);display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:.65rem;color:var(--lime-d)}.test-name{font-size:.8rem;color:var(--ink);text-align:left}.test-role{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.project-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}.pnav-item{padding:3rem 3.5rem;display:flex;align-items:center;gap:2rem;text-decoration:none;transition:background .3s}.pnav-item:hover{background:var(--bg3)}.pnav-item+.pnav-item{border-left:1px solid var(--border)}.pnav-item.next{justify-content:flex-end;text-align:right}.pnav-dir{font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.pnav-name{font-family:Fraunces,serif;font-weight:100;font-size:1.4rem;color:var(--ink)}.pnav-arrow{width:44px;height:44px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.pnav-arrow svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2}.back-to-work{padding:2.5rem 3.5rem;border-top:1px solid var(--border);justify-content:center}.back-link,.back-to-work{display:flex;align-items:center}.back-link{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;gap:10px}.back-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}#wd-footer{background:#052e16;border-top:1px solid var(--border);padding:2.5rem 3.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}#wd-footer .flogo{font-family:Fraunces,serif;font-weight:100;font-size:1.2rem;color:hsla(0,0%,100%,.5)}#wd-footer .flogo b{font-style:italic;font-weight:100;color:#4ade80}#wd-footer .flinks{display:flex;gap:1.8rem;list-style:none}#wd-footer .flinks a{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.35);text-decoration:none}#wd-footer .fcopy{font-family:Space Mono,monospace;font-size:.62rem;color:hsla(0,0%,100%,.22)}.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.rv.on{opacity:1;transform:none}@media(max-width:960px){.breadcrumb{padding:6rem 1.5rem 0}.project-hero{padding:2rem 1.5rem 4rem}.ph-inner{grid-template-columns:1fr;gap:2.5rem}.ph-card{display:none}.metrics-band{grid-template-columns:1fr 1fr}.overview{grid-template-columns:1fr;padding:4rem 1.5rem}.showcase{padding:0 1.5rem 4rem}.sc-grid{grid-template-columns:1fr}.tech-section{padding:4rem 1.5rem}.tech-grid{grid-template-columns:repeat(3,1fr)}.testimonial{padding:4rem 1.5rem}.project-nav{grid-template-columns:1fr}.pnav-item+.pnav-item{border-left:none;border-top:1px solid var(--border)}#wd-footer,.back-to-work,.pnav-item,.pnav-item.next{padding:2rem 1.5rem}#wd-footer{flex-direction:column;text-align:center}}.sc-img{display:block;width:100%;height:auto}.sc-grid.has-screens .sc-item:last-child:nth-child(odd){grid-column:1/-1}@media(max-width:600px){.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-name{overflow-wrap:anywhere}.metrics-band{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:1.6rem 1rem;min-width:0}.m-num{font-size:clamp(1.6rem,8vw,2rem);overflow-wrap:anywhere}}