@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/34da6f6f5d0d57a5-s.3j785ygmx2sxp.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c5ef4f45c466146b-s.2ziap8r8vixmb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e9c5fb40545fcd2-s.3zvdh294vpi9c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/89d4f80f11029d6d-s.p.3y48j16vw3ns0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/876b05e81fb36bf6-s.3-cnw-vwwbh1_.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5128e7653d6f3744-s.1858_xfzcanvy.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07bc3d3e69c8b6e8-s.0h71b1gd0-8_7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/118b6ed7ac256a99-s.p.3btzg3pbxiu1o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a244653d74e7372f-s.3zj8sbbtpwle6.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7ff43f20b4a94066-s.2oiv5hw7w39w8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d5ac005905e340fc-s.24ikpou2wpz2l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c750adf2ddf22b70-s.p.1j3epi4sx1jkp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5cd84bccd140a27e-s.3qn7s-j_rzsfw.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/76724868bba90169-s.29fxwetao4wg9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/affb3a7a977decf3-s.1l6j2miq2xkli.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5db3af44c16866f3-s.p.2mye7a10bd_rx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.kanit_dd11df75-module__9FsZqG__className{font-family:Kanit,Kanit Fallback;font-style:normal}.kanit_dd11df75-module__9FsZqG__variable{--font-kanit:"Kanit", "Kanit Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_9d8e35cb-module__LH6Jpq__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_9d8e35cb-module__LH6Jpq__variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
:root{--primary:#b3ebf2;--secondary:#b6f2d1;--accent:#c9fdf2;--ink:#0f2a33;--ink-soft:#3c5760;--deep:#0c1f2b;--brand:#0e8a92;--brand-dark:#0a6d74;--white:#fff;--surface:#fff;--muted-bg:#eefbfd;--line:#d6eef2;--radius:18px;--radius-sm:12px;--shadow:0 10px 30px #0e8a921f;--shadow-lg:0 22px 50px #0c1f2b29;--shadow-hard:0 6px 0 0 var(--brand-dark);--container:1620px;--font-logo:var(--font-kanit), "Kanit", system-ui, sans-serif;--font-head:var(--font-kanit), "Kanit", system-ui, sans-serif;--font-body:var(--font-dm-sans), "DM Sans", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--muted-bg);-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink-soft);background:var(--white);font-size:17px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:clamp(16px,5vw,80px)}h1,h2,h3{font-family:var(--font-head);color:var(--ink);font-weight:800;line-height:1.1}.text-accent{color:var(--brand)}.preloader{z-index:9999;background:linear-gradient(135deg, var(--accent), var(--primary));justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.preloader.is-hidden{opacity:0;visibility:hidden}.preloader__inner{text-align:center}.preloader__logo{font-family:var(--font-logo);letter-spacing:2px;color:var(--ink);margin-bottom:18px;font-size:clamp(22px,6vw,38px);font-weight:800;display:block}.preloader__bar{background:#0f2a3326;border-radius:999px;width:200px;max-width:60vw;height:6px;margin:0 auto;overflow:hidden}.preloader__bar span{background:var(--brand);border-radius:999px;width:40%;height:100%;animation:1.1s ease-in-out infinite loadbar;display:block}@keyframes loadbar{0%{transform:translate(-120%)}to{transform:translate(320%)}}.btn{font-family:var(--font-head);cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s,background .2s;display:inline-flex}.btn--sm{padding:9px 18px;font-size:15px}.btn--primary{background:var(--brand);color:var(--white);box-shadow:0 6px 0 0 var(--brand-dark)}.btn--primary:hover{box-shadow:0 8px 0 0 var(--brand-dark);transform:translateY(-2px)}.btn--primary:active{box-shadow:0 2px 0 0 var(--brand-dark);transform:translateY(2px)}.btn--ghost{background:var(--white);color:var(--ink);border-color:var(--ink)}.btn--ghost:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn--light{background:var(--white);color:var(--brand-dark);box-shadow:0 6px #0c1f2b40}.btn--light:hover{transform:translateY(-2px)}.btn--upwork{color:var(--white);background:#14a800;box-shadow:0 6px #0d7000}.btn--upwork:hover{transform:translateY(-2px);box-shadow:0 8px #0d7000}.btn--flat{box-shadow:none!important}.btn--flat:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:none!important}.btn--flat:active{transform:translateY(0)}.nav__cta .btn--primary{background:var(--brand);color:var(--white);box-shadow:none}.nav__cta .btn--primary:hover{filter:brightness(1.06);box-shadow:none;transform:translateY(-1px)}.nav__cta .btn--primary:active{transform:translateY(0)}.site-header{z-index:900;-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--line);background:#ffffffd9;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{font-family:var(--font-logo);letter-spacing:1.5px;color:var(--ink);text-transform:uppercase;align-items:center;gap:10px;font-size:clamp(20px,3.5vw,26px);font-weight:800;transition:color .2s;display:inline-flex}.brand:hover{color:var(--brand)}.brand__mark{flex:none;width:40px;height:40px;display:block}.brand__name{line-height:1}.nav__list{align-items:center;gap:30px;display:flex}.nav__list a{font-family:var(--font-head);color:var(--ink);font-size:16px;font-weight:600;position:relative}.nav__list>li>a:not(.btn):after{content:"";background:var(--brand);border-radius:2px;width:0;height:3px;transition:width .25s;position:absolute;bottom:-6px;left:0}.nav__list>li>a:not(.btn):hover:after{width:100%}.nav-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--ink);border-radius:2px;width:26px;height:3px;transition:all .25s}.nav-toggle.is-open span:first-child{transform:translateY(8px)rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.hero{background:linear-gradient(180deg, var(--accent) 0%, #fff 70%);padding:clamp(40px,7vw,90px) 0 clamp(50px,8vw,100px)}.hero__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(30px,5vw,70px);display:grid}.pill{background:var(--white);border:1px solid var(--line);color:var(--ink);font-family:var(--font-head);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.pill__dot{background:var(--brand);border-radius:50%;width:9px;height:9px;animation:1.6s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #0e8a9280}50%{box-shadow:0 0 0 6px #0e8a9200}}.hero__title{letter-spacing:-1px;margin:22px 0;font-size:clamp(38px,7vw,68px)}.hero__lead{max-width:520px;margin-bottom:30px;font-size:clamp(16px,2vw,19px)}.hero__actions{flex-wrap:wrap;gap:16px;display:flex}.profile-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:clamp(22px,3vw,32px)}.profile-card__head{align-items:center;gap:16px;margin-bottom:18px;display:flex}.avatar{object-fit:cover;background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:50%;flex:none;width:64px;height:64px;display:block}.profile-card__name{font-size:22px}.profile-card__role{color:var(--ink-soft);font-size:14px}.badges{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.badge{font-family:var(--font-head);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.badge--success{background:var(--secondary);color:#0a5a36}.badge--rated{background:var(--primary);color:#075460}.badge--verified{background:var(--accent);color:#066b62}.upwork-strip{border:1px solid var(--line);border-radius:var(--radius-sm);background:#f3fffb;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;transition:transform .15s,box-shadow .15s;display:flex}.upwork-strip:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.upwork-strip__brand{align-items:center;gap:9px;display:inline-flex}.upwork-mark{width:24px;height:24px;display:block}.upwork-mark--btn{width:20px;height:20px}.upwork-logo{width:auto;height:20px;display:block}.upwork-strip__cta{font-family:var(--font-head);color:#14a800;white-space:nowrap;font-size:14px;font-weight:700}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{text-align:center;background:var(--muted-bg);border-radius:var(--radius-sm);padding:14px 6px}.stat__num{font-family:var(--font-head);color:var(--ink);font-size:clamp(18px,3vw,22px);font-weight:800;display:block}.stat__label{color:var(--ink-soft);font-size:13px}.section{padding:clamp(50px,8vw,100px) 0}.section--muted{background:var(--muted-bg)}.section--dark{background:var(--deep)}.tag{font-family:var(--font-head);text-transform:uppercase;letter-spacing:1px;color:var(--brand-dark);background:var(--accent);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.tag--light{color:var(--accent);background:#ffffff1f}.section__title{margin:16px 0;font-size:clamp(28px,4.5vw,44px)}.section__title--light{color:var(--white)}.section__lead{max-width:620px;margin-bottom:40px;font-size:18px}.section__lead--light{color:#ffffffc7}.about__grid{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(28px,3.5vw,48px);display:grid}.about__grid--solo{grid-template-columns:1fr}.about__bio .tag{margin-bottom:0}.about__title{margin-top:14px}.about__bio p{margin-bottom:16px}.about__bio p:first-of-type{margin-top:24px}.about__subtitle{font-family:var(--font-head);color:var(--ink);margin:22px 0 12px;font-size:18px}.about__subtitle--lg{margin-top:0;font-size:22px}.about__photo{flex-direction:column;align-items:flex-end;display:flex}.about__avatar{aspect-ratio:1;object-fit:cover;object-position:center center;border:6px solid var(--brand-dark);background:var(--secondary);width:clamp(240px,32vw,400px);box-shadow:var(--shadow);border-radius:50%}.about__name{text-align:center;width:clamp(240px,32vw,400px);font-family:var(--font-head);color:var(--ink);margin:20px 0 0;font-size:clamp(24px,2.4vw,32px);font-weight:800;line-height:1.1}.about__name-accent{color:var(--brand)}.about__role{text-align:center;width:clamp(240px,32vw,400px);color:var(--ink-soft);margin:6px 0 0;font-size:16px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{font-family:var(--font-head);color:var(--ink);background:var(--secondary);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}.chip--soft{background:var(--muted-bg);color:var(--ink-soft);border:1px solid var(--line)}.chip--star{color:#8a6d00;background:#fff4cc}.about__certs{margin-top:clamp(36px,5vw,56px)}.cert-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.cert-list--row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cert-item{list-style:none}.cert{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:flex-start;gap:14px;padding:16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.cert:hover{transform:translateY(-3px)}.cert--link{color:inherit;cursor:pointer;text-decoration:none}.cert--link:hover{border-color:var(--brand);box-shadow:0 8px 24px #0000001a}.cert--link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cert__icon{background:var(--primary);width:38px;height:38px;color:var(--brand-dark);border-radius:10px;flex:none;place-items:center;font-size:18px;display:grid}.cert__icon svg{width:20px;height:20px;display:block}.cert__body{flex:1;min-width:0}.cert strong{color:var(--ink);font-family:var(--font-head);font-size:16px;font-weight:600;display:block}.cert__body span{font-size:14px}.cert__verify{background:var(--primary);color:var(--brand-dark);border-radius:999px;flex:none;align-self:flex-start;align-items:center;gap:4px;padding:4px 9px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.cert__verify svg{width:14px;height:14px;display:block}.skills-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.skill-card{background:var(--white);border:2px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:20% 80%;align-items:stretch;transition:transform .15s,border-color .2s,box-shadow .15s;display:grid;overflow:hidden}.skill-card__icon{background:var(--ink);min-width:0;color:var(--primary);place-items:center;display:grid}.skill-card__icon svg{width:22px;height:22px;display:block}.skill-card__label{min-width:0;font-family:var(--font-head);color:var(--ink);align-items:center;padding:18px 16px;font-size:16px;font-weight:600;line-height:1.25;display:flex}.skill-card:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-4px)}.skill-card:hover .skill-card__icon{background:var(--brand);color:var(--white)}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.project-card__top{background:var(--primary);height:190px;position:relative;overflow:hidden}.project-card__top img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-card__top img{transform:scale(1.05)}.project-card__body{padding:22px}.project-card__body h3{margin-bottom:10px;font-size:19px}.project-card__body p{font-size:15px}.timeline{gap:20px;display:grid;position:relative}.tl-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:200px 1fr;align-items:start;gap:24px;padding:24px;transition:transform .15s;display:grid}.tl-item:hover{transform:translate(4px)}.tl-date{font-family:var(--font-head);color:var(--brand-dark);font-size:15px;font-weight:700}.tl-body h3{margin-bottom:4px;font-size:19px}.tl-meta{margin-bottom:12px;font-size:14px}.reviews{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.review{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1f;padding:26px}.stars{color:#ffc83d;letter-spacing:2px;margin-bottom:14px;font-size:18px}.review blockquote{color:#ffffffe6;margin-bottom:16px;font-size:16px;font-style:italic}.review figcaption{font-family:var(--font-head);color:var(--accent);font-size:14px;font-weight:600}.reviews-slider{position:relative}.reviews-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;gap:22px;padding:4px 2px 18px;display:flex;overflow-x:auto}.reviews-track:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius)}.reviews-track::-webkit-scrollbar{height:8px}.reviews-track::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}.reviews-track::-webkit-scrollbar-track{background:0 0}.reviews-track .review{scroll-snap-align:start;flex:0 0 clamp(280px,32%,380px)}.reviews-nav{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.reviews-nav__btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;transition:background .15s,transform .15s;display:inline-flex}.reviews-nav__btn:hover{background:var(--brand);transform:translateY(-2px)}.reviews-nav__btn:active{transform:translateY(0)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.blog-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.blog-card__top{background:var(--primary);height:180px;position:relative;overflow:hidden}.blog-card__top img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card__top img{transform:scale(1.05)}.blog-card__body{padding:22px}.blog-card__cat{font-family:var(--font-head);text-transform:uppercase;letter-spacing:1px;color:var(--brand-dark);margin-bottom:10px;font-size:12px;font-weight:600;display:inline-block}.blog-card__body h3{margin-bottom:10px;font-size:18px}.blog-card__body p{margin-bottom:14px;font-size:15px}.blog-card__meta{color:var(--ink-soft);font-size:13px}.article-hero{background:linear-gradient(180deg, var(--accent) 0%, #fff 100%);padding:clamp(36px,6vw,70px) 0 clamp(20px,3vw,36px)}.article-back{font-family:var(--font-head);color:var(--brand-dark);align-items:center;gap:6px;margin-bottom:18px;font-size:15px;font-weight:600;display:inline-flex}.article-back:hover{color:var(--brand)}.article-hero__cat{font-family:var(--font-head);text-transform:uppercase;letter-spacing:1px;color:var(--brand-dark);background:var(--accent);border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.article-hero__title{max-width:900px;margin-bottom:14px;font-size:clamp(28px,5vw,50px)}.article-hero__meta{color:var(--ink-soft);font-size:15px}.article-cover{max-width:var(--container);margin:0 auto;padding-inline:clamp(16px,5vw,80px)}.article-cover img{object-fit:cover;border-radius:var(--radius);width:100%;height:clamp(220px,38vw,460px);box-shadow:var(--shadow-lg);margin-top:10px}.article{padding:clamp(36px,6vw,70px) 0}.article__body{max-width:760px;margin:0 auto}.article__body h2{margin:32px 0 12px;font-size:clamp(22px,3vw,30px)}.article__body p{margin-bottom:18px;font-size:18px}.article__body ul{margin-bottom:18px;padding-left:22px;list-style:outside}.article__body li{margin-bottom:8px;font-size:18px}.article__body strong{color:var(--ink)}.article__cta{background:var(--muted-bg);border:1px solid var(--line);border-radius:var(--radius);text-align:center;margin-top:36px;padding:26px}.article__cta h3{margin-bottom:10px;font-size:22px}.article__cta p{margin-bottom:18px}.cta{padding:clamp(40px,6vw,80px) 0}.cta__inner{background:linear-gradient(135deg, var(--brand), var(--brand-dark));text-align:center;color:var(--white);box-shadow:var(--shadow-lg);border-radius:28px;padding:clamp(40px,7vw,80px) clamp(20px,5vw,60px)}.cta__title{color:var(--white);margin-bottom:14px;font-size:clamp(28px,5vw,48px)}.cta__lead{color:#ffffffd9;max-width:540px;margin:0 auto 30px;font-size:18px}.cta__actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.site-footer{background:var(--deep);color:#ffffffb3;padding:40px 0}.site-footer__inner{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.brand--footer{color:var(--white)}.brand--footer:hover{color:var(--accent)}.site-footer__copy{font-size:15px}.site-footer__made{font-size:14px}.site-footer__made a{color:var(--accent)}@media (max-width:980px){.hero__grid,.about__grid{grid-template-columns:1fr}.about__photo{order:-1;align-items:center}.skills-grid{grid-template-columns:repeat(3,1fr)}.project-grid,.blog-grid,.reviews{grid-template-columns:repeat(2,1fr)}.reviews-track .review{flex-basis:60%}}@media (max-width:760px){.nav{background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);max-height:0;transition:max-height .3s;position:fixed;inset:76px 0 auto;overflow:hidden}.nav.is-open{max-height:420px}.nav__list{flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.nav__list li{padding:0 24px}.nav__list>li>a{border-bottom:1px solid var(--line);padding:14px 0;display:block}.nav__list>li>a:not(.btn):after{display:none}.nav__cta{padding:14px 24px}.nav__cta .btn{width:100%}.nav-toggle{display:flex}.tl-item{grid-template-columns:1fr;gap:10px}.project-grid,.blog-grid,.reviews,.skills-grid{grid-template-columns:1fr}.reviews-track .review{flex-basis:85%}}@media (max-width:420px){body{font-size:16px}.container{padding-inline:16px}.hero__actions .btn,.cta__actions .btn{width:100%}.stats{gap:6px}.stat{padding:10px 4px}.badges{gap:6px}.badge{padding:5px 10px;font-size:12px}}.admin-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.admin-tabs{border-bottom:1px solid var(--line);background:var(--muted-bg);flex-wrap:wrap;gap:4px;padding:10px;display:flex}.admin-tab{appearance:none;font-family:var(--font-head);color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:9px 18px;font-size:15px;font-weight:600;transition:all .18s}.admin-tab:hover{background:var(--white);color:var(--ink)}.admin-tab--active{background:var(--brand);color:var(--white);box-shadow:0 4px 0 0 var(--brand-dark)}.admin-tab--active:hover{background:var(--brand);color:var(--white)}.admin-body{padding:clamp(20px,4vw,32px)}.admin-alert{border-radius:var(--radius-sm);border:1px solid var(--line);margin-bottom:22px;padding:14px 16px;font-size:15px}.admin-alert--ok{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.admin-alert--err{color:#991b1b;background:#fef2f2;border-color:#fecaca}.admin-field{margin-bottom:22px}.admin-label{font-family:var(--font-head);color:var(--ink);margin-bottom:8px;font-size:15px;font-weight:600;display:block}.admin-input,.admin-textarea{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--ink);background:var(--white);padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.admin-textarea{resize:vertical;min-height:140px;line-height:1.5}.admin-input:focus,.admin-textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #0e8a9226}.admin-btn{background:var(--brand);color:var(--white);font-family:var(--font-head);cursor:pointer;box-shadow:0 5px 0 0 var(--brand-dark);border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 26px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.admin-btn:hover{box-shadow:0 7px 0 0 var(--brand-dark);transform:translateY(-2px)}.admin-btn:active{box-shadow:0 2px 0 0 var(--brand-dark);transform:translateY(2px)}.admin-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.admin-btn--ghost{background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:none}.admin-btn--ghost:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.admin-section-title{font-family:var(--font-head);color:var(--ink);margin-bottom:16px;font-size:20px;font-weight:800}.admin-note{background:var(--muted-bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);margin-bottom:22px;padding:16px 18px;font-size:14px;line-height:1.55}.admin-note strong{color:var(--ink)}.admin-note code{background:var(--white);border:1px solid var(--line);color:var(--brand-dark);border-radius:6px;padding:2px 7px;font-size:13px}.admin-note--warn{color:#92400e;background:#fffbeb;border-color:#fde68a}.admin-note--warn strong{color:#78350f}.admin-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:640px){.admin-grid{grid-template-columns:1fr}}.admin-item{background:var(--muted-bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;transition:transform .15s,box-shadow .15s}.admin-item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.admin-item__title{font-family:var(--font-head);color:var(--ink);font-size:15px;font-weight:600}.admin-item__meta{color:var(--ink-soft);margin-top:5px;font-size:13px}.admin-item__tag{background:var(--white);border:1px solid var(--line);color:var(--brand-dark);font-size:12px;font-family:var(--font-head);border-radius:999px;margin-right:8px;padding:3px 10px;font-weight:600;display:inline-block}.admin-stack{flex-direction:column;gap:12px;display:flex}.admin-link{color:var(--brand);font-weight:600;text-decoration:none}.admin-link:hover{text-decoration:underline}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.admin-subtle{color:var(--ink-soft);margin-top:4px;font-size:14px}.admin-btn--sm{gap:6px;padding:9px 16px;font-size:14px}.admin-btn--sm .lucide,.admin-btn .lucide{vertical-align:middle;display:inline-block}.admin-editbox{background:var(--muted-bg);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:22px;padding:20px}.admin-actions-row{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.admin-pillgrid{flex-wrap:wrap;gap:10px;display:flex}.admin-pill{background:var(--white);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 14px;transition:transform .15s,box-shadow .15s;display:inline-flex}.admin-pill:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.admin-pill__icon{color:var(--brand);display:inline-flex}.admin-pill__label{font-family:var(--font-head);color:var(--ink);font-size:14px;font-weight:600}.admin-pill__tools{gap:2px;margin-left:4px;display:inline-flex}.admin-pill__tools button,.admin-card__tools button,.admin-iconbtn{border:1px solid var(--line);background:var(--white);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.admin-pill__tools button:hover,.admin-card__tools button:hover,.admin-iconbtn:hover{color:var(--brand);border-color:var(--brand)}.admin-cardgrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (max-width:640px){.admin-cardgrid{grid-template-columns:1fr}}.admin-card{background:var(--muted-bg);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:14px;padding:12px;display:flex}.admin-card__thumb{background:var(--white);border:1px solid var(--line);width:64px;height:64px;color:var(--ink-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.admin-card__thumb img{object-fit:cover;width:100%;height:100%}.admin-card__body{flex:1;min-width:0}.admin-card__body .admin-item__meta{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.admin-card__tools{flex-shrink:0;gap:6px;display:flex}.admin-item--row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-stars{color:#f5a623;letter-spacing:2px;margin-bottom:6px;font-size:14px}.admin-chipline{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.admin-item__tag--star{background:var(--brand);color:var(--white);border-color:var(--brand)}.admin-chiprow{grid-template-columns:1fr 140px 40px;align-items:center;gap:8px;display:grid}@media (max-width:520px){.admin-chiprow{grid-template-columns:1fr}}.admin-grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:560px){.admin-grid2{grid-template-columns:1fr}}.admin-subhead{font-family:var(--font-head);color:var(--ink);border-top:1px solid var(--line);margin:20px 0 10px;padding-top:14px;font-size:15px;font-weight:700}.admin-accordion{flex-direction:column;gap:10px;display:flex}.admin-acc{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);overflow:hidden}.admin-acc--open{box-shadow:var(--shadow)}.admin-acc__head{background:var(--white);cursor:pointer;text-align:left;width:100%;color:var(--ink);border:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:background .15s;display:flex}.admin-acc__head:hover{background:var(--muted-bg)}.admin-acc--open .admin-acc__head{background:var(--muted-bg);border-bottom:1px solid var(--line)}.admin-acc__title{font-family:var(--font-head);font-size:15px;font-weight:700;display:block}.admin-acc__hint{color:var(--ink-soft);margin-top:2px;font-size:13px;display:block}.admin-acc__body{flex-direction:column;gap:12px;padding:18px;display:flex}.admin-acc__body .admin-field{margin-bottom:0}.iconpicker{position:relative}.iconpicker__trigger{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;font-family:var(--font-body);color:var(--ink);align-items:center;gap:10px;min-width:220px;padding:10px 14px;display:inline-flex}.iconpicker__preview{color:var(--brand);display:inline-flex}.iconpicker__name{text-align:left;flex:1;font-size:14px}.iconpicker__panel{z-index:30;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);width:min(420px,90vw);box-shadow:var(--shadow-lg);margin-top:6px;padding:12px;position:absolute}.iconpicker__search{margin-bottom:10px}.iconpicker__grid{grid-template-columns:repeat(8,1fr);gap:6px;max-height:240px;display:grid;overflow-y:auto}@media (max-width:520px){.iconpicker__grid{grid-template-columns:repeat(6,1fr)}}.iconpicker__cell{aspect-ratio:1;border:1px solid var(--line);background:var(--white);color:var(--ink-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .12s;display:flex}.iconpicker__cell:hover{color:var(--brand);border-color:var(--brand);transform:translateY(-1px)}.iconpicker__cell--active{background:var(--brand);color:var(--white);border-color:var(--brand)}.iconpicker__empty{color:var(--ink-soft);grid-column:1/-1;padding:8px;font-size:14px}.uploader{align-items:flex-start;gap:14px;display:flex}.uploader__preview{border:1px solid var(--line);background:var(--muted-bg);width:84px;height:84px;color:var(--ink-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.uploader__preview img{object-fit:cover;width:100%;height:100%}.uploader__controls{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.uploader__actions{flex-wrap:wrap;gap:8px;display:flex}.rte{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);overflow:hidden}.rte-toolbar{border-bottom:1px solid var(--line);background:var(--muted-bg);flex-wrap:wrap;align-items:center;gap:2px;padding:8px;display:flex}.rte-btn{width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.rte-btn:hover{background:var(--white);color:var(--ink)}.rte-btn--active{background:var(--brand);color:var(--white)}.rte-sep{background:var(--line);width:1px;height:22px;margin:0 4px}.rte-uploading{color:var(--ink-soft);margin-left:8px;font-size:13px}.rte-content{min-height:280px;max-height:560px;font-family:var(--font-body);color:var(--ink);outline:none;padding:18px;font-size:16px;line-height:1.7;overflow-y:auto}.rte-content:focus{outline:none}.rte-content h2{font-family:var(--font-head);margin:18px 0 10px;font-size:24px;font-weight:800}.rte-content h3{font-family:var(--font-head);margin:16px 0 8px;font-size:20px;font-weight:700}.rte-content h4{font-family:var(--font-head);margin:14px 0 6px;font-size:17px;font-weight:700}.rte-content p{margin:0 0 12px}.rte-content ul,.rte-content ol{margin:0 0 12px;padding-left:24px}.rte-content li{margin-bottom:4px}.rte-content blockquote{border-left:3px solid var(--brand);color:var(--ink-soft);margin:0 0 12px;padding-left:14px;font-style:italic}.rte-content pre{background:var(--ink);color:#f8fafc;border-radius:10px;margin:0 0 12px;padding:14px;font-size:14px;overflow-x:auto}.rte-content code{font-family:var(--font-mono,monospace)}.rte-content a{color:var(--brand);text-decoration:underline}.rte-content .rte-img,.rte-content img{border-radius:10px;max-width:100%;height:auto;margin:8px 0}.rte-content p.is-editor-empty:first-child:before{content:"Write your post…";color:var(--ink-soft);float:left;pointer-events:none;height:0}