:root{--bg:#090a0a;--panel:#101212;--panel2:#151717;--text:#f5f5f2;--muted:#929795;--soft:#c8cbc9;--line2:rgba(255,255,255,.16);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 16% 0,rgba(255,255,255,.06),transparent 28rem),var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.page-noise{position:fixed;inset:0;z-index:100;opacity:.09;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.cursor-aura{z-index:90;width:32px;height:32px;mix-blend-mode:difference}.top-progress{top:0;height:2px;z-index:120;background:#f3f3ef;transform-origin:left}.site-nav-wrap,.top-progress{position:fixed;left:0;right:0}.site-nav-wrap{top:16px;z-index:80}.site-nav{min-height:64px;padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:18px;background:rgba(9,10,10,.74);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;box-shadow:0 18px 50px rgba(0,0,0,.24)}.brand-lockup{display:flex;align-items:center;gap:10px;width:max-content}.brand-k{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#929795 54%,#f5f5f2);color:#090a0a;font-weight:900;box-shadow:inset 0 1px #fff}.brand-lockup b,.brand-lockup small{display:block}.brand-lockup b{font-size:13px}.brand-lockup small{font-size:9px;color:#777d7a;margin-top:2px;text-transform:uppercase;letter-spacing:.12em}.nav-center{display:flex;gap:28px;color:#b3b7b5;font-size:13px}.nav-center a:hover{color:#fff}.nav-social{justify-self:end;display:flex;align-items:center;gap:8px}.nav-social>a:not(.nav-talk){width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#aeb3b0}.nav-talk{display:flex;gap:6px;background:#e9ebe8;color:#0a0b0b;padding:11px 14px;border-radius:11px;font-weight:700;font-size:12px}.hero,.nav-talk{align-items:center}.hero{min-height:780px;padding-top:145px;display:grid;grid-template-columns:1.06fr .94fr;grid-gap:54px;gap:54px}.hero-copy{padding-bottom:50px}.availability{display:flex;align-items:center;gap:9px;color:#aeb3b0;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.availability span{width:7px;height:7px;background:#eee;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.07),0 0 20px rgba(255,255,255,.5)}.about-hero h1,.article-page h1,.detail-head h1,.hero h1{font-size:clamp(54px,7vw,92px);line-height:.94;letter-spacing:-.065em;margin:25px 0 0}.hero h1 em{display:block;font-style:normal;color:transparent;background:linear-gradient(180deg,#fff,#8b8f8d 44%,#f2f2ef 68%,#7c817f)}.hero-copy>p{max-width:650px;font-size:18px;line-height:1.72;color:var(--muted);margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:0 18px;font-size:13px;font-weight:750;border:1px solid var(--line2);transition:.22s ease}.btn:hover{transform:translateY(-2px)}.btn-light{background:linear-gradient(180deg,#f6f7f4,#b9bdbb);color:#0a0b0b;border:0}.btn-dark{background:rgba(255,255,255,.035);color:#ddd}.hero-mini-stats{display:flex;gap:28px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.hero-mini-stats span,.hero-mini-stats strong{display:block}.hero-mini-stats strong{font-size:14px}.hero-mini-stats span{font-size:10px;color:#7d827f;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.hero-art{position:relative;min-height:600px;display:grid;place-items:center}.portrait-frame{position:absolute;overflow:hidden;border:1px solid var(--line2);background:#111;box-shadow:var(--shadow)}.portrait-frame img{object-fit:cover}.portrait-main{width:360px;height:465px;border-radius:180px 180px 28px 28px;right:10%;top:8%;filter:saturate(.7) contrast(1.05)}.portrait-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.38))}.portrait-ghost{width:180px;height:230px;border-radius:90px 90px 20px 20px;left:2%;bottom:7%;filter:grayscale(1) contrast(1.1);opacity:.52}.portrait-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;width:500px;height:500px;right:-2%;top:0}.orbit-two{width:410px;height:410px;right:6%;top:8%;border-style:dashed;animation:spin 24s linear infinite}.orbit-one:after,.orbit-one:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#eee;box-shadow:0 0 18px #fff}.orbit-one:before{top:15%;left:12%}.orbit-one:after{bottom:10%;right:18%}@keyframes spin{to{transform:rotate(1turn)}}.glass-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(16,18,18,.77);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line2);border-radius:15px;box-shadow:0 20px 50px rgba(0,0,0,.4);font-size:11px}.glass-chip small,.glass-chip span{display:block}.glass-chip small{color:#767c79;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.chip-code{right:-3%;bottom:22%}.chip-build{left:0;top:14%}.hero-linkedin{position:absolute;right:7%;bottom:4%;display:flex;gap:6px;align-items:center;font-size:11px;color:#aaa}.skill-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.skill-marquee>div{display:flex;width:max-content;gap:30px;padding:16px 0;animation:marquee 38s linear infinite}.skill-marquee span{font-size:10px;color:#777d7a;text-transform:uppercase;letter-spacing:.13em;display:flex;gap:30px;align-items:center}.skill-marquee b{font-size:7px;color:#d9dbd8}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:118px 0}.section-heading{max-width:760px;margin-bottom:42px}.admin-eyebrow,.kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#aeb3b0;font-weight:750}.contact-copy h2,.section-heading h2{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.05em;margin:14px 0}.contact-copy>p,.section-heading p{font-size:16px;line-height:1.7;color:var(--muted);max-width:640px}.service-bento{display:grid;grid-template-columns:1.25fr .85fr .85fr;grid-gap:12px;gap:12px}.service-card{min-height:245px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(24,26,26,.88),rgba(11,12,12,.92));padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);right:-40px;top:-50px}.service-1,.service-4{grid-row:span 2}.service-4{grid-column:3}.service-card h3{font-size:23px;letter-spacing:-.03em;margin:24px 0 8px}.service-card p{font-size:13px;line-height:1.65;color:#858a87;max-width:310px}.animated-icon{width:48px;height:48px;border-radius:15px;border:1px solid var(--line2);display:grid;place-items:center;background:linear-gradient(145deg,#202323,#0d0e0e);box-shadow:inset 0 1px rgba(255,255,255,.06)}.card-index{position:absolute;right:22px;bottom:18px;font-size:10px;color:#5c625f}.page-grid,.project-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.project-card{border:1px solid var(--line);border-radius:26px;background:#0e1010;overflow:hidden}.project-visual{height:320px;background:radial-gradient(circle at 65% 35%,rgba(255,255,255,.09),transparent 35%),linear-gradient(145deg,#171919,#090a0a);position:relative;padding:22px;overflow:hidden}.project-visual>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#8d928f}.project-visual>strong{position:absolute;right:24px;bottom:18px;font-size:72px;color:rgba(255,255,255,.035);letter-spacing:-.08em}.project-rings{position:absolute;inset:10%;display:grid;place-items:center}.project-rings i{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:70%;aspect-ratio:1}.project-rings i:nth-child(2){width:48%;transform:rotate(34deg);border-radius:44% 56% 51% 49%}.project-rings i:nth-child(3){width:24%;background:radial-gradient(circle,#c8cbc9,#555b58 60%,#151717);box-shadow:0 0 50px rgba(255,255,255,.12)}.project-body{padding:28px}.project-body small{color:#777;font-size:10px}.blog-card h3,.project-body h3{font-size:27px;letter-spacing:-.035em;margin:7px 0 10px}.blog-card p,.project-body p{color:#858b87;line-height:1.65;font-size:13px}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.tag-row span{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:999px;padding:7px 9px;font-size:9px;color:#a5aaa7}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#ddd}.section-cta{display:flex;justify-content:center;margin-top:28px}.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:24px 320px 1fr;grid-gap:24px;gap:24px;padding:30px 0;border-bottom:1px solid var(--line);position:relative}.timeline-dot{width:8px;height:8px;background:#ddd;border-radius:50%;margin-top:8px;box-shadow:0 0 0 5px rgba(255,255,255,.05)}.timeline-row small{font-size:9px;color:#707673;text-transform:uppercase;letter-spacing:.09em}.timeline-row h3{font-size:20px;margin:7px 0 3px}.timeline-row strong{font-size:12px;color:#999}.timeline-row ul{margin:0;padding-left:18px;color:#858a87;font-size:12px;line-height:1.7}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.blog-card{border:1px solid var(--line);border-radius:23px;padding:26px;background:linear-gradient(145deg,#141616,#0c0d0d);min-height:330px;display:flex;flex-direction:column}.blog-top{display:flex;justify-content:space-between;color:#6e7471;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.blog-card .text-link{margin-top:auto}.contact-panel{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:70px;gap:70px;background:linear-gradient(145deg,#171919,#0b0c0c);border:1px solid var(--line);border-radius:32px;padding:52px}.contact-copy h2{margin-top:15px}.contact-list{display:grid;grid-gap:11px;gap:11px;margin-top:30px}.contact-list a,.contact-list span{display:flex;gap:10px;align-items:center;color:#a1a6a3;font-size:12px}.contact-form{display:grid;grid-gap:14px;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.contact-form label{display:grid;grid-gap:7px;gap:7px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#7d827f}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#0d0f0f;color:#eee;padding:13px 14px;outline:none;text-transform:none;letter-spacing:0;font-size:12px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(255,255,255,.28);box-shadow:0 0 0 3px rgba(255,255,255,.03)}.contact-form textarea{resize:vertical}.contact-form button{justify-self:start}.form-status{font-size:11px;display:flex;align-items:center;gap:7px}.form-status.success{color:#b8d7c2}.form-status.error{color:#e5a7a7}.site-footer{padding:60px 0 26px;border-top:1px solid var(--line);margin-top:80px}.footer-grid{display:grid;grid-template-columns:1fr auto auto;grid-gap:70px;gap:70px}.footer-title{font-size:20px;font-weight:750}.footer-grid p{color:#777d7a;font-size:12px;max-width:340px}.footer-links{display:grid;grid-gap:10px;gap:10px;align-content:start}.footer-links a{font-size:11px;color:#9ca19e;display:flex;gap:8px;align-items:center}.footer-bottom{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#606663;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.footer-bottom a{display:flex;gap:5px;align-items:center}.page-hero{padding-top:180px;padding-bottom:55px}.page-grid{padding-bottom:110px}.article-page,.detail-page{padding-top:165px;padding-bottom:110px}.back-link{display:inline-flex;gap:7px;align-items:center;color:#8f9491;font-size:11px}.detail-head{padding:60px 0;border-bottom:1px solid var(--line)}.detail-head h1{font-size:clamp(58px,8vw,110px)}.detail-head p{font-size:18px;color:#8d928f;margin-top:18px}.detail-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:90px;gap:90px;padding-top:55px}.detail-layout h2{font-size:22px;margin:0 0 12px}.detail-lead{color:#a0a5a2;line-height:1.8;font-size:15px}.highlight-list{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.highlight-list>div{display:flex;gap:11px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);color:#9ba09d;font-size:12px}.detail-layout aside{border-left:1px solid var(--line);padding-left:30px}.detail-layout aside small{font-size:9px;color:#6f7572;text-transform:uppercase;letter-spacing:.1em}.detail-tags{margin-top:15px}.blog-list{padding-bottom:110px}.blog-row{display:grid;grid-template-columns:180px 1fr 44px;grid-gap:34px;gap:34px;padding:35px 0;border-top:1px solid var(--line)}.blog-row:last-child{border-bottom:1px solid var(--line)}.blog-row>div:first-child{display:flex;flex-direction:column;gap:5px;color:#727875;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.blog-row h2{font-size:29px;letter-spacing:-.035em;margin:0}.blog-row p{color:#858a87;font-size:13px;line-height:1.6;max-width:650px}.blog-row>a{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center}.article-page{max-width:900px}.article-page header{padding:55px 0 40px;border-bottom:1px solid var(--line)}.article-page h1{font-size:clamp(48px,7vw,82px)}.article-page header>p{font-size:17px;color:#929895;line-height:1.65}.article-body{max-width:720px;margin:45px auto}.article-body p{font-size:16px;line-height:1.9;color:#b2b6b4}.about-hero{padding-top:165px;padding-bottom:90px;display:grid;grid-template-columns:1fr 430px;grid-gap:70px;gap:70px;align-items:center}.about-hero h1{font-size:clamp(48px,6vw,80px)}.about-hero p{color:#969b98;font-size:15px;line-height:1.8;max-width:680px}.about-photo{height:530px;position:relative;overflow:hidden;border-radius:220px 220px 28px 28px;border:1px solid var(--line2)}.about-photo img{object-fit:cover;filter:saturate(.75)}.skill-cloud{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.skill-cloud span{padding:12px 14px;border:1px solid var(--line);border-radius:13px;color:#a9aeab;background:#0f1111;font-size:12px}.contact-page-spacer{height:75px}.admin-shell{min-height:100vh;background:#0a0b0c;display:grid;grid-template-columns:250px 1fr;color:#eceeec}.admin-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid #222526;background:#0d0f10;padding:20px 14px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:10px;padding:8px 8px 22px}.admin-brand>span{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#fff,#8d9390);color:#0a0b0b;display:grid;place-items:center;font-weight:900}.admin-brand b,.admin-brand small{display:block}.admin-brand b{font-size:13px}.admin-brand small{font-size:9px;color:#737976;margin-top:3px}.admin-sidebar nav{display:grid;grid-gap:5px;gap:5px}.admin-side-bottom a,.admin-side-bottom button,.admin-sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;color:#8e9491;font-size:12px;border:0;background:none;cursor:pointer;text-align:left}.admin-sidebar nav a.active{background:#1b1e1f;color:#fff;border:1px solid #292d2e}.admin-side-bottom a:hover,.admin-side-bottom button:hover,.admin-sidebar nav a:hover{color:#fff;background:#151819}.admin-side-bottom{margin-top:auto;border-top:1px solid #202324;padding-top:10px}.admin-main{min-width:0}.admin-topbar{min-height:94px;border-bottom:1px solid #1e2122;padding:18px 30px;display:flex;justify-content:space-between;align-items:center;background:rgba(12,14,15,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.admin-topbar small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#6f7572}.admin-topbar h1{font-size:24px;margin:4px 0 0}.admin-actions{gap:9px}.admin-actions,.admin-search{display:flex;align-items:center}.admin-search{height:38px;width:240px;border:1px solid #25292a;border-radius:11px;background:#111314;gap:7px;padding:0 11px;color:#6f7572}.admin-search input{background:none;border:0;outline:none;color:#ddd;width:100%;font-size:11px}.admin-actions>button,.admin-avatar{width:38px;height:38px;border-radius:11px;border:1px solid #25292a;background:#111314;color:#aab0ad;display:grid;place-items:center;position:relative}.admin-actions>button i{position:absolute;width:6px;height:6px;background:#e7e9e6;border-radius:50%;right:7px;top:7px}.admin-avatar{background:linear-gradient(145deg,#dbddda,#737976);color:#111}.admin-content{padding:28px 30px 55px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.stat-card{border:1px solid #202425;border-radius:18px;padding:18px;background:linear-gradient(145deg,#121516,#0e1011);display:flex;gap:13px;align-items:center}.stat-icon{width:42px;height:42px;border:1px solid #2b3031;border-radius:13px;display:grid;place-items:center;background:#181b1c}.stat-card small,.stat-card span,.stat-card strong{display:block}.stat-card span{font-size:9px;color:#777d7a;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{font-size:24px;margin:4px 0 2px}.stat-card small{font-size:9px;color:#656b68}.admin-panel{margin-top:16px;border:1px solid #202425;border-radius:18px;background:#0f1112;padding:20px}.welcome-panel{padding:38px;margin-top:18px;background:radial-gradient(circle at 80% 30%,rgba(255,255,255,.07),transparent 30%),#0f1112}.welcome-panel h2{font-size:38px;letter-spacing:-.04em;max-width:700px;margin:12px 0}.welcome-panel p{font-size:12px;line-height:1.7;color:#838986;max-width:720px}.panel-head{gap:20px;margin-bottom:18px}.panel-head h2{font-size:18px;margin:0}.panel-head p{font-size:10px;color:#747a77;margin:5px 0 0}.panel-actions{display:flex;gap:8px}.admin-btn{min-height:36px;border:1px solid #2a2e2f;border-radius:10px;background:#17191a;color:#bbb;display:inline-flex;gap:7px;align-items:center;padding:0 12px;font-size:10px;font-weight:700;cursor:pointer}.admin-btn.primary{background:#e7e9e6;color:#0b0c0c;border-color:#e7e9e6}.empty-state{min-height:240px;display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;color:#656b68;text-align:center}.empty-state h3{color:#aaa;margin:2px}.empty-state p{font-size:10px;margin:0}.request-list{display:grid;grid-gap:10px;gap:10px}.request-card{border:1px solid #202425;border-radius:15px;padding:16px;background:#111314}.request-meta{display:flex;align-items:center;gap:10px}.request-avatar{width:36px;height:36px;border-radius:11px;background:#1e2223;display:grid;place-items:center;font-weight:800}.request-meta h3{font-size:12px;margin:0}.request-meta a{font-size:9px;color:#777d7a}.status{margin-left:auto;font-size:8px;text-transform:uppercase;letter-spacing:.1em;padding:6px 8px;border:1px solid #2a2f30;border-radius:999px}.status-new{color:#f4f4f2}.status-read{color:#9db4ca}.status-replied{color:#a6c3ae}.request-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin:16px 0}.request-grid>span{border:1px solid #1e2223;border-radius:10px;padding:10px;font-size:10px;color:#bbb}.request-grid small{display:block;color:#666c69;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.request-message{font-size:11px;line-height:1.65;color:#8f9592;padding:13px;background:#0d0f10;border-radius:10px}.request-actions{display:flex;gap:7px;margin-top:10px}.request-actions button,.row-actions button{border:1px solid #272b2c;background:#17191a;color:#9ca29f;border-radius:9px;min-height:32px;padding:0 10px;font-size:9px;display:flex;gap:6px;align-items:center;cursor:pointer}.content-table{display:grid}.content-row{display:grid;grid-template-columns:2fr 1.2fr .7fr 90px;grid-gap:12px;gap:12px;align-items:center;padding:13px 10px;border-top:1px solid #1e2223;font-size:10px}.content-row.head{border:0;color:#656b68;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.content-row b,.content-row small{display:block}.content-row b{font-size:11px}.content-row small{color:#6f7572;margin-top:4px;max-width:430px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-actions{display:flex;gap:6px}.row-actions button{width:30px;padding:0;justify-content:center}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;display:grid;place-items:center;padding:20px}.admin-modal{width:min(760px,95vw);max-height:90vh;overflow:auto;border:1px solid #2a2e2f;border-radius:18px;background:#111314;box-shadow:0 30px 80px #000;padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head small{font-size:8px;text-transform:uppercase;color:#707673;letter-spacing:.1em}.modal-head h3{margin:4px 0;font-size:20px}.modal-head button{border:0;background:none;color:#888;cursor:pointer}.modal-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.modal-fields label{font-size:9px;color:#777d7a;text-transform:uppercase;letter-spacing:.08em;display:grid;grid-gap:6px;gap:6px}.modal-fields input,.modal-fields textarea{border:1px solid #282c2d;border-radius:10px;background:#0c0e0f;color:#ddd;padding:11px;outline:none;font-size:11px;text-transform:none;letter-spacing:0}.modal-fields .span-2{grid-column:span 2}.modal-fields .check{display:flex;flex-direction:row;align-items:center}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.admin-login-page{min-height:100vh;background:radial-gradient(circle at 50% 25%,#1a1d1e,#08090a 55%);display:grid;place-items:center;padding:20px}.login-card{width:min(430px,94vw);border:1px solid #282c2d;border-radius:22px;background:rgba(16,18,19,.93);padding:34px;box-shadow:0 40px 100px #000}.login-icon{width:50px;height:50px;border:1px solid #2b3031;border-radius:15px;display:grid;place-items:center;background:#181b1c;margin-bottom:20px}.login-card h1{font-size:34px;letter-spacing:-.04em;margin:8px 0}.login-card>p{font-size:11px;color:#787e7b}.login-card form{display:grid;grid-gap:13px;gap:13px;margin:24px 0}.login-card label{display:grid;grid-gap:6px;gap:6px;font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.08em}.login-card input{width:100%;border:1px solid #282c2d;border-radius:10px;background:#0b0d0e;color:#eee;padding:12px;outline:none;font-size:11px;text-transform:none}.password-field{position:relative}.password-field svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#666}.password-field input{padding-left:36px}.login-submit{justify-content:center;width:100%;margin-top:4px}.login-error{color:#dc9b9b!important;font-size:10px!important}.login-card>a{font-size:10px;color:#6f7572}@media(max-width:980px){.site-nav{grid-template-columns:1fr auto}.nav-center{display:none}.hero{grid-template-columns:1fr;padding-top:135px}.hero-art{min-height:560px}.service-bento{grid-template-columns:1fr 1fr}.service-1,.service-4{grid-row:auto;grid-column:auto}.blog-grid,.contact-panel,.page-grid,.project-grid{grid-template-columns:1fr}.contact-panel{gap:35px}.about-hero{grid-template-columns:1fr}.about-photo{max-width:430px}.stat-grid{grid-template-columns:1fr 1fr}.admin-search{display:none}.request-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.container{width:min(100% - 24px,1180px)}.site-nav-wrap{top:8px}.site-nav{min-height:56px;border-radius:15px}.brand-lockup small{display:none}.brand-k{width:32px;height:32px}.nav-social>a:not(.nav-talk){display:none}.nav-talk{padding:9px 10px}.hero{padding-top:115px;min-height:auto;gap:20px}.hero h1{font-size:52px}.hero-copy>p{font-size:15px}.hero-mini-stats{gap:14px;justify-content:space-between}.hero-art{min-height:500px}.portrait-main{width:300px;height:390px;right:8%}.portrait-ghost{width:135px;height:175px}.portrait-orbit{width:390px;height:390px}.orbit-two{width:320px;height:320px}.chip-code{right:0}.chip-build{left:0;top:8%}.section{padding:82px 0}.contact-copy h2,.section-heading h2{font-size:42px}.service-bento{grid-template-columns:1fr}.service-card{min-height:210px}.project-visual{height:260px}.timeline-row{grid-template-columns:18px 1fr}.timeline-row ul{grid-column:2}.blog-row{grid-template-columns:1fr 42px}.blog-row>div:first-child{grid-column:1/-1;flex-direction:row}.contact-panel{padding:25px}.footer-grid,.form-grid{grid-template-columns:1fr}.footer-grid{gap:30px}.detail-layout{grid-template-columns:1fr;gap:35px}.detail-layout aside{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.about-hero{padding-top:130px}.about-photo{height:430px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #222526;flex-direction:row;align-items:center;overflow-x:auto}.admin-brand{padding:0 14px 0 0}.admin-brand div{display:none}.admin-sidebar nav{display:flex}.admin-sidebar nav a{white-space:nowrap}.admin-side-bottom,.admin-sidebar nav a span{display:none}.admin-topbar{padding:14px 16px}.admin-content{padding:16px}.request-grid,.stat-grid{grid-template-columns:1fr}.content-row{grid-template-columns:1.5fr .8fr 70px}.content-row>span:nth-child(2){display:none}.modal-fields{grid-template-columns:1fr}.modal-fields .span-2{grid-column:auto}.panel-head{align-items:flex-start;flex-direction:column}.panel-actions{width:100%;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-aura{display:none}}:root{--bg:#080a0a;--panel:#101313;--panel2:#151919;--text:#f5f6f2;--muted:#959c98;--soft:#c9cecb;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.17);--surface:rgba(16,19,19,.78);--surface-solid:#0f1212;--surface-2:#151919;--input:#0d1010;--accent:#f2f4ef;--accent-ink:#090b0b;--nav-bg:rgba(8,10,10,.72);--shadow:0 30px 80px rgba(0,0,0,.34);--pattern:rgba(255,255,255,.045);color-scheme:dark}html[data-theme=light]{--bg:#f2f1ed;--panel:#ffffff;--panel2:#ebeae5;--text:#151817;--muted:#646b67;--soft:#424946;--line:rgba(19,24,22,.10);--line2:rgba(19,24,22,.17);--surface:rgba(255,255,255,.76);--surface-solid:#fbfaf7;--surface-2:#efeee9;--input:#f7f6f2;--accent:#171a19;--accent-ink:#ffffff;--nav-bg:rgba(247,246,242,.76);--shadow:0 28px 70px rgba(42,45,43,.12);--pattern:rgba(13,18,16,.055);color-scheme:light}body{font-family:var(--font-sora),Sora,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% -10%,rgba(139,150,145,.12),transparent 32rem),radial-gradient(circle at 86% 8%,rgba(115,125,120,.08),transparent 28rem),var(--bg);color:var(--text);transition:background-color .35s ease,color .35s ease}.brand-lockup b,.footer-title,.stat-card strong,.welcome-panel h2,h1,h2,h3{font-family:var(--font-space),"Space Grotesk",var(--font-sora),sans-serif}.public-shell{position:relative;isolation:isolate;min-height:100vh;overflow:hidden}.public-shell>.site-footer,.public-shell>.skill-marquee,.public-shell>section{position:relative;z-index:2}.ambient-pattern{position:fixed;inset:0;z-index:-4;pointer-events:none;background-image:linear-gradient(var(--pattern) 1px,transparent 1px),linear-gradient(90deg,var(--pattern) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 78%)}.ambient-pattern:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 30%,var(--bg) 84%);opacity:.74}.ambient-orb{position:fixed;z-index:-3;pointer-events:none;border-radius:999px;filter:blur(80px);opacity:.16}.ambient-orb-one{width:380px;height:380px;background:#74827c;right:-120px;top:12%}.ambient-orb-two{width:300px;height:300px;background:#adb4ae;left:-130px;top:54%;opacity:.09}html[data-theme=light] .ambient-orb{opacity:.12}.page-noise{opacity:.055;pointer-events:none}.cursor-aura{position:fixed;top:0;left:0;width:36px;height:36px;margin-left:-18px;margin-top:-18px;border:1px solid rgba(255,255,255,.55);border-radius:50%;pointer-events:none;z-index:9998;background:rgba(255,255,255,.02);transform:translateZ(0);transition:width .18s ease,height .18s ease,margin .18s ease,background-color .18s ease,border-color .18s ease}.cursor-aura.is-active{width:54px;height:54px;margin-left:-27px;margin-top:-27px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.75)}.cursor-dot{position:fixed;top:0;left:0;width:4px;height:4px;margin-left:-2px;margin-top:-2px;background:#ffffff;border-radius:50%;pointer-events:none;z-index:9999}[data-theme=light] .cursor-aura{border-color:rgba(15,23,42,.45);background:rgba(15,23,42,.02)}[data-theme=light] .cursor-aura.is-active{background:rgba(15,23,42,.08);border-color:rgba(15,23,42,.65)}[data-theme=light] .cursor-dot{background:#111827}@media (hover:none),(pointer:coarse){.cursor-aura,.cursor-dot{display:none}}.top-progress{background:var(--accent)}.site-nav{background:var(--nav-bg);box-shadow:0 18px 50px rgba(0,0,0,.12)}.brand-k{background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#858b88));color:var(--accent-ink);box-shadow:inset 0 1px color-mix(in srgb,var(--accent-ink) 30%,transparent)}.brand-lockup small,.nav-center{color:var(--muted)}.nav-center a:hover{color:var(--text)}.nav-social>a:not(.nav-talk),.theme-toggle{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--surface-solid) 72%,transparent);cursor:pointer;padding:0;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.nav-social>a:not(.nav-talk):hover,.theme-toggle:hover{transform:translateY(-2px);color:var(--text);border-color:var(--line2)}.nav-talk{background:var(--accent);color:var(--accent-ink)}.hero{grid-template-columns:1.02fr .98fr;gap:66px;min-height:850px;padding-top:138px}.hero-copy{padding-bottom:30px}.about-hero h1,.article-page h1,.detail-head h1,.hero h1{font-family:var(--font-space),"Space Grotesk",sans-serif}.hero h1 em{background:linear-gradient(180deg,var(--text),color-mix(in srgb,var(--text) 50%,var(--bg)) 52%,var(--text));-webkit-background-clip:text;background-clip:text}.availability{color:var(--muted)}.availability span{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 7%,transparent),0 0 20px color-mix(in srgb,var(--accent) 46%,transparent)}.btn-light{background:var(--accent);color:var(--accent-ink)}.btn-dark{background:color-mix(in srgb,var(--surface-solid) 76%,transparent);color:var(--text);border-color:var(--line2)}.hero-inline-link{min-height:48px;display:inline-flex;align-items:center;gap:6px;padding:0 6px;color:var(--muted);font-size:12px}.hero-inline-link:hover{color:var(--text)}.hero-mini-stats span{color:var(--muted)}.motion-reel-stage{min-height:650px;display:grid;place-items:center;position:relative;perspective:1200px}.motion-reel-card{position:relative;width:min(390px,78vw);aspect-ratio:9/14.5;border-radius:34px;overflow:hidden;border:1px solid var(--line2);background:var(--surface-solid);box-shadow:0 42px 110px rgba(0,0,0,.34);transform-style:preserve-3d}.motion-reel-card:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 7%,transparent);z-index:6;pointer-events:none}.motion-reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.08) brightness(.58);transform:scale(1.03)}html[data-theme=light] .motion-reel-video{filter:saturate(.52) contrast(.96) brightness(.92)}.motion-reel-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,6,.44),transparent 28%,transparent 48%,rgba(4,6,6,.88));z-index:1}html[data-theme=light] .motion-reel-scrim{background:linear-gradient(180deg,rgba(251,250,247,.28),transparent 28%,transparent 42%,rgba(14,17,16,.82))}.reel-grid{position:absolute;inset:0;z-index:2;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 58%);mask-image:linear-gradient(180deg,#000,transparent 58%)}.reel-topbar{position:absolute;left:18px;right:18px;top:18px;z-index:4;justify-content:space-between;color:#f7f7f3;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.reel-live,.reel-topbar{display:flex;align-items:center}.reel-live{gap:7px}.reel-live i{width:6px;height:6px;border-radius:50%;background:#f4f5f2;box-shadow:0 0 0 5px rgba(255,255,255,.08)}.reel-copy{position:absolute;z-index:4;left:22px;right:78px;bottom:24px;color:#fff}.reel-copy>span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.67)}.reel-copy h2{font-size:30px;line-height:1;letter-spacing:-.045em;margin:10px 0 9px;color:#fff}.reel-copy p{font-size:10px;line-height:1.55;margin:0;color:rgba(255,255,255,.64)}.reel-actions{position:absolute;z-index:5;right:13px;bottom:24px;display:grid;grid-gap:10px;gap:10px}.reel-action{display:grid;justify-items:center;grid-gap:4px;gap:4px;color:#fff}.reel-action>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);background:rgba(10,12,12,.36);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reel-action small{font-size:7px;color:rgba(255,255,255,.7)}.reel-orbit-badge{position:absolute;z-index:4;width:86px;height:86px;left:18px;top:72px;border-radius:50%;border:1px solid rgba(255,255,255,.17);display:grid;place-items:center;color:#fff;background:rgba(7,9,9,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reel-orbit-badge span{font-size:6px;letter-spacing:.11em;width:74px;height:74px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;color:rgba(255,255,255,.62)}.reel-halo,.reel-orbit-badge span{position:absolute;border-radius:50%}.reel-halo{border:1px solid var(--line);pointer-events:none}.reel-halo-a{width:530px;height:530px;animation:spin 28s linear infinite}.reel-halo-b{width:450px;height:450px;border-style:dashed;animation:spin 22s linear infinite reverse}.reel-halo-a:before,.reel-halo-b:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 44%,transparent)}.reel-halo-a:before{left:13%;top:18%}.reel-halo-b:after{right:9%;bottom:24%}.reel-floating-card{position:absolute;z-index:8;border:1px solid var(--line2);background:color-mix(in srgb,var(--surface-solid) 82%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px 14px;border-radius:15px;box-shadow:var(--shadow)}.reel-floating-card small,.reel-floating-card strong{display:block}.reel-floating-card small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.reel-floating-card strong{font-size:11px}.reel-card-one{left:-2%;top:17%}.reel-card-two{right:-4%;bottom:16%}.service-card{background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 94%,transparent),color-mix(in srgb,var(--surface-solid) 96%,transparent));box-shadow:0 20px 55px color-mix(in srgb,#000 10%,transparent)}.service-card:before{background:radial-gradient(circle,color-mix(in srgb,var(--text) 8%,transparent),transparent 70%)}.blog-card p,.blog-row p,.project-body p,.service-card p,.timeline-row ul{color:var(--muted)}.animated-icon{background:linear-gradient(145deg,var(--surface-2),var(--surface-solid))}.card-index{color:color-mix(in srgb,var(--muted) 72%,transparent)}.project-card{background:var(--surface-solid);box-shadow:0 24px 60px color-mix(in srgb,#000 9%,transparent)}.project-visual{background:radial-gradient(circle at 65% 35%,color-mix(in srgb,var(--text) 10%,transparent),transparent 35%),linear-gradient(145deg,var(--surface-2),var(--surface-solid))}.blog-top,.project-body small,.project-visual>span,.timeline-row small{color:var(--muted)}.project-visual>strong{color:color-mix(in srgb,var(--text) 4%,transparent)}.project-rings i{border-color:color-mix(in srgb,var(--text) 13%,transparent)}.project-rings i:nth-child(3){background:radial-gradient(circle,color-mix(in srgb,var(--text) 78%,var(--bg)),color-mix(in srgb,var(--text) 34%,var(--bg)) 60%,var(--surface-2));box-shadow:0 0 50px color-mix(in srgb,var(--text) 12%,transparent)}.tag-row span{background:color-mix(in srgb,var(--surface-2) 55%,transparent);color:var(--soft)}.text-link{color:var(--text)}.timeline-dot{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 6%,transparent)}.timeline-row strong{color:var(--muted)}.blog-card,.contact-panel{background:linear-gradient(145deg,var(--surface-2),var(--surface-solid))}.contact-panel{box-shadow:0 28px 72px color-mix(in srgb,#000 9%,transparent)}.contact-list a,.contact-list span{color:var(--soft)}.contact-form label{color:var(--muted)}.contact-form input,.contact-form select,.contact-form textarea{background:var(--input);color:var(--text)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:color-mix(in srgb,var(--text) 28%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 4%,transparent)}.skill-cloud span{background:var(--surface-solid);color:var(--soft)}.about-hero p,.article-body p,.article-page header>p,.back-link,.detail-head p,.detail-lead,.footer-grid p,.footer-links a{color:var(--muted)}.footer-bottom{color:color-mix(in srgb,var(--muted) 72%,transparent)}.about-visual{height:520px;position:relative;overflow:hidden;border-radius:32px;border:1px solid var(--line2);background:linear-gradient(145deg,var(--surface-2),var(--surface-solid));box-shadow:var(--shadow)}.about-visual-grid{position:absolute;inset:0;background-image:linear-gradient(var(--pattern) 1px,transparent 1px),linear-gradient(90deg,var(--pattern) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 82%);mask-image:radial-gradient(circle at center,#000,transparent 82%)}.about-console-label{position:absolute;top:24px;left:24px;font-size:9px;color:var(--muted);letter-spacing:.14em}.about-code-card{position:absolute;left:34px;top:102px;width:270px;border:1px solid var(--line2);border-radius:18px;padding:20px;background:color-mix(in srgb,var(--surface-solid) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:rotate(-3deg);box-shadow:0 22px 55px rgba(0,0,0,.16)}.about-code-card.compact{left:auto;right:28px;top:245px;width:210px;transform:rotate(4deg)}.about-code-card small{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.about-code-card strong{display:block;font-family:var(--font-space);font-size:24px;letter-spacing:-.04em;margin:8px 0}.about-code-card p{font-size:10px;margin:0;color:var(--muted)}.about-metric{position:absolute;right:34px;top:74px;width:110px;height:110px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;align-content:center;background:color-mix(in srgb,var(--surface-solid) 72%,transparent)}.about-metric.second{left:45px;right:auto;top:auto;bottom:42px;width:92px;height:92px}.about-metric strong{font-family:var(--font-space);font-size:32px;line-height:1}.about-metric span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:5px}.about-terminal{position:absolute;left:155px;right:36px;bottom:44px;border:1px solid var(--line);border-radius:14px;background:var(--input);padding:14px 16px;font-size:10px;color:var(--soft)}.about-terminal i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);margin-right:4px}.about-terminal code{display:block;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}html[data-theme=light] .page-noise{mix-blend-mode:multiply;opacity:.025}html[data-theme=light] .motion-reel-card{box-shadow:0 42px 100px rgba(58,62,59,.22)}html[data-theme=light] .blog-card,html[data-theme=light] .contact-panel,html[data-theme=light] .project-card,html[data-theme=light] .service-card{box-shadow:0 18px 45px rgba(47,51,48,.08)}@media(max-width:980px){.hero{grid-template-columns:1fr;gap:18px;min-height:auto;padding-bottom:70px}.motion-reel-stage{min-height:690px}.reel-card-one{left:10%}.reel-card-two{right:9%}.about-hero{grid-template-columns:1fr}.about-visual{max-width:620px;width:100%;height:480px}}@media(max-width:720px){.nav-social .theme-toggle{display:grid}.hero{padding-top:120px}.hero h1{font-size:50px}.hero-actions{align-items:center}.hero-inline-link{width:100%;min-height:auto;padding:6px 2px}.motion-reel-stage{min-height:580px;margin-top:6px}.motion-reel-card{width:min(330px,86vw);border-radius:28px}.reel-halo-a{width:420px;height:420px}.reel-halo-b{width:350px;height:350px}.reel-copy h2{font-size:26px}.reel-copy{right:68px}.reel-card-one{left:0;top:12%}.reel-card-two{right:0;bottom:10%}.reel-floating-card{padding:10px 11px}.about-visual{height:440px}.about-code-card{left:20px;top:90px;width:230px}.about-code-card.compact{right:18px;top:235px;width:190px}.about-metric{right:20px}.about-terminal{left:105px;right:18px;bottom:28px}.about-metric.second{left:24px;bottom:28px}}@media(max-width:480px){.brand-lockup b{font-size:12px}.site-nav{padding-left:10px}.nav-talk{font-size:0;grid-gap:0;gap:0;width:36px;height:36px;padding:0;display:grid;place-items:center}.nav-talk svg{width:16px;height:16px}.hero h1{font-size:43px}.motion-reel-stage{min-height:540px}.motion-reel-card{width:88vw}.reel-card-one{left:2%;top:7%}.reel-card-two{right:1%;bottom:7%}.reel-copy h2{font-size:23px}.about-code-card{width:215px}.about-code-card.compact{width:175px}.about-terminal{left:82px}}.hero-cinematic{display:block;min-height:auto;padding-top:154px;padding-bottom:42px;text-align:center;position:relative}.hero-copy-centered{max-width:980px;margin:0 auto;padding:0;position:relative;z-index:8}.hero-copy-centered .availability{justify-content:center}.hero-cinematic h1{max-width:1000px;margin:24px auto 0;font-size:clamp(62px,8.7vw,126px);line-height:.84;letter-spacing:-.075em}.hero-cinematic h1 em{display:block;margin-top:.08em;background:linear-gradient(180deg,var(--text) 0,var(--text) 22%,var(--muted) 60%,var(--text) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy-centered>p{max-width:760px;margin:28px auto 0;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions-centered{justify-content:center;margin-top:30px}.cinematic-stage{position:relative;width:min(1120px,100%);min-height:690px;margin:42px auto 0;display:grid;place-items:center;perspective:1600px;isolation:isolate}.cinematic-stage:before{content:"";position:absolute;width:84%;height:55%;left:8%;bottom:7%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.085),transparent 64%);filter:blur(16px);z-index:-4;pointer-events:none}html[data-theme=light] .cinematic-stage:before{background:radial-gradient(ellipse at center,rgba(25,31,28,.1),transparent 64%)}.cinematic-light{position:absolute;border-radius:999px;filter:blur(72px);pointer-events:none;z-index:-5;opacity:.22}.cinematic-light-a{width:390px;height:270px;background:#8f9e98;left:8%;top:15%;animation:cinematic-drift-a 9s ease-in-out infinite}.cinematic-light-b{width:330px;height:280px;background:#c5cac6;right:6%;bottom:12%;opacity:.1;animation:cinematic-drift-b 11s ease-in-out infinite}html[data-theme=light] .cinematic-light-a{background:#aeb9b2;opacity:.22}html[data-theme=light] .cinematic-light-b{background:#d2d8d3;opacity:.28}@keyframes cinematic-drift-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(48px,28px,0) scale(1.12)}}@keyframes cinematic-drift-b{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-38px,-22px,0) scale(.92)}}.cinematic-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;pointer-events:none;z-index:-2}.cinematic-orbit-a{width:720px;height:720px;left:50%;top:50%;transform:translate(-50%,-50%);animation:cinematic-spin 31s linear infinite}.cinematic-orbit-b{width:590px;height:590px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(24deg);border-style:dashed;opacity:.72;animation:cinematic-spin-reverse 25s linear infinite}.cinematic-orbit-a:before,.cinematic-orbit-b:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--text);box-shadow:0 0 20px rgba(255,255,255,.45)}.cinematic-orbit-a:before{top:17%;left:10%}.cinematic-orbit-b:after{right:8%;bottom:23%}@keyframes cinematic-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes cinematic-spin-reverse{to{transform:translate(-50%,-50%) rotate(-336deg)}}.cinematic-browser{width:min(900px,82vw);height:505px;border:1px solid var(--line2);border-radius:26px;background:var(--surface-solid);box-shadow:0 54px 120px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.025);overflow:hidden;transform-style:preserve-3d;will-change:transform;position:relative;z-index:4}html[data-theme=light] .cinematic-browser{box-shadow:0 48px 100px rgba(52,58,54,.16),inset 0 0 0 1px rgba(255,255,255,.58)}.browser-chrome{height:48px;display:grid;grid-template-columns:1fr minmax(260px,420px) 1fr;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface-solid))}.browser-dots{display:flex;gap:6px}.browser-dots i{width:8px;height:8px;border-radius:50%;background:var(--line2)}.browser-dots i:first-child{background:#777e79}.browser-dots i:nth-child(2){background:#555b57}.browser-dots i:nth-child(3){background:#3f4441}.browser-address{height:29px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:var(--muted);font-size:9px;background:var(--input)}.browser-secure{color:var(--soft);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.browser-command{justify-self:end;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;border:1px solid var(--line);padding:7px 8px;border-radius:8px}.browser-body{height:calc(100% - 48px);display:grid;grid-template-columns:64px 1fr;background:linear-gradient(135deg,var(--surface-solid),var(--bg))}.showcase-sidebar{border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;align-items:center}.showcase-logo{width:34px;height:34px;border-radius:10px;border:1px solid var(--line2);display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:800 12px var(--font-space)}.showcase-sidebar nav{display:grid;grid-gap:8px;gap:8px;margin-top:34px}.showcase-sidebar nav i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--muted);border:1px solid transparent;font-style:normal}.showcase-sidebar nav i.active{background:var(--surface-2);color:var(--text);border-color:var(--line)}.sidebar-avatar{margin-top:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:8px;color:var(--soft)}.showcase-main{padding:26px 28px 28px;overflow:hidden;text-align:left}.showcase-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.showcase-topline .eyebrow{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.showcase-topline h3{font-size:31px;letter-spacing:-.05em;margin:7px 0 0;line-height:1}.showcase-status{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 9px;color:var(--muted);font-size:8px;white-space:nowrap}.showcase-status i{width:6px;height:6px;background:#95a59d;border-radius:50%;box-shadow:0 0 0 4px rgba(149,165,157,.08)}.showcase-grid{display:grid;grid-template-columns:1.45fr .9fr;grid-template-rows:1fr auto;grid-gap:12px;gap:12px;margin-top:24px;height:320px}.showcase-panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--surface-2),var(--surface-solid));padding:17px;position:relative;overflow:hidden}.showcase-panel:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;top:-95px;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 68%);pointer-events:none}.panel-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.showcase-panel-primary{grid-row:1/3;display:flex;flex-direction:column}.metric-line{margin-top:26px}.metric-line strong{display:block;font:700 48px/1 var(--font-space);letter-spacing:-.06em}.metric-line span{display:block;color:var(--muted);font-size:9px;margin-top:6px}.chart-bars{height:116px;display:flex;align-items:end;gap:7px;margin:29px 0 17px;border-bottom:1px solid var(--line);padding-bottom:1px}.chart-bars i{flex:1 1;min-width:4px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--text),var(--muted));transform-origin:bottom;opacity:.76}.panel-foot{display:flex;gap:7px;margin-top:auto}.panel-foot span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);padding:6px 7px;border-radius:999px}.showcase-code-panel pre{font:9px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--soft);margin:17px 0 12px;white-space:pre-wrap}.code-result{font-size:7px;color:var(--muted);display:flex;gap:6px;align-items:center}.code-result i{width:6px;height:6px;border-radius:50%;background:#8fa096}.showcase-flow-panel{padding-top:14px}.flow-row{display:grid;grid-template-columns:28px 1fr 7px;align-items:center;border-top:1px solid var(--line);padding:8px 0;font-size:8px}.flow-row:first-of-type{margin-top:9px}.flow-row b{color:var(--muted);font-weight:500}.flow-row i{width:6px;height:6px;border-radius:50%;background:var(--line2)}.flow-row:last-child i{background:var(--text)}.cinematic-float-card{position:absolute;z-index:7;width:210px;padding:15px 16px;border:1px solid var(--line2);border-radius:16px;background:rgba(15,18,18,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 70px rgba(0,0,0,.24);text-align:left}html[data-theme=light] .cinematic-float-card{background:rgba(251,250,247,.82);box-shadow:0 22px 55px rgba(45,51,47,.12)}.cinematic-float-card small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:7px;margin-bottom:7px}.cinematic-float-card strong{display:block;font-size:11px;line-height:1.45}.cinematic-float-left{left:1.5%;top:33%}.cinematic-float-right{right:1%;bottom:20%}.float-meter{display:flex;gap:4px;margin-top:12px}.float-meter i{height:3px;flex:1 1;background:var(--line2);border-radius:999px}.float-meter i:nth-child(-n+4){background:var(--text)}.stack-dots{display:flex;gap:5px;margin-top:12px}.stack-dots i{width:8px;height:8px;border-radius:3px;background:var(--muted)}.stack-dots i:nth-child(2){opacity:.65}.stack-dots i:nth-child(3){opacity:.35}.cinematic-orbit-label{position:absolute;z-index:6;right:9%;top:8%;width:92px;height:92px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;background:rgba(10,12,12,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=light] .cinematic-orbit-label{background:rgba(251,250,247,.58)}.cinematic-orbit-label span{width:74px;text-align:center;font-size:6px;letter-spacing:.14em;color:var(--muted);line-height:1.5}.cinematic-mini-stats{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);z-index:8;display:flex;gap:8px}.cinematic-mini-stats>div{min-width:122px;border:1px solid var(--line);border-radius:13px;background:rgba(15,18,18,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:9px 11px;display:grid;grid-template-columns:16px 1fr;grid-gap:2px 7px;gap:2px 7px;text-align:left;box-shadow:0 15px 45px rgba(0,0,0,.14)}html[data-theme=light] .cinematic-mini-stats>div{background:rgba(251,250,247,.76)}.cinematic-mini-stats svg{grid-row:1/3;color:var(--muted);align-self:center}.cinematic-mini-stats span{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.cinematic-mini-stats strong{font-size:10px}.hero-mini-stats-wide{max-width:960px;margin:8px auto 0;justify-content:space-between;padding:23px 18px 0}.hero-mini-stats-wide>div{text-align:left}.section{position:relative}.section:before{content:"";position:absolute;left:50%;top:0;width:min(1180px,calc(100% - 40px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--line),transparent);opacity:.7}.blog-card,.contact-panel,.project-card,.service-card{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease}.blog-card:hover,.project-card:hover,.service-card:hover{transform:translateY(-7px);border-color:var(--line2)}@media(max-width:980px){.hero-cinematic{padding-top:132px}.hero-cinematic h1{font-size:clamp(58px,11vw,92px)}.cinematic-stage{min-height:610px;margin-top:28px}.cinematic-browser{width:92vw;height:475px}.cinematic-orbit-a{width:620px;height:620px}.cinematic-orbit-b{width:510px;height:510px}.cinematic-float-left{left:-1%;top:28%}.cinematic-float-right{right:-1%;bottom:17%}}@media(max-width:760px){.hero-cinematic{padding-top:118px}.hero-cinematic h1{font-size:clamp(50px,14vw,72px);line-height:.88}.hero-copy-centered>p{font-size:15px;line-height:1.65}.hero-actions-centered{gap:8px}.hero-actions-centered .btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px)}.hero-actions-centered .hero-inline-link{width:100%;justify-content:center}.cinematic-stage{min-height:570px;margin-top:22px}.cinematic-browser{width:96vw;height:430px;border-radius:22px}.browser-chrome{grid-template-columns:72px 1fr 72px;padding:0 11px}.browser-command{font-size:0}.browser-command svg{width:13px}.browser-body{grid-template-columns:48px 1fr}.showcase-sidebar{padding-left:6px;padding-right:6px}.showcase-logo,.showcase-sidebar nav i{width:31px;height:31px}.showcase-main{padding:20px 18px}.showcase-topline h3{font-size:25px}.showcase-status{display:none}.showcase-grid{height:285px;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:18px}.showcase-panel{padding:13px;border-radius:14px}.metric-line strong{font-size:38px}.chart-bars{gap:4px;height:100px;margin-top:22px}.panel-foot span{font-size:6px;padding:5px}.flow-row,.showcase-code-panel pre{font-size:7px}.cinematic-float-card{width:172px;padding:12px}.cinematic-float-left{left:0;top:24%}.cinematic-float-right{right:0;bottom:13%}.cinematic-orbit-label{display:none}.cinematic-mini-stats{bottom:1%;gap:5px}.cinematic-mini-stats>div{min-width:0;width:105px;padding:8px}.cinematic-mini-stats>div:nth-child(3){display:none}.cinematic-orbit-a{width:500px;height:500px}.cinematic-orbit-b{width:420px;height:420px}.hero-mini-stats-wide{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px 24px;gap:18px 24px;text-align:left}}@media(max-width:520px){.hero-cinematic{padding-top:112px}.hero-cinematic h1{font-size:48px;letter-spacing:-.065em}.availability{font-size:8px;letter-spacing:.09em}.cinematic-stage{min-height:520px}.cinematic-browser{height:390px;width:98vw}.browser-chrome{height:43px;grid-template-columns:56px 1fr 45px}.browser-body{height:calc(100% - 43px)}.showcase-main{padding:16px 12px}.showcase-topline h3{font-size:21px}.showcase-topline .eyebrow{font-size:6px}.showcase-grid{grid-template-columns:1fr;height:278px}.showcase-panel-primary{grid-row:auto}.showcase-code-panel,.showcase-flow-panel{display:none}.metric-line{margin-top:18px}.metric-line strong{font-size:44px}.chart-bars{height:120px;margin:20px 0 14px}.panel-foot{margin-top:4px}.showcase-sidebar{display:none}.browser-body{grid-template-columns:1fr}.cinematic-float-left{left:-3%;top:23%;transform:scale(.88)}.cinematic-float-right{right:-3%;bottom:14%;transform:scale(.88)}.cinematic-mini-stats{display:none}.cinematic-orbit-a{width:420px;height:420px}.cinematic-orbit-b{width:345px;height:345px}.hero-mini-stats-wide{grid-template-columns:1fr 1fr;padding-left:0;padding-right:0}}@media (prefers-reduced-motion:reduce){.cinematic-light,.cinematic-orbit,.cinematic-orbit-label{animation:none!important}}.article-detail{padding-top:132px;position:relative}.article-back-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.11em}.article-back-row .back-link{text-transform:none;letter-spacing:0;font-size:11px;transition:color .2s ease,transform .2s ease}.article-back-row .back-link:hover{color:var(--text);transform:translateX(-3px)}.article-hero-card{min-height:610px;border:1px solid var(--line);border-radius:34px;overflow:hidden;display:grid;grid-template-columns:1.18fr .82fr;background:linear-gradient(145deg,var(--surface-solid),var(--panel2));box-shadow:var(--shadow);position:relative}.article-hero-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--pattern) 1px,transparent 1px),linear-gradient(90deg,var(--pattern) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 58%,#000);mask-image:linear-gradient(90deg,transparent,#000 58%,#000);opacity:.45}.article-hero-copy{padding:74px 66px 64px;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.article-meta-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.article-meta-line>span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 10px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.article-hero-copy h1{font-family:var(--font-space),"Space Grotesk",sans-serif;font-size:clamp(48px,5.6vw,82px);line-height:.94;letter-spacing:-.06em;margin:28px 0 22px;max-width:830px}.article-excerpt{font-size:16px;line-height:1.75;color:var(--muted);max-width:720px;margin:0}.article-tags{margin:28px 0 0}.article-tags span{padding:8px 11px;background:var(--surface)}.article-hero-art{position:relative;min-height:100%;overflow:hidden;border-left:1px solid var(--line);background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.09),transparent 30%),linear-gradient(150deg,rgba(255,255,255,.025),transparent 55%)}.article-orbit{position:absolute;border:1px solid var(--line2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.article-orbit-one{width:420px;height:420px}.article-orbit-two{width:310px;height:310px;border-style:dashed;animation:articleSpin 28s linear infinite}@keyframes articleSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}.article-code-window{position:absolute;left:50%;top:50%;width:min(330px,78%);height:250px;transform:translate(-50%,-50%) rotate(-4deg);border:1px solid var(--line2);border-radius:22px;background:rgba(10,12,12,.86);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 28px 80px rgba(0,0,0,.34);overflow:hidden}.article-code-top{height:46px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:6px;padding:0 14px}.article-code-top>span{width:7px;height:7px;border-radius:50%;background:#6f7672}.article-code-top>span:nth-child(2){opacity:.65}.article-code-top>span:nth-child(3){opacity:.4}.article-code-top small{margin-left:auto;color:#6f7672;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.article-code-lines{padding:28px 24px;display:grid;grid-gap:14px;gap:14px}.article-code-lines i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,#bfc4c1,#6f7773);opacity:.55}.article-code-lines i:first-child{width:52%}.article-code-lines i:nth-child(2){width:86%}.article-code-lines i:nth-child(3){width:68%;margin-left:20px}.article-code-lines i:nth-child(4){width:74%;margin-left:20px}.article-code-lines i:nth-child(5){width:43%}.article-code-foot{position:absolute;left:20px;right:20px;bottom:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:13px;display:flex;align-items:center;gap:8px;color:#9ca4a0;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.article-floating-note{position:absolute;z-index:3;border:1px solid var(--line2);border-radius:15px;background:rgba(14,17,16,.76);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 60px rgba(0,0,0,.22);padding:13px 15px}.article-floating-note small,.article-floating-note strong{display:block}.article-floating-note small{font-size:7px;letter-spacing:.12em;color:#7f8783;margin-bottom:5px}.article-floating-note strong{font-size:10px}.article-floating-note.note-one{left:7%;top:18%}.article-floating-note.note-two{right:6%;bottom:17%}html[data-theme=light] .article-code-window{background:rgba(247,247,243,.9);box-shadow:0 28px 70px rgba(28,34,31,.13)}html[data-theme=light] .article-code-top{border-bottom-color:rgba(18,24,21,.09)}html[data-theme=light] .article-code-foot{border-top-color:rgba(18,24,21,.09);color:#5f6763}html[data-theme=light] .article-floating-note{background:rgba(250,249,245,.84);box-shadow:0 20px 50px rgba(35,40,37,.1)}.article-layout{display:grid;grid-template-columns:260px minmax(0,760px);justify-content:center;grid-gap:74px;gap:74px;padding-top:72px}.article-sidebar{min-width:0}.article-sidebar-sticky{position:-webkit-sticky;position:sticky;top:115px;display:grid;grid-gap:24px;gap:24px}.article-author-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.article-author-mark{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-family:var(--font-space);font-weight:800}.article-author-card p,.article-author-card small,.article-author-card strong{display:block;margin:0}.article-author-card small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.article-author-card strong{font-size:11px;margin:3px 0}.article-author-card p{font-size:8px;color:var(--muted)}.article-toc{display:grid;border-top:1px solid var(--line);padding-top:20px}.article-share-wrap>small,.article-toc>small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.11em;margin-bottom:11px}.article-toc a{display:grid;grid-template-columns:24px 1fr;grid-gap:7px;gap:7px;padding:8px 0;color:var(--muted);font-size:10px;line-height:1.4;border-bottom:1px solid transparent;transition:color .2s ease,transform .2s ease}.article-toc a:hover{color:var(--text);transform:translateX(3px)}.article-toc a span{font-size:7px;color:var(--muted);padding-top:2px}.article-share-wrap{border-top:1px solid var(--line);padding-top:20px}.article-share{display:grid;grid-gap:7px;gap:7px}.article-share button{width:100%;min-height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);display:flex;align-items:center;gap:8px;padding:0 11px;cursor:pointer;font-size:9px;transition:.2s ease}.article-share button:hover{border-color:var(--line2);color:var(--text);transform:translateY(-1px)}.article-content{min-width:0}.article-lead-card{display:grid;grid-template-columns:38px 1fr;grid-gap:15px;gap:15px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--surface),transparent);padding:22px 24px;margin-bottom:44px}.article-lead-card>svg{width:38px;height:38px;padding:10px;border-radius:12px;background:var(--accent);color:var(--accent-ink)}.article-lead-card small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.article-lead-card p{font-size:12px;line-height:1.65;color:var(--soft);margin:6px 0 0}.article-body-rich{counter-reset:article-section}.article-body-rich h2{scroll-margin-top:120px;font-family:var(--font-space),"Space Grotesk",sans-serif;font-size:clamp(29px,3.2vw,41px);line-height:1.08;letter-spacing:-.045em;margin:58px 0 20px;display:grid;grid-template-columns:34px 1fr;grid-gap:8px;gap:8px}.article-body-rich h2:first-child{margin-top:0}.article-body-rich h2>span{font-family:var(--font-sora),sans-serif;font-size:8px;line-height:1.5;color:var(--muted);letter-spacing:.08em;padding-top:7px}.article-body-rich>p{font-size:16px;line-height:1.95;color:var(--soft);margin:0 0 28px}.article-body-rich>p:first-of-type:first-letter{float:left;font-family:var(--font-space);font-size:58px;line-height:.78;padding:10px 10px 0 0;color:var(--text);font-weight:650}.article-body-rich blockquote{position:relative;margin:42px 0;padding:30px 32px 30px 72px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--surface),transparent);overflow:hidden}.article-body-rich blockquote:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-75px;border:1px solid var(--line)}.article-body-rich blockquote>span{position:absolute;left:26px;top:19px;font-family:Georgia,serif;font-size:52px;color:var(--muted);line-height:1}.article-body-rich blockquote p{font-family:var(--font-space);font-size:21px;line-height:1.5;letter-spacing:-.025em;color:var(--text);margin:0;position:relative;z-index:2}.article-end-card{margin-top:58px;border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.08),transparent 30%),var(--surface)}.article-end-card small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.11em}.article-end-card h3{font-family:var(--font-space);font-size:27px;letter-spacing:-.04em;margin:7px 0}.article-end-card p{font-size:11px;line-height:1.6;color:var(--muted);max-width:500px;margin:0}.article-end-card .btn{flex:0 0 auto}.article-related{padding-top:120px;padding-bottom:80px}.article-related-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.article-related-head h2{font-family:var(--font-space);font-size:clamp(36px,4.5vw,58px);letter-spacing:-.055em;margin:9px 0 0}.article-related-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.article-related-card{min-height:310px;border:1px solid var(--line);border-radius:25px;padding:28px;display:grid;grid-template-columns:48px 1fr;grid-gap:20px;gap:20px;background:linear-gradient(145deg,var(--surface),var(--surface-solid));position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease}.article-related-card:before{content:"";position:absolute;width:230px;height:230px;border:1px solid var(--line);border-radius:50%;right:-95px;bottom:-130px}.article-related-card:hover{transform:translateY(-6px);border-color:var(--line2)}.article-related-index{font-family:var(--font-space);font-size:11px;color:var(--muted)}.article-related-meta{display:flex;gap:13px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.article-related-card h3{font-family:var(--font-space);font-size:28px;line-height:1.06;letter-spacing:-.04em;margin:20px 0 12px;max-width:480px}.article-related-card p{font-size:11px;line-height:1.7;color:var(--muted);max-width:500px}.article-related-link{display:flex;align-items:center;gap:6px;margin-top:24px;font-size:10px;color:var(--soft)}@media(max-width:980px){.article-hero-card{grid-template-columns:1fr;min-height:0}.article-hero-copy{padding:56px 46px}.article-hero-art{min-height:380px;border-left:0;border-top:1px solid var(--line)}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:45px}.article-related{padding-top:90px}}@media(max-width:760px){.article-detail{padding-top:105px}.article-back-row>span{display:none}.article-hero-card{border-radius:25px}.article-hero-copy{padding:38px 24px 34px}.article-meta-line>span:nth-child(3){display:none}.article-hero-copy h1{font-size:clamp(43px,12vw,62px);margin-top:22px}.article-excerpt{font-size:14px}.article-hero-art{min-height:315px}.article-orbit-one{width:320px;height:320px}.article-orbit-two{width:230px;height:230px}.article-code-window{height:210px}.article-floating-note.note-one{left:4%;top:11%}.article-floating-note.note-two{right:4%;bottom:10%}.article-layout{grid-template-columns:1fr;gap:34px;padding-top:42px}.article-sidebar-sticky{position:static}.article-author-card{max-width:380px}.article-toc{display:none}.article-share{grid-template-columns:repeat(3,1fr)}.article-share button{justify-content:center}.article-share button span{display:none}.article-content{max-width:720px}.article-body-rich h2{font-size:32px;margin-top:48px}.article-body-rich>p{font-size:15px;line-height:1.86}.article-body-rich blockquote{padding:28px 22px 28px 58px}.article-body-rich blockquote>span{left:20px}.article-body-rich blockquote p{font-size:18px}.article-end-card{align-items:flex-start;flex-direction:column}.article-related{padding-top:75px}.article-related-head{align-items:flex-start;flex-direction:column}.article-related-grid{grid-template-columns:1fr}.article-related-card{min-height:260px}}@media(max-width:480px){.article-meta-line{gap:6px}.article-meta-line>span{padding:7px 8px;font-size:7px}.article-hero-copy h1{font-size:42px}.article-hero-art{min-height:280px}.article-code-window{width:78%;height:190px}.article-code-lines{padding:22px 20px;gap:11px}.article-floating-note{padding:10px 11px}.article-floating-note.note-two{display:none}.article-lead-card{grid-template-columns:1fr;padding:20px}.article-lead-card>svg{width:34px;height:34px}.article-body-rich h2{grid-template-columns:28px 1fr;font-size:28px}.article-body-rich>p{font-size:14px}.article-body-rich blockquote{padding:55px 21px 24px}.article-body-rich blockquote>span{top:10px}.article-related-card{grid-template-columns:30px 1fr;padding:22px}.article-related-card h3{font-size:24px}}@media(prefers-reduced-motion:reduce){.article-orbit-two{animation:none!important}}.page-hero-rich{padding-top:150px;padding-bottom:86px;min-height:690px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);grid-gap:62px;gap:62px;align-items:center}.page-hero-rich-copy{max-width:650px}.page-hero-rich-copy h1{font-family:var(--font-space,"Space Grotesk",sans-serif);font-size:clamp(54px,6.2vw,88px);line-height:.94;letter-spacing:-.065em;margin:18px 0 24px}.page-hero-rich-copy>p{max-width:620px;color:var(--muted);font-size:17px;line-height:1.72;margin:0}.page-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.page-hero-media{min-width:0;border:1px solid var(--line2);border-radius:30px;overflow:hidden;background:var(--surface-solid,var(--panel));box-shadow:0 34px 90px rgba(0,0,0,.24);transform:rotate(1.2deg)}.page-hero-media-caption,.page-hero-media-top{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.11em}.page-hero-media-top>span{display:flex;align-items:center;gap:7px}.page-hero-image-wrap{position:relative;aspect-ratio:12/7;overflow:hidden;background:#0a0c10}.page-hero-image{object-fit:cover;transform:scale(1.012)}.page-hero-media-shade{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}.page-hero-media-grid,.page-hero-media-shade{position:absolute;inset:0;pointer-events:none}.page-hero-media-grid{opacity:.26;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 58%);mask-image:linear-gradient(180deg,#000,transparent 58%)}.page-hero-media-caption{justify-content:flex-start;gap:12px}.page-hero-media-caption i{width:4px;height:4px;border-radius:50%;background:var(--muted)}html[data-theme=light] .page-hero-media{box-shadow:0 28px 70px rgba(30,35,33,.12)}.page-grid-with-images{padding-bottom:120px}.project-card.project-card-image{display:flex;flex-direction:column;background:var(--surface-solid,var(--panel));transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.project-card.project-card-image:hover{transform:translateY(-6px);border-color:var(--line2);box-shadow:0 28px 76px rgba(0,0,0,.2)}.project-cover-link{display:block}.project-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b0d10}.project-cover-image{object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s ease}.project-card:hover .project-cover-image{transform:scale(1.045)}.project-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,9,.16),transparent 42%,rgba(5,7,9,.72));pointer-events:none}.project-cover-bottom,.project-cover-top{position:absolute;left:18px;right:18px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:white}.project-cover-top{top:17px}.project-cover-top span{padding:8px 10px;border:1px solid rgba(255,255,255,.2);background:rgba(6,8,10,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.project-cover-top strong{font-family:var(--font-space,"Space Grotesk",sans-serif);font-size:13px}.project-cover-bottom{bottom:17px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.project-cover-bottom span{padding:9px 12px;border-radius:999px;background:rgba(8,10,12,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.text-link.secondary{color:var(--muted)}.project-case-study{padding-bottom:120px}.project-detail-hero{position:relative;min-height:820px;overflow:hidden;background:#070a0f;color:#fff}.project-detail-backdrop{position:absolute;inset:-70px;opacity:.28;filter:blur(34px) saturate(1.25);transform:scale(1.08)}.project-detail-backdrop-image{object-fit:cover}.project-detail-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,14,.95),rgba(5,8,14,.82) 35%,rgba(5,8,14,.38) 72%,rgba(5,8,14,.66)),linear-gradient(180deg,rgba(5,8,14,.18),rgba(5,8,14,.94))}.project-detail-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);mask-image:linear-gradient(180deg,#000,transparent 90%)}.project-detail-shell{position:relative;z-index:2;padding-top:124px}.project-detail-back{color:rgba(255,255,255,.7);margin-bottom:60px;display:inline-flex}.project-detail-hero-layout{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;grid-gap:54px;gap:54px;align-items:center}.project-detail-copy{padding-bottom:28px}.project-detail-copy .kicker{color:#87afff}.project-detail-copy h1{font-family:var(--font-space,"Space Grotesk",sans-serif);font-size:clamp(58px,7vw,100px);line-height:.92;letter-spacing:-.065em;margin:18px 0 20px;color:white}.project-detail-copy>p{max-width:560px;color:rgba(255,255,255,.7);font-size:19px;line-height:1.55;margin:0}.project-detail-stack{margin:28px 0}.project-detail-stack span{color:rgba(255,255,255,.82);border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06)}.project-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-ghost{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:white}.project-detail-device{border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(13,18,29,.72);padding:10px;box-shadow:0 42px 100px rgba(0,0,0,.44);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);overflow:hidden}.project-detail-browser-bar{height:36px;display:flex;align-items:center;gap:7px;padding:0 8px;color:rgba(255,255,255,.42);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.project-detail-browser-bar i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.38)}.project-detail-browser-bar span{margin-left:auto;margin-right:8px}.project-detail-image-wrap{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#fff}.project-detail-main-image{object-fit:cover}.project-detail-index{position:absolute;right:-4px;top:-92px;text-align:right;color:rgba(255,255,255,.36)}.project-detail-index strong{display:block;font-family:var(--font-space,"Space Grotesk",sans-serif);font-size:82px;line-height:.9;letter-spacing:-.08em}.project-detail-index span{font-size:8px;letter-spacing:.28em;text-transform:uppercase}.project-overview-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:58px;gap:58px;padding-top:92px}.project-section-label{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:var(--muted);margin-bottom:16px}.project-section-label span{width:28px;height:2px;background:var(--text)}.project-overview-copy h2{font-family:var(--font-space,"Space Grotesk",sans-serif);font-size:clamp(36px,4.2vw,58px);line-height:1;letter-spacing:-.045em;margin:0 0 20px}.project-overview-copy>p{color:var(--muted);font-size:16px;line-height:1.75;margin:0}.project-overview-pills{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:34px}.project-overview-pills>div{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-solid,var(--panel));font-size:11px;color:var(--soft)}.project-feature-panel{border:1px solid var(--line);border-radius:26px;background:var(--surface-solid,var(--panel));padding:30px;box-shadow:0 22px 62px rgba(0,0,0,.1)}.project-highlight-grid{display:grid;grid-gap:0;gap:0}.project-highlight-grid>div{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;grid-gap:10px;gap:10px;align-items:start}.project-highlight-grid>div:last-child{border-bottom:0}.project-highlight-grid svg{margin-top:1px}.project-highlight-grid span{font-size:13px;line-height:1.55;color:var(--soft)}.about-story-grid{padding:18px 0 92px;display:grid;grid-template-columns:.75fr 1.25fr;grid-gap:64px;gap:64px;border-bottom:1px solid var(--line)}.about-story-grid h2{font-family:var(--font-space,"Space Grotesk",sans-serif);font-size:clamp(38px,4.6vw,64px);line-height:1;letter-spacing:-.05em;margin:14px 0 0}.about-story-copy{display:grid;grid-template-columns:1fr 1fr;grid-gap:26px;gap:26px}.about-story-copy p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}.article-hero-art-media{display:grid;place-items:center}.article-gif-frame{position:absolute;inset:52px 34px;border-radius:24px;overflow:hidden;border:1px solid var(--line2);background:#0b0e14;box-shadow:0 28px 80px rgba(0,0,0,.28);transform:rotate(-2deg)}.article-gif-image{object-fit:cover}.article-gif-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,5,8,.55))}.article-gif-label{position:absolute;left:16px;bottom:15px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);background:rgba(7,9,12,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;color:white;font-size:9px;text-transform:uppercase;letter-spacing:.08em}@media(max-width:1000px){.page-hero-rich{grid-template-columns:1fr;gap:34px;min-height:auto;padding-top:130px}.page-hero-media{transform:none;max-width:820px}.project-detail-hero{min-height:auto;padding-bottom:80px}.project-detail-hero-layout{grid-template-columns:1fr;gap:36px}.project-detail-copy{max-width:720px}.project-detail-device{transform:none}.project-detail-index{top:-58px;right:0}.project-detail-index strong{font-size:54px}.project-overview-section{grid-template-columns:1fr;gap:38px}.about-story-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:720px){.page-hero-rich{padding-top:116px;padding-bottom:62px;gap:26px}.page-hero-rich-copy h1{font-size:48px}.page-hero-rich-copy>p{font-size:15px}.page-hero-media{border-radius:22px}.page-hero-media-caption,.page-hero-media-top{padding:11px 12px}.page-grid-with-images{padding-bottom:80px}.project-cover-bottom,.project-cover-top{left:13px;right:13px}.project-body{padding:22px}.project-detail-shell{padding-top:110px}.project-detail-back{margin-bottom:38px}.project-detail-copy h1{font-size:54px}.project-detail-copy>p{font-size:16px}.project-detail-index{display:none}.project-detail-device{padding:7px;border-radius:19px}.project-overview-section{padding-top:62px}.project-overview-pills{grid-template-columns:1fr}.project-feature-panel{padding:22px}.about-story-copy{grid-template-columns:1fr;gap:16px}.article-gif-frame{inset:34px 20px}}@media(prefers-reduced-motion:reduce){.project-card.project-card-image,.project-cover-image{transition:none}}