/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2025 Indian Type Foundry
*
* Satoshi Light 
* Satoshi LightItalic 
* Satoshi Regular 
* Satoshi Italic 
* Satoshi Medium 
* Satoshi MediumItalic 
* Satoshi Bold 
* Satoshi BoldItalic 
* Satoshi Black 
* Satoshi BlackItalic 
* Satoshi Variable (Variable font)
* Satoshi VariableItalic (Variable font)

*
*/@font-face{font-family:Satoshi-Light;src:url(/assets/Satoshi-Light-IqwJ_ZjS.woff2) format("woff2"),url(/assets/Satoshi-Light-C_dmkKXz.woff) format("woff"),url(/assets/Satoshi-Light-B82kzbU-.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(/assets/Satoshi-LightItalic-C9iuU4v7.woff2) format("woff2"),url(/assets/Satoshi-LightItalic-B9L6s97T.woff) format("woff"),url(/assets/Satoshi-LightItalic-BAhuxY-A.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(/assets/Satoshi-Regular-CPM9dct4.woff2) format("woff2"),url(/assets/Satoshi-Regular-CWSyEjGv.woff) format("woff"),url(/assets/Satoshi-Regular-DToFXog2.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/assets/Satoshi-Italic-wVmEEc6M.woff2) format("woff2"),url(/assets/Satoshi-Italic-BPCXRxzy.woff) format("woff"),url(/assets/Satoshi-Italic-FMxkCD8o.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(/assets/Satoshi-Medium-ByP-Zb-9.woff2) format("woff2"),url(/assets/Satoshi-Medium-DDwDPeBg.woff) format("woff"),url(/assets/Satoshi-Medium-DOt9kM-a.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(/assets/Satoshi-MediumItalic-BxR-IcRj.woff2) format("woff2"),url(/assets/Satoshi-MediumItalic-BPTJUpxz.woff) format("woff"),url(/assets/Satoshi-MediumItalic-BUFVYoD2.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/assets/Satoshi-Bold-Bd5kKQ_U.woff2) format("woff2"),url(/assets/Satoshi-Bold-C2PhLWFc.woff) format("woff"),url(/assets/Satoshi-Bold-CPly9kH5.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(/assets/Satoshi-BoldItalic-CAjvAcxR.woff2) format("woff2"),url(/assets/Satoshi-BoldItalic-DQ7B0PfL.woff) format("woff"),url(/assets/Satoshi-BoldItalic-tClQcAb-.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(/assets/Satoshi-Black-DjnQuuRz.woff2) format("woff2"),url(/assets/Satoshi-Black-D3hzT7Um.woff) format("woff"),url(/assets/Satoshi-Black-CizHyRqb.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(/assets/Satoshi-BlackItalic-ChCbTD27.woff2) format("woff2"),url(/assets/Satoshi-BlackItalic-D8Ai_S3C.woff) format("woff"),url(/assets/Satoshi-BlackItalic-CvIpOoSh.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Variable;src:url(/assets/Satoshi-Variable-CFg-z2ne.woff2) format("woff2"),url(/assets/Satoshi-Variable-B5cVmYQo.woff) format("woff"),url(/assets/Satoshi-Variable-ChAXbpFa.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/assets/Satoshi-VariableItalic-DjwFspxr.woff2) format("woff2"),url(/assets/Satoshi-VariableItalic-DeirzIcA.woff) format("woff"),url(/assets/Satoshi-VariableItalic-Bb7sdEFv.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}:root{font-family:Satoshi-Variable,Satoshi-Regular,Satoshi,system-ui,Avenir,Helvetica,Arial,sans-serif;--base-wght: 500;--heading-wght: 700;--bg: #FFFFFF;--card: #ffffff;--ink: #2f2727;--muted: #6f6765;--ring: #e8e2dc;--accent: #ff6a4d;--r-lg: 24px;--r-md: 16px;--r-pill: 999px;--shadow: 0 2px 6px rgba(20,16,12,.04), 0 10px 30px rgba(20,16,12,.06);--shadow-soft: 0 1px 0 rgba(20,16,12,.04), 0 8px 24px rgba(20,16,12,.05)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:inherit;font-weight:var(--base-wght);font-variation-settings:"wght" var(--base-wght);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.15;font-weight:var(--heading-wght);font-variation-settings:"wght" var(--heading-wght)}p{margin:.5rem 0 0}img{max-width:100%;display:block}.page{max-width:1200px;margin:28px auto 80px;padding:0 22px;display:grid;gap:28px}.card{background:var(--card);border:1px solid var(--ring);border-radius:var(--r-lg);box-shadow:var(--shadow)}.tag{display:inline-block;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--ring);background:#fff;color:var(--muted);font-size:.8rem}.pill{background:#ffffffb3;border:1px solid var(--ring);border-radius:var(--r-pill);box-shadow:var(--shadow-soft)}.status-dots{display:flex;gap:14px}.status-dots .dot{width:30px;height:30px;border-radius:999px;border:1px solid var(--ring);background:#fff;box-shadow:var(--shadow-soft)}.muted{color:var(--muted)}.h4,.h5{font-size:1rem;font-weight:700}.app{min-height:100%}.navbar{position:sticky;top:12px;z-index:10;display:flex;align-items:center;justify-content:flex-start;padding:8px 40px 0 64px;height:64px;background:transparent;box-shadow:none}.brand{font-weight:700;font-size:18px;color:#1f1f1f;text-decoration:none;margin-right:28px;line-height:1.2;margin-top:0;padding-left:6px;margin-left:12px;white-space:nowrap;font-weight:var(--heading-wght);font-variation-settings:"wght" var(--heading-wght)}.navbar .nav-links{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex;align-items:center;gap:28px;padding:8px 22px;margin:0;background:#fffffff2;border:1px solid rgba(0,0,0,.05);border-radius:36px;-webkit-backdrop-filter:blur(10px) saturate(140%) brightness(1.02);backdrop-filter:blur(10px) saturate(140%) brightness(1.02);box-shadow:inset 0 1px 1px #fff9,0 8px 20px #0000000f;width:max-content;list-style:none}.navbar .nav-links a{position:relative;background:transparent;border:none;border-radius:999px;padding:14px 18px;line-height:1.2;font-size:16px;font-weight:500;color:#bdbdbd;text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .14s ease,background .14s ease}.navbar .nav-links .nav-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#ff592f;flex-shrink:0;box-shadow:0 0 0 3px #ff592f0f;margin-right:6px}.navbar .nav-links a.active:hover{background:#ececec;box-shadow:none;transform:none}.navbar .nav-links a.active{background:#ececec;border:none;color:#1f1f1f;box-shadow:none}.navbar .nav-links li{list-style:none}body:before,body:after,main:before,main:after{content:none!important;display:none!important}ul,li{list-style:none!important}.brand{display:none}@media (max-height: 720px){.brand{opacity:0;transform:translate(-12px);pointer-events:none}.navbar{padding-left:24px;transition:padding-left .22s ease}}@media (max-width: 1250px){.brand{opacity:0;transform:translate(-12px);pointer-events:none}.navbar{padding-left:24px;transition:padding-left .22s ease}}@media (prefers-reduced-motion: reduce){.brand,.navbar{transition:none!important}}.navbar.scrolled .brand{opacity:0;transform:translate(-12px);pointer-events:none}.navbar.scrolled{padding-left:24px;transition:padding-left .22s ease}.navbar .nav-links a:not(.active):hover{color:#1f1f1f;background:transparent;border:none;box-shadow:none;transform:none}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:48px}@media (max-width:900px){.hero{grid-template-columns:1fr}}.lede-bubble{padding:22px 24px;margin-bottom:12px}.lede{font-size:18px;line-height:1.4;margin:0 0 12px;color:#6f6f6f}.lede.second{color:#6f6f6f;font-size:16px}.asterisk{color:#e26e5a}.hero-slate{height:220px;border-radius:26px}.intro-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffad;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);z-index:9999}.intro-white{position:absolute;inset:0;background:#fff;z-index:9996}.intro-trail{position:absolute;inset:0;z-index:9997;pointer-events:none}.intro-glass{position:absolute;inset:0;z-index:9998;background:#ffffff73;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.intro-skip{position:absolute;top:12px;right:14px;z-index:10001;background:transparent;border:none;color:#9a9a9a;opacity:.8;font:inherit;font-size:14px;padding:8px 10px;border-radius:999px;cursor:pointer;transition:opacity .2s ease,color .2s ease,background .2s ease}.intro-skip:hover{opacity:1;color:#1f1f1f}.intro-skip:focus-visible{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}@media (max-width: 600px){.intro-skip{top:10px;right:10px;font-size:13px;padding:10px 12px;opacity:.85}}.intro-text{text-align:center;opacity:0;transform:translateY(6px);transition:opacity .9s cubic-bezier(.25,.8,.25,1),transform .9s cubic-bezier(.25,.8,.25,1);will-change:opacity,transform;position:relative;z-index:10000}.intro-text.visible{opacity:1;transform:translateY(0)}.intro-text.hidden{opacity:0;transform:translateY(-6px)}.intro-line{font-family:inherit;color:var(--ink)}.intro-welcome .intro-line{font-size:64px;font-weight:700;letter-spacing:6px}.intro-name .intro-line{font-size:26px;font-weight:600}.intro-sub .intro-line{font-size:18px;font-weight:600;color:var(--ink)}.trail-dot{position:absolute;pointer-events:none;width:160px;height:160px;transform:translate(-50%,-50%) scale(1);border-radius:50%;mix-blend-mode:overlay;background:radial-gradient(circle at 30% 30%,rgba(255,120,120,.26) 0px,rgba(255,120,120,.12) 48px,transparent 90px),radial-gradient(circle at 70% 70%,rgba(120,200,255,.22) 0px,rgba(120,200,255,.1) 60px,transparent 120px);filter:blur(22px);opacity:.9;animation:trailLife .9s ease-out forwards;will-change:opacity,transform,filter;z-index:9997}@keyframes trailLife{0%{opacity:.9;filter:blur(22px);transform:translate(-50%,-50%) scale(1)}to{opacity:0;filter:blur(34px);transform:translate(-50%,-50%) scale(.9)}}.trail-dot.exit{opacity:0;transform:translate(-50%,-50%) scale(.9);filter:blur(34px)}.profile-card{padding:16px 20px 22px}.profile-head{display:block;text-align:center;margin-bottom:18px}.profile-title{color:var(--ink);font-size:14px;margin:6px 0 8px;font-weight:var(--base-wght);font-variation-settings:"wght" var(--base-wght)}.profile-head-rule{height:1px;background:var(--ring);width:calc(100% - 40px);margin:0 auto 14px}.avatar{width:140px;height:140px;border-radius:999px;background:#f1efec;border:1px solid var(--ring)}.name{font-size:22px;line-height:1.15;text-align:center;margin:18px 0 0;font-weight:var(--heading-wght);font-variation-settings:"wght" var(--heading-wght)}.subtitle{color:var(--muted);text-align:center;margin:4px 0 16px;font-size:13px}.minor{color:var(--muted);font-size:.95rem;text-align:center}.capabilities{margin-top:0;display:grid;grid-template-columns:120px auto;align-items:start;column-gap:16px;justify-content:center;margin-left:auto;margin-right:auto}.cap-label{color:#c1c1c1;font-size:14px;margin-top:8px}.cap-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;width:220px}.cap-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;background:transparent;color:var(--ink);text-decoration:none;font-size:14px}.cap-item:hover{text-decoration:none}.cap-item:focus{outline:none;text-decoration:underline;text-underline-offset:3px}.cap-arrow{opacity:.7;display:inline-block;transform:translate(0)}.cap-item:hover .cap-arrow{animation:arrowNudge .6s ease-out 1}@keyframes arrowNudge{0%{transform:translate(0)}40%{transform:translate(4px)}80%{transform:translate(2px)}to{transform:translate(0)}}.profile-foot{margin-top:72px;padding:0;background:transparent;border:none;box-shadow:none}:root{--page-max: 1200px;--gap-lg: 28px;--gap-md: 20px;--gap-sm: 14px;--glass-bg: rgba(255,255,255,.65);--glass-border: rgba(0,0,0,.06);--shadow-drop: 0 12px 28px rgba(0,0,0,.08);--shadow-inner: inset 0 1px 0 rgba(255,255,255,.75), inset 0 -1px 0 rgba(0,0,0,.05)}.page.cp-page{max-width:var(--page-max);margin:0 auto;padding:0 44px 30px 12px}.hero{display:grid;grid-template-columns:1fr 520px;grid-template-areas:"left right";align-items:start;column-gap:36px;row-gap:var(--gap-lg);margin-top:48px}@media (min-width: 1101px){.profile-card{min-height:600px}}.work-grid{display:grid;grid-template-columns:1fr 660px;grid-template-areas:"left right";align-items:start;gap:var(--gap-lg);margin-top:32px}.work-left{grid-area:left;display:grid;gap:var(--gap-lg)}.work-right{grid-area:right;display:grid;gap:var(--gap-lg);grid-template-columns:1.15fr .85fr;grid-template-areas:"favorites favorites" "phone tweet" "phone photo";align-items:stretch}.favorites-card{grid-area:favorites}.phone-card{grid-area:phone}.tweet-card{grid-area:tweet}.photo-card{grid-area:photo}.left-blank{height:520px;position:relative}.left-blank.second{height:230px}.has-corner-cta{position:relative}.corner-cta{position:absolute;bottom:12px;left:12px;width:32px;height:32px;border-radius:999px;border:1px solid var(--glass-border);background:#fffc;box-shadow:var(--shadow-inner),var(--shadow-drop);display:grid;place-items:center;color:#8c8c8c;cursor:pointer}.corner-cta:hover{color:#1f1f1f}.favorites-card{padding:25px 16px 18px;margin-right:-2px}.fav-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fav-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;display:inline-block}.fav-title{color:#8b8b8b;font-size:14px}.fav-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.pill{background:#fff;border:1px solid var(--glass-border);border-radius:12px;padding:10px;box-shadow:var(--shadow-inner)}.pill-top{display:flex;align-items:center;gap:8px}.pill-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;display:inline-block}.pill-text{font-size:12px;color:#707070}.pill-sub{font-size:10px;color:#b0b0b0;margin-top:4px}.fav-tray{background:#fff;border:1px solid var(--glass-border);border-radius:16px;padding:12px;box-shadow:var(--shadow-inner)}.mini-squares-row{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.mini-square{height:50px;border-radius:12px}.phone-card{height:530px}.tweet-card{padding:16px;display:grid;gap:10px;min-height:240px}.tweet-head{display:grid;grid-template-columns:28px 1fr 28px;align-items:center}.tweet-toggle{width:28px;height:28px;border-radius:10px;background:#fff;border:1px solid var(--glass-border);box-shadow:var(--shadow-inner)}.tweet-name{font-weight:700;font-size:14px;color:var(--ink)}.tweet-handle{font-size:12px;color:#9a9a9a}.tweet-copy{margin:0 0 8px;color:var(--ink)}.tweet-btn{align-self:start;padding:8px 12px;font-size:12px;border-radius:999px;border:1px solid var(--glass-border);background:#fff;color:#555;cursor:pointer}.tweet-btn:hover{color:#1f1f1f}.photo-card{height:260px;position:relative;overflow:hidden}.photo-kbd{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:12px;border:1px solid var(--glass-border);background:#fff;box-shadow:var(--shadow-inner)}.photo-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:10px}.photo-dots span{width:22px;height:10px;background:#eee4d6;border-radius:999px;display:inline-block;border:1px solid rgba(0,0,0,.06)}.photo-dots span:nth-child(2){background:#e6dccd}.photo-dots span:nth-child(3){background:#f0e8dc}.hero-left{display:grid;gap:var(--gap-sm);grid-area:left}.lede-bubble{padding:12px 16px;margin-bottom:0;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;border-radius:22px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px) saturate(160%) brightness(1.08);backdrop-filter:blur(12px) saturate(160%) brightness(1.08);box-shadow:var(--shadow-inner),var(--shadow-drop);margin-left:0;margin-right:0}.hero-slate{height:220px;border-radius:26px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-inner),var(--shadow-drop)}.small-row{display:grid;grid-template-columns:repeat(4,128px);gap:16px;margin-top:12px;padding:0;justify-content:space-between}.small-square{width:128px;height:128px;border-radius:22px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-inner),var(--shadow-drop)}@media (max-width: 900px){.small-row{grid-template-columns:repeat(4,1fr);gap:var(--gap-md);padding:0 22px}.small-square{width:100%;height:84px}}.profile-card{padding:12px 16px 16px;border-radius:26px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:var(--shadow-inner),var(--shadow-drop);align-self:start}.hero-right{align-self:start;grid-area:right}.profile-head{display:block;text-align:center;margin-bottom:12px}.profile-head-text{color:#7b7b7b;font-size:14px}.profile-head-rule{height:1px;background:#00000014;width:calc(100% - 32px);margin:6px auto 0}.avatar-wrap{display:flex;justify-content:center;margin:12px 0 8px}.avatar{width:128px;height:128px;border-radius:50%;background:#e7e3df;border:2px solid rgba(0,0,0,.06);box-shadow:var(--shadow-inner)}.cap-list{display:grid;gap:8px;margin-top:8px;width:220px}.cap-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-radius:0;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:var(--ink);font-size:14px}.profile-foot{margin-top:48px;padding:0;text-align:center;color:#6e6e6e;background:transparent;border:none;box-shadow:none;max-width:400px;margin-left:auto;margin-right:auto;font-size:12px;line-height:1.35}.lede{line-height:1.4;font-size:18px;color:#6f6f6f}.lede strong{font-weight:700}.name{font-size:22px;margin-top:14px;font-weight:700}.subtitle{margin-top:4px;color:#6f6f6f;font-size:14px}.quote{margin:0 auto 24px;color:#4e4e4e;max-width:340px;line-height:1.35;font-size:13px}.hint{margin:-18px 0 2px;color:#9a9a9a;font-size:12px;position:relative;transform:translateY(6px)}.card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-inner),var(--shadow-drop)}@media (max-width: 1100px){.hero{grid-template-columns:1fr;grid-template-areas:"right" "left"}.work-grid{grid-template-columns:1fr;grid-template-areas:"left" "right"}.work-right{grid-template-columns:1fr;grid-template-areas:"favorites" "phone" "tweet" "photo"}}@media (max-width: 600px){.page.cp-page{padding:0 var(--gap-md) 24px}.navbar{height:56px;padding:6px 12px 0}.navbar .nav-links{gap:10px;padding:4px 8px;border-radius:24px;max-width:calc(100% - 24px)}.navbar .nav-links a{font-size:13px;padding:8px 10px;justify-content:center;text-align:center}.navbar .nav-links .nav-dot{display:none}.hero{margin-top:24px;gap:14px}.lede-bubble{padding:14px 16px;min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.lede{font-size:15px}.lede.second{font-size:13px}.hero-slate{height:160px}.small-row{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 8px;margin-top:12px}.small-square{width:100%;height:88px}.profile-card{padding:16px}.avatar{width:112px;height:112px}.name{font-size:20px}.subtitle{font-size:14px}.quote{max-width:90%;font-size:12px}.cap-list{width:100%}.cap-item{justify-content:flex-start}.cap-item .cap-arrow{margin-left:24px}.intro-text{padding:0 20px}.intro-welcome .intro-line{font-size:36px;letter-spacing:4px}.intro-name .intro-line{font-size:20px}.intro-sub .intro-line{font-size:16px}.favorites-card{padding:20px 18px}.fav-pills{grid-template-columns:repeat(2,1fr);gap:12px}.pill{padding:10px 12px}.mini-squares-row{grid-template-columns:repeat(5,1fr);gap:8px}.mini-square{height:56px}.phone-card{height:380px}.tweet-card{min-height:200px}.photo-card{height:220px}.navbar .nav-links a[href="#work"]:active,.navbar .nav-links a[href="#work"].active{background:#ff592f!important;color:#fff!important;border:none;box-shadow:none}}@media (max-width: 380px){.navbar .nav-links{gap:8px;padding:3px 6px;border-radius:22px}.navbar .nav-links a{font-size:12px;padding:6px 8px;justify-content:center;text-align:center}}