{"id":16,"date":"2026-01-20T07:38:46","date_gmt":"2026-01-20T07:38:46","guid":{"rendered":"https:\/\/sibi.bexova.work\/?page_id=16"},"modified":"2026-07-08T06:03:47","modified_gmt":"2026-07-08T06:03:47","slug":"home","status":"publish","type":"page","link":"https:\/\/sibi.bexova.work\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-712ec91 e-flex e-con-boxed e-con e-parent\" data-id=\"712ec91\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e1a056 elementor-widget elementor-widget-html\" data-id=\"3e1a056\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Sibi AK \u2014 Graphic Designer & Video Editor | Kondotty, Kerala<\/title>\r\n<meta name=\"description\" content=\"Sibi AK is a professional Graphic Designer and Video Editor based in Kondotty, Kerala, India.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n  --lime:#a8ff3e;--lime-hi:#ccff6b;--lime-dim:rgba(168,255,62,.12);\r\n  --teal:#00d4aa;--teal-hi:#00ffcc;--teal-dim:rgba(0,212,170,.1);\r\n  --gf:rgba(255,255,255,.07);--gfh:rgba(255,255,255,.11);\r\n  --gb:rgba(255,255,255,.14);--gbh:rgba(255,255,255,.26);\r\n  --gblur:blur(44px) saturate(210%);\r\n  --gspec:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.04) 42%,transparent 70%);\r\n  --gshine:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);\r\n  --ginset:inset 0 1.5px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.18);\r\n  --gsh:0 8px 32px rgba(0,0,0,.48),0 2px 8px rgba(0,0,0,.28);\r\n  --gshl:0 24px 80px rgba(0,0,0,.62),0 4px 18px rgba(0,0,0,.38);\r\n  --dark:#060a08;--dark2:#0a1210;--dark3:#0f1a14;\r\n  --txt:#edf6f2;--muted:rgba(237,246,242,.48);--dim:rgba(237,246,242,.26);\r\n}\r\n\r\n\/* \u2500\u2500 Reduced motion \u2500\u2500 *\/\r\n@media(prefers-reduced-motion:reduce){\r\n  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}\r\n}\r\n\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}\r\nbody{background:var(--dark);color:var(--txt);font-family:'DM Sans',sans-serif;overflow-x:hidden;cursor:none}\r\n\r\n.gl{position:relative;background:var(--gf);backdrop-filter:var(--gblur);-webkit-backdrop-filter:var(--gblur);border:1px solid var(--gb);box-shadow:var(--gsh),var(--ginset);overflow:hidden}\r\n.gl::before{content:'';position:absolute;inset:0;background:var(--gspec);pointer-events:none;border-radius:inherit;z-index:0}\r\n.gl::after{content:'';position:absolute;top:0;left:14%;right:14%;height:1px;background:var(--gshine);pointer-events:none;z-index:1}\r\n.gl>*{position:relative;z-index:2}\r\n.gl-lift{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,border-color .3s ease,background .3s ease}\r\n.gl-lift:hover{transform:translateY(-6px) scale(1.015) translateZ(0);background:var(--gfh);border-color:var(--gbh);box-shadow:var(--gshl),var(--ginset),0 0 40px rgba(168,255,62,.07)}\r\n\r\n\/* \u2500\u2500 Cursor \u2500\u2500 *\/\r\n#cur{position:fixed;width:10px;height:10px;background:var(--lime);border-radius:50%;pointer-events:none;z-index:9999;top:0;left:0;will-change:transform;transform:translate(-50%,-50%) translateZ(0);mix-blend-mode:screen;opacity:0;transition:width .22s,height .22s,opacity .3s}\r\n#cur-ring{position:fixed;width:36px;height:36px;border:1.5px solid rgba(0,212,170,.55);border-radius:50%;pointer-events:none;z-index:9998;top:0;left:0;will-change:transform;transform:translate(-50%,-50%) translateZ(0);opacity:0;transition:width .3s,height .3s,opacity .5s}\r\n\r\n\/* \u2500\u2500 Background \u2014 split orb: outer=transform, inner=blur \u2500\u2500 *\/\r\n.scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}\r\n.orb{position:absolute;border-radius:50%;will-change:transform}\r\n.orb-inner{width:100%;height:100%;border-radius:50%;filter:blur(90px)}\r\n.o1{width:700px;height:700px;top:-180px;right:-180px;animation:of1 20s ease-in-out infinite}\r\n.o2{width:580px;height:580px;bottom:-120px;left:-160px;animation:of2 24s ease-in-out infinite}\r\n.o3{width:420px;height:420px;top:44%;left:36%;animation:of3 17s ease-in-out infinite}\r\n@keyframes of1{0%,100%{transform:translate3d(0,0,0)}33%{transform:translate3d(-55px,75px,0)}66%{transform:translate3d(38px,-55px,0)}}\r\n@keyframes of2{0%,100%{transform:translate3d(0,0,0)}33%{transform:translate3d(75px,-55px,0)}66%{transform:translate3d(-38px,75px,0)}}\r\n@keyframes of3{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-70px,38px,0) scale(1.18)}}\r\n.scene::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(168,255,62,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(168,255,62,.022) 1px,transparent 1px);background-size:60px 60px}\r\n.scene::after{content:'';position:absolute;inset:0;background:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");opacity:.022;mix-blend-mode:overlay}\r\n\r\n\/* \u2500\u2500 Progress bar \u2500\u2500 *\/\r\n#spb{position:fixed;top:0;left:0;height:2.5px;width:0;background:linear-gradient(90deg,var(--teal),var(--lime),var(--teal));background-size:200% 100%;box-shadow:0 0 12px rgba(168,255,62,.65);z-index:1000;will-change:width;transform:translateZ(0)}\r\n#spb.active{animation:sbShimmer 3s linear infinite}\r\n@keyframes sbShimmer{from{background-position:0 0}to{background-position:200% 0}}\r\n\r\n\/* \u2500\u2500 Header \u2500\u2500 *\/\r\nheader{position:fixed;top:12px;left:50%;transform:translateX(-50%) translateZ(0);width:calc(100% - 48px);max-width:1380px;height:62px;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-radius:100px;background:rgba(255,255,255,.072);backdrop-filter:blur(52px) saturate(230%);-webkit-backdrop-filter:blur(52px) saturate(230%);border:1px solid rgba(255,255,255,.17);box-shadow:0 10px 44px rgba(0,0,0,.52),0 2px 8px rgba(0,0,0,.3),inset 0 1.5px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.2);animation:headerIn .7s ease both}\r\n@keyframes headerIn{from{opacity:0;transform:translateX(-50%) translateY(-16px) translateZ(0)}to{opacity:1;transform:translateX(-50%) translateY(0) translateZ(0)}}\r\nheader::before{content:'';position:absolute;inset:0;border-radius:100px;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.02) 50%,transparent 100%);pointer-events:none}\r\nheader::after{content:'';position:absolute;top:0;left:16%;right:16%;height:1px;border-radius:100px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.56),transparent);pointer-events:none}\r\n.logo{font-family:'Syne',sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--lime),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2}\r\nnav{display:flex;gap:4px;position:relative;z-index:2}\r\nnav a{font-size:.82rem;font-weight:500;letter-spacing:.03em;color:var(--muted);text-decoration:none;padding:7px 14px;border-radius:100px;transition:color .3s,background .3s}\r\nnav a:hover{color:var(--txt);background:rgba(255,255,255,.08)}\r\n.hsoc{display:flex;gap:9px;align-items:center;position:relative;z-index:2}\r\n.hsoc a{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--muted);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);transition:background .3s,border-color .3s,color .3s,transform .2s cubic-bezier(.34,1.56,.64,1);will-change:transform}\r\n.hsoc a:hover{background:rgba(168,255,62,.14);border-color:rgba(168,255,62,.38);color:var(--lime);transform:translateY(-2px) scale(1.1) translateZ(0);box-shadow:0 6px 20px rgba(168,255,62,.2),inset 0 1px 0 rgba(255,255,255,.22)}\r\n.hsoc svg{width:15px;height:15px;fill:currentColor}\r\n\r\n\/* \u2500\u2500 Hero \u2500\u2500 *\/\r\n#hero{min-height:100vh;display:flex;align-items:center;padding:110px 80px 80px;gap:70px;position:relative;z-index:1}\r\n.hero-l{flex:1;max-width:580px}\r\n.h-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:100px;margin-bottom:32px;font-size:.77rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);background:rgba(0,212,170,.1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,212,170,.26);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.18),0 4px 18px rgba(0,212,170,.14);opacity:0;animation:fadeUp .7s .2s ease forwards}\r\n.h-name{font-family:'Syne',sans-serif;font-size:clamp(3.2rem,6.5vw,5.8rem);font-weight:800;line-height:1.03;letter-spacing:-.035em;margin-bottom:10px;opacity:0;animation:fadeUp .7s .35s ease forwards}\r\n.h-name .grad{background:linear-gradient(135deg,var(--lime-hi) 0%,var(--lime) 40%,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 28px rgba(168,255,62,.3))}\r\n.h-role{font-family:'Syne',sans-serif;font-size:clamp(1.2rem,2.4vw,1.9rem);font-weight:700;color:var(--lime);margin-bottom:16px;opacity:0;animation:fadeUp .7s .5s ease forwards;text-shadow:0 0 22px rgba(168,255,62,.38)}\r\n.h-loc{font-size:.92rem;color:var(--muted);display:flex;align-items:center;gap:7px;margin-bottom:26px;opacity:0;animation:fadeUp .7s .6s ease forwards}\r\n.h-loc svg{width:13px;height:13px;fill:var(--teal);flex-shrink:0}\r\n.h-desc{font-size:1.04rem;line-height:1.78;color:rgba(237,246,242,.68);max-width:460px;margin-bottom:40px;opacity:0;animation:fadeUp .7s .7s ease forwards}\r\n.h-cta{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:fadeUp .7s .85s ease forwards}\r\n.btn-primary{padding:15px 34px;background:linear-gradient(135deg,var(--lime),var(--teal));color:var(--dark);font-family:'Syne',sans-serif;font-weight:700;font-size:.88rem;border-radius:100px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 32px rgba(168,255,62,.3),inset 0 1.5px 0 rgba(255,255,255,.42);transition:transform .38s cubic-bezier(.34,1.56,.64,1),box-shadow .38s ease;position:relative;overflow:hidden;will-change:transform}\r\n.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transition:left .55s ease}\r\n.btn-primary:hover{transform:translateY(-4px) scale(1.03) translateZ(0);box-shadow:0 18px 52px rgba(168,255,62,.45),inset 0 1.5px 0 rgba(255,255,255,.45)}\r\n.btn-primary:hover::before{left:100%}\r\n.btn-glass{padding:14px 32px;background:rgba(255,255,255,.07);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:var(--txt);font-family:'Syne',sans-serif;font-weight:600;font-size:.88rem;border-radius:100px;border:1px solid rgba(255,255,255,.17);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.22),0 4px 16px rgba(0,0,0,.3);transition:border-color .35s,background .35s,color .35s,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;will-change:transform}\r\n.btn-glass:hover{border-color:rgba(0,212,170,.42);background:rgba(0,212,170,.12);color:var(--teal-hi);transform:translateY(-4px) translateZ(0);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.26),0 14px 36px rgba(0,212,170,.22)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HERO PHOTO SCENE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero-r{flex:1;display:flex;justify-content:center;align-items:center;position:relative;opacity:0;animation:fadeIn 1.1s .45s ease forwards}\r\n.pscene{position:relative;width:410px;height:500px}\r\n\r\n.phalo{position:absolute;top:50%;left:50%;width:370px;height:370px;transform:translate(-50%,-52%) translateZ(0);border-radius:60% 40% 55% 45%\/45% 55% 45% 55%;background:linear-gradient(135deg,rgba(168,255,62,.16),rgba(0,212,170,.13));border:1px solid rgba(168,255,62,.18);box-shadow:0 0 70px rgba(168,255,62,.1),inset 0 1.5px 0 rgba(255,255,255,.22);animation:blobMorph 10s ease-in-out infinite;will-change:border-radius}\r\n@keyframes blobMorph{0%,100%{border-radius:60% 40% 55% 45%\/45% 55% 45% 55%}33%{border-radius:45% 55% 40% 60%\/60% 40% 60% 40%}66%{border-radius:55% 45% 60% 40%\/40% 60% 40% 60%}}\r\n\r\n.pr1{position:absolute;width:398px;height:398px;top:22px;left:8px;border-radius:50%;border:1.5px dashed rgba(168,255,62,.17);animation:spin 26s linear infinite;will-change:transform;transform:translateZ(0)}\r\n.pr2{position:absolute;width:368px;height:368px;top:37px;left:23px;border-radius:50%;border:1px solid rgba(0,212,170,.1);animation:spin 19s linear infinite reverse;will-change:transform;transform:translateZ(0)}\r\n@keyframes spin{to{transform:rotate(360deg) translateZ(0)}}\r\n\r\n\/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\r\n   PHOTO \u2014 Perfect circle, GPU-only glow\r\n   \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\r\n.photo-wrap{\r\n  position:absolute;\r\n  bottom:0;\r\n  left:50%;\r\n  transform:translateX(-50%) translateZ(0);\r\n  width:300px;\r\n  height:300px;       \/* equal w\/h = circle *\/\r\n  border-radius:50%;\r\n  overflow:hidden;    \/* hard-clips image to circle *\/\r\n  z-index:4;\r\n  \/* Animated glow via box-shadow \u2014 no pseudo-element rotation *\/\r\n  box-shadow:\r\n    0 0 0 3px var(--dark),\r\n    0 0 0 5px rgba(168,255,62,.72),\r\n    0 0 0 8px rgba(0,212,170,.35),\r\n    0 0 40px rgba(168,255,62,.25),\r\n    0 24px 70px rgba(0,0,0,.65);\r\n  animation:ringGlow 3s ease-in-out infinite;\r\n  will-change:box-shadow;\r\n}\r\n@keyframes ringGlow{\r\n  0%,100%{\r\n    box-shadow:\r\n      0 0 0 3px var(--dark),\r\n      0 0 0 5px rgba(168,255,62,.72),\r\n      0 0 0 8px rgba(0,212,170,.35),\r\n      0 0 40px rgba(168,255,62,.25),\r\n      0 24px 70px rgba(0,0,0,.65);\r\n  }\r\n  50%{\r\n    box-shadow:\r\n      0 0 0 3px var(--dark),\r\n      0 0 0 5px rgba(0,212,170,.85),\r\n      0 0 0 9px rgba(168,255,62,.38),\r\n      0 0 56px rgba(0,212,170,.32),\r\n      0 24px 70px rgba(0,0,0,.65);\r\n  }\r\n}\r\n.hphoto{\r\n  width:100%;height:100%;\r\n  object-fit:cover;\r\n  object-position:center 15%; \/* show face + upper body, not too high *\/\r\n  border-radius:50%;\r\n  display:block;\r\n}\r\n\r\n\/* Float tags *\/\r\n.ftag{position:absolute;z-index:6;padding:9px 16px;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.05em;white-space:nowrap;background:rgba(255,255,255,.09);backdrop-filter:blur(34px) saturate(210%);-webkit-backdrop-filter:blur(34px) saturate(210%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 30px rgba(0,0,0,.42),inset 0 1.5px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.12);overflow:hidden;will-change:transform}\r\n.ftag::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.02) 50%,transparent 100%);pointer-events:none}\r\n.ftag::after{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);pointer-events:none}\r\n.ftag:nth-child(1){top:62px;left:-34px;color:var(--lime);border-color:rgba(168,255,62,.3);animation:tagFloat 3.6s ease-in-out infinite}\r\n.ftag:nth-child(2){top:168px;right:-48px;color:var(--teal-hi);border-color:rgba(0,212,170,.3);animation:tagFloat 3.6s 1.2s ease-in-out infinite}\r\n.ftag:nth-child(3){bottom:108px;left:-54px;color:var(--lime-hi);border-color:rgba(168,255,62,.24);animation:tagFloat 3.6s 2.4s ease-in-out infinite}\r\n@keyframes tagFloat{0%,100%{transform:translateY(0) translateZ(0)}50%{transform:translateY(-10px) translateZ(0)}}\r\n\r\n.pdot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);animation:pdotPulse 2s ease-in-out infinite;flex-shrink:0;will-change:transform}\r\n@keyframes pdotPulse{0%,100%{box-shadow:0 0 6px var(--teal);transform:scale(1) translateZ(0)}50%{box-shadow:0 0 14px var(--teal-hi);transform:scale(1.35) translateZ(0)}}\r\n\r\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\nsection{position:relative;z-index:1}\r\n.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--teal);font-size:.74rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:14px}\r\n.eyebrow::before{content:'';width:28px;height:2px;background:linear-gradient(90deg,var(--teal),var(--lime));border-radius:2px}\r\n.sec-h{font-family:'Syne',sans-serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:56px}\r\n.sec-h .ac{color:var(--lime)}\r\n.rev{opacity:0;transform:translateY(28px) translateZ(0);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}\r\n.rev.vis{opacity:1;transform:translateY(0) translateZ(0);will-change:auto}\r\n\r\n\/* \u2500\u2500 About \u2500\u2500 *\/\r\n#about{padding:120px 80px}\r\n.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}\r\n.about-text p{font-size:1.02rem;line-height:1.9;color:rgba(237,246,242,.72);margin-bottom:22px}\r\n.about-text p strong{color:var(--txt);font-weight:500}\r\n.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}\r\n.stat-card{padding:22px 26px;border-radius:20px;background:rgba(255,255,255,.062);backdrop-filter:blur(36px) saturate(210%);-webkit-backdrop-filter:blur(36px) saturate(210%);border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 28px rgba(0,0,0,.38),inset 0 1.5px 0 rgba(255,255,255,.2);transition:border-color .4s,background .4s,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;overflow:hidden;position:relative;will-change:transform}\r\n.stat-card::before{content:'';position:absolute;inset:0;background:var(--gspec);pointer-events:none;border-radius:inherit}\r\n.stat-card::after{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:var(--gshine);pointer-events:none}\r\n.stat-card:hover{border-color:rgba(0,212,170,.3);background:rgba(0,212,170,.08);transform:translateY(-5px) scale(1.02) translateZ(0);box-shadow:0 18px 52px rgba(0,0,0,.48),inset 0 1.5px 0 rgba(255,255,255,.24),0 0 26px rgba(0,212,170,.1)}\r\n.stat-num{font-family:'Syne',sans-serif;font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,var(--lime),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px;position:relative;z-index:2}\r\n.stat-lbl{font-size:.79rem;color:var(--muted);position:relative;z-index:2}\r\n.tools-panel{padding:32px;border-radius:26px;background:rgba(255,255,255,.055);backdrop-filter:blur(40px) saturate(210%);-webkit-backdrop-filter:blur(40px) saturate(210%);border:1px solid rgba(255,255,255,.11);box-shadow:0 12px 44px rgba(0,0,0,.42),inset 0 1.5px 0 rgba(255,255,255,.17);position:relative;overflow:hidden}\r\n.tools-panel::before{content:'';position:absolute;inset:0;background:var(--gspec);pointer-events:none}\r\n.tools-panel::after{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:var(--gshine);pointer-events:none}\r\n.tools-head{font-family:'Syne',sans-serif;font-size:.9rem;font-weight:700;color:var(--txt);margin-bottom:20px;display:flex;align-items:center;gap:10px;position:relative;z-index:2}\r\n.tools-head::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.08)}\r\n.chips{display:flex;flex-wrap:wrap;gap:9px;position:relative;z-index:2}\r\n.chip{padding:7px 15px;border-radius:100px;font-size:.79rem;font-weight:500;background:rgba(255,255,255,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);color:var(--muted);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.16),0 2px 8px rgba(0,0,0,.2);transition:background .3s,border-color .3s,color .3s,transform .2s cubic-bezier(.34,1.56,.64,1);cursor:default;will-change:transform}\r\n.chip:hover{background:rgba(168,255,62,.12);border-color:rgba(168,255,62,.32);color:var(--lime-hi);transform:scale(1.08) translateY(-2px) translateZ(0);box-shadow:0 5px 18px rgba(168,255,62,.16),inset 0 1.5px 0 rgba(255,255,255,.22)}\r\n\r\n\/* \u2500\u2500 Portfolio \u2500\u2500 *\/\r\n#portfolio{padding:120px 80px}\r\n.tab-row{display:flex;gap:8px;margin-bottom:52px;flex-wrap:wrap}\r\n.tbtn{padding:10px 22px;border-radius:100px;font-size:.83rem;font-weight:600;background:rgba(255,255,255,.065);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.11);color:var(--muted);cursor:pointer;font-family:'DM Sans',sans-serif;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.13),0 2px 8px rgba(0,0,0,.2);transition:background .3s,color .3s,border-color .3s,transform .2s,box-shadow .3s;will-change:transform}\r\n.tbtn.active,.tbtn:hover{background:linear-gradient(135deg,var(--lime),var(--teal));color:var(--dark);border-color:transparent;box-shadow:0 8px 28px rgba(168,255,62,.28),inset 0 1.5px 0 rgba(255,255,255,.38);transform:translateY(-1px) translateZ(0)}\r\n.tab-pane{display:none;animation:tabIn .4s cubic-bezier(.22,1,.36,1)}\r\n.tab-pane.active{display:block}\r\n@keyframes tabIn{from{opacity:0;transform:translateY(12px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}\r\n.vlbl{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;color:var(--teal);margin-bottom:24px;display:flex;align-items:center;gap:12px}\r\n.vlbl::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.07)}\r\n.vgrid-h{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:22px;margin-bottom:52px}\r\n.vgrid-v{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;margin-bottom:52px}\r\n.vcard{border-radius:22px;overflow:hidden;position:relative;background:rgba(255,255,255,.052);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border:1px solid rgba(255,255,255,.11);box-shadow:0 10px 42px rgba(0,0,0,.52),inset 0 1.5px 0 rgba(255,255,255,.16);transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .42s,border-color .3s;will-change:transform}\r\n.vcard::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.055) 0%,transparent 100%);pointer-events:none;z-index:1;border-radius:inherit}\r\n.vcard:hover{transform:translateY(-8px) scale(1.012) translateZ(0);border-color:rgba(0,212,170,.36);box-shadow:0 28px 75px rgba(0,0,0,.64),inset 0 1.5px 0 rgba(255,255,255,.2),0 0 42px rgba(0,212,170,.1)}\r\n.vcard video{width:100%;display:block;background:var(--dark);position:relative;z-index:0}\r\n.vid-h{aspect-ratio:16\/9;object-fit:cover}\r\n.vid-v,\r\n.vid-v:fullscreen,\r\n.vid-v:-webkit-full-screen{\r\n    cursor:auto !important;\r\n}\r\n.vid-foot{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.42);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.07);position:relative;z-index:2}\r\n.vtag{font-size:.71rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--teal);background:rgba(0,212,170,.1);border:1px solid rgba(0,212,170,.22);padding:3px 9px;border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}\r\n.vinfo{font-size:.76rem;color:var(--dim)}\r\n.vph{width:100%;background:linear-gradient(135deg,rgba(0,212,170,.07),rgba(168,255,62,.05));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--dim);font-size:.81rem}\r\n.vph svg{width:36px;height:36px;opacity:.32;fill:var(--teal)}\r\n.vph.h{aspect-ratio:16\/9}.vph.v{aspect-ratio:9\/16;max-height:420px}\r\n.icat{margin-bottom:80px}\r\n.icat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}\r\n.icat-title{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:12px}\r\n.icat-title span{font-size:.71rem;font-weight:500;letter-spacing:.07em;color:var(--muted);text-transform:uppercase;padding:4px 12px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}\r\n.icat-meta{font-size:.78rem;color:var(--dim);display:flex;align-items:center;gap:8px}\r\n.icat-meta::before{content:'';width:18px;height:1px;background:rgba(255,255,255,.15)}\r\n.igrid-social{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}\r\n.igrid-pkg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\r\n.icard{border-radius:20px;overflow:hidden;position:relative;cursor:pointer;background:rgba(255,255,255,.052);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 30px rgba(0,0,0,.46),inset 0 1.5px 0 rgba(255,255,255,.15);transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .42s,border-color .3s;will-change:transform}\r\n.icard::after{content:'';position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.055) 0%,transparent 100%);pointer-events:none;z-index:2;border-radius:inherit}\r\n.icard:hover{transform:translateY(-7px) scale(1.018) translateZ(0);border-color:rgba(168,255,62,.38);box-shadow:0 24px 64px rgba(0,0,0,.62),inset 0 1.5px 0 rgba(255,255,255,.2),0 0 36px rgba(168,255,62,.1)}\r\n.icard img.portfolio-img{width:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}\r\n.icard:hover img.portfolio-img{transform:scale(1.06) translateZ(0)}\r\n.icard img.portfolio-img.portrait{aspect-ratio:4\/5}\r\n.icard img.portfolio-img.landscape{aspect-ratio:16\/9}\r\n.icard img.portfolio-img.square{aspect-ratio:1\/1}\r\n.iov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.28) 38%,transparent 60%);opacity:0;transition:opacity .35s ease;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:18px 20px;z-index:3}\r\n.icard:hover .iov{opacity:1}\r\n.iov-label{font-family:'Syne',sans-serif;font-size:.85rem;font-weight:700;color:var(--txt);margin-bottom:6px;transform:translateY(6px) translateZ(0);transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform}\r\n.icard:hover .iov-label{transform:translateY(0) translateZ(0)}\r\n.iov-tag{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);background:rgba(168,255,62,.15);border:1px solid rgba(168,255,62,.3);padding:3px 9px;border-radius:6px;transform:translateY(8px) translateZ(0);transition:transform .35s .05s cubic-bezier(.22,1,.36,1);display:inline-block;will-change:transform}\r\n.icard:hover .iov-tag{transform:translateY(0) translateZ(0)}\r\n.iph{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--dim);font-size:.78rem;position:relative}\r\n.iph svg{width:30px;height:30px;opacity:.25;fill:currentColor}\r\n.iph-pulse{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(168,255,62,.18);position:absolute;animation:iphPulse 2.5s ease-in-out infinite;will-change:transform,opacity}\r\n@keyframes iphPulse{0%,100%{transform:scale(1) translateZ(0);opacity:.4}50%{transform:scale(1.4) translateZ(0);opacity:0}}\r\n.iph.s{aspect-ratio:4\/5}.iph.p{aspect-ratio:16\/9}.iph.b{aspect-ratio:16\/9}.iph.hw{aspect-ratio:21\/9}\r\n\r\n\/* \u2500\u2500 Skills \u2500\u2500 *\/\r\n#skills{padding:120px 80px}\r\n.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}\r\n.skill-panel{padding:34px 36px;border-radius:28px;background:rgba(255,255,255,.052);backdrop-filter:blur(40px) saturate(210%);-webkit-backdrop-filter:blur(40px) saturate(210%);border:1px solid rgba(255,255,255,.11);box-shadow:0 12px 44px rgba(0,0,0,.42),inset 0 1.5px 0 rgba(255,255,255,.16);position:relative;overflow:hidden;transition:border-color .4s,background .4s,transform .35s,box-shadow .35s;will-change:transform}\r\n.skill-panel::before{content:'';position:absolute;inset:0;background:var(--gspec);pointer-events:none}\r\n.skill-panel::after{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:var(--gshine);pointer-events:none}\r\n.skill-panel:hover{border-color:rgba(0,212,170,.22);background:rgba(0,212,170,.05);transform:translateY(-4px) translateZ(0);box-shadow:0 22px 60px rgba(0,0,0,.52),inset 0 1.5px 0 rgba(255,255,255,.2)}\r\n.sp-title{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;margin-bottom:28px;color:var(--lime);display:flex;align-items:center;gap:10px;position:relative;z-index:2}\r\n.sp-title svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}\r\n.sk-row{margin-bottom:20px;position:relative;z-index:2}\r\n.sk-row:last-child{margin-bottom:0}\r\n.sk-meta{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem}\r\n.sk-name{font-weight:500;color:var(--txt)}\r\n.sk-pct{color:var(--dim);font-size:.77rem}\r\n.bar-track{height:5px;border-radius:3px;background:rgba(255,255,255,.07);overflow:visible;position:relative}\r\n.bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--lime));width:0;transition:width 1.2s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px rgba(168,255,62,.38);position:relative;will-change:width}\r\n.bar-fill::after{content:'';position:absolute;right:-2px;top:-4px;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);opacity:0;transition:opacity .4s ease}\r\n.bar-fill.animated::after{opacity:1}\r\n.tl-panel{grid-column:1\/-1;padding:38px 40px;border-radius:28px;background:rgba(255,255,255,.042);backdrop-filter:blur(40px) saturate(210%);-webkit-backdrop-filter:blur(40px) saturate(210%);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 44px rgba(0,0,0,.42),inset 0 1.5px 0 rgba(255,255,255,.14);position:relative;overflow:hidden}\r\n.tl-panel::before{content:'';position:absolute;inset:0;background:var(--gspec);pointer-events:none}\r\n.tl-panel::after{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:var(--gshine);pointer-events:none}\r\n.tl-head{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;margin-bottom:32px;color:var(--lime);display:flex;align-items:center;gap:10px;position:relative;z-index:2}\r\n.tl-head svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}\r\n.tl-list{position:relative;padding-left:30px;z-index:2}\r\n.tl-list::before{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:1.5px;background:linear-gradient(180deg,var(--teal),var(--lime),transparent);border-radius:2px;opacity:.5}\r\n.tl-item{position:relative;margin-bottom:32px}\r\n.tl-item:last-child{margin-bottom:0}\r\n.tl-item::before{content:'';position:absolute;left:-28px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--teal);border:2px solid var(--dark);box-shadow:0 0 13px rgba(0,212,170,.6)}\r\n.tl-year{font-size:.72rem;font-weight:700;letter-spacing:.09em;color:var(--teal);text-transform:uppercase;margin-bottom:5px}\r\n.tl-role{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;margin-bottom:3px}\r\n.tl-org{font-size:.82rem;color:var(--lime);margin-bottom:8px;font-weight:500}\r\n.tl-desc{font-size:.85rem;color:var(--muted);line-height:1.74}\r\n\r\n\/* \u2500\u2500 Contact \u2500\u2500 *\/\r\n#contact{padding:120px 80px}\r\n.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1100px}\r\n.c-intro{font-size:1.01rem;color:rgba(237,246,242,.68);line-height:1.84;margin-bottom:36px;max-width:460px}\r\n.c-list,.s-list{display:flex;flex-direction:column;gap:14px}\r\n.c-card,.s-card{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:20px;text-decoration:none;color:var(--txt);background:rgba(255,255,255,.062);backdrop-filter:blur(36px) saturate(210%);-webkit-backdrop-filter:blur(36px) saturate(210%);border:1px solid rgba(255,255,255,.11);box-shadow:0 6px 26px rgba(0,0,0,.38),inset 0 1.5px 0 rgba(255,255,255,.18);transition:border-color .35s,background .35s,box-shadow .35s,transform .35s;position:relative;overflow:hidden;will-change:transform}\r\n.c-card::before,.s-card::before{content:'';position:absolute;inset:0;background:var(--gspec);pointer-events:none}\r\n.c-card::after,.s-card::after{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:var(--gshine);pointer-events:none}\r\n.c-card:hover{border-color:rgba(168,255,62,.32);background:rgba(168,255,62,.07);transform:translateX(9px) translateZ(0);box-shadow:0 14px 40px rgba(0,0,0,.48),inset 0 1.5px 0 rgba(255,255,255,.22),0 0 26px rgba(168,255,62,.08)}\r\n.s-card:hover{transform:translateX(9px) translateZ(0);box-shadow:0 14px 40px rgba(0,0,0,.48),inset 0 1.5px 0 rgba(255,255,255,.22)}\r\n.s-card.ig:hover{border-color:rgba(225,48,108,.36);background:rgba(225,48,108,.07)}\r\n.s-card.li:hover{border-color:rgba(10,102,194,.36);background:rgba(10,102,194,.07)}\r\n.s-card.wa:hover{border-color:rgba(37,211,102,.36);background:rgba(37,211,102,.07)}\r\n.c-icon{width:44px;height:44px;border-radius:14px;flex-shrink:0;background:rgba(0,212,170,.1);border:1px solid rgba(0,212,170,.22);display:flex;align-items:center;justify-content:center;color:var(--teal);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.17);position:relative;z-index:2}\r\n.c-icon svg{width:18px;height:18px;fill:currentColor}\r\n.c-lbl,.s-handle{font-size:.71rem;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);margin-bottom:2px;position:relative;z-index:2}\r\n.c-val{font-size:.92rem;font-weight:500;position:relative;z-index:2}\r\n.s-icon{width:44px;height:44px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.16);position:relative;z-index:2}\r\n.s-icon svg{width:22px;height:22px}\r\n.s-name{font-weight:600;font-size:.92rem;margin-bottom:2px;position:relative;z-index:2}\r\n\r\n\/* \u2500\u2500 Footer \u2500\u2500 *\/\r\nfooter{padding:36px 80px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;position:relative;z-index:1;background:rgba(6,10,8,.62);backdrop-filter:blur(24px)}\r\n.f-brand{font-family:'Syne',sans-serif;font-weight:800;font-size:1.15rem;background:linear-gradient(135deg,var(--lime),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n.f-txt{font-size:.79rem;color:var(--dim)}\r\n\r\n\/* \u2500\u2500 Lightbox \u2500\u2500 *\/\r\n#lightbox{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.88);backdrop-filter:blur(32px) saturate(170%);-webkit-backdrop-filter:blur(32px) saturate(170%);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}\r\n#lightbox.open{opacity:1;pointer-events:all}\r\n#lightbox img{max-width:88vw;max-height:84vh;border-radius:18px;box-shadow:0 44px 110px rgba(0,0,0,.88),0 0 0 1px rgba(255,255,255,.08);transform:scale(.96) translateZ(0);transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform}\r\n#lightbox.open img{transform:scale(1) translateZ(0)}\r\n#lb-close{position:absolute;top:20px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:var(--txt);font-size:1.2rem;cursor:pointer;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.2);transition:background .3s,border-color .3s}\r\n#lb-close:hover{background:rgba(255,60,60,.22);border-color:rgba(255,60,60,.42)}\r\n\r\n@keyframes fadeUp{from{opacity:0;transform:translateY(20px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}\r\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TABLET\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:1100px){\r\n  #hero{flex-direction:column;padding:110px 40px 70px;text-align:center}\r\n  .hero-l{max-width:100%}\r\n  .h-badge,.h-loc,.h-cta{justify-content:center}\r\n  .about-grid,.contact-wrap,.skill-grid{grid-template-columns:1fr}\r\n  .igrid-social{grid-template-columns:repeat(2,1fr)}\r\n  .igrid-pkg{grid-template-columns:repeat(2,1fr)}\r\n  #about,#portfolio,#skills,#contact,footer{padding-left:40px;padding-right:40px}\r\n}\r\n@media(max-width:900px) and (min-width:701px){.o3{display:none}}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   MOBILE \u2264 700px \u2014 strip heavy GPU work\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:700px){\r\n  body{cursor:auto}\r\n  #cur,#cur-ring{display:none}\r\n\r\n  header{padding:0 16px;width:calc(100% - 24px);top:8px}\r\n  nav{display:none}\r\n  #hero,#about,#portfolio,#skills,#contact{padding-left:20px;padding-right:20px}\r\n\r\n  \/* Reduce orb blur 90\u219240px *\/\r\n  .orb-inner{filter:blur(40px)!important}\r\n\r\n  \/* Kill blob morph (border-radius animation = expensive repaint on Android) *\/\r\n  .phalo{animation:none;border-radius:50%}\r\n\r\n  \/* Slow rings *\/\r\n  .pr1{animation-duration:50s}\r\n  .pr2{animation-duration:38s}\r\n\r\n  \/* Kill tag float loops *\/\r\n  .ftag{animation:none}\r\n  .ftag:nth-child(3){display:none}\r\n\r\n  \/* Smaller scene *\/\r\n  .pscene{width:280px;height:340px}\r\n\r\n  \/* Tighter circle on mobile + lighter shadow *\/\r\n  .photo-wrap{width:220px;height:220px}\r\n  @keyframes ringGlow{\r\n    0%,100%{box-shadow:0 0 0 2px var(--dark),0 0 0 4px rgba(168,255,62,.68),0 0 20px rgba(168,255,62,.2),0 12px 40px rgba(0,0,0,.6)}\r\n    50%{box-shadow:0 0 0 2px var(--dark),0 0 0 4px rgba(0,212,170,.8),0 0 28px rgba(0,212,170,.28),0 12px 40px rgba(0,0,0,.6)}\r\n  }\r\n\r\n  \/* Reduce backdrop-filter to 12px \u2014 ~15ms\/frame saving on mid-range phones *\/\r\n  .vcard,.stat-card,.tools-panel,.tl-panel,.skill-panel,.c-card,.s-card,.ftag,.h-badge,.btn-glass{\r\n    backdrop-filter:blur(12px) saturate(150%)!important;\r\n    -webkit-backdrop-filter:blur(12px) saturate(150%)!important;\r\n  }\r\n  header{\r\n    backdrop-filter:blur(18px) saturate(160%)!important;\r\n    -webkit-backdrop-filter:blur(18px) saturate(160%)!important;\r\n  }\r\n\r\n  \/* Disable hover transforms on touch *\/\r\n  .vcard:hover,.icard:hover,.stat-card:hover,.skill-panel:hover,.c-card:hover,.s-card:hover{transform:none}\r\n  .icard:hover img.portfolio-img{transform:none}\r\n  .icard:hover .iov{opacity:0}\r\n\r\n  \/* Faster reveal *\/\r\n  .rev{transition:opacity .5s ease,transform .5s ease}\r\n\r\n  .vgrid-h{grid-template-columns:1fr}\r\n  .vgrid-v{grid-template-columns:repeat(2,1fr)}\r\n  .igrid-social{grid-template-columns:repeat(2,1fr)}\r\n  .igrid-pkg{grid-template-columns:repeat(2,1fr)}\r\n  footer{padding:28px 20px;flex-direction:column;text-align:center}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"cur\"><\/div>\r\n<div id=\"cur-ring\"><\/div>\r\n\r\n<div class=\"scene\">\r\n  <div class=\"orb o1\"><div class=\"orb-inner\" style=\"background:radial-gradient(circle,rgba(0,212,170,.19) 0%,transparent 65%)\"><\/div><\/div>\r\n  <div class=\"orb o2\"><div class=\"orb-inner\" style=\"background:radial-gradient(circle,rgba(168,255,62,.14) 0%,transparent 65%)\"><\/div><\/div>\r\n  <div class=\"orb o3\"><div class=\"orb-inner\" style=\"background:radial-gradient(circle,rgba(0,180,130,.1) 0%,transparent 65%)\"><\/div><\/div>\r\n<\/div>\r\n\r\n<div id=\"spb\"><\/div>\r\n\r\n<header>\r\n  <div class=\"logo\">Sibi AK<\/div>\r\n  <nav>\r\n    <a href=\"#hero\">Home<\/a>\r\n    <a href=\"#about\">About<\/a>\r\n    <a href=\"#portfolio\">Portfolio<\/a>\r\n    <a href=\"#skills\">Skills<\/a>\r\n    <a href=\"#contact\">Contact<\/a>\r\n  <\/nav>\r\n  <div class=\"hsoc\">\r\n    <a href=\"https:\/\/www.instagram.com\/sibi_a_k?igsh=MXY2aGJzd3ZwdHk4dw==\" target=\"_blank\" rel=\"noopener\" title=\"Instagram\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n    <\/a>\r\n    <a href=\"https:\/\/www.linkedin.com\/in\/sibi-ak-1a86b9388\" target=\"_blank\" rel=\"noopener\" title=\"LinkedIn\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n    <\/a>\r\n    <a href=\"https:\/\/wa.me\/917902948207\" target=\"_blank\" rel=\"noopener\" title=\"WhatsApp\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n    <\/a>\r\n    <a href=\"mailto:sibiak227@gmail.com\" title=\"Email\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z\"\/><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<section id=\"hero\">\r\n  <div class=\"hero-l\">\r\n    <div class=\"h-badge\"><span class=\"pdot\"><\/span>Available for Work<\/div>\r\n    <h1 class=\"h-name\">I'm <span class=\"grad\">Sibi AK,<\/span><\/h1>\r\n    <div class=\"h-role\">Graphic Designer &amp; Video Editor<\/div>\r\n    <div class=\"h-loc\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 0C7.802 0 4 3.403 4 7.602 4 11.8 7.469 16.812 12 24c4.531-7.188 8-12.2 8-16.398C20 3.402 16.199 0 12 0zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z\"\/><\/svg>\r\n      Based in Kondotty, Kerala, India\r\n    <\/div>\r\n    <p class=\"h-desc\">Creative professional specializing in motion graphics, video production, poster design, and visual branding \u2014 crafting scroll-stopping content that connects brands to people.<\/p>\r\n    <div class=\"h-cta\">\r\n      <a href=\"#portfolio\" class=\"btn-primary\">\r\n        <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:var(--dark)\"><path d=\"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z\"\/><\/svg>\r\n        View Portfolio\r\n      <\/a>\r\n      <a href=\"#contact\" class=\"btn-glass\">\r\n        <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:currentColor\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5z\"\/><\/svg>\r\n        Contact Me\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-r\">\r\n    <div class=\"pscene\">\r\n      <div class=\"ftag\">\ud83c\udfac Video Editor<\/div>\r\n      <div class=\"ftag\">\u2728 Motion Graphics<\/div>\r\n      <div class=\"ftag\">\ud83c\udfa8 Graphic Designer<\/div>\r\n      <div class=\"pr1\"><\/div>\r\n      <div class=\"pr2\"><\/div>\r\n      <div class=\"phalo\"><\/div>\r\n      <!-- Perfect circle photo \u2014 Cloudinary face+body crop -->\r\n      <div class=\"photo-wrap\">\r\n        <img\r\n          class=\"hphoto\"\r\n          src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/c_fill,g_face,w_600,h_600,z_0.8\/v1768887077\/WhatsApp_Image_2026-01-20_at_10.34.02_jwjr0r.jpg\"\r\n          alt=\"Sibi AK \u2014 Graphic Designer &amp; Video Editor\"\r\n          loading=\"eager\"\r\n          decoding=\"async\"\r\n          fetchpriority=\"high\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"about\">\r\n  <div class=\"eyebrow\">About Me<\/div>\r\n  <h2 class=\"sec-h rev\">Who I <span class=\"ac\">Am<\/span><\/h2>\r\n  <div class=\"about-grid\">\r\n    <div>\r\n      <div class=\"about-text rev\">\r\n        <p>I'm <strong>Sibi AK<\/strong>, a passionate and results-driven <strong>Graphic Designer and Video Editor<\/strong> based in Kondotty, Kerala, India. With a strong foundation in visual storytelling, I bring creative concepts to life through compelling design and high-quality video production.<\/p>\r\n        <p>My expertise spans across <strong>motion graphics, social media content, branding, package design<\/strong>, and professional video editing. I work fluently with the full Adobe Creative Suite \u2014 crafting visual identities, promotional videos, and marketing materials that cut through the noise.<\/p>\r\n        <p>I thrive in collaborative environments where creativity meets purpose. I bring precision, creative energy, and a sharp eye for detail to every project I touch.<\/p>\r\n      <\/div>\r\n      <div class=\"stat-grid rev\">\r\n        <div class=\"stat-card\"><div class=\"stat-num\">2+<\/div><div class=\"stat-lbl\">Years Experience<\/div><\/div>\r\n        <div class=\"stat-card\"><div class=\"stat-num\">50+<\/div><div class=\"stat-lbl\">Projects Completed<\/div><\/div>\r\n        <div class=\"stat-card\"><div class=\"stat-num\">10+<\/div><div class=\"stat-lbl\">Video Productions<\/div><\/div>\r\n        <div class=\"stat-card\"><div class=\"stat-num\">100%<\/div><div class=\"stat-lbl\">Creative Commitment<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"tools-panel rev\">\r\n      <div class=\"tools-head\">Software &amp; Tools<\/div>\r\n      <div class=\"chips\">\r\n        <div class=\"chip\">Adobe Photoshop<\/div>\r\n        <div class=\"chip\">Adobe Illustrator<\/div>\r\n        <div class=\"chip\">Adobe Premiere Pro<\/div>\r\n        <div class=\"chip\">Adobe After Effects<\/div>\r\n        <div class=\"chip\">Adobe Audition<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"portfolio\">\r\n  <div class=\"eyebrow\">My Work<\/div>\r\n  <h2 class=\"sec-h rev\">Featured <span class=\"ac\">Portfolio<\/span><\/h2>\r\n  <div class=\"tab-row rev\">\r\n    <button class=\"tbtn active\" onclick=\"switchTab('videos',this)\">\ud83c\udfac Video Work<\/button>\r\n    <button class=\"tbtn\" onclick=\"switchTab('social',this)\">\ud83d\udcf8 Social Posters<\/button>\r\n    <button class=\"tbtn\" onclick=\"switchTab('branding',this)\">\ud83c\udff7\ufe0f Branding<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"tab-pane active\" id=\"tab-videos\">\r\n    <div class=\"vlbl\">Horizontal Videos \u2014 Cinematic &amp; Promo<\/div>\r\n    <div class=\"vgrid-h\">\r\n      <div class=\"vcard\"><video class=\"vid-h\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1769157800\/ishow_speed_tsjixg.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Typography<\/span><span class=\"vinfo\">After Effects + Premiere Pro<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><video class=\"vid-h\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1782446768\/Sequence_01_1_fmmucs.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Fast cut<\/span><span class=\"vinfo\">After Effects + Premiere Pro<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><video class=\"vid-h\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1782534763\/final_2_jnobvh.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Fanbase edit<\/span><span class=\"vinfo\">After Effects + Premiere Pro<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><div class=\"vph h\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><span>Video 5 \u2014 Coming Soon<\/span><\/div><div class=\"vid-foot\"><span class=\"vtag\">Corporate<\/span><span class=\"vinfo\">After Effects<\/span><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"vlbl\">Vertical Videos \u2014 Reels &amp; Shorts<\/div>\r\n    <div class=\"vgrid-v\">\r\n      <div class=\"vcard\"><video class=\"vid-v\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1781681195\/alan_bexova_t0xvhh.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Bexova Reel<\/span><span class=\"vinfo\">After Effects<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><video class=\"vid-v\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1768887691\/comp12_no9xxo.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Speed Ramp<\/span><span class=\"vinfo\">After Effects<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><video class=\"vid-v\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1769062784\/DR_M%C3%98B_Y3LLAVISION_-_LOCA_LOCA_Super_Slowed_AMIbwAa9XBs_filsbc.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Speed Ramp<\/span><span class=\"vinfo\">After Effects<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><video class=\"vid-v\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1768887163\/ai_video_ad_npxeui.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Product Ad<\/span><span class=\"vinfo\">After Effects<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><video class=\"vid-v\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1769062791\/Sequence_01_l9p7uc.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Reel<\/span><span class=\"vinfo\">After Effects<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><video class=\"vid-v\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1768887279\/Sequence_01_l0fl8b.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Reel<\/span><span class=\"vinfo\">After Effects<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><video class=\"vid-v\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1769062786\/dr_gobu2_kttig2.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Doctor Reel<\/span><span class=\"vinfo\">After Effects<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><video class=\"vid-v\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1769062790\/free_domain_vzpeto.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Reel<\/span><span class=\"vinfo\">After Effects<\/span><\/div><\/div>\r\n      <div class=\"vcard\"><video class=\"vid-v\" controls preload=\"metadata\" playsinline><source src=\"https:\/\/res.cloudinary.com\/doxzvzdiv\/video\/upload\/v1769158179\/Sequence_01_1_3_sfugwb.mp4\" type=\"video\/mp4\"><\/video><div class=\"vid-foot\"><span class=\"vtag\">Reel<\/span><span class=\"vinfo\">After Effects<\/span><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"tab-pane\" id=\"tab-social\">\r\n    <div class=\"icat\">\r\n      <div class=\"icat-head\">\r\n        <div class=\"icat-title\">Social Media Posters <span>1080 \u00d7 1350<\/span><\/div>\r\n        <div class=\"icat-meta\" id=\"social-count\">10 designs<\/div>\r\n      <\/div>\r\n      <div class=\"igrid-social\" id=\"social-grid\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"tab-pane\" id=\"tab-branding\">\r\n    <div class=\"icat\">\r\n      <div class=\"icat-head\">\r\n        <div class=\"icat-title\">Branding Designs <span>1920 \u00d7 1080<\/span><\/div>\r\n        <div class=\"icat-meta\" id=\"brand-count\">4 designs<\/div>\r\n      <\/div>\r\n      <div class=\"igrid-pkg\" id=\"brand-grid\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"skills\">\r\n  <div class=\"eyebrow\">Experience<\/div>\r\n  <h2 class=\"sec-h rev\">Skills &amp; <span class=\"ac\">Background<\/span><\/h2>\r\n  <div class=\"skill-grid\">\r\n    <div class=\"skill-panel rev\">\r\n      <div class=\"sp-title\"><svg viewBox=\"0 0 24 24\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>Design Skills<\/div>\r\n      <div class=\"sk-row\"><div class=\"sk-meta\"><span class=\"sk-name\">Adobe Photoshop<\/span><span class=\"sk-pct\">90%<\/span><\/div><div class=\"bar-track\"><div class=\"bar-fill\" data-pct=\"90\"><\/div><\/div><\/div>\r\n      <div class=\"sk-row\"><div class=\"sk-meta\"><span class=\"sk-name\">Adobe Illustrator<\/span><span class=\"sk-pct\">85%<\/span><\/div><div class=\"bar-track\"><div class=\"bar-fill\" data-pct=\"85\"><\/div><\/div><\/div>\r\n      <div class=\"sk-row\"><div class=\"sk-meta\"><span class=\"sk-name\">Poster &amp; Social Media<\/span><span class=\"sk-pct\">85%<\/span><\/div><div class=\"bar-track\"><div class=\"bar-fill\" data-pct=\"92\"><\/div><\/div><\/div>\r\n      <div class=\"sk-row\"><div class=\"sk-meta\"><span class=\"sk-name\">Package Design<\/span><span class=\"sk-pct\">78%<\/span><\/div><div class=\"bar-track\"><div class=\"bar-fill\" data-pct=\"78\"><\/div><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"skill-panel rev\">\r\n      <div class=\"sp-title\"><svg viewBox=\"0 0 24 24\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg>Video &amp; Motion<\/div>\r\n      <div class=\"sk-row\"><div class=\"sk-meta\"><span class=\"sk-name\">Adobe Premiere Pro<\/span><span class=\"sk-pct\">88%<\/span><\/div><div class=\"bar-track\"><div class=\"bar-fill\" data-pct=\"88\"><\/div><\/div><\/div>\r\n      <div class=\"sk-row\"><div class=\"sk-meta\"><span class=\"sk-name\">Adobe After Effects<\/span><span class=\"sk-pct\">92%<\/span><\/div><div class=\"bar-track\"><div class=\"bar-fill\" data-pct=\"92\"><\/div><\/div><\/div>\r\n      <div class=\"sk-row\"><div class=\"sk-meta\"><span class=\"sk-name\">Motion Graphics<\/span><span class=\"sk-pct\">80%<\/span><\/div><div class=\"bar-track\"><div class=\"bar-fill\" data-pct=\"80\"><\/div><\/div><\/div>\r\n      <div class=\"sk-row\"><div class=\"sk-meta\"><span class=\"sk-name\">Reels &amp; Short Form<\/span><span class=\"sk-pct\">90%<\/span><\/div><div class=\"bar-track\"><div class=\"bar-fill\" data-pct=\"90\"><\/div><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"tl-panel rev\">\r\n      <div class=\"tl-head\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>Education &amp; Experience<\/div>\r\n      <div class=\"tl-list\">\r\n        <div class=\"tl-item\"><div class=\"tl-year\">2025-2026 \u2013 video editing course<\/div><div class=\"tl-role\">Bexova Academy<\/div><div class=\"tl-org\">AI Integrated Multimedia<\/div><div class=\"tl-desc\">Comprehensive training in modern multimedia production, including AI-powered design tools, video editing workflows, motion graphics techniques, and industry-standard software proficiency.<\/div><\/div>\r\n        <div class=\"tl-item\"><div class=\"tl-year\">2024-2025<\/div><div class=\"tl-role\">Plus Two<\/div><div class=\"tl-org\">PPMHSS Kottukkara<\/div><div class=\"tl-desc\">Completed higher secondary education<\/div><\/div>\r\n        <div class=\"tl-item\"><div class=\"tl-year\">2022\u20132023<\/div><div class=\"tl-role\">SSLC<\/div><div class=\"tl-org\">PPMHSS Kottukkara<\/div><div class=\"tl-desc\">Completed Secondary School Leaving Certificate (SSLC) during the 2022\u20132023 academic year, building a strong foundation in core subjects and developing discipline, consistency, and basic problem-solving skills.<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"contact\">\r\n  <div class=\"eyebrow\">Get In Touch<\/div>\r\n  <h2 class=\"sec-h rev\">Let's <span class=\"ac\">Connect<\/span><\/h2>\r\n  <div class=\"contact-wrap\">\r\n    <div class=\"rev\">\r\n      <p class=\"c-intro\">I'm actively seeking full-time opportunities in graphic design, video production, or a creative in-house role. If you're looking for a dedicated creative professional \u2014 I'd love to hear from you.<\/p>\r\n      <div class=\"c-list\">\r\n        <a class=\"c-card\" href=\"mailto:sibiakdesigns@gmail.com\"><div class=\"c-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z\"\/><\/svg><\/div><div><div class=\"c-lbl\">Email<\/div><div class=\"c-val\">sibiak227@gmail.com<\/div><\/div><\/a>\r\n        <a class=\"c-card\" href=\"https:\/\/wa.me\/917902948207\" target=\"_blank\" rel=\"noopener\"><div class=\"c-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg><\/div><div><div class=\"c-lbl\">WhatsApp \/ Phone<\/div><div class=\"c-val\">+91 79029 48207<\/div><\/div><\/a>\r\n        <div class=\"c-card\" style=\"cursor:default\"><div class=\"c-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 0C7.802 0 4 3.403 4 7.602 4 11.8 7.469 16.812 12 24c4.531-7.188 8-12.2 8-16.398C20 3.402 16.199 0 12 0zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z\"\/><\/svg><\/div><div><div class=\"c-lbl\">Location<\/div><div class=\"c-val\">Kondotty, Kerala, India<\/div><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"rev\">\r\n      <p class=\"c-intro\">Connect on social media<\/p>\r\n      <div class=\"s-list\">\r\n        <a class=\"s-card ig\" href=\"https:\/\/www.instagram.com\/sibi_a_k?igsh=MXY2aGJzd3ZwdHk4dw==\" target=\"_blank\" rel=\"noopener\"><div class=\"s-icon\" style=\"background:rgba(225,48,108,.14);border-color:rgba(225,48,108,.25)\"><svg viewBox=\"0 0 24 24\" fill=\"#e1306c\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg><\/div><div><div class=\"s-name\">Instagram<\/div><div class=\"s-handle\">@sibi_a_k<\/div><\/div><\/a>\r\n        <a class=\"s-card li\" href=\"https:\/\/www.linkedin.com\/in\/sibi-ak-1a86b9388\" target=\"_blank\" rel=\"noopener\"><div class=\"s-icon\" style=\"background:rgba(10,102,194,.14);border-color:rgba(10,102,194,.25)\"><svg viewBox=\"0 0 24 24\" fill=\"#0a66c2\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/div><div><div class=\"s-name\">LinkedIn<\/div><div class=\"s-handle\">Sibi AK<\/div><\/div><\/a>\r\n        <a class=\"s-card wa\" href=\"https:\/\/wa.me\/917902948207\" target=\"_blank\" rel=\"noopener\"><div class=\"s-icon\" style=\"background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.25)\"><svg viewBox=\"0 0 24 24\" fill=\"#25d366\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg><\/div><div><div class=\"s-name\">WhatsApp<\/div><div class=\"s-handle\">+91 79029 48207<\/div><\/div><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n  <div class=\"f-brand\">Sibi AK<\/div>\r\n  <div class=\"f-txt\">\u00a9 2026 Sibi AK \u2014 All rights reserved<\/div>\r\n  <div class=\"f-txt\">Made with <span style=\"color:var(--lime)\">\u2665<\/span> in Kerala, India<\/div>\r\n<\/footer>\r\n\r\n<div id=\"lightbox\">\r\n  <div id=\"lb-close\" onclick=\"closeLB()\">\u2715<\/div>\r\n  <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"Portfolio piece\">\r\n<\/div>\r\n\r\n<script>\r\nconst isMobile = window.matchMedia('(max-width:700px)').matches || ('ontouchstart' in window);\r\nconst prefersReduced = window.matchMedia('(prefers-reduced-motion:reduce)').matches;\r\n\r\n\/* Hide extra orbs on mobile *\/\r\nif (isMobile) {\r\n  document.querySelector('.o2')?.style.setProperty('display','none');\r\n  document.querySelector('.o3')?.style.setProperty('display','none');\r\n}\r\n\r\n\/* \u2500\u2500 CURSOR (desktop only) \u2500\u2500 *\/\r\nif (!isMobile && !prefersReduced) {\r\n  const curEl = document.getElementById('cur');\r\n  const ringEl = document.getElementById('cur-ring');\r\n  let mx=0,my=0,rx=0,ry=0,visible=false;\r\n\r\n  document.addEventListener('mousemove', e => {\r\n    mx=e.clientX; my=e.clientY;\r\n    curEl.style.transform=`translate(${mx-5}px,${my-5}px) translateZ(0)`;\r\n    if(!visible){visible=true;curEl.style.opacity='1';ringEl.style.opacity='0.7';}\r\n  },{passive:true});\r\n\r\n  (function animRing(){\r\n    rx+=(mx-rx)*.1; ry+=(my-ry)*.1;\r\n    ringEl.style.transform=`translate(${rx-18}px,${ry-18}px) translateZ(0)`;\r\n    requestAnimationFrame(animRing);\r\n  })();\r\n\r\n  const SEL='a,button,.chip,.icard,.vcard,.stat-card,.tbtn';\r\n  document.addEventListener('mouseover',e=>{\r\n    if(e.target.closest(SEL)){curEl.style.width='18px';curEl.style.height='18px';ringEl.style.width='54px';ringEl.style.height='54px';}\r\n  },{passive:true});\r\n  document.addEventListener('mouseout',e=>{\r\n    if(e.target.closest(SEL)){curEl.style.width='10px';curEl.style.height='10px';ringEl.style.width='36px';ringEl.style.height='36px';}\r\n  },{passive:true});\r\n}\r\n\r\n\/* \u2500\u2500 SCROLL PROGRESS \u2500\u2500 *\/\r\nconst spb=document.getElementById('spb');\r\nlet spbPending=false;\r\nwindow.addEventListener('scroll',()=>{\r\n  if(!spbPending){spbPending=true;requestAnimationFrame(()=>{\r\n    const total=document.documentElement.scrollHeight-window.innerHeight;\r\n    spb.style.width=(total>0?window.scrollY\/total*100:0)+'%';\r\n    spb.classList.toggle('active',window.scrollY>10);\r\n    spbPending=false;\r\n  });}\r\n},{passive:true});\r\n\r\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\r\nconst revEls=document.querySelectorAll('.rev');\r\nrevEls.forEach((el,i)=>{el.style.transitionDelay=Math.min(i*.04,.3)+'s';});\r\nconst revObs=new IntersectionObserver(entries=>{\r\n  entries.forEach(e=>{\r\n    if(e.isIntersecting){\r\n      e.target.classList.add('vis');\r\n      e.target.addEventListener('transitionend',()=>{e.target.style.willChange='auto';e.target.style.transitionDelay='0s';},{once:true});\r\n      revObs.unobserve(e.target);\r\n    }\r\n  });\r\n},{threshold:.08,rootMargin:'0px 0px -40px 0px'});\r\nrevEls.forEach(el=>revObs.observe(el));\r\n\r\n\/* \u2500\u2500 SKILL BARS \u2500\u2500 *\/\r\nconst barObs=new IntersectionObserver(entries=>{\r\n  entries.forEach(entry=>{\r\n    if(entry.isIntersecting){\r\n      entry.target.querySelectorAll('.bar-fill').forEach((bar,i)=>{\r\n        setTimeout(()=>{requestAnimationFrame(()=>{\r\n          bar.style.width=bar.dataset.pct+'%';\r\n          bar.classList.add('animated');\r\n          setTimeout(()=>{bar.style.willChange='auto';},1400);\r\n        });},i*100);\r\n      });\r\n      barObs.unobserve(entry.target);\r\n    }\r\n  });\r\n},{threshold:.2});\r\ndocument.querySelectorAll('.skill-panel').forEach(p=>barObs.observe(p));\r\n\r\n\/* \u2500\u2500 TABS \u2500\u2500 *\/\r\nfunction switchTab(name,btn){\r\n  document.querySelectorAll('.tab-pane').forEach(t=>t.classList.remove('active'));\r\n  document.querySelectorAll('.tbtn').forEach(b=>b.classList.remove('active'));\r\n  document.getElementById('tab-'+name)?.classList.add('active');\r\n  btn.classList.add('active');\r\n}\r\n\r\n\/* \u2500\u2500 PORTFOLIO DATA \u2500\u2500 *\/\r\nconst SOCIAL_IMAGES=[\r\n  {src:'https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/v1769511029\/cococola_jcjjyy.jpg',label:'Coca-Cola Poster',tag:'Social Media'},\r\n  {src:'https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/v1769511028\/7_up_wbxjdz.jpg',label:'7up Poster',tag:'Social Media'},\r\n  {src:'https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/v1769156950\/shoe_hz3ds1.jpg',label:'Shoe Poster',tag:'Social Media'},\r\n  {src:'https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/v1777961411\/AirBrushVideo1777742763710_my6co9.png',label:'BMW Poster',tag:'Social Media'},\r\n  {src:'https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/v1777961412\/AirBrushVideo1777745667447_zst5vp.png',label:'porsche 911 Poster',tag:'Social Media'},\r\n  {src:'https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/v1777961476\/AirBrushVideo1777916340669_wl3dff.png',label:'vijay Poster',tag:'Social Media'},\r\n  \r\n];\r\nconst BRAND_IMAGES=[\r\n  {src:'https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/v1772003291\/Artboard_1-100_nklb6t.jpg',label:'Max Fury Package',tag:'Brand Identity'},\r\n  {src:'https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/v1772002403\/Gemini_Generated_Image_cm8stdcm8stdcm8s_1_xyitnu.png',label:'Max Fury Design',tag:'Brand Identity'},\r\n  {src:'https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/v1772002398\/Gemini_Generated_Image_1zzj781zzj781zzj_hwiq6s.png',label:'Max Fury Design',tag:'Brand Identity'},\r\n  {src:'https:\/\/res.cloudinary.com\/doxzvzdiv\/image\/upload\/v1772002397\/Gemini_Generated_Image_5g06rm5g06rm5g06_vhc4xq.png',label:'Max Fury Design',tag:'Brand Identity'},\r\n];\r\nconst gp=[['rgba(0,212,170,.13)','rgba(168,255,62,.06)'],['rgba(168,255,62,.11)','rgba(0,212,170,.05)'],['rgba(0,180,140,.15)','rgba(140,230,60,.07)'],['rgba(0,160,130,.13)','rgba(120,220,50,.06)']];\r\nconst card=(src,lbl,tag,ac)=>`<div class=\"icard\" onclick=\"openLB(this)\"><img class=\"portfolio-img ${ac}\" src=\"${src}\" alt=\"${lbl}\" loading=\"lazy\" decoding=\"async\"><div class=\"iov\"><div class=\"iov-label\">${lbl}<\/div><div class=\"iov-tag\">${tag}<\/div><\/div><\/div>`;\r\nconst ph=(cls,lbl,tag,i)=>`<div class=\"icard\"><div class=\"iph ${cls}\" style=\"background:linear-gradient(135deg,${gp[i%4][0]},${gp[i%4][1]})\"><div class=\"iph-pulse\"><\/div><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><span style=\"color:rgba(168,255,62,.5);font-size:.74rem;font-weight:600\">${lbl}<\/span><span style=\"font-size:.64rem;color:var(--dim)\">Coming Soon<\/span><\/div><div class=\"iov\"><div class=\"iov-label\">${lbl}<\/div><div class=\"iov-tag\">${tag}<\/div><\/div><\/div>`;\r\n\r\nconst sg=document.getElementById('social-grid');\r\nif(sg){let h='';SOCIAL_IMAGES.forEach(x=>h+=card(x.src,x.label,x.tag,'portrait'));for(let i=0;i<10-SOCIAL_IMAGES.length;i++)h+=ph('s',`Poster ${SOCIAL_IMAGES.length+i+1}`,'Social Media',i);sg.innerHTML=h;document.getElementById('social-count').textContent='10 designs';}\r\n\r\nconst bg=document.getElementById('brand-grid');\r\nif(bg){let h='';BRAND_IMAGES.forEach(x=>h+=card(x.src,x.label,x.tag,'landscape'));for(let i=0;i<4-BRAND_IMAGES.length;i++)h+=ph('p',`Branding ${BRAND_IMAGES.length+i+1}`,'Brand Identity',i);bg.innerHTML=h;document.getElementById('brand-count').textContent='4 designs';}\r\n\r\n\/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\r\nconst lb=document.getElementById('lightbox'),lbImg=document.getElementById('lb-img');\r\nfunction openLB(card){const img=card.querySelector('img.portfolio-img');if(img?.src){lbImg.src=img.src;lb.classList.add('open');document.body.style.overflow='hidden';}}\r\nfunction closeLB(){lb.classList.remove('open');document.body.style.overflow='';setTimeout(()=>{lbImg.src='';},350);}\r\nlb.addEventListener('click',e=>{if(e.target===lb)closeLB();});\r\ndocument.addEventListener('keydown',e=>{if(e.key==='Escape')closeLB();},{passive:true});\r\n\r\n\/* \u2500\u2500 SMOOTH SCROLL \u2500\u2500 *\/\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n  a.addEventListener('click',e=>{const t=document.querySelector(a.getAttribute('href'));if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth',block:'start'});}});\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sibi AK \u2014 Graphic Designer &#038; Video Editor | Kondotty, Kerala Sibi AK Home About Portfolio Skills Contact Available for Work I&#8217;m Sibi AK, Graphic Designer &amp; Video Editor Based in Kondotty, Kerala, India Creative professional specializing in motion graphics, video production, poster design, and visual branding \u2014 crafting scroll-stopping content that connects brands to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sibi.bexova.work\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sibi.bexova.work\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sibi.bexova.work\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sibi.bexova.work\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sibi.bexova.work\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":172,"href":"https:\/\/sibi.bexova.work\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":299,"href":"https:\/\/sibi.bexova.work\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/299"}],"wp:attachment":[{"href":"https:\/\/sibi.bexova.work\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}