@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{color-scheme:dark;--bg: #08080b;--bg-soft: #111016;--surface: rgba(255, 255, 255, .075);--surface-strong: rgba(255, 255, 255, .13);--glass: linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .045));--text: #fff8f4;--muted: rgba(255, 248, 244, .72);--subtle: rgba(255, 248, 244, .52);--line: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .26);--accent: #ee6255;--accent-2: #ff9a62;--cyan: #38bdf8;--violet: #a78bfa;--mint: #4ade80;--gold: #facc15;--shadow: 0 24px 90px rgba(0, 0, 0, .36);--shadow-soft: 0 16px 48px rgba(0, 0, 0, .2);--max: 1180px;--radius-sm: 14px;--radius-md: 22px;--radius-lg: 30px;--card-pad: clamp(20px, 2vw, 26px);--ease: cubic-bezier(.2, .8, .2, 1)}:root[data-theme=light]{color-scheme:light;--bg: #fbf5ef;--bg-soft: #fffaf5;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .94);--glass: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .56));--text: #221719;--muted: rgba(34, 23, 25, .72);--subtle: rgba(34, 23, 25, .52);--line: rgba(91, 58, 50, .16);--line-strong: rgba(91, 58, 50, .28);--accent: #d84f49;--accent-2: #f1854f;--shadow: 0 24px 72px rgba(109, 75, 58, .16);--shadow-soft: 0 16px 42px rgba(109, 75, 58, .12)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(780px 440px at 12% -12%,rgba(238,98,85,.16),transparent 64%),radial-gradient(720px 420px at 86% 2%,rgba(255,154,98,.08),transparent 62%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 50%,var(--bg) 100%)}body:before{content:none}:root[data-theme=light] body{background:radial-gradient(820px 520px at 12% -8%,rgba(216,79,73,.15),transparent 60%),radial-gradient(780px 520px at 92% 8%,rgba(56,189,248,.13),transparent 58%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 52%,#f6ede7 100%)}button,input,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#root{min-height:100vh}#main-content{min-height:70vh}.eyebrow{display:inline-flex;margin:0 0 12px;color:var(--accent-2);font-size:.74rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.hero-content h1,.section-heading h2,.about-preview-copy h2,.contact-section h2,.about-page-copy h1,.not-found-panel h1{margin:0;font-family:Plus Jakarta Sans,Manrope,system-ui,sans-serif;font-weight:780;letter-spacing:-.035em;line-height:1.07;text-wrap:balance}.hero-lede,.section-heading p,.about-preview-copy p,.contact-section p,.about-page-copy p,.glass-panel p,.not-found-panel p{max-width:720px;margin:16px 0 0;color:var(--muted);font-size:clamp(.98rem,1.05vw,1.08rem);line-height:1.68}.btn,.nav-btn{position:relative;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:0 22px;overflow:hidden;font-weight:800;line-height:1;cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease)}.btn:after,.nav-btn-accent:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.45),transparent 72%);transform:translate(-120%);transition:transform .52s var(--ease),opacity .22s ease}.btn:hover,.btn:focus-visible,.nav-btn:hover{transform:translateY(-2px)}.btn:hover:after,.nav-btn-accent:hover:after{opacity:1;transform:translate(120%)}.btn:active,.nav-btn:active{transform:translateY(0) scale(.985)}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid rgba(255,154,98,.34);outline-offset:3px}.btn-accent,.nav-btn-accent,.mobile-hire-link{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 16px 42px #ee625547,inset 0 1px #ffffff42}.btn-accent:hover,.nav-btn-accent:hover,.mobile-hire-link:hover{box-shadow:0 20px 56px #ee62556b,inset 0 1px #ffffff52}.btn-ghost{color:var(--text);background:var(--glass);border-color:var(--line);box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2)}.btn-ghost:hover{border-color:var(--line-strong);background:var(--surface-strong)}.nav-shell{position:sticky;top:12px;z-index:80;width:min(var(--max),calc(100% - 32px));margin:12px auto 0}.nav-shell:before{content:"";position:absolute;top:-34px;right:12%;bottom:-18px;left:12%;z-index:-1;pointer-events:none;border-radius:999px;background:radial-gradient(closest-side,rgba(255,173,74,.22),rgba(238,98,85,.08),transparent 72%);filter:blur(18px)}.nav-inner{min-height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;border:1px solid color-mix(in srgb,var(--line-strong) 72%,transparent);border-radius:999px;padding:8px 10px;background:linear-gradient(135deg,#ffffff1d,#ffffff0a),#0e0e14b8;box-shadow:0 18px 64px #0000004d,0 12px 42px #ff9a6221,0 0 0 1px #ffffff09,inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(26px) saturate(1.35);backdrop-filter:blur(26px) saturate(1.35)}:root[data-theme=light] .nav-inner{background:#ffffffd1;box-shadow:0 18px 56px #6d4b3a24,inset 0 1px #fffc}.nav-left,.nav-right{min-width:0;display:flex;align-items:center}.nav-right{justify-content:flex-end;gap:8px}.nav-brand{min-width:0;display:inline-flex;align-items:center;gap:12px}.nav-logo{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.24))}:root[data-theme=light] .nav-logo{filter:invert(1) contrast(1.08) drop-shadow(0 8px 14px rgba(91,64,50,.18))}.nav-brand-text{min-width:0;display:grid;line-height:1.08}.nav-brand-top{font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:1rem;font-weight:800}.nav-brand-sub{color:var(--subtle);font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav-center{display:flex;justify-content:center}.nav-links{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.nav-links a{display:inline-flex;align-items:center;min-height:38px;border-radius:999px;padding:0 14px;color:var(--muted);font-size:.9rem;font-weight:800;position:relative;transition:color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.nav-links a:hover,.nav-links a.active{color:var(--text);background:color-mix(in srgb,var(--surface-strong) 78%,transparent);box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000001f}.theme-toggle,.nav-burger{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.theme-toggle:hover,.nav-burger:hover{transform:translateY(-1px);background:var(--surface-strong);border-color:var(--line-strong)}.theme-toggle span{display:inline-grid;place-items:center;line-height:1}.theme-toggle svg,.mobile-theme-row svg{width:15px;height:15px}.nav-burger{display:none;position:relative}.nav-burger span{position:absolute;width:18px;height:2px;border-radius:999px;background:var(--text);transition:transform .2s var(--ease)}.nav-burger span:first-child{transform:translateY(-4px)}.nav-burger span:last-child{transform:translateY(4px)}.nav-burger[aria-expanded=true] span:first-child{transform:rotate(45deg)}.nav-burger[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.nav-mobile{display:none;margin-top:10px;border:1px solid var(--line);border-radius:24px;padding:10px;background:#0e0e14e6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px) saturate(1.3);backdrop-filter:blur(26px) saturate(1.3)}:root[data-theme=light] .nav-mobile{background:#ffffffeb}.nav-mobile.open{display:grid;gap:6px;animation:menuIn .22s var(--ease) both}.nav-mobile a,.mobile-theme-row{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:16px;padding:0 14px;color:var(--muted);background:transparent;font-weight:800;cursor:pointer}.nav-mobile a:hover,.mobile-theme-row:hover,.mobile-contact-link{color:var(--text);background:var(--surface)}.mobile-hire-link,.mobile-contact-link{justify-content:center}.hero-section,.section,.about-page,.site-footer{width:min(var(--max),calc(100% - 32px));min-width:0;margin-left:auto;margin-right:auto}.hero-section{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,.74fr);gap:clamp(28px,5vw,64px);align-items:center;min-height:calc(100svh - 96px);margin-top:22px;padding:clamp(24px,4.5vw,48px) 0 clamp(30px,5vw,56px)}.hero-background,.process-section:before,.contact-section:before{position:absolute;z-index:-1;pointer-events:none;content:""}.hero-background{top:7%;right:0;bottom:0;left:0;background:radial-gradient(620px 360px at 12% 24%,rgba(238,98,85,.16),transparent 66%),radial-gradient(620px 380px at 84% 30%,rgba(255,154,98,.1),transparent 68%);filter:blur(8px)}.hero-section:before{content:none}.hero-section:after{content:none}.hero-orbit{position:absolute;inset:12% 0 auto auto;width:min(430px,38vw);height:min(430px,38vw);pointer-events:none;opacity:.86}.hero-orbit span{position:absolute;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:999px;padding:9px;background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);animation:floatSoft 7s var(--ease) infinite}.hero-orbit span:nth-child(1){top:0;right:18%;animation-delay:-1.2s}.hero-orbit span:nth-child(2){top:34%;right:0;animation-delay:-2.4s}.hero-orbit span:nth-child(3){right:28%;bottom:0;animation-delay:-3.2s}.hero-orbit span:nth-child(4){top:48%;left:0;animation-delay:-4.1s}.hero-content h1{max-width:700px;font-size:clamp(3rem,4.4vw,4.35rem)}.hero-highlights,.about-highlights{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 28px}.hero-chip,.about-highlights span{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:8px 12px 8px 8px;color:var(--muted);background:var(--glass);box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:.84rem;font-weight:800}.hero-actions,.about-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px;margin-top:28px}.hero-stats div,.skill-group-card,.service-card,.process-card,.glass-panel,.contact-section,.not-found-panel{border:1px solid var(--line);background:var(--glass);box-shadow:var(--shadow-soft),0 0 0 1px #ffffff09,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25)}.hero-stats div{border-radius:var(--radius-md);padding:16px}.hero-stats strong{display:block;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.15}.hero-stats span{display:block;margin-top:5px;color:var(--subtle);font-size:.83rem}.hero-showcase{display:grid;grid-template-columns:1fr .86fr;gap:14px;align-items:stretch;min-width:0;width:100%;max-width:100%}.preview-card,.work-card{position:relative;overflow:hidden;border:1px solid var(--line);padding:0;background:var(--surface);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .24s var(--ease),box-shadow .24s var(--ease),border-color .24s var(--ease)}.preview-card{min-height:220px;min-width:0;border-radius:var(--radius-lg)}.preview-card:hover,.work-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 28px 86px #00000057}.preview-card img,.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .42s var(--ease)}.preview-card:hover img,.work-card:hover img{transform:scale(1.04)}.preview-card span{position:absolute;left:12px;bottom:12px;border-radius:999px;padding:7px 10px;color:#fff;background:#00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:.72rem;font-weight:800}.preview-card-1{grid-column:1 / -1;aspect-ratio:16 / 9}.preview-card-2,.preview-card-3{aspect-ratio:4 / 5}.section{margin-top:clamp(52px,6.2vw,82px)}.section-heading{max-width:780px;margin-bottom:24px}.section-heading h2,.about-preview-copy h2,.contact-section h2{font-size:clamp(2.1rem,2.8vw,2.62rem);font-weight:760}.filter-bar{position:relative;z-index:1;display:flex;gap:8px;margin:0 0 20px;padding:7px;overflow-x:auto;border:1px solid var(--line);border-radius:999px;background:#12121894;box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:none;max-width:100%;width:100%;min-width:0;contain:paint}:root[data-theme=light] .filter-bar{background:#ffffffdb}.filter-bar::-webkit-scrollbar{display:none}.filter-bar button{flex:0 0 auto;border:0;border-radius:999px;padding:11px 14px;color:var(--muted);background:transparent;font-size:.86rem;font-weight:800;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.filter-bar button:hover,.filter-bar button.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:16px}.work-card{min-height:320px;grid-column:span 4;border-radius:var(--radius-md)}.work-card-wide{grid-column:span 6;min-height:292px}.work-card-tall{min-height:520px}.work-card-glass{position:absolute;inset:auto 0 0;height:64%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82))}.work-card-copy{position:absolute;inset:auto 0 0;padding:18px;color:#fff;text-align:left}.work-card-copy>span,.lightbox-copy span{color:#ffd7d0;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.work-card-copy h3{margin:6px 0 0;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:1.15rem;line-height:1.18}.work-card-copy p{margin:8px 0 0;color:#ffffffc2;font-size:.88rem;line-height:1.45}.work-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.work-card-tags em{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 8px;color:#ffffffdb;background:#ffffff1a;font-size:.68rem;font-style:normal;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.skill-group-card,.service-card,.process-card,.glass-panel{border-radius:var(--radius-md);padding:var(--card-pad);transition:transform .24s var(--ease),border-color .24s var(--ease),background .24s var(--ease),box-shadow .24s var(--ease)}.skill-group-card:hover,.service-card:hover,.process-card:hover,.glass-panel:hover{transform:translateY(-5px);border-color:var(--line-strong);background:var(--surface-strong);box-shadow:0 24px 80px #00000047,0 0 38px #ee625514,inset 0 1px #ffffff1f}.skill-group-card h3{position:relative;margin:0 0 18px;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:clamp(1.12rem,1.35vw,1.32rem);font-weight:740}.skill-group-card h3:after{content:"";display:block;width:48px;height:2px;margin-top:9px;border-radius:999px;background:linear-gradient(90deg,var(--accent),transparent)}.skill-item-grid{display:grid;gap:10px}.skill-group-featured{grid-row:auto}.skill-group-featured .skill-item-grid{grid-template-columns:1fr;gap:10px}.skill-group-featured .skill-item{min-height:0}.skill-group-featured .skill-item:hover{transform:translateY(-2px)}.skill-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-height:52px;border-radius:14px;padding:8px;transition:background .2s var(--ease),transform .2s var(--ease)}.skill-item:hover{transform:translateY(-2px);background:#ffffff0d}.icon-badge,.skill-icon{width:48px;height:48px;min-width:48px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:16px;color:#fff;background:#ffffff1a;box-shadow:0 12px 30px #00000029,0 0 24px color-mix(in srgb,currentColor 18%,transparent),inset 0 1px #ffffff21;flex:0 0 auto}.skill-item .icon-badge,.skill-item .skill-icon{width:34px;height:34px;min-width:34px;border:0;border-radius:10px;background:transparent;box-shadow:none}.skill-item .icon-badge svg{width:22px;height:22px}.icon-badge svg{width:25px;height:25px}.hero-chip .icon-badge,.social-pill .icon-badge{width:30px;height:30px;min-width:30px;border-radius:999px;box-shadow:none}.hero-chip .icon-badge{border:0;background:transparent}.hero-chip .icon-badge svg,.social-pill .icon-badge svg{width:15px;height:15px}.skill-item strong{display:block;font-size:.98rem}.skill-item p{margin:2px 0 0;color:var(--subtle);font-size:.84rem;line-height:1.38}.skill-group-design{--group-accent: var(--violet)}.skill-group-visual{--group-accent: var(--cyan)}.skill-group-digital{--group-accent: var(--mint)}.skill-group-workflow{--group-accent: var(--gold)}.skill-group-card{border-color:color-mix(in srgb,var(--group-accent, var(--line)) 28%,var(--line))}.skill-group-card h3:after{background:linear-gradient(90deg,var(--group-accent, var(--accent)),transparent)}.icon-html{color:#e34f26}.icon-css{color:#1572b6}.icon-javascript{color:#f7df1e}.icon-typescript{color:#3178c6}.icon-react{color:#61dafb}.icon-vite{color:#bd34fe}.icon-tailwind{color:#38bdf8}.icon-bootstrap{color:#7952b3}.icon-wordpress{color:#21759b}.icon-elementor{color:#92003b}.icon-git{color:#f05032}.icon-github{color:var(--text)}.icon-seo{color:#22c55e}.icon-analytics{color:#f9ab00}.icon-node{color:#5fa04e}.icon-mongodb{color:#47a248}.icon-figma{color:#a259ff}.icon-xd{color:#ff61f6}.icon-photoshop{color:#31a8ff}.icon-illustrator{color:#ff9a00}.icon-canva{color:#00c4cc}.icon-poster,.icon-graphic{color:var(--cyan)}.icon-brand,.icon-logo{color:var(--violet)}.icon-social{color:var(--mint)}.icon-campaign,.icon-ad{color:var(--gold)}.icon-layout,.icon-typography{color:#2dd4bf}.icon-color{color:#f0abfc}.icon-story,.icon-concept{color:#60a5fa}.icon-print,.icon-deliver{color:#cbd5e1}.icon-discover{color:#67e8f9}.service-grid,.process-grid,.about-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-card h3,.process-card h3,.glass-panel h2{margin:16px 0 8px;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:clamp(1.12rem,1.5vw,1.35rem);font-weight:730}.service-card p,.process-card p,.glass-panel p{margin:0;color:var(--muted);line-height:1.62}.process-section{position:relative;padding-top:10px}.process-section:before{inset:-52px 0 auto;height:340px;background:radial-gradient(520px 220px at 18% 28%,rgba(250,204,21,.08),transparent 66%),radial-gradient(560px 260px at 82% 6%,rgba(56,189,248,.07),transparent 64%);filter:blur(22px)}.process-card{position:relative}.process-step-number{position:absolute;top:18px;right:18px;color:var(--subtle);font-size:.8rem;font-weight:900;letter-spacing:.08em}.about-preview,.about-page{display:grid;grid-template-columns:minmax(260px,.46fr) minmax(0,.8fr);gap:clamp(28px,5vw,62px);align-items:center}.about-preview-photo,.about-page-photo{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.about-preview-photo:after,.about-page-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 56%,rgba(0,0,0,.5));pointer-events:none}.about-preview-photo img{width:100%;height:clamp(340px,38vw,500px);object-fit:cover;object-position:center top}.contact-section{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;border-radius:var(--radius-lg);padding:clamp(24px,5vw,48px)}.contact-section:before{inset:-20% 35% auto 0;height:420px;background:radial-gradient(520px 260px at 12% 20%,rgba(238,98,85,.22),transparent 62%),radial-gradient(520px 260px at 78% 38%,rgba(167,139,250,.12),transparent 62%);filter:blur(12px)}.contact-actions{display:grid;gap:12px;min-width:230px}.social-links,.footer-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.social-links{grid-column:1 / -1;justify-content:flex-start}.social-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 12px 8px 8px;color:var(--muted);background:var(--glass);font-size:.88rem;font-weight:800;transition:transform .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.social-pill:hover{transform:translateY(-2px);color:var(--text);border-color:var(--line-strong)}.instagram .icon-badge{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);color:#fff}.linkedin .icon-badge{background:#0a66c2;color:#fff}.github .icon-badge{background:#24292f;color:#fff}.email .icon-badge{background:#ea4335;color:#fff}.portfolio .icon-badge{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#fff}.whatsapp .icon-badge{background:#25d366;color:#fff}.about-page{margin-top:56px;grid-template-columns:minmax(0,.66fr) minmax(280px,.5fr)}.about-page-copy h1{max-width:560px;font-size:clamp(2rem,2.75vw,2.75rem)}.about-page-copy p{max-width:560px}.about-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}.about-stat{border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--glass);box-shadow:inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.about-stat strong{display:block;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.1}.about-stat span{display:block;margin-top:6px;color:var(--subtle);font-size:.82rem;font-weight:700}.about-page-copy p+p{margin-top:12px}.about-page-photo{max-width:440px;justify-self:end;isolation:isolate}.about-page-photo img{width:100%;height:clamp(310px,32vw,450px);object-fit:cover;object-position:center top}.about-page-photo:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:1;border:1px solid rgba(255,255,255,.2);border-radius:22px;pointer-events:none}.about-tool-float{position:absolute;top:16px;right:16px;z-index:2;display:flex;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px;background:#0000006b;box-shadow:0 18px 44px #0000003d;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.about-tool-float .icon-badge{width:34px;height:34px;min-width:34px;border-radius:999px}.about-tool-float .icon-badge svg{width:19px;height:19px}.about-photo-label{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;display:grid;gap:4px;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:13px;color:#fff;background:#00000075;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.about-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-do-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.about-do-card{position:relative;overflow:hidden}.about-do-card:after{content:"";position:absolute;inset:auto -20% -45% 20%;height:160px;background:radial-gradient(circle,color-mix(in srgb,currentColor 14%,transparent),transparent 65%);pointer-events:none}.about-tool-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.about-tool-list span{border:1px solid var(--line);border-radius:999px;padding:8px 10px;color:var(--muted);background:var(--surface);font-size:.84rem;font-weight:800}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:18px}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#000000bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.lightbox-panel{position:relative;z-index:1;width:min(1080px,100%);max-height:calc(100svh - 36px);display:grid;grid-template-columns:minmax(0,1fr) 320px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);background:#111;box-shadow:0 28px 120px #000000b8}.lightbox-panel img{width:100%;height:100%;max-height:calc(100svh - 36px);object-fit:contain;background:#070707}.lightbox-copy{display:flex;flex-direction:column;justify-content:end;padding:24px;color:#fff;background:#121010}.lightbox-copy h2{margin:8px 0 10px;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:1.55rem;line-height:1.08}.lightbox-copy p{margin:0;color:#ffffffb8;line-height:1.65}.lightbox-close{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:#00000085;cursor:pointer;font-size:1.6rem;line-height:1}.not-found{min-height:54svh;display:grid;place-items:center}.not-found-panel{width:min(620px,100%);border-radius:var(--radius-lg);padding:clamp(26px,6vw,52px);text-align:center}.not-found-panel h1{font-size:clamp(2.1rem,5vw,4rem)}.not-found-panel .btn{margin-top:24px}.site-footer{margin-top:86px;padding:26px 0 34px;border-top:1px solid var(--line);color:var(--muted);text-align:center}.site-footer strong{display:block;color:var(--text);font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:1rem}.site-footer p{max-width:620px;margin:8px auto 0;color:var(--subtle);line-height:1.6}.footer-socials{margin-top:18px}.footer-note{font-size:.88rem}[data-reveal]{opacity:0;transform:translateY(18px);animation-delay:var(--delay, 0ms)}[data-reveal].is-visible,.about-page [data-reveal],.about-page~.section [data-reveal]{animation:revealUp .62s var(--ease) forwards}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatSoft{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}@media (max-width: 1180px){.service-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1080px){.hero-section,.about-preview,.about-page{grid-template-columns:1fr}.hero-showcase{max-width:min(100%,760px);grid-template-columns:repeat(2,minmax(0,1fr))}.hero-orbit{display:none}.work-card,.work-card-wide{grid-column:span 6}.about-detail-grid{grid-template-columns:1fr}.about-page-photo{justify-self:start;width:min(100%,620px)}}@media (max-width: 900px){.nav-inner{grid-template-columns:1fr auto;border-radius:24px}.nav-center,.hide-on-mobile{display:none}.nav-burger{display:inline-grid}.contact-section{grid-template-columns:1fr}.filter-bar{border-radius:999px;overflow-x:auto;contain:paint}.filter-bar button{flex:0 0 auto}.skill-group-featured .skill-item-grid{grid-template-columns:1fr}.skill-group-featured .skill-item{min-height:0}.contact-actions{min-width:0;width:100%}.lightbox-panel{grid-template-columns:1fr;overflow-y:auto}.lightbox-panel img{max-height:66svh}}@media (max-width: 640px){.nav-shell,.hero-section,.section,.about-page,.site-footer{width:calc(100vw - 22px);max-width:calc(100vw - 22px)}.nav-shell{top:8px;margin-top:8px}.nav-inner{min-height:58px;padding:7px}.nav-logo{width:40px;height:40px}.nav-brand-sub{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}.nav-brand-top{font-size:.94rem}.nav-right{gap:6px}.theme-toggle,.nav-burger{width:40px;height:40px}.hero-section{gap:22px;min-height:auto;margin-top:18px;padding-top:30px}.hero-content,.about-page-copy,.section-heading,.contact-copy{min-width:0;max-width:100%}.hero-content h1{font-size:clamp(2.25rem,10vw,3rem)}.hero-lede,.section-heading p,.about-preview-copy p,.contact-section p,.about-page-copy p{font-size:1rem;line-height:1.66}.hero-highlights{flex-wrap:nowrap;width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scroll-snap-type:x proximity;scrollbar-width:none}.hero-highlights::-webkit-scrollbar{display:none}.hero-chip{flex:0 0 auto;scroll-snap-align:start}.hero-actions,.about-actions,.contact-actions{display:grid;grid-template-columns:1fr}.btn{width:100%;min-height:52px}.hero-stats{display:none}.hero-showcase{display:flex;gap:12px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 1px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.hero-showcase::-webkit-scrollbar{display:none}.preview-card,.preview-card-1,.preview-card-2,.preview-card-3{flex:0 0 84%;min-height:260px;aspect-ratio:4 / 5;scroll-snap-align:start}.preview-card-1{aspect-ratio:16 / 10}.section{margin-top:66px}.section-heading h2,.about-preview-copy h2,.contact-section h2,.about-page-copy h1{font-size:clamp(1.9rem,7.9vw,2.38rem);letter-spacing:-.035em;overflow-wrap:anywhere}.about-stat-grid,.about-do-grid{grid-template-columns:1fr}.about-stat-grid{gap:10px;margin:20px 0}.about-stat{padding:13px 14px}.about-tool-float{top:12px;right:12px;gap:6px;padding:6px}.filter-bar{border-radius:18px;margin-inline:-1px;padding:6px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-bar button{padding:10px 12px;font-size:.82rem}.work-grid{display:flex;gap:12px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 1px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.work-grid::-webkit-scrollbar{display:none}.work-card,.work-card-wide,.work-card-tall{flex:0 0 min(72vw,280px);min-height:0;aspect-ratio:4 / 5.35;border-radius:18px;scroll-snap-align:start}.work-card-wide:nth-child(1),.work-card-wide:nth-child(4),.work-card-tall:nth-child(7){flex-basis:min(82vw,340px);aspect-ratio:16 / 11}.work-card-copy{padding:10px}.work-card-copy>span{font-size:.58rem;letter-spacing:.04em}.work-card-copy h3{margin-top:4px;font-size:.86rem;line-height:1.12}.work-card-copy p,.work-card-tags{display:none}.skill-groups,.service-grid,.process-grid,.skill-group-featured .skill-item-grid{grid-template-columns:1fr}.skill-group-featured .skill-item{min-height:0}.skill-group-card,.service-card,.process-card,.glass-panel{border-radius:20px;padding:18px}.skill-item{grid-template-columns:42px 1fr}.icon-badge,.skill-icon{width:42px;height:42px;min-width:42px}.icon-badge svg{width:21px;height:21px}.about-preview-photo img,.about-page-photo img{height:360px}.social-links{justify-content:flex-start}.contact-section{border-radius:24px}.lightbox{padding:10px}.lightbox-panel{max-height:calc(100svh - 20px);border-radius:22px}.lightbox-copy{padding:18px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}}