@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200:#e5e7eb;--color-black:#000;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-4xl:2.25rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-gray-200:lab(91.6229% -.159115 -2.26791)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-20{height:calc(var(--spacing) * 20)}.h-full{height:100%}.h-screen{height:100vh}.min-h-full{min-height:100%}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-200{background-color:var(--color-gray-200)}.object-cover{object-fit:cover}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-clip{text-overflow:clip}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper:#0a0908;--color-paper-2:#110f0d;--color-paper-3:#1d1a17;--color-rule:#302d2a;--color-rule-strong:#514c47;--color-muted:#9f9b96;--color-ink-2:#cdcac6;--color-ink:#f3f1ef;--color-graphite:#040303;--color-outer-black:#000;--color-premium-black:#0e0a07;--color-graphite-2:#0d0b09;--color-on-graphite:#f3f1ef;--color-on-graphite-muted:#a8a49f;--color-accent:#9f9b96;--color-accent-on-dark:#9f9b96;--color-accent-soft:#2b2826;--color-portrait-blue:#006fcb;--color-portrait-blue-hot:#607fff;--color-portrait-deep:#000a1a;--color-brand-telkom:#d31a00;--color-accent-ink:#070e16;--color-focus:#b5b0aa;--color-error:#f9786c;--color-success:#65be85;--color-experiment:#ff4b40;--color-experiment-blood:#df312f;--color-note-bright:#45db75;--font-satoshi:"Satoshi", var(--font-jakarta-sans), sans-serif;--font-antebas:var(--font-satoshi);--font-uivo:var(--font-satoshi);--font-nav:var(--font-satoshi);--font-display:var(--font-satoshi);--font-body:var(--font-satoshi);--font-mono:var(--font-geist-mono);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-2xl:2.125rem;--text-3xl:2.75rem;--text-display-s:4rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.83, 0, .17, 1);--ease-linear:linear;--dur-micro:.12s;--dur-short:.18s;--dur-long:.42s;--dur-marquee:24s;--rule-hair:1px;--rule-heavy:2px;--radius-control:.375rem;--radius-pill:999rem;--radius-panel:.625rem;--page-gutter:clamp(1rem, 4vw, 4.5rem);--page-max:90rem;--z-base:1;--z-tooltip:600}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(2.47912% .221476 .63273);--color-paper-2:lab(4.43855% .498131 1.38699);--color-paper-3:lab(9.52116% .977561 2.92297);--color-rule:lab(18.8023% .95652 2.90914);--color-rule-strong:lab(32.7233% 1.18785 3.63074);--color-muted:lab(64.0441% .923246 2.8861);--color-ink-2:lab(81.4435% .684857 2.15979);--color-ink:lab(95.3625% .453323 1.43775);--color-graphite:lab(.903383% .116237 .317952);--color-outer-black:lab(.0578079% .00952184 .0250965);--color-premium-black:lab(3.04711% .695944 1.72559);--color-graphite-2:lab(3.04892% .392318 1.07308);--color-on-graphite:lab(95.3625% .453323 1.43775);--color-on-graphite-muted:lab(67.5241% .922203 2.88539);--color-accent:lab(64.0441% .923246 2.8861);--color-accent-on-dark:lab(64.0441% .923246 2.8861);--color-accent-soft:lab(16.4822% .708774 2.17567);--color-portrait-blue:lab(45.2002% 3.91036 -64.0376);--color-portrait-blue-hot:lab(55.5056% 25.28 -78.0535);--color-portrait-deep:lab(2.27851% .524931 -15.2227);--color-brand-telkom:lab(46.0178% 68.4048 63.7514);--color-accent-ink:lab(3.66811% -.860922 -5.02954);--color-focus:lab(72.1649% 1.15836 3.61049);--color-error:lab(65.9957% 49.6354 30.9767);--color-success:lab(70.2477% -37.5928 20.3165);--color-experiment:lab(59.2444% 78.4694 58.5647);--color-experiment-blood:lab(50.3502% 66.0556 45.8342);--color-note-bright:lab(78.0207% -57.4961 38.0564)}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#faf4ec;--color-paper-2:#f1eae0;--color-paper-3:#e2d9cc;--color-rule:#c1b9ae;--color-rule-strong:#938b7f;--color-muted:#515962;--color-outer-black:#e6e0d9;--color-premium-black:#faf4ec;--color-ink-2:#28313b;--color-ink:#09121c;--color-accent:#515962;--color-accent-on-dark:#515962;--color-accent-soft:#dedad5;--color-portrait-blue:#1187ee;--color-portrait-blue-hot:#6f8eff;--color-portrait-deep:#041c30;--color-brand-telkom:#d31a00;--color-accent-ink:#faf4ec;--color-focus:#464e57;--color-error:#ac1a1c;--color-success:#005e2f;--color-experiment:#d6000e;--color-experiment-blood:#a4000b;--color-note-bright:#00722e}@supports (color:lab(0% 0 0)){:root[data-theme=light]{--color-paper:lab(96.5484% .84284 4.50271);--color-paper-2:lab(93.0767% 1.1453 6.01826);--color-paper-3:lab(87.2841% 1.46312 7.54498);--color-rule:lab(75.6796% 1.31842 6.79162);--color-rule-strong:lab(58.2814% 1.51333 7.58238);--color-muted:lab(37.337% -1.81361 -6.35046);--color-outer-black:lab(89.5883% .845701 4.50461);--color-premium-black:lab(96.5484% .84284 4.50271);--color-ink-2:lab(19.9208% -2.0033 -7.6753);--color-ink:lab(5.21333% -1.27424 -7.86241);--color-accent:lab(37.337% -1.81361 -6.35046);--color-accent-on-dark:lab(37.337% -1.81361 -6.35046);--color-accent-soft:lab(87.2444% .917435 2.88234);--color-portrait-blue:lab(54.788% -.537843 -60.941);--color-portrait-blue-hot:lab(60.6361% 19.5533 -71.1674);--color-portrait-deep:lab(9.34079% -2.82101 -16.5174);--color-brand-telkom:lab(46.0178% 68.4048 63.7514);--color-accent-ink:lab(96.5484% .84284 4.50271);--color-focus:lab(32.6959% -1.79352 -6.34152);--color-error:lab(37.878% 56.7144 40.3379);--color-success:lab(34.2437% -38.5093 21.0481);--color-experiment:lab(45.374% 75.7651 65.4332);--color-experiment-blood:lab(34.1552% 63.3706 51.0188);--color-note-bright:lab(41.5195% -45.916 31.0557)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--color-outer-black);min-width:0;margin:0;padding-block-end:.5rem;overflow-x:clip}@supports (color:color-mix(in lab, red, red)){body{background:color-mix(in oklab, var(--color-outer-black) 88%, #000 12%)}}body{color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.01em;font-weight:400;line-height:1.6}.site-shell{width:min(calc(100% - (var(--page-gutter) * 2)), 70rem);isolation:isolate;background:linear-gradient(145deg, var(--color-premium-black), var(--color-premium-black) 48%, var(--color-premium-black));border:0;border-radius:2rem;min-height:100svh;margin:clamp(1rem,3vw,2.25rem) auto clamp(1.25rem,2.5vw,2rem);padding-block-end:clamp(1.25rem,3vw,2.25rem);position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.site-shell{background:linear-gradient(145deg, color-mix(in oklab, var(--color-premium-black) 99%, var(--color-ink) 1%), var(--color-premium-black) 48%, color-mix(in oklab, var(--color-premium-black) 97%, var(--color-outer-black) 3%))}}.site-shell{box-shadow:0 .75rem 0 var(--color-graphite), 0 2rem 4rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.site-shell{box-shadow:0 .75rem 0 color-mix(in oklab, var(--color-graphite) 88%, transparent), 0 2rem 4rem color-mix(in oklab, var(--color-outer-black) 78%, transparent)}}button,input{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}a:active{opacity:.72}a[aria-disabled=true]{cursor:not-allowed;opacity:.46;pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{min-width:0;color:var(--color-ink);font-family:var(--font-display);letter-spacing:.01em;overflow-wrap:anywhere;text-wrap:balance;font-style:normal;font-weight:700}dl,dd{margin:0}[id]{scroll-margin-block-start:var(--space-xl)}:focus-visible{outline:var(--rule-heavy) solid var(--color-focus);outline-offset:var(--space-2xs)}::selection{background:var(--color-accent);color:var(--color-accent-ink)}.skip-link{z-index:var(--z-tooltip);padding:var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);white-space:nowrap;transform:translateY(calc(-100% - var(--space-xl)));font-weight:600;position:fixed;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm)}.skip-link:focus-visible{transform:translateY(0)}.site-nav{z-index:var(--z-tooltip);justify-content:flex-end;align-items:center;gap:var(--space-lg);width:100%;min-height:4.5rem;padding:var(--space-sm) var(--page-gutter);background:var(--color-premium-black);margin-block-end:-4.5rem;display:flex;position:sticky;top:0}.site-nav__logo{width:2rem;height:2rem;color:var(--color-ink-2);place-items:center;display:grid;position:absolute;inset-inline-start:var(--page-gutter)}.site-nav__logo svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:2.1rem;height:1.4rem}.site-nav__logo svg .site-nav__logo-correction{stroke:var(--color-brand-telkom)}.site-nav__logo svg circle{fill:var(--color-premium-black)}.language-toggle{min-width:3.1rem;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;background:0 0;justify-content:center;align-items:center;gap:.35rem;padding:.3rem .4rem;font-size:.58rem;line-height:1;display:inline-flex}.language-toggle svg{stroke-width:1.5px;width:1.05rem;height:1.05rem}.site-nav__links{justify-content:flex-end;align-items:center;gap:clamp(var(--space-md), 3vw, var(--space-xl));display:flex}.site-nav__greeting{color:var(--color-ink);font-family:var(--font-satoshi);font-size:var(--text-md);letter-spacing:.01em;white-space:nowrap;margin-inline-end:auto;font-weight:700;line-height:1}.site-nav__links a{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.site-nav__links a{color:color-mix(in oklab, var(--color-muted) 50%, var(--color-ink) 50%)}}.site-nav__links a{font-family:var(--font-nav);font-size:var(--text-xs);letter-spacing:.02em;opacity:.8;white-space:nowrap;transition:color var(--dur-short) var(--ease-out), opacity var(--dur-short) var(--ease-out);font-weight:450;line-height:1}.site-nav__toggle{justify-content:flex-end;display:flex}.opening-intro{z-index:900;background:var(--color-paper-2);color:var(--color-ink);pointer-events:none;animation:opening-intro-shell 2.2s var(--ease-in-out) forwards;place-items:center;display:grid;position:fixed;inset:0;overflow:clip}.opening-intro:after{content:"";background:var(--color-paper);animation:opening-intro-wipe .82s var(--ease-in-out) 1.12s forwards;position:absolute;inset:0;transform:translateY(100%)}.opening-intro__mark{z-index:var(--z-base);color:var(--color-accent-on-dark);font-family:var(--font-satoshi);font-size:var(--text-md);letter-spacing:.02em;text-align:center;text-transform:uppercase;animation:opening-intro-mark 1.9s var(--ease-out) forwards;font-weight:800;line-height:.9;display:grid;position:relative;transform:translateY(0)}@keyframes opening-intro-mark{0%{opacity:0;transform:translateY(.75rem)scale(.98)}22%,58%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.75rem)scale(.985)}}@keyframes opening-intro-wipe{to{transform:translateY(0)}}@keyframes opening-intro-shell{0%,82%{opacity:1}to{opacity:0;visibility:hidden}}.theme-toggle{border-radius:var(--radius-pill);background:var(--color-premium-black);width:2.35rem;min-height:2.35rem;color:var(--color-ink);cursor:pointer;transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.theme-toggle__icon{width:1rem;height:1rem;color:var(--color-accent-on-dark);transform-origin:50%;transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);display:block;position:absolute}.theme-toggle__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:100%;height:100%;display:block}.theme-toggle__icon--sun{opacity:0;transform:rotate(-90deg)scale(.55)}.theme-toggle__icon--moon{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.theme-toggle__icon--moon{color:color-mix(in oklab, var(--color-muted) 55%, var(--color-paper) 45%)}}.theme-toggle__icon--moon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle[data-theme=light] .theme-toggle__icon--sun{color:var(--color-accent);opacity:1;transform:rotate(0)scale(1)}.theme-toggle[data-theme=light] .theme-toggle__icon--moon{opacity:0;transform:rotate(90deg)scale(.55)}.theme-toggle:active{transform:scale(.98)}.theme-toggle:disabled,.theme-toggle[aria-disabled=true]{cursor:not-allowed;opacity:.46;pointer-events:none}.theme-toggle[data-state=loading]{cursor:wait;opacity:.65}.theme-toggle[data-state=error]{border-color:var(--color-error)}.theme-toggle[data-state=success]{color:var(--color-success)}.profile-hero{background:var(--color-premium-black);width:100%;min-height:100svh;color:var(--color-ink-2);grid-template-columns:minmax(0,1fr);place-items:center;padding:clamp(5rem,11vh,7rem) clamp(1.25rem,4vw,3.5rem) clamp(3rem,7vh,5rem);display:grid;position:relative}.profile-card{gap:clamp(var(--space-xl), 3.5vw, 3.75rem);background:0 0;width:min(100%,64rem);min-width:0;padding:0;display:grid;transform:translateY(-2.25rem)}.profile-hero__media,.profile-hero__content{z-index:var(--z-base);min-width:0;position:relative}.profile-hero__media{place-items:stretch center;display:grid;transform:translate(7.25rem)}.portrait-reserve{aspect-ratio:1;border-radius:calc(var(--radius-panel) - .125rem);background:linear-gradient(145deg, var(--color-premium-black), var(--color-premium-black));border:0;place-items:center;width:min(100%,17rem);display:grid;position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.portrait-reserve{background:linear-gradient(145deg, color-mix(in oklab, var(--color-premium-black) 78%, var(--color-ink) 22%), var(--color-premium-black))}}.portrait-reserve{box-shadow:inset 0 1px 0 var(--color-ink), 0 1rem 2rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.portrait-reserve{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-ink) 10%, transparent), 0 1rem 2rem color-mix(in oklab, var(--color-outer-black) 30%, transparent)}}.portrait-reserve img{object-fit:cover;object-position:center 58%}.profile-hero__content{align-content:center;gap:var(--space-lg);width:100%;max-width:38rem;padding:var(--space-xs);display:grid}.profile-greeting{color:var(--color-ink);font-family:var(--font-satoshi);font-size:var(--text-sm);letter-spacing:.03em;font-weight:600}.profile-hero h1{max-width:none;font-size:clamp(2.05rem,3.3vw,3.1rem);font-family:var(--font-satoshi);letter-spacing:.012em;font-weight:700;line-height:1.04}.profile-hero h1 .name-accent{color:var(--color-ink)}.profile-standfirst{max-width:none;color:var(--color-ink);font-size:clamp(1rem,1.8vw,1.4rem);font-family:var(--font-satoshi);letter-spacing:.02em;text-wrap:balance;font-weight:500;line-height:1.4}.profile-standfirst__muted{color:var(--color-muted)}.profile-actions{gap:var(--space-md);flex-wrap:wrap;padding-block-start:var(--space-xs);display:flex}.profile-actions a{justify-content:center;align-items:center;gap:var(--space-sm);min-width:10.25rem;min-height:2.9rem;padding-inline:var(--space-md);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--text-base);white-space:nowrap;background:var(--color-premium-black);border:1px solid #0000;flex:0 auto;font-weight:500;line-height:1;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.profile-actions a{background:color-mix(in oklab, var(--color-premium-black) 82%, var(--color-ink) 18%)}}.profile-actions a{box-shadow:none;transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out)}.profile-action__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1rem;height:1rem;transition:transform var(--dur-short) var(--ease-out);flex:none}.profile-actions a:first-child{min-width:10.9rem;min-height:3.05rem;padding-inline:var(--space-lg);background:linear-gradient(135deg, var(--color-premium-black), var(--color-premium-black))}@supports (color:color-mix(in lab, red, red)){.profile-actions a:first-child{background:linear-gradient(135deg, color-mix(in oklab, var(--color-premium-black) 84%, var(--color-ink) 16%), color-mix(in oklab, var(--color-premium-black) 92%, var(--color-ink) 8%))}}.profile-actions a:first-child{box-shadow:0 .35rem 0 var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.profile-actions a:first-child{box-shadow:0 .35rem 0 color-mix(in oklab, var(--color-outer-black) 62%, transparent)}}.profile-actions a:not(:first-child){border-color:var(--color-rule-strong);background:0 0}.profile-marquee{width:min(100% - 2rem,64rem);min-width:0;padding-block:var(--space-xs);-webkit-mask-image:linear-gradient(90deg, transparent 0%, var(--color-ink) 12%, var(--color-ink) 88%, transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0%, var(--color-ink) 12%, var(--color-ink) 88%, transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0%, var(--color-ink) 12%, var(--color-ink) 88%, transparent 100%);mask-image:linear-gradient(90deg, transparent 0%, var(--color-ink) 12%, var(--color-ink) 88%, transparent 100%);-webkit-mask-source-type:alpha;inset-block-end:clamp(6rem,14vh,8rem);-webkit-mask-source-type:alpha;position:absolute;left:50%;overflow:clip;transform:translate(-50%);-webkit-mask-source-type:alpha;mask-mode:alpha}.profile-marquee__track{width:max-content;animation:profile-marquee-scroll var(--dur-marquee) var(--ease-linear) infinite;will-change:transform;display:flex}.profile-marquee__group{padding-inline:var(--space-sm);flex-shrink:0;align-items:center;gap:clamp(.75rem,1.5vw,1.1rem);display:flex}.profile-marquee__item{color:var(--color-muted);font-family:var(--font-body);letter-spacing:.12em;white-space:nowrap;align-items:center;gap:clamp(.75rem,1.5vw,1.1rem);font-size:.48rem;font-weight:500;line-height:1.25;display:inline-flex}.profile-marquee__separator{color:var(--color-accent);font-size:.7rem;line-height:1}@keyframes profile-marquee-scroll{to{transform:translate(-33.3333%)}}.work-simple__head h2{font-size:var(--text-2xl);line-height:1.05}.work-simple{padding:clamp(3.5rem, 6vw, 4.5rem) var(--page-gutter) var(--space-4xl);background:var(--color-premium-black)}.work-simple__head{gap:var(--space-lg);padding-block-end:var(--space-2xl);display:grid}.work-simple__head p{max-width:52ch;font-size:var(--text-md)}.work-simple__tools{justify-content:flex-end;align-items:center;display:flex}.work-simple__head .work-simple__note{max-width:32ch;color:var(--color-muted);margin:0}@supports (color:color-mix(in lab, red, red)){.work-simple__head .work-simple__note{color:color-mix(in oklab, var(--color-muted) 72%, var(--color-premium-black) 28%)}}.work-simple__head .work-simple__note{text-align:right;font-size:.95rem;line-height:1.5}.project-view-toggle{border-radius:var(--radius-pill);background:var(--color-paper-3);align-items:center;gap:.125rem;padding:.2rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.project-view-toggle{background:color-mix(in oklab, var(--color-paper-3) 55%, transparent)}}.project-view-toggle{box-shadow:inset 0 1px 0 var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.project-view-toggle{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-ink) 5%, transparent)}}.project-view-toggle__item{border-radius:var(--radius-pill);width:2.2rem;height:2rem;color:var(--color-muted);place-items:center;display:grid}.project-view-toggle__item.is-active{background:var(--color-paper-3)}@supports (color:color-mix(in lab, red, red)){.project-view-toggle__item.is-active{background:color-mix(in oklab, var(--color-paper-3) 78%, var(--color-ink) 22%)}}.project-view-toggle__item.is-active{color:var(--color-ink);box-shadow:0 .2rem .7rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.project-view-toggle__item.is-active{box-shadow:0 .2rem .7rem color-mix(in oklab, var(--color-outer-black) 22%, transparent)}}.project-view-toggle__item svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1rem;height:1rem}.project-view-toggle__item:first-child svg rect{fill:currentColor;stroke:none}.project-view-all{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);transition:color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);display:inline-flex}.project-view-all span{font-size:1rem;line-height:1}.project-view-all:hover{color:var(--color-ink);transform:translate(.15rem)}.project-showcase{gap:clamp(var(--space-2xl), 5vw, 4.5rem);display:grid}.project-showcase__project{gap:var(--space-lg);min-width:0;display:grid}.project-showcase__copy{gap:var(--space-sm);max-width:42rem;display:grid}.project-showcase__eyebrow{align-items:center;gap:var(--space-sm);color:var(--color-muted);font-family:var(--font-satoshi);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;line-height:1.2;display:flex}.project-showcase__eyebrow span:first-child{color:var(--color-ink);font-variant-numeric:tabular-nums}.project-showcase__copy h3{max-width:20ch;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.05}.project-showcase__copy>p:last-child{max-width:56ch;color:var(--color-muted);font-size:var(--text-md);line-height:1.5}.project-showcase__visual{border-radius:var(--radius-panel);background:var(--color-graphite-2);min-height:clamp(15rem,34vw,27rem);box-shadow:inset 0 1px 0 var(--color-ink), 0 1rem 2rem var(--color-outer-black);display:grid;position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.project-showcase__visual{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-ink) 8%, transparent), 0 1rem 2rem color-mix(in oklab, var(--color-outer-black) 24%, transparent)}}.project-showcase__visual--inventory{padding:clamp(var(--space-lg), 4vw, 3.5rem);background:radial-gradient(circle at 78% 18%, var(--color-accent), transparent 34%), var(--color-graphite-2)}@supports (color:color-mix(in lab, red, red)){.project-showcase__visual--inventory{background:radial-gradient(circle at 78% 18%, color-mix(in oklab, var(--color-accent) 18%, transparent), transparent 34%), var(--color-graphite-2)}}.project-showcase__visual--trading{padding:var(--space-lg);background:radial-gradient(circle at 50% 44%, var(--color-accent), transparent 48%), var(--color-graphite-2)}@supports (color:color-mix(in lab, red, red)){.project-showcase__visual--trading{background:radial-gradient(circle at 50% 44%, color-mix(in oklab, var(--color-accent) 16%, transparent), transparent 48%), var(--color-graphite-2)}}.project-showcase__visual--queue{padding:var(--space-lg);background:linear-gradient(135deg, var(--color-accent), transparent 58%), var(--color-graphite-2)}@supports (color:color-mix(in lab, red, red)){.project-showcase__visual--queue{background:linear-gradient(135deg, color-mix(in oklab, var(--color-accent) 9%, transparent), transparent 58%), var(--color-graphite-2)}}.mockup-panel{border-radius:calc(var(--radius-panel) - .125rem);background:var(--color-paper);grid-template-columns:2.25rem minmax(0,1fr);min-width:0;display:grid;overflow:clip}@supports (color:color-mix(in lab, red, red)){.mockup-panel{background:color-mix(in oklab, var(--color-paper) 88%, var(--color-ink) 12%)}}.mockup-panel{box-shadow:0 1rem 2rem var(--color-outer-black), inset 0 1px 0 var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.mockup-panel{box-shadow:0 1rem 2rem color-mix(in oklab, var(--color-outer-black) 28%, transparent), inset 0 1px 0 color-mix(in oklab, var(--color-ink) 10%, transparent)}}.mockup-panel__rail{padding:var(--space-md) 0;background:var(--color-paper);align-content:start;justify-items:center;gap:.4rem;display:grid}@supports (color:color-mix(in lab, red, red)){.mockup-panel__rail{background:color-mix(in oklab, var(--color-paper) 76%, var(--color-outer-black) 24%)}}.mockup-dot{border-radius:var(--radius-pill);background:var(--color-muted);width:.3rem;height:.3rem}.mockup-panel__body{align-content:start;gap:var(--space-lg);min-width:0;padding:clamp(var(--space-md), 3vw, 2rem);display:grid}.mockup-panel__topline{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--color-ink-2);font-size:var(--text-sm);font-weight:600;display:flex}.mockup-chip{border-radius:var(--radius-pill);background:var(--color-accent);padding:.35rem .55rem}@supports (color:color-mix(in lab, red, red)){.mockup-chip{background:color-mix(in oklab, var(--color-accent) 18%, transparent)}}.mockup-chip{color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:600}.mockup-stat-grid{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mockup-stat-grid span{min-height:4.5rem;padding:var(--space-sm);border-radius:var(--radius-control);background:var(--color-paper-3)}@supports (color:color-mix(in lab, red, red)){.mockup-stat-grid span{background:color-mix(in oklab, var(--color-paper-3) 70%, transparent)}}.mockup-stat-grid span{color:var(--color-muted);font-size:var(--text-xs)}.mockup-table,.mockup-signal-lines,.mockup-queue-list{gap:var(--space-sm);display:grid}.mockup-table i,.mockup-signal-lines i,.mockup-queue-list i{border-radius:var(--radius-pill);background:var(--color-muted);min-height:.65rem;display:block}@supports (color:color-mix(in lab, red, red)){.mockup-table i,.mockup-signal-lines i,.mockup-queue-list i{background:color-mix(in oklab, var(--color-muted) 25%, transparent)}}.mockup-table i:nth-child(2),.mockup-signal-lines i:nth-child(2),.mockup-queue-list i:nth-child(2){width:82%}.mockup-table i:nth-child(3),.mockup-signal-lines i:nth-child(3),.mockup-queue-list i:nth-child(3){width:68%}.mockup-table i:nth-child(4),.mockup-queue-list i:nth-child(4){width:52%}.mockup-panel--trading,.mockup-panel--queue{padding:clamp(var(--space-md), 3vw, 2rem);grid-template-columns:minmax(0,1fr);align-content:space-between}.mockup-orbit{aspect-ratio:1;border:1px solid var(--color-accent);place-items:center;width:min(11rem,62%);margin:auto;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.mockup-orbit{border:1px solid color-mix(in oklab, var(--color-accent) 28%, transparent)}}.mockup-orbit{border-radius:var(--radius-pill)}.mockup-orbit:before,.mockup-orbit:after{content:"";border:1px solid var(--color-accent);position:absolute;inset:14%}@supports (color:color-mix(in lab, red, red)){.mockup-orbit:before,.mockup-orbit:after{border:1px solid color-mix(in oklab, var(--color-accent) 20%, transparent)}}.mockup-orbit:before,.mockup-orbit:after{border-radius:inherit}.mockup-orbit:after{inset:30%}.mockup-orbit span{border-radius:var(--radius-pill);background:var(--color-accent);width:.55rem;height:.55rem;box-shadow:0 0 1rem var(--color-accent);position:absolute}@supports (color:color-mix(in lab, red, red)){.mockup-orbit span{box-shadow:0 0 1rem color-mix(in oklab, var(--color-accent) 45%, transparent)}}.mockup-orbit span:first-child{inset-block-start:12%;inset-inline-start:20%}.mockup-orbit span:nth-child(2){inset-block-end:18%;inset-inline-end:18%}.mockup-orbit span:nth-child(3){inset-block-start:46%;inset-inline-end:5%}.mockup-signal-lines{align-content:end}.mockup-signal-lines i{background:linear-gradient(90deg, var(--color-accent), var(--color-muted));min-height:.85rem}@supports (color:color-mix(in lab, red, red)){.mockup-signal-lines i{background:linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 52%, transparent), color-mix(in oklab, var(--color-muted) 20%, transparent))}}.mockup-queue-list i{background:var(--color-paper-3);min-height:2.7rem}@supports (color:color-mix(in lab, red, red)){.mockup-queue-list i{background:color-mix(in oklab, var(--color-paper-3) 76%, transparent)}}.project-showcase__split{gap:clamp(var(--space-2xl), 4vw, 3.5rem);display:grid}.project-grid{gap:var(--space-lg);display:grid}.project-card{border-radius:var(--radius-panel);background:var(--color-paper-3);min-width:0;overflow:clip}@supports (color:color-mix(in lab, red, red)){.project-card{background:color-mix(in oklab, var(--color-paper-3) 76%, var(--color-premium-black) 24%)}}.project-card{box-shadow:0 1rem 2rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.project-card{box-shadow:0 1rem 2rem color-mix(in oklab, var(--color-outer-black) 28%, transparent)}}.project-card{transition:transform var(--dur-short) var(--ease-out), background var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out)}.project-card--linked{color:inherit;text-decoration:none}.project-card__chrome{padding:var(--space-md) var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-ink);align-items:center;gap:.4rem;display:flex}@supports (color:color-mix(in lab, red, red)){.project-card__chrome{border-block-end:var(--rule-hair) solid color-mix(in oklab, var(--color-ink) 8%, transparent)}}.project-card__chrome span{border-radius:var(--radius-pill);background:var(--color-accent);width:.38rem;height:.38rem}.project-card__chrome span:nth-child(2){background:var(--color-ink-2)}.project-card__chrome span:nth-child(3){background:var(--color-muted)}.project-card__body{align-content:start;gap:var(--space-md);min-height:14.5rem;padding:var(--space-lg);display:grid}.project-card__eyebrow{color:var(--color-muted);font-family:var(--font-satoshi);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;line-height:1.2}.project-card h3{max-width:18ch;font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.05}.project-card__body>p:not(.project-card__eyebrow){max-width:34ch;color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}.project-card__tags{gap:var(--space-xs);flex-wrap:wrap;margin:auto 0 0;padding:0;list-style:none;display:flex}.project-card__tags li{border:var(--rule-hair) solid var(--color-ink);padding:.3rem .5rem}@supports (color:color-mix(in lab, red, red)){.project-card__tags li{border:var(--rule-hair) solid color-mix(in oklab, var(--color-ink) 16%, transparent)}}.project-card__tags li{border-radius:var(--radius-control);color:var(--color-muted);font-family:var(--font-satoshi);letter-spacing:.04em;text-transform:uppercase;font-size:.58rem;line-height:1}.project-grid__cta{align-items:center;gap:var(--space-sm);width:max-content;min-height:2.75rem;margin:var(--space-xl) auto 0;padding-inline:var(--space-lg);border-radius:var(--radius-pill);background:var(--color-premium-black);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.project-grid__cta{background:color-mix(in oklab, var(--color-premium-black) 74%, var(--color-ink) 26%)}}.project-grid__cta{color:var(--color-ink-2);font-family:var(--font-satoshi);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;transition:background var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);line-height:1}.project-card{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.project-card__media{aspect-ratio:1.24;background:var(--color-graphite-2);min-height:0;box-shadow:0 1rem 2rem var(--color-outer-black);border-radius:1rem;place-items:center;display:grid;position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.project-card__media{box-shadow:0 1rem 2rem color-mix(in oklab, var(--color-outer-black) 24%, transparent)}}.project-card__media{transition:transform var(--dur-short) var(--ease-out)}.project-card__media>img{z-index:0;object-fit:contain;object-position:center}.project-card__media span{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.project-card__media span{color:color-mix(in oklab, var(--color-muted) 72%, transparent)}}.project-card__media span{font-family:var(--font-satoshi);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.project-card__media--inventory{background:linear-gradient(145deg, var(--color-accent), transparent 58%), var(--color-graphite-2)}@supports (color:color-mix(in lab, red, red)){.project-card__media--inventory{background:linear-gradient(145deg, color-mix(in oklab, var(--color-accent) 12%, transparent), transparent 58%), var(--color-graphite-2)}}.project-card__media--trading{background:radial-gradient(circle at 60% 35%, var(--color-accent), transparent 46%), var(--color-graphite-2)}@supports (color:color-mix(in lab, red, red)){.project-card__media--trading{background:radial-gradient(circle at 60% 35%, color-mix(in oklab, var(--color-accent) 16%, transparent), transparent 46%), var(--color-graphite-2)}}.project-card__media--queue>img,.project-card__media--stock>img,.project-card__media--antrean>img,.project-card__media--padikita>img{z-index:2;object-fit:contain;object-position:center;box-shadow:0 .55rem .9rem -.55rem var(--color-outer-black), 0 1.7rem 3.2rem -1.15rem var(--color-outer-black);background:0 0;border:0;border-radius:.7rem;width:calc(100% - 1.56rem)!important;height:calc(100% - 1.64rem)!important;inset:.82rem .78rem!important}@supports (color:color-mix(in lab, red, red)){.project-card__media--queue>img,.project-card__media--stock>img,.project-card__media--antrean>img,.project-card__media--padikita>img{box-shadow:0 .55rem .9rem -.55rem color-mix(in oklab, var(--color-outer-black) 52%, transparent), 0 1.7rem 3.2rem -1.15rem color-mix(in oklab, var(--color-outer-black) 82%, transparent)}}.project-card__media--queue>img,.project-card__media--stock>img,.project-card__media--antrean>img,.project-card__media--padikita>img{transform-origin:bottom;transition:box-shadow var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);transform:translateY(-.26rem)}.project-card__media--queue:before,.project-card__media--stock:before,.project-card__media--antrean:before,.project-card__media--padikita:before{z-index:0;content:"";pointer-events:none;border-radius:.8rem;position:absolute;inset:0}.project-card__media--queue:after,.project-card__media--stock:after,.project-card__media--antrean:after,.project-card__media--padikita:after{z-index:1;background:var(--color-outer-black);border-radius:50%;position:absolute;inset:48% 10% 4%}@supports (color:color-mix(in lab, red, red)){.project-card__media--queue:after,.project-card__media--stock:after,.project-card__media--antrean:after,.project-card__media--padikita:after{background:color-mix(in oklab, var(--color-outer-black) 68%, transparent)}}.project-card__media--queue:after,.project-card__media--stock:after,.project-card__media--antrean:after,.project-card__media--padikita:after{content:"";filter:blur(1.05rem);opacity:.7;pointer-events:none;transform:translateY(.75rem)scaleX(.9)}.project-card__media--stock{background:var(--color-paper-3)}.project-card__media--stock:before{background:linear-gradient(145deg, var(--color-outer-black), var(--color-outer-black)), url(/portfolio/project-frame-stockroom.png) center / cover no-repeat}@supports (color:color-mix(in lab, red, red)){.project-card__media--stock:before{background:linear-gradient(145deg, color-mix(in oklab, var(--color-outer-black) 12%, transparent), color-mix(in oklab, var(--color-outer-black) 30%, transparent)), url(/portfolio/project-frame-stockroom.png) center / cover no-repeat}}.project-card__media--queue{background:var(--color-paper-3)}.project-card__media--queue:before{background:linear-gradient(145deg, var(--color-outer-black), var(--color-outer-black)), url(/portfolio/project-frame-aethra.png) center / cover no-repeat}@supports (color:color-mix(in lab, red, red)){.project-card__media--queue:before{background:linear-gradient(145deg, color-mix(in oklab, var(--color-outer-black) 10%, transparent), color-mix(in oklab, var(--color-outer-black) 34%, transparent)), url(/portfolio/project-frame-aethra.png) center / cover no-repeat}}.project-card__media--antrean{background:var(--color-paper-3)}.project-card__media--antrean:before{background:linear-gradient(145deg, var(--color-outer-black), var(--color-outer-black)), url(/portfolio/project-frame-antreanx.png) center / cover no-repeat}@supports (color:color-mix(in lab, red, red)){.project-card__media--antrean:before{background:linear-gradient(145deg, color-mix(in oklab, var(--color-outer-black) 8%, transparent), color-mix(in oklab, var(--color-outer-black) 30%, transparent)), url(/portfolio/project-frame-antreanx.png) center / cover no-repeat}}.project-card__media--padikita{background:var(--color-graphite-2)}.project-card__media--padikita:before{background:linear-gradient(145deg, var(--color-outer-black), var(--color-outer-black)), url(/portfolio/project-frame-padikita.png) center / cover no-repeat}@supports (color:color-mix(in lab, red, red)){.project-card__media--padikita:before{background:linear-gradient(145deg, color-mix(in oklab, var(--color-outer-black) 7%, transparent), color-mix(in oklab, var(--color-outer-black) 34%, transparent)), url(/portfolio/project-frame-padikita.png) center / cover no-repeat}}.project-card__body{gap:var(--space-xs);min-height:0;padding:var(--space-md) var(--space-2xs) 0}.project-card h3{max-width:none;font-family:var(--font-satoshi);font-size:var(--text-sm);letter-spacing:.018em;font-weight:700;line-height:1.2}.project-card__body>p:not(.project-card__eyebrow){max-width:none;font-family:var(--font-satoshi);font-size:var(--text-xs);letter-spacing:.015em;font-weight:500;line-height:1.4}.experience-gallery-frame{padding:clamp(var(--space-sm), 2vw, var(--space-lg));background:var(--color-paper-3);border-radius:clamp(1.1rem,2vw,1.5rem);position:relative}@supports (color:color-mix(in lab, red, red)){.experience-gallery-frame{background:color-mix(in oklab, var(--color-paper-3) 64%, var(--color-premium-black) 36%)}}.experience-gallery-frame{box-shadow:inset 0 1px 0 var(--color-ink), 0 1.25rem 2.5rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.experience-gallery-frame{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-ink) 7%, transparent), 0 1.25rem 2.5rem color-mix(in oklab, var(--color-outer-black) 34%, transparent)}}.experience-gallery-frame.is-detail{box-shadow:none;background:0 0;padding:0}.experience-gallery-frame .experience-feature{gap:clamp(2rem,5vw,4.5rem)}.experience-collage{background:var(--color-graphite-2);min-height:clamp(18rem,48vw,30rem);box-shadow:inset 0 1px 0 var(--color-ink), 0 .28rem 0 var(--color-outer-black), 0 1rem 2rem var(--color-outer-black);border-radius:clamp(.8rem,1.5vw,1.1rem);margin:0;position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.experience-collage{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-ink) 8%, transparent), 0 .28rem 0 color-mix(in oklab, var(--color-outer-black) 32%, transparent), 0 1rem 2rem color-mix(in oklab, var(--color-outer-black) 24%, transparent)}}.experience-collage__image{position:absolute;inset:0}.experience-collage__montage{background:var(--color-graphite-2);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;height:100%;display:grid}.experience-collage__montage img{object-fit:cover;filter:none;width:100%!important;height:100%!important;position:relative!important}.experience-collage__montage--internship{background:url(/portfolio/magang-01.jpeg) 50%/cover no-repeat;display:block;position:relative;overflow:hidden}.experience-collage__montage--internship img{min-width:0;min-height:0;width:auto!important;height:auto!important;position:absolute!important}.experience-collage__montage--internship>img{object-fit:cover;width:100%!important;height:100%!important;inset:0!important;transform:none!important}.experience-collage__montage--internship>span{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.experience-collage__montage--internship>span img{object-fit:cover;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;transform:none!important}.experience-collage__montage--single>span{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.experience-collage__montage--single>span img{object-fit:cover;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.experience-collage__montage--single>*{width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.experience-collage__montage--single img{object-fit:cover;transform:none;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.experience-collage__image img{object-fit:cover;filter:none;transition:filter var(--dur-long) var(--ease-out);will-change:transform}.experience-collage__trigger{z-index:2;padding:var(--space-md);background:linear-gradient(135deg, var(--color-outer-black), transparent 52%, var(--color-outer-black));justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.experience-collage__trigger{background:linear-gradient(135deg, color-mix(in oklab, var(--color-outer-black) 46%, transparent), transparent 52%, color-mix(in oklab, var(--color-outer-black) 52%, transparent))}}.experience-collage__trigger{color:var(--color-ink);cursor:pointer;opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.experience-collage__trigger>span{align-items:center;gap:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-outer-black);padding:.35rem .55rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.experience-collage__trigger>span{background:color-mix(in oklab, var(--color-outer-black) 68%, transparent)}}.experience-collage__trigger>span{font-family:var(--font-satoshi);font-size:var(--text-xs);letter-spacing:.04em;transition:transform var(--dur-short) var(--ease-out);font-weight:500;line-height:1;transform:translateY(-.25rem)}.experience-collage__caption{z-index:3;gap:var(--space-xs);pointer-events:none;padding:clamp(var(--space-md), 2vw, var(--space-lg));background:linear-gradient(180deg, transparent 0%, var(--color-outer-black) 100%);justify-items:start;padding-block-end:var(--space-sm);display:grid;position:absolute;inset-block-end:0;inset-inline:0}@supports (color:color-mix(in lab, red, red)){.experience-collage__caption{background:linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--color-outer-black) 84%, transparent) 100%)}}.experience-collage__caption .experience-card__eyebrow{color:var(--color-ink)}.experience-collage__caption h3{color:var(--color-ink);font-family:var(--font-satoshi);letter-spacing:.045em;font-size:clamp(.92rem,1.25vw,1.15rem);font-weight:700;line-height:1.12}.experience-collage__caption p{color:var(--color-ink-2);font-family:var(--font-satoshi);font-size:var(--text-xs);letter-spacing:.015em;font-weight:500;line-height:1.45}.experience-detail{z-index:2;gap:clamp(var(--space-xl), 4vw, 3.25rem);background:var(--color-paper-2);border-radius:clamp(.8rem,1.5vw,1.1rem);grid-template-rows:auto minmax(0,1fr);min-height:clamp(25rem,42vw,28rem);padding:clamp(1.25rem,3vw,2.25rem);display:grid;position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.experience-detail{background:color-mix(in oklab, var(--color-paper-2) 82%, var(--color-premium-black) 18%)}}.experience-detail{box-shadow:inset 0 1px 0 var(--color-ink), 0 1rem 2rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.experience-detail{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-ink) 6%, transparent), 0 1rem 2rem color-mix(in oklab, var(--color-outer-black) 18%, transparent)}}.experience-detail__accent{width:4.25rem;height:var(--rule-heavy);border-radius:0 0 var(--radius-pill) var(--radius-pill);background:var(--color-rule-strong);position:absolute;inset-block-start:0;inset-inline-start:clamp(1.25rem,3vw,2.25rem)}.experience-detail--internship .experience-detail__accent{background:var(--color-brand-telkom)}.experience-gallery-frame:not(.is-detail) .experience-detail{display:none}.experience-gallery-frame.is-detail .experience-grid{z-index:1;opacity:1;pointer-events:none;visibility:visible;position:absolute;inset:0;transform:none}.experience-gallery-frame.is-detail .experience-collage{transition:opacity .46s var(--ease-out), transform .52s var(--ease-in-out)}.experience-gallery-frame.is-detail .experience-collage:not(.is-selected){opacity:0;transform:scale(.88)}.experience-gallery-frame.is-detail .experience-collage.is-selected{z-index:2}.experience-detail__topline{z-index:3;align-items:start;gap:clamp(var(--space-md), 2.5vw, var(--space-xl));grid-template-columns:minmax(0,1fr) auto 2.5rem;display:grid;position:static}.experience-detail__brand{align-items:center;gap:var(--space-md);min-width:0;display:flex}.experience-detail__visual{aspect-ratio:1;border-radius:var(--radius-control);background:var(--color-paper-3);width:clamp(3rem,5vw,3.6rem);box-shadow:inset 0 1px 0 var(--color-ink), 0 .5rem 1.25rem var(--color-outer-black);flex:none;display:grid;position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.experience-detail__visual{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-ink) 8%, transparent), 0 .5rem 1.25rem color-mix(in oklab, var(--color-outer-black) 20%, transparent)}}.experience-detail__visual img{object-fit:contain;padding:.35rem}.experience-detail--community .experience-detail__visual img{object-fit:cover;padding:0}.experience-detail__close{border-radius:var(--radius-pill);width:1.5rem;height:1.5rem;color:var(--color-muted);background:0 0;place-items:center;display:grid;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}@supports (color:color-mix(in lab, red, red)){.experience-detail__close{color:color-mix(in oklab, var(--color-muted) 64%, var(--color-paper) 36%)}}.experience-detail__close{cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-size:1.45rem;line-height:1}.experience-detail__close:active{transform:scale(.96)}.experience-detail__close:disabled,.experience-detail__close[aria-disabled=true]{cursor:not-allowed;opacity:.48;pointer-events:none}.experience-detail__content{z-index:3;align-items:start;gap:clamp(var(--space-xl), 4vw, 3rem);grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);display:grid;position:relative}.experience-detail__context{border-inline-start:var(--rule-hair) solid var(--color-ink);min-width:0;padding-inline-start:clamp(var(--space-lg), 3vw, var(--space-xl))}@supports (color:color-mix(in lab, red, red)){.experience-detail__context{border-inline-start:var(--rule-hair) solid color-mix(in oklab, var(--color-ink) 12%, transparent)}}.experience-detail__eyebrow{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:500;line-height:1.2}.experience-detail__heading h3{min-width:0;max-width:none;font-family:var(--font-satoshi);letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(1.3rem,2.2vw,1.65rem);font-weight:700;line-height:1.05}.experience-detail__meta{align-self:center;gap:clamp(var(--space-md), 2vw, var(--space-lg));grid-template-columns:minmax(5.5rem,.78fr) minmax(10.5rem,1.32fr) minmax(9.5rem,1fr);width:min(100%,31rem);display:grid}.experience-detail__meta>div:last-child{padding-inline-start:var(--space-xs)}.experience-detail__meta dt{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:500;line-height:1.2}.experience-detail__meta dd{color:var(--color-ink-2);font-size:var(--text-sm);letter-spacing:0;white-space:nowrap;margin-block-start:var(--space-2xs);line-height:1.35}.experience-detail__work{min-width:0}.experience-detail__learning-block{gap:var(--space-sm);padding-block-start:var(--space-2xs);display:grid}.experience-detail__work-block{gap:var(--space-md);display:grid}.experience-detail__work h4,.experience-detail__learning-block h4{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:.64rem;font-weight:600;line-height:1.3}.experience-detail__learning{max-width:31ch;color:var(--color-ink-2);margin:0}@supports (color:color-mix(in lab, red, red)){.experience-detail__learning{color:color-mix(in oklab, var(--color-ink-2) 86%, var(--color-muted) 14%)}}.experience-detail__learning{letter-spacing:0;text-wrap:pretty;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.58}.experience-detail__work ol{align-content:start;margin:0;padding:0;list-style:none;display:grid}.experience-detail__work li{gap:var(--space-md);padding-block:clamp(var(--space-sm), 1.2vw, var(--space-md));box-shadow:inset 0 var(--rule-hair) 0 var(--color-ink);grid-template-columns:2.25rem minmax(0,1fr);display:grid}@supports (color:color-mix(in lab, red, red)){.experience-detail__work li{box-shadow:inset 0 var(--rule-hair) 0 color-mix(in oklab, var(--color-ink) 9%, transparent)}}.experience-detail__work li{color:var(--color-ink-2);letter-spacing:0;font-size:clamp(.94rem,1.4vw,1.05rem);line-height:1.48}.experience-detail__point-index{color:var(--color-ink-2)}@supports (color:color-mix(in lab, red, red)){.experience-detail__point-index{color:color-mix(in oklab, var(--color-ink-2) 62%, var(--color-muted) 38%)}}.experience-detail__point-index{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:.7rem;line-height:2}.experience-grid{gap:clamp(var(--space-sm), 1.8vw, var(--space-lg));transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-long) var(--ease-out);display:grid}.experience-card{min-width:0}.experience-card__media{aspect-ratio:1.15;background:var(--color-graphite-2);min-height:13rem;box-shadow:0 1rem 2rem var(--color-outer-black);border-radius:clamp(.8rem,1.5vw,1.1rem);place-items:center;display:grid;position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.experience-card__media{box-shadow:0 1rem 2rem color-mix(in oklab, var(--color-outer-black) 26%, transparent)}}.experience-card__media>span{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.experience-card__media>span{color:color-mix(in oklab, var(--color-muted) 72%, transparent)}}.experience-card__media>span{font-family:var(--font-satoshi);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.experience-card__media--telkom{background:linear-gradient(145deg, var(--color-ink), transparent 60%), var(--color-graphite-2)}@supports (color:color-mix(in lab, red, red)){.experience-card__media--telkom{background:linear-gradient(145deg, color-mix(in oklab, var(--color-ink) 11%, transparent), transparent 60%), var(--color-graphite-2)}}.experience-card__media--organization{background:radial-gradient(circle at 70% 28%, var(--color-muted), transparent 42%), var(--color-graphite-2)}@supports (color:color-mix(in lab, red, red)){.experience-card__media--organization{background:radial-gradient(circle at 70% 28%, color-mix(in oklab, var(--color-muted) 24%, transparent), transparent 42%), var(--color-graphite-2)}}.experience-card__media--community{background:linear-gradient(135deg, var(--color-ink), transparent 62%), var(--color-graphite-2)}@supports (color:color-mix(in lab, red, red)){.experience-card__media--community{background:linear-gradient(135deg, color-mix(in oklab, var(--color-ink) 8%, transparent), transparent 62%), var(--color-graphite-2)}}.experience-card__overlay{z-index:var(--z-base);gap:var(--space-xs);padding:clamp(var(--space-md), 2vw, var(--space-lg));background:linear-gradient(180deg, transparent 0%, var(--color-outer-black) 100%);display:grid;position:absolute;inset-block-end:0;inset-inline:0}@supports (color:color-mix(in lab, red, red)){.experience-card__overlay{background:linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--color-outer-black) 78%, transparent) 100%)}}.experience-card__eyebrow{color:var(--color-ink);font-family:var(--font-satoshi);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:400;line-height:1}.experience-card__overlay h3{color:var(--color-ink);font-family:var(--font-satoshi);letter-spacing:.012em;font-size:clamp(.95rem,1.45vw,1.2rem);font-weight:700;line-height:1.15}.experience-card__overlay p{color:var(--color-ink-2);font-family:var(--font-satoshi);font-size:var(--text-xs);letter-spacing:.015em;font-weight:500;line-height:1.5}.experience-simple{padding:clamp(4rem, 8vw, 7rem) var(--page-gutter);border-block-start:var(--rule-hair) solid var(--color-ink);gap:clamp(1.5rem,3vw,2.5rem);display:grid}@supports (color:color-mix(in lab, red, red)){.experience-simple{border-block-start:var(--rule-hair) solid color-mix(in oklab, var(--color-ink) 16%, transparent)}}.experience-simple{background:var(--color-premium-black);color:var(--color-ink-2)}.experience-simple__head h2{font-size:var(--text-2xl);line-height:1.05}.experience-simple__head .experience-simple__note{max-width:30ch;color:var(--color-muted);margin:0}@supports (color:color-mix(in lab, red, red)){.experience-simple__head .experience-simple__note{color:color-mix(in oklab, var(--color-muted) 72%, var(--color-premium-black) 28%)}}.experience-simple__head .experience-simple__note{font-size:.95rem;line-height:1.5}.home-exploring{padding:clamp(4rem, 8vw, 6rem) var(--page-gutter);border-block-start:var(--rule-hair) solid var(--color-rule)}.home-exploring__head{justify-items:center;gap:var(--space-sm);text-align:center;display:grid}.home-exploring__eyebrow{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.55rem}.home-exploring__head h2{color:var(--color-ink);font-size:var(--text-2xl);letter-spacing:-.035em;line-height:1.05}.home-exploring__head>p{max-width:62ch;color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.home-exploring__head>p{color:color-mix(in oklab, var(--color-muted) 76%, var(--color-premium-black) 24%)}}.home-exploring__head>p{font-size:.95rem;line-height:1.6}.home-exploring__network{aspect-ratio:1.9;width:min(100%,58rem);margin:clamp(2.5rem,6vw,4.5rem) auto 0;position:relative;transform:translateY(-4rem)}.home-exploring__network svg{width:100%;height:100%;position:absolute;inset:0}.home-exploring__network path{fill:none;stroke:var(--color-rule-strong);stroke-width:1.25px;stroke-linecap:round}.home-exploring__network-base{stroke-width:1.2px;stroke-dasharray:1;stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset 1.45s var(--ease-in-out), opacity .22s var(--ease-out), stroke .22s var(--ease-out);stroke:#c4c1ba!important}.home-exploring__network-reveal[data-network-state=connected] .home-exploring__network-base{stroke-dashoffset:0}.home-exploring__network-base:first-of-type,.home-exploring__network-base:nth-of-type(4){transition-delay:0s}.home-exploring__network-base:nth-of-type(2),.home-exploring__network-base:nth-of-type(5){transition-delay:.42s}.home-exploring__network-base:nth-of-type(3),.home-exploring__network-base:nth-of-type(6){transition-delay:.84s}.home-exploring__network-center{aspect-ratio:1;border:var(--rule-hair) solid var(--color-rule-strong);background:var(--color-premium-black);width:clamp(7rem,17vw,9.5rem);color:var(--color-ink-2);font-family:var(--font-display);letter-spacing:-.02em;text-align:center;box-shadow:0 0 0 .8rem var(--color-premium-black), 0 0 0 1rem var(--color-rule-strong);border-radius:50%;align-content:center;gap:0;font-size:clamp(.82rem,1.5vw,1.1rem);line-height:1.05;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.home-exploring__network-center{box-shadow:0 0 0 .8rem color-mix(in oklab, var(--color-premium-black) 72%, transparent), 0 0 0 1rem color-mix(in oklab, var(--color-rule-strong) 18%, transparent)}}.home-exploring__network-center:after{border:var(--rule-hair) solid var(--color-ink);position:absolute;inset:.5rem}@supports (color:color-mix(in lab, red, red)){.home-exploring__network-center:after{border:var(--rule-hair) solid color-mix(in oklab, var(--color-ink) 25%, transparent)}}.home-exploring__network-center:after{border-radius:inherit;content:"";animation:home-exploring-center-breathe 4.5s var(--ease-in-out) infinite alternate}.home-exploring__network-center span{z-index:1;display:block;position:relative}@keyframes home-exploring-center-breathe{0%{opacity:.4;transform:scale(.96)}to{opacity:.8;transform:scale(1.04)}}.home-exploring__network-node{--shift-x:0px;--shift-y:0px;aspect-ratio:1;width:clamp(4.5rem,9vw,6rem);transform:translate(calc(-50% + var(--shift-x)), calc(-50% + var(--shift-y)));border:var(--rule-hair) solid var(--color-rule-strong);background:var(--color-paper-3);border-radius:50%;align-content:center;place-items:center;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.home-exploring__network-node{background:color-mix(in oklab, var(--color-paper-3) 20%, var(--color-premium-black) 80%)}}.home-exploring__network-node{text-align:center;transition:opacity .22s var(--ease-out), border-color .22s var(--ease-out)}.home-exploring__network-node strong{max-width:8ch;color:var(--color-ink-2);font-size:clamp(.58rem,1vw,.72rem);font-weight:500;line-height:1.2}.home-exploring__network-node--lt{top:22%;left:11%}.home-exploring__network-node--lm{top:50%;left:11.5%}.home-exploring__network-node--lb{top:78%;left:11%}.home-exploring__network-node--rt{top:22%;left:89%}.home-exploring__network-node--rm{top:50%;left:88.5%}.home-exploring__network-node--rb{top:78%;left:89%}.home-exploring__network-node--lt,.home-exploring__network-node--lb{--shift-x:-.2rem}.home-exploring__network-node--rt,.home-exploring__network-node--rb{--shift-x:.2rem}.home-exploring__network-node--lt,.home-exploring__network-node--rt{--shift-y:-.2rem}.home-exploring__network-node--lb,.home-exploring__network-node--rb{--shift-y:.2rem}.home-exploring__closing{max-width:40ch;color:var(--color-ink-2);text-align:center;margin:2rem auto 0;font-size:1.25rem;line-height:1.5}.home-exploring__bridge{border-radius:var(--radius-panel);background:var(--color-paper-3);border:0;width:min(100%,58rem);min-height:clamp(10rem,18vw,14rem);margin:2rem auto 0;position:relative}@supports (color:color-mix(in lab, red, red)){.home-exploring__bridge{background:color-mix(in oklab, var(--color-paper-3) 60%, var(--color-premium-black) 40%)}}.home-exploring__bridge{box-shadow:0 1rem 2.5rem var(--color-outer-black), inset 0 1px 0 var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.home-exploring__bridge{box-shadow:0 1rem 2.5rem color-mix(in oklab, var(--color-outer-black) 46%, transparent), inset 0 1px 0 color-mix(in oklab, var(--color-ink) 5%, transparent)}}.home-tools-title{width:min(100%,58rem);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.035em;text-align:center;margin:4.5rem auto 0;line-height:1.05;position:relative}.home-tools-layout{transform:translateY(2rem)}.home-tools-title:before{width:100vw;height:var(--rule-hair);background:var(--color-rule);content:"";inset-block-start:-6rem;position:absolute;left:50%;transform:translate(-50%)}.home-tools-subtitle{color:var(--color-muted);text-align:center;margin:.9rem auto 0;font-size:.9rem}.home-tools-row{padding-inline:var(--page-gutter);flex-wrap:wrap;justify-content:center;margin:3rem auto 2rem;display:flex;transform:translateY(3rem)}.home-tools-item{border:1px solid var(--color-paper-3);place-items:center;width:clamp(3.4rem,6vw,4.5rem);height:clamp(3.4rem,6vw,4.5rem);margin-inline-start:-.35rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.home-tools-item{border:1px solid color-mix(in oklab, var(--color-paper-3) 58%, var(--color-premium-black) 42%)}}.home-tools-item{background:var(--color-paper-3);border-radius:.75rem}@supports (color:color-mix(in lab, red, red)){.home-tools-item{background:color-mix(in oklab, var(--color-paper-3) 48%, var(--color-premium-black) 52%)}}.home-tools-item{box-shadow:0 1rem 1.8rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.home-tools-item{box-shadow:0 1rem 1.8rem color-mix(in oklab, var(--color-outer-black) 36%, transparent)}}.home-tools-item{transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);transform:rotate(-5deg)}.home-tools-item:nth-child(2n){transform:rotate(4deg)}.home-tools-item:first-child,.home-tools-item:last-child{transform:translateY(.45rem)rotate(-5deg)}.home-tools-item:nth-child(2),.home-tools-item:nth-last-child(2){transform:translateY(.28rem)rotate(4deg)}.home-tools-item:nth-child(3),.home-tools-item:nth-last-child(3){transform:translateY(.14rem)rotate(-5deg)}.home-tools-item img{object-fit:contain;width:2rem;height:2rem}.home-tools-item:first-child img{filter:brightness(0)invert()}@media (hover:hover) and (pointer:fine){.home-tools-item:hover{z-index:2;box-shadow:0 1.25rem 2rem var(--color-outer-black);transform:translateY(-.7rem)rotate(-5deg)}@supports (color:color-mix(in lab, red, red)){.home-tools-item:hover{box-shadow:0 1.25rem 2rem color-mix(in oklab, var(--color-outer-black) 48%, transparent)}}.home-tools-item:nth-child(2n):hover{transform:translateY(-.7rem)rotate(4deg)}.home-tools-item:before{content:"";opacity:0;pointer-events:none;width:0;height:0;transition:opacity .18s var(--ease-out);inset-block-start:-.42rem;border-block-start:.34rem solid #fff;border-inline:.34rem solid #0000;position:absolute;left:50%;transform:translate(-50%)}.home-tools-item:after{color:#111;content:attr(data-tool);font-family:var(--font-body);letter-spacing:-.01em;opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);white-space:nowrap;box-shadow:0 .4rem 1rem var(--color-outer-black);inset-block-start:-2.15rem;background:#fff;border:0;border-radius:.45rem;padding:.32rem .7rem;font-size:.72rem;font-weight:500;position:absolute;left:50%;transform:translate(-50%,.25rem)}@supports (color:color-mix(in lab, red, red)){.home-tools-item:after{box-shadow:0 .4rem 1rem color-mix(in oklab, var(--color-outer-black) 28%, transparent)}}.home-tools-item:hover:before,.home-tools-item:hover:after{opacity:1}.home-tools-item:hover:after{transform:translate(-50%)}}.home-exploring__bridge:before{width:100vw;height:var(--rule-hair);background:var(--color-rule);content:"";inset-block-start:-7.25rem;position:absolute;left:50%;transform:translate(-50%)}.home-exploring__bridge>span{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:.5rem}.home-exploring__bridge p{color:var(--color-ink-2);font-size:clamp(.9rem,1.5vw,1.1rem)}.home-exploring__bridge>div{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;flex-wrap:wrap;align-items:center;gap:.7rem;font-size:.48rem;display:flex}.home-exploring__bridge b{color:var(--color-ink-2);font-weight:400}@media (hover:hover) and (pointer:fine){.home-exploring__network-base{transition-delay:0s!important}.home-exploring__network:has(.home-exploring__network-node:hover) .home-exploring__network-node{opacity:.24}.home-exploring__network-node:hover{border-color:#dedbd3}.home-exploring__network:has(.home-exploring__network-node:hover) .home-exploring__network-base{stroke:var(--color-rule-strong);opacity:.12;transition-delay:0s}:is(.home-exploring__network:has(.home-exploring__network-node--lt:hover) .home-exploring__network-node--lt,.home-exploring__network:has(.home-exploring__network-node--lm:hover) .home-exploring__network-node--lm,.home-exploring__network:has(.home-exploring__network-node--lb:hover) .home-exploring__network-node--lb,.home-exploring__network:has(.home-exploring__network-node--rt:hover) .home-exploring__network-node--rt,.home-exploring__network:has(.home-exploring__network-node--rm:hover) .home-exploring__network-node--rm,.home-exploring__network:has(.home-exploring__network-node--rb:hover) .home-exploring__network-node--rb){opacity:1}:is(.home-exploring__network:has(.home-exploring__network-node--lt:hover) .home-exploring__network-base:first-of-type,.home-exploring__network:has(.home-exploring__network-node--lm:hover) .home-exploring__network-base:nth-of-type(2),.home-exploring__network:has(.home-exploring__network-node--lb:hover) .home-exploring__network-base:nth-of-type(3),.home-exploring__network:has(.home-exploring__network-node--rt:hover) .home-exploring__network-base:nth-of-type(4),.home-exploring__network:has(.home-exploring__network-node--rm:hover) .home-exploring__network-base:nth-of-type(5),.home-exploring__network:has(.home-exploring__network-node--rb:hover) .home-exploring__network-base:nth-of-type(6)){stroke:var(--color-ink-2);opacity:1;transition-delay:0s}}.exploring-now{padding:clamp(4rem, 9vw, 7rem) var(--page-gutter);border-block:var(--rule-hair) solid var(--color-rule)}.exploring-now__layout{grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);align-items:end;gap:clamp(3rem,8vw,7rem);max-width:64rem;margin-inline:auto;display:grid}.exploring-now__story{min-width:0}.exploring-now__visual{aspect-ratio:1.35;background:0 0;border:0;width:min(100%,23rem);margin:0 auto clamp(2.5rem,5vw,4rem);position:relative;overflow:clip}.exploring-now__animation{object-fit:contain;filter:grayscale()contrast(.9);opacity:.78}.exploring-now__eyebrow{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-block-end:var(--space-sm);font-size:.55rem}.exploring-now h2{color:var(--color-ink);letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1}.exploring-now__story>p{max-width:47ch;color:var(--color-muted);margin-block-start:var(--space-lg);font-size:.88rem;line-height:1.7}.exploring-now__timeline{min-width:0}.exploring-now__timeline-head{justify-content:space-between;gap:var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule-strong);color:var(--color-ink-2);font-family:var(--font-mono);letter-spacing:.08em;padding-block-end:var(--space-md);font-size:.52rem;display:flex}.exploring-now__timeline-head small{color:var(--color-muted);font-family:var(--font-body);letter-spacing:0;font-size:.65rem}.exploring-now__timeline-list{gap:.55rem;padding-block-start:var(--space-lg);display:grid;position:relative}.exploring-now__timeline-list:before{inset-block:var(--space-lg) var(--space-lg);width:var(--rule-hair);background:var(--color-rule-strong);content:"";position:absolute;inset-inline-start:.52rem}.exploring-now__timeline-item{grid-template-columns:1.65rem minmax(0,1fr);align-items:start;gap:.45rem;min-width:0;display:grid;position:relative}.exploring-now__timeline-marker{z-index:1;border:var(--rule-hair) solid var(--color-muted);background:var(--color-premium-black);width:1.05rem;height:1.05rem;color:var(--color-ink-2);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.58rem;line-height:1;display:grid}.exploring-now__timeline-item>div{border:1px solid var(--color-paper-3);min-width:0;padding:.7rem .85rem}@supports (color:color-mix(in lab, red, red)){.exploring-now__timeline-item>div{border:1px solid color-mix(in oklab, var(--color-paper-3) 48%, var(--color-premium-black) 52%)}}.exploring-now__timeline-item>div{background:var(--color-paper-3);border-radius:.75rem}@supports (color:color-mix(in lab, red, red)){.exploring-now__timeline-item>div{background:color-mix(in oklab, var(--color-paper-3) 54%, var(--color-premium-black) 46%)}}.exploring-now__timeline-item>div{box-shadow:0 .6rem 1.15rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.exploring-now__timeline-item>div{box-shadow:0 .6rem 1.15rem color-mix(in oklab, var(--color-outer-black) 18%, transparent)}}.exploring-now__timeline-item header{justify-content:space-between;gap:var(--space-sm);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;font-size:.43rem;display:flex}.exploring-now__timeline-item h3{color:var(--color-ink-2);letter-spacing:-.015em;margin-block-start:.65rem;font-size:.9rem}.exploring-now__timeline-item p{color:var(--color-muted);margin-block-start:.25rem;font-size:.64rem;line-height:1.45}@media (max-width:39.999rem){.home-exploring__network{aspect-ratio:1.1}.home-exploring__network-node{width:4.2rem}.exploring-now__layout{gap:var(--space-3xl);grid-template-columns:1fr}.exploring-now__visual{width:min(100%,20rem)}}.scroll-reveal{--reveal-before-x:0;--reveal-before-y:1rem;--reveal-after-x:0;--reveal-after-y:-1rem;--reveal-scale:1;opacity:0;transform:translate3d(var(--reveal-before-x), var(--reveal-before-y), 0) scale(var(--reveal-scale));transition:opacity var(--dur-long) var(--ease-out), transform var(--dur-long) var(--ease-out);transition-delay:0s}.scroll-reveal[data-reveal=visible]{opacity:1;transition-delay:var(--reveal-delay,0s);transform:translate(0)scale(1)}.scroll-reveal[data-reveal=after]{transform:translate3d(var(--reveal-after-x), var(--reveal-after-y), 0) scale(var(--reveal-scale))}.scroll-reveal--up{--reveal-before-y:1.25rem;--reveal-after-y:-1.25rem}.scroll-reveal--fade{--reveal-before-y:.65rem;--reveal-after-y:-.65rem}.scroll-reveal--scale{--reveal-before-y:1rem;--reveal-after-y:-1rem;--reveal-scale:.985}.scroll-reveal--side{--reveal-before-x:-1rem;--reveal-before-y:0;--reveal-after-x:1rem;--reveal-after-y:0}.experience-gallery-frame-wrap{min-width:0}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transition:opacity var(--dur-micro) var(--ease-out);transform:none}.home-exploring__network-base{stroke-dashoffset:0}.home-exploring__network-center:after{animation:none}}@media (min-width:60rem){.work-simple__head .work-simple__note{position:relative;top:1rem}.experience-simple__head .experience-simple__note{position:relative;top:3rem;transform:none}.experience-simple{padding-block-start:calc(clamp(4rem,8vw,7rem) - 2rem)}}.experience-feature{gap:clamp(2rem,5vw,4.5rem);display:grid}.experience-feature__media{aspect-ratio:1.35;border-radius:var(--radius-panel);background:linear-gradient(145deg, var(--color-ink), transparent 62%), radial-gradient(circle at 74% 28%, var(--color-muted), transparent 42%), var(--color-graphite-2);justify-self:start;place-items:center;width:min(100%,24rem);min-height:0;display:grid;overflow:clip}@supports (color:color-mix(in lab, red, red)){.experience-feature__media{background:linear-gradient(145deg, color-mix(in oklab, var(--color-ink) 9%, transparent), transparent 62%), radial-gradient(circle at 74% 28%, color-mix(in oklab, var(--color-muted) 22%, transparent), transparent 42%), var(--color-graphite-2)}}.experience-feature__media{box-shadow:inset 0 1px 0 var(--color-ink), 0 1rem 2rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.experience-feature__media{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-ink) 7%, transparent), 0 1rem 2rem color-mix(in oklab, var(--color-outer-black) 25%, transparent)}}.experience-feature__media span{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.experience-feature__media span{color:color-mix(in oklab, var(--color-muted) 72%, transparent)}}.experience-feature__media span{font-family:var(--font-satoshi);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.experience-feature__content{align-content:center;gap:var(--space-lg);justify-self:center;width:100%;max-width:none;display:grid}.experience-feature__index{color:var(--color-muted);font-family:var(--font-satoshi);letter-spacing:.08em;font-size:.62rem;line-height:1}.experience-feature__content h3{max-width:none;font-family:var(--font-satoshi);letter-spacing:.012em;font-size:clamp(1.45rem,2.6vw,2.1rem);font-weight:700;line-height:1.08}.experience-feature__content>p{max-width:none;color:var(--color-ink-2);font-family:var(--font-satoshi);letter-spacing:.02em;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:500;line-height:1.5}.experience-feature__meta{gap:var(--space-md);margin-block-start:var(--space-sm);display:grid}.experience-feature__meta div{gap:var(--space-2xs);display:grid}.experience-feature__meta dt{color:var(--color-muted);font-family:var(--font-satoshi);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;line-height:1}.experience-feature__meta dd{color:var(--color-ink-2);font-size:var(--text-xs);line-height:1.4}.contact-simple{gap:var(--space-2xl);padding:var(--space-3xl) var(--page-gutter) var(--space-4xl);background:var(--color-premium-black);color:var(--color-ink-2);display:grid}.contact-simple p{max-width:52ch;font-size:var(--text-md)}.contact-simple a{justify-content:space-between;align-items:center;gap:var(--space-lg);border-block-end:var(--rule-heavy) solid var(--color-accent);width:min(100%,12ch);min-height:3.5rem;color:var(--color-ink);font-family:var(--font-satoshi);font-size:var(--text-3xl);white-space:nowrap;transition:transform var(--dur-short) var(--ease-out);font-weight:700;line-height:1;display:inline-flex}.contact-simple a span{color:var(--color-accent);font-size:var(--text-lg)}.footer-line{width:min(100%, var(--page-max));gap:var(--space-md);padding:var(--space-lg) var(--page-gutter);border-block-start:var(--rule-hair) solid var(--color-rule);background:var(--color-premium-black);color:var(--color-muted);font-size:var(--text-sm);flex-direction:column;margin-inline:auto;display:flex}.footer-line a{width:max-content;color:var(--color-ink);white-space:nowrap}@media (hover:hover) and (pointer:fine){.footer-line a:hover{color:var(--color-accent)}.theme-toggle:hover{background:var(--color-premium-black)}@supports (color:color-mix(in lab, red, red)){.theme-toggle:hover{background:color-mix(in oklab, var(--color-premium-black) 88%, var(--color-ink) 12%)}}.site-nav__links a:hover{color:var(--color-ink);opacity:1}.project-card:hover{box-shadow:none;background:0 0;transform:none}.project-card:hover .project-card__media{transform:translateY(-.2rem)}.project-card:hover .project-card__media>img{box-shadow:0 .7rem 1rem -.55rem var(--color-outer-black), 0 2.1rem 3.8rem -1.2rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.project-card:hover .project-card__media>img{box-shadow:0 .7rem 1rem -.55rem color-mix(in oklab, var(--color-outer-black) 58%, transparent), 0 2.1rem 3.8rem -1.2rem color-mix(in oklab, var(--color-outer-black) 88%, transparent)}}.project-card:hover .project-card__media>img{transform:translateY(-.46rem)}.experience-collage:hover .experience-collage__image img{transform:scale(1.045)}.experience-collage:hover .experience-collage__trigger,.experience-collage__trigger:focus-visible{opacity:1}.experience-collage:hover .experience-collage__trigger>span,.experience-collage__trigger:focus-visible>span{transform:translateY(0)}.experience-detail__close:hover{color:var(--color-ink-2);background:0 0}.profile-actions a:hover{background:var(--color-premium-black)}@supports (color:color-mix(in lab, red, red)){.profile-actions a:hover{background:color-mix(in oklab, var(--color-premium-black) 88%, var(--color-ink) 12%)}}.profile-actions a:hover{box-shadow:inset 0 1px 0 var(--color-ink), 0 .24rem 0 var(--color-outer-black), 0 .6rem .8rem var(--color-outer-black)}@supports (color:color-mix(in lab, red, red)){.profile-actions a:hover{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-ink) 5%, transparent), 0 .24rem 0 color-mix(in oklab, var(--color-outer-black) 58%, transparent), 0 .6rem .8rem color-mix(in oklab, var(--color-outer-black) 22%, transparent)}}.profile-actions a:hover{transform:translateY(-1px)}.profile-actions a:hover .profile-action__icon{transform:translate(.12rem)}.profile-actions a:first-child:hover{background:linear-gradient(135deg, var(--color-premium-black), var(--color-premium-black))}@supports (color:color-mix(in lab, red, red)){.profile-actions a:first-child:hover{background:linear-gradient(135deg, color-mix(in oklab, var(--color-premium-black) 82%, var(--color-ink) 18%), color-mix(in oklab, var(--color-premium-black) 92%, var(--color-ink) 8%))}}.profile-actions a:not(:first-child):hover{border-color:var(--color-ink-2);background:var(--color-premium-black)}@supports (color:color-mix(in lab, red, red)){.profile-actions a:not(:first-child):hover{background:color-mix(in oklab, var(--color-premium-black) 94%, var(--color-ink) 6%)}}.profile-actions a:first-child:hover .profile-action__icon{transform:translateY(.1rem)}.contact-simple a:hover{transform:translateY(-1px)}}.footer-socials{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);min-height:6.5rem;padding:2.4rem var(--page-gutter) .35rem;background:var(--color-premium-black);color:var(--color-ink-2);border:0;margin-block-end:clamp(1.25rem,2.5vw,2rem);display:flex;position:relative}.footer-socials__signature{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;font-size:.7rem}.footer-socials span.footer-socials__signature{width:auto;height:auto;margin-block-end:0;display:block;transform:translateY(2.5rem)}.footer-socials__icons{align-items:center;gap:.25rem;display:flex}.footer-socials__icons>span,.footer-socials__icons>a{flex:0 0 1.75rem}.footer-socials__icons>span[aria-label=Discord]{display:none}.footer-socials__icons>a{width:1.75rem;height:1.75rem;color:inherit;place-items:center;text-decoration:none;transition:transform .24s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(3rem)}.footer-socials__icons>a svg{width:1rem;height:1rem}.footer-socials__icons>a:hover,.footer-socials__icons>span:hover{transform:translateY(2.6rem)}.footer-socials:before{height:var(--rule-hair);background:var(--color-rule);content:"";position:absolute;inset-block-start:5.85rem;inset-inline:0}.footer-socials span{place-items:center;width:1.75rem;height:1.75rem;display:grid}.footer-socials__wordmark{color:currentColor;font-family:var(--font-display);font-size:1.55rem;font-weight:400;line-height:1}.footer-socials__threads{font-family:var(--font-body);font-size:1.55rem;font-weight:500}.footer-socials span{transition:transform .24s cubic-bezier(.22,1,.36,1);transform:translateY(3rem)}.footer-socials svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.55rem;height:1.55rem}.footer-socials__icons>a[aria-label=X] svg,.footer-socials__icons>a[aria-label=Threads] svg{width:1rem;height:1rem}.footer-socials__icons>a[aria-label=GitHub] svg,.footer-socials__icons>a[aria-label=Instagram] svg{width:1.55rem;height:1.55rem}.footer-socials .footer-socials__brand-path{fill:currentColor;stroke:none}.footer-socials__icons>a[aria-label=Threads] svg{stroke-width:2.15px}.footer-socials__icons>a[aria-label=GitHub] svg path,.footer-socials svg .footer-socials__fill{fill:currentColor;stroke:none}@media (min-width:40rem){.footer-line{flex-direction:row;justify-content:space-between;align-items:center}.experience-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch}.experience-grid .experience-collage:first-child{grid-area:1/1/-1;min-height:clamp(18rem,36vw,24rem)}.experience-grid .experience-collage:not(:first-child){grid-column:2;min-height:clamp(8rem,18vw,11.5rem)}}@media (min-width:40rem) and (max-width:59.999rem){.experience-detail__topline{grid-template-columns:minmax(0,1fr)}.experience-detail__brand{padding-inline-end:3rem}.experience-detail__meta{grid-area:2/1/auto/-1;width:100%}}@media (max-width:39.999rem){.site-nav{min-height:4rem;padding-inline:var(--space-md);gap:var(--space-md);margin-block-end:-4rem}.site-nav__greeting{font-size:var(--text-sm)}.site-nav__links{justify-self:end;gap:var(--space-sm)}.site-nav__links a{font-size:.68rem}.profile-hero h1{max-width:none}.experience-detail__content{gap:var(--space-xl);grid-template-columns:1fr}.experience-detail{gap:var(--space-xl);min-height:0;padding:var(--space-lg)}.experience-detail__topline{grid-template-columns:minmax(0,1fr)}.experience-detail__brand{padding-inline-end:3rem}.experience-detail__meta{gap:var(--space-md);grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr);width:100%}.experience-detail__meta>div:last-child{padding-inline-start:0}.experience-detail__meta dd{white-space:normal}.experience-detail__work{box-shadow:none;padding-block-start:0;padding-inline-start:0}.experience-detail__context{box-shadow:inset 0 var(--rule-hair) 0 var(--color-ink);border-inline-start:0;padding-block-start:var(--space-lg);padding-inline-start:0}@supports (color:color-mix(in lab, red, red)){.experience-detail__context{box-shadow:inset 0 var(--rule-hair) 0 color-mix(in oklab, var(--color-ink) 10%, transparent)}}.experience-detail__visual{width:3rem}.experience-detail__close{inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}}@media (max-width:22rem){.experience-detail__brand{gap:var(--space-xs);padding-inline-end:2.75rem}.experience-detail__visual{width:2.5rem}.experience-detail__heading h3{font-size:1.18rem}}@media (min-width:60rem){.profile-card{grid-template-columns:minmax(0,1.28fr) minmax(14rem,.72fr);align-items:center;gap:clamp(2rem,4vw,4rem);transform:translateY(-3.75rem)}.profile-hero__media{grid-area:1/2;justify-items:stretch;padding-block-start:0;transform:translate(1.5rem)}.profile-hero__content{grid-area:1/1;align-content:start;align-self:start;padding-block-start:0;transform:none}.project-showcase__split{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-feature{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.experience-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:stretch}.experience-grid .experience-collage:first-child{grid-area:1/1/-1;min-height:clamp(24rem,32vw,29rem)}.experience-grid .experience-collage:not(:first-child){grid-column:2;min-height:clamp(10rem,16vw,13.5rem)}.experience-card:first-child{grid-column:1/-1}.experience-card:first-child .experience-card__media{aspect-ratio:2.5}.experience-card:not(:first-child) .experience-card__media{aspect-ratio:1.5}.experience-simple__head{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-simple__head h2{text-align:right;grid-column:2;justify-self:end}.experience-feature__content{grid-area:1/1;justify-self:start}.experience-feature__media{grid-area:1/2;justify-self:end}.work-simple__head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}.work-simple__tools{justify-content:flex-end}.about-process__head{align-items:end;gap:clamp(var(--space-xl), 5vw, 4.5rem);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.about-process__principles{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr))}.about-process__context{grid-template-columns:minmax(7rem,1fr) minmax(0,3fr);align-items:baseline}.contact-simple{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}.contact-simple a{justify-self:end}}.about-page main{padding-block:clamp(5.5rem,9vw,7.5rem) clamp(3.5rem,7vw,5.5rem)}.about-page__kicker,.about-page__overline{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:.66rem;font-weight:500;line-height:1.3}.about-page__kicker{margin-block-end:var(--space-lg)}.about-intro,.about-thinking,.about-building,.about-now,.about-closing{width:min(calc(100% - (var(--page-gutter) * 2)), 64rem);margin-inline:auto}.about-intro__heading{max-width:37rem}.about-intro__heading h1,.about-section-heading h2,.about-now h2{color:var(--color-ink);letter-spacing:-.028em;text-wrap:balance;margin-block-start:0;font-size:clamp(1.75rem,3.8vw,3.25rem);line-height:1.02}.about-intro__grid{align-items:end;gap:clamp(var(--space-xl), 6vw, 4.5rem);grid-template-columns:minmax(15rem,.85fr) minmax(0,1.15fr);margin-block-start:clamp(2.5rem,6vw,4rem);display:grid}.about-intro__grid>*,.about-building__grid>*,.about-intro__copy{min-width:0}.about-portrait{aspect-ratio:.88;border-radius:var(--radius-card);background:var(--color-paper-3);width:min(100%,15rem);margin:0;position:relative;overflow:clip}.about-portrait img{object-fit:cover;filter:saturate(.78)contrast(1.04)}.about-portrait figcaption{inset:auto var(--space-md) var(--space-md);color:var(--color-on-graphite-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;position:absolute}.about-intro__copy{gap:var(--space-lg);max-width:38rem;padding-block-end:var(--space-md);display:grid}.about-intro__copy p,.about-section-heading>p,.about-now>p{color:var(--color-ink-2);font-size:clamp(.94rem,1.2vw,1.05rem);line-height:1.62}.about-thinking,.about-building,.about-now{border-block-start:var(--rule-hair) solid var(--color-rule);margin-block-start:clamp(5.5rem,10vw,8rem);padding-block-start:clamp(1.5rem,3vw,2.25rem)}.about-section-heading{max-width:43rem}.about-section-heading h2,.about-now h2{font-size:clamp(1.6rem,3.2vw,2.7rem);line-height:1.05}.about-principles{gap:clamp(var(--space-lg), 3vw, 2.5rem);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:clamp(2.25rem,5vw,3.5rem);display:grid}.about-principle{align-content:start;gap:var(--space-sm);border-block-start:var(--rule-hair) solid var(--color-rule-strong);padding-block-start:var(--space-md);display:grid}.about-principle__index{color:var(--color-accent);font-family:var(--font-mono);font-size:.68rem}.about-principle h3{font-size:clamp(1.1rem,2vw,1.35rem)}.about-principle p{max-width:22ch;color:var(--color-muted);line-height:1.6}.about-building__grid{align-items:center;gap:clamp(var(--space-xl), 6vw, 4.5rem);grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);display:grid}.about-building .about-section-heading>p{max-width:34ch;margin-block-start:var(--space-xl)}.about-process-visual{min-height:15rem;padding:clamp(var(--space-lg), 4vw, 2.5rem);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);position:relative}@supports (color:color-mix(in lab, red, red)){.about-process-visual{background:color-mix(in oklab, var(--color-paper-2) 82%, var(--color-paper) 18%)}}.about-process-visual__labels,.about-process-visual__caption{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:.58rem;display:flex}.about-process-visual__line{inset:4.7rem clamp(var(--space-lg), 4vw, 2.5rem) 4.7rem;border-block-start:var(--rule-hair) solid var(--color-rule-strong);position:absolute}.about-process-visual__line span{background:var(--color-ink-2);width:.4rem;height:.4rem;animation:about-process-signal 4s var(--ease-linear) infinite;border-radius:50%;position:absolute;top:-.2rem;left:0}.about-process-visual ol{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));margin:3.7rem 0 2.7rem;padding:0;list-style:none;display:grid;position:relative}.about-process-visual li{justify-items:center;gap:var(--space-sm);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;display:grid;position:relative}.about-process-visual li:not(:last-child):after{color:var(--color-rule-strong);content:"→";font-family:var(--font-body);letter-spacing:0;font-size:.9rem;position:absolute;inset-block-start:.05rem;inset-inline-end:-.3rem}.about-process-visual__node{border:var(--rule-hair) solid var(--color-rule-strong);background:var(--color-paper-2);border-radius:50%;width:.72rem;height:.72rem}.about-process-visual li.is-active .about-process-visual__node{border-color:var(--color-ink-2);background:var(--color-ink-2)}.about-process-visual__caption{color:var(--color-ink-2);opacity:.72}@keyframes about-process-signal{to{transform:translate(calc(100% - .4rem))}}.about-now>p{max-width:57ch;margin-block-start:var(--space-xl)}.about-closing{justify-content:space-between;align-items:end;gap:var(--space-xl);border-block-start:var(--rule-hair) solid var(--color-rule-strong);margin-block-start:clamp(5.5rem,10vw,8rem);padding-block-start:var(--space-lg);display:flex}.about-closing p{max-width:30ch;color:var(--color-ink);letter-spacing:-.025em;font-size:clamp(1.35rem,3vw,2.4rem);line-height:1.1}.about-closing a{color:var(--color-ink-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.68rem}@media (max-width:39.999rem){.about-page main{padding-block-start:5.5rem}.about-intro,.about-thinking,.about-building,.about-now,.about-closing{width:min(calc(100% - (var(--page-gutter) * 2)), 64rem)}.about-intro__grid,.about-building__grid{gap:var(--space-xl);grid-template-columns:1fr}.about-intro__copy{width:100%}.about-portrait{max-width:15rem}.about-principles{gap:var(--space-lg);grid-template-columns:1fr}.about-principle p{max-width:36ch}.about-process-visual{min-height:15rem}.about-process-visual__caption{font-size:.5rem}.about-closing{flex-direction:column;align-items:start}}.about-story main{width:min(calc(100% - (var(--page-gutter) * 2)), 68rem);margin-inline:auto;padding-block:clamp(6.5rem,11vw,9rem) clamp(4rem,8vw,7rem)}.about-story__eyebrow,.about-story__label{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:.62rem;line-height:1.2}.about-story__eyebrow{border-block-end:var(--rule-hair) solid var(--color-rule);padding-block-end:var(--space-md)}.about-origin__grid{align-items:end;gap:clamp(var(--space-xl), 8vw, 7rem);grid-template-columns:minmax(0,1fr) minmax(14rem,.78fr);min-height:min(42rem,72svh);padding-block:clamp(3rem,7vw,5.5rem) clamp(2rem,5vw,4rem);display:grid}.about-origin__copy{max-width:38rem}.about-origin__copy h1,.about-shift__intro h2,.about-build__intro h2,.about-projects__heading h2,.about-now__copy h2{margin-block:var(--space-md) 0;color:var(--color-ink);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.9rem,4.3vw,4.1rem);line-height:.98}.about-origin__lede,.about-shift__intro p,.about-build__intro p,.about-now__copy>p{max-width:38ch;color:var(--color-ink-2);margin-block-start:var(--space-xl);font-size:clamp(.95rem,1.4vw,1.12rem);line-height:1.65}.about-origin__portrait{align-items:end;gap:var(--space-md);display:flex;position:relative}.about-origin__portrait-frame{aspect-ratio:.84;border-radius:var(--radius-card);background:var(--color-paper-3);width:min(100%,20rem);position:relative;overflow:clip}.about-origin__portrait-frame img{object-fit:cover;filter:saturate(.72)contrast(1.08)}.about-origin__portrait-frame:after{border:var(--rule-hair) solid var(--color-ink);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.about-origin__portrait-frame:after{border:var(--rule-hair) solid color-mix(in oklab, var(--color-ink) 12%, transparent)}}.about-origin__portrait-frame:after{border-radius:inherit;content:"";pointer-events:none}.about-origin__portrait-mark{inset:auto var(--space-md) var(--space-md);z-index:1;color:var(--color-on-graphite-muted);font-family:var(--font-mono);letter-spacing:.1em;font-size:.6rem;position:absolute}.about-origin__side-note{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;padding-block-end:var(--space-md);font-size:.6rem;line-height:1.6}.about-story__shift,.about-story__build,.about-story__projects,.about-story__now{margin-block-start:clamp(6rem,13vw,11rem)}.about-shift__layout{align-items:start;gap:clamp(var(--space-xl), 8vw, 7rem);grid-template-columns:minmax(13rem,.62fr) minmax(0,1.38fr);min-height:168svh;padding-block-start:clamp(3rem,7vw,5rem);display:grid}.about-shift__intro{max-width:23rem;position:sticky;top:clamp(6rem,13vh,9rem)}.about-shift__intro h2,.about-build__intro h2,.about-projects__heading h2,.about-now__copy h2{font-size:clamp(1.65rem,3.2vw,3rem);line-height:1.02}.about-shift__canvas{place-items:center;height:min(36rem,100svh - 10rem);min-height:25rem;display:grid;position:sticky;top:clamp(5.5rem,11vh,8rem)}.about-shift__system{aspect-ratio:1;width:min(100%,34rem);position:relative}.about-shift__orbit{border:var(--rule-hair) solid var(--color-rule);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-shift__orbit--outer{width:96%;height:58%;transform:translate(-50%,-50%)rotate(-12deg)}.about-shift__orbit--inner{border-color:var(--color-rule-strong);width:58%;height:96%;transform:translate(-50%,-50%)rotate(22deg)}.about-shift__signal{width:86%;height:var(--rule-hair);transform-origin:0;background:var(--color-ink-2);position:absolute;top:calc(50% - .03rem);left:7%}.about-shift__stages{position:absolute;inset:0}.about-shift__stage{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:clamp(.55rem,1vw,.7rem);position:absolute}.about-shift__stage--1{top:18%;left:8%}.about-shift__stage--2{top:11%;right:15%}.about-shift__stage--3{top:48%;right:0}.about-shift__stage--4{bottom:11%;right:15%}.about-shift__stage--5{bottom:18%;left:8%}.about-shift__core{gap:var(--space-sm);color:var(--color-ink);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;font-size:.7rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-shift__core strong{color:var(--color-accent);font-size:1.2rem;font-weight:400}.about-build__layout{align-items:center;gap:clamp(var(--space-xl), 7vw, 6rem);grid-template-columns:minmax(0,.76fr) minmax(20rem,1.24fr);padding-block-start:clamp(3rem,6vw,5rem);display:grid}.about-build-system{min-height:19rem;padding:clamp(var(--space-lg), 4vw, 3rem) clamp(var(--space-md), 4vw, 2.5rem);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);position:relative}.about-build-system ol{gap:var(--space-sm);grid-template-columns:repeat(5,minmax(0,1fr));margin:4.5rem 0 3.5rem;padding:0;list-style:none;display:grid;position:relative}.about-build-system li{z-index:1;justify-items:center;gap:var(--space-sm);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-align:center;font-size:.55rem;display:grid;position:relative}.about-build-system li.is-active{color:var(--color-ink-2)}.about-build-system__node{border:var(--rule-hair) solid var(--color-rule-strong);background:var(--color-paper-2);border-radius:50%;width:.75rem;height:.75rem;display:block}.about-build-system li.is-active .about-build-system__node{border-color:var(--color-ink-2);background:var(--color-ink-2)}.about-build-system__path{width:80%;height:var(--rule-hair);transform-origin:0;background:var(--color-rule-strong);position:absolute;top:5rem;left:10%}.about-build-system__path--one{transform:rotate(-3deg)}.about-build-system__path--two{opacity:.35;top:7rem;transform:rotate(3deg)}.about-build-system__path span{background:var(--color-ink-2);width:.35rem;height:.35rem;animation:about-system-flow 3.6s var(--ease-linear) infinite;border-radius:50%;position:absolute;top:-.15rem;left:0}.about-build-system__path--two span{animation-delay:1.4s}.about-build-system>p{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.56rem;display:flex}@keyframes about-system-flow{to{transform:translate(calc(100% - .35rem))}}.about-projects__heading{max-width:38rem;padding-block-start:clamp(2.5rem,5vw,4rem)}.about-projects__list{margin-block-start:clamp(2.5rem,5vw,4rem)}.about-project{align-items:center;gap:var(--space-lg);padding-block:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule);grid-template-columns:2.5rem minmax(0,1fr) minmax(12rem,.8fr);display:grid}.about-project:last-child{border-block-end:var(--rule-hair) solid var(--color-rule)}.about-project__index{color:var(--color-muted);font-family:var(--font-mono);font-size:.6rem}.about-project__flow{align-items:center;gap:var(--space-sm);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;display:flex}.about-project__flow i{color:var(--color-accent);font-size:1rem;font-style:normal}.about-project h3{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.1}.about-project.inventory .about-project__flow i{color:var(--color-brand-telkom)}.about-story__now{align-items:end;gap:clamp(var(--space-xl), 7vw, 6rem);grid-template-columns:minmax(0,.9fr) minmax(18rem,1.1fr);padding-block-end:clamp(4rem,8vw,7rem);display:grid}.about-now__copy>p{max-width:48ch}.about-now__ticker{width:100%;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 14%, var(--color-ink) 86%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 14%, var(--color-ink) 86%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 14%, var(--color-ink) 86%, transparent);mask-image:linear-gradient(90deg, transparent, var(--color-ink) 14%, var(--color-ink) 86%, transparent);font-size:.58rem;display:flex;overflow:clip}.about-now__ticker span{animation:about-ticker 22s var(--ease-linear) infinite;flex-shrink:0;padding-inline-end:2rem}@keyframes about-ticker{to{transform:translate(-100%)}}@media (max-width:39.999rem){.about-story main{padding-block-start:5.5rem}.about-origin__grid,.about-shift__layout,.about-build__layout,.about-story__now{grid-template-columns:1fr}.about-origin__grid{gap:var(--space-xl);min-height:0;padding-block-start:2.5rem}.about-origin__copy h1{font-size:clamp(1.85rem,9vw,2.7rem)}.about-origin__lede{margin-block-start:var(--space-lg)}.about-origin__portrait-frame{width:min(100%,17rem)}.about-origin__side-note{display:none}.about-shift__layout{gap:var(--space-xl);min-height:0;padding-block-start:2.5rem}.about-shift__intro,.about-shift__canvas{position:relative;top:auto}.about-shift__canvas{height:19rem;min-height:0}.about-shift__stage{font-size:.5rem}.about-build__layout{gap:var(--space-xl);padding-block-start:2.5rem}.about-build-system{min-height:17rem;padding-inline:var(--space-sm)}.about-build-system ol{margin-block:4.5rem 3rem}.about-build-system li{font-size:.48rem}.about-project{gap:var(--space-sm);grid-template-columns:2rem minmax(0,1fr)}.about-project__flow{grid-area:1/2;justify-self:end;font-size:.48rem}.about-project h3{grid-area:2/2}.about-story__now{gap:var(--space-xl)}.about-now__ticker{grid-column:1}}.about-minimal main{width:min(calc(100% - (var(--page-gutter) * 2)), 62rem);margin-inline:auto;padding-block:clamp(6rem,10vw,8rem) clamp(4rem,8vw,6rem)}.about-minimal__eyebrow,.about-minimal__label,.about-minimal-intro__meta,.about-minimal-project__index,.about-minimal-project__flow,.about-minimal-system,.about-minimal-shift-rail{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.about-minimal__eyebrow{border-block-end:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);padding-block-end:var(--space-sm);font-size:.6rem}.about-minimal-intro__grid{justify-content:center;align-items:start;gap:var(--space-sm);grid-template-columns:9rem minmax(0,32rem);grid-template-areas:"portrait copy";width:fit-content;max-width:100%;margin-inline:auto;padding-block:clamp(3rem,8vw,6rem) clamp(2rem,5vw,3.5rem);display:grid;transform:translate(3rem,-2.2rem)}.about-minimal-intro__grid>*,.about-minimal-section__grid>*,.about-minimal-project,.about-minimal-project>*{min-width:0}.about-minimal-intro__copy{grid-area:copy;max-width:35rem}.about-minimal__label{color:var(--color-muted);font-size:.6rem}.about-minimal-intro h1,.about-minimal-section h2,.about-minimal-now h2{color:var(--color-ink);letter-spacing:-.03em;text-wrap:balance;margin-block-start:var(--space-md);font-size:clamp(1.35rem,2.6vw,2.35rem);line-height:1.04}.about-minimal-intro__role{color:var(--color-muted);flex-wrap:wrap;gap:.8rem;margin-block-start:1.2rem;display:flex}@supports (color:color-mix(in lab, red, red)){.about-minimal-intro__role{color:color-mix(in oklab, var(--color-muted) 76%, var(--color-premium-black) 24%)}}.about-minimal-intro__role{font-family:var(--font-satoshi);font-size:.78rem;font-weight:500;line-height:1.4}.about-minimal-intro__copy>.about-minimal__label{font-size:.48rem;transform:translateY(.22rem)}.about-minimal-intro__lede{max-width:36ch;color:var(--color-ink-2);margin-block-start:var(--space-xl);font-size:clamp(.95rem,1.35vw,1.08rem);line-height:1.65}.about-minimal-intro__meta{gap:var(--space-md);color:var(--color-muted);flex-wrap:wrap;margin-block-start:clamp(2rem,5vw,3rem);font-size:.55rem;display:flex}.about-minimal-intro__meta span+span:before{color:var(--color-rule-strong);content:"·";margin-inline-end:var(--space-md)}.about-minimal-intro__portrait{grid-area:portrait;min-width:0}.about-minimal-intro__portrait:after{display:none}.about-minimal-intro__portrait-frame{aspect-ratio:1.05;background:var(--color-paper-3);border-radius:1rem;width:min(100%,9rem);position:relative;overflow:clip}.about-minimal-intro__portrait-frame img{object-fit:cover;filter:saturate(.72)contrast(1.05)}.about-minimal-intro__portrait-frame:after{border:var(--rule-hair) solid var(--color-ink);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.about-minimal-intro__portrait-frame:after{border:var(--rule-hair) solid color-mix(in oklab, var(--color-ink) 12%, transparent)}}.about-minimal-intro__portrait-frame:after{border-radius:inherit;content:""}.about-minimal-intro__portrait-frame span{z-index:1;inset:auto var(--space-sm) var(--space-sm);color:var(--color-on-graphite-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.55rem;position:absolute}.about-minimal-intro__lower{width:min(100%, calc(9rem + var(--space-sm) + 32rem - 4rem));grid-template-columns:minmax(0,7fr) minmax(8rem,3fr);max-width:100%;margin:0 auto;display:grid;transform:translate(1rem,-3.5rem)}.about-minimal-intro>.about-minimal-intro__lower .about-minimal-intro__lede{width:auto;max-width:none;color:var(--color-muted);text-align:justify;text-justify:inter-word;margin:0;font-size:.875rem;line-height:1.55}.about-minimal-intro__details{border-inline-start:var(--rule-hair) solid var(--color-rule-strong);color:var(--color-muted);font-family:var(--font-satoshi);align-content:start;gap:1rem;margin-inline-start:var(--space-lg);padding-inline-start:var(--space-lg);font-size:.72rem;line-height:1.4;display:grid}.about-minimal-intro__details div{gap:.2rem;display:grid}.about-minimal-intro__details span{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.about-minimal-intro__details span{color:color-mix(in oklab, var(--color-muted) 72%, var(--color-premium-black) 28%)}}.about-minimal-intro__details span{letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.about-minimal-intro__details strong{color:var(--color-ink-2)}@supports (color:color-mix(in lab, red, red)){.about-minimal-intro__details strong{color:color-mix(in oklab, var(--color-ink-2) 82%, var(--color-premium-black) 18%)}}.about-minimal-intro__details strong{font-size:.78rem;font-weight:500}.about-minimal-intro>.about-minimal__eyebrow{border-block-end:0}.about-minimal .site-nav{background:0 0}.about-minimal-section{margin-block-start:clamp(5rem,11vw,8rem)}.about-minimal-section__grid{gap:var(--space-lg);grid-template-columns:minmax(0,42rem);align-items:start;padding-block:clamp(2rem,5vw,3.5rem);display:grid}.about-minimal-section__grid h2{max-width:30rem;margin-block-start:0;font-size:clamp(1.45rem,2.8vw,2.4rem)}.about-minimal-section__grid p{max-width:38ch;color:var(--color-ink-2);font-size:.95rem;line-height:1.65}.about-minimal-shift-rail{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-block:var(--space-lg);border-block:var(--rule-hair) solid var(--color-rule-strong);color:var(--color-muted);white-space:nowrap;font-size:.55rem;display:flex}.about-minimal-shift-rail i{color:var(--color-accent);font-family:var(--font-body);font-size:1rem;font-style:normal}.about-minimal-system{padding-block:var(--space-lg) var(--space-md);color:var(--color-muted);font-size:.55rem;position:relative}.about-minimal-system__rail{height:var(--rule-hair);background:var(--color-rule-strong);position:absolute;inset-block-start:2.65rem;inset-inline:0}.about-minimal-system__rail span{background:var(--color-ink-2);inset-block-start:-.15rem;border-radius:50%;width:.35rem;height:.35rem;position:absolute;left:0}.about-minimal-system ol{gap:var(--space-sm);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.about-minimal-system li{justify-items:center;gap:var(--space-sm);text-align:center;display:grid}.about-minimal-system li span{border:var(--rule-hair) solid var(--color-rule-strong);background:var(--color-paper-2);border-radius:50%;width:.72rem;height:.72rem;display:block}.about-minimal-system li span.is-active{border-color:var(--color-ink-2);background:var(--color-ink-2)}.about-minimal-system__footer{color:var(--color-muted);justify-content:space-between;margin-block-start:2.25rem;font-size:.5rem;display:flex}.about-minimal-projects{border-block-start:var(--rule-hair) solid var(--color-rule)}.about-minimal-project{align-items:center;gap:var(--space-lg);padding-block:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule);grid-template-columns:2.25rem minmax(0,1fr) minmax(12rem,.85fr);display:grid}.about-minimal-project__index{color:var(--color-muted);font-size:.58rem}.about-minimal-project__name{color:var(--color-ink);font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:600}.about-minimal-project__flow{color:var(--color-muted);overflow-wrap:anywhere;font-size:.52rem;line-height:1.45}.about-minimal-now{border-block-start:var(--rule-hair) solid var(--color-rule-strong);margin-block-start:clamp(6rem,13vw,10rem);padding-block-start:var(--space-lg)}.about-minimal-now h2{max-width:31rem;font-size:clamp(1.7rem,3.3vw,3rem)}.about-minimal-now>p{max-width:47ch;color:var(--color-ink-2);margin-block-start:var(--space-xl);font-size:.98rem;line-height:1.65}.about-minimal-loop{padding-block:var(--space-md);border-block:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 12%, var(--color-ink) 88%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 12%, var(--color-ink) 88%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--color-ink) 12%, var(--color-ink) 88%, transparent);mask-image:linear-gradient(90deg, transparent, var(--color-ink) 12%, var(--color-ink) 88%, transparent);margin-block-start:clamp(3rem,7vw,5rem);font-size:.55rem;display:flex;overflow:clip}.about-minimal-loop span{animation:about-minimal-loop 20s var(--ease-linear) infinite;flex-shrink:0;padding-inline-end:2rem}@keyframes about-minimal-loop{to{transform:translate(-100%)}}@media (max-width:39.999rem){.about-minimal main{padding-block-start:5.5rem}.about-minimal-intro__grid,.about-minimal-section__grid{gap:var(--space-xl);grid-template-columns:1fr}.about-minimal-intro__grid{grid-template-areas:"portrait""copy";transform:none}.about-minimal-intro__lower{grid-template-columns:1fr;transform:none}.about-minimal-intro__details{border-block-start:var(--rule-hair) solid var(--color-rule-strong);border-inline-start:0;margin-block-start:var(--space-lg);margin-inline-start:0;padding-block-start:var(--space-md);padding-inline-start:0}.about-minimal-intro>.about-minimal-intro__lede{transform:none}.about-minimal-intro__grid{padding-block-start:2.5rem}.about-minimal-intro h1{font-size:clamp(1.45rem,7vw,2.1rem)}.about-minimal-intro__portrait{justify-self:start;width:min(100%,11rem)}.about-minimal-intro__portrait-frame{width:100%}.about-minimal-intro__lede,.about-minimal-section__grid p,.about-minimal-now>p{overflow-wrap:anywhere}.about-minimal-shift-rail{padding-block:var(--space-md);flex-wrap:wrap;justify-content:center}.about-minimal-shift-rail span{flex:none}.about-minimal-section__grid{padding-block:1.75rem 2.25rem}.about-minimal-system{padding-inline:0}.about-minimal-system ol{gap:.2rem}.about-minimal-system li{font-size:.45rem}.about-minimal-project{gap:var(--space-sm);grid-template-columns:2rem minmax(0,1fr)}.about-minimal-project__flow{grid-area:2/2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opening-intro,.opening-intro:after,.opening-intro__mark{animation-duration:.12s!important;animation-delay:0s!important}.profile-marquee__track{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.the-path{border-block-start:var(--rule-hair) solid var(--color-rule-strong);margin-block-start:clamp(4rem,8vw,6rem);padding-block:clamp(2.5rem,5vw,4rem)}.the-path>.about-minimal__label{margin-block-end:var(--space-sm)}.the-path__layout{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,4vw,3.5rem);width:100%;display:grid}.the-path__narrative{gap:var(--space-md);flex-direction:column;display:flex}.the-path__narrative h2{font-size:clamp(1.45rem,2.8vw,2.4rem);font-family:var(--font-satoshi);letter-spacing:.012em;color:var(--color-ink);font-weight:700;line-height:1.08}.the-path__narrative .about-minimal-intro__lede{color:var(--color-ink);font-size:.95rem;line-height:1.65}.the-path__body{color:var(--color-ink-2);margin:0;font-size:.92rem;line-height:1.65}.tv-chart{background:var(--color-premium-black);border-radius:1rem;flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.tv-chart{background:color-mix(in oklab, var(--color-premium-black) 96%, var(--color-ink) 4%)}}.tv-chart{border:1px solid var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.tv-chart{border:1px solid color-mix(in oklab, var(--color-ink) 10%, transparent)}}.tv-chart{box-shadow:0 .75rem 2rem var(--color-outer-black);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.tv-chart{box-shadow:0 .75rem 2rem color-mix(in oklab, var(--color-outer-black) 50%, transparent)}}.tv-chart__bar{border-bottom:1px solid var(--color-ink);justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.tv-chart__bar{border-bottom:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent)}}.tv-chart__bar{background:var(--color-premium-black)}@supports (color:color-mix(in lab, red, red)){.tv-chart__bar{background:color-mix(in oklab, var(--color-premium-black) 98%, var(--color-ink) 2%)}}.tv-chart__ticker{align-items:center;gap:.5rem;display:flex}.tv-chart__ticker-symbol{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-ink);font-size:.6rem;font-weight:700}.tv-chart__ticker-range{font-family:var(--font-mono);color:var(--color-muted);font-size:.55rem}.tv-chart__status{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-accent);align-items:center;gap:.35rem;font-size:.52rem;font-weight:600;display:flex}.tv-chart__status-dot{background:var(--color-accent);width:.38rem;height:.38rem;box-shadow:0 0 8px var(--color-accent);border-radius:50%;animation:2s ease-in-out infinite tv-pulse}@keyframes tv-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.tv-chart__canvas{width:100%;padding:.75rem .5rem .25rem;position:relative}.tv-chart__svg{width:100%;height:auto;display:block;overflow:visible}.tv-chart__path-baseline{fill:none;stroke:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.tv-chart__path-baseline{stroke:color-mix(in oklab, var(--color-muted) 60%, var(--color-ink) 40%)}}.tv-chart__path-baseline{stroke-width:1.8px;stroke-dasharray:4 3}.tv-chart__path-exponential{fill:none;stroke:var(--color-accent);stroke-width:2.5px;stroke-linecap:round}.tv-chart__active-scrubber{stroke:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.tv-chart__active-scrubber{stroke:color-mix(in oklab, var(--color-accent) 40%, transparent)}}.tv-chart__active-scrubber{stroke-width:1px;stroke-dasharray:2 2;pointer-events:none}.tv-chart__pointer{pointer-events:none}.tv-chart__pointer-bg{fill:var(--color-premium-black)}@supports (color:color-mix(in lab, red, red)){.tv-chart__pointer-bg{fill:color-mix(in oklab, var(--color-premium-black) 90%, var(--color-ink) 10%)}}.tv-chart__pointer-bg{stroke:var(--color-accent);stroke-width:1px}.tv-chart__pointer-text{fill:var(--color-accent);font-family:var(--font-mono);letter-spacing:.08em;font-size:8.5px;font-weight:700}.tv-chart__node-group{cursor:pointer}.tv-chart__node-circle{fill:var(--color-premium-black);stroke:var(--color-accent);stroke-width:2px;transition:r .2s,fill .2s}.tv-chart__node-group.is-active .tv-chart__node-circle{fill:var(--color-accent)}.tv-chart__x-label{fill:var(--color-muted);font-family:var(--font-mono);font-size:10px;font-weight:500;transition:fill .2s}.tv-chart__x-label.is-active{fill:var(--color-ink);font-weight:700}.tv-chart__footer{border-top:1px solid var(--color-ink);align-items:center;gap:.4rem;padding:.6rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.tv-chart__footer{border-top:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent)}}.tv-chart__footer{background:var(--color-premium-black)}@supports (color:color-mix(in lab, red, red)){.tv-chart__footer{background:color-mix(in oklab, var(--color-premium-black) 98%, var(--color-ink) 2%)}}.tv-chart__footer{font-family:var(--font-mono);font-size:.6rem}.tv-chart__footer-year{color:var(--color-accent);font-weight:700}.tv-chart__footer-sep{color:var(--color-muted)}.tv-chart__footer-label{color:var(--color-ink-2)}@media (max-width:48rem){.the-path__layout{grid-template-columns:1fr;gap:2rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}