@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-border-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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,ui-sans-serif,system-ui,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{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{.relative{position:relative}.block{display:block}.flex{display:flex}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}}:root{--paper:#fcfbf8;--paper-lilac:#f7f4fc;--ink:#29243a;--muted:#777281;--purple:#704bd4;--purple-deep:#5635b0;--purple-pale:#e7defa;--line:#e9e5ed;--lemon:#f1e18a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px}::selection{color:#30214d;background:#ded2ff}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #a38bea}.page-wrap{width:min(1200px,100% - 112px);margin-left:auto;margin-right:auto}.site-shell{background:var(--paper);overflow:clip}.site-header{z-index:40;-webkit-backdrop-filter:blur(17px);background:#fcfbf8e8;border-bottom:1px solid #2a223912;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:83px;display:flex}.brand{flex:none;align-items:center;gap:10px;display:inline-flex}.brand-mark{background:var(--purple);color:#fff;border-radius:13px 13px 13px 5px;place-items:center;width:38px;height:38px;display:grid;position:relative;transform:rotate(-4deg)}.brand-mark>span{margin-top:-2px;font-family:Georgia,Times New Roman,serif;font-size:27px;font-style:italic;line-height:1;transform:rotate(4deg)}.brand-mark i{border:2px solid var(--paper);background:#d6c4fb;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.brand-copy{gap:3px;display:grid}.brand-copy strong{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700}.brand-copy small{color:#898393;letter-spacing:.15em;font-size:8px;font-weight:700}.desktop-nav{align-items:center;gap:clamp(20px,3vw,42px);margin-left:32px;display:flex}.nav-link{color:#777281;padding:10px 0;font-size:12px;font-weight:500;transition:color .18s;position:relative}.nav-link:after{content:"";transform-origin:0;background:#8b6ce0;border-radius:2px;height:2px;transition:transform .18s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link.is-active{color:var(--purple-deep)}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}.header-actions{align-items:center;gap:20px;display:flex}.availability,.aside-overline{color:#6e6a77;letter-spacing:.11em;white-space:nowrap;align-items:center;gap:7px;font-size:8px;font-weight:700;display:inline-flex}.availability i,.aside-overline i{background:#64b795;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #64b79524}.header-contact{color:#43375b;border:1px solid #e1dbea;border-radius:6px;justify-content:center;align-items:center;gap:13px;min-height:39px;padding:0 15px;font-size:11px;font-weight:600;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.header-contact:hover{border-color:var(--purple);color:var(--purple-deep);background:#f5f0ff}.header-contact svg,.text-link svg,.project-title-row svg,.work-bottom-note svg,.experience-aside a svg,.contact-button svg,.modal-contact svg{width:16px;height:16px}.menu-toggle,.mobile-nav{display:none}.hero{grid-template-columns:minmax(0,1.12fr) minmax(355px,.88fr);align-items:center;gap:50px;min-height:640px;padding-top:53px;padding-bottom:91px;display:grid;position:relative}.hero-copy{z-index:2;padding-bottom:13px;position:relative}.eyebrow,.section-kicker{color:#777281;letter-spacing:.14em;align-items:center;font-size:9px;font-weight:700;display:flex}.hero-eyebrow{gap:10px;margin-bottom:27px}.eyebrow-dot{background:#8969dc;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #eee8fb}.eyebrow-separator{color:#c6bfce}.hero h1,.about-heading-row h2,.work-heading-row h2,.experience-heading-row h2,.contact-section h2{letter-spacing:-.06em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero h1{max-width:700px;font-size:clamp(55px,6vw,77px);line-height:1.045}.marker-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#0000 63%,#dcd0ff 63% 91%,#0000 91%);background-position:0 100%;background-repeat:no-repeat;background-size:0% 100%;padding:0 .045em .035em;animation:.96s cubic-bezier(.2,.65,.25,1) .52s forwards marker-sweep;display:inline}.marker-small{background-image:linear-gradient(#0000 62%,#e5d9ff 62% 89%,#0000 89%)}.hero-description{color:#706b7a;max-width:480px;margin:24px 0 0;font-size:14px;line-height:1.95}.hero-actions{align-items:center;gap:27px;margin-top:28px;display:flex}.button{border:0;border-radius:5px;justify-content:center;align-items:center;gap:18px;min-height:49px;padding:0 18px;font-size:11px;font-weight:600;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.button-primary{background:var(--purple);color:#fff;box-shadow:0 7px 17px #5c3db021}.button-primary:hover{background:var(--purple-deep);transform:translateY(-2px);box-shadow:0 9px 21px #5c3db033}.button svg{width:17px;height:17px}.text-link{color:#4c4656;align-items:center;gap:8px;font-size:11px;font-weight:600;transition:color .18s,gap .18s;display:inline-flex}.text-link:hover{color:var(--purple-deep);gap:12px}.hero-footnote{color:#847e8e;align-items:center;gap:12px;margin-top:39px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic;line-height:1.55;display:flex}.hand-drawn-arrow{width:32px;height:32px;color:var(--purple);border:1px solid #e5def0;border-radius:50%;place-items:center;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-style:normal;display:inline-grid;transform:rotate(8deg)}.hero-visual{justify-self:end;width:100%;max-width:460px;height:510px;position:relative}.portrait-backdrop{background:#e9e0fa;border-radius:46% 46% 14px 14px;position:absolute;inset:38px 6px 4px 34px;transform:rotate(2deg)}.portrait-frame{background:#d7c8f2;border-radius:45% 45% 15px 15px;position:absolute;inset:4px 35px 29px 15px;overflow:hidden;box-shadow:0 24px 65px #4d387221}.portrait-image{object-fit:cover;object-position:center 40%;filter:saturate(.82);width:100%;height:100%}.portrait-image-tint{pointer-events:none;background:linear-gradient(#ffffff14,#0000 43%,#482f6e14);position:absolute;inset:0}.hero-sticker{border:5px solid var(--paper);color:#6b4bc2;text-align:center;background:#eee7fc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100px;height:100px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;line-height:1.1;display:flex;position:absolute;top:71px;left:-23px;transform:rotate(-11deg);box-shadow:0 10px 26px #4432671f}.hero-sticker svg{width:19px;height:19px}.hero-caption{color:#797382;letter-spacing:.13em;align-items:center;gap:10px;font-size:7px;font-weight:600;line-height:1.75;display:flex;position:absolute;bottom:6px;left:-1px}.hero-caption b{color:#4f4960;font-size:7px}.caption-rule{background:#a58ade;width:25px;height:1px}.image-index{color:#675c7d;align-items:center;gap:7px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic;display:flex;position:absolute;top:21px;right:2px}.image-index span{background:#bcb1d1;width:27px;height:1px}.image-index:first-letter{color:var(--purple)}.scroll-cue{color:#898391;letter-spacing:.14em;align-items:center;gap:11px;font-size:8px;font-weight:700;transition:color .18s;display:inline-flex;position:absolute;bottom:25px;left:0}.scroll-cue:hover{color:var(--purple-deep)}.scroll-icon{border:1px solid #cfc8d7;border-radius:10px;justify-content:center;width:16px;height:25px;display:flex;position:relative}.scroll-icon i{background:var(--purple);border-radius:2px;width:2px;height:5px;margin-top:4px;animation:1.5s ease-in-out infinite scroll-pulse}.hero-decoration{color:#e0d5f6;font-size:33px;position:absolute;top:29px;right:44%;transform:rotate(17deg)}.proof-strip{background:#f8f6fb;border-top:1px solid #ece8ef;border-bottom:1px solid #ece8ef}.proof-inner{grid-template-columns:1.15fr repeat(3,.8fr) 1.35fr;align-items:center;gap:25px;min-height:122px;display:grid}.proof-intro{color:#777180;letter-spacing:.14em;margin:0;font-size:8px;font-weight:700;line-height:1.8}.proof-intro span{color:var(--purple);padding-left:3px;font-size:12px}.proof-stat{align-items:center;gap:10px;display:flex}.proof-stat strong{color:#433565;letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:400}.proof-stat strong span{color:#8f71da;font-size:20px}.proof-stat>span{color:#827c8a;letter-spacing:.1em;font-size:7px;font-weight:700;line-height:1.7}.proof-note{color:#615b6e;text-align:right;justify-self:end;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic;line-height:1.55}.proof-note span{color:#898392;font-size:11px}.section-pad{padding-top:106px;padding-bottom:112px}.section-kicker{color:#827b8c;letter-spacing:.16em;gap:11px;font-size:8px}.section-kicker>span{color:var(--purple);letter-spacing:.04em;font-size:10px;font-weight:700}.section-kicker>i{background:#cec6dc;width:23px;height:1px}.about-heading-row,.work-heading-row,.experience-heading-row{justify-content:space-between;align-items:flex-end;gap:30px;margin-top:25px;display:flex}.about-heading-row h2,.work-heading-row h2,.experience-heading-row h2{font-size:clamp(43px,5vw,61px);line-height:1.12}.section-side-note{color:#837e8b;margin:0 0 7px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;line-height:1.7}.about-grid{grid-template-columns:minmax(0,1.03fr) minmax(330px,.83fr);align-items:start;gap:clamp(55px,9vw,125px);margin-top:49px;display:grid}.about-copy{padding-top:2px}.about-lead{color:#433c50;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.1vw,27px);line-height:1.58}.about-lead em{color:#6d4cc5;font-weight:400}.about-body{color:#777281;max-width:540px;margin:21px 0 0;font-size:12px;line-height:2}.toolkit-row{gap:13px;margin-top:32px;display:grid}.toolkit-row>span{color:#837d8b;letter-spacing:.13em;font-size:8px;font-weight:700}.toolkit-chips{flex-wrap:wrap;gap:7px;display:flex}.toolkit-chips b{color:#625b6d;background:#fffefa;border:1px solid #e8e2f0;border-radius:20px;padding:8px 11px;font-size:9px;font-weight:500}.principles-card{background:#f4f0fa;border:1px solid #654c9d14;border-radius:6px 6px 6px 21px;padding:27px 28px 21px;position:relative;box-shadow:0 15px 38px #3a2d530b}.principles-card:before{content:"";background:#e7ddf9;width:50px;height:13px;position:absolute;top:-6px;left:32px;transform:rotate(-4deg)}.principles-top{color:#857d90;letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.principles-top svg{color:#8a6cdb;width:22px;height:22px}.principles-card h3{color:#393146;max-width:270px;margin:14px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:400;line-height:1.3}.principle{border-top:1px solid #e5dfed;grid-template-columns:25px 1fr 19px;align-items:center;gap:10px;min-height:67px;display:grid}.principle>span:first-child{color:#8d73c4;align-self:start;padding-top:19px;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic}.principle p{color:#807989;margin:0;font-size:9px;line-height:1.65}.principle p b{color:#473f53;font-size:10px;font-weight:600}.principle-glyph{color:#997fe0;text-align:right;font-family:Georgia,Times New Roman,serif;font-size:16px}.principles-signature{color:#8b8491;text-align:right;margin-top:11px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic}.principles-signature span{color:#6e4fc5;font-size:19px}.work-section{background:#f7f5fa}.work-heading-row{align-items:flex-end;margin-top:24px}.work-intro{color:#7d7785;margin:10px 0 0;font-size:12px;line-height:1.7}.project-filters{background:#ffffffb3;border:1px solid #ebe6f0;border-radius:6px;flex:none;gap:4px;padding:4px;display:flex}.filter-button{color:#827b8b;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:8px 11px;font-size:9px;transition:background .16s,color .16s,box-shadow .16s}.filter-button:hover{color:#4e4169}.filter-button.is-active{color:#fff;background:#6e4bd0;box-shadow:0 2px 5px #5636a821}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:34px;display:grid}.project-card{cursor:pointer;text-align:left;background:0 0;border:0;min-width:0;padding:0;display:block}.project-art-wrap{aspect-ratio:1.045;isolation:isolate;border-radius:6px;transition:box-shadow .22s,transform .22s;position:relative;overflow:hidden}.project-card:hover .project-art-wrap{transform:translateY(-4px);box-shadow:0 15px 35px #2f244324}.project-art{transition:transform .43s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;overflow:hidden}.project-card:hover .project-art{transform:scale(1.035)}.art-karsa{background-color:#e8e0fb;background-image:radial-gradient(circle at 15% 80%,#ffffff6b 0 13%,#0000 13.3%),linear-gradient(142deg,#e8e0fb 0%,#d8c9f1 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.art-orbit{border:1px solid #7353ab2b;border-radius:50%;width:190px;height:190px;position:absolute}.orbit-one{top:-71px;right:-46px}.orbit-two{width:140px;height:140px;top:-46px;right:-20px}.art-floating-label{color:#55436d;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;position:absolute;top:25px;left:23px}.art-floating-label span{color:#8161d0;font-size:15px}.finance-card{background:#fffffff2;border:1px solid #fffc;border-radius:10px;width:67%;max-width:230px;min-height:68%;padding:15px 16px;position:absolute;top:20%;left:20%;transform:rotate(-5deg);box-shadow:0 16px 34px #442f732e}.finance-top{color:#938b9c;justify-content:space-between;align-items:center;font-size:12px;display:flex}.mini-logo{color:#fff;background:#8062d3;border-radius:7px;place-items:center;width:21px;height:21px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:700;display:grid}.finance-caption{color:#918a99;letter-spacing:.12em;margin-top:18px;font-size:6px;font-weight:700;display:block}.finance-card>strong{color:#322a3e;letter-spacing:-.04em;margin-top:5px;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,1.6vw,21px);font-weight:400;display:block}.finance-chart{border-bottom:1px solid #eeeaf2;align-items:flex-end;gap:5px;height:63px;margin-top:15px;padding-bottom:8px;display:flex}.finance-chart i{background:#c4b4ee;border-radius:4px 4px 1px 1px;flex:1}.finance-chart i:first-child{height:29%}.finance-chart i:nth-child(2){height:45%}.finance-chart i:nth-child(3){height:34%}.finance-chart i:nth-child(4){height:58%}.finance-chart i:nth-child(5){height:51%}.finance-chart i:nth-child(6){height:72%}.finance-chart i:nth-child(7){height:56%}.finance-chart i:nth-child(8){height:77%}.finance-chart i:nth-child(9){height:66%}.finance-chart i:nth-child(10){background:#8565d6;height:92%}.finance-bottom{color:#80798a;justify-content:space-between;margin-top:12px;font-size:7px;display:flex}.finance-bottom b{color:#6b4fc0}.finance-progress{background:#ede8f5;border-radius:4px;height:4px;margin-top:6px;overflow:hidden}.finance-progress i{background:#9b82dc;border-radius:4px;width:72%;height:100%;display:block}.karsa-sticker{color:#61502e;text-align:center;background:#faedb1;border:1px solid #ffffffbf;border-radius:50%;align-content:center;width:69px;height:69px;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic;line-height:1.04;display:grid;position:absolute;bottom:9%;right:8%;transform:rotate(8deg)}.karsa-sticker span{font-family:Arial,Helvetica,sans-serif;font-size:12px;position:absolute;bottom:7px;right:8px}.art-ruang{background-color:#e9d0bc;background-image:radial-gradient(at 15% 100%,#ffffff5e 0 23%,#0000 23.5%),linear-gradient(140deg,#e9d0bc,#f0dacc);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.ruang-badge{z-index:2;color:#684e41;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;position:absolute;top:25px;left:23px}.ruang-badge span{color:#9c725e}.ruang-window{background:#fffdfa;border:1px solid #ffffffd9;border-radius:6px;width:73%;height:81%;padding:13px 15px;position:absolute;top:16%;right:7%;transform:rotate(3deg);box-shadow:0 14px 32px #5c3c2a26}.ruang-nav{color:#9a8a81;justify-content:space-between;align-items:center;font-size:5px;display:flex}.ruang-logo{color:#9f614b;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:700}.ruang-window>p{color:#573e34;letter-spacing:-.05em;margin:13px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,2.5vw,28px);line-height:.98}.ruang-search{color:#aa9d95;border:1px solid #eee3db;border-radius:3px;justify-content:space-between;align-items:center;height:25px;padding:0 8px;font-size:5px;display:flex}.ruang-search b{color:#fff;background:#a86d55;border-radius:3px;place-items:center;width:15px;height:15px;font-size:11px;display:grid}.ruang-photo{background:linear-gradient(167deg,#d2b59c 0 28%,#79816b 28% 53%,#596a57 53% 100%);height:37%;margin-top:8px;position:relative;overflow:hidden}.ruang-photo:after{content:"";background:#40503dd9;border-radius:50% 50% 0 0;height:60%;position:absolute;bottom:-24%;left:-5%;right:-5%}.photo-sun{background:#f5e4bd;border-radius:50%;width:24px;height:24px;position:absolute;top:11%;right:18%}.photo-plant{z-index:1;color:#e0d4bb;font-size:46px;position:absolute;bottom:-8px;left:12%}.ruang-photo>span{z-index:2;color:#fff9eb;letter-spacing:.1em;font-size:5px;position:absolute;bottom:7px;right:8px}.ruang-note{color:#765342;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic;line-height:1.4;position:absolute;bottom:10%;left:7%;transform:rotate(-8deg)}.ruang-note b{font-weight:400}.art-sora{background-color:#e3e9bd;background-image:radial-gradient(circle at 50% 49%,#ffffff3d 0 30%,#0000 30.4%),linear-gradient(135deg,#e6eac6,#dce5ac);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.sora-sun{color:#fffc;font-size:47px;position:absolute;top:9%;right:10%;transform:rotate(14deg)}.sora-wordmark{color:#3e543e;letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-size:25px;position:absolute;top:10%;left:9%}.sora-wordmark span{vertical-align:top;margin-left:2px;font-family:Arial,Helvetica,sans-serif;font-size:7px}.art-sora>p{z-index:2;color:#425642;letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,2.15vw,25px);line-height:1.02;position:absolute;top:22%;left:9%}.sora-bottle{color:#516748;text-align:center;background:linear-gradient(110deg,#fffdf1 0%,#eeedda 70%,#e5e8cb 100%);border:1px solid #394d3617;border-radius:10px 10px 13px 13px;justify-content:center;align-items:flex-end;width:29%;height:44%;padding-bottom:18%;display:flex;position:absolute;bottom:10%;box-shadow:6px 11px 18px #39472921}.sora-bottle i{background:#82946d;border-radius:4px 4px 1px 1px;width:27%;height:14%;position:absolute;top:-12%;left:37%}.sora-bottle b{letter-spacing:.11em;font-family:Georgia,Times New Roman,serif;font-size:10px;font-weight:400;line-height:1.35}.sora-bottle small{color:#829176;letter-spacing:.04em;font-family:Arial,Helvetica,sans-serif;font-size:5px}.bottle-one{left:21%;transform:rotate(-7deg)}.bottle-two{background:linear-gradient(110deg,#faf5e7 0%,#ede6d3 75%,#dce0be 100%);height:38%;right:20%;transform:rotate(8deg)}.sora-sticker{color:#61613c;text-align:center;background:#f4e49c;border:1px solid #49563a2e;border-radius:50%;place-items:center;width:56px;height:56px;font-family:Georgia,Times New Roman,serif;font-size:8px;font-style:italic;line-height:1.08;display:grid;position:absolute;bottom:11%;right:5%;transform:rotate(8deg)}.project-number,.project-open{z-index:5;color:#554b62;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd4;place-items:center;display:grid;position:absolute}.project-number{letter-spacing:.08em;border-radius:3px;min-height:24px;padding:0 8px;font-size:7px;font-weight:700;top:13px;left:13px}.project-open{opacity:0;border-radius:50%;width:32px;height:32px;transition:opacity .18s,transform .18s;bottom:13px;right:13px;transform:translateY(5px)}.project-card:hover .project-open,.project-card:focus-visible .project-open{opacity:1;transform:translateY(0)}.project-open svg{width:17px;height:17px}.project-meta{color:#8a8491;letter-spacing:.1em;justify-content:space-between;margin-top:16px;font-size:8px;font-weight:700;display:flex}.project-title-row{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.project-title-row h3{color:#393243;letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:400}.project-title-row p{color:#7c7684;margin:5px 0 0;font-size:10px}.project-arrow{color:#6c52ab;border:1px solid #dfd9e6;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;transition:background .17s,color .17s,border-color .17s;display:grid}.project-card:hover .project-arrow{border-color:var(--purple);background:var(--purple);color:#fff}.work-bottom-note{color:#817a89;text-align:left;justify-content:center;align-items:center;gap:13px;margin-top:49px;display:flex}.work-doodle{color:#997fda;font-size:29px}.work-bottom-note p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;line-height:1.6}.work-bottom-note p b{color:#4d435e;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-style:normal;font-weight:600}.work-bottom-note a{color:#6949c0;white-space:nowrap}.work-bottom-note a svg{vertical-align:-3px;width:13px;height:13px}.experience-section{padding-bottom:118px}.experience-heading-row{margin-top:25px}.experience-grid{grid-template-columns:minmax(0,1fr) 295px;align-items:start;gap:72px;margin-top:53px;display:grid}.timeline:before{content:"";background:#ded7e8;width:1px;position:absolute;top:5px;bottom:30px;left:4px}.timeline-item{border-bottom:1px solid #ece8ee;grid-template-columns:125px minmax(0,1fr) auto;gap:14px;padding-bottom:29px;display:grid;position:relative}.timeline-dot{background:var(--paper);border:2px solid #ad98e2;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-29px}.timeline-item.current .timeline-dot{background:#815fd2;border-color:#815fd2;box-shadow:0 0 0 4px #eee9fa}.timeline-date{color:#817b88;letter-spacing:.09em;white-space:nowrap;padding-top:3px;font-size:8px;font-weight:700}.timeline-main h3{color:#3a3345;margin:0;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:400}.timeline-main>p{color:#755bb0;margin:6px 0 0;font-size:9px;font-weight:600}.timeline-main>p span{color:#b0a9b8;padding:0 3px}.timeline-main small{color:#7e7885;max-width:445px;margin-top:10px;font-size:10px;line-height:1.8;display:block}.timeline-now{color:#775bb9;letter-spacing:.09em;border:1px solid #e3dbf3;border-radius:20px;align-self:start;padding:5px 7px;font-size:6px;font-weight:700}.timeline-tags{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.timeline-tags span{color:#776d88;background:#f2eef8;border-radius:20px;padding:5px 8px;font-size:7px}.experience-aside{gap:13px;display:grid}.aside-card{background:#fffefa;border:1px solid #eae5ed;border-radius:5px;padding:22px 21px;position:relative;overflow:hidden}.availability-card{background:#f2edfa}.aside-overline{color:#7e7788;font-size:7px}.aside-overline i{width:6px;height:6px}.aside-card h3{z-index:1;color:#3e354e;max-width:205px;margin:17px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400;line-height:1.16;position:relative}.aside-card h3 em{color:#7151c3;font-weight:400}.aside-card p{color:#7a7382;max-width:230px;margin:0;font-size:9px;line-height:1.8}.experience-aside a{color:#6347b4;align-items:center;gap:6px;margin-top:15px;font-size:9px;font-weight:700;display:inline-flex}.experience-aside a svg{width:13px;height:13px}.aside-sparkle{color:#8667c91a;font-size:104px;position:absolute;bottom:-27px;right:-9px;transform:rotate(13deg)}.education-card h3{margin-top:12px;font-size:19px}.hobby-list{color:#726c78;gap:7px;margin-top:13px;font-size:9px;display:grid}.tiny-note{color:#8d8491;margin-top:15px;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic;display:block}.contact-section{color:#fff;background:#6846cc;position:relative;overflow:hidden}.contact-section:before,.contact-section:after{content:"";pointer-events:none;border:1px solid #ffffff1b;border-radius:50%;width:430px;height:430px;position:absolute}.contact-section:before{top:-253px;left:-140px;box-shadow:0 0 0 27px #ffffff06,0 0 0 55px #ffffff06,0 0 0 83px #ffffff06}.contact-section:after{width:540px;height:540px;bottom:-329px;right:-208px;box-shadow:0 0 0 32px #ffffff08,0 0 0 63px #ffffff06,0 0 0 94px #ffffff05}.contact-inner{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:545px;padding-top:72px;padding-bottom:69px;display:flex;position:relative}.contact-topline{color:#ffffffa6;letter-spacing:.14em;justify-content:space-between;font-size:7px;font-weight:700;display:flex;position:absolute;top:29px;left:0;right:0}.contact-topline i{color:#e8d986;padding-left:4px;font-size:11px;font-style:normal}.contact-spark{color:#efe08f;width:27px;height:27px;margin-bottom:13px}.contact-section h2{z-index:1;font-size:clamp(51px,6.8vw,78px);line-height:1.07;position:relative}.marker-light{color:#fff;background-image:linear-gradient(#0000 63%,#f1df81 63% 91%,#0000 91%)}.contact-description{color:#ffffffc7;max-width:400px;margin:19px 0 0;font-size:11px;line-height:1.8}.contact-button{color:#573ab1;background:#fff;border:1px solid #fff;border-radius:4px;justify-content:center;align-items:center;gap:21px;min-height:49px;margin-top:25px;padding:0 19px;font-size:10px;font-weight:700;transition:background .18s,color .18s,transform .18s;display:inline-flex}.contact-button:hover{color:#fff;background:0 0;transform:translateY(-2px)}.contact-button svg{width:16px;height:16px}.contact-email-note{color:#ffffff9e;letter-spacing:.1em;margin-top:16px;font-size:7px;font-weight:700}.contact-email-note a{color:#fff;padding-left:3px}.contact-email-note a:hover{text-underline-offset:3px;text-decoration:underline}.contact-orbit{border:1px solid #ffffff59;border-radius:50%;width:104px;height:104px;position:absolute}.orbit-a{top:31%;left:9%}.orbit-a:after,.orbit-b:after{content:"";background:#eddd87;border-radius:50%;width:8px;height:8px;position:absolute}.orbit-a:after{top:5px;right:18px}.orbit-b{border-color:#ffffff40;width:66px;height:66px;bottom:23%;right:7%}.orbit-b:after{background:#e9b6d4;width:6px;height:6px;bottom:4px;right:-4px}.contact-dot{background:#ffffff94;border-radius:50%;width:6px;height:6px;position:absolute}.dot-a{top:26%;right:22%}.dot-b{background:#ecd97e;width:4px;height:4px;bottom:27%;left:20%}.site-footer{justify-content:space-between;align-items:center;gap:20px;min-height:87px;display:flex}.footer-brand .brand-mark{border-radius:10px 10px 10px 4px;width:31px;height:31px}.footer-brand .brand-mark>span{font-size:22px}.footer-brand .brand-copy strong{font-size:13px}.footer-brand .brand-copy small{font-size:7px}.footer-credit{color:#898391;font-size:9px}.footer-credit span{color:#8865d8;padding:0 2px}.back-to-top{color:#716b7b;letter-spacing:.08em;align-items:center;gap:9px;font-size:8px;font-weight:700;transition:color .18s;display:flex}.back-to-top:hover{color:var(--purple)}.back-to-top span{border:1px solid #e7e2eb;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#231c3291;place-items:center;padding:24px;animation:.16s both fade-in;display:grid;position:fixed;inset:0}.project-modal{background:var(--paper);border:1px solid #ffffffb3;border-radius:10px;grid-template-columns:minmax(260px,.86fr) minmax(0,1fr);width:min(860px,100%);max-height:min(620px,100vh - 48px);animation:.23s cubic-bezier(.2,.7,.2,1) both modal-enter;display:grid;position:relative;overflow:auto;box-shadow:0 28px 80px #16102242}.modal-close{z-index:2;color:#564c64;cursor:pointer;background:#ffffffed;border:1px solid #e5dfeb;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:grid;position:absolute;top:13px;right:13px}.modal-close:hover{background:var(--purple);color:#fff}.modal-close svg{width:18px;height:18px}.modal-art{background:#e8e0fb;min-height:380px;position:relative;overflow:hidden}.modal-art .project-art{position:absolute}.modal-art .finance-card{max-width:255px}.modal-content{align-self:center;padding:54px 45px 44px}.modal-kicker{color:#7e7489;letter-spacing:.13em;font-size:8px;font-weight:700}.modal-kicker span{color:#b8adca;padding:0 5px}.modal-content h2{color:#393144;letter-spacing:-.06em;margin:14px 0 0;font-family:Georgia,Times New Roman,serif;font-size:47px;font-weight:400;line-height:1}.modal-content h2 span{color:#7a57ce}.modal-subtitle{color:#6f5a9f;margin:10px 0 0;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic}.modal-description{color:#777180;margin:23px 0 0;font-size:11px;line-height:1.9}.modal-role{border-top:1px solid #e9e4ec;gap:6px;margin-top:24px;padding-top:15px;display:grid}.modal-role span{color:#8a8390;letter-spacing:.12em;font-size:7px;font-weight:700}.modal-role b{color:#4d4559;font-size:10px;font-weight:600}.modal-contact{margin-top:24px}@keyframes marker-sweep{to{background-size:100% 100%}}@keyframes scroll-pulse{0%,to{opacity:1;transform:translateY(0)}60%{opacity:.35;transform:translateY(5px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1100px){.page-wrap{width:calc(100% - 72px)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(330px,.85fr);gap:25px}.hero h1{font-size:clamp(53px,6.3vw,68px)}.hero-visual{height:465px}.availability{display:none}.about-grid{gap:58px}.experience-grid{gap:40px}.finance-card{padding:12px}}@media (max-width:830px){.page-wrap{width:calc(100% - 56px)}.header-inner{height:72px}.desktop-nav{gap:20px;margin-left:8px}.header-actions{gap:10px}.hero{grid-template-columns:minmax(0,1fr) minmax(270px,.78fr);gap:16px;min-height:565px;padding-top:48px;padding-bottom:80px}.hero h1{font-size:clamp(48px,6.6vw,59px)}.hero-description{max-width:390px;font-size:12px}.hero-visual{height:420px}.hero-sticker{width:84px;height:84px;font-size:11px;left:-16px}.hero-decoration{right:43%}.proof-inner{grid-template-columns:1fr repeat(3,.88fr);gap:18px}.proof-note{display:none}.about-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);gap:32px}.principles-card{padding:23px 21px 18px}.about-heading-row h2,.work-heading-row h2,.experience-heading-row h2{font-size:48px}.work-heading-row{flex-direction:column;align-items:flex-start;gap:20px}.project-filters{max-width:100%}.project-grid{gap:15px}.project-title-row h3{font-size:21px}.experience-grid{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.timeline-item{grid-template-columns:98px minmax(0,1fr) auto;gap:10px}.timeline-date{font-size:7px}.experience-aside .aside-card{padding:18px 16px}.aside-card h3{font-size:20px}.contact-inner{min-height:500px}.orbit-a{width:75px;height:75px;left:2%}.orbit-b{right:1%}}@media (max-width:680px){html{scroll-padding-top:75px}.page-wrap{width:calc(100% - 44px)}.header-inner{height:68px}.desktop-nav,.header-actions{display:none}.menu-toggle{color:#56466d;cursor:pointer;background:#fff;border:1px solid #e7e1ed;border-radius:5px;place-items:center;width:39px;height:39px;padding:0;display:grid}.menu-toggle svg{width:19px;height:19px}.mobile-nav{opacity:0;background:#fcfbf8fa;border-bottom:1px solid #0000;flex-direction:column;max-height:0;padding:0 22px;transition:max-height .25s,opacity .18s,padding .25s,border-color .18s;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden}.mobile-nav.is-open{opacity:1;border-color:#ece7ef;max-height:355px;padding-top:7px;padding-bottom:15px}.mobile-nav-link{color:#4d4558;border-bottom:1px solid #f0ecf1;grid-template-columns:35px 1fr 20px;align-items:center;min-height:51px;font-family:Georgia,Times New Roman,serif;font-size:17px;display:grid}.mobile-nav-link>span{color:#8974bc;font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:700}.mobile-nav-link svg,.mobile-nav-cta svg{color:#8061c4;width:15px;height:15px}.mobile-nav-cta{color:#fff;background:#704bd4;border-radius:4px;justify-content:space-between;align-items:center;min-height:44px;margin-top:11px;padding:0 13px;font-size:11px;font-weight:600;display:flex}.mobile-nav-cta svg{color:#fff}.hero{min-height:initial;grid-template-columns:1fr;gap:14px;padding-top:58px;padding-bottom:77px}.hero-copy{padding-bottom:0}.hero-eyebrow{margin-bottom:20px;font-size:8px}.hero h1{max-width:600px;font-size:clamp(48px,10vw,65px);line-height:1.06}.hero-description{max-width:470px;margin-top:18px;font-size:12px}.hero-actions{gap:20px;margin-top:22px}.button{min-height:45px;padding:0 14px;font-size:10px}.text-link{font-size:10px}.hero-footnote{display:none}.hero-visual{justify-self:center;width:min(100%,390px);height:435px;margin-top:24px}.portrait-frame{inset:4px 30px 25px 15px}.portrait-backdrop{inset:37px 3px 0 30px}.hero-sticker{top:54px;left:0}.hero-caption{bottom:2px}.image-index{right:0}.hero-decoration{top:35px;right:21px}.scroll-cue{font-size:7px;bottom:23px;left:0}.proof-inner{grid-template-columns:repeat(3,1fr);gap:18px 9px;min-height:0;padding-top:20px;padding-bottom:20px}.proof-intro{grid-column:1/-1;font-size:7px}.proof-stat{gap:6px}.proof-stat strong{font-size:29px}.proof-stat>span{font-size:6px}.section-pad{padding-top:73px;padding-bottom:78px}.about-heading-row,.experience-heading-row{flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px}.about-heading-row h2,.work-heading-row h2,.experience-heading-row h2{font-size:clamp(41px,9vw,52px)}.section-side-note{font-size:11px}.about-grid{grid-template-columns:1fr;gap:33px;margin-top:31px}.about-lead{font-size:22px}.about-body{margin-top:15px;font-size:11px}.toolkit-row{margin-top:24px}.principles-card{padding:24px 23px 18px}.principles-card h3{font-size:21px}.work-section .section-pad{padding-top:73px;padding-bottom:75px}.work-heading-row{gap:16px;margin-top:18px}.work-intro{max-width:290px;font-size:11px}.project-filters{scrollbar-width:none;width:100%;overflow-x:auto}.project-filters::-webkit-scrollbar{display:none}.filter-button{flex:none;padding:8px 10px;font-size:8px}.project-grid{grid-template-columns:1fr;gap:29px;margin-top:25px}.project-art-wrap{aspect-ratio:1.17}.project-art-wrap .finance-card{width:59%;max-width:235px;left:24%}.project-title-row h3{font-size:23px}.work-bottom-note{justify-content:flex-start;align-items:flex-start;margin-top:34px}.work-bottom-note p{font-size:11px}.work-bottom-note p b{font-size:9px}.experience-section{padding-bottom:77px}.experience-grid{grid-template-columns:1fr;gap:31px;margin-top:36px}.timeline{padding-left:24px}.timeline:before{left:3px}.timeline-item{grid-template-columns:1fr auto;gap:7px 10px;padding-bottom:22px}.timeline-item+.timeline-item{padding-top:20px}.timeline-item+.timeline-item .timeline-dot{top:25px}.timeline-dot{left:-25px}.timeline-date{grid-column:1/-1;padding-top:0}.timeline-main{grid-column:1/-1}.timeline-main h3{font-size:16px}.timeline-main small{font-size:9px}.timeline-now{position:absolute;top:18px;right:0}.timeline-item.current .timeline-date{padding-right:50px}.timeline-item.current .timeline-now{top:0}.experience-aside{grid-template-columns:1fr}.aside-card h3{max-width:260px}.contact-inner{min-height:475px;padding-top:70px;padding-bottom:55px}.contact-topline{font-size:6px;top:22px}.contact-topline span:last-child{display:none}.contact-section h2{font-size:clamp(48px,10vw,64px)}.contact-description{max-width:340px;font-size:10px}.orbit-a{width:60px;height:60px;top:15%;left:-34px}.orbit-b{width:48px;height:48px;bottom:15%;right:-23px}.dot-a{top:18%;right:12%}.dot-b{bottom:17%;left:14%}.site-footer{flex-wrap:wrap;gap:12px;min-height:74px;padding-top:15px;padding-bottom:15px}.footer-credit{text-align:center;order:3;width:100%;font-size:8px}.back-to-top{font-size:7px}.project-modal{width:min(460px,100%);max-height:calc(100vh - 32px);display:block}.modal-art{height:245px;min-height:245px}.modal-content{padding:28px 25px 25px}.modal-content h2{font-size:39px}.modal-description,.modal-role{margin-top:16px}.modal-contact{margin-top:18px}.modal-close{top:9px;right:9px}}@media (max-width:390px){.page-wrap{width:calc(100% - 34px)}.hero h1{font-size:46px}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.hero-visual{height:390px}.hero-sticker{width:75px;height:75px;font-size:10px}.proof-stat strong{font-size:25px}.proof-stat>span{font-size:5px}.project-art-wrap{aspect-ratio:1.05}.contact-section h2{font-size:44px}.contact-email-note{font-size:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.art-wrap-crypto{background:#dff5ea}.art-crypto{color:#5eead4;background:linear-gradient(135deg,#0f2b24 0%,#17483d 60%,#1e5e50 100%)}.crypto-grid{background-image:radial-gradient(#5eead426 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.crypto-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:1px solid #5eead44d;border-radius:12px;width:70%;padding:16px;position:absolute;top:18%;left:15%;box-shadow:0 10px 25px #0006}.crypto-ticker{color:#99f6e4;letter-spacing:.05em;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.crypto-price{color:#fff;margin:6px 0 2px;font-size:20px;font-weight:800}.crypto-badge{color:#34d399;background:#10b98133;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.art-wrap-chat{background:#e0e7ff}.art-chat{color:#c7d2fe;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 60%,#4338ca 100%)}.chat-window{background:#1e1b4be6;border:1px solid #a5b4fc4d;border-radius:14px;width:76%;padding:14px;position:absolute;top:15%;left:12%;box-shadow:0 12px 30px #00000059}.chat-bubble-in{color:#e0e7ff;background:#3730a3;border-radius:12px 12px 12px 2px;width:80%;margin-bottom:8px;padding:8px 12px;font-size:10px}.chat-bubble-out{color:#fff;text-align:right;background:#6366f1;border-radius:12px 12px 2px;width:80%;margin-left:auto;padding:8px 12px;font-size:10px}.art-wrap-spk{background:#e0f2fe}.art-spk{color:#bae6fd;background:linear-gradient(135deg,#082f49 0%,#0c4a6e 60%,#0369a1 100%)}.spk-matrix{background:#082f49eb;border:1px solid #38bdf84d;border-radius:12px;width:72%;padding:14px;position:absolute;top:18%;left:14%;box-shadow:0 10px 25px #0000004d}.spk-bar{background:#0284c7;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.spk-bar>span{background:#38bdf8;height:100%;display:block}.art-wrap-klinik{background:#fef3c7}.art-klinik{color:#fde68a;background:linear-gradient(135deg,#451a03 0%,#78350f 60%,#92400e 100%)}.klinik-phone{background:#1e0f05e6;border:2px solid #fbbf2466;border-radius:20px;width:56%;height:76%;padding:12px 10px;position:absolute;top:12%;left:22%;box-shadow:0 12px 28px #0006}.klinik-badge{text-align:center;color:#fff;background:#b45309;border-radius:6px;margin-bottom:8px;padding:4px;font-size:9px;font-weight:700;display:block}.art-wrap-payroll{background:#ffe4e6}.art-payroll{color:#fecdd3;background:linear-gradient(135deg,#4c0519 0%,#881337 60%,#9f1239 100%)}.payroll-receipt{color:#1f2937;background:#fff;border-radius:8px;width:64%;padding:14px;position:absolute;top:14%;left:18%;box-shadow:0 10px 25px #0000004d}.receipt-line{border-bottom:1px dashed #e5e7eb;justify-content:space-between;padding:4px 0;font-size:9px;display:flex}.modal-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.modal-tag{color:#5e469d;background:#f1ecfa;border-radius:12px;padding:4px 9px;font-size:11px;font-weight:600}.modal-links-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.modal-github-btn{color:#fff;background:#181717;border-radius:8px;align-items:center;gap:6px;padding:11px 18px;font-size:12px;font-weight:600;transition:opacity .15s;display:inline-flex}.modal-github-btn:hover{opacity:.88}@media print{body{color:#111827!important;background:#fff!important;font-size:12pt!important}.site-header,.hero-visual,.hero-footnote,.scroll-cue,.hero-decoration,.menu-toggle,.modal-backdrop,.site-footer .back-to-top,.contact-orbit,.contact-dot,.project-open,.project-filters{display:none!important}.page-wrap{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.hero{min-height:auto!important;padding-top:20px!important}.section-pad{padding-top:25px!important;padding-bottom:25px!important}.project-grid{page-break-inside:avoid;grid-template-columns:1fr 1fr!important}.timeline{page-break-inside:avoid}}.availability{letter-spacing:.06em!important;padding:6px 12px!important;font-size:11px!important;font-weight:700!important}.header-contact{padding:8px 16px!important;font-size:13px!important;font-weight:600!important}.brand-copy strong{font-size:15px!important}.brand-copy small{letter-spacing:.08em!important;font-size:10px!important}.nav-link{font-size:13px!important}.mobile-nav-link{font-size:16px!important}.eyebrow{letter-spacing:.08em!important;font-size:12px!important}.hero-description{max-width:580px!important;font-size:16px!important;line-height:1.6!important}.hero-actions .button,.hero-actions .text-link{padding:12px 22px!important;font-size:14px!important}.hero-footnote{font-size:13px!important;line-height:1.5!important}.hero-caption{font-size:11px!important;line-height:1.4!important}.image-index{font-size:12px!important;font-weight:700!important}.scroll-cue{letter-spacing:.08em!important;font-size:11px!important}.proof-intro{letter-spacing:.04em!important;font-size:13px!important;line-height:1.4!important}.proof-stat strong{font-size:clamp(32px,4vw,42px)!important}.proof-stat>span{letter-spacing:.06em!important;font-size:11px!important;font-weight:700!important;line-height:1.4!important}.proof-note{font-size:13px!important;line-height:1.4!important}.proof-note span{font-size:12px!important}.section-kicker{letter-spacing:.08em!important;font-size:12px!important}.section-side-note{font-size:13px!important;line-height:1.5!important}.about-lead{font-size:clamp(18px,2.2vw,22px)!important;line-height:1.5!important}.about-body{font-size:14px!important;line-height:1.7!important}.toolkit-row>span{letter-spacing:.08em!important;font-size:11px!important;font-weight:700!important}.toolkit-chips b{padding:6px 14px!important;font-size:12px!important}.principles-top span{letter-spacing:.06em!important;font-size:11px!important}.principles-card h3{font-size:20px!important;line-height:1.35!important}.principle p{font-size:13px!important;line-height:1.5!important}.principle span:first-child{font-size:12px!important;font-weight:700!important}.principles-signature{font-size:13px!important}.work-intro{font-size:14px!important;line-height:1.5!important}.project-filters{flex-wrap:wrap!important;gap:8px!important;display:flex!important}.filter-button{cursor:pointer!important;letter-spacing:.02em!important;border-radius:20px!important;padding:8px 16px!important;font-size:12px!important;font-weight:600!important}.project-meta{letter-spacing:.08em!important;font-size:11px!important;font-weight:700!important}.project-title-row h3{font-size:22px!important;line-height:1.25!important}.project-title-row p{font-size:13px!important;line-height:1.4!important}.project-number{padding:2px 8px!important;font-size:11px!important;font-weight:700!important}.work-bottom-note p{font-size:14px!important;line-height:1.6!important}.work-bottom-note p b{font-size:13px!important}.timeline-date{letter-spacing:.06em!important;font-size:12px!important;font-weight:700!important}.timeline-main h3{font-size:18px!important;line-height:1.3!important}.timeline-main>p{font-size:13px!important;font-weight:600!important}.timeline-main small{font-size:13px!important;line-height:1.6!important}.timeline-now{letter-spacing:.06em!important;padding:4px 8px!important;font-size:10px!important;font-weight:800!important}.timeline-tags span{padding:4px 10px!important;font-size:11px!important;font-weight:500!important}.aside-card .aside-overline{letter-spacing:.08em!important;font-size:11px!important;font-weight:700!important}.aside-card h3{font-size:18px!important;line-height:1.3!important}.aside-card p{font-size:13px!important;line-height:1.5!important}.aside-card a{font-size:13px!important;font-weight:600!important}.contact-topline{letter-spacing:.08em!important;font-size:12px!important}.contact-description{max-width:540px!important;font-size:15px!important;line-height:1.6!important}.contact-button{padding:15px 32px!important;font-size:15px!important}.contact-email-note{letter-spacing:.06em!important;font-size:12px!important}.footer-credit{font-size:12px!important}.back-to-top{letter-spacing:.08em!important;font-size:11px!important;font-weight:700!important}.modal-kicker{letter-spacing:.08em!important;font-size:12px!important;font-weight:700!important}.modal-subtitle{font-size:15px!important;line-height:1.4!important}.modal-description{font-size:14px!important;line-height:1.6!important}.modal-role span{font-size:11px!important;font-weight:700!important}.modal-role b{font-size:13px!important}.modal-tag{padding:5px 12px!important;font-size:12px!important}.modal-github-btn{font-size:13px!important}@media (max-width:768px){.page-wrap{width:calc(100% - 36px)!important}.hero-actions{flex-wrap:wrap!important;gap:10px!important}.proof-inner{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;display:grid!important}.proof-intro,.proof-note{grid-column:1/-1!important}.experience-grid{grid-template-columns:1fr!important;gap:36px!important}.timeline-item{grid-template-columns:1fr!important;gap:6px!important}.timeline-date{margin-bottom:2px!important}}@media (max-width:480px){.page-wrap{width:calc(100% - 24px)!important}.hero h1{font-size:clamp(34px,9vw,44px)!important;line-height:1.15!important}.proof-inner{grid-template-columns:1fr!important}.project-filters{scrollbar-width:none!important;padding-bottom:4px!important;overflow-x:auto!important}.filter-button{white-space:nowrap!important;padding:7px 12px!important;font-size:11px!important}.contact-section h2{font-size:clamp(34px,9vw,44px)!important}}#pengalaman,#karya,#tentang,#home,#kontak{scroll-margin-top:105px!important}.timeline{padding-left:28px!important;position:relative!important}.timeline:before{left:4px!important}.timeline-dot{top:8px!important;left:-29px!important}.timeline-item{border-bottom:1px solid #ece8ee!important;flex-direction:column!important;gap:8px!important;padding-bottom:32px!important;display:flex!important}.timeline-item+.timeline-item{padding-top:28px!important}.timeline-item+.timeline-item .timeline-dot{top:36px!important}.timeline-item-header{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.timeline-date{color:#704bd4!important;letter-spacing:.08em!important;white-space:normal!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:700!important}.timeline-now{color:#633ebf!important;letter-spacing:.08em!important;background:#f3eefa!important;border:1px solid #d4c5f5!important;border-radius:12px!important;padding:3px 8px!important;font-size:10px!important;font-weight:800!important;display:inline-block!important;position:static!important}.timeline-main{width:100%!important}.timeline-main h3{color:#29243a!important;margin:0 0 4px!important;font-size:19px!important;font-weight:600!important}.timeline-main>p{color:#6c52ab!important;margin:0 0 8px!important;font-size:13px!important}.timeline-main small{color:#696275!important;font-size:13px!important;line-height:1.6!important}.work-bottom-note a{white-space:nowrap!important;vertical-align:middle!important;align-items:center!important;gap:4px!important;display:inline-flex!important}.work-bottom-note a svg{vertical-align:middle!important;margin-top:0!important;display:inline-block!important}.social-pill-btn{white-space:nowrap!important;align-items:center!important;gap:6px!important;display:inline-flex!important}.social-pill-btn svg{flex-shrink:0!important;width:14px!important;min-width:14px!important;height:14px!important;min-height:14px!important;display:inline-block!important}.hero-caption{-webkit-backdrop-filter:blur(10px)!important;background:#ffffffe0!important;border:1px solid #704bd438!important;border-radius:10px!important;padding:8px 14px!important;box-shadow:0 4px 18px #0000001a!important}.hero-caption span{color:#29243a!important;font-weight:700!important}.hero-caption span b{color:#5635b0!important;font-weight:800!important}.hero-caption .caption-rule{background:#704bd4!important}@property --tw-border-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}