@font-face{font-family:Nunito Sans;src:url(/fonts/NunitoSans-VariableFont_YTLC_opsz_wdth_wght.woff2)format("woff2");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.woff2)format("woff2");font-weight:200 1000;font-style:italic;font-display:swap}@font-face{font-family:Geologica;src:url(/fonts/Geologica-VariableFont_CRSV_SHRP_slnt_wght.woff2)format("woff2");font-weight:100 900;font-style:oblique -12deg 0deg;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-VariableFont_wght.woff2)format("woff2");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-accent-blue:#2368ff;--portfolio-color-accent-blue-glow-60:color-mix(in srgb, var(--portfolio-color-accent-blue) 60%, transparent);--portfolio-color-coastkey-preview-surface:#fff;--portfolio-color-coastkey-preview-surface-disabled:#ececed;--portfolio-color-coastkey-preview-text-primary:#1c2330;--portfolio-color-coastkey-preview-text-secondary:#535963;--portfolio-color-coastkey-preview-text-muted:#6c6f76;--portfolio-color-coastkey-preview-text-disabled:#a7a9ae;--portfolio-color-coastkey-preview-border:#dedfe1;--portfolio-color-coastkey-preview-border-subtle:#ececed;--portfolio-color-coastkey-preview-brand-solid:#2d5fff;--portfolio-color-coastkey-preview-brand-text:#0037ec;--portfolio-color-coastkey-preview-brand-soft:#f0f4ff;--portfolio-color-coastkey-preview-brand-medium:#e1e8ff;--portfolio-color-coastkey-preview-brand-border:#d2ddff;--portfolio-color-coastkey-preview-shadow:#1f1f1f26;--portfolio-color-coastkey-preview-rating-icon:#ffd400;--portfolio-color-coastkey-preview-favorite-dark:#01122a99;--portfolio-color-coastkey-preview-favorite-light:#fff9;--portfolio-color-coastkey-preview-category-coast-surface:#e0f0f0;--portfolio-color-coastkey-preview-category-coast-text:#003d3e;--portfolio-color-coastkey-preview-category-coast-border:#9ecfd0;--portfolio-color-coastkey-preview-category-beach-surface:#ffd400;--portfolio-color-coastkey-preview-category-beach-text:#5c4d00;--portfolio-color-coastkey-preview-category-beach-border:#e0bb00;--portfolio-color-coastkey-preview-category-beach-club-surface:#001d5c;--portfolio-color-coastkey-preview-category-beach-club-text:#e0eaff;--portfolio-color-coastkey-preview-category-day-pass-surface:#003d3e;--portfolio-color-coastkey-preview-category-day-pass-text:#e0f0f0;--portfolio-color-coastkey-preview-category-experience-surface:#2b0075;--portfolio-color-coastkey-preview-category-experience-text:#fff;--portfolio-color-coastkey-preview-category-route-surface:#f01f66;--portfolio-color-coastkey-preview-category-route-text:#fde4ed;--portfolio-color-coastkey-preview-category-offer-surface:#f0f4ff;--portfolio-color-coastkey-preview-category-offer-text:#0037ec;--portfolio-color-coastkey-preview-promo-surface:#99f300;--portfolio-color-coastkey-preview-promo-text:#355600;--portfolio-color-coastkey-preview-sun-surface:#ffd400;--portfolio-color-coastkey-preview-sun-text:#241e00;--portfolio-color-coastkey-preview-neutral-dark-border:#8b8e95;--portfolio-coastkey-preview-font-heading:"Montserrat", "Avenir Next", "Segoe UI", sans-serif;--portfolio-coastkey-preview-font-body:"Nunito Sans", "Open Sans", system-ui, sans-serif;--portfolio-coastkey-preview-weight-medium:500;--portfolio-coastkey-preview-weight-semibold:600;--portfolio-coastkey-preview-size-10:10px;--portfolio-coastkey-preview-size-12:12px;--portfolio-coastkey-preview-size-13:13px;--portfolio-coastkey-preview-size-14:14px;--portfolio-coastkey-preview-size-18:18px;--portfolio-coastkey-preview-size-20:20px;--portfolio-coastkey-preview-line-16:16px;--portfolio-coastkey-preview-line-20:20px;--portfolio-coastkey-preview-line-24:24px;--portfolio-coastkey-preview-line-28:28px;--portfolio-coastkey-preview-space-2:2px;--portfolio-coastkey-preview-space-4:4px;--portfolio-coastkey-preview-space-6:6px;--portfolio-coastkey-preview-space-8:8px;--portfolio-coastkey-preview-space-10:10px;--portfolio-coastkey-preview-space-12:12px;--portfolio-coastkey-preview-space-16:16px;--portfolio-coastkey-preview-space-32:32px;--portfolio-coastkey-preview-size-16:16px;--portfolio-coastkey-preview-size-24:24px;--portfolio-coastkey-preview-size-28:28px;--portfolio-coastkey-preview-size-32:32px;--portfolio-coastkey-preview-size-48:48px;--portfolio-coastkey-preview-radius-control:6px;--portfolio-coastkey-preview-radius-container:8px;--portfolio-coastkey-preview-radius-pill:999px;--portfolio-coastkey-preview-radius-panel:24px;--portfolio-coastkey-preview-radius-surface-large:16px;--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{color:var(--fg);background:var(--surface-2);border-color:#0000}.nav-link[aria-current=page]{color:var(--fg);background:0 0}.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)}}
:root{--portfolio-home-tag-title-gap:var(--space-12)}@media (max-width:980px){:root{--portfolio-home-tag-title-gap:var(--space-8)}}@media (max-width:640px){:root{--portfolio-home-tag-title-gap:var(--space-6)}}.portfolio-home-section{padding:80px var(--portfolio-x);margin-top:0;scroll-margin-top:64px}.portfolio-hero-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{grid-template-columns:684px 540px;align-items:center;gap:124px;display:grid}.portfolio-hero-copy,.portfolio-section-copy{width:min(684px,100%);min-width:0}.portfolio-kicker{margin-bottom:var(--portfolio-home-tag-title-gap);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-hero-copy h1{max-width:684px;font-size:48px;line-height:52px}.portfolio-lead{max-width:464px;color:var(--fg-2);margin-top:24px;font-size:20px;font-weight:400;line-height:28px}.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-primary:hover,.btn-primary:focus-visible,.btn-primary:active{border-color:var(--portfolio-color-accent-blue);background:var(--portfolio-color-accent-blue);color:var(--portfolio-color-white)}.btn-live{border-color:var(--portfolio-color-accent-lime);background:var(--portfolio-color-accent-lime);color:var(--portfolio-color-surface-raised)}.btn-live:hover{border-color:var(--portfolio-color-white);background:var(--portfolio-color-white);color:var(--portfolio-color-surface-raised)}.btn-live:focus-visible,.btn-live:active{border-color:var(--portfolio-color-accent-lime);background:var(--portfolio-color-accent-lime);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)}.btn-secondary:hover,.btn-secondary:focus-visible,.btn-secondary:active{border-color:var(--portfolio-color-accent-blue);background:var(--portfolio-color-surface-sidebar);color:var(--portfolio-color-accent-blue)}.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}.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-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-intro 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:opacity .22s var(--ease-standard)}.case-card-coastkey .case-card-image{object-position:50% 50%}.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-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-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}@media (min-width:981px){.case-card{border:1px solid var(--portfolio-color-border-default);background:var(--portfolio-color-surface-sidebar)}.case-card-image{opacity:0}.case-card:is(:hover,:focus-visible) .case-card-image{opacity:1}}@media (max-width:1024px){.case-card-coastkey .case-card-image{object-position:50% 36%}}.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);font-size:var(--type-secondary-heading-size);font-weight:100;line-height:var(--type-secondary-heading-line);margin-bottom:0}.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-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-meta p{width:min(515px,100%);color:var(--fg-2);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-meta>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-action-link{min-height:40px;font-family:var(--font-body);border-radius:10px;justify-content:center;align-items:center;padding-inline:24px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.portfolio-process-action-link,.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-narrative-section,.portfolio-process-closing-section{padding-block:80px}.portfolio-process-narrative-block{gap:24px;width:100%;display:grid}.portfolio-process-narrative-block-1{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.portfolio-process-narrative-block-2{grid-template-columns:minmax(0,1fr)}.portfolio-process-narrative-block h3{width:min(642px,100%);color:var(--portfolio-color-neutral-50);font-family:var(--font-display);letter-spacing:0;font-variation-settings:"CRSV" 0, "SHRP" 0;margin:0;font-size:48px;line-height:52px}.portfolio-process-narrative-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.portfolio-process-narrative-block-1 .portfolio-process-narrative-columns{grid-template-columns:minmax(0,1fr)}.portfolio-process-narrative-column{flex-direction:column;gap:24px;min-width:0;display:flex}.portfolio-process-narrative-column p{color:var(--fg-2);margin:0;font-size:18px;font-weight:300;line-height:26px}.portfolio-process-closing-statement{width:100%;color:var(--portfolio-color-neutral-50);margin:0}.portfolio-process-closing-statement+.portfolio-process-closing-statement{margin-top:24px}.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-title{align-items:flex-start;gap:var(--portfolio-home-tag-title-gap);flex-direction:column;width:100%;display:flex}.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-actions{flex-direction:column;align-items:flex-start;gap:40px;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;transition:filter .16s,opacity .16s;display:block}.portfolio-contact-social-image-stack{width:32px;height:32px;display:block;position:relative}.portfolio-contact-social-image-stack .portfolio-contact-social-image-hover{opacity:0;position:absolute;inset:0}.portfolio-contact-social:hover .portfolio-contact-social-image:not(.portfolio-contact-social-image-hover),.portfolio-contact-social:focus-visible .portfolio-contact-social-image:not(.portfolio-contact-social-image-hover){filter:brightness(0)saturate()invert(34%)sepia(89%)saturate(3493%)hue-rotate(221deg)brightness(102%)contrast(102%)}.portfolio-contact-social:hover .portfolio-contact-social-image-hover,.portfolio-contact-social:focus-visible .portfolio-contact-social-image-hover{opacity:1}.portfolio-contact-social:hover .portfolio-contact-social-image-stack>.portfolio-contact-social-image:first-child,.portfolio-contact-social:focus-visible .portfolio-contact-social-image-stack>.portfolio-contact-social-image:first-child{opacity:0}.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,.portfolio-contact-footer a{font-family:var(--font-mono);white-space:nowrap;font-size:12px;font-weight:400;line-height:18px}.portfolio-contact-footer p{color:var(--fg)}.portfolio-agentos-grid{grid-template-columns:528px minmax(0,588px);align-items:center;gap:124px;display:grid}.portfolio-agentos-copy{gap:var(--portfolio-home-tag-title-gap);flex-direction:column;width:min(588px,100%);display:flex}.portfolio-agentos-panel,.portfolio-agentos-meta{flex-direction:column;gap:32px;width:min(588px,100%);display:flex}.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);font-size:18px;font-weight:300;line-height:26px}.portfolio-agentos-actions{align-items:center;gap:8px;width:100%;display:flex}.portfolio-agentos-action-link{border:1px solid var(--portfolio-color-border-strong);background:var(--portfolio-color-surface-canvas);min-height:40px;color:var(--portfolio-color-neutral-50);font-family:var(--font-body);box-shadow:0 1px 2px var(--portfolio-overlay-black-10);border-radius:10px;justify-content:center;align-items:center;padding-inline:24px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.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:0 16px 0 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;height:100%;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:var(--space-20)}.portfolio-nda-wrapper{container-name:portfolio-nda}.portfolio-nda-layout{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.portfolio-nda-heading{align-items:flex-start;gap:var(--portfolio-home-tag-title-gap);flex-direction:column;width:min(100%,602px);margin-bottom:0;display:flex}.portfolio-nda-kicker{width:100%;color:var(--portfolio-color-neutral-200);font-family:var(--font-display);font-size:var(--type-lead-size);letter-spacing:0;font-variation-settings:"CRSV" 0, "SHRP" 0;margin:0;font-weight:100;line-height:24px}.portfolio-nda-heading h2{width:100%;color:var(--portfolio-color-neutral-50);font-family:var(--font-display);font-size:var(--type-display-lg-size);line-height:var(--type-display-lg-line);letter-spacing:0;text-align:left;margin:0}.portfolio-nda-paragraph{width:min(100%,602px);color:var(--portfolio-color-neutral-200);font-family:var(--font-body);font-size:var(--type-body-size);font-weight:300;line-height:var(--type-body-line);letter-spacing:0;text-align:left;margin:0}.portfolio-nda-mark{width:min(357px,100%);color:var(--portfolio-color-neutral-700);align-self:flex-start}.portfolio-nda-mark-svg{width:100%;height:auto;display:block}.portfolio-nda-mark-brace{fill:currentColor}.portfolio-nda-mark-lock{stroke:var(--portfolio-color-lime);stroke-linecap:round;stroke-linejoin:round;stroke-width:6px}@media (min-width:641px){.portfolio-nda-layout{column-gap:0;row-gap:var(--space-6);grid-template-columns:minmax(0,46%) minmax(0,1fr);grid-template-areas:"heading mark""disclosure mark""preparation mark""purpose mark";display:grid}.portfolio-nda-heading{grid-area:heading}.portfolio-nda-disclosure{grid-area:disclosure}.portfolio-nda-mark{grid-area:mark;place-self:center}.portfolio-nda-paragraph:nth-of-type(2){grid-area:preparation}.portfolio-nda-paragraph:nth-of-type(3){grid-area:purpose}}@media (max-width:1024px){.portfolio-home-section.portfolio-nda-section{padding-block:var(--space-16)}}@media (max-width:640px){.portfolio-home-section.portfolio-nda-section{padding-block:var(--space-12)}.portfolio-nda-mark{display:none}.portfolio-nda-kicker{font-size:18px;line-height:24px}}
.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);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;line-height:48px}.portfolio-work-heading{flex-direction:column;align-items:flex-start;gap:24px;min-width:0;display:flex}.portfolio-work-title{align-items:flex-start;gap:var(--portfolio-home-tag-title-gap);flex-direction:column;width:100%;display:flex}.portfolio-work-intro{flex-direction:column;gap:24px;margin-top:0;display:flex}.portfolio-work-intro p{width:min(718px,100%);font-size:18px;font-weight:300;line-height:26px}.portfolio-work-actions{align-items:center;gap:8px;width:100%;display:flex}.portfolio-work-actions.portfolio-work-actions-after-cases{display:none}.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 p,.portfolio-work-section .upcoming-card p{color:var(--fg-2);font-weight:200}.portfolio-work-section .case-card-coastkey .case-card-copy,.portfolio-work-section .case-card-logistics .case-card-copy,.portfolio-work-section .case-card-enterprise .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}.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:auto;grid-template-columns:396px minmax(0,1fr);align-items:stretch;gap:24px;min-height:0;display:grid}.portfolio-work-section .portfolio-work-right{grid-template-rows:auto auto;align-self:start;gap:24px;min-width:0;height:auto;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-row .case-card:first-child,.portfolio-work-section .portfolio-work-row .case-card:last-child{height:100%}.portfolio-work-section .portfolio-work-right>.case-card{height:auto}.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{width:100%}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-grid{grid-template-rows:auto;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);align-items:stretch;gap:24px;min-height:0;display:grid}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-right{grid-template-rows:auto auto;align-self:start;gap:24px;min-width:0;height:auto;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-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 .portfolio-work-right>.case-card{height:auto;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;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:auto}.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-grid{grid-template-rows:auto;grid-template-columns:minmax(244px,.82fr) minmax(0,1.18fr);gap:20px;min-height:0}.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;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-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-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;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{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:auto}.portfolio-work-section .portfolio-work-grid{grid-template-rows:auto;grid-template-columns:minmax(244px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:20px;min-height:0;display:grid}.portfolio-work-section .portfolio-work-right{grid-template-rows:auto auto;align-self:start;gap:20px;min-width:0;height:auto;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-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 .portfolio-work-right>.case-card{gap:18px;height:auto;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 .portfolio-work-actions-heading{display:none}.portfolio-work-section .portfolio-work-actions-after-cases{margin-top:24px;display:flex}.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;line-height:40px}.portfolio-work-section .portfolio-work-intro{flex-direction:column}.portfolio-work-section .portfolio-work-intro 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-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{font-size:18px;line-height:24px}}@media (min-width:1441px){.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-copy,.portfolio-work-section .portfolio-work-grid,.app-shell[data-sidebar=expanded] .portfolio-work-section .portfolio-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@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-engineering-section .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-engineering-section .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-engineering-section .portfolio-design-card-grid{grid-template-rows:repeat(2,272px);grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-design-engineering-section .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-engineering-section .portfolio-design-card-grid{flex-direction:column;gap:24px;display:flex}.portfolio-design-engineering-section .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-engineering-section .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-engineering-section .portfolio-design-card{border-color:var(--portfolio-color-neutral-600);background:var(--portfolio-color-neutral-800);min-height:252px;padding:32px}.portfolio-design-engineering-section .portfolio-design-card span,.portfolio-design-engineering-section .portfolio-design-card h3{color:var(--portfolio-color-neutral-100)}.portfolio-design-engineering-section .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-engineering-section .portfolio-design-card-grid{grid-template-rows:repeat(2,252px);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:252px}.portfolio-design-engineering-section .portfolio-design-card{border-color:var(--portfolio-color-neutral-600);background:var(--portfolio-color-neutral-800);min-height:252px}.portfolio-design-engineering-section .portfolio-design-card span,.portfolio-design-engineering-section .portfolio-design-card h3{color:var(--portfolio-color-neutral-100)}.portfolio-design-engineering-section .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-engineering-section .portfolio-design-card-grid{flex-direction:column;gap:24px;display:flex}.portfolio-design-engineering-section .portfolio-design-card{border-color:var(--portfolio-color-neutral-600);background:var(--portfolio-color-neutral-800);height:auto;min-height:0}.portfolio-design-engineering-section .portfolio-design-card span,.portfolio-design-engineering-section .portfolio-design-card h3{color:var(--portfolio-color-neutral-100)}.portfolio-design-engineering-section .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-engineering-section .portfolio-design-card-grid{flex-direction:column;gap:24px;display:flex}.portfolio-design-engineering-section .portfolio-design-card{border-color:var(--portfolio-color-neutral-600);background:var(--portfolio-color-neutral-800);height:auto;min-height:252px}.portfolio-design-engineering-section .portfolio-design-card span,.portfolio-design-engineering-section .portfolio-design-card h3{color:var(--portfolio-color-neutral-100)}.portfolio-design-engineering-section .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}}@media (min-width:600px) and (max-width:640px){.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-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-design-engineering-actions-meta{display:none}.portfolio-design-engineering-title{align-items:flex-start;gap:var(--portfolio-home-tag-title-gap);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.portfolio-design-engineering-title>h2{flex:none;width:100%;margin:0}@media (max-width:980px){.portfolio-design-engineering-title{width:100%}}@media (min-width:1441px){.portfolio-design-engineering-actions-meta{display:flex}.portfolio-design-engineering-actions-after-grid{display:none}}
.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{align-self:flex-start;gap:var(--portfolio-home-tag-title-gap);order:-2}.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-action-link{flex:auto;min-width:0}}.portfolio-agentos-action-link,.portfolio-agentos-action-icon,.portfolio-process-action-link,.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-title,.portfolio-process-meta{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-title,.portfolio-process-meta{flex:1 0 0;width:auto;min-width:0}.portfolio-process-title 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-title,.portfolio-process-meta{width:100%}.portfolio-process-title 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-title h2{width:100%;font-size:36px;line-height:40px}.portfolio-process-meta>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-title 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-action-link{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-action-link{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}.portfolio-process-title{align-items:flex-start;gap:var(--portfolio-home-tag-title-gap);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.portfolio-process-title>h2{flex:none;width:100%;margin:0}@media (max-width:980px){.portfolio-process-title{width:100%}}@media (max-width:767px){.portfolio-home-section.portfolio-process-section{padding-inline:var(--portfolio-x)}.portfolio-process-section>.portfolio-home-wrapper{padding-inline:0}}@media (max-width:980px){.portfolio-process-narrative-block-1{grid-template-columns:minmax(0,1fr)}.portfolio-process-narrative-block h3{width:100%;font-size:44px;line-height:48px}}@media (max-width:640px){.portfolio-process-narrative-columns{grid-template-columns:minmax(0,1fr)}.portfolio-process-narrative-block h3{font-size:36px;line-height:40px}}
.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-section.portfolio-page-hero{min-height:660px;padding-top:160px;display:block}.portfolio-page-section.portfolio-cases-index-hero,.portfolio-method-page .portfolio-page-section.portfolio-page-hero{align-items:center;min-height:472px;padding-top:80px;display:flex}.portfolio-method-page .portfolio-page-section.portfolio-method-principles-section{padding-top:16px}.portfolio-page-hero-stack{flex-direction:column;gap:0;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-hero-visual-slot-with-badges{flex-direction:column;justify-content:space-between;gap:24px;display:flex}.portfolio-page-hero-visual-footer{justify-content:flex-end;display:flex}.portfolio-page-hero-meta-badges{display:none}.portfolio-page-hero-copy{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.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-description-meta{margin:0}.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}@media (min-width:1280px){.portfolio-cases-page .portfolio-cases-index-hero .portfolio-page-hero-grid,.portfolio-method-page .portfolio-page-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.portfolio-cases-page .portfolio-cases-index-hero .portfolio-page-hero-meta,.portfolio-method-page .portfolio-page-hero-meta{width:100%}}.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-method-footer-nav-section,.portfolio-case-continue-section{padding-top:24px}.portfolio-footer-nav{border-top:1px solid var(--portfolio-color-border-default);grid-template-columns:minmax(160px,1fr) minmax(0,720px);align-items:end;gap:32px;width:100%;padding-top:28px;display:grid}.portfolio-footer-nav-copy{text-align:right;justify-self:end;gap:8px;width:min(720px,100%);display:grid}.portfolio-footer-nav-copy p,.portfolio-footer-nav-copy h2,.portfolio-footer-nav-copy span{margin:0}.portfolio-footer-nav-copy p{color:var(--muted);font-size:13px;font-weight:500;line-height:18px}.portfolio-footer-nav-copy h2{min-height:76px;color:var(--fg);font-family:var(--font-display);letter-spacing:0;text-wrap:balance;font-size:32px;font-weight:400;line-height:38px}.portfolio-footer-nav-copy span{color:var(--fg-2);font-size:18px;font-weight:300;line-height:26px}.portfolio-footer-nav-actions-left,.portfolio-footer-nav-actions-right{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.portfolio-footer-nav-actions-left{justify-content:flex-start}.portfolio-footer-nav-actions-right{justify-content:flex-end}.portfolio-footer-nav-next{justify-items:end;gap:24px;min-width:0;display:grid}.portfolio-footer-nav .portfolio-page-link{flex:none;width:auto}.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;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%;min-height:0;padding:var(--portfolio-page-card-padding)}.portfolio-feature-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-feature-grid-compact[data-card-count="5"]>.portfolio-design-card:last-child{grid-column:1/-1}.portfolio-feature-grid-compact[data-card-count="5"]>.portfolio-design-card:last-child .portfolio-design-card-copy{max-width:820px}@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-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.portfolio-page-hero{min-height:0;padding-top:60px}.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.portfolio-page-hero{padding-top:60px}.portfolio-page-section{padding-block:48px;padding-inline:16px}.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:760px){.portfolio-footer-nav{grid-template-columns:1fr;gap:20px}.portfolio-footer-nav-actions-left,.portfolio-footer-nav-actions-right{align-items:stretch;width:100%}.portfolio-footer-nav-actions-left{order:2}.portfolio-footer-nav-next{order:1;justify-items:stretch;gap:16px}.portfolio-footer-nav-copy{text-align:left;justify-self:stretch}.portfolio-footer-nav-copy h2{min-height:0}.portfolio-footer-nav-actions-right{justify-content:stretch}.portfolio-footer-nav .portfolio-page-link{flex:auto;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-feature-grid-compact[data-card-count="5"]>.portfolio-design-card:last-child{grid-column:auto}.portfolio-feature-grid-compact[data-card-count="5"]>.portfolio-design-card:last-child .portfolio-design-card-copy{max-width:none}}