@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--lime:#bafc04;--ink:#11120e;--muted:#777970;--paper:#f6f7f2;--line:#e4e6dc;--white:#fff;--font:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.section{padding:112px 0}.header{position:sticky;top:0;z-index:30;background:rgba(246,247,242,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,22,15,.08)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 25px var(--font);letter-spacing:-1.5px}.brand span{font-weight:500}.brand i{color:#8bbd00;font-style:normal}.nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.nav>a:not(.nav-cta){transition:color .2s}.nav>a:not(.nav-cta):hover,.text-link:hover{color:#6c9200}.nav-cta{background:var(--lime);padding:12px 18px;border-radius:4px}.nav-cta b{padding-left:10px}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{padding-top:88px;padding-bottom:28px;overflow:hidden;background:radial-gradient(ellipse at 83% 38%,rgba(186,252,4,.14),transparent 35%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center;min-height:490px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;margin:0 0 22px;color:#62665a}.eyebrow span{display:inline-block;width:8px;height:8px;background:#8fbe00;border-radius:50%;margin-right:10px}.intro{font-size:19px;margin:0 0 8px}.intro strong{font-weight:700}.hero h1,.section h2{font-family:var(--font);font-size:clamp(42px,5.1vw,68px);line-height:1.12;letter-spacing:-3px;margin:0;font-weight:700}.hero h1 em,.section h2 em{font-style:normal;color:#777d69}.hero h1>span,.about-copy h2>span{color:#8ab900}.lead{max-width:565px;color:#6b6e65;font-size:15px;line-height:1.9;margin:24px 0 27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 19px;font-size:12px;font-weight:700;border:1px solid var(--ink);border-radius:3px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--lime);border-color:var(--lime);color:#171910}.btn-primary:hover{background:#a9e900}.btn-outline{background:transparent}.socials{display:flex;gap:9px;margin-top:34px}.socials a{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dfe1d7;border-radius:50%;font-size:12px;font-weight:700}.socials a:hover{background:var(--lime);border-color:var(--lime)}.hero-art{position:relative;min-height:450px;display:grid;place-items:center}.art-glow{position:absolute;width:370px;height:370px;background:var(--lime);opacity:.26;filter:blur(95px);border-radius:50%}.portrait-card{position:relative;width:min(360px,85%);height:390px;background:#191b15;border-radius:5px;padding:17px;box-shadow:24px 24px 0 rgba(17,18,14,.06);transform:rotate(2deg)}.portrait-top{display:flex;justify-content:space-between;align-items:center;color:#e7e9df;font-size:8px;letter-spacing:1.5px}.online-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #bafc0422}.portrait-placeholder{height:320px;margin-top:17px;background:linear-gradient(145deg,#d7e0b4,#f2f1e7 60%,#9cb16c);position:relative;overflow:hidden;display:grid;place-items:center}.avatar-shape{height:245px;width:210px;position:absolute;bottom:-15px;display:flex;align-items:center;flex-direction:column}.avatar-head{width:92px;height:112px;border-radius:46% 46% 43% 43%;background:linear-gradient(90deg,#24241e,#47483a 65%,#24241e);position:relative;z-index:2}.avatar-head:before{content:'';position:absolute;width:105px;height:50px;left:-7px;top:-10px;background:#171812;border-radius:70% 70% 15% 15%}.avatar-body{width:205px;height:155px;margin-top:-4px;border-radius:48% 48% 0 0;background:linear-gradient(100deg,#22251b,#3b3e31 50%,#191b15)}.portrait-caption{position:absolute;left:15px;bottom:14px;font-size:9px;letter-spacing:1px;color:#22251b;line-height:1.6}.portrait-caption b{font-size:10px}.floating-tag{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;padding:12px 15px;box-shadow:0 8px 35px #10120d12;font-size:11px;font-weight:600}.tag-one{left:-36px;top:105px}.tag-one:first-letter{color:#83b000}.tag-two{right:-32px;bottom:75px;display:grid;gap:0}.tag-two b{font:800 23px var(--font)}.tag-two span{font-size:10px;color:var(--muted)}.hero-number{position:absolute;right:0;top:10px;font:700 12px var(--font)}.hero-number span{color:#9da093}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:35px;font-size:9px;letter-spacing:1.7px;color:#888b80}.services{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-head .eyebrow{margin-bottom:12px}.section h2{font-size:clamp(37px,4vw,52px);letter-spacing:-2.5px}.section-note{max-width:330px;color:var(--muted);font-size:13px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:255px;padding:27px 27px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .2s}.service-card:hover{background:#f7faee}.service-icon{display:grid;place-items:center;width:42px;height:42px;background:#eff6dc;font-size:21px}.service-no{position:absolute;right:27px;top:28px;color:#a3a69a;font-size:10px}.service-card h3{font:700 17px var(--font);letter-spacing:-.4px;margin:22px 0 9px}.service-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 18px}.service-card>a{font-size:11px;font-weight:700;border-bottom:1px solid #b6bdab;padding-bottom:4px}.about{background:#f0f2e9}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.about-visual{position:relative;min-height:440px;display:grid;place-items:center}.about-frame{height:380px;width:300px;border:1px solid #cdd1c2;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#e5e9d8,#f9faf5)}.about-frame:before{content:'';position:absolute;inset:14px;border:1px solid #d5d9ca}.about-monogram{font:800 100px var(--font);letter-spacing:-12px;color:#23251d}.about-monogram span{color:#9ccf00}.about-frame-label{position:absolute;bottom:27px;left:27px;font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.7}.about-frame-label small{font-size:8px;color:#72766a;letter-spacing:1.3px}.experience-badge{position:absolute;right:0;bottom:38px;display:flex;align-items:center;gap:12px;padding:17px 20px;background:var(--lime);box-shadow:0 12px 35px #11120e12}.experience-badge strong{font:800 32px var(--font)}.experience-badge span{font-size:10px;font-weight:700;line-height:1.4}.about-copy h2{font-size:clamp(36px,4vw,48px);margin-bottom:22px}.about-copy>p:not(.eyebrow){color:#6d7067;font-size:13px;line-height:1.9}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;padding:22px 0 26px;margin:23px 0;border-top:1px solid #d8dbd0;border-bottom:1px solid #d8dbd0}.details-grid div{display:grid;gap:4px}.details-grid small,.contact-detail small{font-size:9px;letter-spacing:1.5px;color:#777c6d;font-weight:700}.details-grid span,.details-grid a{font-size:11px;font-weight:600}.skills{background:#171912;color:#f6f7f2}.skills .eyebrow{color:#bfc3b5}.skills h2{font-size:clamp(36px,4vw,50px)}.skills h2 em{color:var(--lime)}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.skills .section-note{margin-top:24px;color:#aeb2a4}.skill{margin-bottom:24px}.skill>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.skill b{color:var(--lime);font-size:11px}.track{height:4px;background:#373a30}.track span{height:100%;display:block;background:var(--lime)}.portfolio{background:#fff}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:-15px 0 28px}.filter{padding:9px 16px;border:1px solid #e0e2d8;background:transparent;border-radius:2px;font-size:11px;cursor:pointer}.filter.active,.filter:hover{background:var(--lime);border-color:var(--lime)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px}.project-card{min-width:0}.project-preview{height:240px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:27px;transition:transform .25s}.project-card:hover .project-preview{transform:translateY(-4px)}.preview-label{position:absolute;top:18px;left:22px;font-size:8px;letter-spacing:1.8px;font-weight:700;opacity:.7}.project-preview strong{font:800 clamp(28px,3vw,40px)/1.04 var(--font);letter-spacing:-2px}.project-preview strong span{color:#7da500}.project-preview small{font-size:10px;margin-top:16px}.preview-lime{background:linear-gradient(135deg,#e7f7b7,#bafc04)}.preview-dark{background:linear-gradient(135deg,#252b27,#0d1412);color:#f8f9f3}.preview-dark strong span{color:#bafc04}.preview-blue{background:linear-gradient(135deg,#dbe8f5,#92b6d7)}.preview-blue strong span{color:#fff}.preview-pink{background:linear-gradient(135deg,#f5dce3,#d5a9ba)}.preview-cream{background:linear-gradient(135deg,#f4ebd9,#d7c4a3)}.preview-purple{background:linear-gradient(135deg,#e4ddf6,#a99ad1)}.project-info{display:flex;justify-content:space-between;align-items:center;padding:16px 1px}.project-info h3{font:700 14px var(--font);margin:0 0 4px}.project-info p{font-size:10px;color:var(--muted);margin:0}.project-arrow{width:33px;height:33px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;transition:background .2s}.project-card:hover .project-arrow{background:var(--lime);border-color:var(--lime)}.portfolio-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.portfolio-bottom span{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.portfolio-bottom a{font:700 14px var(--font)}.portfolio-bottom b{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--lime);margin-left:10px}.testimonial{background:#f0f2e9}.slider-controls{display:flex;gap:8px}.slider-controls button{width:42px;height:42px;background:transparent;border:1px solid #d4d8ca;cursor:pointer;font-size:18px}.slider-controls button:hover{background:var(--lime);border-color:var(--lime)}.testimonial-window{overflow:hidden}.testimonial-track{display:flex;gap:18px;transition:transform .45s ease}.quote-card{flex:0 0 calc((100% - 36px)/3);padding:27px;background:#fff;min-height:275px;display:flex;flex-direction:column}.quote-mark{font:800 55px/.8 var(--font);color:#9ccf00}.quote-card>p{font-size:13px;line-height:1.9;color:#62665a;flex:1}.quote-person{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.person-avatar{width:38px;height:38px;display:grid;place-items:center;background:#edf5d7;border-radius:50%;font-size:11px;font-weight:700}.quote-person b,.quote-person small{display:block}.quote-person b{font-size:11px}.quote-person small{font-size:10px;color:var(--muted)}.slider-dots{display:flex;gap:7px;justify-content:center;margin-top:25px}.dot{width:7px;height:7px;border:0;border-radius:10px;background:#c9cdbd;padding:0;cursor:pointer}.dot.active{width:25px;background:#8ab900}.blog{background:#fff}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #a9ad9e;padding-bottom:5px}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.blog-visual{height:245px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:35px;overflow:hidden}.blog-visual:after{content:'';position:absolute;width:240px;height:240px;border:1px solid currentColor;border-radius:50%;right:-40px;bottom:-130px;opacity:.18;box-shadow:0 0 0 20px transparent,0 0 0 40px currentColor}.blog-visual span{font-size:9px;letter-spacing:2px}.blog-visual b{font:800 36px/1.1 var(--font);letter-spacing:-1.7px;margin-top:12px}.blog-visual i{position:absolute;bottom:20px;right:22px;font-size:8px;letter-spacing:1.5px;font-style:normal}.blog-one{background:#dcebb6}.blog-two{background:#1a1d15;color:#f4f6e9}.blog-two b{color:var(--lime)}.blog-meta{font-size:9px;letter-spacing:1.3px;color:#7c8074;margin-top:20px}.blog-card h3{font:700 19px/1.45 var(--font);letter-spacing:-.5px;max-width:450px;margin:9px 0 12px}.read-more{font-size:11px;font-weight:700;border-bottom:1px solid #c4c8bb;padding-bottom:4px}.contact{background:#171912;color:#f7f8f1}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px}.contact .eyebrow{color:#bfc3b5}.contact-copy h2{font-size:clamp(35px,4vw,49px);letter-spacing:-2px}.contact-copy h3{font:700 45px/1.2 var(--font);margin:4px 0 16px;letter-spacing:-2px}.contact-copy h3 em{font-style:normal;color:var(--lime)}.contact-copy>p:not(.eyebrow){color:#b4b8aa;font-size:13px;max-width:410px;margin-bottom:30px}.contact-detail{display:flex;align-items:center;gap:15px;margin-top:20px}.contact-icon{width:40px;height:40px;border:1px solid #3b3e34;display:grid;place-items:center;color:var(--lime)}.contact-detail div{display:grid;gap:2px}.contact-detail small{color:#9fa393}.contact-detail a,.contact-detail div>span{font-size:12px}.contact-form{background:#fff;color:var(--ink);padding:30px 32px}.form-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#74796a;font-weight:700}.contact-form h3{font:700 22px var(--font);margin:15px 0 22px}.contact-form label{display:block;font-size:10px;font-weight:700;margin:15px 0 6px}.contact-form input,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid #e0e3d8;background:#fafbf7;outline:none;font-size:12px;border-radius:2px}.contact-form input:focus,.contact-form textarea:focus{border-color:#9ac800}.contact-form textarea{resize:vertical}.submit-btn{width:100%;margin-top:19px;cursor:pointer}.form-note{font-size:9px;color:#777b70;text-align:center;margin-bottom:0}.footer{background:#10110d;color:#f7f8f1}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-top:36px;padding-bottom:36px}.footer .brand{color:#f7f8f1}.footer-main p{font-size:11px;color:#9da193}.footer-top{font-size:9px;letter-spacing:1.5px;border-bottom:1px solid #666b5b;padding-bottom:6px}.footer-bottom{border-top:1px solid #303229;padding-top:18px;padding-bottom:18px;display:flex;justify-content:space-between;font-size:9px;color:#969a8c}.footer-bottom div{display:flex;gap:20px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:25;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font-size:24px;box-shadow:0 8px 25px #0002}.project-card[hidden]{display:none!important}
@media(max-width:900px){.nav{gap:18px}.hero-grid{gap:25px}.about-grid,.skills-grid{gap:55px}.contact-grid{gap:45px}.quote-card{flex-basis:calc((100% - 18px)/2)}.project-preview{height:205px}.service-card{padding:22px}.hero h1{font-size:54px}}
@media(max-width:680px){.container{width:min(100% - 36px,500px)}.section{padding:75px 0}.nav-wrap{height:70px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:70px;padding:20px 24px 24px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;gap:0;flex-direction:column}.nav.open{display:flex}.nav a{padding:12px 0}.nav .nav-cta{padding:12px 15px;margin-top:8px;text-align:center}.hero{padding-top:58px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(42px,11vw,58px);letter-spacing:-2.5px}.lead{font-size:13px}.hero-art{min-height:400px}.portrait-card{height:350px;width:290px}.portrait-placeholder{height:280px}.avatar-shape{transform:scale(.86);transform-origin:bottom}.tag-one{left:-8px;top:80px}.tag-two{right:-8px;bottom:58px}.hero-number{right:8px;top:0}.hero-bottom{font-size:7px;letter-spacing:1px;margin-top:18px}.section-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:30px}.section h2{font-size:39px;letter-spacing:-1.8px}.section-note{font-size:12px}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:18px 15px;min-height:250px}.service-card h3{font-size:14px}.service-card p{font-size:11px}.service-no{right:14px;top:18px}.service-icon{width:35px;height:35px}.about-grid,.skills-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.about-visual{min-height:380px}.about-frame{height:330px;width:260px}.about-monogram{font-size:85px}.experience-badge{right:calc(50% - 160px);bottom:25px}.about-copy h2{font-size:37px}.details-grid{gap:16px}.skills-grid{gap:28px}.project-grid{grid-template-columns:1fr 1fr;gap:18px 12px}.project-preview{height:170px;padding:16px}.project-preview strong{font-size:27px;letter-spacing:-1px}.preview-label{left:13px;top:13px;font-size:6px;letter-spacing:1px}.project-preview small{font-size:8px}.project-info h3{font-size:12px}.project-info p{font-size:9px}.project-arrow{width:27px;height:27px;flex-shrink:0}.filters{gap:6px}.filter{font-size:10px;padding:8px 11px}.portfolio-bottom{align-items:flex-start;gap:12px;flex-direction:column}.portfolio-bottom a{font-size:13px}.quote-card{flex-basis:100%;min-height:260px}.blog-grid{grid-template-columns:1fr;gap:35px}.blog-visual{height:220px}.blog-visual b{font-size:34px}.contact-copy h2{font-size:36px}.contact-copy h3{font-size:40px}.contact-form{padding:25px 20px}.footer-main{align-items:flex-start;gap:20px;flex-direction:column}.footer-bottom{gap:14px;flex-direction:column}.footer-bottom div{gap:16px}.whatsapp-float{right:15px;bottom:15px;width:48px;height:48px}}
@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.project-preview{height:150px}.project-preview strong{font-size:23px}.project-info{gap:5px}.project-info h3{font-size:11px}}