@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-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-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:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,-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{.visible{visibility:visible}.block{display:block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.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)}.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,)}.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))}}:root{--black:#11100f;--ink:#1b1917;--white:#f5f1e9;--silver:#b7a99d;--line:#f5f1e924;--muted:#928a82;--accent:#d49a73;--accent-strong:#e4ad85}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{color:inherit}a{text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #d0d0cb}.section-wrap{width:calc(100% - clamp(40px,8vw,144px));max-width:none;margin-inline:auto}[hidden]{display:none!important}main{z-index:1;height:100svh;min-height:0;padding-bottom:72px;position:relative;overflow:hidden}.portfolio-page:not([hidden]){overscroll-behavior:contain;scrollbar-width:none;height:calc(100svh - 150px);min-height:0;overflow:hidden auto}.portfolio-page:not([hidden])::-webkit-scrollbar{display:none}.hero.portfolio-page:not([hidden]){height:calc(100svh - 276px);min-height:0}.intro-strip:not([hidden]){z-index:4;position:fixed;bottom:72px;left:0;right:0}.page-controls{z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101010f5;border-top:1px solid #f5f5f321;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:clamp(4px,1vw,16px);height:72px;padding:8px clamp(18px,4vw,64px);display:grid;position:fixed;bottom:0;left:0;right:0}.page-nav-button{isolation:isolate;color:#858581;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-width:0;padding:0 10px;font-size:12px;transition:color .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.page-nav-button:hover{color:#f5f5f3;border-color:#f5f5f324;box-shadow:0 0 24px #f5f5f30f}.page-nav-button svg,.page-nav-button>span:not(.page-nav-active){z-index:1;position:relative}.page-nav-button>span:not(.page-nav-active){white-space:nowrap}.page-nav-active{z-index:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff1b,#ffffff09);border:1px solid #f5f5f324;position:absolute;inset:0;box-shadow:inset 0 0 16px #ffffff09,0 0 22px #ffffff09}.site-header{top:0;position:sticky!important}.wordmark{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.header-cta{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #454543}.music-control{align-items:center;gap:8px;display:flex;position:relative}.sound-toggle{color:#aaa9a3;letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid #454543;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-width:56px;min-height:38px;padding:0 10px;font-size:9px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.sound-toggle:hover,.sound-toggle.is-enabled{border-color:var(--accent);color:var(--accent-strong)}.music-player{z-index:30;background:#171412;border:1px solid #e4ad856b;border-radius:6px;width:min(280px,82vw);padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 42px #0000007a}.music-track-name{color:var(--white);margin-bottom:12px;font-size:12px;display:block}.music-volume-control{color:var(--silver);align-items:center;gap:8px;font-size:11px;display:flex}.music-volume-control input{min-width:0;accent-color:var(--accent-strong);flex:1}.music-error{width:max-content;max-width:min(250px,70vw);color:var(--accent-strong);background:#171412;border:1px solid #e4ad8552;padding:8px 10px;font-size:11px;position:absolute;top:calc(100% + 8px);right:0}.menu-toggle{color:#eee;cursor:pointer}.mobile-nav button{color:#eee;text-align:left;cursor:pointer;background:0 0}.contact-bottom button{color:#aaa;font:inherit;letter-spacing:0;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex}.footer-brand,.footer-social{cursor:pointer;background:0 0;border:0}.footer-brand{padding:0}.footer-social{color:inherit;font:inherit;letter-spacing:inherit}@media (max-width:1024px){.site-header>.header-cta{display:none}.menu-toggle{background:0 0;border:1px solid #41413f;place-items:center;width:38px;height:38px;display:grid}.mobile-nav{z-index:24;background:#151515;border-bottom:1px solid #383836;max-height:calc(100svh - 150px);padding:8px 28px 18px;display:grid;position:fixed;top:78px;left:0;right:0;overflow-y:auto}.mobile-nav button{border:0;border-bottom:1px solid #30302e;grid-template-columns:32px 1fr 20px;align-items:center;min-height:45px;font-size:13px;display:grid}.mobile-nav button:last-child{border-bottom:0}.mobile-nav button span{color:#777;font-size:9px}}@media (max-width:900px){.intro-strip:not([hidden]){height:72px}.intro-inner{gap:10px;min-height:72px}.dashboard-stat{gap:7px;padding-left:9px}.dashboard-stat strong{font-size:22px}.dashboard-stat span{letter-spacing:.06em;font-size:12px}.hero.portfolio-page:not([hidden]){height:calc(100svh - 222px);padding-top:16px;padding-bottom:38px}.hero{grid-template-columns:1.1fr .9fr;gap:18px}.hero h1{margin:14px 0 12px;font-size:clamp(34px,5.2vw,47px)}.hero h1 .hero-role{margin-top:8px;font-size:clamp(15px,2vw,19px)}.hero-description{max-width:460px;font-size:15px;line-height:1.65}.hero-actions{gap:7px;margin-top:15px}.hero-actions .button{gap:10px;min-height:38px;padding-inline:11px;font-size:12px}.hero-actions .button svg{width:14px;height:14px}.hero-actions .text-link{min-height:34px;font-size:12px}.hero-meta{gap:5px;margin-top:10px;font-size:12px}.hero-meta>span:not(.hero-focus-label){padding:5px 6px}.hero-art{height:min(300px,42svh)}.scroll-cue{bottom:13px}}.intro-screen{z-index:100;color:#f5f5f3;background:radial-gradient(at 50% 43%,#1b1815 0,#101010 58%);grid-template-rows:auto 1fr auto;padding:28px max(48px,50vw - 580px);display:grid;position:fixed;inset:0;overflow:hidden}.intro-grid{pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:64px 64px;animation:1.4s cubic-bezier(.16,1,.3,1) both intro-grid-arrive;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0,#0000 72%);mask-image:radial-gradient(#000 0,#0000 72%)}.intro-screen:before,.intro-screen:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #dcdcd614;border-radius:50%;width:35vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-screen:after{border-color:#dcdcd60b;width:55vw}.intro-world{z-index:0;perspective:1100px;pointer-events:none;position:absolute;inset:0;overflow:hidden}.intro-world-ring{aspect-ratio:1;opacity:0;border:1px solid #d49a7321;border-radius:50%;width:min(68vw,680px);animation:1.8s cubic-bezier(.16,1,.3,1) .12s forwards intro-gate-open,28s linear 1.9s infinite intro-world-spin;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)scale(.5);box-shadow:0 0 48px #d49a7309,inset 0 0 42px #d49a7306}.intro-world-ring:before,.intro-world-ring:after{content:"";border:1px dashed #e4ad852e;border-radius:50%;position:absolute;inset:9%}.intro-world-ring:after{border-style:solid;border-color:#f5f1e914;inset:20%}.intro-world-ring-front{border-color:#f5f1e91a;width:min(48vw,490px);animation:1.55s cubic-bezier(.16,1,.3,1) .28s forwards intro-gate-open-front,22s linear 1.85s infinite intro-world-spin-reverse;transform:translate(-50%,-50%)rotateY(68deg)rotateX(12deg)scale(.62)}.intro-world-ring-front:before{border-style:solid;border-color:#d49a7317;inset:-8%}.intro-world-core{aspect-ratio:1;filter:blur(7px);opacity:0;background:radial-gradient(circle,#d49a731c,#d49a7309 36%,#0000 72%);border-radius:50%;width:min(38vw,370px);animation:1.4s cubic-bezier(.16,1,.3,1) .35s forwards intro-core-ignite,4s ease-in-out 1.75s infinite intro-core-breathe;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)scale(.35)}.intro-world-sweep{opacity:0;background:linear-gradient(90deg,#0000,#e4ad85e6,#0000);width:32%;height:1px;animation:1.5s cubic-bezier(.16,1,.3,1) .35s both intro-world-scan;position:absolute;top:43%;left:-60%;transform:rotate(-18deg);box-shadow:0 0 28px 5px #d49a7340}.intro-world>i{top:var(--star-y);left:var(--star-x);width:var(--star-size,2px);height:var(--star-size,2px);opacity:0;animation:intro-star-arrive .7s var(--star-delay,.3s) ease-out forwards, intro-star-pulse 3.2s var(--star-delay,1s) ease-in-out infinite;background:#f5d8c3;border-radius:50%;position:absolute;box-shadow:0 0 12px #e4ad85cc}.intro-world>i:first-of-type{--star-x:13%;--star-y:26%;--star-delay:.32s}.intro-world>i:nth-of-type(2){--star-x:22%;--star-y:73%;--star-size:3px;--star-delay:.55s}.intro-world>i:nth-of-type(3){--star-x:81%;--star-y:23%;--star-delay:.42s}.intro-world>i:nth-of-type(4){--star-x:88%;--star-y:68%;--star-size:3px;--star-delay:.68s}.intro-world>i:nth-of-type(5){--star-x:35%;--star-y:18%;--star-size:1px;--star-delay:.76s}.intro-world>i:nth-of-type(6){--star-x:67%;--star-y:82%;--star-size:1px;--star-delay:.48s}.intro-world>i:nth-of-type(7){--star-x:8%;--star-y:54%;--star-size:1px;--star-delay:.84s}.intro-world>i:nth-of-type(8){--star-x:94%;--star-y:43%;--star-delay:.61s}.intro-world>i:nth-of-type(9){--star-x:30%;--star-y:88%;--star-size:1px;--star-delay:.71s}.intro-world>i:nth-of-type(10){--star-x:72%;--star-y:14%;--star-delay:.38s}.intro-world>i:nth-of-type(11){--star-x:17%;--star-y:12%;--star-size:1px;--star-delay:.92s}.intro-world>i:nth-of-type(12){--star-x:84%;--star-y:88%;--star-size:1px;--star-delay:.58s}.intro-topline,.intro-bottomline{z-index:1;color:#83837f;letter-spacing:.15em;justify-content:space-between;align-items:center;gap:18px;font-size:8px;display:flex;position:relative}.intro-topline>span:first-child{color:#e6e6e2;letter-spacing:.18em;font-weight:700}.intro-topline i,.intro-bottomline i{color:#aaa;font-style:normal}.intro-skip{color:#b8b8b3;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0 8px 8px;font-size:12px;display:inline-flex}.intro-center{z-index:1;text-align:center;flex-direction:column;place-self:center;align-items:center;display:flex;position:relative}.intro-emblem{place-items:center;width:150px;height:150px;margin-bottom:36px;display:grid;position:relative}.intro-orbit{border:1px solid #dcdcd63d;border-radius:50%;position:absolute;inset:4px}.intro-emblem:before,.intro-emblem:after{content:"";border:1px solid #d49a7321;border-radius:50%;animation:7s linear infinite intro-core-ring;position:absolute;inset:30px}.intro-emblem:after{border-color:#f5f1e914;animation-duration:11s;animation-direction:reverse;inset:20px}.intro-orbit-outer{border-style:dashed;animation:14s linear infinite intro-orbit-spin}.intro-orbit-inner{border-color:#dcdcd61c;inset:17px}.intro-monogram{letter-spacing:-.13em;background:radial-gradient(circle at 36% 25%,#555551,#1e1e1d 70%);border:1px solid #dcdcd657;place-items:center;width:76px;height:76px;padding-right:4px;font-size:38px;font-weight:500;animation:.9s cubic-bezier(.16,1,.3,1) .28s both intro-monogram-arrive,4s ease-in-out 1.2s infinite intro-monogram-float;display:grid;box-shadow:0 10px 50px #e6e6dc14,0 0 34px #d49a731c}.intro-monogram span{color:#aaa9a3}.intro-spark{color:#d7d7d1;animation:2.1s ease-in-out infinite intro-spark-pulse;position:absolute;top:5px;right:8px}.intro-kicker{color:#9b9b96;letter-spacing:.2em;font-size:12px}.intro-kicker i{color:#c8c8c2;padding-inline:5px;font-style:normal}.intro-center h2{letter-spacing:-.075em;margin:17px 0 24px;font-size:clamp(38px,6vw,62px);font-weight:500}.intro-center h2 span{color:#888884}.intro-progress{transform-origin:0;background:#383836;width:min(230px,58vw);height:1px;overflow:hidden}.intro-progress span{transform-origin:0;background:linear-gradient(90deg,#a26d4e,#f1c5a5 72%,#fff);width:100%;height:100%;display:block;position:relative;box-shadow:0 0 12px #e4ad859e}.intro-progress span:after{content:"";background:#fff1e5;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:0;box-shadow:0 0 13px 3px #e4ad85e6}.intro-loading{color:#777773;letter-spacing:.18em;margin-top:12px;font-size:7px}.intro-loading:after{content:"";text-align:left;width:15px;animation:1.2s steps(4,end) infinite intro-loading-dots;display:inline-block}.intro-description{color:#a3a39e;max-width:430px;margin:-10px 0 22px;font-size:14px;line-height:1.7}.intro-enter{min-height:42px;color:var(--accent-strong);letter-spacing:.14em;cursor:pointer;background:#d49a7314;border:1px solid #d49a738f;border-radius:4px;justify-content:center;align-items:center;gap:10px;margin-top:24px;padding:0 15px;font-size:9px;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.intro-enter:hover{border-color:var(--accent-strong);background:#d49a7329;transform:translateY(-2px)}.intro-enter svg{transition:transform .25s cubic-bezier(.2,.7,.2,1)}.intro-enter:hover svg{transform:translate(3px,-3px)}.intro-bottomline>span:last-child{align-items:center;gap:7px;display:inline-flex}.scroll-progress{z-index:110;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#777773,#f5f5f3);height:2px;position:fixed;inset:0 0 auto}.scroll-progress-intro{z-index:120}.custom-cursor-aura,.custom-cursor-dot,.custom-cursor-trail{pointer-events:none;will-change:left, top, width, height;position:fixed;top:0;left:0}.custom-cursor-trail{z-index:128;filter:blur(2px);mix-blend-mode:difference;background:radial-gradient(circle,#ffffffd1,#ffffff52 45%,#0000 75%);border-radius:50%;transform:translate(-50%,-50%)}.cursor-trail-front{opacity:.48;width:19px;height:19px}.cursor-trail-back{opacity:.25;filter:blur(5px);width:31px;height:31px}.custom-cursor-aura,.custom-cursor-dot{z-index:130}.custom-cursor-aura{mix-blend-mode:difference;background:0 0;border:1px solid #fff;border-radius:50%;place-items:center;transition:border-color .2s,box-shadow .2s;display:grid;transform:translate(-50%,-50%);box-shadow:0 0 20px #fff3}.cursor-aura-inner{border:1px dashed #ffffffb8;border-radius:50%;transition:inset .2s,border-color .2s;position:absolute;inset:5px}.custom-cursor-aura.is-interactive{border-color:#fff;box-shadow:0 0 30px #ffffff59}.custom-cursor-aura.is-interactive .cursor-aura-inner{border-color:#fff;inset:9px}.custom-cursor-pressed .custom-cursor-aura{transform:translate(-50%,-50%)scale(.82)}.cursor-hover-icon{color:#fff}.custom-cursor-dot{mix-blend-mode:difference;background:#fff;border-radius:50%;width:5px;height:5px;transform:translate(-50%,-50%);box-shadow:0 0 12px #fffc}.site-header{border-bottom:1px solid var(--line);z-index:5;background:#101010f2;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(24px,4vw,64px);display:flex;position:relative}.wordmark,.footer-brand{letter-spacing:.12em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.wordmark>span:last-child{gap:4px;display:grid}.wordmark small{color:var(--muted);letter-spacing:.16em;font-size:12px;font-weight:400}.wordmark-icon{letter-spacing:-.1em;border:1px solid #626260;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.wordmark-icon span{color:var(--silver)}.header-cta{color:#b4b4b1;font-size:12px;transition:color .2s}.header-cta:hover,.footer-social:hover{color:var(--white)}.header-cta{color:var(--white);border:1px solid #454543;align-items:center;gap:9px;padding:11px 15px;display:flex}.menu-toggle,.mobile-nav{display:none}.hero{grid-template-columns:1fr .9fr;align-items:center;gap:48px;min-height:620px;padding-top:38px;padding-bottom:75px;display:grid;position:relative}.hero-copy{z-index:1;position:relative}.eyebrow{color:#a8a8a5;letter-spacing:.15em;align-items:center;gap:9px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{background:#d9d9d6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #ddd}.hero h1{letter-spacing:-.075em;margin:29px 0 23px;font-size:clamp(48px,6vw,78px);font-weight:500;line-height:.99}.hero h1 span{color:#858582}.hero h1 .hero-role{color:#a7a7a4;letter-spacing:-.02em;margin-top:13px;font-size:clamp(17px,2vw,23px);line-height:1.25;display:block}.hero-description{color:#aaa;max-width:500px;margin:0;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.button{justify-content:center;align-items:center;gap:25px;min-height:48px;padding:0 18px;font-size:12px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-outline{color:#e1e1dc;background:0 0;border:1px solid #555552}.button:disabled{cursor:not-allowed;opacity:.48}.button:disabled:hover{transform:none}.text-link{color:#ccc;align-items:center;gap:9px;font-size:12px;display:inline-flex}.hero-meta{color:#b5b5af;letter-spacing:.025em;flex-wrap:wrap;gap:7px;margin-top:25px;font-size:12px;display:flex}.hero-meta>span:not(.hero-focus-label){background:#f5f5f306;border:1px solid #3c3c39;padding:6px 8px}.hero-meta .hero-focus-label{color:#777773;letter-spacing:.14em;flex-basis:100%;margin-bottom:2px;font-size:12px}.hero-art{background:0 0;border:0;border-radius:0;width:100%;max-width:none;height:430px;margin-left:auto;position:relative;overflow:visible}.portrait-image{object-fit:cover;object-position:62% 14%;filter:saturate(.82)contrast(1.04);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:0;-webkit-mask-image:radial-gradient(83% 90% at 58% 46%,#000 48%,#000000e0 69%,#0000 100%);mask-image:radial-gradient(83% 90% at 58% 46%,#000 48%,#000000e0 69%,#0000 100%)}.portrait-shade{pointer-events:none;background:radial-gradient(82% 90% at 58% 45%,#0000 40%,#10101038 70%,#101010db 100%);position:absolute;inset:0}.portrait-glint{aspect-ratio:1;filter:blur(4px);pointer-events:none;background:radial-gradient(circle,#e1e1da33,#e1e1da00 70%);border-radius:50%;width:48%;animation:9s ease-in-out infinite alternate glint-drift;position:absolute;top:0;right:0}.portrait-index,.portrait-caption{color:#e3e3df;letter-spacing:.14em;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute}.portrait-index{top:17px;left:17px}.portrait-caption{bottom:17px;left:18px}.portrait-caption i{color:#888;font-style:normal}.scroll-cue{color:#797976;letter-spacing:.16em;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;bottom:24px;left:0}.intro-strip{border-block:1px solid var(--line);background:#151515}.intro-inner{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:18px;min-height:126px;display:grid}.dashboard-stat{border-left:1px solid #393937;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding-left:15px;display:grid}.dashboard-stat:first-child{border-left:0;padding-left:0}.dashboard-stat strong{color:#f1f1ed;letter-spacing:-.06em;font-size:27px;font-weight:500;line-height:1}.dashboard-stat span{color:#858581;letter-spacing:.08em;font-size:12px;line-height:1.5}.intro-inner p{letter-spacing:.08em;margin:0;font-size:11px;font-weight:600;line-height:1.8}.intro-inner p span{color:#72726f}.intro-mark{color:#bcbcb8;border:1px solid #3c3c3a;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.intro-inner .intro-note{color:#9a9a96;letter-spacing:0;font-size:12px;font-weight:400;line-height:1.8}.work-section{padding-top:116px;padding-bottom:120px}.section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-heading h2,.about-content h2{letter-spacing:-.065em;margin:18px 0 10px;font-size:clamp(38px,5vw,58px);font-weight:500;line-height:1.04}.muted-period{color:#737370}.section-lead{color:#92928e;margin:0;font-size:15px}.work-count{color:#777773;text-align:right;letter-spacing:.14em;font-size:12px;line-height:1.9}.work-section.portfolio-page{padding-top:24px;padding-bottom:24px}.work-section.portfolio-page .section-heading h2{margin:10px 0 6px;font-size:clamp(34px,3.6vw,44px)}.work-section.portfolio-page .project-info{padding-top:8px}.work-section.portfolio-page .project-info p{font-size:14px}.filter-row{align-items:center;gap:8px;margin:14px 0 8px;display:flex}.filter-chip{color:#aaa;cursor:pointer;background:0 0;border:1px solid #393937;padding:9px 13px;font-size:12px;transition:all .2s}.filter-chip:hover{color:#eee;border-color:#8e8e8a}.filter-chip.is-active{background:var(--white);border-color:var(--white);color:var(--black)}.filter-chip span{opacity:.65;margin-left:9px;font-size:12px}.filter-hint{color:#747470;align-items:center;gap:5px;margin-left:auto;font-size:12px;display:flex}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}.project-preview{aspect-ratio:3.2;background:#20201e;position:relative;overflow:hidden}.project-visual{width:100%;height:100%;transition:transform .65s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-visual:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff24,#0000);width:24%;position:absolute;inset:-35% auto -35% -45%;transform:skew(-18deg)}.project-card:hover .project-visual:after{opacity:1;animation:.9s cubic-bezier(.16,1,.3,1) both project-light-sweep}.project-card:hover .project-visual{transform:scale(1.025)}@keyframes project-light-sweep{0%{translate:0}to{translate:620%}}.project-label{color:#eee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;background:#0c0c0cad;padding:7px 9px;font-size:12px;position:absolute;top:13px;right:13px}.project-info{justify-content:space-between;gap:15px;padding:15px 1px 0;display:flex}.project-info>div:first-child{flex:1;min-width:0}.project-info h3{letter-spacing:.04em;margin:0 0 7px;font-size:15px;font-weight:600}.project-info p{color:#858581;margin:0;font-size:14px;line-height:1.55}.project-meta{color:#777773;text-align:right;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;display:flex}.project-stack{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.project-stack span{color:#aaa9a4;border:1px solid #333330;padding:4px 6px;font-size:12px;line-height:1.2}.project-links{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.project-links a{color:#e8e8e3;border:1px solid #464642;align-items:center;gap:6px;min-height:34px;padding:0 9px;font-size:12px;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.project-links a:hover,.project-links a:focus-visible{color:#151515;background:#f1f1ee;border-color:#f1f1ee;outline:none}.project-focus-trigger{color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:10px;padding:3px 0;font-size:12px;display:inline-flex}.project-focus-trigger svg{transition:transform .22s}.project-focus-trigger:hover svg{transform:translate(2px,-2px)}.project-focus-panel{background:linear-gradient(120deg,#d49a7312,#ffffff04 55%);border:1px solid #d49a7352;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(18px,4vw,48px);margin-top:18px;padding:clamp(16px,3vw,30px);display:grid;box-shadow:0 24px 60px #0003}.project-focus-preview{background:#20201e;min-height:220px;position:relative;overflow:hidden}.project-focus-preview .project-visual{position:absolute;inset:0}.project-focus-content>p{color:#aaa9a4;max-width:580px;font-size:14px;line-height:1.75}.project-journey{overscroll-behavior:contain;scrollbar-color:#5a4a40 transparent;scrollbar-width:thin;max-height:260px;margin:16px 0;padding:2px 8px 2px 0;position:relative;overflow-y:auto}.project-journey-progress{background:#383431;width:1px;position:absolute;top:11px;bottom:11px;left:18px}.project-journey-progress span{background:var(--accent-strong);transform-origin:top;transition:transform .12s linear;position:absolute;inset:0}.project-journey-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.project-journey-steps li{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:108px;padding:10px 0;display:grid;position:relative}.project-journey-index{z-index:1;width:37px;height:22px;color:var(--accent-strong);letter-spacing:.08em;background:#191614;border:1px solid #514238;place-items:center;font-size:10px;display:grid}.project-journey-steps h4{color:var(--white);margin:2px 0 7px;font-size:13px;font-weight:500}.project-journey-steps p{color:#a7a29c;max-width:520px;margin:0;font-size:12px;line-height:1.7}.project-focus-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.project-focus-heading .eyebrow{color:var(--accent-strong);letter-spacing:.13em;font-size:10px}.project-focus-heading h3{letter-spacing:-.045em;margin:10px 0 0;font-size:clamp(22px,3vw,34px);font-weight:500}.project-focus-close{color:#d7d4ce;cursor:pointer;background:0 0;border:1px solid #464642;flex:none;place-items:center;width:36px;height:36px;transition:background .2s,border-color .2s;display:grid}.project-focus-close:hover{border-color:var(--accent);background:#d49a731f}.sample-note{color:#777773;align-items:center;gap:7px;margin:15px 0 0;font-size:12px;display:flex}.sample-note svg{flex:none}.visual-top,.visual-bottom{color:#aaa9a3;letter-spacing:.12em;justify-content:space-between;font-size:12px;display:flex;position:absolute;left:7%;right:7%}.visual-top{top:12%}.visual-top span:last-child{color:#777773;font-size:12px}.visual-main{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:28% 7% 22%}.visual-copy{gap:6px;min-width:0;display:grid}.visual-copy strong{color:#f0f0ec;letter-spacing:-.06em;font-size:clamp(16px,2.4vw,28px);font-weight:500}.visual-copy span{color:#9a9993;font-size:12px}.visual-art{border-bottom:1px solid #686863;justify-content:center;align-items:end;gap:5px;width:34%;height:80%;display:flex;position:relative}.visual-art i{opacity:.82;background:linear-gradient(#e8e8e2,#73736e);flex:1;max-width:15px;height:38%}.visual-art i:nth-child(2){height:68%}.visual-art i:nth-child(3){height:48%}.visual-art i:nth-child(4){height:88%}.visual-art i:nth-child(5){height:60%}.visual-bottom{color:#85847f;font-size:6px;bottom:9%}.visual-tandur .visual-art{background:repeating-linear-gradient(165deg,#0000 0 12px,#dadcd04d 13px 14px);border:0;align-items:center;transform:skewY(-12deg)}.visual-tandur .visual-art i{background:#e2e2d8;border-radius:50% 50% 50% 0;flex:none;width:9px;max-width:9px;height:9px;transform:rotate(-45deg)}.visual-tandur .visual-art i:nth-child(2n){margin-top:24px}.visual-jala .visual-art{background:radial-gradient(#0000 48%,#d3d3cd4d 49% 50%,#0000 51%);border:0;align-items:center}.visual-jala .visual-art i{background:#e2e2dc;border-radius:50%;width:9px;max-width:9px;height:9px;position:absolute;box-shadow:0 0 12px #e8e8e259}.visual-jala .visual-art i:first-child{top:18%;left:14%}.visual-jala .visual-art i:nth-child(2){top:18%;right:13%}.visual-jala .visual-art i:nth-child(3){top:43%;left:48%}.visual-jala .visual-art i:nth-child(4){bottom:12%;left:18%}.visual-jala .visual-art i:nth-child(5){bottom:12%;right:14%}.visual-explore .visual-art{background:linear-gradient(35deg,#0000 48%,#dcdcd659 49% 51%,#0000 52%),linear-gradient(145deg,#0000 44%,#dcdcd642 45% 47%,#0000 48%);border:1px solid #e1e1dc59;align-items:center;width:37%;height:90%}.visual-explore .visual-art i{background:#777773;border:2px solid #efefea;border-radius:50% 50% 50% 0;width:12px;max-width:12px;height:12px;position:absolute;transform:rotate(-45deg)}.visual-explore .visual-art i:first-child{top:16%;left:22%}.visual-explore .visual-art i:nth-child(2){top:35%;right:20%}.visual-explore .visual-art i:nth-child(3){bottom:12%;left:46%}.visual-explore .visual-art i:nth-child(4),.visual-explore .visual-art i:nth-child(5){display:none}.visual-nyaper .visual-art{border:1px solid #a5a49d;border-radius:50%;align-items:center;width:29%;height:88%;box-shadow:0 0 0 7px #d6d6cf14,0 0 0 14px #d6d6cf0d}.visual-nyaper .visual-art i{background:#d6d5ce;border-radius:50%;width:9px;max-width:9px;height:9px;position:absolute}.visual-nyaper .visual-art i:first-child{top:24%;left:18%}.visual-nyaper .visual-art i:nth-child(2){top:33%;right:18%}.visual-nyaper .visual-art i:nth-child(3){top:19%;left:46%}.visual-nyaper .visual-art i:nth-child(4){bottom:20%;left:25%}.visual-nyaper .visual-art i:nth-child(5){bottom:18%;right:25%}.visual-kedai{background:radial-gradient(at 76% 62%,#4a0d13 0,#1f050a 72%)}.visual-kedai .visual-art{border-bottom-color:#c9a2278c}.visual-kedai .visual-art i{opacity:.92;background:linear-gradient(#e6c86a,#8a000a);border-radius:2px 2px 0 0}.services-section{color:#151515;background:#e7e7e3;padding:112px 0 104px}.services-section .section-eyebrow{color:#777773}.services-heading{align-items:end;margin-bottom:46px}.services-heading h2{letter-spacing:-.065em;margin:18px 0 0;font-size:clamp(37px,5vw,58px);font-weight:500;line-height:1.04}.heading-outline{color:#a0a09c}.services-intro{color:#777773;max-width:270px;margin:0 0 4px;font-size:12px;line-height:1.8}.service-row{border-top:1px solid #c9c9c4;grid-template-columns:46px 48px 1fr 30px;align-items:center;gap:20px;min-height:104px;display:grid}.service-row:last-child{border-bottom:1px solid #c9c9c4}.service-number{color:#999994;font-size:9px}.service-icon{color:#43433f;border:1px solid #bdbdb7;place-items:center;width:38px;height:38px;display:grid}.service-copy h3{letter-spacing:-.03em;margin:0 0 7px;font-size:17px;font-weight:500}.service-copy p{color:#777773;margin:0;font-size:11px}.service-arrow{color:#83837e}.tech-stack{align-items:center;gap:24px;margin-top:30px;display:flex}.tech-stack>span{color:#888883;letter-spacing:.14em;font-size:8px}.tech-pills{flex-wrap:wrap;gap:7px;display:flex}.tech-pills span{color:#686863;border:1px solid #c9c9c4;padding:7px 10px;font-size:9px}.skills-section{background:#141414;padding:105px 0 112px}.skills-heading{align-items:end;margin-bottom:38px}.skills-heading h2{letter-spacing:-.065em;margin:18px 0 0;font-size:clamp(38px,5vw,58px);font-weight:500;line-height:1.04}.skills-intro{color:#92928e;max-width:300px;margin:0 0 4px;font-size:12px;line-height:1.8}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.skill-card{background:#191918;border:1px solid #333331;grid-template-rows:1fr 1fr;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;min-height:90px;padding:16px;transition:border-color .2s,transform .2s,background .2s;display:grid}.skill-card:hover{background:#1d1d1c;border-color:#777773;transform:translateY(-2px)}.skill-card:hover .skill-mark{border-color:#777773;transform:rotate(-7deg)}.skill-mark{width:42px;height:42px;color:var(--accent-strong);background:#20201f;border:1px solid #383836;grid-row:1/3;place-items:center;display:grid}.skill-name{align-self:end;font-size:14px;font-weight:600}.skill-group{color:#858581;align-self:start;margin-top:4px;font-size:12px}.leadership-section{color:#151515;background:#e7e7e3;padding:42px 0 48px}.leadership-section .section-eyebrow{color:#777773}.leadership-heading{align-items:end;margin-bottom:25px}.leadership-heading h2{letter-spacing:-.065em;margin:18px 0 0;font-size:clamp(38px,5vw,58px);font-weight:500;line-height:1.04}.leadership-heading-muted{color:#969691}.leadership-list{border-top:1px solid #c9c9c4;display:block;position:relative}.experience-timeline{z-index:0;pointer-events:none;background:#c9c9c4;width:2px;position:absolute;inset:0 auto 0 33px;overflow:hidden}.experience-timeline:after{content:"";transform:scaleY(var(--experience-progress,0));transform-origin:top;background:linear-gradient(#ab704e,#d49a73);transition:transform .18s linear;position:absolute;inset:0}.leadership-card{z-index:1;border-bottom:1px solid #c9c9c4;transition:background .2s;position:relative}.leadership-card-link{grid-template-columns:36px 44px minmax(0,1fr) 20px;align-items:center;gap:18px;min-height:76px;display:grid}.leadership-card-featured{grid-template-columns:36px 176px minmax(0,1fr) 20px;min-height:132px}.leadership-photo{object-fit:cover;object-position:center 32%;width:96px;height:112px}.leadership-photos{border-radius:3px;gap:6px;display:flex;overflow:hidden}.leadership-photos .leadership-photo{width:85px;height:88px;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .35s}.leadership-card:hover .leadership-photo{filter:saturate(1.08);transform:scale(1.055)}.leadership-card-link:focus-visible{outline-color:#242421}.leadership-index{z-index:1;color:#777773;font-variant-numeric:tabular-nums;background:#e7e7e3;border:1px solid #c9c9c4;border-radius:50%;place-self:center;place-items:center;width:30px;height:30px;font-size:9px;display:grid;position:relative;box-shadow:0 0 0 5px #e9e3da}.leadership-mark{color:#62625e;letter-spacing:.04em;border:1px solid #bbbcb6;place-items:center;width:40px;height:40px;font-size:10px;font-weight:700;display:grid}.leadership-copy{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;width:100%;display:grid}.leadership-copy h3{letter-spacing:-.02em;grid-area:1/1;margin:0;font-size:14px;font-weight:600;line-height:1.35}.leadership-copy p{color:#777773;grid-area:2/1;margin:0;font-size:13px}.leadership-period{color:#777773;white-space:nowrap;grid-area:1/2/3;justify-self:end;font-size:12px}.leadership-arrow{color:#8a8a85}.experience-detail-page{color:#151515;background:#e7e7e3;width:100%;height:auto;min-height:100svh;padding:0 clamp(20px,6vw,88px) 24px;overflow:visible}.experience-detail-header{border-bottom:1px solid #c9c9c4;justify-content:space-between;align-items:center;gap:20px;min-height:82px;display:flex}.experience-detail-brand{letter-spacing:.12em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.experience-detail-brand>span:last-child{gap:4px;display:grid}.experience-detail-brand small{color:#777773;letter-spacing:.14em;font-size:10px;font-weight:400}.experience-detail-brand .wordmark-icon{color:#151515}.experience-back-link,.experience-back-button{color:#4f4f4b;align-items:center;gap:9px;font-size:14px;display:inline-flex}.experience-detail-content{width:min(100%,1040px);margin:0 auto;padding:clamp(42px,8vh,86px) 0 52px}.experience-detail-heading{animation:.72s cubic-bezier(.16,1,.3,1) both experience-detail-in}.experience-description{animation:.72s cubic-bezier(.16,1,.3,1) .12s both experience-detail-in}.experience-gallery figure{animation:.72s cubic-bezier(.16,1,.3,1) both experience-detail-in}.experience-gallery figure:nth-child(2){animation-delay:.12s}.experience-back-button{animation:.72s cubic-bezier(.16,1,.3,1) .2s both experience-detail-in}.experience-gallery img{transition:transform .65s cubic-bezier(.16,1,.3,1),filter .35s}.experience-gallery figure:hover img{filter:saturate(1.06);transform:scale(1.025)}@keyframes experience-detail-in{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}.experience-detail-heading h1{letter-spacing:-.065em;max-width:900px;margin:18px 0 14px;font-size:clamp(38px,7vw,76px);font-weight:500;line-height:1.02}.experience-detail-meta{color:#686863;flex-wrap:wrap;gap:9px 22px;font-size:15px;display:flex}.experience-description{max-width:680px;margin-top:44px}.experience-description h2{letter-spacing:-.035em;margin:10px 0 8px;font-size:22px;font-weight:500}.experience-description p{color:#5e5e59;margin:0;font-size:16px;line-height:1.75}.experience-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start;gap:18px;margin-top:38px;display:grid}.experience-gallery figure{margin:0}.experience-gallery img{object-fit:cover;background:#d5d5d0;width:100%;max-height:620px;display:block}.experience-gallery figcaption{color:#686863;margin-top:9px;font-size:13px;line-height:1.5}.experience-back-button{border:1px solid #b9b9b3;margin-top:42px;padding:12px 16px}.experience-detail-footer{color:#777773;letter-spacing:.08em;border-top:1px solid #c9c9c4;justify-content:space-between;align-items:center;gap:16px;min-height:58px;font-size:12px;display:flex}.experience-detail-footer a{color:#4f4f4b;letter-spacing:0;align-items:center;gap:7px;display:inline-flex}.about-section{grid-template-columns:.7fr 1.6fr .65fr;align-items:center;gap:30px;min-height:560px;padding-top:105px;padding-bottom:105px;display:grid}.about-stamp{color:#bbb;border:1px solid #484846;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:120px;height:120px;display:flex;transform:rotate(-12deg)}.about-stamp span{letter-spacing:.14em;text-align:center;font-size:7px;line-height:1.5}.about-content h2{margin:18px 0;font-size:clamp(40px,5vw,58px)}.about-content>p{color:#999995;max-width:455px;margin:0;font-size:15px;line-height:1.8}.about-points{gap:11px;margin:24px 0;display:grid}.about-points span{color:#b7b7b3;align-items:center;gap:9px;font-size:14px;display:flex}.about-points svg{color:#ddd}.about-aside{border-left:1px solid #393937;padding-left:25px}.aside-number{color:#aaa;letter-spacing:.12em;font-size:10px}.aside-number span{color:#555;margin:0 8px}.about-aside p{letter-spacing:-.06em;margin:23px 0;font-size:27px;line-height:1.05}.aside-rule{border-top:1px solid #898985;width:34px;display:block}.aside-caption{color:#777773;letter-spacing:.12em;margin-top:16px;font-size:7px;line-height:1.7;display:block}.process-section{border-block:1px solid var(--line);background:#151515;padding:85px 0 92px}.process-heading{text-align:center}.process-heading h2{letter-spacing:-.06em;margin:17px 0 9px;font-size:clamp(28px,4vw,42px);font-weight:500}.process-heading p{color:#858581;margin:0;font-size:11px}.process-grid{border:1px solid #353533;grid-template-columns:repeat(3,1fr);margin-top:45px;display:grid}.process-card{border-right:1px solid #353533;min-height:155px;padding:23px 24px}.process-card:last-child{border-right:0}.process-card>span{color:#858581;font-size:9px}.process-card h3{margin:22px 0 8px;font-size:14px;font-weight:500}.process-card p{color:#858581;max-width:250px;margin:0;font-size:10px;line-height:1.7}.process-card{transition:background .25s}.process-card:hover{background:#1b1b1b}.contact-topline{color:#777773;letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:12px;display:flex}.contact-topline .eyebrow{color:#aaa}.contact-section h2{letter-spacing:-.08em;margin:56px 0 16px;font-size:clamp(47px,8vw,92px);font-weight:500;line-height:.94}.contact-section h2 span{color:#797976}.contact-section>p{color:#999995;margin:0;font-size:12px}.contact-button{margin-top:25px}.contact-bottom{border-top:1px solid var(--line);color:#6d6d69;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-top:91px;padding-top:18px;font-size:12px;display:flex}.contact-bottom a{color:#aaa;letter-spacing:0;align-items:center;gap:7px;display:flex}@media (max-width:900px){.section-wrap{width:calc(100% - 56px)}.site-header{padding-inline:28px}.site-header>.header-cta{display:none}.menu-toggle{background:0 0;border:1px solid #41413f;place-items:center;width:38px;height:38px;display:grid}.mobile-nav{z-index:24;background:#151515;border-bottom:1px solid #383836;max-height:calc(100svh - 142px);padding:8px 28px 18px;display:grid;position:fixed;top:78px;left:0;right:0;overflow-y:auto}.mobile-nav button{border:0;border-bottom:1px solid #30302e;grid-template-columns:32px 1fr 20px;align-items:center;min-height:45px;font-size:13px;display:grid}.mobile-nav button:last-child{border-bottom:0}.mobile-nav button span{color:#777;font-size:9px}.hero{grid-template-columns:1fr .85fr;gap:25px;min-height:0}.hero.portfolio-page:not([hidden]){height:calc(100svh - 276px)}.hero h1{font-size:clamp(46px,7vw,66px)}.hero-art{height:340px}.about-section{grid-template-columns:.5fr 1.5fr}.about-aside{display:none}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.leadership-card-link{grid-template-columns:27px 40px minmax(0,1fr) 17px;gap:11px}.leadership-card-link.leadership-card-featured{grid-template-columns:27px 150px minmax(0,1fr) 17px}.leadership-photos .leadership-photo{width:72px}.page-controls{padding-inline:20px}.project-preview{aspect-ratio:2.8}.work-section.portfolio-page{padding-top:24px;padding-bottom:26px}.work-section.portfolio-page .section-heading h2{font-size:40px}.project-grid{gap:18px 14px}.project-info{padding-top:11px}.leadership-section{padding:34px 0 38px}.leadership-heading{margin-bottom:18px}.leadership-card-link{min-height:68px}.service-row{min-height:88px}.process-section{padding-block:58px}}@media (max-width:640px){html{scroll-padding-top:70px}.section-wrap{width:calc(100% - 40px)}main{height:100svh;min-height:0;padding-bottom:68px}.portfolio-page:not([hidden]){width:100%;height:calc(100svh - 134px);min-height:0;margin-inline:0;padding:24px 20px 22px}.portfolio-page.section-wrap:not([hidden]){padding-inline:20px}.hero.portfolio-page:not([hidden]){height:calc(100svh - 222px);min-height:0;padding:14px 20px 18px}.intro-strip:not([hidden]){height:108px;bottom:68px}.page-controls{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;height:68px;padding:5px 8px}.page-nav-button{border-radius:6px;gap:2px;padding-inline:2px;font-size:10px}.page-nav-button svg{width:14px;height:14px}.intro-screen{padding:22px 20px}.intro-topline,.intro-bottomline{letter-spacing:.1em;font-size:7px}.intro-topline>span:nth-child(2){display:none}.intro-emblem{width:126px;height:126px;margin-bottom:22px}.intro-monogram{width:66px;height:66px;font-size:33px}.intro-center h2{margin:14px 0 20px;font-size:clamp(36px,9vw,48px)}.intro-description{max-width:330px;margin:-8px 0 18px;font-size:13px}.intro-enter{min-height:40px;margin-top:20px}.intro-screen:before{width:70vw}.intro-screen:after{width:110vw}.site-header{height:66px;padding-inline:20px}.wordmark{font-size:10px}.wordmark-icon{width:29px;height:29px}.sound-toggle{width:36px;min-width:36px;min-height:36px;padding:0}.sound-toggle span{display:none}.music-control{gap:5px}.music-player{width:min(270px,82vw)}.mobile-nav{max-height:calc(100svh - 186px);padding-inline:20px;top:66px}.hero{flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding-top:12px;padding-bottom:16px;display:flex}.eyebrow{font-size:12px}.hero h1{margin:12px 0 10px;font-size:clamp(36px,9vw,44px)}.hero h1 .hero-role{margin-top:7px;font-size:14px}.hero-description{max-width:390px;font-size:14px;line-height:1.5}.hero-actions{gap:8px;margin-top:12px}.button{min-height:46px}.hero-actions .button{gap:9px;padding-inline:11px;font-size:12px}.hero-actions .button svg{width:14px;height:14px}.hero-actions .text-link{min-height:38px;font-size:12px}.hero-meta{display:none}.hero-art{aspect-ratio:1.9;max-width:none;height:auto;overflow:hidden}.portrait-image{object-fit:contain;object-position:center center;-webkit-mask-image:none;mask-image:none}.portrait-shade{background:0 0}.portrait-index,.scroll-cue{display:none}.intro-inner{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:0;min-height:108px;padding-block:4px}.dashboard-stat{text-align:left;grid-template-rows:1fr;grid-template-columns:28px minmax(0,1fr);justify-items:start;gap:8px;padding-left:8px}.dashboard-stat:first-child{padding-left:0}.dashboard-stat strong{font-size:14px}.dashboard-stat span{letter-spacing:.015em;white-space:nowrap;font-size:10px;line-height:1.2}.intro-inner p{font-size:8px}.intro-mark{flex:none;width:33px;height:33px}.intro-inner .intro-note{font-size:9px}.work-section{padding-top:78px;padding-bottom:82px}.section-heading{align-items:flex-start}.section-heading h2,.about-content h2{font-size:42px}.section-lead{max-width:290px;font-size:14px;line-height:1.6}.work-count{white-space:nowrap;padding-top:5px;font-size:12px}.filter-row{scrollbar-width:none;margin-top:27px;padding-bottom:4px;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex:none;font-size:12px}.filter-hint{display:none}.work-section.portfolio-page{padding-top:20px;padding-bottom:22px}.project-grid{grid-template-columns:1fr;gap:22px}.project-preview{aspect-ratio:1.55}.project-info{padding-top:9px;display:block}.project-info h3{margin-bottom:5px;font-size:17px}.project-info p{min-height:0;font-size:14px;line-height:1.55}.project-meta{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:5px;margin-top:7px;font-size:12px}.project-stack{gap:4px;margin-top:7px}.project-stack span{padding:4px 5px;font-size:11px}.project-links{gap:5px;margin-top:8px}.project-links a{min-height:32px;padding-inline:7px;font-size:12px}.sample-note{align-items:flex-start;font-size:12px;line-height:1.6}.services-section{padding:78px 0 75px}.services-heading{margin-bottom:31px;display:block}.services-heading h2{font-size:41px}.services-intro{margin-top:15px;font-size:11px}.service-row{grid-template-columns:24px 38px 1fr 18px;gap:10px;min-height:93px}.service-icon{width:34px;height:34px}.service-copy h3{font-size:14px}.service-copy p{max-width:220px;font-size:9px;line-height:1.5}.service-arrow{width:16px}.tech-stack{display:block}.tech-pills{margin-top:12px}.skills-section{padding:78px 0 82px}.skills-heading{margin-bottom:27px;display:block}.skills-heading h2{font-size:41px}.skills-intro{margin-top:14px;font-size:11px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.skill-card{grid-template-columns:36px 1fr;column-gap:9px;min-height:79px;padding:11px}.skill-mark{width:36px;height:36px;font-size:14px}.skill-name{font-size:14px}.skill-group{font-size:12px}.leadership-section{padding:26px 20px 24px}.leadership-heading{margin-bottom:16px;display:block}.leadership-heading h2{font-size:41px}.leadership-intro{margin-top:14px;font-size:14px}.leadership-card-link{grid-template-columns:20px 34px minmax(0,1fr) 17px;gap:9px;min-height:68px;padding-block:8px}.leadership-card-featured{grid-template-columns:20px 72px minmax(0,1fr) 17px;min-height:102px}.leadership-photo{width:72px;height:86px}.leadership-photos{gap:3px}.leadership-photos .leadership-photo{width:34px;height:51px}.leadership-mark{width:33px;height:33px;font-size:9px}.leadership-copy{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.leadership-copy h3{font-size:14px}.leadership-copy p{font-size:12px;line-height:1.4}.leadership-period{grid-area:1/2/3;justify-self:end;font-size:12px}.leadership-period.period-long{font-size:12px}.leadership-arrow{grid-column:4;width:15px}.about-section{min-height:0;padding-top:80px;padding-bottom:82px;display:block}.about-stamp{width:83px;height:83px;margin-bottom:34px}.about-stamp span{font-size:6px}.about-stamp svg{width:19px}.about-content h2{margin:18px 0 15px}.about-content>p{font-size:15px}.about-points{gap:12px;margin:22px 0}.about-points span{font-size:13px}.process-section{padding:69px 0 72px}.process-heading h2{font-size:31px;line-height:1.08}.process-heading p{max-width:300px;margin-inline:auto;font-size:10px;line-height:1.6}.process-grid{grid-template-columns:1fr;margin-top:31px}.process-card{border-bottom:1px solid #353533;border-right:0;min-height:0;padding:19px 18px}.process-card:last-child{border-bottom:0}.process-card h3{margin:12px 0 5px}.process-card p{max-width:310px}.contact-section{padding-top:70px;padding-bottom:27px}.contact-topline{font-size:7px}.contact-section h2{margin:49px 0 14px;font-size:clamp(48px,12vw,67px)}.contact-section>p{max-width:300px;font-size:11px;line-height:1.6}.contact-bottom{align-items:flex-start;gap:15px;margin-top:70px;font-size:6px;line-height:1.6}.contact-bottom a{flex:none;font-size:8px}}@media (min-width:641px) and (max-height:800px){.hero.portfolio-page:not([hidden]){padding-top:14px;padding-bottom:30px}.hero h1{margin:14px 0 12px}.hero h1 .hero-role{margin-top:8px}.hero-art{height:min(320px,42svh);overflow:hidden}.hero-actions,.hero-meta{margin-top:14px}.scroll-cue{display:none}.work-section.portfolio-page{padding-top:16px;padding-bottom:16px}.work-section.portfolio-page .section-heading h2{margin-top:7px;margin-bottom:4px}.work-section.portfolio-page .filter-row{margin:10px 0 6px}.work-section.portfolio-page .project-grid{gap:10px 16px}.work-section.portfolio-page .project-preview{aspect-ratio:5.3}.work-section.portfolio-page .sample-note{margin-top:12px}.services-section{padding-block:38px}.services-heading{margin-bottom:20px}.service-row{min-height:76px}.skills-section{padding-block:38px}.skills-heading{margin-bottom:20px}.skill-card{min-height:72px;padding:12px}.leadership-section{padding-block:24px}.leadership-heading{margin-bottom:14px}.leadership-card-link{min-height:66px}}@media (max-width:640px) and (max-height:700px){.portfolio-page:not([hidden]){padding-block:18px}.hero.portfolio-page:not([hidden]){height:calc(100svh - 294px);padding:8px 20px 14px}.hero{gap:6px}.hero h1{margin:8px 0 6px;font-size:clamp(30px,8.5vw,36px)}.hero h1 .hero-role{margin-top:7px;font-size:14px}.hero-description{font-size:13px;line-height:1.4}.hero-actions{gap:5px;margin-top:5px}.hero-actions .button{gap:7px;min-height:34px;padding-inline:9px;font-size:12px}.hero-actions .text-link{gap:5px;font-size:12px}.hero-art{aspect-ratio:2.2;flex:none}.work-section.portfolio-page{padding-top:12px;padding-bottom:12px}.work-section.portfolio-page .section-heading h2{margin:7px 0 4px;font-size:32px}.work-section.portfolio-page .filter-row{gap:5px;margin:9px 0 6px}.work-section.portfolio-page .filter-chip{padding:6px 8px;font-size:12px}.work-section.portfolio-page .project-grid{gap:10px 8px}.work-section.portfolio-page .project-preview{aspect-ratio:2.25}.work-section.portfolio-page .project-info{padding-top:6px}.work-section.portfolio-page .project-info p{min-height:0;font-size:14px}.work-section.portfolio-page .sample-note{margin-top:10px;font-size:12px}.services-section.portfolio-page:not([hidden]){padding-block:18px}.services-heading{margin-bottom:18px}.service-row{min-height:75px}.skills-section.portfolio-page:not([hidden]){padding-block:18px}.skills-heading{margin-bottom:16px}.skills-heading h2{font-size:34px}.skills-intro{margin-top:6px;font-size:9px;line-height:1.4}.skill-card{min-height:54px;padding:6px}.leadership-section.portfolio-page:not([hidden]){padding-block:14px}.leadership-heading{margin-bottom:8px}.leadership-intro{margin-top:5px}.leadership-card-link{min-height:50px;padding-block:4px}.about-section.portfolio-page:not([hidden]){padding-block:18px}.about-stamp{width:68px;height:68px;margin-bottom:18px}.process-section.portfolio-page:not([hidden]){padding-block:18px}.process-grid{margin-top:8px}.process-card{padding-block:6px}.process-card h3{margin:7px 0 3px}}@media (max-width:640px) and (max-height:600px){.intro-strip:not([hidden]){display:none}.hero.portfolio-page:not([hidden]){height:calc(100svh - 186px)}}@media (hover:hover) and (pointer:fine){body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes glint-drift{0%{opacity:.45;transform:translate(-8%,2%)}to{opacity:.9;transform:translate(5%,12%)}}@keyframes intro-orbit-spin{to{transform:rotate(360deg)}}@keyframes intro-grid-arrive{0%{opacity:0;background-position:0 28px,28px 0}to{opacity:.24;background-position:0 0,0 0}}@keyframes intro-gate-open{0%{opacity:0;transform:translate(-50%,-50%)rotateX(68deg)scale(.48)}65%{opacity:.72}to{opacity:.52;transform:translate(-50%,-50%)rotateX(68deg)scale(1)}}@keyframes intro-gate-open-front{0%{opacity:0;transform:translate(-50%,-50%)rotateY(68deg)rotateX(12deg)scale(.5)}70%{opacity:.68}to{opacity:.42;transform:translate(-50%,-50%)rotateY(68deg)rotateX(12deg)scale(1)}}@keyframes intro-world-spin{to{rotate:360deg}}@keyframes intro-world-spin-reverse{to{rotate:-360deg}}@keyframes intro-core-ignite{0%{opacity:0}to{opacity:.82}}@keyframes intro-core-breathe{0%,to{scale:1}50%{scale:1.13}}@keyframes intro-world-scan{0%{opacity:0;translate:0}20%{opacity:.85}to{opacity:0;translate:460%}}@keyframes intro-star-arrive{0%{opacity:0;scale:.2}to{opacity:.72;scale:1}}@keyframes intro-star-pulse{0%,to{opacity:.34}50%{opacity:.85}}@keyframes intro-loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@keyframes intro-monogram-arrive{0%{opacity:0;rotate:-18deg;scale:.55}72%{opacity:1;rotate:4deg;scale:1.08}to{opacity:1;rotate:0deg;scale:1}}@keyframes intro-monogram-float{0%,to{translate:0}50%{translate:0 -5px}}@keyframes intro-spark-pulse{0%,to{opacity:.45;transform:scale(.85)rotate(-12deg)}50%{opacity:1;transform:scale(1.15)rotate(12deg)}}.intro-topline,.intro-bottomline{animation:.7s .2s both intro-meta-arrive}.intro-bottomline{animation-delay:.55s}@keyframes intro-meta-arrive{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.intro-world-ring{opacity:.72;width:92vw;top:42%}.intro-world-ring-front{width:70vw}.intro-world-core{width:58vw}.intro-world-sweep{width:48%}}@media (min-width:641px) and (max-width:900px){.hero.portfolio-page:not([hidden]){height:calc(100svh - 222px);padding:16px 28px 30px}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px}.hero-copy{min-width:0}.hero h1{margin:14px 0 12px;font-size:clamp(34px,5.2vw,47px)}.hero h1 .hero-role{margin-top:8px;font-size:clamp(15px,2vw,19px)}.hero-description{max-width:460px;font-size:15px;line-height:1.65}.hero-actions{gap:7px;margin-top:15px}.hero-actions .button{gap:10px;min-height:38px;padding-inline:11px;font-size:12px}.hero-actions .button svg{width:14px;height:14px}.hero-actions .text-link{min-height:34px;font-size:12px}.hero-meta{gap:12px;margin-top:17px;font-size:12px}.hero-art{height:min(300px,42svh)}.scroll-cue{bottom:13px}}.project-empty{color:#92928d;border:1px solid #353533;align-items:center;gap:16px;min-height:120px;padding:20px;display:flex}.project-empty svg{color:#c4c4bf;flex:none}.project-empty p{max-width:520px;margin:0;font-size:11px;line-height:1.7}.project-empty strong{color:#e7e7e3;font-weight:500}.skill-focus{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:30px;margin-top:26px;padding-top:20px;display:grid}.skill-pills{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.skill-pills span,.record-categories span{color:#c1c1bc;border:1px solid #3a3a38;padding:8px 11px;font-size:12px}.experience-note{color:#757571;max-width:680px;margin:16px 0 0;font-size:9px;line-height:1.6}.about-section{min-height:0;padding-top:42px;padding-bottom:42px;display:block}.about-profile{grid-template-columns:minmax(220px,.8fr) minmax(0,1.3fr);align-items:center;gap:clamp(28px,7vw,100px);display:grid}.about-stamp{color:#eee;border:0;border-radius:0;width:100%;height:clamp(220px,34vh,340px);display:block;position:relative;overflow:visible;transform:none}.about-stamp img{object-fit:cover;object-position:62% 18%;filter:grayscale();border-radius:0;-webkit-mask-image:radial-gradient(84% 90% at 52% 44%,#000 47%,#000000db 69%,#0000 100%);mask-image:radial-gradient(84% 90% at 52% 44%,#000 47%,#000000db 69%,#0000 100%)}.about-stamp:after{content:"";pointer-events:none;background:radial-gradient(82% 88% at 52% 45%,#0000 30%,#10101040 67%,#101010 100%);position:absolute;inset:0}.about-stamp span{z-index:1;letter-spacing:.16em;text-align:right;font-size:8px;line-height:1.6;position:absolute;bottom:15px;right:16px}.about-content h2{letter-spacing:-.06em;font-size:clamp(38px,5vw,58px);font-weight:500}.about-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.about-fact{border:1px solid #333331;min-height:110px;padding:16px}.about-fact h3{margin:15px 0 7px;font-size:14px;font-weight:500}.about-fact p{color:#92928d;margin:0;font-size:14px;line-height:1.65}.about-skills{border-top:1px solid var(--line);margin-top:48px;padding-top:30px}.about-skills-heading{margin-bottom:20px}.about-skills-heading h3{letter-spacing:-.04em;margin:10px 0 6px;font-size:24px;font-weight:500}.about-skills-heading p{color:#92928d;margin:0;font-size:15px;line-height:1.6}.about-skills .skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.records-section{padding:44px 0}.records-heading{text-align:center}.records-heading h2{letter-spacing:-.06em;margin:17px 0 9px;font-size:clamp(30px,4vw,46px);font-weight:500}.records-heading p{color:#92928d;max-width:500px;margin:0 auto;font-size:11px;line-height:1.7}.record-categories{flex-wrap:wrap;justify-content:center;gap:8px;margin:26px auto;display:flex}.record-empty{text-align:center;border:1px dashed #444441;flex-direction:column;justify-content:center;align-items:center;max-width:670px;min-height:190px;margin:0 auto;padding:25px;display:flex}.record-empty>svg{color:#c6c6c0}.record-empty h3{margin:15px 0 7px;font-size:14px;font-weight:500}.record-empty p{color:#92928d;max-width:420px;margin:0;font-size:10px;line-height:1.7}.contact-section{padding-top:35px;padding-bottom:28px}.contact-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(30px,7vw,100px);display:grid}.contact-section h2{margin:34px 0 16px;font-size:clamp(48px,6vw,78px)}.contact-copy>p{color:#999995;max-width:430px;margin:0;font-size:15px;line-height:1.7}.contact-links{color:#aaa;justify-items:start;gap:12px;margin-top:25px;font-size:14px;display:grid}.contact-links a{color:inherit;align-items:center;gap:9px;transition:color .2s;display:inline-flex}.contact-links a:hover{color:#f5f5f3}.contact-links svg{color:#ddd}.contact-form{background:#141414;border:1px solid #393937;gap:13px;padding:20px;display:grid}.contact-form label{color:#aaa;gap:7px;font-size:14px;display:grid}.contact-form input,.contact-form textarea{color:#f5f5f3;width:100%;min-height:38px;font:inherit;resize:vertical;background:#101010;border:1px solid #41413e;border-radius:0;padding:9px 10px;font-size:15px}.contact-form textarea{min-height:74px}.contact-form .button{cursor:pointer;border:0;justify-self:start}.contact-note{color:#777773;margin:0;font-size:12px;line-height:1.5}.contact-bottom{margin-top:34px}.login-preview-page{color:#13251e;background:#f6f8f4;min-height:100svh}main.login-preview-page{width:100%;height:auto;min-height:100svh;padding:0;overflow:auto}.login-preview-shell{grid-template-columns:minmax(0,1fr) minmax(450px,.88fr);width:100%;min-height:100svh;display:grid}.login-preview-story{color:#fffdee;background:#06231d;flex-direction:column;min-height:100svh;padding:clamp(28px,5vw,76px);display:flex;position:relative;overflow:hidden}.login-preview-back{z-index:2;color:#fffdeeb8;align-items:center;gap:9px;width:fit-content;font-size:12px;transition:color .2s;display:inline-flex;position:relative}.login-preview-back:hover{color:#c3e956}.login-preview-brand{z-index:2;letter-spacing:-.05em;align-items:center;gap:11px;margin-top:clamp(40px,9vh,100px);font-size:24px;font-weight:700;display:flex;position:relative}.login-preview-brand-mark{color:#c3e956;border:1px solid #fffdee4d;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.login-preview-story-copy{z-index:2;max-width:540px;margin-top:clamp(34px,8vh,82px);position:relative}.login-preview-eyebrow,.login-preview-form-eyebrow{letter-spacing:.16em;font-size:12px;font-weight:700}.login-preview-eyebrow{color:#c3e956}.login-preview-story-copy h1{letter-spacing:-.065em;max-width:510px;margin:18px 0 14px;font-size:clamp(36px,5vw,68px);font-weight:500;line-height:1.02}.login-preview-story-copy p{color:#fffdeead;max-width:400px;margin:0;font-size:14px;line-height:1.8}.login-preview-art{aspect-ratio:1.35;opacity:.8;pointer-events:none;width:min(41vw,440px);position:absolute;bottom:12%;right:7%}.tandur-art-sun{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#f2efce,#c3e956 70%);border-radius:50%;width:31%;position:absolute;top:2%;right:10%;box-shadow:0 0 100px #c3e95638}.tandur-art-field{border-top:1px solid #c3e95673;border-radius:55% 0 0;width:100%;height:65%;position:absolute;bottom:6%;right:0;overflow:hidden;transform:skewY(-12deg)}.tandur-art-field i{border:1px solid #c3e95680;border-radius:50%;width:82%;height:130%;position:absolute;bottom:-61%;right:-14%}.tandur-art-field i:nth-child(2){bottom:-73%;right:3%}.tandur-art-field i:nth-child(3){bottom:-84%;right:19%}.tandur-art-field i:nth-child(4){bottom:-94%;right:35%}.tandur-art-leaf{color:#c3e956;position:absolute;bottom:26%;right:21%;transform:rotate(-34deg)}.login-preview-story-foot{z-index:2;color:#fffdee6b;letter-spacing:.18em;margin-top:auto;font-size:12px;position:relative}.login-preview-form-panel{background:#f9fcfb;place-items:center;min-height:100svh;padding:clamp(28px,5vw,76px);display:grid}.login-preview-form-wrap{width:min(100%,440px)}.login-preview-notice{color:#486158;background:#eff7f3;border:1px solid #dce9e2;border-radius:8px;align-items:center;gap:8px;margin-bottom:34px;padding:11px 13px;font-size:13px;line-height:1.5;display:flex}.login-preview-notice svg{flex:none}.login-preview-form-eyebrow{color:#718078;font-size:12px}.login-preview-form-wrap h2{color:#13251e;letter-spacing:-.055em;margin:12px 0 8px;font-size:clamp(27px,3vw,36px);font-weight:600}.login-preview-form-description{color:#6d7b74;margin:0 0 25px;font-size:13px;line-height:1.6}.login-preview-roles{background:#eff7f3;border:1px solid #dce9e2;border-radius:9px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:22px;padding:4px;display:grid}.login-preview-roles button{color:#64746c;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:34px;padding:5px;font-size:12px}.login-preview-roles button.is-selected{color:#075b45;background:#fff;box-shadow:0 1px 4px #06231d1a}.login-preview-form{gap:17px;display:grid}.login-preview-form>label{color:#30443a;gap:8px;font-size:14px;font-weight:600;display:grid}.login-preview-form input:not([type=checkbox]){color:#13251e;width:100%;height:46px;font:inherit;background:#fff;border:1px solid #d5e1da;border-radius:7px;outline:none;padding:0 13px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-preview-form input:not([type=checkbox]):focus{border-color:#388169;box-shadow:0 0 0 3px #38816921}.login-preview-form input::placeholder{color:#9aa69f}.login-preview-password{display:block;position:relative}.login-preview-password input{padding-right:48px!important}.login-preview-password button{color:#718078;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:46px;display:grid;position:absolute;top:0;right:0}.login-preview-form-options{color:#758078;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.login-preview-form-options label{align-items:center;gap:7px;display:inline-flex}.login-preview-form-options input{accent-color:#076653}.login-preview-submit{color:#fff;cursor:pointer;background:#076653;border:0;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:48px;margin-top:3px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:flex}.login-preview-submit:hover{background:#0c4b3d;transform:translateY(-1px)}.login-preview-account-note{color:#758078;text-align:center;margin:20px 0 0;font-size:12px;line-height:1.6}.login-preview-feedback{color:#385b4b;background:#eff7f3;border:1px solid #dce9e2;border-radius:7px;margin:15px 0 0;padding:11px 13px;font-size:12px;line-height:1.55}.login-preview-repo-link{color:#66776d;align-items:center;gap:8px;width:fit-content;margin:25px auto 0;font-size:12px;display:flex}.login-preview-repo-link:hover{color:#075b45}.login-preview-nyapergo{color:#17130a;background:#e5af0a}.login-preview-nyapergo .login-preview-shell{grid-template-columns:minmax(0,1fr) minmax(480px,.9fr)}.login-preview-nyapergo .login-preview-story{color:#19160e;background:#e5af0a}.login-preview-nyapergo .login-preview-back{color:#19160ead}.login-preview-nyapergo .login-preview-back:hover{color:#fff}.login-preview-nyapergo .login-preview-brand-mark{color:#19160e;border-color:#19160e40}.login-preview-nyapergo .login-preview-eyebrow{color:#fff}.login-preview-nyapergo .login-preview-story-copy p{color:#19160eb3}.login-preview-nyapergo .login-preview-story-foot{color:#19160e87}.login-preview-nyapergo .login-preview-form-panel{background:#fff}.login-preview-nyapergo .login-preview-notice{color:#806315;background:#fff9e6;border-color:#f5e5ad}.login-preview-nyapergo .login-preview-form-eyebrow{color:#8b6c17}.login-preview-nyapergo .login-preview-form-wrap h2{color:#211c0e}.login-preview-nyapergo .login-preview-form-description{color:#777267}.login-preview-nyapergo .login-preview-form>label{color:#66541c}.login-preview-nyapergo .login-preview-form input:not([type=checkbox]){color:#211c0e;background:#fffdf7;border-color:#f0e4bf}.login-preview-nyapergo .login-preview-form input:not([type=checkbox]):focus{border-color:#d5a900;box-shadow:0 0 0 3px #e5af0a29}.login-preview-nyapergo .login-preview-form input::placeholder{color:#b1a886}.login-preview-nyapergo .login-preview-password button{color:#8b7a4c}.login-preview-nyapergo .login-preview-form-options{color:#7b7566}.login-preview-nyapergo .login-preview-form-options input{accent-color:#d5a000}.login-preview-nyapergo .login-preview-submit{color:#241d08;background:#e5af0a}.login-preview-nyapergo .login-preview-submit:hover{background:#d09d00}.login-preview-nyapergo .login-preview-feedback{color:#735914;background:#fff9e6;border-color:#f5e5ad}.login-preview-nyapergo .login-preview-repo-link{color:#83754d}.login-preview-nyapergo .login-preview-repo-link:hover{color:#4e3c07}.nyaper-art-plate{aspect-ratio:1.25;background:#ffffff40;border:2px solid #19160e61;border-radius:50%;width:72%;position:absolute;top:13%;left:15%;transform:rotate(-12deg);box-shadow:inset 0 0 0 14px #ffffff2e,0 24px 55px #734c0029}.nyaper-art-bowl{background:linear-gradient(#fff8df 0 23%,#d48623 24% 42%,#6e8b36 43% 55%,#d9a140 56%);border:2px solid #19160e7a;border-radius:48% 48% 42% 42%;justify-content:center;align-items:center;gap:5px;width:46%;height:35%;display:flex;position:absolute;top:31%;left:29%;overflow:hidden;transform:rotate(-12deg);box-shadow:0 14px 22px #5a380038}.nyaper-art-bowl i{background:#d65532;border-radius:50%;width:10%;height:10%;box-shadow:0 0 0 3px #fff5d08c}.nyaper-art-bowl i:nth-child(2n){align-self:flex-start;margin-top:24%}.nyaper-art-spark{color:#ffffffbf;font-size:30px;position:absolute}.nyaper-art-spark-one{top:8%;right:8%}.nyaper-art-spark-two{font-size:22px;bottom:8%;left:8%}@media (max-width:760px){.login-preview-shell,.login-preview-nyapergo .login-preview-shell{grid-template-columns:1fr}.login-preview-story{min-height:310px;padding:23px 24px 20px}.login-preview-brand{margin-top:27px;font-size:21px}.login-preview-brand-mark{width:36px;height:36px}.login-preview-story-copy{max-width:66%;margin-top:28px}.login-preview-story-copy h1{margin:11px 0 8px;font-size:clamp(27px,7vw,38px)}.login-preview-story-copy p{font-size:14px;line-height:1.55}.login-preview-eyebrow{font-size:12px}.login-preview-art{width:48%;bottom:16%;right:3%}.login-preview-story-foot{margin-top:22px;font-size:12px}.login-preview-form-panel{min-height:auto;padding:32px 24px 40px}.login-preview-form-wrap{max-width:460px}.login-preview-notice{margin-bottom:25px;font-size:13px}.login-preview-form-wrap h2{font-size:28px}}@media (max-width:390px){.login-preview-story{min-height:285px;padding-inline:19px}.login-preview-story-copy{max-width:72%}.login-preview-story-copy h1{font-size:28px}.login-preview-form-panel{padding-inline:19px}.login-preview-roles button{font-size:12px}}@media (prefers-reduced-motion:reduce){.login-preview-back,.login-preview-submit{transition:none}.login-preview-submit:hover{transform:none}}@media (max-width:640px){.page-nav-button{flex-direction:column;gap:3px;padding:3px 2px;font-size:12px}.about-section.portfolio-page:not([hidden]){padding-block:22px}.about-profile{grid-template-columns:1fr;gap:20px}.about-stamp{width:min(100%,280px);height:170px;margin:0 auto}.about-content h2{margin:13px 0;font-size:37px}.about-points{gap:9px;margin:15px 0 0}.about-points span{font-size:13px;line-height:1.5}.about-facts{grid-template-columns:1fr;gap:8px;margin-top:18px}.about-fact{min-height:0;padding:12px}.about-fact h3{margin:8px 0 4px}.about-skills{margin-top:32px;padding-top:24px}.about-skills-heading h3{font-size:21px}.about-skills .skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.records-section.portfolio-page:not([hidden]){padding-block:22px}.records-heading h2{font-size:32px}.record-categories{justify-content:flex-start;gap:6px;margin:18px 0}.record-categories span{padding:6px 8px;font-size:8px}.record-empty{min-height:150px;padding:17px}.record-empty h3{font-size:12px}.skill-focus{grid-template-columns:1fr;gap:18px;margin-top:17px;padding-top:14px}.skill-pills{gap:6px;margin-top:8px}.skill-pills span{padding:6px 8px;font-size:12px}.contact-section.portfolio-page:not([hidden]){padding-top:22px;padding-bottom:16px}.contact-layout{grid-template-columns:1fr;gap:20px}.contact-section h2{margin:22px 0 10px;font-size:clamp(38px,10vw,55px)}.contact-copy>p{font-size:15px}.contact-links{gap:8px;margin-top:13px;font-size:14px}.contact-form{gap:9px;padding:13px}.contact-form input{min-height:32px}.contact-form textarea{min-height:54px}.contact-form .button{min-height:38px}.contact-bottom{margin-top:18px}.contact-bottom span{font-size:12px}.project-empty{min-height:90px;padding:13px}.project-empty p{font-size:9px}.experience-detail-page{padding-inline:20px}.experience-detail-header{min-height:70px}.experience-detail-brand{font-size:10px}.experience-detail-brand small{font-size:9px}.experience-back-link{font-size:12px}.experience-detail-content{padding-top:40px}.experience-detail-meta{font-size:14px}.experience-description{margin-top:32px}.experience-description p{font-size:15px}.experience-gallery{grid-template-columns:1fr;gap:20px;margin-top:28px}.experience-gallery img{max-height:480px}.experience-back-button{font-size:13px}.experience-detail-footer{font-size:10px}}.header-page-context{color:#77716c;align-items:center;gap:12px;min-width:0;margin-inline:auto;padding-inline:24px;display:flex}.header-page-count{color:var(--accent-strong);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:11px}.header-page-count i{color:#635b55;margin-inline:4px;font-style:normal}.header-page-divider{background:#f5f1e929;width:1px;height:18px}.header-page-label{min-width:88px;color:var(--white);font-size:12px}.leadership-section{padding:40px 0 48px}.leadership-section>.section-wrap{width:calc(100% - clamp(40px,8vw,144px))}.leadership-heading{align-items:end;gap:32px;margin-bottom:30px}.leadership-heading h2{margin-top:16px}.leadership-heading-aside{justify-items:start;gap:18px;width:min(100%,360px);display:grid}.leadership-intro{color:#6d655e;max-width:340px;margin:0;font-size:15px;line-height:1.7}.leadership-total{color:#83766c;letter-spacing:.12em;align-items:baseline;gap:9px;font-size:10px;display:inline-flex}.leadership-total strong{color:#9c6548;letter-spacing:-.04em;font-size:18px;font-weight:500}.leadership-list{border:0;display:block}.leadership-card{background:#ffffff52;border:1px solid #d5ccc1;border-radius:6px;min-width:0;transition:background .2s,border-color .2s,transform .2s;overflow:hidden}.leadership-card-featured{grid-column:1/-1}.leadership-card:hover{background:#ffffff9e;border-color:#bda38e;box-shadow:0 14px 30px #34271c14}.leadership-card-link{grid-template-columns:30px 42px minmax(0,1fr) 18px;gap:15px;min-height:142px;padding:18px}.leadership-card-link.leadership-card-featured{grid-template-columns:30px minmax(150px,220px) minmax(0,1fr) 18px;gap:20px;min-height:182px;padding:20px}.leadership-index{color:#9c6548;font-variant-numeric:tabular-nums;align-self:center;padding-top:0;font-size:11px}.leadership-mark{color:#8c634b;background:#f0e9e1;border-color:#d3c4b5;border-radius:4px;width:42px;height:42px;font-size:11px}.leadership-photos{gap:7px}.leadership-photos .leadership-photo{border-radius:3px;flex:1 1 0;width:0;min-width:0;height:140px}.leadership-copy{align-self:center;gap:8px 12px}.leadership-copy h3{letter-spacing:-.035em;font-size:17px;line-height:1.35}.leadership-copy p{color:#756a61;font-size:13px;line-height:1.5}.leadership-period{color:#815c46;border:1px solid #d6c9bd;border-radius:999px;padding:6px 9px;font-size:11px}.leadership-period.period-long{font-size:10px}.leadership-arrow{color:#9c6548;align-self:start;transition:transform .2s}.leadership-card-link:hover .leadership-arrow{transform:translate(2px,-2px)}.leadership-card-link:focus-visible{outline-offset:-3px;outline-color:#9c6548}@media (max-width:900px){.header-page-context{padding-inline:18px}.leadership-section>.section-wrap{width:calc(100% - 56px)}}@media (max-width:640px){.header-page-context{gap:7px;margin-left:auto;margin-right:14px;padding:0}.header-page-count{font-size:10px}.header-page-count i{margin-inline:2px}.header-page-divider{height:15px}.header-page-label{min-width:0;font-size:11px}.leadership-section.portfolio-page:not([hidden]){padding-inline:0}.leadership-section{padding:27px 0 30px}.leadership-section>.section-wrap{width:calc(100% - 40px)}.leadership-heading{gap:16px;margin-bottom:20px;display:grid}.leadership-heading h2{margin:12px 0 0;font-size:38px}.leadership-heading-aside{gap:10px;width:100%}.leadership-intro{max-width:340px;font-size:14px}.leadership-total{font-size:9px}.leadership-total strong{font-size:16px}.leadership-list{display:block}.leadership-card-featured{grid-column:auto}.leadership-card-link{grid-template-columns:20px 34px minmax(0,1fr) 16px;gap:9px;min-height:108px;padding:13px}.leadership-card-link.leadership-card-featured{grid-template-columns:20px 74px minmax(0,1fr) 16px;gap:8px;min-height:126px;padding:12px}.leadership-photos{gap:3px}.leadership-photos .leadership-photo{height:92px}.leadership-mark{width:34px;height:34px;font-size:9px}.leadership-copy{grid-template-columns:minmax(0,1fr) auto;gap:5px 6px}.leadership-copy h3{font-size:14px}.leadership-copy p{font-size:12px;line-height:1.4}.leadership-period{grid-area:1/2/3;padding:5px 7px;font-size:10px}.leadership-period.period-long{font-size:9px}.leadership-arrow{grid-column:4;width:15px}}@media (prefers-reduced-motion:reduce){.leadership-card:hover{transform:none}}body{font-family:Inter,Segoe UI,Arial,sans-serif}button:focus-visible,a:focus-visible{outline-color:var(--accent-strong)}::selection{background:var(--accent);color:var(--black)}.scroll-progress{background:linear-gradient(90deg, var(--accent), var(--accent-strong))}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11100feb}.wordmark-icon{border-color:#d49a738c;border-radius:4px}.wordmark-icon span,.intro-center h2 span{color:var(--accent)}.header-cta{border-color:#d49a7366;border-radius:4px}.header-cta:hover{border-color:var(--accent);color:var(--accent-strong)}.menu-toggle{border-radius:4px}.eyebrow{letter-spacing:.13em}.status-dot{background:var(--accent);box-shadow:0 0 13px #d49a738c}.hero{gap:clamp(32px,5vw,76px)}.hero h1,.section-heading h2,.services-heading h2,.skills-heading h2,.leadership-heading h2,.about-content h2,.contact-section h2,.records-heading h2{letter-spacing:-.045em;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:400}.hero h1 .hero-role{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400}.hero-description{max-width:440px}.button{border-radius:4px}.button-light{background:var(--accent);color:#1c1511}.button-light:hover{background:var(--accent-strong)}.text-link{transition:color .2s}.text-link:hover{color:var(--accent-strong)}.hero-meta>span:not(.hero-focus-label){border-color:#d49a733d;border-radius:3px}.hero-meta .hero-focus-label{color:var(--accent)}.portrait-image{filter:saturate(.9)contrast(1.02)}.portrait-glint{background:radial-gradient(circle,#d49a7338,#d49a7300 70%)}.intro-strip{background:#171513}.dashboard-stat strong{color:var(--accent-strong)}.dashboard-stat span{letter-spacing:.06em}.section-eyebrow,.muted-period,.heading-outline,.leadership-heading-muted{color:var(--accent)}.section-lead{max-width:480px;line-height:1.65}.filter-chip{border-color:#49413b;border-radius:999px;padding-inline:15px}.filter-chip:hover{border-color:var(--accent);color:var(--accent-strong)}.filter-chip.is-active{border-color:var(--accent);background:var(--accent);color:#1c1511}.project-card{background:linear-gradient(145deg,#ffffff06,#ffffff02);border:1px solid #f5f1e91a;border-radius:6px;min-width:0;padding:10px;transition:border-color .25s,background .25s,transform .25s}.project-card:hover{border-color:#d49a7366;transform:translateY(-3px)}.project-preview{border-radius:3px}.project-label{color:var(--accent-strong);background:#11100fbd;border:1px solid #f5f1e929;border-radius:999px}.project-info{gap:12px}.project-info h3{letter-spacing:-.025em;font-size:17px}.project-info p{line-height:1.65}.project-meta{min-width:102px}.project-stack span{border-color:#f5f1e921;border-radius:2px}.project-links a{border-color:#d49a7347;border-radius:3px;min-height:38px}.project-links a:hover,.project-links a:focus-visible{border-color:var(--accent);background:var(--accent);color:#1c1511}.sample-note{line-height:1.65}.visual-copy strong{font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(19px,2.6vw,32px)}.visual-tokopedia{background:radial-gradient(at 78% 70%,#315c45 0,#182820 70%)}.visual-tokopedia .visual-art i{background:linear-gradient(#a5d19b,#4d876b)}.visual-tandur{background:linear-gradient(120deg,#394a33,#18201a 68%)}.visual-tandur .visual-art i{background:#bdd58e}.visual-jala{background:radial-gradient(at 78% 62%,#64462f,#241c17 72%)}.visual-jala .visual-art i{background:#e7ae68;box-shadow:0 0 12px #e7ae6866}.visual-explore{background:linear-gradient(135deg,#254a52,#182122 72%)}.visual-explore .visual-art{border-color:#9dd4d68c}.visual-explore .visual-art i{background:#70aeb0;border-color:#c3e3da}.visual-nyaper{background:radial-gradient(at 76% 57%,#74503b,#281e18 72%)}.visual-nyaper .visual-art{border-color:#e5ba7a}.visual-nyaper .visual-art i{background:#e5ba7a}.services-section,.leadership-section{background:#e9e3da}.services-section .section-eyebrow,.leadership-section .section-eyebrow{color:#9c6548}.service-row,.leadership-list,.leadership-card{border-color:#d2c8bc}.service-icon,.leadership-mark{color:#815c46;border-color:#c6b8aa;border-radius:4px}.service-arrow,.leadership-arrow{color:#a26d4e}.tech-pills span{color:#6d594b;border-color:#d2c8bc;border-radius:999px}.skills-section{background:#151412}.skill-card{background:#1b1917;border-color:#f5f1e91c;border-radius:4px}.skill-card:hover{background:#211d19;border-color:#d49a7380}.skill-mark{background:#24201c;border-color:#d49a7338;border-radius:3px}.leadership-card:hover{background:#ffffff61}.about-fact{background:#ffffff05;border-color:#f5f1e91f;border-radius:4px}.about-fact .section-eyebrow{color:var(--accent)}.about-stamp img{filter:saturate(.72)}.about-stamp:after{background:radial-gradient(82% 88% at 52% 45%,#0000 30%,#11100f2e 67%,#11100f 100%)}.skill-focus{border-color:var(--line)}.skill-pills span,.record-categories span{border-color:#d49a733d;border-radius:999px}.process-grid{border-color:#f5f1e926;border-radius:5px;overflow:hidden}.process-card{border-color:#f5f1e926}.process-card>span,.contact-section h2 span{color:var(--accent)}.contact-form{background:#171513;border-color:#d49a7333;border-radius:6px}.contact-form input,.contact-form textarea{border-color:#49413b;border-radius:3px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:2px solid #d49a7333;transform:translateZ(8px);box-shadow:0 0 0 4px #d49a7312,inset 0 2px 6px #0000001f}.contact-links a:hover,.contact-links svg{color:var(--accent-strong)}.contact-bottom{border-color:var(--line)}.page-controls{border-color:var(--line);background:#11100ff0}.page-nav-button{border-radius:5px}.page-nav-button:hover{color:var(--accent-strong);border-color:#d49a734d}.page-nav-button.is-current{color:var(--accent-strong)}.page-nav-active{background:linear-gradient(135deg,#d49a732b,#d49a730a);border-color:#d49a734d;box-shadow:inset 0 0 16px #d49a730a,0 0 22px #d49a730a}.mobile-nav{background:#191715;border-color:#d49a7338}.mobile-nav button{border-color:#f5f1e91a}.mobile-nav button.is-current{color:var(--accent-strong);background:#d49a7314}.mobile-nav button.is-current span{color:var(--accent)}.experience-detail-page{background:#e9e3da}.experience-detail-header,.experience-detail-footer{border-color:#d2c8bc}.experience-detail-brand .wordmark-icon{border-color:#b98563}.experience-detail-brand .wordmark-icon span{color:#a26d4e}.experience-detail-brand small,.experience-detail-meta,.experience-description p,.experience-gallery figcaption,.experience-detail-footer{color:#74675d}.experience-detail-heading h1,.experience-description h2{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:400}.experience-back-link,.experience-back-button,.experience-detail-footer a{color:#815c46}.experience-back-link:hover,.experience-back-button:hover,.experience-detail-footer a:hover{color:#a26d4e}.experience-gallery img{border-radius:3px}.experience-back-button{border-color:#c6b8aa;border-radius:3px}@media (max-width:900px){.hero{gap:26px}.project-card{padding:9px}}@media (max-width:640px){main{padding-bottom:68px}.portfolio-page:not([hidden]){height:calc(100svh - 134px)}.hero.portfolio-page:not([hidden]){height:calc(100svh - 222px)}.intro-strip:not([hidden]){height:84px;bottom:68px}.intro-inner{grid-template-rows:repeat(3,minmax(0,1fr));min-height:84px;padding-block:3px}.dashboard-stat{gap:6px}.dashboard-stat strong{font-size:13px}.dashboard-stat span{white-space:normal;font-size:9px}.page-controls{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;height:68px;padding:5px 8px}.page-nav-button{border-radius:5px;gap:2px;min-height:0;padding-inline:2px;font-size:10px}.site-header{background:#11100ff0}.hero h1{font-size:clamp(37px,10vw,46px);line-height:1.02}.hero h1 .hero-role{max-width:34ch;font-size:13px;line-height:1.5}.hero-description{font-size:14px;line-height:1.65}.hero-art{border-radius:4px}.hero-actions .button,.hero-actions .text-link{min-height:44px}.work-section.portfolio-page .section-heading h2,.services-heading h2,.skills-heading h2,.leadership-heading h2{font-size:38px}.section-heading{gap:12px}.work-count{font-size:10px}.filter-row{gap:7px;margin-top:20px}.filter-chip{min-height:40px;padding-inline:13px}.project-grid{gap:16px}.project-card{border-radius:5px;padding:8px}.project-preview{aspect-ratio:1.55}.project-info h3{font-size:18px}.project-info p{font-size:14px;line-height:1.65}.project-stack span{padding:5px 7px}.project-links{gap:7px}.project-links a{min-height:40px;padding-inline:10px}.service-row{grid-template-columns:24px 36px minmax(0,1fr) 16px;gap:9px}.service-copy p{font-size:11px;line-height:1.6}.skill-card{min-height:76px}.leadership-card-link{min-height:72px}.contact-topline{font-size:8px}.contact-section h2{font-size:clamp(42px,11vw,58px);line-height:1}.contact-form{padding:16px}.contact-form input{min-height:44px}.contact-form textarea{min-height:76px}.contact-form .button{min-height:44px}.contact-bottom{margin-top:24px;font-size:9px}.contact-bottom button{min-height:40px}}@media (max-width:640px) and (max-height:600px){.intro-strip:not([hidden]){display:none}.hero.portfolio-page:not([hidden]){height:calc(100svh - 162px)}}@media (prefers-reduced-motion:reduce){.project-card:hover{transform:none}.experience-timeline:after{transition:none}.experience-detail-heading,.experience-description,.experience-gallery figure,.experience-back-button{animation:none}.skill-pills>span:hover{transform:none}.experience-gallery figure:hover img,.leadership-card:hover .leadership-photo{filter:none;transform:none}}@media (max-width:640px){.leadership-section.portfolio-page:not([hidden]){padding-inline:0}.leadership-section{padding:27px 0 30px}.leadership-section>.section-wrap{width:calc(100% - 40px)}.leadership-heading{gap:16px;margin-bottom:20px;display:grid}.leadership-heading-aside{gap:10px;width:100%}.leadership-list{display:block}.experience-timeline{left:22px}.leadership-card-link{grid-template-columns:20px 34px minmax(0,1fr) 16px;gap:9px;min-height:108px;padding:13px}.leadership-card-link.leadership-card-featured{grid-template-columns:20px 74px minmax(0,1fr) 16px;gap:8px;min-height:126px;padding:12px}.leadership-photos .leadership-photo{height:92px}.leadership-mark{width:34px;height:34px;font-size:9px}.leadership-copy{grid-template-columns:minmax(0,1fr) auto;gap:5px 6px}.leadership-copy h3{font-size:14px}.leadership-copy p{font-size:12px;line-height:1.4}.leadership-period{grid-area:1/2/3;padding:5px 7px;font-size:10px}.leadership-period.period-long{font-size:9px}.leadership-index{width:26px;height:26px;font-size:8px}}.page-nav-icon{justify-content:center;align-items:center;display:inline-flex}.header-cta,.menu-toggle,.wordmark{transition:color .22s,border-color .22s,background .22s}.mobile-nav button>span:last-child{justify-content:flex-end;display:inline-flex}.visual-tokopedia .visual-art i{transform-origin:bottom}.project-card:hover .visual-tokopedia .visual-art i{animation:.48s cubic-bezier(.2,.7,.2,1) both project-bar-bounce}.project-card:hover .visual-tokopedia .visual-art i:nth-child(2){animation-delay:40ms}.project-card:hover .visual-tokopedia .visual-art i:nth-child(3){animation-delay:80ms}.project-card:hover .visual-tokopedia .visual-art i:nth-child(4){animation-delay:.12s}.project-card:hover .visual-tokopedia .visual-art i:nth-child(5){animation-delay:.16s}.project-grid{perspective:1100px;transform-style:preserve-3d}.project-card{transform-style:preserve-3d;backface-visibility:hidden}.project-preview,.project-info{transform-style:preserve-3d}.project-label{transform:translateZ(14px)}.project-info>div:first-child,.project-meta{transform:translateZ(8px)}.skill-mark{transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .2s,background .2s}.about-fact{transition:border-color .25s,background .25s}.contact-form input,.contact-form textarea{transition:border-color .2s,box-shadow .2s,background .2s}.contact-links a{transition:color .2s}.contact-form .button svg,.contact-bottom button svg,.project-links a svg{transition:transform .22s}.contact-form .button:hover svg,.contact-bottom button:hover svg,.project-links a:hover svg{transform:translate(2px,-2px)}@keyframes page-enter{0%{opacity:0;filter:blur(12px);transform:perspective(1400px)translate3d(0,38px,-90px)rotateX(5deg)scale(.94)}to{opacity:1;filter:blur();transform:perspective(1400px)translate(0)rotateX(0)scale(1)}}@keyframes project-bar-bounce{0%{transform:scaleY(1)}55%{transform:scaleY(1.13)translateY(-2px)}to{transform:scaleY(1)}}.hero-art-3d{isolation:isolate;perspective:1100px;transform-style:preserve-3d;will-change:transform}.hero-art-3d:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(145deg,#f5f1e91a,#d49a7309);border:1px solid #f5f1e929;border-radius:18px;position:absolute;inset:9% 12%;transform:translateZ(-42px)rotateY(-8deg)rotateX(4deg);box-shadow:0 28px 80px #0000003d}.hero-art-3d .portrait-image{transform:translateZ(28px)scale(1.015)}.hero-portrait-layer{z-index:2;transform-style:preserve-3d;position:absolute;inset:0}.hero-art-3d .portrait-shade{transform:translateZ(32px)}.hero-art-3d .portrait-glint{z-index:3;transform:translateZ(46px)}.hero-art-3d .portrait-index,.hero-art-3d .portrait-caption{z-index:5;transform:translateZ(70px)}.hero-float-card{z-index:4;color:#f5f1e9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-style:preserve-3d;pointer-events:none;background:#181614e0;border:1px solid #f5f1e933;border-radius:8px;gap:7px;padding:12px 14px;animation:5s ease-in-out infinite hero-card-float;display:grid;position:absolute;box-shadow:0 18px 42px #0000004d,inset 0 1px #ffffff12}.hero-float-code{width:clamp(138px,16vw,190px);top:17%;left:2%;transform:translateZ(94px)rotateY(9deg)rotateX(-4deg)}.hero-float-stack{width:clamp(148px,17vw,202px);animation-delay:-2.2s;bottom:5%;left:2%;right:auto;transform:translateZ(118px)rotateY(-10deg)rotateX(5deg)}.hero-float-card>span:first-child{color:#b7a99d;letter-spacing:.14em;align-items:center;gap:7px;font-size:8px;display:flex}.hero-float-code>span i{background:#d49a73;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #d49a73cc}.hero-float-code b{color:#e4ad85;letter-spacing:-.06em;font-family:Consolas,monospace;font-size:clamp(16px,2vw,22px);font-weight:500}.hero-float-card small{color:#b7a99d;font-size:9px}.hero-stack-marks{gap:5px;display:flex}.hero-stack-marks i{color:#e4ad85;background:#d49a731a;border:1px solid #d49a7347;border-radius:4px;place-items:center;min-width:24px;height:23px;font-size:8px;font-style:normal;display:grid}.hero-float-stack b{font-size:12px;font-weight:600}.skill-card,.leadership-card{perspective:900px;transform-style:preserve-3d;backface-visibility:hidden}.skill-mark,.leadership-photos,.leadership-mark{transition:transform .3s cubic-bezier(.2,.7,.2,1);transform:translateZ(12px)}.skill-card:hover .skill-mark{transform:translateZ(15px)}.leadership-card:hover .leadership-photos,.leadership-card:hover .leadership-mark{transform:translateZ(24px)}@keyframes hero-card-float{0%,to{translate:0}50%{translate:0 -9px}}@media (max-width:900px){.hero-float-code{left:-1%}.hero-float-stack{bottom:2%;left:0;right:auto}}@media (max-width:640px){.hero-art-3d{overflow:visible}.hero-art-3d:before{inset:8% 7%;transform:translateZ(-24px)rotateY(-5deg)rotateX(3deg)}.hero-float-card{border-radius:6px;gap:4px;padding:8px 9px}.hero-float-code{width:132px;top:10%;left:0;transform:translateZ(58px)rotateY(8deg)rotateX(-3deg)}.hero-float-stack{width:142px;bottom:0;left:0;right:auto;transform:translateZ(48px)rotateY(-8deg)rotateX(4deg)}.hero-float-card>span:first-child{font-size:7px}.hero-float-code b{font-size:15px}.hero-float-card small{font-size:8px}.hero-float-stack b{font-size:10px}.hero-art-3d .portrait-index,.hero-art-3d .portrait-caption{font-size:8px}}@media (prefers-reduced-motion:reduce){.hero-float-card{animation:none}.hero-art-3d,.skill-card,.leadership-card{transform-style:flat}}.portfolio-page:not([hidden]){perspective:1500px;transform-style:preserve-3d}.intro-screen{perspective:1300px;transform-style:preserve-3d}.intro-center{transform-style:preserve-3d}.intro-emblem{transform-style:preserve-3d;transition:filter .3s}.intro-emblem:hover{filter:drop-shadow(0 22px 24px #00000059)}.intro-orbit-outer{transform:translateZ(-16px)}.intro-orbit-inner{transform:translateZ(12px)}.intro-monogram{transform:translateZ(24px);box-shadow:0 18px 38px #0000004d,inset 0 1px #ffffff21}.intro-spark{transform:translate3d(58px,-46px,42px)}.intro-topline,.intro-bottomline{transform:translateZ(28px)}.site-header{perspective:1000px;transform-style:preserve-3d}.wordmark-icon{transition:transform .25s,box-shadow .25s;transform:translateZ(12px)}.wordmark:hover .wordmark-icon{transform:translateZ(24px)rotateY(-12deg);box-shadow:0 8px 18px #00000040}.header-page-context,.header-cta,.menu-toggle{transform-style:preserve-3d}.header-cta:hover,.menu-toggle:hover{box-shadow:0 8px 18px #00000038}.intro-strip{perspective:1000px}.intro-inner{transform-style:preserve-3d}.dashboard-stat{transition:transform .28s cubic-bezier(.2,.7,.2,1);transform:translateZ(0)}.dashboard-stat:hover{transform:translateZ(18px)rotateX(5deg)}.leadership-heading,.about-profile,.about-facts,.about-skills,.contact-layout,.contact-bottom{transform-style:preserve-3d}.leadership-heading>div:first-child,.about-content,.about-skills-heading,.contact-topline{transform:translateZ(12px)}.leadership-section{perspective:1300px}.leadership-heading-aside{transform:translateZ(14px)}.leadership-card{transition:box-shadow .28s,border-color .25s,background .25s;transform:translateZ(0)}.leadership-card:hover{box-shadow:0 22px 38px #00000038}.leadership-copy{transform:translateZ(12px)}.about-section{perspective:1500px}.about-skills{min-width:0;margin-inline:-12px;padding-inline:12px}.about-skills-heading{overflow-wrap:anywhere;min-width:0}.about-skills-heading .eyebrow,.about-skills-heading h3,.about-skills-heading p{max-width:100%}.about-stamp{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .3s}.about-stamp:hover{filter:drop-shadow(16px 20px 14px #00000047);transform:rotate(-8deg)translateZ(30px)rotateY(-9deg)}.about-stamp img{transform:translateZ(12px)}.about-stamp span{transform:translateZ(24px)}.about-fact{transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 8px 18px #00000017}.about-fact h3{transform:translateZ(10px)}.about-fact p{transform:translateZ(6px)}.skills-grid{perspective:1000px}.skill-card{transform-style:preserve-3d;box-shadow:0 8px 18px #0000001f}.skill-name,.skill-group,.skill-focus>div{transform:translateZ(8px)}.skill-pills span{transition:transform .22s,border-color .2s}.skill-pills span:hover{transform:translateZ(10px)rotateX(5deg)}.skill-pills>span{transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .2s,background .2s}.skill-pills>span:hover{border-color:var(--accent);background:#d49a7314}.contact-section{perspective:1400px}.contact-copy,.contact-form{transform-style:preserve-3d;backface-visibility:hidden}.contact-copy h2{transform:translateZ(14px)}.contact-links a{transform-style:preserve-3d}.contact-form{box-shadow:0 24px 52px #00000038}.contact-form label{transform:translateZ(6px)}.contact-form input,.contact-form textarea{box-shadow:inset 0 2px 6px #0000001f}.contact-form .button{transform:translateZ(14px);box-shadow:0 8px 18px #0003}.page-controls{perspective:1200px;transform-style:preserve-3d}.page-nav-button{transform-style:preserve-3d;transition:box-shadow .25s,border-color .25s,color .25s}.page-nav-button svg{transform:translateZ(8px)}.page-nav-button>span:not(.page-nav-active){transform:translateZ(12px)}.page-nav-active{transform:translateZ(-3px)}.page-nav-button:hover{box-shadow:0 12px 24px #0000003d}.scene-transition,.portfolio-scene{z-index:1;transform-style:preserve-3d;transform-origin:50% 45%;will-change:transform, opacity;position:relative}.scene-transition{perspective:1400px}.portfolio-scene>.portfolio-page{z-index:1;position:relative}.portfolio-world-canvas{z-index:0;pointer-events:none;opacity:.14;mix-blend-mode:screen;width:100vw;height:100vh;position:fixed;inset:0}.portfolio-world-canvas[data-scene=beranda]{opacity:.44}.portfolio-world-canvas[data-scene=karya]{opacity:.12}.portfolio-world-canvas[data-scene=tentang],.portfolio-world-canvas[data-scene=pengalaman],.portfolio-world-canvas[data-scene=kontak]{opacity:.17}.scene-atmosphere{z-index:0;pointer-events:none;transform-style:preserve-3d;position:fixed;inset:0;overflow:hidden}.scene-atmosphere i{background:var(--accent-strong);opacity:.26;border-radius:50%;width:3px;height:3px;animation:12s ease-in-out infinite alternate scene-particle-drift;position:absolute;box-shadow:0 0 14px #e4ad857a}.scene-atmosphere i:first-child{top:24%;left:12%}.scene-atmosphere i:nth-child(2){width:2px;height:2px;animation-delay:-3s;top:18%;left:83%}.scene-atmosphere i:nth-child(3){animation-delay:-6s;top:71%;left:73%}.scene-atmosphere i:nth-child(4){width:2px;height:2px;animation-delay:-8s;top:82%;left:23%}.scene-atmosphere i:nth-child(5){width:2px;height:2px;animation-delay:-4s;top:13%;left:51%}.scene-atmosphere i:nth-child(6){animation-delay:-10s;top:52%;left:91%}[data-card-spotlight]{transform-style:preserve-3d;position:relative}[data-card-spotlight]:after{z-index:2;border-radius:inherit;content:"";background:radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,50%), #e4ad8533, #e4ad850f 24%, transparent 58%);opacity:0;pointer-events:none;transition:opacity .24s;position:absolute;inset:0}[data-card-spotlight]:hover:after,[data-card-spotlight]:active:after{opacity:1}.project-card[data-card-spotlight]:after{z-index:4}.contact-form[data-card-spotlight]:after{border-radius:inherit}@keyframes scene-particle-drift{0%{opacity:.1;transform:translate3d(-4px,6px,-24px)}to{opacity:.42;transform:translate3d(8px,-12px,24px)}}.work-section .section-heading,.leadership-heading,.about-profile,.contact-topline{translate:0 var(--scroll-back,0px)}.work-section .filter-row,.project-grid,.leadership-list,.about-facts,.about-skills,.contact-layout,.contact-bottom{translate:0 var(--scroll-front,0px)}.work-section .section-heading,.work-section .filter-row,.project-grid,.leadership-heading,.leadership-list,.about-profile,.about-facts,.about-skills,.contact-topline,.contact-layout,.contact-bottom{transition:translate .18s linear}@media (max-width:640px){.about-fact{box-shadow:0 6px 14px #0000001a}.portfolio-world-canvas{opacity:.1}.portfolio-world-canvas[data-scene=beranda]{opacity:.28}.project-focus-panel{grid-template-columns:1fr;gap:16px}.project-focus-preview{min-height:180px}.project-focus-content>p{font-size:13px}.project-journey{max-height:240px}}@media (prefers-reduced-motion:reduce){.scene-transition,.portfolio-scene{will-change:auto}.scene-atmosphere i{animation:none}[data-card-spotlight]:after{transition:none}.work-section .section-heading,.work-section .filter-row,.project-grid,.leadership-heading,.leadership-list,.about-profile,.about-facts,.about-skills,.contact-topline,.contact-layout,.contact-bottom{transition:none;translate:none}.intro-orbit-outer,.hero-float-card{animation:none!important}.project-card:hover .project-visual:after{animation:none}.project-visual:after{display:none}.project-focus-trigger svg,.project-journey-progress span{transition:none}.intro-enter:hover{transform:none}.intro-emblem,.about-stamp,.page-nav-button,.skill-card,.leadership-card{transform-style:flat}.skill-card:hover,.leadership-card:hover,.about-stamp:hover{transform:none}}main{height:auto;min-height:100svh;padding-bottom:96px;overflow:visible}.portfolio-page:not([hidden]){overscroll-behavior:auto;height:auto;min-height:0;overflow:visible}.hero.portfolio-page:not([hidden]){height:auto}.intro-strip:not([hidden]){height:auto;position:relative;bottom:auto}#beranda,#karya,#pengalaman,#tentang,#kontak{scroll-margin-top:88px}.hero-art-3d{margin-bottom:72px}.hero-art-3d .portrait-caption{color:#f5f1e9;letter-spacing:.09em;text-align:center;background:#1c1916;border:1px solid #71513d;border-radius:8px;flex-wrap:wrap;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto;padding:12px 16px;font-size:clamp(11px,1vw,13px);font-weight:600;line-height:1.5;inset:calc(100% + 20px) 0 auto;transform:none}.hero-art-3d .portrait-caption i{color:#e4ad85}@media (max-width:640px){main{padding-bottom:88px}}.portfolio-world-canvas[data-scene=beranda],.scene-atmosphere{display:none}.portfolio-scene{transform:none!important}.hero.portfolio-page:not([hidden]){padding-block:56px 72px}.hero-copy{min-width:0}.hero-bi-eyebrow{color:#e4ad85;letter-spacing:.18em;font-size:12px}.hero-showcase{width:100%;min-width:0;max-width:510px;margin-inline:auto}.hero-showcase .hero-art{aspect-ratio:auto;height:300px;margin:0}.hero-showcase .hero-art:before{background:radial-gradient(at 70%,#30241d,#171513 72%);border-radius:18px;inset:6% 5% 0;transform:none}.hero-showcase .portrait-index{color:#d1c5ba;font-size:10px;top:24px;left:28px}.hero-showcase .portrait-glint{opacity:.35;animation:none}.showcase-caption{color:#e8e0d6;letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 4px;font-size:11px;line-height:1.5;display:flex;position:relative}.showcase-caption i{color:#e4ad85;margin-inline:4px;font-style:normal}.showcase-caption>span:last-child{color:#b7a99d;font-size:9px}.project-grid{gap:24px}.project-card-bi{border-color:#72543f}.project-card-bi .project-preview{aspect-ratio:2.1;min-height:190px}.preview-disclosure{color:#e4d5c7;background:#151310eb;border:1px solid #68513f;border-radius:4px;padding:5px 8px;font-size:10px;position:absolute;bottom:12px;right:12px}.bi-project-summary{background:#1d1a16;border:1px solid #514335;border-radius:8px;margin-block:18px;padding:16px}.bi-summary-label{color:#e4ad85;letter-spacing:.12em;font-size:10px}.bi-project-summary h4{color:#f5f1e9;margin:9px 0 12px;font-size:17px;font-weight:500;line-height:1.5}.bi-metrics{flex-wrap:wrap;gap:6px;display:flex}.bi-metrics span{color:#c9d5cb;background:#2b2922;border-radius:4px;padding:5px 8px;font-size:11px}.bi-insight-detail{border-top:1px solid #514335;margin-top:14px;padding-top:12px}.bi-insight-detail summary{cursor:pointer;color:#e8b994;min-height:32px;font-size:13px}.bi-insight-detail summary svg{vertical-align:middle;margin-left:5px}.work-section.portfolio-page .bi-insight-detail p{color:#d5c9bd;margin:8px 0 0;font-size:13px;line-height:1.7}.bi-insight-detail summary:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid #e4ad85}.project-card-bi:focus-within{border-color:#e4ad85}.project-card-bi:hover .project-visual,.project-card-bi:focus-within .project-visual{transform:scale(1.025)}.project-journey{max-height:none;overflow:visible}@media (max-width:900px){.hero.portfolio-page:not([hidden]){padding-top:32px}.hero-showcase .hero-art{height:250px}}@media (max-width:640px){.hero.portfolio-page:not([hidden]){gap:28px;padding-block:28px 48px}.hero-showcase .hero-art{height:260px}.hero-showcase .portrait-index{font-size:9px;display:flex}.hero-bi-eyebrow{font-size:10px}.hero-showcase .portrait-image{object-fit:contain}.showcase-caption{font-size:10px}.project-grid{grid-template-columns:1fr;gap:20px}.project-card-bi .project-preview{min-height:180px}.bi-project-summary{padding:14px}}@media (prefers-reduced-motion:reduce){.project-card-bi:hover .project-visual,.project-card-bi:focus-within .project-visual{transform:none}.project-visual{transition:none}}.hero h1 .hero-name-line{color:var(--white);display:block}.hero-showcase{max-width:560px}.hero-showcase .hero-motion-art{height:clamp(360px,34vw,490px)}.hero-showcase .hero-motion-art:before{background:radial-gradient(at 65% 60%,#3a2b21,#171513 72%);border-color:#b98a6250;border-radius:44% 44% 18px 18px;inset:14% 8% 8%}.hero-motion-art .hero-portrait-layer{inset:8% 6% 5%}.hero-showcase .hero-motion-art .portrait-image{object-fit:contain;object-position:center bottom;-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.portrait-aurora{filter:blur(22px);pointer-events:none;background:radial-gradient(at 30% 40%,#d49a7338,#0000 58%),radial-gradient(at 70% 70%,#719e9226,#0000 60%);border-radius:50%;animation:7s ease-in-out infinite alternate portrait-breathe;position:absolute;inset:6% 0}.portrait-orbits{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.portrait-orbit-path{transform-origin:250px 250px;animation:26s linear infinite portrait-orbit-turn}.portrait-orbit-path ellipse{fill:none;stroke:#d49a735c;stroke-width:1px;stroke-dasharray:180 24 3 24}.portrait-orbit-path circle{fill:#e4ad85;filter:drop-shadow(0 0 5px #d49a73)}.portrait-orbit-reverse{animation-duration:34s;animation-direction:reverse}.portrait-orbit-reverse ellipse{stroke:#9bb5ab42;stroke-dasharray:4 14}.portrait-orbit-reverse circle{fill:#a9c7bb}.hero-showcase .hero-motion-art .portrait-index{top:3%;left:8%;transform:none}.portrait-motion-toggle{z-index:6;color:#e6d5c5;cursor:pointer;background:#181512f2;border:1px solid #71513d;border-radius:6px;min-height:36px;padding:7px 10px;font-size:10px;position:absolute;bottom:4%;right:7%}.portrait-motion-toggle:hover{color:#fff;border-color:#e4ad85}.hero-motion-art[data-motion=paused] .portrait-aurora,.hero-motion-art[data-motion=paused] .portrait-orbit-path{animation-play-state:paused}.hero-actions .button{transition:transform .25s,box-shadow .25s}.hero-actions .button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #d49a7330}.showcase-caption{padding-inline:8%;padding-top:22px}@keyframes portrait-orbit-turn{to{transform:rotate(360deg)}}@keyframes portrait-breathe{0%{opacity:.6;transform:scale(.9)rotate(-8deg)}to{opacity:1;transform:scale(1.05)rotate(8deg)}}.hero-actions{flex-wrap:wrap}.cv-pending{color:#c9b8a7;min-height:44px;font:inherit;cursor:not-allowed;background:#211b16;border:1px dashed #79624f;border-radius:6px;padding:12px 14px;font-size:12px}.project-filter-status{color:#c9b8a7;margin:0 0 16px;font-size:12px}.project-grid{align-items:start}.project-card{scroll-margin-top:100px}.project-card-with-screen .project-preview{aspect-ratio:1.7;min-height:200px}.project-screenshot{background:#e9eeeb;width:100%;height:100%;position:relative;overflow:hidden}.project-screenshot img{object-fit:cover;object-position:center top;transition:object-position 3s,transform .6s}.project-card-with-screen .project-label{color:#f5f1e9;background:#171512eb;border:1px solid #806348;border-radius:5px;padding:6px 9px;top:12px;bottom:auto}.project-card-expanded{border-color:#d49a73;grid-column:1/-1}.project-card-expanded>.project-preview,.project-card-expanded>.project-info .bi-project-summary{display:none}.project-case-inline{border-top:1px solid #70543e;margin-top:20px;padding:24px clamp(4px,2vw,24px);overflow:hidden}.project-case-inline .project-focus-heading{gap:16px;margin-bottom:20px}.project-case-inline .project-focus-heading h3{color:#f5f1e9;margin:8px 0;font-size:clamp(22px,3vw,32px);line-height:1.3}.project-case-inline .project-focus-heading h3:focus-visible{outline-offset:6px;outline:2px solid #e4ad85}.project-focus-close{flex-shrink:0;min-width:44px;min-height:44px}.project-gallery-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.project-gallery-tabs button{color:#e3d4c6;cursor:pointer;background:#211b16;border:1px solid #72533c;border-radius:6px;min-height:44px;padding:10px 14px}.project-gallery-tabs button[aria-pressed=true]{color:#241810;background:#e4ad85}.project-gallery-image{aspect-ratio:16/10;background:#e9eeeb;border:1px solid #685340;border-radius:10px;width:100%;max-height:560px;display:block;position:relative;overflow:hidden}.project-gallery-image img{object-fit:cover;object-position:top}.project-gallery-image>span{color:#f5f1e9;background:#171512ee;border:1px solid #a88260;border-radius:6px;align-items:center;gap:6px;padding:10px 14px;font-size:12px;display:flex;position:absolute;bottom:14px;right:14px}.project-gallery-note{color:#c9b8a7;margin:12px 0 24px;font-size:12px;line-height:1.7}.project-gallery-note a{color:#e4ad85;text-underline-offset:3px;align-items:center;gap:4px;text-decoration:underline;display:inline-flex}.project-case-inline .project-journey{margin-block:24px;padding-right:0}.project-case-inline .project-journey-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-case-inline .project-journey-progress{display:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-card-with-screen:hover .project-screenshot img{object-position:center 12%;transform:scale(1.015)}}@media (pointer:coarse){.project-card{transform:none!important}.project-focus-trigger,.project-links a,.filter-chip{min-height:44px}}@media (max-width:640px){.hero-showcase .hero-motion-art{height:340px}.hero-showcase .hero-motion-art .portrait-index{font-size:9px}.showcase-caption{padding-inline:4%}.project-case-inline{padding:20px 4px}.project-case-inline .project-journey-steps{grid-template-columns:1fr;gap:16px}.project-card-with-screen .project-preview{min-height:180px}.project-gallery-image{aspect-ratio:4/3}.project-gallery-image>span{padding:8px;font-size:11px;bottom:8px;right:8px}.hero-actions{gap:14px}}@media (prefers-reduced-motion:reduce){.portrait-aurora,.portrait-orbit-path{animation:none}.hero-actions .button{transition:none}.hero-actions .button:hover{transform:none}.project-screenshot img{transition:none}}.animated-section{isolation:isolate;position:relative}.animated-section>.section-motion-scene{z-index:-1;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.section-light-wash{background:radial-gradient(at 85% 35%,#d49a7318,#0000 62%);position:absolute;inset:0}.section-motion-pengalaman .section-light-wash{background:radial-gradient(at 15% 45%,#b3926f18,#0000 60%)}.section-motion-tentang .section-light-wash{background:radial-gradient(at 80% 35%,#91b7a817,#0000 65%)}.section-motion-kontak .section-light-wash{background:radial-gradient(at 50% 60%,#d49a7322,#0000 65%)}.section-draw-line{transform-origin:0;background:linear-gradient(90deg,#0000,#d49a73b3 25%,#c8a48266 70%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.section-line-art{opacity:.22;width:clamp(240px,40vw,520px);height:auto;position:absolute;top:40px;right:-45px;overflow:visible}.section-line-art path{fill:none;stroke:#d7ac85;stroke-width:1px;vector-effect:non-scaling-stroke}.section-motion-pengalaman .section-line-art{left:-40px;right:auto}.section-motion-tentang .section-line-art path{stroke:#a9c7bb}.section-motion-kontak .section-line-art{top:auto;bottom:40px}.work-section.animated-section,.about-section.animated-section,.contact-section.animated-section{padding-top:52px;padding-bottom:52px}.leadership-section.animated-section{padding-block:52px}.hero-showcase .hero-motion-art:before{display:none}.hero-showcase .hero-motion-art{box-shadow:none;background:0 0;border:0}.hero-motion-art .hero-portrait-layer{animation:6s ease-in-out infinite portrait-hover-drift;inset:0 -2% -4%}.hero-showcase .hero-motion-art .portrait-image{object-fit:contain;object-position:center;filter:saturate(.86)contrast(1.02);transform:none;-webkit-mask-image:radial-gradient(76% 83% at 54% 29%,#000 48%,#000e 65%,#0000 99%);mask-image:radial-gradient(76% 83% at 54% 29%,#000 48%,#000e 65%,#0000 99%)}.hero-motion-art .portrait-shade{display:none}.hero-motion-art .portrait-glint{opacity:.16}.hero-motion-art .portrait-aurora{filter:blur(36px);opacity:.7;inset:-8% -4%}.hero-motion-art .portrait-orbits{opacity:.55;transform:scale(.94)}.hero-motion-art[data-motion=paused] .hero-portrait-layer{animation-play-state:paused}.hero-showcase .showcase-caption{z-index:4;margin-top:-8px;position:relative}@keyframes portrait-hover-drift{0%,to{translate:0}50%{translate:0 -9px}}.contact-form:focus-within{border-color:#d49a73;box-shadow:0 0 0 1px #d49a7330,0 18px 50px #0002}.contact-form{transition:border-color .3s,box-shadow .3s}.skill-mark svg,.leadership-arrow{transition:transform .35s cubic-bezier(.16,1,.3,1)}.skill-card:hover .skill-mark svg{transform:rotate(-8deg)scale(1.12)}.leadership-card:hover .leadership-arrow{transform:translate(3px,-3px)}@media (max-width:640px){.work-section.animated-section,.about-section.animated-section,.contact-section.animated-section,.leadership-section.animated-section{padding-block:32px}.hero-motion-art .hero-portrait-layer{inset:2% 0 -3%}.section-line-art{opacity:.14;width:260px}.hero-motion-art .portrait-aurora{filter:blur(20px)}}@media (prefers-reduced-motion:reduce){.hero-motion-art .hero-portrait-layer{animation:none}.contact-form,.skill-mark svg,.leadership-arrow{transition:none}.skill-card:hover .skill-mark svg,.leadership-card:hover .leadership-arrow{transform:none}}@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-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-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}