.portfolio-content{--pf-accent:#146520;--pf-accent-dark:#0f5036;--pf-text:#1c3b2f;--pf-muted:#446457;--pf-border:#d7e6de;--pf-surface:#fff;--pf-surface-soft:#f2f8f4;isolation:isolate;box-shadow:none;color:var(--pf-text);box-sizing:border-box;background:linear-gradient(#fffffff5,#f6fbf8f5);width:100%;min-height:100vh;margin:0;padding:clamp(22px,3.2vw,44px);position:relative;overflow:hidden visible}.portfolio-content:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 2%,#14652014,#0000 28%),radial-gradient(circle at 94% 16%,#18844412,#0000 24%);position:absolute;inset:0}.portfolio-content>*{z-index:1;position:relative}.highlight{color:#0e4a17;background-color:#27ae601a;border-radius:4px;padding:1px 5px;font-weight:700}.highlight-blue{color:#0056b3;background-color:#eaf4ff;border-radius:4px;padding:1px 5px;font-weight:700}.highlight-bold{color:#146520;font-weight:700;text-decoration:underline}.highlight-green{color:#146520;background-color:#27ae601f;border-radius:4px;padding:1px 5px;font-weight:700}.highlight-red{color:#c62828;background-color:#ffebee;border-radius:4px;padding:1px 5px;font-weight:700}.fade-in-page{opacity:0;transition:opacity 1.8s,transform 1.8s;transform:translateY(30px)}.fade-in-page.active{opacity:1;transform:translateY(0)}.portfolio-content h2{letter-spacing:-1.5px;text-align:center;background:linear-gradient(135deg,#0b3d12 0%,#146520 35%,#27ae60 65%,#4ecdc4 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.6rem,2rem + 2.5vw,4rem);font-weight:900;line-height:1.06;animation:5s infinite portfolioGradient}@keyframes portfolioGradient{0%,to{background-position:0%}50%{background-position:100%}}.portfolio-intro{max-width:920px;color:var(--pf-muted);text-align:center;margin:12px auto 0;font-size:clamp(1rem,.96rem + .3vw,1.24rem);line-height:1.55}.portfolio-content .section-heading{color:#0b3d12;text-align:left;letter-spacing:-.5px;border:none;border-bottom:2px solid #1465201a;margin:0 0 14px;padding-bottom:14px;font-size:clamp(1.5rem,1.3rem + .85vw,2rem);font-weight:900;line-height:1.15;display:block}.section-description{color:#4a665a;text-align:left;max-width:980px;margin:0 0 22px;font-size:1.03rem;line-height:1.68}.value-prop,.architecture-section,.portfolio-section,.pet-projects-section{border:1px solid var(--pf-border);background:linear-gradient(145deg,#fffffff2,#f4faf6e6);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 16px 34px #103a271a}.value-prop:before,.architecture-section:before,.portfolio-section:before,.pet-projects-section:before{content:"";z-index:2;background:linear-gradient(90deg,#146520 0%,#27ae60 35%,#4ecdc4 65%,#27ae60 100%) 0 0/200% 100%;height:4px;animation:4s infinite pfStripeShift;position:absolute;top:0;left:0;right:0}@keyframes pfStripeShift{0%,to{background-position:0 0}50%{background-position:100% 0}}.portfolio-eyebrow{color:#146520;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #14652033;border-radius:100px;margin-bottom:18px;padding:7px 18px;font-size:.68rem;font-weight:700;display:inline-block}.value-prop{text-align:center;margin-bottom:clamp(22px,2.8vw,36px);padding:clamp(20px,2.8vw,34px)}.vp-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:14px;margin-top:18px;display:grid}.vp-item{text-align:left;background:linear-gradient(160deg,#fffffff2 0%,#f6faf6e6 100%);border:1px solid #1465201a;border-radius:16px;flex-direction:column;justify-content:flex-start;gap:6px;height:100%;padding:16px 18px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #11472d12,inset 0 1px #fffc}.vp-item:hover{border-color:#14652033;transform:translateY(-3px);box-shadow:0 12px 32px #11472d1f}.vp-item:before{content:"";background:linear-gradient(#146520 0%,#27ae60 50%,#4ecdc4 100%);border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.vp-title{color:var(--pf-accent-dark);margin:0 0 4px;font-size:1rem;font-weight:800;line-height:1.25}.vp-desc{color:#496557;text-align:left;letter-spacing:.005em;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty;margin:0;font-size:.93rem;line-height:1.5}.vp-cta-min{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.cta-btn{--green:#146520;color:var(--green);cursor:pointer;background:#fff;border:1px solid #1465204d;border-radius:14px;padding:12px 22px;font-size:.96rem;font-weight:700;transition:all .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #14652014}.cta-btn:hover,.cta-btn.active{color:#fff;background:linear-gradient(135deg,#0b3d12,#146520,#1a8a2e);border-color:#146520;transform:translateY(-2px);box-shadow:0 8px 24px #1465204d}.cta-btn:focus-visible{outline-offset:2px;outline:3px solid #14652059}.architecture-section,.portfolio-section,.pet-projects-section{margin-top:clamp(26px,3vw,52px);padding:clamp(18px,2.8vw,30px)}.architecture-carousel .react-multi-carousel-item{justify-content:center;display:flex}.architecture-card{background:var(--pf-surface);text-align:center;border:1px solid #1465201a;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:0;padding:10px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #10342414,inset 0 1px #fffc}.architecture-card:before{content:"";z-index:1;background:linear-gradient(90deg,#146520,#27ae60,#4ecdc4);height:4px;position:absolute;top:0;left:0;right:0}.architecture-card:hover{border-color:#14652033;transform:translateY(-5px);box-shadow:0 18px 48px #10342424}.architecture-image{background:linear-gradient(140deg,#edf6f1,#f8fcfa);border-radius:12px;flex:none;height:clamp(150px,17vw,210px);margin:10px 10px 12px;overflow:hidden}.architecture-image img{object-fit:contain;width:100%;height:100%;padding:10px;transition:transform .45s}.architecture-card:hover .architecture-image img{transform:scale(1.04)}.architecture-content{flex-direction:column;flex:1;justify-content:flex-start;padding:0 6px 8px;display:flex}.architecture-content h4{color:#17382c;margin-bottom:8px;font-size:1.14rem;font-weight:700;line-height:1.3}.architecture-content p{color:#3e5d50;flex:1;margin-bottom:12px;font-size:.96rem;line-height:1.58}.architecture-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto;display:flex}.architecture-tags span{color:#18523a;background:#edf7f1;border:1px solid #c9ddcf;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700}.carousel-container{padding-bottom:34px;position:relative;overflow:hidden}.architecture-carousel{overflow:hidden}.react-multi-carousel-dot button{background:#14652026;border:0;border-radius:50%;width:10px;height:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.react-multi-carousel-dot--active button{background:linear-gradient(90deg,#146520,#27ae60);border-radius:100px;width:24px;transform:scale(1.08);box-shadow:0 2px 8px #1465204d}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.portfolio-card{background:var(--pf-surface);border:1px solid #1465201a;border-radius:20px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 6px 24px #10342414,inset 0 1px #fffc}.portfolio-card:before{content:"";z-index:1;background:linear-gradient(90deg,#146520,#27ae60,#4ecdc4);height:4px;position:absolute;top:0;left:0;right:0}.portfolio-card:hover{border-color:#14652033;transform:translateY(-5px);box-shadow:0 18px 48px #10342424}.card-image{background:linear-gradient(140deg,#edf6f1,#f8fcfa);border-radius:12px;justify-content:center;align-items:center;width:auto;height:clamp(130px,15vw,178px);margin:10px 10px 0;display:flex;overflow:hidden}.card-image img{object-fit:contain;width:100%;height:100%;padding:10px;transition:transform .45s;transform:scale(1.001)}.portfolio-card:hover .card-image img{transform:scale(1.04)}.card-content{padding:16px 16px 18px}.card-content h4{color:#17382c;margin-bottom:8px;font-size:1.14rem;font-weight:700;line-height:1.3}.card-content p{color:#3e5d50;margin-bottom:12px;font-size:.96rem;line-height:1.58}.card-tags{flex-wrap:wrap;gap:8px;display:flex}.card-tags span{color:#18523a;background:#edf7f1;border:1px solid #c9ddcf;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700}.card-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0b3d12,#146520,#1a8a2e);border:none;border-radius:12px;width:fit-content;margin:14px auto 4px;padding:10px 22px;font-size:.84rem;font-weight:700;transition:all .28s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 6px 18px #14652040}.card-cta:hover{background:linear-gradient(135deg,#0b3d12,#1e9e55);transform:translateY(-2px);box-shadow:0 10px 28px #14652059}.pet-projects-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.pet-project-card{background:var(--pf-surface);border:1px solid #1465201a;border-radius:20px;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #10342414,inset 0 1px #fffc}.pet-project-card:before{content:"";z-index:1;background:linear-gradient(90deg,#146520,#27ae60,#4ecdc4);height:4px;position:absolute;top:0;left:0;right:0}.pet-project-card:hover{border-color:#14652033;transform:translateY(-5px);box-shadow:0 18px 48px #10342424}.pet-card-image{background:linear-gradient(140deg,#edf6f1,#f8fcfa);border-radius:12px;justify-content:center;align-items:center;width:auto;height:clamp(130px,15vw,178px);margin:10px 10px 0;display:flex;overflow:hidden}.pet-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s;transform:scale(1.001)}.pet-project-card:hover .pet-card-image img{transform:scale(1.04)}.placeholder-image{color:#36584a;background:linear-gradient(145deg,#e7f1ec,#f2f8f4);border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex}.pet-card-content{flex-direction:column;flex:1;justify-content:space-between;padding:16px 16px 18px;display:flex}.pet-card-content h4{color:#17382c;margin-bottom:8px;font-size:1.14rem;font-weight:700;line-height:1.3}.pet-card-content p{color:#3e5d50;text-overflow:unset;-webkit-line-clamp:unset;-webkit-box-orient:unset;white-space:normal;margin-bottom:12px;font-size:.96rem;line-height:1.58;display:block;overflow:visible}.pet-card-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.pet-card-tags span{color:#18523a;background:#edf7f1;border:1px solid #c9ddcf;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700}.filter-bar{flex-wrap:wrap;gap:10px;margin:0 0 18px;display:flex}.filter-chip{color:#146520;cursor:pointer;background:#1465200d;border:1px solid #1465201f;border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.filter-chip:hover{background:#1465201a;border-color:#14652040;transform:translateY(-2px);box-shadow:0 4px 12px #1465201a}.filter-chip.active{color:#fff;background:linear-gradient(135deg,#0b3d12,#146520,#1a8a2e);border-color:#146520;box-shadow:0 4px 14px #14652040}@media (width<=900px){.portfolio-grid,.pet-projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=768px){.portfolio-content{padding:16px}.value-prop,.architecture-section,.portfolio-section,.pet-projects-section{border-radius:16px;padding:16px}.portfolio-content .section-heading,.section-description{text-align:center}.vp-grid{grid-template-columns:1fr}.vp-item,.vp-desc,.vp-title{text-align:left}.cta-btn{width:100%}.portfolio-grid,.pet-projects-grid{grid-template-columns:1fr}.card-image,.pet-card-image,.architecture-image{height:148px}}@media (width<=640px){.cta-btn{padding:11px 14px;font-size:.9rem}}@media (width<=480px){.portfolio-content h2{letter-spacing:-1px;font-size:2.1rem}}@media (prefers-reduced-motion:reduce){.portfolio-content h2,.value-prop:before,.architecture-section:before,.portfolio-section:before,.pet-projects-section:before{animation:none}}