@font-face{font-family:Nunito Sans;src:url(/fonts/NunitoSans-VariableFont_YTLC_opsz_wdth_wght.ttf)format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:Nunito Sans;src:url(/fonts/NunitoSans-Italic-VariableFont_YTLC_opsz_wdth_wght.ttf)format("truetype");font-weight:200 1000;font-style:italic;font-display:swap}@font-face{font-family:Geologica;src:url(/fonts/Geologica-VariableFont_CRSV_SHRP_slnt_wght.ttf)format("truetype");font-weight:100 900;font-style:oblique -12deg 0deg;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-VariableFont_wght.ttf)format("truetype");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-VariableFont_wght.ttf)format("truetype");font-weight:100 800;font-style:normal;font-display:swap}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--portfolio-color-white:#fff;--portfolio-color-black:#000;--portfolio-color-neutral-0:#fafafa;--portfolio-color-neutral-50:#f5f5f5;--portfolio-color-neutral-100:#e5e5e5;--portfolio-color-neutral-200:#d4d4d4;--portfolio-color-neutral-300:#a3a3a3;--portfolio-color-neutral-400:#737373;--portfolio-color-neutral-500:#404040;--portfolio-color-neutral-600:#262626;--portfolio-color-neutral-700:#171717;--portfolio-color-neutral-800:#0a0a0a;--portfolio-color-neutral-900:#020202;--portfolio-color-lime:#a3e635;--portfolio-color-case-blue:#2368ff;--portfolio-color-case-orange:#ff6f17;--portfolio-color-case-green:#1adc7e;--portfolio-color-case-violet:#883cff;--portfolio-color-case-blue-glow-60:color-mix(in srgb, var(--portfolio-color-case-blue) 60%, transparent);--portfolio-color-case-blue-glow-86:color-mix(in srgb, var(--portfolio-color-case-blue) 86%, transparent);--portfolio-color-case-orange-glow-72:color-mix(in srgb, var(--portfolio-color-case-orange) 72%, transparent);--portfolio-color-case-orange-glow-95:color-mix(in srgb, var(--portfolio-color-case-orange) 95%, transparent);--portfolio-color-case-green-glow-76:color-mix(in srgb, var(--portfolio-color-case-green) 76%, transparent);--portfolio-color-case-green-glow-90:color-mix(in srgb, var(--portfolio-color-case-green) 90%, transparent);--portfolio-color-case-violet-glow-68:color-mix(in srgb, var(--portfolio-color-case-violet) 68%, transparent);--portfolio-color-case-violet-glow-94:color-mix(in srgb, var(--portfolio-color-case-violet) 94%, transparent);--portfolio-color-case-lime-glow-34:color-mix(in srgb, var(--portfolio-color-lime) 34%, transparent);--portfolio-color-surface-canvas:var(--portfolio-color-neutral-900);--portfolio-color-surface-sidebar:var(--portfolio-color-neutral-800);--portfolio-color-surface-raised:var(--portfolio-color-neutral-700);--portfolio-color-surface-subtle:var(--portfolio-color-neutral-600);--portfolio-color-text-primary:var(--portfolio-color-neutral-50);--portfolio-color-text-secondary:var(--portfolio-color-neutral-200);--portfolio-color-text-muted:var(--portfolio-color-neutral-300);--portfolio-color-text-subtle:var(--portfolio-color-neutral-400);--portfolio-color-text-disabled:var(--portfolio-color-neutral-500);--portfolio-color-text-on-accent:var(--portfolio-color-neutral-700);--portfolio-color-accent-lime:var(--portfolio-color-lime);--portfolio-color-border-soft:#f5f5f514;--portfolio-color-border-default:#f5f5f524;--portfolio-color-border-strong:#f5f5f52e;--portfolio-color-code-chrome:#1c1c1c;--portfolio-color-code-chrome-muted:#1c1c1c33;--portfolio-color-code-panel:#0a0a0a6e;--portfolio-color-code-header:#0a0a0a33;--portfolio-color-code-status:var(--portfolio-color-neutral-800);--portfolio-color-code-border:#ffffff1a;--portfolio-color-code-divider:var(--portfolio-color-neutral-500);--portfolio-color-code-gutter:var(--portfolio-color-neutral-500);--portfolio-color-code-syntax-key:var(--portfolio-color-neutral-0);--portfolio-color-code-syntax-muted:var(--portfolio-color-neutral-400);--portfolio-overlay-canvas-02:#02020205;--portfolio-overlay-canvas-20:#02020233;--portfolio-overlay-canvas-30:#0202024d;--portfolio-overlay-canvas-90:#020202e6;--portfolio-overlay-surface-30:#0a0a0a4d;--portfolio-overlay-surface-43:#0a0a0a6e;--portfolio-overlay-surface-88:#0a0a0ae0;--portfolio-overlay-surface-90:#0a0a0ae6;--portfolio-overlay-black-08:#00000014;--portfolio-overlay-black-10:#0000001a;--portfolio-overlay-black-13:#00000020;--portfolio-overlay-black-22:#00000038;--portfolio-overlay-black-50:#00000080;--portfolio-overlay-black-55:#0000008c;--portfolio-overlay-black-60:#0009;--portfolio-overlay-white-08:#ffffff14;--portfolio-overlay-white-10:#ffffff1a;--portfolio-overlay-white-13:#ffffff20;--portfolio-overlay-neutral-0-22:#fafafa38;--portfolio-overlay-neutral-0-55:#fafafa8c;--bg:var(--portfolio-color-surface-canvas);--surface:var(--portfolio-color-surface-sidebar);--surface-2:var(--portfolio-color-surface-raised);--surface-3:var(--portfolio-color-surface-subtle);--fg:var(--portfolio-color-text-primary);--fg-2:var(--portfolio-color-text-secondary);--muted:var(--portfolio-color-text-muted);--meta:var(--portfolio-color-text-disabled);--border:var(--portfolio-color-border-default);--border-soft:var(--portfolio-color-border-soft);--accent:var(--portfolio-color-neutral-100);--accent-on:var(--portfolio-color-text-on-accent);--accent-hover:var(--portfolio-color-neutral-50);--coast:var(--portfolio-color-text-secondary);--font-display:"Geologica", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", "SF Mono", Menlo, Consolas, ui-monospace, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--text-4xl:64px;--leading-body:1.5;--leading-tight:1.04;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius:8px;--focus-ring:0 0 0 3px var(--portfolio-overlay-neutral-0-22);--sidebar:300px;--content-pad:0px;--content-pad-mobile:18px;--portfolio-max:1308px;--portfolio-x:156px;--portfolio-process-statement-wide-x:280px;--portfolio-process-statement-desktop-x:160px;--portfolio-process-statement-1280-x:168px;--portfolio-process-statement-compact-x:120px;--portfolio-process-statement-tablet-x:80px;--portfolio-process-statement-mobile-x:64px;--portfolio-process-statement-mobile-narrow-x:40px;--portfolio-process-statement-wide-max:1060px;--portfolio-process-map-radius:24px;--portfolio-effect-glass-backdrop:blur(4px) saturate(100%);--ease-standard:cubic-bezier(.2, 0, 0, 1)}
*{box-sizing:border-box}html{overscroll-behavior-y:none;background:var(--bg);min-width:320px;min-height:100%;color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);text-rendering:optimizelegibility;overflow-x:clip}body{overscroll-behavior-y:none;background:var(--bg);min-height:100%;color:var(--fg);margin:0;overflow-x:clip}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:var(--portfolio-overlay-neutral-0-22)}h1,h2,h3,p{margin:0}strong{color:var(--fg)}body{background:var(--bg)}h1,h2,h3{font-family:var(--font-display);letter-spacing:0;font-variation-settings:"CRSV" 0, "SHRP" 0;font-weight:400}h1{max-width:none;font-size:48px;line-height:52px}h2{font-size:48px;font-weight:300;line-height:48px}h3{font-family:var(--font-body)}p,li{color:var(--muted);font-family:var(--font-body);letter-spacing:0;font-weight:400}
.app-shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);background:var(--portfolio-color-surface-canvas);min-height:100dvh;transition:grid-template-columns .18s var(--ease-standard);display:grid}.app-shell[data-sidebar=collapsed]{--sidebar:84px}.sidebar{z-index:20;width:var(--sidebar);border-right:1px solid var(--surface-3);background:var(--portfolio-color-surface-sidebar);-webkit-backdrop-filter:none;backdrop-filter:none;height:100dvh;transition:width .18s var(--ease-standard);align-items:flex-start;padding:12px;display:flex;position:fixed;inset:0 auto 0 0;overflow:visible}.sidebar-inner{flex:none;width:100%;height:100%;overflow:hidden auto}.sidebar-header{grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:8px;display:grid}.sidebar-toggle{border:1px solid var(--border-soft);width:40px;height:40px;color:var(--fg-2);background:0 0;border-radius:8px;flex:0 0 40px;place-items:center;display:grid;position:relative}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{border-color:var(--border);background:var(--surface-2);color:var(--fg)}.sidebar-button-icon{display:block}.sidebar-toggle-tooltip{z-index:45;border:1px solid var(--border-soft);background:var(--portfolio-overlay-surface-90);width:max-content;max-width:220px;box-shadow:0 18px 48px var(--portfolio-overlay-black-50);color:var(--fg);font-family:var(--font-body);opacity:0;pointer-events:none;transition:opacity .14s var(--ease-standard), transform .14s var(--ease-standard), visibility .14s var(--ease-standard);visibility:hidden;white-space:nowrap;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:400;line-height:16px;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}.identity{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.identity-visual-only{grid-template-columns:44px}.avatar-mark{background:var(--surface-2);border-radius:8px;width:44px;height:44px;display:block;position:relative;overflow:hidden}.avatar-mark img{object-fit:cover;width:100%;height:100%;display:block}.identity strong{color:var(--fg);font-family:var(--font-body);font-size:14px;font-weight:600;line-height:20px}.identity-copy{min-width:0}.identity-copy span{color:var(--fg-2);font-family:var(--font-body);text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:12px;font-weight:400;line-height:16px;display:block;overflow:hidden}.nav-section{width:100%;padding:8px}.nav-section+.nav-section{margin-top:16px}.sidebar .nav-section:first-of-type{padding-top:24px}.sidebar .nav-section+.nav-section{margin-top:0}.nav-label{min-height:32px;color:var(--portfolio-color-text-disabled);font-family:var(--font-body);letter-spacing:0;text-transform:none;align-items:center;margin:0;padding:0 8px;font-size:12px;font-weight:400;line-height:16px;display:flex}.sidebar .nav-label+.nav-group,.nav-surface .nav-label+.nav-group,.nav-group{margin-top:0}.nav-group{gap:0;display:grid}.nav-link{width:100%;min-height:44px;color:var(--muted);font-family:var(--font-body);border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;padding:12px 8px;font-size:14px;font-weight:400;line-height:20px;display:flex}.nav-link:hover,.nav-link[aria-current=page]{color:var(--fg);background:var(--surface-2);border-color:#0000}.nav-link-disabled,.nav-link-disabled:hover{color:var(--muted);cursor:default;background:0 0}.nav-icon{color:currentColor;flex:0 0 16px;width:16px;height:16px}.nav-link span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-shell[data-sidebar=collapsed] .sidebar-inner{overflow:visible}.app-shell[data-sidebar=collapsed] .sidebar-header{grid-template-columns:1fr;justify-items:center;gap:8px}.app-shell[data-sidebar=collapsed] .sidebar-toggle{order:-1;width:44px;height:44px}.app-shell[data-sidebar=collapsed] .sidebar-toggle:hover .sidebar-toggle-tooltip,.app-shell[data-sidebar=collapsed] .sidebar-toggle:focus-visible .sidebar-toggle-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.app-shell[data-sidebar=collapsed] .sidebar .identity{display:none}.app-shell[data-sidebar=collapsed] .sidebar .nav-section{padding:8px}.app-shell[data-sidebar=collapsed] .sidebar .nav-section:first-of-type{padding-top:24px}.app-shell[data-sidebar=collapsed] .sidebar .nav-section+.nav-section{margin-top:0}.app-shell[data-sidebar=collapsed] .sidebar .nav-label{display:none}.app-shell[data-sidebar=collapsed] .sidebar .nav-link{justify-content:center;width:44px;min-height:44px;padding:12px}.app-shell[data-sidebar=collapsed] .sidebar .nav-link span{display:none}.page-body{background:var(--portfolio-color-surface-canvas);grid-column:2;min-width:0}.desktop-topbar{z-index:15;border-bottom:1px solid var(--portfolio-color-neutral-600);background:var(--portfolio-overlay-canvas-90);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:8px;height:64px;padding:0 16px 0 32px;display:flex;position:sticky;top:0}.topbar-title{color:var(--muted);font-family:var(--font-body);font-size:14px;font-weight:400;line-height:20px}.content{width:100%;max-width:none;padding:0}.mobile-header{border-bottom:1px solid var(--border-soft);background:var(--portfolio-overlay-surface-88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;min-height:80px;padding:16px 24px;display:none}.mobile-header .identity{flex:auto;min-width:0}.menu-button{border:1px solid var(--border);background:var(--surface-2);width:44px;height:44px;color:var(--fg-2);border-radius:10px;flex:0 0 44px;place-items:center;display:grid}.menu-button[data-state=open]{background:var(--surface-2);color:var(--fg)}.menu-button-icon{display:block}.mobile-scrim{display:none}.mobile-panel{z-index:35;border:0;border-right:1px solid var(--border-soft);background:var(--portfolio-overlay-surface-90);width:min(88vw,420px);max-width:calc(100vw - 36px);height:100dvh;box-shadow:0 24px 80px var(--portfolio-overlay-black-50);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-standard), transform .16s var(--ease-standard), visibility .16s var(--ease-standard);visibility:hidden;border-radius:0;padding:16px 12px;display:none;position:fixed;inset:0 auto 0 0;transform:translate(calc(-100% - 16px))}.mobile-panel.is-open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)}.mobile-panel-header{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;padding:0 0 16px;display:grid}.mobile-panel .identity{padding:4px 8px}.mobile-panel-close{justify-self:end}@media (max-width:1024px){:root{--sidebar:0px}.desktop-topbar{display:none}.mobile-header{z-index:32;display:flex;position:fixed;inset:0 0 auto}.sidebar.nav-surface{z-index:35;border:0;border-right:1px solid var(--border-soft);background:var(--portfolio-overlay-surface-90);width:min(88vw,420px);max-width:calc(100vw - 36px);height:100dvh;box-shadow:0 24px 80px var(--portfolio-overlay-black-50);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-standard), transform .16s var(--ease-standard), visibility .16s var(--ease-standard);visibility:hidden;border-radius:0;padding:16px 12px;display:block;position:fixed;inset:0 auto 0 0;transform:translate(calc(-100% - 16px))}.sidebar.nav-surface.is-open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)}.app-shell[data-sidebar=collapsed] .sidebar.nav-surface .identity{display:grid}.app-shell[data-sidebar=collapsed] .sidebar.nav-surface .nav-label{display:flex}.app-shell[data-sidebar=collapsed] .sidebar.nav-surface .nav-link{justify-content:flex-start;width:100%;padding:12px 8px}.app-shell[data-sidebar=collapsed] .sidebar.nav-surface .nav-link span{display:inline}.mobile-scrim{z-index:30;background:var(--portfolio-overlay-black-55);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .16s var(--ease-standard), visibility .16s var(--ease-standard);visibility:hidden;border:0;display:block;position:fixed;inset:0}.mobile-scrim[data-state=open]{opacity:1;pointer-events:auto;visibility:visible}.mobile-header .identity{grid-template-columns:44px minmax(0,1fr);padding:0}.mobile-header .avatar-mark{border-radius:10px;width:44px;height:44px}.app-shell{padding-top:80px;display:block}.page-body{grid-column:auto}}@media (max-width:640px){.mobile-header{min-height:78px;padding:16px 18px}.app-shell{padding-top:78px}}@media (min-width:390px) and (max-width:599px){.sidebar.nav-surface{width:min(88vw,360px);max-width:calc(100vw - 28px)}}
.portfolio-home-section{padding:80px var(--portfolio-x);margin-top:0;scroll-margin-top:64px}.portfolio-hero-section,.portfolio-home-section.portfolio-architecture-section,.portfolio-home-section.portfolio-nda-section{align-items:center;min-height:700px;display:grid}.portfolio-work-section{flex-direction:column;gap:100px;display:flex}.portfolio-home-wrapper{width:min(100%, var(--portfolio-max));margin:0 auto;container-type:inline-size}.portfolio-hero-grid,.portfolio-architecture-grid,.portfolio-nda-grid{grid-template-columns:684px 540px;align-items:center;gap:124px;display:grid}.portfolio-architecture-grid{grid-template-columns:540px 684px}.portfolio-architecture-compact{display:none}.portfolio-hero-copy,.portfolio-section-copy{width:min(684px,100%);min-width:0}.portfolio-kicker{color:var(--fg-2);font-family:var(--font-display);font-variation-settings:"CRSV" 0, "SHRP" 0;margin-bottom:20px;font-size:20px;font-weight:100;line-height:24px}.portfolio-hero-copy h1{max-width:684px;font-size:48px;line-height:52px}.portfolio-lead{max-width:464px;color:var(--fg-2);gap:12px;margin-top:24px;font-size:20px;font-weight:400;line-height:28px;display:grid}.portfolio-lead p{margin:0}.portfolio-hero-copy .cta-group{align-items:center;gap:24px;margin-top:32px;display:flex}.btn{min-height:36px;font-family:var(--font-body);box-shadow:0 1px 2px var(--portfolio-overlay-black-10);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.portfolio-work-intro .btn{min-height:40px;padding-inline:20px}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--portfolio-color-surface-raised)}.btn-secondary{border-color:var(--portfolio-color-neutral-500);background:var(--portfolio-color-surface-sidebar);color:var(--portfolio-color-neutral-0)}.portfolio-visual{aspect-ratio:1;border:1px solid var(--portfolio-color-surface-subtle);background:var(--portfolio-color-surface-canvas);isolation:isolate;border-radius:12px;place-items:center;width:540px;max-width:100%;display:grid;position:relative;overflow:hidden}.portfolio-visual-hero{padding:64px}.portfolio-visual-architecture{aspect-ratio:auto;width:664px;height:540px;padding:64px}.portfolio-visual-nda{padding:58px}.mono-glass-backdrop{z-index:0;border-radius:inherit;background-color:var(--portfolio-color-surface-canvas);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;overflow:hidden}.mono-glass-backdrop-hero{background-image:url(/portfolio/images/monoforms/02-portfolio-monoforms-property1arcleft.webp)}.mono-glass-backdrop-architecture{background-image:url(/portfolio/images/monoforms/08-portfolio-monoforms-property1sphereleft.webp)}.mono-glass-backdrop-nda{background-image:url(/portfolio/images/monoforms/07-portfolio-monoforms-property1rightrectangle.webp)}.mono-glass-backdrop-code{background-image:url(/portfolio/images/monoforms/11-portfolio-monoforms-property1waveright.webp)}.glass-surface{z-index:1;border:1px solid var(--portfolio-color-surface-raised);background:var(--portfolio-overlay-black-60);width:100%;max-width:none;height:100%;box-shadow:inset 0 1px 0 var(--portfolio-overlay-white-13), 0 15px 20px var(--portfolio-overlay-black-55);-webkit-backdrop-filter:var(--portfolio-effect-glass-backdrop);backdrop-filter:var(--portfolio-effect-glass-backdrop);border-radius:16px;position:relative;overflow:hidden}.glass-surface:before{z-index:0;content:"";border-radius:inherit;background:linear-gradient(180deg, var(--portfolio-overlay-white-10), transparent 26%), linear-gradient(90deg, transparent, var(--portfolio-overlay-white-08), transparent);opacity:.18;pointer-events:none;position:absolute;inset:0}.glass-surface-list{opacity:.8;padding:16px}.glass-surface-proof{opacity:.8;padding:48px}.glass-surface-nda{opacity:.8;padding:16px}.glass-list{z-index:1;border:0;flex-direction:column;justify-content:center;gap:8px;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}.glass-list li{min-height:40px;color:var(--fg-2);border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:18px;line-height:24px;display:flex}.glass-list li.is-active{border-color:var(--portfolio-color-neutral-0);min-height:42px;padding:8px 16px}.glass-list span{color:var(--portfolio-color-neutral-500);flex:none;font-weight:400;line-height:14px}.glass-list li.is-active span{color:var(--muted)}.glass-list strong{min-width:0;color:var(--portfolio-color-neutral-100);font-size:inherit;font-weight:500;line-height:inherit}.glass-proof-stack{z-index:1;flex-direction:column;justify-content:center;gap:24px;width:100%;height:100%;margin:0;padding:0;display:flex;position:relative}.glass-proof-card{border-radius:8px;width:min(308px,100%);margin:0 auto;padding:8px 20px}.glass-proof-card-title,.case-card h3,.upcoming-card h3{color:var(--fg);font-family:var(--font-body);font-size:20px;font-weight:700;line-height:24px}.glass-proof-card-title{font-size:16px;font-weight:800;line-height:20px;display:block}.upcoming-card h3{font-size:22px}.glass-proof-card p,.case-card p,.upcoming-card p{color:var(--muted);margin-top:8px;font-size:14px;font-weight:400;line-height:20px}.portfolio-copy-stack{gap:26px;width:416px;max-width:100%;margin-top:32px;display:grid}.portfolio-section-copy h2{width:416px;max-width:100%}.portfolio-copy-stack p,.portfolio-work-copy p{color:var(--fg-2);font-size:18px;font-weight:300;line-height:26px}.portfolio-work-copy{width:100%;margin-bottom:48px}.portfolio-work-copy h2{width:100%}.portfolio-work-intro{justify-content:space-between;align-items:flex-end;gap:32px;margin-top:24px;display:flex}.portfolio-work-intro p{width:min(559px,100%)}.portfolio-work-grid{grid-template-rows:616px;grid-template-columns:396px minmax(0,1fr);gap:24px;min-height:616px;display:grid}.portfolio-work-right{grid-template-rows:340px 252px;gap:24px;min-width:0;display:grid}.portfolio-work-row{grid-template-columns:348px minmax(0,1fr);gap:24px;display:grid}.case-card,.upcoming-card{background:var(--portfolio-color-surface-raised);min-width:0;color:inherit;isolation:isolate;border-radius:24px;flex-direction:column;justify-content:space-between;padding:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.case-card{border:0;min-height:100%}.case-card:after{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(180deg, var(--portfolio-overlay-black-08), var(--portfolio-overlay-black-22));pointer-events:none;position:absolute;inset:0}.case-card-image{z-index:-2;object-fit:cover;border-radius:inherit;max-width:none;transition:transform .26s var(--ease-standard)}.case-card-coastkey .case-card-image{object-position:50% 50%}.case-card:hover .case-card-image{transform:scale(1.035)}.case-card-enterprise .case-card-image{object-fit:fill;width:107.1%!important;height:367.12%!important;inset:-133.63% auto auto -2.4%!important}.case-card-enterprise:hover .case-card-image{transform:scale(1.015)}.case-card-logistics .case-card-image{object-fit:fill;width:159.88%!important;height:229.44%!important;inset:-17.41% auto auto -.11%!important}.case-card-recruiting .case-card-image{object-position:50% 0}.case-card-copy{z-index:1;width:min(336px,100%);position:relative}.case-card-coastkey .case-card-copy,.case-card-logistics .case-card-copy{width:100%}.case-logo-mark{z-index:1;background:var(--portfolio-overlay-surface-30);width:80px;height:80px;box-shadow:inset 0 0 0 1px var(--portfolio-overlay-white-08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;align-self:flex-start;place-items:center;display:grid;position:relative}.case-logo-symbol{width:52px;height:40px;display:block}.case-badge-row{z-index:1;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;margin-top:auto;display:flex;position:relative}.case-card-coastkey .case-badge-row{display:none}@media (max-width:1024px){.case-card-coastkey .case-card-image{object-position:50% 36%}.case-card-coastkey .case-logo-mark{display:none}.case-card-coastkey .case-badge-row{display:flex}}.case-badge{border:1px solid var(--portfolio-color-border-strong);background:var(--portfolio-overlay-canvas-30);min-width:0;max-width:100%;min-height:28px;color:var(--fg-2);font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:400;line-height:16px;display:inline-flex;overflow:hidden}.portfolio-subsection-title{width:min(559px,100%);font-family:var(--font-display);margin-bottom:0;font-size:33px;font-weight:100;line-height:40px}.portfolio-work-upcoming{flex-direction:column;gap:48px;display:flex}.portfolio-upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(252px,auto);gap:24px;display:grid}.upcoming-card{min-height:0}.portfolio-nda-grid{text-align:left;grid-template-columns:684px 540px;justify-items:start}.portfolio-nda-copy,.portfolio-nda-copy h2,.portfolio-nda-stack,.portfolio-nda-stack p{text-align:left;justify-self:start;width:100%;max-width:100%}.portfolio-nda-stack p{width:100%}.portfolio-nda-stack{gap:16px}.portfolio-design-engineering{flex-direction:column;gap:48px;display:flex}.portfolio-design-kicker{width:min(579px,100%);color:var(--fg-2);font-family:var(--font-display);font-variation-settings:"CRSV" 0, "SHRP" 0;font-size:20px;font-weight:100;line-height:24px}.portfolio-design-engineering-head{justify-content:space-between;align-items:flex-start;gap:96px;width:100%;display:flex}.portfolio-design-engineering-head h2{width:min(588px,100%)}.portfolio-design-engineering-meta{flex-direction:column;gap:24px;width:min(515px,100%);display:flex}.portfolio-design-engineering-copy{gap:14px;display:grid}.portfolio-design-engineering-meta p{width:min(515px,100%);color:var(--fg-2);margin:0;font-size:18px;font-weight:300;line-height:26px}.portfolio-design-engineering-actions{align-items:center;gap:8px;width:100%;display:flex}.portfolio-design-engineering-action-link,.portfolio-design-engineering-action-icon{border:1px solid var(--portfolio-color-border-strong);background:var(--portfolio-color-surface-canvas);min-height:40px;color:var(--portfolio-color-neutral-50);box-shadow:0 1px 2px var(--portfolio-overlay-black-10);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.portfolio-design-engineering-action-link{font-family:var(--font-body);padding-inline:24px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.portfolio-design-engineering-action-icon{flex:0 0 40px;width:40px}.portfolio-design-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;display:grid}.portfolio-design-card{border:1px solid var(--border);background:var(--portfolio-color-surface-sidebar);border-radius:24px;align-items:flex-start;min-width:0;min-height:252px;padding:32px;display:flex}.portfolio-design-card-copy{gap:8px;width:100%;min-width:0;display:grid}.portfolio-design-card span,.portfolio-design-card h3{color:var(--fg);font-family:var(--font-body);font-size:20px;line-height:24px}.portfolio-design-card span{font-weight:500}.portfolio-design-card h3{overflow-wrap:anywhere;font-weight:700}.portfolio-design-card p{color:var(--muted);overflow-wrap:anywhere;font-size:14px;font-weight:400;line-height:20px}.portfolio-process{flex-direction:column;gap:48px;display:flex}.portfolio-process-kicker{width:min(579px,100%);color:var(--fg-2);font-family:var(--font-display);font-variation-settings:"CRSV" 0, "SHRP" 0;font-size:20px;font-weight:100;line-height:24px}.portfolio-process-head{justify-content:space-between;align-items:flex-start;gap:24px;width:100%;display:flex}.portfolio-process-head h2{flex:1 1 0;width:auto;min-width:0}.portfolio-process-head p{width:min(516px,100%);color:var(--fg-2);font-size:18px;font-weight:300;line-height:26px}.portfolio-process-meta{flex-direction:column;flex:1 1 0;gap:24px;width:auto;min-width:0;display:flex}.portfolio-process-meta>p{width:100%}.portfolio-process-actions{align-items:center;gap:8px;width:100%;display:flex}.portfolio-process-actions .btn{min-height:40px;padding-inline:24px}.portfolio-process-actions .btn,.portfolio-process-action-icon{border:1px solid var(--portfolio-color-border-strong);background:var(--portfolio-color-surface-canvas);color:var(--portfolio-color-neutral-50);box-shadow:0 1px 2px var(--portfolio-overlay-black-10);border-radius:10px}.portfolio-process-action-icon{justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.portfolio-process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;display:grid}.portfolio-process-card{border:1px solid var(--portfolio-color-neutral-600);background:var(--portfolio-color-neutral-800);border-radius:24px;align-items:flex-start;min-width:0;min-height:252px;padding:32px;display:flex}.portfolio-process-card-copy{gap:8px;width:100%;min-width:0;display:grid}.portfolio-process-card span,.portfolio-process-card h3{color:var(--fg);font-family:var(--font-body);font-size:20px;line-height:24px}.portfolio-process-card span{font-weight:500}.portfolio-process-card h3{overflow-wrap:anywhere;font-weight:700}.portfolio-process-card p{color:var(--muted);overflow-wrap:anywhere;font-size:14px;font-weight:400;line-height:20px}.portfolio-process-statement-section{padding-top:80px;padding-bottom:80px}.portfolio-process-statement{width:min(1226px,100%);color:var(--fg);font-family:var(--font-display);font-variation-settings:"CRSV" 0, "SHRP" 0;flex-direction:column;gap:24px;display:flex}.portfolio-process-statement-title,.portfolio-process-statement-body{width:100%;color:var(--fg);font-family:var(--font-display);font-variation-settings:"CRSV" 0, "SHRP" 0;margin:0}.portfolio-process-statement-title{font-size:40px;font-weight:400;line-height:46px}.portfolio-process-statement-body{font-size:36px;font-weight:100;line-height:40px}.portfolio-process-map-section{padding-top:40px;padding-bottom:80px}.portfolio-process-map-grid{border-radius:var(--portfolio-process-map-radius);background:0 0;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:relative;overflow:hidden}.portfolio-process-map-grid:after{z-index:2;content:"";border:1px solid var(--portfolio-color-surface-raised);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.portfolio-process-map-card{border:1px solid var(--portfolio-color-surface-raised);background:var(--portfolio-color-surface-canvas);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;min-width:0;min-height:216px;padding:32px;display:flex}.process-map-icon{color:var(--fg);flex:none}.portfolio-process-map-copy{gap:8px;width:100%;min-width:0;display:grid}.portfolio-process-map-copy h3{color:var(--fg);font-family:var(--font-body);overflow-wrap:anywhere;font-size:20px;font-weight:700;line-height:24px}.portfolio-process-map-copy p{color:var(--muted);overflow-wrap:anywhere;font-size:14px;font-weight:400;line-height:20px}.portfolio-contact-section{isolation:isolate;align-items:stretch;min-height:0;padding-top:64px;padding-bottom:64px;display:grid;position:relative;overflow:hidden}.portfolio-contact-bg{z-index:-1;background-image:linear-gradient(90deg, var(--portfolio-overlay-canvas-20), var(--portfolio-overlay-canvas-02)), url(/portfolio/images/abstract-gradients/11-portfolio-abstract-gradients-space-violet.webp);background-position:bottom;background-size:100% 100%;position:absolute;inset:0;transform:rotate(180deg)}.portfolio-contact-content{flex-direction:column;justify-content:center;gap:100px;display:flex}.portfolio-contact-copy{flex-direction:column;align-items:flex-start;gap:32px;width:min(679px,100%);display:flex}.portfolio-contact-kicker{width:min(579px,100%);color:var(--fg-2);font-family:var(--font-display);font-variation-settings:"CRSV" 0, "SHRP" 0;font-size:20px;font-weight:100;line-height:24px}.portfolio-contact-copy h2{width:100%}.portfolio-contact-copy>p:not(.portfolio-contact-kicker){width:min(544px,100%);color:var(--fg-2);font-size:18px;font-weight:300;line-height:26px}.portfolio-contact-socials{align-items:center;gap:12px;display:flex}.portfolio-contact-social{place-items:center;width:32px;height:32px;display:grid}.portfolio-contact-social-image{object-fit:contain;width:32px;height:32px;display:block}.portfolio-contact-social:first-child .portfolio-contact-social-image{width:27px;height:18px}.portfolio-contact-social:nth-child(2) .portfolio-contact-social-image{width:27px;height:27px}.portfolio-contact-social:nth-child(3) .portfolio-contact-social-image{width:27px;height:26px}.portfolio-contact-footer{border-top:1px solid var(--portfolio-overlay-neutral-0-55);justify-content:space-between;align-items:flex-start;gap:24px;min-height:51px;padding-top:33px;display:flex}.portfolio-contact-footer p{color:var(--fg);font-family:var(--font-mono);white-space:nowrap;font-size:12px;font-weight:400;line-height:18px}.portfolio-agentos-grid{grid-template-columns:528px minmax(0,588px);align-items:center;gap:124px;display:grid}.portfolio-agentos-copy,.portfolio-agentos-panel,.portfolio-agentos-meta{flex-direction:column;gap:32px;width:min(588px,100%);display:flex}.portfolio-agentos-meta-copy{gap:14px;display:grid}.portfolio-agentos-kicker{width:min(579px,100%);color:var(--fg-2);font-family:var(--font-display);font-variation-settings:"CRSV" 0, "SHRP" 0;font-size:20px;font-weight:100;line-height:24px}.portfolio-agentos-copy h2{width:min(588px,100%)}.portfolio-agentos-meta p{width:100%;color:var(--fg-2);margin:0;font-size:18px;font-weight:300;line-height:26px}.portfolio-agentos-actions{align-items:center;gap:8px;width:100%;display:flex}.portfolio-agentos-actions .btn{min-height:40px;padding-inline:24px}.portfolio-agentos-action-icon{border:1px solid var(--portfolio-color-border-strong);background:var(--portfolio-color-surface-canvas);width:40px;height:40px;color:var(--portfolio-color-neutral-50);box-shadow:0 1px 2px var(--portfolio-overlay-black-10);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.agent-code-card{border:1px solid var(--portfolio-color-surface-raised);background:var(--portfolio-color-surface-canvas);isolation:isolate;border-radius:16px;width:528px;max-width:100%;height:654px;margin:0;position:relative;overflow:hidden}.agent-code-card:before{z-index:1;content:"";border-radius:inherit;background:var(--portfolio-overlay-black-60);box-shadow:0 15px 20px var(--portfolio-overlay-black-55);position:absolute;inset:0}.agent-code-panel{z-index:2;background:var(--portfolio-color-code-panel);box-shadow:0 10px 15px -3px var(--portfolio-overlay-black-10), 0 4px 6px -4px var(--portfolio-overlay-black-10);-webkit-backdrop-filter:var(--portfolio-effect-glass-backdrop);backdrop-filter:var(--portfolio-effect-glass-backdrop);border:0;border-radius:16px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.agent-code-header{z-index:1;border-bottom:1px solid var(--portfolio-color-code-divider);background:var(--portfolio-color-code-header);flex:0 0 41px;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;height:41px;padding:16px 16px 2px 24px;display:grid;position:relative}.agent-code-tabs{align-items:center;gap:clamp(12px,4cqw,24px);min-width:0;height:100%;display:flex;overflow:hidden}.agent-code-tab{min-width:0;max-width:100%;height:100%;color:var(--portfolio-color-text-muted);font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;font-size:14px;font-weight:500;line-height:20px;display:inline-flex;overflow:hidden}.agent-code-tab.is-active{border-bottom-color:var(--portfolio-color-code-syntax-key);color:var(--portfolio-color-code-syntax-key);flex:0 auto}.agent-code-controls{min-width:0;color:var(--portfolio-color-text-muted);flex:none;align-items:center;gap:12px;display:flex}@container (max-width:520px){.agent-code-tab:not(.is-active){max-width:120px}}@container (max-width:420px){.agent-code-header{column-gap:12px;padding-left:16px}.agent-code-tab:not(.is-active){max-width:88px}}@container (max-width:360px){.agent-code-tab:not(.is-active){max-width:56px}}.agent-code-panel-icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px;height:24px}.agent-code-more-icon{width:20px;height:20px}.agent-code-body{z-index:1;flex-direction:column;flex:auto;gap:2px;min-height:0;padding:20px 0;display:flex;position:relative;overflow:hidden}.agent-code-line{align-items:center;gap:16px;width:100%;min-height:20px;display:flex}.agent-code-gutter{width:40px;color:var(--portfolio-color-code-gutter);font-family:var(--font-mono);white-space:nowrap;flex:0 0 40px;justify-content:flex-end;font-size:13px;font-weight:400;line-height:normal;display:flex}.agent-code-content{min-width:0;color:var(--portfolio-color-code-syntax-muted);font-family:var(--font-mono);white-space:nowrap;flex:auto;font-size:13px;font-weight:400;line-height:20px}.agent-code-indent-0{padding-left:0}.agent-code-indent-1{padding-left:24px}.agent-code-indent-2{padding-left:48px}.agent-code-indent-3{padding-left:72px}.agent-code-key{color:var(--portfolio-color-code-syntax-key)}.agent-code-muted{color:var(--portfolio-color-code-syntax-muted)}.agent-code-value{color:var(--portfolio-color-lime)}.agent-code-status{z-index:1;background:var(--portfolio-color-code-status);min-height:32px;color:var(--portfolio-color-text-muted);font-family:var(--font-body);white-space:nowrap;flex:none;justify-content:space-between;align-items:center;padding:8px 20px;font-size:12px;font-weight:400;line-height:16px;display:flex;position:relative}.agent-code-status>span:first-child{align-items:center;gap:12px;display:flex}@media (max-width:1740px){.portfolio-visual{width:480px}}@media (min-width:1740px) and (max-width:1740px){.portfolio-home-wrapper{width:100%;max-width:none}.portfolio-visual{width:540px}}@media (max-width:640px){.portfolio-home-section{padding:72px var(--portfolio-x)}.portfolio-visual{justify-self:center;width:min(100%,520px)}h1{font-size:44px;line-height:48px}h2{font-size:36px;line-height:40px}.portfolio-home-section{padding-block:58px}.portfolio-visual{border-radius:12px}.portfolio-copy-stack{gap:20px;margin-top:24px}.portfolio-copy-stack p{font-size:17px;line-height:25px}.btn{width:100%}}
@media (max-width:1739px){:root{--portfolio-x:64px}}@media (min-width:1740px) and (max-width:1740px){:root{--portfolio-x:104px}}@media (max-width:980px){:root{--portfolio-x:48px}}@media (max-width:640px){:root{--portfolio-x:16px;--portfolio-process-map-radius:24px}}.portfolio-home-section,.portfolio-home-section.portfolio-architecture-section,.portfolio-home-section.portfolio-nda-section{width:min(100%, calc(1920px - var(--sidebar)));padding-inline:var(--portfolio-x);margin-inline:auto}.portfolio-home-section>.portfolio-home-wrapper{width:100%;max-width:none;margin-inline:auto;padding-inline:0}.portfolio-home-section.portfolio-contact-section{width:100%;padding-inline:0}.portfolio-contact-section>.portfolio-home-wrapper{width:min(100%, calc(1920px - var(--sidebar)));max-width:none;padding-inline:var(--portfolio-x);margin-inline:auto}@media (min-width:1740px){.portfolio-home-section.portfolio-process-statement-section{padding:80px var(--portfolio-process-statement-wide-x)}.portfolio-process-statement-section>.portfolio-home-wrapper{width:100%;max-width:var(--portfolio-process-statement-wide-max)}.portfolio-process-statement{gap:24px;width:100%}.portfolio-process-statement-title{font-size:40px;font-weight:400;line-height:46px}.portfolio-process-statement-body{font-family:var(--font-display);font-size:36px;font-weight:100;line-height:40px}}@media (min-width:1900px){.portfolio-process-statement{gap:32px}}@media (min-width:1281px) and (max-width:1739px){.portfolio-home-section.portfolio-process-statement-section{padding:80px var(--portfolio-process-statement-desktop-x)}.portfolio-process-statement-section>.portfolio-home-wrapper{width:100%;max-width:none}.portfolio-process-statement{gap:24px;width:100%}.portfolio-process-statement-title{font-size:40px;font-weight:400;line-height:46px}.portfolio-process-statement-body{font-family:var(--font-display);font-size:36px;font-weight:100;line-height:40px}}@media (min-width:1280px) and (max-width:1280px){.portfolio-home-section.portfolio-process-statement-section{padding:80px var(--portfolio-process-statement-1280-x)}.portfolio-process-statement-section>.portfolio-home-wrapper{width:100%;max-width:none}.portfolio-process-statement{gap:24px;width:100%}.portfolio-process-statement-title{font-size:36px;font-weight:500;line-height:42px}.portfolio-process-statement-body{font-family:var(--font-display);font-size:32px;font-weight:100;line-height:38px}}@media (min-width:981px) and (max-width:1279px){.portfolio-home-section.portfolio-process-statement-section{padding:80px var(--portfolio-process-statement-compact-x)}.portfolio-process-statement-section>.portfolio-home-wrapper{width:100%;max-width:none}.portfolio-process-statement{gap:48px;width:100%}.portfolio-process-statement-title{font-size:36px;font-weight:500;line-height:42px}.portfolio-process-statement-body{font-family:var(--font-display);font-size:32px;font-weight:100;line-height:38px}}@media (min-width:768px) and (max-width:980px){.portfolio-home-section.portfolio-process-statement-section{padding:80px var(--portfolio-process-statement-tablet-x)}.portfolio-process-statement-section>.portfolio-home-wrapper{width:100%;max-width:none}.portfolio-process-statement{gap:24px;width:100%}.portfolio-process-statement-title{font-size:36px;font-weight:500;line-height:42px}.portfolio-process-statement-body{font-family:var(--font-display);font-size:32px;font-weight:100;line-height:38px}}@media (min-width:600px) and (max-width:767px){.portfolio-home-section.portfolio-process-statement-section{padding:var(--portfolio-process-statement-mobile-x)}.portfolio-process-statement-section>.portfolio-home-wrapper{width:100%;max-width:none}.portfolio-process-statement{gap:24px;width:100%}.portfolio-process-statement-title{font-size:36px;font-weight:500;line-height:42px}.portfolio-process-statement-body{color:var(--fg-2);font-family:var(--font-body);font-size:18px;font-weight:300;line-height:26px}}@media (max-width:599px){.portfolio-home-section.portfolio-process-statement-section{padding:var(--portfolio-process-statement-mobile-narrow-x)}.portfolio-process-statement-section>.portfolio-home-wrapper{width:100%;max-width:none}.portfolio-process-statement{gap:48px;width:100%}.portfolio-process-statement-title{font-size:36px;font-weight:400;line-height:40px}.portfolio-process-statement-body{color:var(--fg-2);font-family:var(--font-body);font-size:18px;font-weight:300;line-height:26px}}
.portfolio-home-section.portfolio-nda-section{min-height:0;padding-block:80px;padding-inline:var(--portfolio-x)}.portfolio-nda-wrapper{container-type:inline-size}.portfolio-nda-grid{grid-template-columns:500px minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,124px);display:grid}.portfolio-nda-copy{flex-direction:column;gap:32px;width:500px;display:flex}.portfolio-nda-copy h2{width:100%;color:var(--portfolio-color-neutral-50);text-align:left;margin:0;font-size:48px;font-weight:300;line-height:52px}.portfolio-nda-stack{flex-direction:column;gap:24px;width:500px;margin:0;display:flex}.portfolio-nda-stack p{width:100%;color:var(--portfolio-color-neutral-200);text-align:left;margin:0;font-size:18px;font-weight:300;line-height:26px}.portfolio-nda-grid .portfolio-visual-nda{aspect-ratio:auto;border-color:var(--portfolio-color-surface-raised);width:100%;height:clamp(386px,36cqw,540px);padding:58px}.portfolio-nda-grid .glass-surface-nda{width:100%;max-width:none;height:100%;padding:16px}@media (min-width:1900px){.portfolio-nda-grid{grid-template-columns:500px minmax(0,724px);justify-content:center;gap:84px}.portfolio-nda-grid .portfolio-visual-nda{height:470px}}@container (min-width:981px) and (max-width:1180px){.app-shell[data-sidebar=expanded] .portfolio-nda-grid{flex-direction:column;align-items:stretch;gap:32px;display:flex}.app-shell[data-sidebar=expanded] .portfolio-nda-copy,.app-shell[data-sidebar=expanded] .portfolio-nda-stack{width:min(720px,100%)}.app-shell[data-sidebar=expanded] .portfolio-nda-grid .portfolio-visual-nda{display:none}}@media (max-width:1024px){.portfolio-home-section.portfolio-nda-section{padding-block:32px 64px}.portfolio-nda-grid{flex-direction:column;align-items:stretch;gap:32px;display:flex}.portfolio-nda-copy,.portfolio-nda-stack{width:min(720px,100%)}.portfolio-nda-copy h2{font-size:48px;line-height:48px}.portfolio-nda-grid .portfolio-visual-nda{display:none}}@media (max-width:640px){.portfolio-home-section.portfolio-nda-section{padding-block:48px}.portfolio-nda-grid,.portfolio-nda-copy,.portfolio-nda-stack{gap:24px}.portfolio-nda-stack p{font-size:18px;line-height:26px}}
.portfolio-work-section{padding-block:80px;padding-inline:var(--portfolio-x);gap:60px}.portfolio-work-section .portfolio-work-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:48px;display:grid}.portfolio-work-kicker{width:min(579px,100%);color:var(--portfolio-color-neutral-200);font-family:var(--font-display);grid-column:1/-1;margin:0;font-size:20px;font-weight:100;line-height:24px}.portfolio-work-copy h2{color:var(--portfolio-color-neutral-50);font-family:var(--font-display);margin:0;font-size:48px;font-weight:300;line-height:48px}.portfolio-work-intro{flex-direction:column;gap:24px;margin-top:0;display:flex}.portfolio-work-intro-copy{gap:14px;display:grid}.portfolio-work-intro p,.portfolio-work-copy p{width:min(718px,100%);margin:0;font-size:18px;font-weight:300;line-height:26px}.portfolio-work-actions{align-items:center;gap:8px;width:100%;display:flex}.portfolio-work-action-link,.portfolio-work-action-icon{border:1px solid var(--portfolio-color-border-strong);background:var(--portfolio-color-surface-canvas);min-height:40px;color:var(--portfolio-color-neutral-50);box-shadow:0 1px 2px var(--portfolio-overlay-black-10);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.portfolio-work-action-link{font-family:var(--font-body);padding-inline:24px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.portfolio-work-action-icon{flex:0 0 40px;width:40px}.case-card-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.portfolio-work-section .case-card-copy{width:min(336px,100%)}.portfolio-work-section .case-card-coastkey .case-card-copy,.portfolio-work-section .case-card-logistics .case-card-copy{width:100%}.portfolio-work-section .case-card,.portfolio-work-section .upcoming-card{justify-content:space-between;gap:24px;width:100%;min-width:0;min-height:0}.portfolio-work-section .case-badge-row{flex-wrap:wrap;place-content:flex-end;gap:8px;display:flex}.portfolio-work-section .case-card-coastkey .case-badge-row{display:flex}.portfolio-work-section .case-badge{background:var(--portfolio-overlay-canvas-30);max-width:100%;color:var(--portfolio-color-neutral-50);border:0}.portfolio-work-section .upcoming-card .case-badge{background:var(--portfolio-color-neutral-600)}.portfolio-work-upcoming{gap:48px}.portfolio-work-section .portfolio-work-grid{grid-template-rows:616px;grid-template-columns:396px minmax(0,1fr);align-items:stretch;gap:24px;min-height:616px;display:grid}.portfolio-work-section .portfolio-work-right{grid-template-rows:340px 252px;align-self:stretch;gap:24px;min-width:0;height:100%;min-height:0;display:grid}.portfolio-work-section .portfolio-work-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0;min-height:0;display:grid}.portfolio-work-section .portfolio-work-grid>.case-card,.portfolio-work-section .portfolio-work-right>.case-card,.portfolio-work-section .portfolio-work-row .case-card:first-child,.portfolio-work-section .portfolio-work-row .case-card:last-child{height:100%}.portfolio-work-section .portfolio-upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(204px,auto);align-items:stretch;gap:24px;display:grid}.portfolio-work-section .portfolio-upcoming-grid .upcoming-card{height:100%}@container (min-width:761px) and (max-width:1180px){.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-copy{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-intro{width:min(718px,100%)}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-intro p,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-copy p{width:100%}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-grid{grid-template-rows:minmax(560px,auto);grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);align-items:stretch;gap:24px;min-height:560px;display:grid}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-right{grid-template-rows:minmax(0,1.36fr) minmax(0,1fr);align-self:stretch;gap:24px;min-width:0;height:100%;min-height:0;display:grid}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0;min-height:0;display:grid}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-grid>.case-card,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-right>.case-card,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-row .case-card:first-child,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-row .case-card:last-child{height:100%;min-height:0}.app-shell[data-sidebar=expanded] .portfolio-work-section .case-card:not(.case-card-coastkey) .case-card-copy p,.app-shell[data-sidebar=expanded] .portfolio-work-section .upcoming-card p{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;gap:24px;display:grid}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-upcoming-grid .upcoming-card{height:100%;min-height:260px}}@container (min-width:761px) and (max-width:980px){.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-copy h2{font-size:44px;font-weight:400;line-height:48px}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-intro{flex-direction:column;align-items:flex-start;gap:24px}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-intro p{width:100%;font-size:18px;line-height:24px}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-actions{flex:0 auto;width:100%}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-action-link{flex:none}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-grid{grid-template-rows:minmax(520px,auto);grid-template-columns:minmax(244px,.82fr) minmax(0,1.18fr);gap:20px;min-height:520px}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-right,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-row{gap:20px}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-grid>.case-card,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-right>.case-card,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-row .case-card:first-child,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-row .case-card:last-child{gap:18px;padding:18px}.app-shell[data-sidebar=expanded] .portfolio-work-section .case-card:not(.case-card-coastkey) .case-card-copy p,.app-shell[data-sidebar=expanded] .portfolio-work-section .upcoming-card p{-webkit-line-clamp:4}}@container (max-width:760px){.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-copy{grid-template-columns:minmax(0,1fr);margin-bottom:48px}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-copy h2{font-size:36px;font-weight:400;line-height:40px}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-intro{flex-direction:column}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-intro p,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-copy p,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-actions{width:100%}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-action-link{flex:auto}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-grid,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-upcoming-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;align-items:stretch;gap:24px;min-height:0;display:grid}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-right,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-row{display:contents}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-grid>.case-card,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-right>.case-card,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-row .case-card:first-child,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-row .case-card:last-child,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-upcoming-grid .upcoming-card{grid-area:auto;justify-content:space-between;width:100%;height:100%;min-height:0}.app-shell[data-sidebar=expanded] .portfolio-work-section .case-card-copy,.app-shell[data-sidebar=expanded] .portfolio-work-section .case-card-coastkey .case-card-copy,.app-shell[data-sidebar=expanded] .portfolio-work-section .case-card-logistics .case-card-copy,.app-shell[data-sidebar=expanded] .portfolio-work-section .case-card-copy p,.app-shell[data-sidebar=expanded] .portfolio-work-section .upcoming-card p{width:100%}.app-shell[data-sidebar=expanded] .portfolio-work-section .case-logo-mark{display:none}.app-shell[data-sidebar=expanded] .portfolio-work-section .case-card-coastkey .case-badge-row{display:flex}.app-shell[data-sidebar=expanded] .portfolio-work-section .case-badge-row{flex-wrap:wrap}.app-shell[data-sidebar=expanded] .portfolio-work-section .case-badge{flex:0 auto;max-width:100%}}@media (min-width:761px) and (max-width:1024px){.portfolio-work-section{gap:64px;padding-block:32px 64px}.portfolio-work-section .portfolio-work-copy{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.portfolio-work-section .portfolio-work-copy h2{font-size:44px;font-weight:400;line-height:48px}.portfolio-work-section .portfolio-work-intro{flex-direction:column;align-items:flex-start;gap:24px;width:min(718px,100%)}.portfolio-work-section .portfolio-work-intro p,.portfolio-work-section .portfolio-work-copy p{width:100%;font-size:18px;line-height:24px}.portfolio-work-section .portfolio-work-actions{flex:0 auto;width:100%}.portfolio-work-section .portfolio-work-action-link{flex:none}.portfolio-work-section .portfolio-work-grid{grid-template-rows:minmax(520px,auto);grid-template-columns:minmax(244px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:20px;min-height:520px;display:grid}.portfolio-work-section .portfolio-work-right{grid-template-rows:minmax(0,1.36fr) minmax(0,1fr);align-self:stretch;gap:20px;min-width:0;height:100%;min-height:0;display:grid}.portfolio-work-section .portfolio-work-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0;min-height:0;display:grid}.portfolio-work-section .portfolio-work-grid>.case-card,.portfolio-work-section .portfolio-work-right>.case-card,.portfolio-work-section .portfolio-work-row .case-card:first-child,.portfolio-work-section .portfolio-work-row .case-card:last-child{gap:18px;height:100%;min-height:0;padding:18px}.portfolio-work-section .case-card:not(.case-card-coastkey) .case-card-copy p,.portfolio-work-section .upcoming-card p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portfolio-work-section .portfolio-upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;gap:24px;display:grid}.portfolio-work-section .portfolio-upcoming-grid .upcoming-card{height:100%;min-height:260px}}@media (max-width:760px){.portfolio-work-section{gap:64px;padding-block:32px 64px}.portfolio-work-section .portfolio-work-copy{grid-template-columns:minmax(0,1fr);margin-bottom:48px}.portfolio-work-section .portfolio-work-copy h2{font-size:36px;font-weight:400;line-height:40px}.portfolio-work-section .portfolio-work-intro{flex-direction:column}.portfolio-work-section .portfolio-work-intro p,.portfolio-work-section .portfolio-work-copy p,.portfolio-work-section .portfolio-work-actions{width:100%}.portfolio-work-section .portfolio-work-action-link{flex:auto}.portfolio-work-section .portfolio-work-grid,.portfolio-work-section .portfolio-upcoming-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;align-items:stretch;gap:24px;min-height:0;display:grid}.portfolio-work-section .portfolio-work-right,.portfolio-work-section .portfolio-work-row{display:contents}.portfolio-work-section .portfolio-work-grid>.case-card,.portfolio-work-section .portfolio-work-right>.case-card,.portfolio-work-section .portfolio-work-row .case-card:first-child,.portfolio-work-section .portfolio-work-row .case-card:last-child,.portfolio-work-section .portfolio-upcoming-grid .upcoming-card{grid-area:auto;justify-content:space-between;width:100%;height:100%;min-height:0}.portfolio-work-section .case-card-copy,.portfolio-work-section .case-card-coastkey .case-card-copy,.portfolio-work-section .case-card-logistics .case-card-copy,.portfolio-work-section .case-card-copy p,.portfolio-work-section .upcoming-card p{width:100%}.portfolio-work-section .case-logo-mark{display:none}.portfolio-work-section .case-card-coastkey .case-badge-row{display:flex}.portfolio-work-section .case-badge-row{flex-wrap:wrap}.portfolio-work-section .case-badge{flex:0 auto;max-width:100%}}@media (max-width:480px){.portfolio-work-section .portfolio-work-intro p,.portfolio-work-section .portfolio-work-copy p{font-size:18px;line-height:24px}}
@media (min-width:981px) and (max-width:1440px){.portfolio-design-engineering-section{padding:80px 0}.portfolio-design-engineering-section>.portfolio-home-wrapper{width:100%}.portfolio-design-engineering-head{flex-direction:column;gap:48px}.portfolio-design-card-grid{grid-template-rows:repeat(2,252px);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:981px) and (max-width:1279px){.portfolio-design-engineering-section{padding:32px 0 80px}}@media (max-width:640px){.portfolio-design-engineering-head{flex-direction:column;gap:24px}.portfolio-design-card-grid{grid-template-columns:1fr}}@media (min-width:641px) and (max-width:980px){.portfolio-design-engineering-section{padding:32px 0 80px}.portfolio-design-engineering-head{flex-direction:column;gap:48px}.portfolio-design-engineering-head h2{width:min(588px,100%)}.portfolio-design-engineering-meta{width:min(515px,100%)}.portfolio-design-card-grid{grid-template-rows:repeat(2,272px);grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-design-card{min-height:272px}}@media (max-width:640px){.portfolio-design-engineering-section{padding:48px 0}.portfolio-design-engineering,.portfolio-design-engineering-head{gap:48px}.portfolio-design-engineering-head h2{width:100%;font-size:48px;line-height:48px}.portfolio-design-engineering-meta,.portfolio-design-engineering-meta p{width:100%}.portfolio-design-engineering-meta p{font-size:18px;line-height:26px}.portfolio-design-card-grid{flex-direction:column;gap:24px;display:flex}.portfolio-design-card{border-radius:18px;min-height:240px;padding:32px}}.portfolio-design-engineering-section{padding-block:80px}.portfolio-design-engineering{gap:48px}.portfolio-design-engineering-head{flex-direction:row;gap:24px}.portfolio-design-engineering-head h2,.portfolio-design-engineering-meta{flex:1 1 0;width:auto;min-width:0}.portfolio-design-engineering-meta p{width:100%}.portfolio-design-engineering-action-link,.portfolio-design-engineering-action-icon{border-color:var(--portfolio-color-border-strong);background:var(--portfolio-color-surface-canvas);color:var(--portfolio-color-neutral-50)}.portfolio-design-card-grid{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(252px,auto);gap:24px}.portfolio-design-card{border-color:var(--portfolio-color-neutral-600);background:var(--portfolio-color-neutral-800);min-height:252px;padding:32px}.portfolio-design-card span,.portfolio-design-card h3{color:var(--portfolio-color-neutral-100)}.portfolio-design-card p{color:var(--portfolio-color-neutral-300)}@media (min-width:641px) and (max-width:1440px){.portfolio-design-engineering-section{padding-block:80px}.portfolio-design-engineering{gap:32px;min-height:0}.portfolio-design-card-grid{grid-template-rows:repeat(2,252px);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:252px}.portfolio-design-card{border-color:var(--portfolio-color-neutral-600);background:var(--portfolio-color-neutral-800);min-height:252px}.portfolio-design-card span,.portfolio-design-card h3{color:var(--portfolio-color-neutral-100)}.portfolio-design-card p{color:var(--portfolio-color-neutral-300)}}@media (min-width:641px) and (max-width:980px){.portfolio-design-engineering-section{padding-block:32px 64px;padding-inline:48px}.portfolio-design-engineering{gap:24px}.portfolio-design-engineering-head{flex-direction:column;gap:24px}.portfolio-design-engineering-head h2,.portfolio-design-engineering-meta,.portfolio-design-engineering-meta p{width:100%}}@media (min-width:390px) and (max-width:599px){.portfolio-design-engineering-section{padding-block:32px 64px}.portfolio-design-engineering{gap:24px;min-height:0}.portfolio-design-engineering-head{flex-direction:column;gap:24px}.portfolio-design-engineering-head h2,.portfolio-design-engineering-meta,.portfolio-design-engineering-meta p{width:100%}.portfolio-design-card-grid{flex-direction:column;gap:24px;display:flex}.portfolio-design-card{border-color:var(--portfolio-color-neutral-600);background:var(--portfolio-color-neutral-800);height:auto;min-height:0}.portfolio-design-card span,.portfolio-design-card h3{color:var(--portfolio-color-neutral-100)}.portfolio-design-card p{color:var(--portfolio-color-neutral-300)}}@media (max-width:389px){.portfolio-design-engineering-section{padding-block:32px 64px}.portfolio-design-engineering{gap:24px;min-height:0}.portfolio-design-engineering-head{flex-direction:column;gap:24px}.portfolio-design-engineering-head h2,.portfolio-design-engineering-meta,.portfolio-design-engineering-meta p{width:100%}.portfolio-design-card-grid{flex-direction:column;gap:24px;display:flex}.portfolio-design-card{border-color:var(--portfolio-color-neutral-600);background:var(--portfolio-color-neutral-800);height:auto;min-height:252px}.portfolio-design-card span,.portfolio-design-card h3{color:var(--portfolio-color-neutral-100)}.portfolio-design-card p{color:var(--portfolio-color-neutral-300)}}.portfolio-design-engineering-section{padding-inline:var(--portfolio-x)}@media (min-width:1281px) and (max-width:1899px){.portfolio-design-engineering-section .portfolio-design-card-grid{grid-auto-rows:252px}.portfolio-design-engineering-section .portfolio-design-card{height:252px;min-height:252px}}@media (min-width:1900px){.portfolio-design-engineering-section .portfolio-design-card-grid{grid-template-rows:232px;grid-auto-rows:232px}.portfolio-design-engineering-section .portfolio-design-card{height:232px;min-height:232px}}@media (min-width:768px) and (max-width:799px){.portfolio-design-engineering-section .portfolio-design-engineering-meta p{line-height:24px}}@media (max-width:640px){.portfolio-design-engineering-section .portfolio-design-engineering-meta p{line-height:24px}}@media (min-width:391px) and (max-width:640px){.portfolio-design-engineering-section .portfolio-design-engineering-meta p{max-width:540px}}@media (min-width:600px) and (max-width:640px){.portfolio-design-engineering-section .portfolio-design-card-grid{grid-template-rows:repeat(2,minmax(296px,auto));grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(296px,auto);gap:24px;display:grid}.portfolio-design-engineering-section .portfolio-design-card{height:auto;min-height:296px;padding:28px}}@media (min-width:641px) and (max-width:980px){.portfolio-design-engineering-section .portfolio-design-card-grid{grid-template-rows:repeat(2,minmax(296px,auto));grid-auto-rows:minmax(296px,auto)}.portfolio-design-engineering-section .portfolio-design-card{height:auto;min-height:296px}}@media (min-width:390px) and (max-width:599px){.portfolio-design-engineering-section .portfolio-design-card-grid{flex-direction:column;gap:24px;display:flex}.portfolio-design-engineering-section .portfolio-design-card{height:auto;min-height:0;padding:16px}}.portfolio-design-engineering-section .portfolio-design-card-grid{grid-template-rows:none;grid-auto-rows:minmax(max-content,auto);align-items:stretch}.portfolio-design-engineering-section .portfolio-design-card{height:auto;min-height:0}
.portfolio-agentos-section{padding-block:80px}.portfolio-agentos-grid{grid-template-columns:529px minmax(0,1fr);gap:124px}.portfolio-agentos-meta{gap:24px}.agent-code-card{width:529px;height:624px}@media (min-width:1281px) and (max-width:1739px){.portfolio-agentos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.agent-code-card{width:100%;height:624px}}@media (min-width:981px) and (max-width:1280px){.portfolio-agentos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.agent-code-card{width:100%;height:520px}}@media (max-width:980px){.portfolio-agentos-section{padding-block:32px 64px}.portfolio-agentos-grid{flex-direction:column;align-items:stretch;gap:40px;display:flex}.portfolio-agentos-panel{display:contents}.portfolio-agentos-copy{order:-2;align-self:flex-start;gap:24px}.portfolio-agentos-meta{align-self:flex-start;gap:24px;width:100%}.agent-code-card{order:-1;align-self:stretch;width:100%;height:424px}}@media (max-width:640px){.portfolio-agentos-actions .btn{flex:auto;min-width:0}}.portfolio-agentos-actions .btn,.portfolio-agentos-action-icon,.portfolio-process-actions .btn,.portfolio-process-action-icon{border:1px solid var(--portfolio-color-border-strong);background:var(--portfolio-color-surface-canvas);color:var(--portfolio-color-neutral-50)}.portfolio-agentos-action-icon{flex:0 0 40px}
@media (min-width:1281px) and (max-width:1740px){.portfolio-process-map-section>.portfolio-home-wrapper{width:100%}.portfolio-process-map-grid{grid-template-rows:repeat(2,216px);min-height:432px}}@media (min-width:981px) and (max-width:1440px){.portfolio-process-section{padding-block:80px}.portfolio-process-section>.portfolio-home-wrapper{width:100%}.portfolio-process-head{gap:100px}.portfolio-process-head h2,.portfolio-process-head p{flex:1 0 0;width:auto;min-width:0}.portfolio-process-grid{grid-template-rows:repeat(2,252px);grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-process-statement-section{padding-block:80px}.portfolio-process-statement-section>.portfolio-home-wrapper,.portfolio-process-statement{width:100%}.portfolio-process-map-section{padding-block:80px}.portfolio-process-map-section>.portfolio-home-wrapper{width:100%}.portfolio-process-map-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:216px;min-height:864px}.portfolio-process-map-card:last-child{text-align:center;grid-column:1/-1;justify-content:center;align-items:center}.portfolio-process-map-card:last-child .portfolio-process-map-copy{justify-items:center}}@media (min-width:981px) and (max-width:1279px){.portfolio-process-section{padding-block:80px}.portfolio-process-head{flex-direction:row;gap:24px}.portfolio-process-head>h2,.portfolio-process-meta{flex:1 0 0;width:auto;min-width:0}.portfolio-process-head h2{font-size:48px;line-height:52px}.portfolio-process-grid{grid-template-rows:repeat(2,252px);grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-process-card{height:252px;min-height:252px}.portfolio-process-statement-section{padding-block:32px}.portfolio-process-statement{width:100%;font-size:28px;line-height:32px}.portfolio-process-map-section{padding-block:80px}.portfolio-process-map-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:236px;min-height:944px}.portfolio-process-map-card{min-height:236px}}@media (max-width:640px){.portfolio-process-head{flex-direction:column;gap:24px}.portfolio-process-grid,.portfolio-process-map-grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:980px){.portfolio-process-section{padding-block:32px 64px}.portfolio-process-head{flex-direction:column;gap:24px;width:100%}.portfolio-process-head h2,.portfolio-process-head p{width:100%}.portfolio-process-head h2{font-size:44px;line-height:48px}.portfolio-process-grid{grid-template-rows:repeat(2,252px);grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-process-card{height:252px;min-height:252px}.portfolio-process-statement-section{padding-block:32px}.portfolio-process-statement{width:100%;font-size:28px;line-height:32px}.portfolio-process-map-section{padding-block:32px 80px}.portfolio-process-map-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:216px;min-height:1080px}.portfolio-process-map-card{min-height:216px}.portfolio-process-map-card:last-child{text-align:center;justify-content:center;align-items:center}.portfolio-process-map-card:last-child .portfolio-process-map-copy{justify-items:center}}@media (max-width:640px){.portfolio-process-card,.portfolio-process-map-card{border-radius:18px;min-height:240px}.portfolio-process-section{padding-block:32px 64px}.portfolio-process{gap:32px}.portfolio-process-head{gap:24px;width:100%}.portfolio-process-head h2{width:100%;font-size:36px;line-height:40px}.portfolio-process-head p{width:100%;font-size:18px;line-height:26px}.portfolio-process-grid{flex-direction:column;gap:24px;display:flex}.portfolio-process-card{border-radius:24px;min-height:0;padding:32px}.portfolio-process-statement-section{padding-block:48px}.portfolio-process-statement{width:100%;font-size:28px;line-height:32px}.portfolio-process-map-section{padding-block:48px}.portfolio-process-map-grid{flex-direction:column;min-height:0;display:flex}.portfolio-process-map-card{border-radius:0;min-height:0;padding:20px}.portfolio-process-map-card:first-child{border-top-left-radius:24px;border-top-right-radius:24px}.portfolio-process-map-card:last-child{border-bottom-right-radius:24px;border-bottom-left-radius:24px}}@media (min-width:600px) and (max-width:640px){.portfolio-process-map-section{padding-block:32px 80px}.portfolio-process-map-grid{border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:1080px;display:grid;overflow:hidden}.portfolio-process-map-card{border-radius:0;gap:24px;height:216px;min-height:216px;padding:32px}.portfolio-process-map-card:first-child{border-top-left-radius:24px;border-top-right-radius:0}.portfolio-process-map-card:nth-child(2){border-top-right-radius:24px}.portfolio-process-map-card:nth-last-child(2){border-bottom-left-radius:24px}.portfolio-process-map-card:last-child{text-align:center;border-bottom-right-radius:24px;border-bottom-left-radius:0;justify-content:center;align-items:center}.portfolio-process-map-card:last-child .portfolio-process-map-copy{justify-items:center}}@media (min-width:981px) and (max-width:1739px){.portfolio-process{gap:32px}.portfolio-process-grid{grid-template-rows:repeat(2,252px);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.portfolio-process-card{height:252px;min-height:252px}}@media (min-width:1740px){.portfolio-process-card{height:252px;min-height:252px}}@media (max-width:980px){.portfolio-process-section{padding-block:32px 64px}.portfolio-process{gap:32px}.portfolio-process-head{flex-direction:column;gap:24px}.portfolio-process-meta{gap:24px;width:100%}}@media (min-width:768px) and (max-width:980px){.portfolio-process-grid{grid-template-rows:repeat(2,minmax(296px,auto));grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-process-card{height:auto;min-height:296px}}@media (min-width:641px) and (max-width:767px){.portfolio-process-grid{grid-template-rows:repeat(2,minmax(296px,auto))}.portfolio-process-card{height:auto;min-height:296px}}@media (min-width:600px) and (max-width:767px){.portfolio-home-section.portfolio-process-section{padding-inline:16px}.portfolio-process-head h2{font-size:36px;line-height:40px}.portfolio-process-grid{grid-template-rows:repeat(2,minmax(296px,auto));grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.portfolio-process-card{height:auto;min-height:296px}.portfolio-process-actions .btn{flex:auto;min-width:0}}@media (max-width:599px){.portfolio-process-section>.portfolio-home-wrapper{padding-inline:16px}.portfolio-process{gap:24px}.portfolio-process-grid{flex-direction:column;gap:24px;display:flex}.portfolio-process-card{height:auto;min-height:0}.portfolio-process-actions .btn{flex:auto;min-width:0}}@media (max-width:980px){.portfolio-process-map-section{padding-block:32px 64px}.portfolio-process-map-section>.portfolio-home-wrapper{width:100%}}@media (min-width:641px) and (max-width:980px){.portfolio-process-map-grid{border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:1080px;display:grid;overflow:hidden}.portfolio-process-map-card{border-radius:0;gap:24px;height:216px;min-height:216px;padding:32px}.portfolio-process-map-card:first-child{border-top-left-radius:24px;border-top-right-radius:0}.portfolio-process-map-card:nth-child(2){border-top-right-radius:24px}.portfolio-process-map-card:nth-last-child(2){border-bottom-left-radius:24px}.portfolio-process-map-card:last-child{text-align:center;border-bottom-right-radius:24px;border-bottom-left-radius:0;justify-content:center;align-items:center}.portfolio-process-map-card:last-child .portfolio-process-map-copy{justify-items:center}}@media (max-width:640px){.portfolio-process-map-grid{flex-direction:column;min-height:0;display:flex}.portfolio-process-map-card{border-radius:0;gap:24px;min-height:0;padding:20px}.portfolio-process-map-card:first-child{border-top-left-radius:24px;border-top-right-radius:24px}.portfolio-process-map-card:last-child{border-bottom-right-radius:24px;border-bottom-left-radius:24px}}@media (min-width:1280px) and (max-width:1739px){.portfolio-process-map-grid{border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:864px;display:grid;overflow:hidden}.portfolio-process-map-card{border-radius:0;height:216px;min-height:216px;padding:32px}.portfolio-process-map-card:first-child{border-top-left-radius:24px}.portfolio-process-map-card:nth-child(3){border-top-right-radius:24px}.portfolio-process-map-card:last-child{text-align:center;border-bottom-right-radius:24px;border-bottom-left-radius:24px;grid-column:1/-1;justify-content:center;align-items:center}.portfolio-process-map-card:last-child .portfolio-process-map-copy{justify-items:center}}@media (min-width:981px) and (max-width:1279px){.portfolio-process-map-grid{border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:944px;display:grid;overflow:hidden}.portfolio-process-map-card{border-radius:0;height:236px;min-height:236px;padding:32px}.portfolio-process-map-card:first-child{border-top-left-radius:24px}.portfolio-process-map-card:nth-child(3){border-top-right-radius:24px}.portfolio-process-map-card:last-child{text-align:center;border-bottom-right-radius:24px;border-bottom-left-radius:24px;grid-column:1/-1;justify-content:center;align-items:center}.portfolio-process-map-card:last-child .portfolio-process-map-copy{justify-items:center}}@media (min-width:600px) and (max-width:640px){.portfolio-home-section.portfolio-process-map-section{padding-inline:16px}.portfolio-process-map-grid{border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:1080px;display:grid;overflow:hidden}.portfolio-process-map-card{border-radius:0;height:auto;min-height:216px;padding:24px}.portfolio-process-map-card:first-child{border-top-left-radius:24px;border-top-right-radius:0}.portfolio-process-map-card:nth-child(2){border-top-right-radius:24px}.portfolio-process-map-card:nth-last-child(2){border-bottom-left-radius:24px}.portfolio-process-map-card:last-child{text-align:center;border-bottom-right-radius:24px;border-bottom-left-radius:0;justify-content:center;align-items:center}.portfolio-process-map-card:last-child .portfolio-process-map-copy{justify-items:center}}@media (max-width:480px){.portfolio-process-map-card{height:auto;min-height:0;padding:20px}.portfolio-process-map-card:last-child{text-align:left;justify-content:flex-start;align-items:flex-start}.portfolio-process-map-card:last-child .portfolio-process-map-copy{justify-items:start}}@media (min-width:981px){.portfolio-process-map-section{padding-block:80px}}@media (min-width:1740px){.portfolio-process-map-grid{grid-template-rows:repeat(2,216px);grid-auto-rows:216px;min-height:432px}}@media (max-width:599px){.portfolio-home-section.portfolio-process-section .portfolio-process-card,.portfolio-home-section.portfolio-process-map-section .portfolio-process-map-card{padding:16px}.portfolio-home-section.portfolio-process-section .portfolio-process-grid,.portfolio-home-section.portfolio-process-map-section .portfolio-process-map-grid{flex-direction:column;display:flex}}.portfolio-home-section.portfolio-process-section .portfolio-process-grid{grid-template-rows:none;grid-auto-rows:minmax(max-content,auto);align-items:stretch}.portfolio-home-section.portfolio-process-section .portfolio-process-card{height:auto;min-height:0}@media (max-width:767px){.portfolio-home-section.portfolio-process-section{padding-inline:var(--portfolio-x)}.portfolio-process-section>.portfolio-home-wrapper{padding-inline:0}}.portfolio-process-section,.portfolio-process-statement-section,.portfolio-design-system-code-section,.portfolio-contact-statement-section{padding-block:80px}.portfolio-process-head h2,.portfolio-design-system-code h2{font-size:48px;font-weight:300;line-height:52px}.portfolio-process-meta>p,.portfolio-process-meta-copy p,.portfolio-design-system-code-column p{color:var(--fg-2);font-size:18px;font-weight:300;line-height:26px}.portfolio-process-meta-copy{gap:14px;display:grid}.portfolio-process-meta-copy p{margin:0}.portfolio-process-statement,.portfolio-design-system-code{width:100%}.portfolio-process-statement{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.portfolio-process-statement-title{font-size:48px;font-weight:300;line-height:52px}.portfolio-process-statement-body{color:var(--fg-2);font-family:var(--font-body);gap:24px;font-size:18px;font-weight:300;line-height:26px;display:grid}.portfolio-process-statement-body p{margin:0}.portfolio-design-system-code{gap:24px;display:grid}.portfolio-design-system-code h2{width:min(642px,100%);color:var(--fg);margin:0}.portfolio-design-system-code-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.portfolio-design-system-code-column{gap:24px;display:grid}.portfolio-design-system-code-column p{margin:0}.portfolio-contact-statement{width:100%;color:var(--fg);font-family:var(--font-display);font-variation-settings:"CRSV" 0, "SHRP" 0;gap:24px;margin:0;font-size:24px;font-weight:300;line-height:32px;display:grid}.portfolio-contact-statement p{margin:0}@media (max-width:980px){.portfolio-process-section,.portfolio-process-statement-section,.portfolio-design-system-code-section,.portfolio-contact-statement-section{padding-block:80px}.portfolio-process-statement,.portfolio-design-system-code-columns{grid-template-columns:1fr}.portfolio-process-statement-title,.portfolio-design-system-code h2{width:100%;font-size:40px;line-height:44px}}@media (max-width:640px){.portfolio-process-statement-title,.portfolio-design-system-code h2{font-size:36px;line-height:40px}.portfolio-contact-statement{font-size:22px;line-height:30px}}
.portfolio-contact-copy h2{font-weight:400}@media (max-width:980px){.portfolio-contact-section{padding-block:32px 64px}.portfolio-contact-section>.portfolio-home-wrapper{width:100%}.portfolio-contact-section{align-items:start;min-height:0}.portfolio-contact-content{justify-content:flex-start;gap:48px}.portfolio-contact-copy{gap:32px;width:100%}.portfolio-contact-copy>p:not(.portfolio-contact-kicker){width:min(544px,100%)}.portfolio-contact-footer{flex-direction:column;gap:12px;padding-top:33px}}@media (max-width:640px){.portfolio-contact-copy>p:not(.portfolio-contact-kicker){width:100%}.portfolio-contact-socials{justify-content:space-between;gap:0;width:100%}}@media (min-width:981px) and (max-width:1440px){.portfolio-contact-section{padding:80px 0 64px}.portfolio-contact-section>.portfolio-home-wrapper{width:100%}}@media (min-width:1740px) and (max-width:1919px){.portfolio-contact-copy{width:100%}.portfolio-contact-copy h2,.portfolio-contact-copy>p:not(.portfolio-contact-kicker){width:min(916px,100%)}}@media (min-width:981px) and (max-width:1279px){.portfolio-contact-section{align-items:start;min-height:0;padding:32px 0 80px}.portfolio-contact-bg{background-position:bottom;background-size:cover;inset:0}.portfolio-contact-content{justify-content:flex-start;gap:48px}.portfolio-contact-copy{width:100%}.portfolio-contact-copy h2{font-size:48px;line-height:48px}.portfolio-contact-footer{flex-direction:column;gap:12px}}@media (max-width:640px){.portfolio-contact-section{min-height:auto}}@media (min-width:641px) and (max-width:980px){.portfolio-contact-section{align-items:start;min-height:0;padding:32px 0 80px}.portfolio-contact-bg{background-position:bottom;background-size:cover;inset:0}.portfolio-contact-content{justify-content:flex-start;gap:48px}.portfolio-contact-copy{gap:32px;width:100%}.portfolio-contact-copy h2{font-size:48px;line-height:48px}.portfolio-contact-copy>p:not(.portfolio-contact-kicker){width:min(544px,100%)}.portfolio-contact-socials{gap:12px}.portfolio-contact-footer{flex-direction:column;gap:12px}}@media (max-width:640px){.portfolio-contact-content{gap:64px}.portfolio-contact-footer{flex-direction:column;gap:8px;min-height:auto;padding-top:24px}.portfolio-contact-footer p{white-space:normal}.portfolio-contact-section{align-items:start;min-height:0;padding:48px 0}.portfolio-contact-bg{background-position:bottom;background-size:cover;inset:0}.portfolio-contact-content{justify-content:flex-start;gap:48px}.portfolio-contact-copy{gap:32px;width:100%}.portfolio-contact-copy h2{font-size:48px;line-height:48px}.portfolio-contact-copy .btn{width:auto}.portfolio-contact-copy>p:not(.portfolio-contact-kicker){width:100%;font-size:18px;line-height:26px}.portfolio-contact-socials{justify-content:space-between;gap:0;width:100%}.portfolio-contact-footer{gap:12px;padding-top:33px}}@media (min-width:600px) and (max-width:640px){.portfolio-contact-section{min-height:0}}
.portfolio-page{--portfolio-page-card-padding:32px;width:100%;min-width:0;color:var(--fg)}.portfolio-page-section{width:min(100%, calc(1920px - var(--sidebar)));padding:80px var(--portfolio-x);margin-inline:auto;scroll-margin-top:64px}.portfolio-page-wrapper{width:100%;max-width:var(--portfolio-max);margin-inline:auto;container-type:inline-size}.portfolio-page-hero{align-items:center;min-height:640px;display:grid}.portfolio-page-hero-stack{flex-direction:column;gap:24px;width:100%;display:flex}.portfolio-page-hero-grid{grid-template-columns:minmax(0,684px) minmax(360px,540px);align-items:center;gap:clamp(44px,7vw,124px);display:grid}.portfolio-page-hero-grid-visual{grid-template-columns:minmax(0,684px) minmax(360px,540px)}.portfolio-page-hero-copy,.portfolio-page-hero-meta,.portfolio-page-hero-visual-slot,.portfolio-section-header,.portfolio-text-block,.portfolio-long-form,.portfolio-info-item{min-width:0}.portfolio-page-eyebrow{color:var(--fg-2);font-family:var(--font-display);margin:0;font-size:20px;font-weight:100;line-height:24px}.portfolio-page-hero-copy h1{width:min(684px,100%);color:var(--fg);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:48px;font-weight:400;line-height:52px}.portfolio-page-hero-description{width:min(560px,100%);color:var(--fg-2);margin:20px 0 0;font-size:20px;font-weight:300;line-height:28px}.portfolio-page-hero-grid:not(.portfolio-page-hero-grid-visual) .portfolio-page-hero-copy h1{font-size:48px;line-height:52px}.portfolio-page-hero-meta{flex-direction:column;gap:24px;width:min(560px,100%);display:flex}.portfolio-page-hero-grid-visual .portfolio-page-hero-meta{margin-top:32px}.portfolio-page-lead{flex-direction:column;gap:16px;display:flex}.portfolio-page-lead p,.portfolio-page-note,.portfolio-text-block p,.portfolio-long-form p,.portfolio-long-form li,.portfolio-long-form blockquote,.portfolio-long-form td,.portfolio-section-header p,.portfolio-info-item strong{color:var(--fg-2);overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:300;line-height:26px}.portfolio-page-lead p{font-size:20px;line-height:28px}.portfolio-page-note{color:var(--muted)}.portfolio-page-actions{flex-wrap:wrap;gap:8px;display:flex}.portfolio-page-link{gap:10px;text-decoration:none}.portfolio-page-link-icon{flex:none}.portfolio-page-badges{flex-wrap:wrap;gap:8px;display:flex}.portfolio-page-badge{border:1px solid var(--portfolio-color-border-default);background:var(--portfolio-overlay-white-08);min-height:28px;color:var(--fg-2);white-space:nowrap;overflow-wrap:anywhere;border-radius:999px;justify-content:center;align-items:center;padding:5px 12px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.portfolio-page-badge-live,.case-badge-live{border-color:var(--portfolio-color-accent-lime);background:var(--portfolio-color-accent-lime);color:var(--portfolio-color-surface-raised)}.portfolio-section-header{flex-direction:column;gap:16px;width:min(760px,100%);margin-bottom:32px;display:flex}.portfolio-section-header h2,.portfolio-text-block h2,.portfolio-long-form h2{color:var(--fg);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:48px;font-weight:300;line-height:48px}.portfolio-text-block>div{flex-direction:column;gap:16px;margin-top:24px;display:flex}.portfolio-info-grid{border:1px solid var(--portfolio-color-border-soft);background:var(--portfolio-overlay-surface-30);border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.portfolio-info-item{border-right:1px solid var(--portfolio-color-border-soft);border-bottom:1px solid var(--portfolio-color-border-soft);flex-direction:column;gap:12px;min-height:124px;padding:20px;display:flex}.portfolio-info-item:nth-child(3n){border-right:0}.portfolio-info-item:nth-last-child(-n+3){border-bottom:0}.portfolio-info-item span{color:var(--portfolio-color-text-subtle);font-size:13px;line-height:18px}.portfolio-info-item strong{color:var(--fg-2);font-weight:400}.portfolio-page-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}.portfolio-page-card-grid .portfolio-design-card{height:100%;padding:var(--portfolio-page-card-padding)}.portfolio-feature-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}@container (max-width:1120px){.portfolio-page-hero-grid,.portfolio-page-hero-grid-visual{grid-template-columns:minmax(0,1fr);gap:40px}.portfolio-page-hero-grid:not(.portfolio-page-hero-grid-visual) .portfolio-page-hero-meta{width:min(680px,100%)}.portfolio-page-hero-visual-slot{width:min(100%,680px)}.portfolio-page-card-grid,.portfolio-case-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:760px){.portfolio-page-card-grid,.portfolio-case-key-grid,.portfolio-feature-grid-compact{grid-template-columns:minmax(0,1fr)}}@media (max-width:1440px){.portfolio-page-hero-grid{gap:64px}}@media (max-width:1279px){.portfolio-page-hero{min-height:0}.portfolio-page-hero-grid,.portfolio-page-hero-grid-visual{grid-template-columns:1fr;gap:40px}.portfolio-page-hero-grid:not(.portfolio-page-hero-grid-visual) .portfolio-page-hero-meta{width:min(680px,100%)}.portfolio-page-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.portfolio-page-section{padding-block:64px}.portfolio-page-hero-copy h1,.portfolio-page-hero-grid:not(.portfolio-page-hero-grid-visual) .portfolio-page-hero-copy h1{font-size:48px;line-height:48px}.portfolio-section-header h2,.portfolio-text-block h2,.portfolio-long-form h2{font-size:44px;line-height:48px}.portfolio-info-grid{grid-template-columns:1fr}.portfolio-info-item,.portfolio-info-item:nth-child(2n),.portfolio-info-item:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--portfolio-color-border-soft)}.portfolio-info-item:last-child{border-bottom:0}}@media (max-width:640px){.portfolio-page-section{padding-block:48px}.portfolio-page-hero-copy h1,.portfolio-page-hero-grid:not(.portfolio-page-hero-grid-visual) .portfolio-page-hero-copy h1{font-size:36px;line-height:40px}.portfolio-page-lead p,.portfolio-page-hero-description,.portfolio-page-note,.portfolio-text-block p,.portfolio-long-form p,.portfolio-long-form li,.portfolio-long-form blockquote,.portfolio-long-form td,.portfolio-section-header p,.portfolio-info-item strong{font-size:18px;line-height:26px}.portfolio-section-header h2,.portfolio-text-block h2,.portfolio-long-form h2{font-size:36px;line-height:40px}.portfolio-page-actions,.portfolio-page-link{width:100%}}@media (max-width:599px){.portfolio-page{--portfolio-page-card-padding:16px}.portfolio-page-card-grid,.portfolio-feature-grid-compact{grid-template-columns:1fr}.portfolio-page-card-grid .portfolio-design-card{min-height:0;padding:16px}}
.portfolio-text-block{width:min(920px,100%)}.portfolio-text-block h2{margin-top:12px}.portfolio-long-form{flex-direction:column;gap:18px;width:min(980px,100%);display:flex}.portfolio-long-form h2{margin-top:48px}.portfolio-long-form h2:first-child{margin-top:0}.portfolio-long-form h3,.portfolio-long-form h4{color:var(--fg);font-family:var(--font-body);letter-spacing:0;margin:22px 0 0}.portfolio-long-form h3{font-size:24px;font-weight:700;line-height:30px}.portfolio-long-form h4{font-size:20px;font-weight:700;line-height:26px}.portfolio-long-form p,.portfolio-long-form blockquote{max-width:920px}.portfolio-long-form strong{color:var(--fg);font-weight:700}.portfolio-long-form ul,.portfolio-long-form ol{flex-direction:column;gap:10px;max-width:920px;margin:0;padding-left:1.35rem;display:flex}.portfolio-long-form blockquote{border:1px solid var(--portfolio-color-border-soft);border-left-color:var(--portfolio-color-neutral-100);background:var(--portfolio-overlay-surface-30);border-radius:18px;margin:8px 0;padding:20px 24px}.portfolio-long-form-media-grid{flex-direction:column;gap:16px;width:min(920px,100%);margin:14px 0 26px;display:flex}.portfolio-long-form-media-item{background:var(--portfolio-color-neutral-50);border:0;border-radius:0;min-width:0;margin:0;padding:10px}.portfolio-long-form-media-item img{width:100%;height:auto;display:block}.portfolio-long-form-media-item figcaption{color:var(--portfolio-color-neutral-500);padding:12px 14px 14px;font-size:14px;line-height:20px}.portfolio-long-form-table-wrap{border:1px solid var(--portfolio-color-border-soft);background:var(--portfolio-overlay-surface-30);border-radius:20px;width:100%;overflow-x:auto}.portfolio-long-form table{border-collapse:collapse;width:100%;min-width:620px}.portfolio-long-form th,.portfolio-long-form td{border-right:1px solid var(--portfolio-color-border-soft);border-bottom:1px solid var(--portfolio-color-border-soft);text-align:left;vertical-align:top;padding:18px 20px}.portfolio-long-form th:last-child,.portfolio-long-form td:last-child{border-right:0}.portfolio-long-form tr:last-child td{border-bottom:0}.portfolio-long-form th{color:var(--fg);font-size:14px;font-weight:700;line-height:20px}@media (max-width:640px){.portfolio-long-form h3{font-size:22px;line-height:28px}.portfolio-long-form blockquote{padding:16px}.portfolio-long-form-media-grid{gap:12px}.portfolio-long-form-media-item{padding:8px}}
.portfolio-cases-page,.portfolio-case-page{background:radial-gradient(circle at 86% 8%, var(--portfolio-overlay-white-08), transparent 28rem), linear-gradient(180deg, transparent 0, var(--portfolio-overlay-canvas-20) 42rem, transparent 100%)}.portfolio-case-continue-section{padding-top:24px}.portfolio-case-continue{padding:var(--portfolio-page-card-padding);border:1px solid var(--portfolio-color-border-default);background:var(--portfolio-overlay-surface-30);border-radius:24px;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.portfolio-case-continue-copy .portfolio-section-header{margin-bottom:0}.portfolio-case-key-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}.portfolio-case-key-grid .portfolio-design-card{height:100%}.portfolio-case-catalog-section{padding-top:0}.portfolio-cases-work-section .portfolio-page-wrapper{flex-direction:column;gap:72px;display:flex}.portfolio-case-hero-visual{border:1px solid var(--portfolio-color-border-soft);background:radial-gradient(circle at 80% 84%, var(--case-glow-primary), transparent 18rem), radial-gradient(circle at 18% 95%, var(--case-glow-secondary), transparent 19rem), linear-gradient(135deg, var(--portfolio-overlay-surface-88), var(--portfolio-overlay-canvas-90));isolation:isolate;border-radius:24px;align-items:flex-end;width:100%;min-height:420px;padding:clamp(22px,3vw,36px);display:flex;position:relative;overflow:hidden}.portfolio-case-hero-visual:after{z-index:0;content:"";background:linear-gradient(180deg, var(--portfolio-overlay-black-08), transparent 40%, var(--portfolio-overlay-black-22)), radial-gradient(circle at 50% 0, var(--portfolio-overlay-white-08), transparent 24rem);position:absolute;inset:0}.portfolio-case-hero-visual-frame{z-index:0;aspect-ratio:auto;border:1px solid var(--portfolio-color-border-soft);opacity:.65;border-radius:26px;width:auto;position:absolute;inset:11%;transform:rotate(-8deg)}.portfolio-case-hero-visual-list{z-index:1;flex-direction:column;gap:10px;width:min(100%,520px);display:flex;position:relative}.portfolio-case-hero-visual-row{border:1px solid var(--portfolio-color-border-soft);background:var(--portfolio-overlay-black-60);min-height:60px;color:var(--fg-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.portfolio-case-hero-visual-row.is-active{border-color:var(--portfolio-color-neutral-100);color:var(--fg)}.portfolio-case-hero-visual-row span,.portfolio-case-hero-visual-row strong{overflow-wrap:anywhere;min-width:0;font-size:20px;font-weight:500;line-height:26px}.portfolio-case-hero-visual-row strong{color:var(--muted);flex:none;font-weight:400}.portfolio-case-hero-visual-blue{--case-glow-primary:var(--portfolio-color-case-lime-glow-34);--case-glow-secondary:var(--portfolio-color-case-blue-glow-60)}.portfolio-case-hero-visual-orange{--case-glow-primary:var(--portfolio-color-case-orange-glow-72);--case-glow-secondary:var(--portfolio-overlay-white-08)}.portfolio-case-hero-visual-green{--case-glow-primary:var(--portfolio-color-case-green-glow-76);--case-glow-secondary:var(--portfolio-overlay-white-08)}.portfolio-case-hero-visual-violet{--case-glow-primary:var(--portfolio-color-case-violet-glow-68);--case-glow-secondary:var(--portfolio-overlay-white-08)}@container (max-width:1180px){.portfolio-case-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:760px){.portfolio-case-key-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:980px){.portfolio-case-continue{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.portfolio-case-hero-visual{min-height:300px;padding:16px}.portfolio-case-hero-visual-list{width:100%}.portfolio-case-hero-visual-row span,.portfolio-case-hero-visual-row strong{font-size:16px;line-height:22px}.portfolio-case-hero-visual-row{min-height:48px;padding:10px 12px}}
.portfolio-experience-page{background:radial-gradient(circle at 88% 8%, var(--portfolio-overlay-white-08), transparent 28rem), linear-gradient(180deg, transparent 0, var(--portfolio-overlay-canvas-20) 48rem, transparent 100%)}.portfolio-experience-hero{align-items:end;min-height:560px;display:grid}.portfolio-experience-hero-stack{flex-direction:column;align-items:flex-start;gap:28px;width:min(760px,100%);display:flex}.portfolio-experience-hero-stack h1{color:var(--fg);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:64px;font-weight:400;line-height:68px}.portfolio-experience-summary-section{padding-top:24px}.portfolio-experience-summary{flex-direction:column;gap:28px;width:100%;max-width:860px;margin-left:0;display:flex}.portfolio-experience-badge-row{justify-content:flex-start}.portfolio-experience-highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:16px;display:grid}.portfolio-experience-highlight,.portfolio-experience-role,.portfolio-experience-info-grid>section{border:1px solid var(--portfolio-color-border-soft);background:var(--portfolio-overlay-surface-30);border-radius:24px;min-width:0}.portfolio-experience-highlight{flex-direction:column;gap:16px;height:100%;min-height:220px;padding:24px;display:flex}.portfolio-experience-highlight h3,.portfolio-experience-role h3,.portfolio-experience-group h2{color:var(--fg);font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:400}.portfolio-experience-highlight h3{font-size:24px;line-height:30px}.portfolio-experience-highlight p,.portfolio-experience-description,.portfolio-experience-role li,.portfolio-experience-info-grid li{color:var(--fg-2);margin:0;font-size:17px;font-weight:300;line-height:25px}.portfolio-experience-highlight strong,.portfolio-experience-role strong,.portfolio-experience-info-grid strong{color:var(--fg);font-weight:700}.portfolio-experience-timeline{flex-direction:column;gap:72px;display:flex}.portfolio-experience-group{flex-direction:column;gap:24px;display:flex}.portfolio-experience-group h2{font-size:32px;line-height:38px}.portfolio-experience-role-list{flex-direction:column;gap:28px;display:flex}.portfolio-experience-role{flex-direction:column;gap:22px;padding:32px;display:flex}.portfolio-experience-role-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.portfolio-experience-company{color:var(--portfolio-color-text-subtle);margin:0 0 8px;font-size:14px;font-weight:500;line-height:20px}.portfolio-experience-role h3{font-size:28px;line-height:34px}.portfolio-experience-role-header span{color:var(--muted);text-align:right;flex:none;font-size:14px;font-weight:500;line-height:20px}.portfolio-experience-role ul,.portfolio-experience-info-grid ul{flex-direction:column;gap:10px;margin:0;padding-left:1.15rem;display:flex}.portfolio-experience-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.portfolio-experience-info-grid>section{padding:32px}.portfolio-experience-info-grid .portfolio-section-header{margin-bottom:24px}.portfolio-experience-info-grid .portfolio-page-actions{margin-top:24px}@media (max-width:1279px){.portfolio-experience-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:1180px){.portfolio-experience-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.portfolio-experience-hero{min-height:420px}.portfolio-experience-info-grid{grid-template-columns:1fr}}@media (max-width:640px){.portfolio-experience-hero{min-height:360px}.portfolio-experience-hero-stack h1{font-size:40px;line-height:44px}.portfolio-experience-highlight-grid{grid-template-columns:1fr}.portfolio-experience-role,.portfolio-experience-info-grid>section{padding:20px}.portfolio-experience-role-header{flex-direction:column;gap:12px}.portfolio-experience-role-header span{text-align:left}}
.portfolio-contact-links{flex-wrap:wrap;gap:10px;display:flex}.portfolio-contact-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.portfolio-contact-format-grid .portfolio-design-card{min-height:260px;padding:48px}.portfolio-contact-hero-links{flex-direction:column;gap:14px;margin-top:32px;display:flex}.portfolio-contact-hero-label{color:var(--fg);margin:0;font-size:18px;font-weight:600;line-height:24px}.portfolio-social-chip{border:1px solid var(--portfolio-color-border-default);min-height:40px;color:var(--fg-2);border-radius:999px;align-items:center;padding:9px 14px;font-size:14px;line-height:20px;text-decoration:none;display:inline-flex}
.portfolio-hero-copy h1,.portfolio-section-copy>h2,.portfolio-architecture-compact-title,.portfolio-work-copy>h2,.portfolio-nda-copy>h2,.portfolio-design-engineering-head>h2,.portfolio-agentos-copy>h2,.portfolio-process-head>h2,.portfolio-contact-copy>h2{font-size:48px;line-height:52px}@media (min-width:641px) and (max-width:980px){.portfolio-hero-copy h1,.portfolio-section-copy>h2,.portfolio-architecture-compact-title,.portfolio-work-copy>h2,.portfolio-nda-copy>h2,.portfolio-design-engineering-head>h2,.portfolio-agentos-copy>h2,.portfolio-process-head>h2,.portfolio-contact-copy>h2{font-size:44px;line-height:48px}}@media (min-width:600px) and (max-width:767px){.portfolio-process-head>h2{font-size:36px;line-height:40px}}@media (max-width:640px){.portfolio-hero-copy h1,.portfolio-section-copy>h2,.portfolio-architecture-compact-title,.portfolio-work-copy>h2,.portfolio-nda-copy>h2,.portfolio-design-engineering-head>h2,.portfolio-agentos-copy>h2,.portfolio-process-head>h2,.portfolio-contact-copy>h2{font-size:36px;line-height:40px}}.portfolio-process-head{gap:24px}.portfolio-contact-section{padding-block:80px}@media (max-width:1739px){.portfolio-process-head{gap:24px}}@media (min-width:981px) and (max-width:1739px){.portfolio-contact-section{padding-block:80px}.portfolio-contact-content{gap:100px}}@media (min-width:981px) and (max-width:1279px){.portfolio-contact-content{gap:48px}.portfolio-contact-footer{flex-direction:column;gap:12px}}@media (min-width:641px) and (max-width:980px){.portfolio-contact-section{padding-block:32px 64px}.portfolio-contact-section>.portfolio-home-wrapper{padding-inline:48px}.portfolio-contact-content{gap:48px}.portfolio-contact-footer{flex-direction:column;gap:12px}}@media (max-width:640px){.portfolio-contact-section{padding-block:32px 64px}.portfolio-contact-section>.portfolio-home-wrapper{padding-inline:16px}.portfolio-contact-content{gap:48px}.portfolio-contact-copy>p:not(.portfolio-contact-kicker){width:min(544px,100%)}.portfolio-contact-socials{justify-content:space-between;gap:0;width:100%}.portfolio-contact-footer{flex-direction:column;gap:12px}}.portfolio-work-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.portfolio-work-kicker{grid-column:1/-1}.portfolio-work-intro{flex-direction:column;gap:24px;display:flex}.portfolio-work-actions{align-items:center;gap:8px;width:100%;padding-top:0;display:flex}@media (max-width:980px){.portfolio-work-copy{flex-direction:column;gap:24px;display:flex}.portfolio-work-action-link,.portfolio-design-engineering-action-link{flex:auto;min-width:0}}
@media (min-width:1741px){.portfolio-home-section.portfolio-hero-section{padding:60px 156px}.portfolio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:124px;min-height:540px}.portfolio-hero-copy,.portfolio-hero-copy h1,.portfolio-hero-copy .portfolio-lead{width:100%;max-width:none}.portfolio-hero-copy h1{font-size:48px;line-height:52px}.portfolio-visual-hero{aspect-ratio:auto;width:100%;height:540px;padding:64px}.portfolio-visual-hero .glass-surface-list{width:100%;max-width:none;height:100%}}@media (min-width:1740px) and (max-width:1740px){.portfolio-home-section.portfolio-hero-section{padding:60px 104px}.portfolio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;min-height:508px}.portfolio-hero-copy,.portfolio-hero-copy h1,.portfolio-hero-copy .portfolio-lead{width:100%;max-width:none}.portfolio-hero-copy h1{font-size:48px;line-height:52px}.portfolio-visual-hero{aspect-ratio:auto;width:100%;height:508px;padding:48px}.portfolio-visual-hero .glass-surface-list{width:100%;max-width:none;height:100%}}@media (min-width:1440px) and (max-width:1440px){.portfolio-home-section.portfolio-hero-section{padding:60px 64px}.portfolio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;min-height:508px}.portfolio-hero-copy,.portfolio-hero-copy h1,.portfolio-hero-copy .portfolio-lead{width:100%;max-width:none}.portfolio-hero-copy h1{font-size:48px;line-height:52px}.portfolio-visual-hero{aspect-ratio:auto;width:100%;height:508px;padding:48px}.portfolio-visual-hero .glass-surface-list{width:100%;max-width:none;height:100%}}@media (min-width:1280px) and (max-width:1280px){.portfolio-home-section.portfolio-hero-section{padding:60px 64px}.portfolio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;min-height:540px}.portfolio-hero-copy,.portfolio-hero-copy h1,.portfolio-hero-copy .portfolio-lead{width:100%;max-width:none}.portfolio-hero-copy h1{font-size:44px;line-height:48px}.portfolio-visual-hero{aspect-ratio:auto;width:100%;height:540px;padding:16px}.portfolio-visual-hero .glass-surface-list{width:100%;max-width:none;height:100%}}@media (min-width:981px) and (max-width:1279px){.portfolio-home-section.portfolio-hero-section{padding:60px 64px}.portfolio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;min-height:540px}.portfolio-hero-copy,.portfolio-hero-copy h1,.portfolio-hero-copy .portfolio-lead{width:100%;max-width:none}.portfolio-hero-copy .portfolio-kicker{font-size:20px;line-height:24px}.portfolio-hero-copy h1{font-size:44px;line-height:48px}.portfolio-hero-copy .portfolio-lead{font-size:20px;line-height:28px}.portfolio-visual-hero{aspect-ratio:auto;width:100%;height:444px;padding:16px}.portfolio-visual-hero .glass-surface-list{width:100%;max-width:none;height:100%}}@media (min-width:641px) and (max-width:980px){.portfolio-home-section.portfolio-hero-section{padding:60px 48px}.portfolio-hero-grid{flex-direction:column;align-items:stretch;gap:32px;display:flex}.portfolio-hero-copy{display:contents}.portfolio-hero-copy,.portfolio-hero-copy h1,.portfolio-hero-copy .portfolio-lead{width:100%;max-width:none}.portfolio-hero-copy .portfolio-kicker{order:0;font-size:18px;line-height:24px}.portfolio-hero-copy h1{order:1;font-size:48px;line-height:52px}.portfolio-hero-copy .portfolio-lead{order:2;font-size:18px;line-height:24px}.portfolio-hero-copy .cta-group{flex-direction:row;order:4;margin-top:40px}.portfolio-hero-grid .hero-code-card{order:3;align-self:stretch}.portfolio-visual-hero{aspect-ratio:auto;align-self:center;width:min(410px,100%);height:444px;padding:16px}.portfolio-visual-hero .glass-surface-list{width:100%;max-width:none;height:100%}}@media (min-width:768px) and (max-width:800px){.portfolio-hero-copy h1{font-size:44px;line-height:48px}}@media (min-width:768px) and (max-width:768px){.portfolio-hero-copy h1{font-size:44px;line-height:48px}}@media (max-width:640px){.portfolio-home-section.portfolio-hero-section{padding:60px 16px}.portfolio-hero-grid{flex-direction:column;align-items:stretch;gap:24px;display:flex}.portfolio-hero-copy{display:contents}.portfolio-hero-copy,.portfolio-hero-copy h1,.portfolio-hero-copy .portfolio-lead{width:100%;max-width:none}.portfolio-hero-copy .portfolio-kicker{order:0;font-size:16px;line-height:22px}.portfolio-hero-copy h1{order:1;font-size:36px;line-height:40px}.portfolio-hero-copy .portfolio-lead{order:2;font-size:18px;line-height:24px}.portfolio-hero-copy .cta-group{flex-direction:row;order:4;margin-top:16px}.portfolio-hero-grid .hero-code-card{order:3;align-self:stretch}.portfolio-visual-hero{aspect-ratio:auto;width:100%;height:444px;padding:16px}.portfolio-visual-hero .glass-surface-list{width:100%;max-width:none;height:100%}}@media (min-width:481px) and (max-width:640px){.portfolio-home-section.portfolio-hero-section{padding-block:60px 64px}.portfolio-visual-hero{align-self:center;width:min(410px,100%);height:444px}}@media (max-width:480px){.portfolio-home-section.portfolio-hero-section{padding-block:60px 64px}}.portfolio-home-section.portfolio-hero-section{min-height:auto;padding-block:60px}.portfolio-hero-grid{width:min(100%, var(--portfolio-max))}.portfolio-visual-hero{aspect-ratio:auto;height:540px;min-height:0}.portfolio-hero-grid .hero-code-card{justify-self:stretch;width:100%;height:540px}.portfolio-visual-hero .glass-surface-list,.portfolio-visual-hero .glass-list{height:100%;min-height:0}.portfolio-visual-hero .glass-list{letter-spacing:-.01px;white-space:nowrap;font-size:18px}.portfolio-visual-hero .glass-list li.is-active{padding:9px 17px}.portfolio-visual-hero .glass-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width:1741px){.portfolio-hero-grid{grid-template-columns:minmax(0,592px) minmax(0,592px);gap:124px}}@media (min-width:1740px) and (max-width:1740px){.portfolio-hero-grid{width:min(100%,1232px)}.portfolio-visual-hero{height:508px;padding:48px}.portfolio-hero-grid .hero-code-card{height:508px}}@media (min-width:1440px) and (max-width:1440px){.portfolio-hero-grid{min-height:540px}.portfolio-visual-hero{height:506px;padding:48px}.portfolio-hero-grid .hero-code-card{height:506px}}@media (min-width:1441px) and (max-width:1739px){.portfolio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;min-height:540px}.portfolio-hero-copy,.portfolio-hero-copy h1,.portfolio-hero-copy .portfolio-lead{width:100%;max-width:none}.portfolio-visual-hero{width:100%;height:506px;padding:48px}.portfolio-hero-grid .hero-code-card{width:100%;height:506px}}@media (min-width:1281px) and (max-width:1439px){.portfolio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;min-height:540px}.portfolio-hero-copy,.portfolio-hero-copy h1,.portfolio-hero-copy .portfolio-lead{width:100%;max-width:none}.portfolio-visual-hero{width:100%;height:506px;padding:48px}.portfolio-hero-grid .hero-code-card{width:100%;height:506px}}@media (min-width:1024px) and (max-width:1280px){.portfolio-hero-copy h1{font-size:48px;line-height:52px}.portfolio-visual-hero{height:444px;padding:16px}.portfolio-hero-grid .hero-code-card{height:506px}}@media (min-width:641px) and (max-width:980px){.portfolio-hero-copy h1{font-size:44px;line-height:48px}.portfolio-visual-hero{width:min(410px,100%);height:444px;padding:16px}.portfolio-hero-grid .hero-code-card{align-self:stretch;width:100%;height:424px}}@media (max-width:640px){.portfolio-hero-copy .cta-group{flex-direction:column;align-items:stretch}.portfolio-hero-copy .cta-group .btn{width:100%}.portfolio-visual-hero{height:444px;padding:16px}.portfolio-hero-grid .hero-code-card{align-self:stretch;width:100%;height:424px}}@media (min-width:481px) and (max-width:640px){.portfolio-visual-hero{width:min(410px,100%)}.portfolio-hero-grid .hero-code-card{align-self:stretch;width:100%}}@media (max-width:480px){.portfolio-visual-hero{width:100%}.portfolio-hero-grid .hero-code-card{width:100%;height:506px}}