@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-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:Inter, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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);--font-display:Inter, "Segoe UI", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-\[71\.1\%\]{width:71.1%;height:71.1%}.size-full{width:100%;height:100%}.min-h-\[193px\]{min-height:193px}.min-h-screen{min-height:100vh}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[1\.4rem\]{border-radius:1.4rem}.rounded-\[1\.6rem\]{border-radius:1.6rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[16px\]{border-radius:16px}.rounded-\[22\.024px\]{border-radius:22.024px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--color-line\)\]{border-color:var(--color-line)}.bg-\[\#002349\]{background-color:#002349}.bg-\[color\:rgba\(255\,250\,243\,0\.7\)\]{background-color:#fffaf3b3}.bg-\[color\:rgba\(255\,255\,255\,0\.45\)\]{background-color:#ffffff73}.bg-\[color\:rgba\(255\,255\,255\,0\.48\)\]{background-color:#ffffff7a}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-\[var\(--color-background\)\]{background-color:var(--color-background)}.bg-\[var\(--color-ink\)\]{background-color:var(--color-ink)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-white{background-color:var(--color-white)}.bg-\[linear-gradient\(180deg\,rgba\(255\,250\,243\,0\.95\)\,rgba\(233\,223\,210\,0\.95\)\)\]{background-image:linear-gradient(#fffaf3f2,#e9dfd2f2)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.font-\[var\(--font-display\)\]{--tw-font-weight:var(--font-display);font-weight:var(--font-display)}.font-\[var\(--font-sans\)\]{--tw-font-weight:var(--font-sans);font-weight:var(--font-sans)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-ink\)\]{color:var(--color-ink)}.text-\[var\(--color-muted\)\]{color:var(--color-muted)}.text-\[var\(--color-surface\)\]{color:var(--color-surface)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow-\[0_0_2px_rgba\(0\,0\,0\,0\.03\)\]{--tw-shadow:0 0 2px var(--tw-shadow-color,#00000008);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-card\)\]{--tw-shadow:var(--shadow-card);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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.hover\:border-\[var\(--color-accent\)\]:hover{border-color:var(--color-accent)}.hover\:bg-\[var\(--color-accent\)\]:hover{background-color:var(--color-accent)}.hover\:text-\[var\(--color-accent\)\]:hover{color:var(--color-accent)}.hover\:text-\[var\(--color-ink\)\]:hover{color:var(--color-ink)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-50:focus{z-index:50}.focus\:rounded-xl:focus{border-radius:var(--radius-xl)}.focus\:bg-\[var\(--color-ink\)\]:focus{background-color:var(--color-ink)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-sm:focus{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.focus\:font-medium:focus{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.focus\:text-white:focus{color:var(--color-white)}@media(min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.sm\:pb-12{padding-bottom:calc(var(--spacing) * 12)}.sm\:pb-14{padding-bottom:calc(var(--spacing) * 14)}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[1\.3fr_0\.9fr\]{grid-template-columns:1.3fr .9fr}.lg\:items-end{align-items:flex-end}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}.lg\:py-14{padding-block:calc(var(--spacing) * 14)}.lg\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}}:root{color-scheme:light;--color-background:#fff;--color-surface:#f5f5f5;--color-surface-strong:#ededed;--color-ink:#171717;--color-muted:gray;--color-accent:#3fad10;--color-accent-soft:#e8f5df;--color-line:#17171714;--shadow-soft:0 0 0 #0000;--shadow-card:0 0 0 #0000;--content-desktop-width:848px;--content-tablet-width:848px;--content-mobile-width:375px;--content-mobile-inner-width:343px;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);min-width:320px;color:var(--color-ink);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}::selection{background:#3fad102e}.portfolio-shell{grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.portfolio-sidebar-shell{align-self:stretch;padding:40px 24px}.portfolio-sidebar{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 80px);display:flex;position:sticky;top:40px}.portfolio-sidebar-profile-block{flex-direction:column;gap:40px;display:flex}.ui-button{min-width:0;min-height:64px;font-family:var(--font-sans);color:inherit;cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s,opacity .16s;display:inline-flex}.ui-button:focus-visible{outline-offset:3px;outline:2px solid #3fad104d}.ui-button:disabled,.ui-button[aria-disabled=true]{cursor:default;opacity:.5;pointer-events:none}.ui-button__icon{color:currentColor;flex-shrink:0;width:16px;height:16px;display:inline-flex}.ui-button__label{display:block}.ui-icon{width:100%;height:100%;display:block}.ui-button--primary{background:var(--color-ink);color:#fff}.ui-button--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-accent)}.ui-button--primary:active:not(:disabled):not([aria-disabled=true]){background:#2e8a08}.ui-button--secondary{background:var(--color-surface);color:var(--color-ink)}.ui-button--secondary:hover:not(:disabled):not([aria-disabled=true]){background:#e3eede}.ui-button--secondary:active:not(:disabled):not([aria-disabled=true]){background:#d7e7d1}.ui-button--link{min-height:auto;color:var(--color-muted);border-radius:16px;padding:0}.ui-button--link:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-accent)}.ui-button--link:active:not(:disabled):not([aria-disabled=true]){color:var(--color-ink)}.ui-button--icon-only{width:48px;min-width:48px;padding:24px 16px}.portfolio-sidebar-link{justify-content:flex-start;line-height:1.4}.portfolio-sidebar-cta{width:100%}.portfolio-sidebar-cta .ui-button__label{align-items:center;gap:8px;display:inline-flex}.portfolio-sidebar-cta-label--mobile{display:none}.portfolio-main-shell{justify-content:center;padding:40px 24px;display:flex}.portfolio-main-column{width:100%;max-width:var(--content-desktop-width);padding-bottom:40px}.portfolio-intro-title{max-width:640px;font-family:var(--font-sans);letter-spacing:0;color:var(--color-ink);text-wrap:balance;font-size:40px;font-weight:600;line-height:1.2}.portfolio-intro-title-mobile{display:none}.portfolio-intro-accent{text-decoration-line:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.14em;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration-thickness:3px}.portfolio-intro-break{display:block}.portfolio-intro-badge{background:var(--color-surface);width:fit-content;max-width:100%;font-family:var(--font-sans);color:var(--color-ink);border-radius:21px;justify-content:center;align-items:center;padding:8px 16px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.portfolio-intro-badge--location{gap:4px}.portfolio-case-card{--portfolio-case-transition-duration:.7s;--portfolio-case-transition-easing:cubic-bezier(.16, 1, .3, 1);z-index:0;background:var(--color-surface);isolation:isolate;text-align:left;cursor:pointer;width:100%;transition:background-color var(--portfolio-case-transition-duration) var(--portfolio-case-transition-easing),box-shadow var(--portfolio-case-transition-duration) var(--portfolio-case-transition-easing);border-radius:24px;flex-direction:column;gap:0;padding:24px 24px 0;display:flex;position:relative;overflow:hidden}.portfolio-case-card--illustrated{max-width:800px;margin-inline:auto;overflow:visible}.portfolio-case-card:hover,.portfolio-case-card:focus-visible{z-index:2;background:#e3eede}.portfolio-case-card:focus-visible{outline-offset:4px;outline:2px solid #3fad1052}.portfolio-case-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.portfolio-case-title{width:524px;min-width:0;max-width:524px;font-family:var(--font-sans);color:var(--color-ink);flex:0 0 524px;font-size:32px;font-weight:600;line-height:1.2}.portfolio-case-arrow{width:16px;height:16px;color:var(--color-muted);transition:color var(--portfolio-case-transition-duration) var(--portfolio-case-transition-easing);flex-shrink:0;display:block;position:relative}.portfolio-case-card:hover .portfolio-case-arrow,.portfolio-case-card:focus-visible .portfolio-case-arrow{color:var(--color-accent)}.portfolio-case-arrow-icon{width:16px;height:16px;display:block}.portfolio-case-preview-frame{width:752px;height:460px;margin-inline:auto;position:relative;overflow:visible}.portfolio-case-cover-frame{z-index:1;width:752px;height:100%;margin-inline:auto;position:relative;overflow:hidden}.portfolio-case-preview-image-shell{aspect-ratio:736/450;box-sizing:border-box;transform-origin:top;width:736px;height:450px;transition:transform var(--portfolio-case-transition-duration) var(--portfolio-case-transition-easing);will-change:transform;border:1px solid #e3eede;border-top-left-radius:11.739px;border-top-right-radius:11.739px;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%,28px)rotate(0)scale(.934783,.933333)}.portfolio-case-card:hover .portfolio-case-preview-image-shell,.portfolio-case-card:focus-visible .portfolio-case-preview-image-shell{transform:translate(-50%)rotate(-1deg)scale(1)}.portfolio-case-preview-image{object-fit:fill;object-position:left top;width:100%;max-width:none;height:122.76%;position:absolute;top:.02%;left:0}.portfolio-case-preview-image--case-1{object-fit:contain;height:auto;top:0}.portfolio-case-preview-image--case-2{object-fit:cover;object-position:center top;height:100%;top:0}.portfolio-case-illustrations{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transform-origin:bottom;width:867.199px;height:411.679px;transition:opacity var(--portfolio-case-transition-duration) var(--portfolio-case-transition-easing),transform var(--portfolio-case-transition-duration) var(--portfolio-case-transition-easing);will-change:transform,opacity;position:absolute;left:50%;transform:translate(-50%)}.portfolio-case-card:hover .portfolio-case-illustrations,.portfolio-case-card:focus-visible .portfolio-case-illustrations{opacity:1}.portfolio-case-illustrations--case-1{bottom:-75.68px;transform:translate(-50%,40px)}.portfolio-case-card:hover .portfolio-case-illustrations--case-1,.portfolio-case-card:focus-visible .portfolio-case-illustrations--case-1{transform:translate(-50%)}.portfolio-case-illustrations--case-2{bottom:-75.68px;transform:translate(-50%,80px)}.portfolio-case-card:hover .portfolio-case-illustrations--case-2,.portfolio-case-card:focus-visible .portfolio-case-illustrations--case-2{transform:translate(-50%)}.portfolio-case-illustration-shell{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.portfolio-case-illustration-shell--case1-mau{z-index:3;width:229.364px;height:165.358px;top:0;left:637.83px}.portfolio-case-illustration-shell--case1-mrr{z-index:2;width:199.036px;height:167.456px;top:89.95px;left:0}.portfolio-case-illustration-shell--case1-blob{z-index:1;width:412.144px;height:412.144px;top:18.11px;left:260.44px}.portfolio-case-illustration-shell--case2-tariff{z-index:2;width:413.148px;height:282.275px;bottom:66.54px;left:calc(50% + 142.43px);transform:translate(-50%)}.portfolio-case-illustration-shell--case2-blob{z-index:3;width:459.279px;height:459.279px;top:-28px;left:44px}.portfolio-case-illustration{pointer-events:none;transform-origin:50%;transition:transform var(--portfolio-case-transition-duration) var(--portfolio-case-transition-easing);will-change:transform;flex-shrink:0;display:block;position:relative}.portfolio-case-illustration--case1-mau{filter:drop-shadow(0 4px 8px #00000029);width:211px;transform:rotate(0)}.portfolio-case-card:hover .portfolio-case-illustration--case1-mau,.portfolio-case-card:focus-visible .portfolio-case-illustration--case1-mau{transform:rotate(9deg)}.portfolio-case-illustration--case1-mrr{filter:drop-shadow(0 4px 8px #00000029);width:175px;transform:rotate(0)}.portfolio-case-card:hover .portfolio-case-illustration--case1-mrr,.portfolio-case-card:focus-visible .portfolio-case-illustration--case1-mrr{transform:rotate(-12deg)}.portfolio-case-illustration--case1-blob{width:375px;transform:rotate(6deg)}.portfolio-case-card:hover .portfolio-case-illustration--case1-blob,.portfolio-case-card:focus-visible .portfolio-case-illustration--case1-blob{transform:rotate(0)}.portfolio-case-illustration--case2-tariff{filter:drop-shadow(0 4px 8px #00000029);width:400px;transform:rotate(0)}.portfolio-case-card:hover .portfolio-case-illustration--case2-tariff,.portfolio-case-card:focus-visible .portfolio-case-illustration--case2-tariff{transform:rotate(3deg)}.portfolio-case-illustration--case2-blob{width:375px;transform:rotate(0)}.portfolio-case-card:hover .portfolio-case-illustration--case2-blob,.portfolio-case-card:focus-visible .portfolio-case-illustration--case2-blob{transform:rotate(-15deg)}.portfolio-playground-card{background:var(--color-surface);border-radius:24px;flex-direction:column;align-items:center;gap:40px;width:100%;height:480px;padding:24px;transition:background-color .5s ease-in-out;display:flex;overflow:visible}.portfolio-playground-card:hover{background:#e3eede}.portfolio-playground-header{width:100%;font-family:var(--font-sans);flex-direction:column;gap:8px;font-size:16px;font-weight:500;line-height:1.4;display:flex}.portfolio-playground-kicker,.portfolio-playground-description{margin:0}.portfolio-playground-kicker{font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--color-muted)}.portfolio-playground-description{color:var(--color-ink)}.portfolio-playground-stack{isolation:isolate;flex-shrink:0;width:min(100%,752px);height:320px;position:relative}.portfolio-playground-concept{--playground-x:0px;--playground-rotation:0deg;--playground-hover-x:var(--playground-x);--playground-hover-rotation:var(--playground-rotation);--playground-active-x:var(--playground-x);--playground-active-rotation:var(--playground-rotation);--playground-neighbor-shift:0px;--playground-scale:1;appearance:none;cursor:pointer;width:200px;height:278px;transform:translate(-50%,-50%) translate(calc(var(--playground-active-x) + var(--playground-neighbor-shift))) rotate(var(--playground-active-rotation)) scale(var(--playground-scale));transform-origin:50%;background:#fff;border:8px solid #fff;border-radius:16px;padding:0;transition:transform .3s ease-in-out;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 4px 16px #00000029}.portfolio-playground-concept:focus-visible{outline-offset:6px;outline:2px solid #3fad107a}.portfolio-playground-concept--short{height:250px}.portfolio-playground-concept--1{--playground-x:-196px;--playground-rotation:-15deg;--playground-hover-x:-352px;--playground-hover-rotation:9deg;z-index:6}.portfolio-playground-concept--2{--playground-x:-108px;--playground-rotation:6deg;--playground-hover-x:-208px;--playground-hover-rotation:-12deg;z-index:5}.portfolio-playground-concept--3{--playground-x:-20px;--playground-rotation:-9deg;--playground-hover-x:-56px;--playground-hover-rotation:12deg;z-index:4}.portfolio-playground-concept--4{--playground-x:20px;--playground-rotation:15deg;--playground-hover-x:56px;--playground-hover-rotation:-9deg;z-index:3}.portfolio-playground-concept--5{--playground-x:108px;--playground-rotation:-3deg;--playground-hover-x:208px;--playground-hover-rotation:12deg;z-index:2}.portfolio-playground-concept--6{--playground-x:196px;--playground-rotation:18deg;--playground-hover-x:352px;--playground-hover-rotation:9deg;z-index:1}.portfolio-playground-card:hover .portfolio-playground-concept,.portfolio-playground-card:focus-within .portfolio-playground-concept{--playground-active-x:var(--playground-hover-x);--playground-active-rotation:var(--playground-hover-rotation)}@media(hover:hover)and (pointer:fine){.portfolio-playground-concept:hover{--playground-scale:1.15}.portfolio-playground-stack:has(.portfolio-playground-concept--1:hover) .portfolio-playground-concept--2,.portfolio-playground-stack:has(.portfolio-playground-concept--1:hover) .portfolio-playground-concept--3,.portfolio-playground-stack:has(.portfolio-playground-concept--1:hover) .portfolio-playground-concept--4,.portfolio-playground-stack:has(.portfolio-playground-concept--1:hover) .portfolio-playground-concept--5,.portfolio-playground-stack:has(.portfolio-playground-concept--1:hover) .portfolio-playground-concept--6{--playground-neighbor-shift:4px}.portfolio-playground-stack:has(.portfolio-playground-concept--2:hover) .portfolio-playground-concept--1{--playground-neighbor-shift:-4px}.portfolio-playground-stack:has(.portfolio-playground-concept--2:hover) .portfolio-playground-concept--3,.portfolio-playground-stack:has(.portfolio-playground-concept--2:hover) .portfolio-playground-concept--4,.portfolio-playground-stack:has(.portfolio-playground-concept--2:hover) .portfolio-playground-concept--5,.portfolio-playground-stack:has(.portfolio-playground-concept--2:hover) .portfolio-playground-concept--6{--playground-neighbor-shift:4px}.portfolio-playground-stack:has(.portfolio-playground-concept--3:hover) .portfolio-playground-concept--1,.portfolio-playground-stack:has(.portfolio-playground-concept--3:hover) .portfolio-playground-concept--2{--playground-neighbor-shift:-4px}.portfolio-playground-stack:has(.portfolio-playground-concept--3:hover) .portfolio-playground-concept--4,.portfolio-playground-stack:has(.portfolio-playground-concept--3:hover) .portfolio-playground-concept--5,.portfolio-playground-stack:has(.portfolio-playground-concept--3:hover) .portfolio-playground-concept--6{--playground-neighbor-shift:4px}.portfolio-playground-stack:has(.portfolio-playground-concept--4:hover) .portfolio-playground-concept--1,.portfolio-playground-stack:has(.portfolio-playground-concept--4:hover) .portfolio-playground-concept--2,.portfolio-playground-stack:has(.portfolio-playground-concept--4:hover) .portfolio-playground-concept--3{--playground-neighbor-shift:-4px}.portfolio-playground-stack:has(.portfolio-playground-concept--4:hover) .portfolio-playground-concept--5,.portfolio-playground-stack:has(.portfolio-playground-concept--4:hover) .portfolio-playground-concept--6{--playground-neighbor-shift:4px}.portfolio-playground-stack:has(.portfolio-playground-concept--5:hover) .portfolio-playground-concept--1,.portfolio-playground-stack:has(.portfolio-playground-concept--5:hover) .portfolio-playground-concept--2,.portfolio-playground-stack:has(.portfolio-playground-concept--5:hover) .portfolio-playground-concept--3,.portfolio-playground-stack:has(.portfolio-playground-concept--5:hover) .portfolio-playground-concept--4{--playground-neighbor-shift:-4px}.portfolio-playground-stack:has(.portfolio-playground-concept--5:hover) .portfolio-playground-concept--6{--playground-neighbor-shift:4px}.portfolio-playground-stack:has(.portfolio-playground-concept--6:hover) .portfolio-playground-concept--1,.portfolio-playground-stack:has(.portfolio-playground-concept--6:hover) .portfolio-playground-concept--2,.portfolio-playground-stack:has(.portfolio-playground-concept--6:hover) .portfolio-playground-concept--3,.portfolio-playground-stack:has(.portfolio-playground-concept--6:hover) .portfolio-playground-concept--4,.portfolio-playground-stack:has(.portfolio-playground-concept--6:hover) .portfolio-playground-concept--5{--playground-neighbor-shift:-4px}}.portfolio-playground-image{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.portfolio-lightbox{z-index:100;background:#000000c2;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.portfolio-lightbox-image{object-fit:contain;border-radius:16px;max-width:min(1200px,100vw - 80px);max-height:calc(100vh - 80px);display:block;box-shadow:0 24px 80px #00000052}.portfolio-lightbox-close{z-index:1;color:#fff;cursor:pointer;width:48px;height:48px;font-family:var(--font-sans);background:#ffffff1f;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:400;line-height:1;display:inline-flex;position:fixed;top:24px;right:24px}.portfolio-lightbox-close:hover,.portfolio-lightbox-close:focus-visible{background:#fff3}.portfolio-lightbox-close:focus-visible{outline-offset:4px;outline:2px solid #ffffffb8}@media(prefers-reduced-motion:reduce){.portfolio-case-card,.portfolio-case-preview-image-shell,.portfolio-case-illustrations,.portfolio-case-illustration,.portfolio-playground-card,.portfolio-playground-concept{transition:none}}.portfolio-show-more-button{width:100%}.portfolio-testimonials-carousel{width:100%;position:relative;overflow:visible}.portfolio-testimonials-viewport{width:100%;overflow:hidden}.portfolio-testimonials-track{gap:var(--testimonial-gap);transition:transform 1s cubic-bezier(.22,1,.36,1);display:flex}.portfolio-testimonial-card{width:var(--testimonial-card-width);flex:0 0 var(--testimonial-card-width);background:var(--color-surface);border-radius:24px;flex-direction:column;justify-content:space-between;min-height:340px;padding:24px;display:flex}.portfolio-testimonial-quote-wrap{width:100%}.portfolio-testimonial-quote{font-family:var(--font-sans);color:var(--color-muted);font-size:16px;font-weight:500;line-height:1.4}.portfolio-testimonial-footer{align-items:center;gap:12px;display:flex}.portfolio-testimonial-avatar{filter:drop-shadow(0 0 6.667px #00000008);border-radius:16px;flex-shrink:0;width:48px;height:48px;position:relative}.portfolio-testimonial-company-badge{background:#fff;border-radius:22.024px;width:24px;height:24px;position:absolute;bottom:0;right:0}.portfolio-testimonial-meta{flex-direction:column;gap:4px;display:flex}.portfolio-testimonial-name{font-family:var(--font-sans);color:var(--color-ink);font-size:16px;font-weight:600;line-height:1.2}.portfolio-testimonial-role{font-family:var(--font-sans);color:var(--color-muted);font-size:12px;font-weight:500;line-height:1.4}.portfolio-testimonials-arrow{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-testimonials-arrow--left{left:calc(-1 * var(--testimonial-arrow-offset))}.portfolio-testimonials-arrow--right{right:calc(-1 * var(--testimonial-arrow-offset))}@media(prefers-reduced-motion:reduce){.portfolio-testimonials-track,.portfolio-testimonials-arrow{transition:none}}.portfolio-tech-stack-section{margin-bottom:80px}.portfolio-tech-stack-card{background:var(--color-surface);border-radius:24px;flex-direction:column;gap:24px;width:100%;padding:24px;display:flex}.portfolio-tech-stack-header{align-items:center;width:100%;display:flex}.portfolio-tech-stack-title{font-family:var(--font-sans);color:var(--color-muted);flex:1 0 0;font-size:16px;font-weight:500;line-height:1.4}.portfolio-tech-stack-list{align-items:flex-start;gap:16px;width:100%;margin:0;padding:0;list-style:none;display:flex}.portfolio-tech-stack-item{flex:1 0 0;align-items:center;gap:12px;min-width:0;display:flex}.portfolio-tech-stack-icon-wrap{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden;box-shadow:0 0 13.333px #00000008}.portfolio-tech-stack-icon{object-fit:cover;border-radius:16px;width:100%;height:100%}.portfolio-tech-stack-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.portfolio-tech-stack-name{font-family:var(--font-sans);color:var(--color-ink);margin:0;font-size:16px;font-weight:600;line-height:1.2}.portfolio-tech-stack-description{font-family:var(--font-sans);color:var(--color-muted);margin:0;font-size:12px;font-weight:500;line-height:1.4}.portfolio-personal-section{margin-bottom:8px}.portfolio-personal-card{background:var(--color-surface);border-radius:24px;flex-direction:column;gap:24px;width:100%;padding:24px;display:flex;position:relative;overflow:visible}.portfolio-personal-header{align-items:center;width:100%;display:flex}.portfolio-personal-title{font-family:var(--font-sans);color:var(--color-muted);flex:1 0 0;font-size:16px;font-weight:500;line-height:1.4}.portfolio-personal-copy{font-family:var(--font-sans);color:var(--color-ink);margin:0;font-size:16px;font-weight:500;line-height:1.4}.portfolio-personal-collage{justify-content:flex-start;align-items:center;width:890.795px;max-width:none;margin-left:-45.398px;display:flex;position:relative}.portfolio-personal-collage-image{width:890.795px;max-width:none;height:auto;display:block}.portfolio-contact-section{margin-bottom:0}.portfolio-contact-grid{gap:8px;width:100%;display:flex}.portfolio-contact-button{flex:1 0 0;min-width:0;padding:24px 16px}.portfolio-experience-company-link{color:inherit;cursor:pointer;text-decoration:none}.portfolio-experience-company-link:hover .portfolio-experience-company-name{color:var(--color-accent)}.portfolio-experience-company-link:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #3fad1047}.portfolio-case-page{flex-direction:column;gap:80px;width:100%;max-width:1072px;margin-inline:auto;display:flex}.portfolio-case-overview,.portfolio-case-summary-area{width:100%;max-width:848px;margin-inline:auto}.portfolio-case-overview{flex-direction:column;gap:80px;display:flex}.portfolio-case-detail-stack{flex-direction:column;gap:8px;display:flex}.portfolio-case-hero{flex-direction:column;gap:16px;width:100%;padding:0;display:flex}.portfolio-case-page-title{max-width:var(--portfolio-case-title-max-width,762px);font-family:var(--font-sans);color:var(--color-ink);text-wrap:balance;font-size:40px;font-weight:600;line-height:1.2}.portfolio-case-accent{text-decoration-line:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.14em;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration-thickness:3px}.portfolio-case-page-badges{flex-wrap:wrap;gap:8px;display:flex}.portfolio-case-page-badge{background:var(--color-surface);width:fit-content;max-width:100%;font-family:var(--font-sans);color:var(--color-ink);border-radius:21px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.portfolio-case-page-badge-icon{flex-shrink:0;width:12px;height:12px}.portfolio-case-info-card,.portfolio-case-results-card,.portfolio-case-summary-card{background:var(--color-surface);border-radius:24px;flex-direction:column;gap:24px;padding:24px;display:flex}.portfolio-case-info-row{flex-direction:column;gap:8px;display:flex}.portfolio-case-section-kicker,.portfolio-case-section-title{font-family:var(--font-sans);color:var(--color-muted);margin:0;font-size:16px;font-weight:500;line-height:1.4}.portfolio-case-body-copy,.portfolio-case-body-note,.portfolio-case-metric-caption{font-family:var(--font-sans);color:var(--color-ink);margin:0;font-size:16px;font-weight:450;line-height:1.4}.portfolio-case-body-note{color:var(--color-muted)}.portfolio-case-results-card{gap:24px}.portfolio-case-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.portfolio-case-metric{flex-direction:column;gap:4px;display:flex}.portfolio-case-metric-value{font-family:var(--font-sans);color:var(--color-ink);margin:0;font-size:32px;font-weight:600;line-height:1.2}.portfolio-case-metric-caption{color:var(--color-muted)}.portfolio-case-demo-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5f5f566;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-case-demo-title{font-family:var(--font-sans);color:var(--color-ink);margin:0;font-size:16px;font-weight:600;line-height:1.2}.portfolio-case-demo-button{width:272px;padding-inline:24px}.portfolio-case-demo-embed-shell{aspect-ratio:1024/664;background:#171717;border-radius:12px;width:100%;max-width:1024px;margin-inline:auto;overflow:hidden}.portfolio-case-demo-iframe{border:0;width:100%;height:100%;display:block}.portfolio-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portfolio-case-gallery{flex-direction:column;gap:8px;width:100%;max-width:1072px;margin-inline:auto;display:flex}.portfolio-case-gallery-lead,.portfolio-case-gallery-stack{width:100%}.portfolio-case-gallery-stack{flex-direction:column;gap:8px;display:flex}.portfolio-case-gallery-item{background:var(--color-surface);border-radius:24px;width:100%;padding:24px;overflow:hidden}.portfolio-case-gallery-text-card{background:var(--color-surface);border-radius:24px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:24px;display:flex}.portfolio-case-gallery-text-card--insight,.portfolio-case-gallery-text-card--logo-list,.portfolio-case-gallery-text-card--hypotheses{gap:24px}.portfolio-case-gallery-text-card--insight{padding-right:160px}.portfolio-case-gallery-text-heading-row{justify-content:flex-start;align-items:center;gap:8px;width:100%;display:flex}.portfolio-case-gallery-text-label,.portfolio-case-gallery-text-title,.portfolio-case-gallery-text-item-title,.portfolio-case-gallery-text-copy,.portfolio-case-gallery-caption{font-family:var(--font-sans);margin:0;font-size:16px;font-weight:500}.portfolio-case-gallery-text-label{color:var(--color-muted);line-height:1.4}.portfolio-case-gallery-text-title,.portfolio-case-gallery-text-item-title{color:var(--color-ink);line-height:1.2}.portfolio-case-gallery-text-card--logo-list .portfolio-case-gallery-text-title{color:var(--color-muted);line-height:1.4}.portfolio-case-gallery-text-card--hypotheses .portfolio-case-gallery-text-item-title{line-height:1.4}.portfolio-case-gallery-text-copy{max-width:752px;color:var(--color-muted);line-height:1.4}.portfolio-case-gallery-text-copy--insight{max-width:960px;color:var(--color-ink);font-size:32px;font-weight:600;line-height:1.3}.portfolio-case-gallery-text-accent{text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:auto;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration-thickness:from-font;display:inline}.portfolio-case-gallery-logo-row{flex-shrink:0;align-items:center;gap:4px;display:flex}.portfolio-case-gallery-logo{object-fit:contain;border-radius:50%;width:24px;height:24px;display:block}.portfolio-case-gallery-text-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;width:100%;display:grid}.portfolio-case-gallery-text-item{flex-direction:column;gap:8px;min-width:0;padding-right:120px;display:flex}.portfolio-case-gallery-text-item .portfolio-case-gallery-text-copy{max-width:none}.portfolio-case-gallery-text-item-title{align-items:center;gap:8px;display:inline-flex}.portfolio-case-gallery-text-item-icon{flex-shrink:0;width:16px;height:16px}.portfolio-case-gallery-grid{grid-template-columns:1fr;gap:24px;display:grid}.portfolio-case-gallery-item--pair .portfolio-case-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-case-gallery-item--comparison .portfolio-case-gallery-grid{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:4px}.portfolio-case-gallery-figure{margin:0}.portfolio-case-gallery-caption{color:var(--color-muted);text-align:center;padding-top:8px;line-height:1.4}.portfolio-case-gallery-transition-icon{width:16px;height:16px;display:block}.portfolio-case-gallery-figure--demo{border-radius:12px;position:relative;overflow:hidden}.portfolio-case-gallery-item--lead .portfolio-case-gallery-image{border-radius:12px}.portfolio-case-gallery-image-overlay{z-index:1;opacity:.5;pointer-events:none;background:#f5f5f5;position:absolute;inset:0}.portfolio-case-gallery-image{border-radius:16px;width:100%;height:auto;display:block}.portfolio-case-slider{width:100%;position:relative}.portfolio-case-slider-viewport{aspect-ratio:1024/512;background:#fff;border-radius:12px;width:100%;overflow:hidden}.portfolio-case-slider-stack{width:100%;height:100%;position:relative}.portfolio-case-slider-slide{opacity:0;width:100%;height:100%;margin:0;transition:opacity .5s ease-in-out;position:absolute;inset:0}.portfolio-case-slider-slide--active{opacity:1}.portfolio-case-slider-image{object-fit:contain;border-radius:12px;width:100%;height:100%;display:block}.portfolio-case-summary-area{flex-direction:column;gap:8px;display:flex}.portfolio-case-back-link-wrap{justify-content:center;align-items:center;min-height:64px;display:flex}.portfolio-case-back-link{line-height:1}@media(max-width:1279px){.portfolio-shell{min-height:auto;display:block}.portfolio-sidebar-shell{width:min(var(--content-tablet-width),calc(100vw - 80px));margin-inline:auto;padding:16px 24px}.portfolio-sidebar{gap:0;min-height:0;position:static}.portfolio-sidebar-main,.portfolio-sidebar-profile-block{gap:0}.portfolio-sidebar-nav{display:none}.portfolio-sidebar-cta-group{z-index:40;width:min(var(--content-tablet-width),calc(100vw - 80px));background:var(--color-background);padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;align-items:stretch;gap:8px;margin:0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.portfolio-sidebar-cta{height:64px;min-height:64px;padding:0 16px}.portfolio-sidebar-cta--primary{flex:auto}.portfolio-sidebar-cta--secondary{flex:0 0 272px;min-width:272px}.portfolio-sidebar-cta-label--desktop{display:inline}.portfolio-sidebar-cta-label--mobile{display:none}.portfolio-main-shell{width:min(var(--content-tablet-width),calc(100vw - 80px));padding:40px 24px calc(128px + env(safe-area-inset-bottom));margin-inline:auto}.portfolio-main-column{max-width:none;padding-bottom:0}.portfolio-playground-concept--1{--playground-hover-x:-332px}.portfolio-playground-concept--2{--playground-hover-x:-196px}.portfolio-playground-concept--3{--playground-hover-x:-52px}.portfolio-playground-concept--4{--playground-hover-x:52px}.portfolio-playground-concept--5{--playground-hover-x:196px}.portfolio-playground-concept--6{--playground-hover-x:332px}}@media(max-width:927px){.portfolio-sidebar-shell{width:min(var(--content-mobile-width),100%);padding:16px}.portfolio-sidebar-cta-group{width:min(var(--content-mobile-width),100vw);padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.portfolio-sidebar-cta--secondary{flex:none;width:auto;min-width:0}.portfolio-sidebar-cta--secondary .ui-button__icon{display:inline-flex}.portfolio-sidebar-cta-label--desktop{display:none}.portfolio-sidebar-cta-label--mobile{display:inline}.portfolio-main-shell{width:min(var(--content-mobile-width),100%);padding:40px 16px calc(120px + env(safe-area-inset-bottom))}.portfolio-intro-title{text-wrap:unset;max-width:343px;font-size:32px;line-height:1.2}.portfolio-intro-title-desktop{display:none}.portfolio-intro-title-mobile{display:inline}.portfolio-intro-break{display:none}.portfolio-intro-badge--location{justify-content:flex-start}.portfolio-experience-row{flex-direction:column;align-items:flex-start;gap:4px}.portfolio-experience-row-main{gap:8px;width:100%}.portfolio-experience-company{flex:0 auto;width:auto;min-width:0}.portfolio-experience-type{flex:auto;width:auto;min-width:0}.portfolio-experience-date{width:100%}.portfolio-case-card{gap:24px;padding:24px 24px 0}.portfolio-case-header{gap:12px}.portfolio-case-title{flex:1 0 0;width:auto;max-width:none;font-size:24px}.portfolio-case-preview-frame{aspect-ratio:295/180;width:100%;height:180px}.portfolio-case-cover-frame{width:min(295px,100%);height:100%}.portfolio-case-preview-image-shell{aspect-ratio:310.849/189.763;transform-origin:top;border-top-left-radius:8.434px;border-top-right-radius:8.434px;width:310.849px;height:189.763px;top:-8px;transform:translate(-50%,8px)rotate(0)scale(.948999,.948553)}.portfolio-case-card:hover .portfolio-case-preview-image-shell,.portfolio-case-card:focus-visible .portfolio-case-preview-image-shell{transform:translate(-50%)rotate(-1deg)scale(1)}.portfolio-case-preview-image{object-fit:fill;object-position:center top;height:122.76%;top:.02%}.portfolio-case-preview-image--case-1{object-fit:contain;height:auto;top:0}.portfolio-case-preview-image--case-2{object-fit:contain;height:100%;top:0}.portfolio-case-illustrations,.portfolio-case-illustration-shell{display:none}.portfolio-playground-card{gap:24px;height:auto;min-height:272px;padding:24px;overflow:visible}.portfolio-playground-header{font-size:12px}.portfolio-playground-stack{width:100%;height:156px}.portfolio-playground-concept{border-width:4px;border-radius:10px;width:106px;height:147px}.portfolio-playground-image{border-radius:6px}.portfolio-playground-concept--short{height:133px}.portfolio-playground-concept--1{--playground-x:-92px;--playground-hover-x:-102px}.portfolio-playground-concept--2{--playground-x:-46px;--playground-hover-x:-52px}.portfolio-playground-concept--3{--playground-x:-8px;--playground-hover-x:-8px}.portfolio-playground-concept--4{--playground-x:8px;--playground-hover-x:8px}.portfolio-playground-concept--5{--playground-x:46px;--playground-hover-x:52px}.portfolio-playground-concept--6{--playground-x:92px;--playground-hover-x:102px}.portfolio-lightbox{padding:16px}.portfolio-lightbox-image{border-radius:12px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.portfolio-lightbox-close{top:16px;right:16px}.portfolio-testimonials-carousel{flex-wrap:wrap;gap:8px;display:flex}.portfolio-testimonials-viewport{order:1;width:100%}.portfolio-testimonial-card{min-height:406px}.portfolio-testimonials-arrow{width:calc(50% - 4px);min-height:64px;position:static;transform:none}.portfolio-testimonials-arrow--left{order:2}.portfolio-testimonials-arrow--right{order:3}.portfolio-tech-stack-section{margin-bottom:80px}.portfolio-tech-stack-list{gap:8px}.portfolio-tech-stack-item{flex:0 0 48px;gap:0;min-width:48px}.portfolio-tech-stack-meta{display:none}.portfolio-personal-card{padding-bottom:24px}.portfolio-personal-copy{max-width:295px}.portfolio-personal-collage{-webkit-overflow-scrolling:touch;width:calc(100% + 48px);margin-left:-24px;padding:0 24px 6px;overflow:auto hidden}.portfolio-personal-collage-image{flex:none;width:890.795px}.portfolio-contact-grid{flex-direction:column}.portfolio-contact-button{width:100%}.portfolio-case-page,.portfolio-case-overview,.portfolio-case-summary-area,.portfolio-case-gallery{max-width:343px}.portfolio-case-overview{gap:80px}.portfolio-case-hero{padding-inline:0}.portfolio-case-page-title{max-width:min(var(--portfolio-case-title-max-width,343px),343px);text-wrap:unset;font-size:32px}.portfolio-case-info-card,.portfolio-case-results-card,.portfolio-case-summary-card{gap:24px}.portfolio-case-body-copy{font-size:16px}.portfolio-case-metrics{grid-template-columns:1fr;gap:16px}.portfolio-case-demo-card{width:min(100% - 32px,272px)}.portfolio-case-gallery-lead--has-legacy-demo{display:none}.portfolio-case-gallery-lead--has-loom{display:block}.portfolio-case-gallery-item{border-radius:8px;padding:4px}.portfolio-case-gallery-text-card{border-radius:8px;gap:16px;padding:16px}.portfolio-case-gallery-text-card--insight,.portfolio-case-gallery-text-card--logo-list,.portfolio-case-gallery-text-card--hypotheses{gap:24px}.portfolio-case-gallery-text-heading-row{flex-direction:column;align-items:flex-start;gap:12px}.portfolio-case-gallery-logo-row{flex-wrap:wrap}.portfolio-case-gallery-text-items,.portfolio-case-gallery-text-card:not(.portfolio-case-gallery-text-card--logo-list) .portfolio-case-gallery-text-items{grid-template-columns:1fr}.portfolio-case-gallery-text-item{padding-right:0}.portfolio-case-gallery-text-copy--insight{font-size:24px;line-height:1.25}.portfolio-case-gallery-grid{gap:4px}.portfolio-case-gallery-figure--demo{border-radius:4px}.portfolio-case-gallery-figure--loom{aspect-ratio:1024/664;background:#171717}.portfolio-case-gallery-image-overlay,.portfolio-case-demo-card,.portfolio-case-gallery-figure--loom .portfolio-case-gallery-image{display:none}.portfolio-case-demo-embed-shell,.portfolio-case-gallery-image,.portfolio-case-slider-viewport,.portfolio-case-slider-image{border-radius:4px}.portfolio-case-summary-area{gap:8px}}@media(prefers-reduced-motion:reduce){.portfolio-case-slider-slide{transition:none}}@media(min-width:1280px){.portfolio-sidebar-link,.portfolio-sidebar-status-text,.portfolio-intro-badge,.portfolio-experience-title,.portfolio-experience-company-name,.portfolio-experience-type,.portfolio-experience-date,.portfolio-testimonial-quote,.portfolio-testimonial-role,.portfolio-tech-stack-title,.portfolio-personal-title,.portfolio-personal-copy{font-weight:450}}.portfolio-placeholder-block{background:var(--color-surface);border-radius:24px;padding:24px}.portfolio-placeholder-block+.portfolio-placeholder-block{margin-top:24px}.portfolio-placeholder-kicker{font-family:var(--font-sans);color:var(--color-muted);font-size:14px;line-height:1.4}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
