:root{--ink:#100e13;--ink-2:#19151d;--ink-3:#231c27;--plum:#2a1621;--pink:#e04f86;--pink-2:#ff7aa8;--teal:#4fd1c5;--gold:#f5c542;--cream:#fff;--cream-2:#f3eff2;--paper:#fff;--text-d:#f4eff3;--muted-d:#a79ba7;--text-l:#221a20;--muted-l:#75666f;--line-d:#ffffff17;--line-l:#221a201a;--radius:22px;--gutter:clamp(16px, 4vw, 40px);--display:"Syne", system-ui, sans-serif;--body:"Plus Jakarta Sans", system-ui, sans-serif;--brand:"Outfit", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--body);background:var(--ink);color:var(--text-d);-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}body.light{background:var(--cream);color:var(--text-l)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}img{max-width:100%;display:block}input,textarea,select{font:inherit;font-size:16px}::selection{background:var(--pink);color:#fff}@media (pointer:fine){body,a,button,label{cursor:none}}[data-tour]{scroll-margin-top:90px}.wrap{width:100%;max-width:1240px;padding:0 var(--gutter);margin:0 auto}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--pink);align-items:center;gap:12px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--pink);border-radius:2px;width:30px;height:2px}.section{padding-block:clamp(64px,10vw,120px);position:relative}.h2{letter-spacing:-.045em;font-size:clamp(30px,4.2vw,52px);font-weight:500;line-height:1.1}.lead{color:var(--muted-d);font-size:clamp(16px,1.4vw,18px);font-weight:300;line-height:1.7}.light .lead{color:var(--muted-l)}.center{text-align:center}.pill-head{letter-spacing:-1px;background:#e04f860f;border:1px solid #e04f8659;border-radius:999px;align-items:center;gap:12px;padding:10px 22px;font-size:clamp(17px,1.6vw,20px);font-weight:400;display:inline-flex}.pill-head i{opacity:.6;font-size:14px;font-style:normal}.light .pill-head{border-color:var(--line-l);background:#fff}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:600;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:hover{opacity:.92;transform:translateY(-1px)}.btn-white{color:var(--ink);background:#f7f1ec;box-shadow:0 10px 30px -12px #ffffff59}.btn-pink{background:var(--pink);color:#fff;box-shadow:0 10px 30px -10px var(--pink)}.btn-pink:hover{background:var(--pink-2)}.btn-ghost{color:var(--text-d);border:1px solid #ffffff2e}.btn-ghost:hover{border-color:#fff6}.light .btn-ghost{border-color:var(--line-l);color:var(--text-l)}.btn-dark{color:#fff;background:#2a1d26}.btn-wa{color:#fff;background:#22c55e}.btn-circle-arrow{border:1px solid #ffffffb3;padding:8px 8px 8px 24px}.btn-circle-arrow span{background:#ffffff1f;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.light .btn-circle-arrow{border-color:var(--text-l)}.light .btn-circle-arrow span{background:var(--cream-2)}.btn-intro{color:var(--text-d);background:#e04f8614;border:1px solid #e04f8673;padding:8px 20px 8px 8px;font-size:15px}.btn-intro b{background:var(--pink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.pill{border:1px solid var(--line-d);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:inline-flex}.light .pill{border-color:var(--line-l);background:#fff}.topbar{z-index:60;pointer-events:none;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(16px,5vw,88px);display:flex;position:fixed;inset:0 0 auto}.topbar>*{pointer-events:auto}.brand{font-family:var(--brand);letter-spacing:-1px;font-size:25px;font-weight:500}.brand span{color:var(--pink)}.nav-pill{border:1px solid var(--line-d);-webkit-backdrop-filter:blur(14px);background:#19151db3;border-radius:999px;gap:2px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.light .nav-pill{background:#ffffffd9;border-color:#0000;box-shadow:0 8px 30px -16px #00000040}.nav-pill a{letter-spacing:-.06em;word-spacing:.1em;color:var(--text-d);z-index:0;border-radius:999px;padding:10px 18px;font-size:16px;font-weight:500;position:relative}.light .nav-pill a{color:var(--text-l)}.nav-pill .active-bg{z-index:-1;background:#ffffff1a;border-radius:999px;position:absolute;inset:0}.light .nav-pill .active-bg{background:var(--cream-2)}.nav-cv{padding:11px 22px;font-size:15px}.light .nav-cv{color:#fff;box-shadow:none;background:#2a1d26}.menu-btn{border:1px solid var(--line-d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#19151db3;border-radius:50%;place-items:center;width:46px;height:46px;display:none}.light .menu-btn{border-color:var(--line-l);background:#ffffffd9}.menu-btn i{background:currentColor;border-radius:2px;width:18px;height:2px;display:block;box-shadow:0 6px,0 -6px}.mobile-menu{z-index:70;background:var(--ink);color:var(--text-d);padding:100px var(--gutter) 40px;flex-direction:column;gap:6px;display:flex;position:fixed;inset:0}.mobile-menu a{letter-spacing:-.03em;border-bottom:1px solid var(--line-d);padding:6px 0;font-size:clamp(30px,9vw,44px);font-weight:500}.mobile-menu a.active{color:var(--pink)}.mobile-menu .close{top:15px;right:var(--gutter);border:1px solid var(--line-d);border-radius:50%;width:46px;height:46px;font-size:22px;position:absolute}@media (width<=900px){.topbar{height:76px}.nav-pill,.nav-cv{display:none}.menu-btn{display:grid}}.hero{background:var(--ink);align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-art{pointer-events:none;width:min(58vw,900px);position:absolute;top:0;bottom:0;right:0}.hero-art img{object-fit:cover;object-position:50% 12%;-webkit-mask-composite:source-in;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 34%),linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 34%),linear-gradient(#000 78%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-art:before{content:"";filter:blur(40px);z-index:-1;background:radial-gradient(closest-side,#e04f8647,#0000 70%);position:absolute;inset:10% 0 0 20%}.hero-ghost{font-family:var(--display);color:#0000;-webkit-text-stroke:1px #ffffff0b;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:25vw;font-weight:800;line-height:.8;position:absolute;bottom:4vh;left:-2vw}.hero-copy{z-index:2;max-width:620px;padding:120px 0 60px;position:relative}.exp-chip{letter-spacing:.14em;text-transform:uppercase;color:var(--pink);align-items:center;gap:12px;font-size:13px;font-weight:600;display:inline-flex}.exp-chip .rings{width:44px;height:26px;position:relative}.exp-chip .rings i{border:1.5px solid var(--pink);border-radius:50%;width:26px;height:26px;position:absolute;top:0}.exp-chip .rings i:first-child{background:#e04f862e;left:0}.exp-chip .rings i:last-child{left:14px}.hi{color:var(--muted-d);margin:18px 0 8px;font-size:clamp(18px,1.8vw,22px);font-weight:300}.hero h1{font-family:var(--display);letter-spacing:-.035em;font-weight:800;line-height:.92}.hero h1 .solid{font-size:clamp(58px,10vw,150px);display:block}.hero h1 .outline{color:#0000;-webkit-text-stroke:2px var(--pink);padding-left:.9em;font-size:clamp(48px,8.4vw,124px);display:block}.role-line{letter-spacing:.2em;text-transform:uppercase;color:var(--pink);align-items:center;gap:14px;margin:30px 0 16px;font-size:14px;font-weight:600;display:flex}.role-line:before{content:"";background:var(--pink);width:30px;height:2px}.hero .lead{text-align:center;max-width:430px}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.hero-intro{margin-top:26px}.follow{z-index:3;text-align:right;position:absolute;top:128px;right:clamp(16px,5vw,88px)}.follow small{letter-spacing:.25em;color:var(--muted-d);margin-bottom:12px;font-size:11px;font-weight:600;display:block}.follow div{justify-content:flex-end;gap:10px;display:flex}.icon-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100e1359;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:44px;height:44px;transition:all .35s cubic-bezier(.16,1,.3,1);display:grid}.icon-btn svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.icon-btn:hover svg{transform:scale(1.1)}.icon-btn:hover{border-color:var(--pink);background:#e04f861f;transform:translateY(-3px)}.icon-btn svg{width:18px;height:18px}.light .icon-btn{border-color:var(--line-l);background:#fff}@media (width<=1100px){.hero-art{width:62vw}.hero-copy{max-width:540px}}@media (width<=900px){.hero{flex-direction:column;align-items:stretch;min-height:auto}.hero-art{width:100%;height:68svh;min-height:380px;max-height:620px;position:relative}.hero-art img{object-position:50% 8%;-webkit-mask-composite:source-over;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%);-webkit-mask-composite:source-over;mask-composite:add}.hero-copy{text-align:center;flex-direction:column;align-items:center;max-width:none;margin-top:-24svh;padding:0 0 56px;display:flex}.hero h1 .outline{padding-left:0}.role-line{justify-content:center}.hero .lead{margin:0 auto}.hero-ctas{justify-content:center}.follow{text-align:center;margin:0 auto 34px;position:relative;top:auto;right:auto}.follow div{justify-content:center}.hero-ghost{display:none}.hero-art{order:1}.hero>.wrap{order:2}.follow{order:3;margin-top:-20px}}@media (width<=480px){.role-line{letter-spacing:.14em;font-size:12px}.role-line:before{display:none}}@media (width<=420px){.hero-ctas{flex-direction:column;width:100%}.hero-ctas .btn{width:100%}.hero h1 .outline{-webkit-text-stroke-width:1.5px}}.hero-quote{right:var(--gutter);-webkit-backdrop-filter:blur(12px);z-index:3;background:#120a0db8;border:1px solid #ffffff1a;border-radius:16px;max-width:310px;padding:18px 20px;position:absolute;bottom:36px}.hero-quote-text{color:#f8f5f2db;letter-spacing:-.1px;font-size:13.5px;font-weight:400;line-height:1.55}.hero-quote-foot{color:var(--muted-d);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;font-size:11.5px;display:flex}.hero-quote-foot button{color:var(--pink);white-space:nowrap;background:0 0;padding:0;font-size:12px;font-weight:600;transition:opacity .2s}.hero-quote-foot button:hover{opacity:.8}@media (width<=1060px){.hero-quote{display:none}}.services-row{border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);grid-template-columns:repeat(4,1fr);display:grid}.services-row>div{text-align:center;border-right:1px solid var(--line-d);font-family:var(--brand);letter-spacing:-.2px;padding:22px 12px;font-size:clamp(14.5px,1.3vw,16px);font-weight:500;transition:background .25s}.services-row>div:hover{background:#ffffff06}.services-row>div:last-child{border-right:0}.services-row b{color:var(--pink);margin-bottom:6px;font-size:13px;font-weight:600;display:block}@media (width<=700px){.services-row{grid-template-columns:repeat(2,1fr)}.services-row>div:nth-child(2){border-right:0}.services-row>div:nth-child(-n+2){border-bottom:1px solid var(--line-d)}}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee-track{width:max-content;animation:marquee var(--dur,60s) linear infinite;gap:10px;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.chip{color:#f8f5f2ad;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff17;border-radius:20px;align-items:center;gap:9px;padding:7px 16px;font-size:12.5px;font-weight:500;transition:border-color .25s,color .25s;display:inline-flex}.chip:hover{color:#fff;border-color:#e04f8659}.chip:before{content:"";background:var(--pink);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #e04f868c}.trusted{padding:6px 0 54px}.trusted-label{max-width:1240px;padding:0 var(--gutter);letter-spacing:1.4px;color:#a69299;text-transform:uppercase;align-items:center;gap:14px;margin:0 auto 20px;font-size:11.5px;display:flex}.trusted-label:before,.trusted-label:after{content:"";background:#ffffff1a;flex:1;height:1px}.trusted .marquee-track{align-items:center;gap:clamp(48px,6vw,80px)}.trusted-logo{color:#d9cfd5;opacity:.76;justify-content:center;align-items:center;height:38px;transition:opacity .3s,color .3s,transform .3s;display:inline-flex}.trusted-logo:hover{opacity:1;color:#fff;transform:translateY(-1px)}.trusted-logo svg,.trusted-logo img{width:auto;height:clamp(26px,2.6vw,32px);display:block}.trusted-logo img{filter:brightness(0)invert(.88)}.reveal-text{letter-spacing:-.04em;font-size:clamp(26px,3.2vw,44px);font-weight:500;line-height:1.25}.reveal-text span{transition:color .4s}.card{background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--radius);padding:clamp(18px,2.4vw,26px)}.light .card{border-color:var(--line-l);background:#ffffffbf}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,20px);display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,20px);display:grid}@media (width<=1000px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat b{letter-spacing:-.03em;font-size:clamp(40px,5vw,58px);font-weight:600;line-height:1;display:block}.stat span{color:var(--muted-d);font-size:14px}.light .stat span{color:var(--muted-l)}.bento{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;display:grid}.bento .big{border:1px solid var(--line-d);border-radius:26px;min-height:420px;display:block;position:relative;overflow:hidden}.bento .big img{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.bento .big:hover img{transform:scale(1.03)}.bento .big:after{content:"";background:linear-gradient(#0000 40%,#100e13f2);position:absolute;inset:0}.bento .cap{z-index:2;align-items:center;gap:14px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.bento .cap .ico{font-size:32px}.bento .cap b{font-size:18px;font-weight:600;display:block}.bento .cap span{color:var(--muted-d);font-size:14px}.bento .side{grid-template-rows:auto 1fr;gap:18px;display:grid}.bento .stats-card{border:1px solid var(--line-d);background:linear-gradient(160deg,#e04f861f,#19151de6);border-radius:26px;padding:22px}.bento .stats-card .row{gap:22px;margin-top:28px;display:flex}.bento .stats-card .row>div+div{border-left:1px solid var(--line-d);padding-left:22px}.bento .small{min-height:220px}@media (width<=860px){.bento{grid-template-columns:1fr}.bento .big{min-height:300px}}.show-card{background:var(--ink-2);border:1px solid var(--line-d);border-radius:22px;height:100%;transition:transform .35s,border-color .35s;display:block;overflow:hidden}.show-card:hover{border-color:#e04f8699;transform:translateY(-6px)}.show-card .thumb{aspect-ratio:16/10;border-radius:16px;margin:10px 10px 0;position:relative;overflow:hidden}.show-card .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.show-card:hover .thumb img{transform:scale(1.05)}.show-card .body{padding:18px 22px 24px}.show-card .num{color:var(--muted-d);letter-spacing:.1em;font-size:13px}.show-card h3{letter-spacing:-.5px;margin:4px 0 8px;font-size:18px;font-weight:600;line-height:1.2}.show-card p{color:var(--muted-d);font-size:15px;font-weight:300;line-height:1.55}.wcard{text-align:center;display:block}.wcard .thumb{aspect-ratio:16/9.5;background:color-mix(in srgb, var(--glow,#e04f86) 18%, transparent);box-shadow:0 18px 50px -24px var(--glow,#e04f86);will-change:transform;border-radius:12px;padding:8px;transition:box-shadow .4s;position:relative;overflow:hidden}.wcard .thumb img{object-fit:cover;border-radius:10px;width:100%;height:100%;transition:transform .6s}.wcard:hover .thumb{box-shadow:0 28px 60px -22px var(--glow,#e04f86)}.wcard h3{font-family:var(--brand);letter-spacing:-2px;margin:24px 0 10px;font-size:clamp(21px,2vw,28px);font-weight:500;line-height:1.2}.wcard p{color:#2d1a22;letter-spacing:-1px;max-width:433px;margin:0 auto;font-size:clamp(16px,1.45vw,20px);line-height:1.2}.status{z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100e138c;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:16px;left:16px}.status .dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s infinite ping;box-shadow:0 0 #22c55e}.status.s-nda .dot{background:var(--gold)}.status.s-build .dot{background:var(--teal)}.cs-tag{z-index:2;color:#2a1d06;background:#f5c542eb;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;top:16px;right:16px}@keyframes ping{70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.tags span{color:var(--muted-d);background:#ffffff0f;border-radius:999px;padding:5px 12px;font-size:13px}.light .tags span{border:1px solid var(--line-l);color:var(--muted-l);background:#fff}.nda-band{background:linear-gradient(135deg, var(--plum), #120d15 62%);border:1px solid var(--line-d);color:var(--text-d);border-radius:28px;padding:clamp(28px,5vw,50px);position:relative;overflow:hidden}.nda-band .lock-grid{opacity:.35;grid-template-columns:repeat(4,64px);gap:10px;display:grid;position:absolute;top:-20px;right:-20px;transform:rotate(-8deg)}.nda-band .lock-grid i{filter:blur(1.5px);background:#ffffff0d;border:1px dashed #fff3;border-radius:14px;place-items:center;height:64px;font-style:normal;display:grid}@media (width<=700px){.nda-band .lock-grid{opacity:.15}}.cta{text-align:center;padding:clamp(80px,12vw,140px) 0 clamp(50px,8vw,90px);position:relative;overflow:hidden}.cta h2{letter-spacing:-.05em;max-width:760px;margin:0 auto;font-size:clamp(34px,4.6vw,64px);font-weight:400;line-height:1.01}.cta .avatar{border-radius:50%;width:clamp(88px,9vw,112px);height:clamp(88px,9vw,112px);margin:0 auto 26px;overflow:hidden}.cta .avatar img{object-fit:cover;width:100%;height:100%}.cta .floaty{width:clamp(30px,3.4vw,50px);height:auto;position:absolute}.cta-links{letter-spacing:-1px;flex-wrap:wrap;justify-content:center;gap:clamp(20px,5vw,80px);margin-top:46px;font-size:clamp(16px,1.5vw,20px);display:flex}.cta-links a:hover{color:var(--pink)}@media (width<=640px){.cta .floaty{opacity:.35}}footer{border-top:1px solid var(--line-d);color:var(--muted-d);padding:24px 0 30px;font-size:14px}.light footer{border-color:var(--line-l);color:var(--muted-l)}.foot{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.foot nav{flex-wrap:wrap;gap:18px;display:flex}.page{min-height:100vh;padding-top:clamp(110px,14vw,140px)}.page-head{text-align:center;max-width:780px;margin:0 auto clamp(28px,4vw,44px)}.page-head h1{letter-spacing:-.04em;margin:10px 0 14px;font-size:clamp(34px,5.4vw,60px);font-weight:500;line-height:1.05}.filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(30px,5vw,50px);display:flex}.filters button{color:#2d1a22;background:0 0;border:1.5px solid #e2d7da;border-radius:25px;align-items:center;gap:8px;padding:10px 22px;font-size:16px;transition:background-color .3s,color .3s,border-color .3s;display:inline-flex}.filters button:hover{border-color:#b9a6ac}.filters button.on{color:#fff;background:#3e3e3e;border:1px solid #9f9f9f;border-radius:37.5px;box-shadow:0 0 4px #00000040}@media (width<=560px){.filters{margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding:0 var(--gutter) 6px;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.filters button{flex:none}}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4vw,50px) clamp(18px,2.4vw,30px);display:grid}@media (width<=1000px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.works-grid{grid-template-columns:1fr}}.cs-title{letter-spacing:-.04em;background:linear-gradient(90deg, var(--pink), #8b5cf6, var(--teal), var(--pink));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,5.6vw,66px);font-weight:600;line-height:1.02;animation:7s linear infinite shine}@keyframes shine{to{background-position:300% 0}}.cs-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;margin-top:34px;display:grid}.cs-layout .hero-thumb{aspect-ratio:16/10;border-radius:22px;position:relative;overflow:hidden}.cs-layout .hero-thumb img{object-fit:cover;width:100%;height:100%}@media (width<=860px){.cs-layout{grid-template-columns:1fr}}.side dt{letter-spacing:.18em;text-transform:uppercase;color:var(--muted-l);margin-top:16px;font-size:11px}.side dt:first-child{margin-top:0}.side dd{margin-top:4px;font-weight:500}.tabs{border-bottom:1px solid var(--line-l);scrollbar-width:none;gap:4px;margin:clamp(34px,5vw,50px) 0 28px;display:flex;overflow-x:auto}.tabs button{color:var(--muted-l);white-space:nowrap;flex:none;padding:12px 16px;font-weight:500;position:relative}.tabs button.on{color:var(--text-l)}.tabs .bar-ul{background:var(--pink);height:2px;position:absolute;bottom:-1px;left:0;right:0}.demo{color:var(--text-d);border:1px solid var(--line-d);background:#141017;border-radius:18px;padding:clamp(16px,2.4vw,22px);font-size:15px;overflow-x:auto}.demo .mono{font-family:var(--mono);word-break:break-word;font-size:13px}.demo button.act{background:var(--pink);color:#fff;border-radius:10px;padding:10px 16px;font-weight:500}.demo button.sec{background:#ffffff14;border-radius:10px;padding:10px 16px}.bar-track{background:#ffffff14;border-radius:10px;height:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--pink), var(--gold));border-radius:10px;height:100%;transition:width .6s}.post-card{gap:10px;display:grid}.prose{letter-spacing:-.1px;text-align:center;overflow-wrap:anywhere;max-width:672px;margin:0 auto;font-size:17px;line-height:1.8}.prose h2{font-family:var(--brand);letter-spacing:-.8px;margin:44px 0 16px;font-size:24px;font-weight:500;line-height:1.25}.prose p,.prose ul,.prose ol{color:#2d1a22;margin:0 0 24px}.prose ul,.prose ol{text-align:left;display:inline-block}.prose li{margin:6px 0 6px 22px}.prose blockquote{color:#8c7a80;background:#8a2f4505;border-left:3px solid #8a2f45;border-radius:0 8px 8px 0;margin:12px 0 28px;padding:8px 0 8px 24px;font-size:18.5px;font-style:italic}.prose code{font-family:var(--mono);background:var(--cream-2);border-radius:6px;padding:2px 6px;font-size:14px}.prose pre{text-align:left;color:#f3eef2;background:#150f13;border-radius:14px;margin:0 0 24px;padding:18px;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%}.prose td,.prose th{border:1px solid var(--line-l);padding:6px 10px}.contact-sec{padding:clamp(28px,4vw,56px) 0 clamp(70px,8vw,110px);position:relative;overflow:hidden}.contact-art{z-index:0;pointer-events:none;width:44%;position:absolute;top:0;bottom:0;right:0}.contact-art img{object-fit:cover;object-position:40% 30%;width:100%;height:100%}.contact-fade{background:linear-gradient(to right, var(--cream) 0%, #ffffffe0 15%, #ffffff59 50%, transparent 80%), linear-gradient(to top, var(--cream) 0%, #ffffffa6 10%, transparent 35%), linear-gradient(to bottom, var(--cream) 0%, transparent 10%);position:absolute;inset:0}.contact-wrap{z-index:1;grid-template-columns:minmax(0,440px) minmax(0,480px);justify-content:start;align-items:start;column-gap:clamp(30px,6vw,110px);display:grid;position:relative}.contact-title{letter-spacing:-2px;font-size:clamp(34px,4vw,48px);font-weight:500;line-height:1.1}.connect-pill{letter-spacing:-1px;background:#fff;border:1px solid #e2d7da;border-radius:25px;align-items:center;gap:8px;margin:22px 0;padding:10px 14px;font-size:20px;display:inline-flex}.connect-pill i{color:var(--muted-l);font-size:14px;font-style:normal}.contact-list{gap:12px;display:grid}.contact-card{letter-spacing:-.3px;overflow-wrap:anywhere;background:#ffffff04;border:1px solid #e2d7da;border-radius:16px;align-items:center;gap:14px;padding:15px 20px;font-size:14.5px;font-weight:500;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.contact-card svg{color:#3b2a32;flex:none}a.contact-card:hover{background:#e05a790d;border-color:#8a2f45}.contact-socials{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.contact-socials a{color:#3b2a32;background:#ffffff04;border:1px solid #e2d7da;border-radius:14px;place-items:center;height:48px;transition:all .35s cubic-bezier(.16,1,.3,1);display:grid}.contact-socials a svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.contact-socials a:hover{background:#e05a7914;border-color:#8a2f45;transform:translateY(-3px)}.contact-socials a:hover svg{transform:scale(1.1)}.form-card{z-index:2;-webkit-backdrop-filter:blur(16px);background:#ffffff05;border:1px solid #e2d7da;border-radius:24px;margin-top:clamp(0px,8vw,120px);padding:clamp(22px,3vw,40px);position:relative;box-shadow:0 20px 50px #0003}.btnwrap{gap:12px;margin-top:6px;display:flex}.btnwrap button{color:var(--text-l);cursor:pointer;background:0 0;border:1px solid #e2d7da;border-radius:12px;flex:1;padding:15px 20px;font-size:15px;font-weight:600;transition:all .35s cubic-bezier(.16,1,.3,1)}.btnwrap button[type=submit]{color:#fff;background:#2d1a22;border-color:#2d1a22}.btnwrap button[type=button]:hover{border-color:var(--text-l);background:#ffffff0d;transform:translateY(-1px)}.btnwrap button[type=submit]:hover:not(:disabled){background:#8a2f45;border-color:#8a2f45;transform:translateY(-1px);box-shadow:0 10px 26px #e05a7938}@media (width<=1000px){.contact-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.contact-art{opacity:.55;width:55%}}@media (width<=760px){.contact-wrap{grid-template-columns:1fr;row-gap:28px}.contact-art{opacity:1;width:100%;height:340px;margin-bottom:-120px;position:relative}.contact-fade{background:linear-gradient(to top, var(--cream) 0%, #ffffffa6 25%, transparent 60%), linear-gradient(to bottom, var(--cream) 0%, transparent 15%)}.form-card{margin-top:0}.contact-socials a{height:44px}}.field{gap:7px;margin-bottom:14px;display:grid}.field label{letter-spacing:.8px;text-transform:uppercase;color:#8c7a80;font-size:11.5px;font-weight:700}.field input,.field textarea{color:var(--text-l);font:inherit;background:#fff;border:1px solid #e2d7da;border-radius:12px;outline:none;width:100%;padding:16px 20px;font-size:14.5px;transition:border-color .3s,box-shadow .3s}.field input:hover,.field textarea:hover{border-color:#cdb9bf}.field input:focus,.field textarea:focus{border-color:#8a2f45;box-shadow:0 0 0 3px #e05a791a}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.check-grid label{letter-spacing:.8px;color:#8c7a80;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff03;border:1px solid #e2d7da;border-radius:12px;align-items:center;gap:10px;padding:11px 15px;font-size:11.5px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.check-grid label:hover{background:#e05a7905;border-color:#8a2f45}.check-grid label:before{content:"";border:1.5px solid #cdbfc6;border-radius:4px;flex:none;width:14px;height:14px}.check-grid label.on{color:var(--text-l);border-color:#8a2f45}.check-grid label.on:before{background:#8a2f45;border-color:#8a2f45}.overlay{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08060ab3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);width:min(560px,100%);color:var(--text-l);border-radius:24px;max-height:92svh;padding:clamp(20px,4vw,28px);position:relative;overflow:auto}.modal .x{border:1px solid var(--line-l);border-radius:10px;width:34px;height:34px;position:absolute;top:16px;right:16px}.opt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}@media (width<=440px){.opt-grid{grid-template-columns:1fr}}.opt{text-align:left;border:1px solid var(--line-l);background:#fff;border-radius:14px;padding:15px;transition:all .2s}.opt.on{border-color:var(--pink);box-shadow:0 0 0 3px #e04f8626}.opt b{font-size:15px;font-weight:600;display:block}.opt small{color:var(--muted-l)}.steps{gap:6px;margin:12px 0 0;display:flex}.steps i{background:var(--line-l);border-radius:4px;width:26px;height:4px}.steps i.on{background:var(--pink)}.chat-fab{z-index:80;color:#fff;background:#2a1d26;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:fixed;bottom:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px);box-shadow:0 14px 40px -12px #0009}.chat-fab svg{width:22px;height:22px}.chat-box{z-index:81;background:var(--paper);width:min(380px,100vw - 20px);height:min(560px,100svh - 110px);color:var(--text-l);border-radius:22px;flex-direction:column;display:flex;position:fixed;bottom:86px;right:clamp(10px,2vw,24px);overflow:hidden;box-shadow:0 30px 80px -20px #0000008c}.chat-head{color:#fff;background:#2a1d26;align-items:center;gap:12px;padding:14px 16px;display:flex}.chat-head img{border-radius:50%;width:38px;height:38px}.chat-msgs{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;border-radius:16px;max-width:85%;padding:10px 14px;font-size:15px;line-height:1.5}.msg.bot{background:var(--cream-2);border-bottom-left-radius:4px;align-self:flex-start}.msg.me{color:#fff;background:#2a1d26;border-bottom-right-radius:4px;align-self:flex-end}.chat-chips{flex-wrap:wrap;gap:6px;padding:0 16px 10px;display:flex}.chat-chips button{border:1px solid var(--line-l);background:#fff;border-radius:999px;padding:6px 11px;font-size:13px}.chat-input{border-top:1px solid var(--line-l);gap:8px;padding:12px;display:flex}.chat-input input{border:1px solid var(--line-l);border-radius:999px;outline:none;flex:1;min-width:0;padding:11px 14px}.chat-input button{color:#fff;background:#2a1d26;border-radius:50%;flex:none;width:42px;height:42px}.typing i{background:var(--muted-l);border-radius:50%;width:6px;height:6px;margin:0 2px;animation:1.2s infinite blink;display:inline-block}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:.2}}.tour-spot{z-index:70;border:2px solid var(--pink);pointer-events:none;border-radius:22px;transition:all .6s cubic-bezier(.65,0,.35,1);position:fixed;box-shadow:0 0 0 9999px #08060ab8}.tour-bubble{z-index:72;background:var(--paper);width:min(300px,100vw - 32px);color:var(--text-l);border-radius:16px;padding:14px 16px;font-size:15px;line-height:1.5;transition:all .6s cubic-bezier(.65,0,.35,1);position:fixed;box-shadow:0 20px 50px -16px #0009}.tour-bot{z-index:73;pointer-events:none;width:54px;height:54px;transition:all .7s cubic-bezier(.65,0,.35,1);position:fixed}.tour-bar{z-index:74;border:1px solid var(--line-d);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#19151df0;border-radius:999px;align-items:center;gap:6px;max-width:calc(100vw - 20px);padding:8px 10px;font-size:13px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.tour-bar button{background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.tour-bar .dots{gap:5px;display:flex}.tour-bar .dots i{cursor:pointer;background:#ffffff40;border-radius:50%;width:7px;height:7px}.tour-bar .dots i.on{background:var(--pink);border-radius:4px;width:18px}.tour-bar select{color:#fff;border:1px solid var(--line-d);background:0 0;border-radius:999px;max-width:120px;padding:5px 8px;font-size:12px}@media (width<=520px){.tour-bar .dots,.tour-bar select{display:none}}.cursor{z-index:999;pointer-events:none;position:fixed;top:0;left:0}.cursor .dot{background:var(--pink);border-radius:50%;width:10px;height:10px;transform:translate(-50%,-50%)}.cursor .ring{border:1.5px solid #e04f8699;border-radius:50%;width:38px;height:38px;transition:width .25s,height .25s,background .25s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor.hover .ring{background:#e04f861f;width:64px;height:64px}.cursor .tag{background:var(--pink);color:#fff;opacity:0;white-space:nowrap;border-radius:6px 6px 6px 2px;padding:3px 8px;font-size:12px;font-weight:600;transition:opacity .2s;position:absolute;top:12px;left:14px}.cursor.hover .tag{opacity:1}@media (pointer:coarse){.cursor{display:none}}.game{aspect-ratio:1;background:var(--paper);border:1px solid var(--line-l);border-radius:22px;width:min(520px,100%);margin:30px auto;position:relative;overflow:hidden}.bug{-webkit-user-select:none;user-select:none;font-size:34px;transition:left .5s,top .5s;position:absolute}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.stat b span{font-size:inherit;color:inherit}.mobile-menu a.btn{letter-spacing:0;border-bottom:0;padding:14px 26px;font-size:16px}@media (width>=601px) and (width<=900px){.hero-copy{margin-top:-15svh}}.cover{color:#f4eff3;border-radius:inherit;flex-direction:column;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.wcard .thumb .cover{border-radius:10px}.cover-bar{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:10px 14px;display:flex}.cover-bar i{background:#ffffff38;border-radius:50%;width:8px;height:8px}.cover-bar span{letter-spacing:.12em;text-transform:uppercase;color:#f4eff38c;margin-left:auto;font-size:10.5px}.cover-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:14px;display:flex}.cover-glyph{aspect-ratio:1;background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;place-items:center;width:clamp(44px,5vw,60px);font-size:clamp(22px,2.4vw,30px);display:grid}.cover-body b{letter-spacing:-.5px;max-width:90%;font-size:clamp(15px,1.6vw,22px);font-weight:600;line-height:1.15}.cover-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cover-chips em{color:#f4eff3b3;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:4px 10px;font-size:11px;font-style:normal}.show-card:hover .cover,.wcard:hover .cover,.bento .big:hover .cover{transform:scale(1.04)}.bento .big .cover,.hero-thumb .cover{position:absolute;inset:0}.bento .big .cover-body{padding-bottom:96px}.card{transition:all .35s cubic-bezier(.16,1,.3,1)}.post-card:hover,.grid-2>div>.card:hover,.grid-3>div>.card:hover{border-color:#8a2f45;transform:translateY(-1px)}.wcard .cover-bar span,.show-card .cover-bar span{display:none}.blog-wrap{max-width:900px;padding-bottom:clamp(60px,8vw,100px)}.blog-head{text-align:center;margin:clamp(10px,3vw,30px) 0 clamp(26px,4vw,40px)}.blog-head h1{font-family:var(--brand);letter-spacing:-3px;font-size:clamp(38px,5vw,56px);font-weight:400;line-height:1}.blog-head p{letter-spacing:-.2px;color:#8c7a80;margin-top:14px;font-size:15px}.feat-card{background:#fff;border:1px solid #e2d7da;border-radius:24px;grid-template-columns:1.05fr 1fr;transition:all .35s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden;box-shadow:0 4px 24px #00000005}.feat-card:hover{border-color:#8a2f45;box-shadow:0 12px 36px #8a2f450f}.feat-card:hover h2,.feat-card:hover .feat-foot b{color:#8a2f45}.feat-card:hover .feat-foot em{transform:translate(4px)}.feat-art{background-color:#150c11;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:22px 22px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;place-items:center;min-height:300px;padding:clamp(20px,3vw,40px);display:grid}.code-win{background:#1d1419;border:1px solid #ffffff14;border-radius:12px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 20px 50px #0006}.code-bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:10px 12px;display:flex}.code-bar i{background:#ff5f57;border-radius:50%;width:9px;height:9px}.code-bar i:nth-child(2){background:#febc2e}.code-bar i:nth-child(3){background:#28c840}.code-bar span{font:11px var(--mono);color:#ffffff59;margin:0 auto;transform:translate(-20px)}.code-win pre{font:clamp(10.5px, 1vw, 12px)/1.9 var(--mono);color:#d9cfd4;white-space:pre-wrap;text-align:left;margin:0;padding:16px 18px 20px}.code-win pre b{color:#ff8fa3;font-weight:400}.code-win pre s{color:#a5e3a0;text-decoration:none}.code-win pre u{color:#7cb7ff;text-decoration:none}.feat-body{text-align:center;flex-direction:column;align-items:center;padding:clamp(22px,3vw,34px) clamp(20px,3vw,30px);display:flex}.feat-kicker{letter-spacing:2px;text-transform:uppercase;color:#8a2f45;font-size:10px;font-weight:700}.feat-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0 14px;display:flex}.feat-tags span,.post-tags span{letter-spacing:.8px;text-transform:uppercase;color:#8a2f45;font-size:11px;font-weight:600}.feat-tags span{border:1px solid #8a2f4526;border-radius:12px;padding:2px 8px}.feat-body h2{font-family:var(--brand);letter-spacing:-1.2px;font-size:clamp(24px,2.6vw,32px);font-weight:500;line-height:1.15;transition:color .35s}.feat-body p{color:#8c7a80;margin-top:14px;font-size:14px;line-height:1.6}.feat-foot{color:#8c7a80;border-top:1px solid #ece3e5;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:18px;font-size:12px;display:flex}.feat-body .feat-foot{margin-top:22px}.feat-foot i,.blog-meta i,.post-meta i{opacity:.6;margin:0 6px;font-style:normal}.feat-foot b{color:#2d1a22;font-size:13px;font-weight:600;transition:color .35s}.feat-foot em{margin-left:6px;font-style:normal;transition:transform .35s cubic-bezier(.16,1,.3,1);display:inline-block}.blog-tools{border-top:1px solid #e2d7da;border-bottom:1px solid #e2d7da;margin:clamp(40px,6vw,64px) 0 clamp(30px,5vw,48px);padding:24px 0}.blog-search{color:#8c7a80;background:#fff;border:1px solid #e2d7da;border-radius:12px;align-items:center;gap:4px;max-width:400px;padding:0 14px;transition:border-color .3s;display:flex}.blog-search:focus-within{border-color:#8a2f45}.blog-search input{min-width:0;font:inherit;color:var(--text-l);background:0 0;border:0;outline:0;flex:1;padding:12px 10px;font-size:14px}.blog-search button{color:#8c7a80;opacity:.6;cursor:pointer;background:0 0;border:0;font-size:18px}.blog-search button:hover{opacity:1}.blog-filters{flex-wrap:wrap;gap:6px 4px;margin-top:16px;display:flex}.blog-filters button{color:#8c7a80;cursor:pointer;background:0 0;border:0;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}.blog-filters button:hover{color:var(--text-l)}.blog-filters button.on{color:#fff;background:#8a2f45}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.blog-card{text-align:center;background:#fff;border:1px solid #e2d7da;border-radius:20px;flex-direction:column;height:100%;padding:32px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000003}.blog-accent{opacity:0;background:linear-gradient(90deg,#8a2f45,#e05a79);height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.blog-card:hover{border-color:#8a2f45;box-shadow:0 10px 30px #8a2f450d}.blog-card:hover .blog-accent{opacity:1}.blog-card:hover h3{color:#8a2f45}.blog-card:hover .blog-foot em{color:#8a2f45;transform:translate(2px,-2px)}.blog-meta{text-align:left;color:#8c7a80;font-size:12px}.blog-card h3{font-family:var(--brand);letter-spacing:-.6px;margin-top:20px;font-size:20px;font-weight:500;line-height:1.25;transition:color .35s}.blog-card p{color:#8c7a80;margin-top:12px;font-size:14px;line-height:1.55}.blog-foot{letter-spacing:.8px;text-transform:uppercase;color:#8c7a80;border-top:1px solid #ece3e5;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:10.5px;font-weight:600;display:flex}.blog-card p+.blog-foot{margin-top:22px}.blog-foot em{font-size:15px;font-style:normal;transition:all .35s cubic-bezier(.16,1,.3,1)}.blog-empty{color:#8c7a80}.read-bar{transform-origin:0;z-index:60;background:#8a2f45;height:3px;position:fixed;top:0;left:0;right:0}.post-wrap{max-width:720px;padding-top:10px;padding-bottom:clamp(50px,7vw,90px)}.post-back{color:#8c7a80;cursor:pointer;background:0 0;border:0;margin-bottom:30px;padding:0;font-size:13px;transition:color .3s}.post-back:hover{color:var(--text-l)}.post-tags{flex-wrap:wrap;gap:0;display:flex}.post-tags i{color:#8a2f45;margin:0 6px;font-style:normal}.post-wrap h1{text-align:center;font-family:var(--brand);letter-spacing:-1.6px;margin:18px 0;font-size:clamp(30px,4.2vw,46px);font-weight:500;line-height:1.15}.post-excerpt{text-align:center;color:#8c7a80;max-width:600px;margin:0 auto;font-size:16px;line-height:1.6}.post-meta{color:#8c7a80;border-bottom:1px solid #e2d7da;margin:26px 0 30px;padding-bottom:30px;font-size:12px}@media (width<=760px){.feat-card{grid-template-columns:1fr}.feat-art{min-height:220px}.blog-grid{grid-template-columns:1fr;gap:18px}.blog-card{padding:24px}.blog-search{max-width:none}.blog-filters{scrollbar-width:none;margin-left:calc(var(--gutter) * -1);margin-right:calc(var(--gutter) * -1);padding:0 var(--gutter);flex-wrap:nowrap;overflow-x:auto}.blog-filters button{flex:none}.prose{text-align:left}}.about-wrap{max-width:900px;padding-bottom:clamp(50px,7vw,90px)}.about-top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(30px,6vw,64px);margin:clamp(10px,3vw,30px) 0 clamp(60px,8vw,90px);display:grid}.about-photo{aspect-ratio:260/273;width:clamp(200px,22vw,260px);position:relative}.about-photo .ring{border-radius:50%;width:100%;height:100%;overflow:hidden}.about-photo img{object-fit:cover;object-position:50% 15%;width:100%;height:100%}.avail{white-space:nowrap;letter-spacing:-.3px;color:#fff;background:#1a9e5c;border-radius:20px;align-items:center;gap:7px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.avail:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:2s infinite ping}.about-intro{text-align:center}.about-kicker{letter-spacing:1.5px;text-transform:uppercase;color:#8a2f45;font-size:14px;font-weight:600}.about-intro h1{letter-spacing:-2.5px;margin:10px 0 14px;font-size:clamp(38px,5vw,54px);font-weight:500;line-height:1}.about-bio{letter-spacing:-.3px;color:#8c7a80;font-size:clamp(15px,1.4vw,17px);line-height:1.6}.about-stats{border-top:1px solid #e2d7da;justify-content:center;margin:22px 0 20px;padding-top:20px;display:flex}.about-stats>div{text-align:left;flex:1;max-width:160px;padding:0 18px}.about-stats>div+div{border-left:1px solid #e2d7da}.about-stats b{letter-spacing:-2px;color:#2d1a22;font-size:30px;font-weight:700;line-height:1;display:block}.about-stats span{letter-spacing:-.2px;color:#8c7a80;margin-top:6px;font-size:12px;display:block}.about-chips{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.about-chips span{letter-spacing:-.3px;border:1px solid #e2d7da;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:500;transition:all .35s cubic-bezier(.16,1,.3,1)}.about-chips span:hover{color:#8a2f45;border-color:#8a2f45}.sec-label{align-items:center;gap:20px;margin:clamp(50px,7vw,80px) 0 28px;display:flex}.sec-label h2{letter-spacing:2px;text-transform:uppercase;color:#8c7a80;white-space:nowrap;font-size:13px;font-weight:600}.sec-label i{background:#e2d7da;flex:1;height:1px}.about-top+.sec-label{margin-top:0}.phil-card{background:#ffffff08;border:1px solid #e2d7da;border-radius:16px;padding:24px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.phil-card:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#8a2f45,#0000);height:2px;position:absolute;top:0;left:0;right:0}.phil-card:hover{border-color:#8a2f45;transform:translateY(-1px)}.phil-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.phil-head span{background:#8a2f4514;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.phil-head h3{letter-spacing:-.32px;font-size:16px;font-weight:600}.phil-card p{color:#8c7a80;text-align:center;font-size:14.5px;line-height:1.6}.tl{margin-top:50px;position:relative}.tl:before{content:"";background:#e2d7da;width:1px;position:absolute;top:8px;bottom:8px;left:152px}.tl-row{grid-template-columns:140px minmax(0,1fr);column-gap:24px;padding-bottom:clamp(30px,4vw,44px);display:grid;position:relative}.tl-date{text-align:right;color:#8c7a80;flex-direction:column;align-items:flex-end;gap:8px;padding-top:4px;font-size:12.5px;display:flex}.tl-date em{letter-spacing:.8px;color:#1a9e5c;background:#1a9e5c1a;border-radius:6px;padding:3px 9px;font-size:10.5px;font-style:normal;font-weight:600}.tl-dot{background:var(--cream);border:1px solid #d8c8cd;border-radius:50%;width:11px;height:11px;position:absolute;top:6px;left:147px}.tl-row.current .tl-dot{box-shadow:inset 0 0 0 2px var(--cream), inset 0 0 0 6px #8a2f45;border:2px solid #8a2f45}.tl-body{padding-left:4px}.tl-head{grid-template-columns:90px minmax(0,1fr) 24px;align-items:center;gap:12px;display:grid}.tl-logo{align-items:center;height:36px;display:flex}.tl-logo img{object-fit:contain;width:auto;max-width:90px;max-height:30px}.tl-mark{color:#fff;min-width:46px;height:30px;font-family:var(--brand);letter-spacing:.5px;background:#2d1a22;border-radius:8px;place-items:center;padding:0 10px;font-size:13px;font-weight:600;display:inline-grid}.tl-mark-soft{color:#8a2f45;background:#8a2f451a}.tl-title{text-align:center}.tl-title h3{font-family:var(--brand);letter-spacing:-.6px;font-size:clamp(17px,1.6vw,20px);font-weight:500;line-height:1.2}.tl-title small{color:#8c7a80;margin-top:2px;font-size:13px;display:block}.tl-arrow{color:#8c7a80;justify-self:end;font-size:18px;transition:all .35s cubic-bezier(.16,1,.3,1)}.tl-row:hover .tl-arrow{color:#8a2f45;transform:translate(2px,-2px)}.tl-row:hover .tl-title h3{color:#8a2f45}.tl-title h3{transition:color .35s}.tl-desc{text-align:center;color:#8c7a80;max-width:520px;margin:14px auto 0;font-size:14.5px;line-height:1.6}.tl-body ul{max-width:520px;margin:10px auto 0;padding-left:18px}.tl-body li{color:#9a8a90;margin:4px 0;font-size:14px;line-height:1.6}.edu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.edu-grid>div{height:100%}.edu-card{text-align:center;background:#fff;border:1px solid #e2d7da;border-radius:16px;height:100%;padding:22px;transition:all .35s cubic-bezier(.16,1,.3,1)}.edu-card:hover{border-color:#8a2f45;transform:translateY(-1px);box-shadow:0 10px 30px #8a2f450d}.edu-when{letter-spacing:.8px;text-transform:uppercase;color:#8a2f45;font-size:11px;font-weight:700}.edu-card h3{font-family:var(--brand);letter-spacing:-.5px;margin-top:10px;font-size:17px;font-weight:500;line-height:1.25}.edu-card p{color:#8c7a80;margin-top:8px;font-size:13.5px;line-height:1.5}.tools{gap:26px;display:grid}.tools-row{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:24px;display:grid}.tools-group{text-align:center;color:#8c7a80;padding-top:12px;font-size:14px}.tools-items{flex-wrap:wrap;gap:10px;display:flex}.tool{background:#fff6;border:1px solid #e2d7da;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:78px;height:80px;transition:border-color .35s,transform .35s cubic-bezier(.16,1,.3,1),background .35s;display:flex}.tool img{object-fit:contain;width:30px;height:30px;transition:transform .35s cubic-bezier(.16,1,.3,1)}.tool span{color:#8c7a80;text-align:center;padding:0 4px;font-size:10.5px;line-height:1.15}.tool:hover{background:#fff;border-color:#8a2f45;transform:translateY(-3px)!important}.tool:hover img{transform:scale(1.1)}@media (width<=760px){.about-top{grid-template-columns:1fr;justify-items:center}.about-chips{justify-content:center}.about-stats>div{padding:0 12px}.tl:before{left:5px}.tl-row{grid-template-columns:1fr;padding-left:26px}.tl-dot{left:0}.tl-date{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:10px;padding-top:0}.tl-head{grid-template-columns:1fr 20px}.tl-logo{grid-column:1/-1;justify-content:center}.tl-title{grid-column:1}.edu-grid{grid-template-columns:1fr}.tools-row{grid-template-columns:1fr;gap:10px}.tools-group{text-align:left;padding-top:0}.tool{width:72px;height:76px}}.works-page .page-head h1{font-family:var(--brand);letter-spacing:-3px;justify-content:center;align-items:center;gap:15px;font-size:clamp(34px,4vw,48px);font-weight:400;display:inline-flex}.works-page .page-head .lead{color:#8c7a80;font-size:15px}.works-hero-head{text-align:center;margin-bottom:10px}.works-rocket{object-fit:contain;width:auto;height:clamp(35px,4vw,50px);display:inline-block}.works-desires{flex-wrap:wrap;justify-content:center;gap:10px 15px;margin-bottom:36px;display:flex}.works-tag{color:var(--ink,#2d1a22);background:0 0;border:1.5px solid #e2d7da;border-radius:25px;align-items:center;gap:10px;padding:10px 22px;font-size:15px;font-weight:500;transition:all .25s;display:inline-flex}.works-tag img{object-fit:contain;width:20px;height:20px}.works-tag.on{color:#fff;background:#3e3e3e;border:1px solid #9f9f9f;border-radius:37.5px;box-shadow:0 0 4px #00000040}.thumb-glare{pointer-events:none;z-index:2;border-radius:inherit;position:absolute;inset:0}.status.s-live{color:#1a9e5c;background:#1a9e5c29;border:1px solid #1a9e5c59}.status.s-progress{color:#d4831a;background:#d4831a2e;border:1px solid #d4831a59}.status.s-case{color:#e04f86;background:#e04f8624;border:1px solid #e04f864d}.works-more-wrap{justify-content:center;margin-top:48px;display:flex}.works-more-btn{color:#2d1a22;letter-spacing:-.6px;background:0 0;border:1px solid;border-radius:30px;align-items:center;gap:15px;padding:10px 10px 10px 24px;font-size:18px;font-weight:500;transition:opacity .25s;display:inline-flex}.works-more-btn svg{transform:rotate(45deg)}.works-more-btn:hover{opacity:.78}.cs-wrap{max-width:1200px}.cs-back-btn{color:inherit;letter-spacing:-.4px;background:0 0;border-bottom:1px solid #0000;align-items:center;gap:8px;padding:8px 0;font-size:16px;font-weight:500;transition:border-color .25s;display:inline-flex}.cs-back-btn:hover{border-bottom-color:currentColor}.cs-hero-header{text-align:center;flex-direction:column;align-items:center;gap:18px;margin-top:24px;display:flex}.cs-meta-badges{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cs-cat-badge{letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--line,#ffffff26);color:var(--muted-l);background:#ffffff0a;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.cs-status-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--pink);background:#e04f861f;border:1px solid #e04f864d;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.cs-tagline{max-width:780px;margin:0 auto}.cs-mockup{border:1px solid var(--line,#ffffff1f);border-radius:22px;overflow:hidden}.cs-meta-card dt{letter-spacing:1.2px;color:var(--muted-l);text-transform:uppercase;margin-top:14px;font-size:11px}.cs-meta-card dt:first-child{margin-top:0}.cs-meta-card dd{margin-top:4px;font-size:16px;font-weight:600}.cs-live-link{color:var(--pink);word-break:break-word;text-decoration:none}.cs-live-link:hover{text-decoration:underline}.cs-tabs{margin-top:44px}.cs-feat-icon{background:#e04f861f;border:1px solid #e04f8640;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.cs-tech-table{padding:0;overflow:hidden}.cs-tech-head,.cs-tech-row{grid-template-columns:1.1fr 1fr 2.2fr;align-items:center;gap:16px;padding:16px 24px;display:grid}.cs-tech-head{text-transform:uppercase;letter-spacing:.8px;color:var(--muted-l);border-bottom:1px solid var(--line,#ffffff1a);font-size:12px;font-weight:600}.cs-tech-row{border-bottom:1px solid var(--line,#ffffff0f)}.cs-tech-row:last-child{border-bottom:none}.cs-tech-name{font-size:15px}.cs-tech-cat{color:var(--pink);font-size:13px;font-weight:500}.cs-tech-reason{color:var(--muted-l);font-size:14px;line-height:1.5}.cs-footer-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:56px;display:flex}.cs-back-footer{color:inherit;border:1px solid var(--line,#ffffff2e);background:0 0;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:500;transition:border-color .25s}.cs-back-footer:hover{border-color:var(--pink)}.cs-next-card{flex:1;justify-content:space-between;align-items:center;gap:28px;min-width:280px;max-width:440px;margin-left:auto;display:flex}@media (width<=720px){.cs-tech-head{display:none}.cs-tech-row{grid-template-columns:1fr;gap:6px}}