@font-face{font-family:"Tessatore Red Hat Display";src:url("fonts/RedHatDisplay-VariableFont_wght.woff2") format("woff2");font-style:normal;font-weight:300 900;font-display:swap}
@font-face{font-family:"Tessatore Red Hat Display";src:url("fonts/RedHatDisplay-Italic-VariableFont_wght.woff2") format("woff2");font-style:italic;font-weight:300 900;font-display:swap}
@font-face{font-family:"Tessatore Inter";src:url("fonts/Inter-VariableFont_opsz,wght.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Tessatore Inter";src:url("fonts/Inter-Italic-VariableFont_opsz,wght.woff2") format("woff2");font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:"Tessatore Oxanium";src:url("fonts/Oxanium-VariableFont_wght.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}

:root{
 --color-ink:var(--theme-light-text);
 --color-deep-blue:#123E63;
 --color-gold:#E6B226;
 --color-peacock:#006F7C;
 --color-jade:#2E806E;
 --color-olive:#827C3E;
 --color-plum:#8A477D;
 --color-copper:#D97721;
 --color-paper:var(--theme-light-page);
 --color-panel:var(--theme-light-panel);
 --color-white:#FFFFFF;
 --color-muted:var(--theme-light-muted);
 --color-line:var(--theme-light-border);
 --color-focus:#006F7C;
 --color-on-dark-teal:#19CECA;
 --color-on-dark-plum:#DA69BF;
 --color-on-dark-gold:#F1BC42;
 --color-gold-ink:#7B5000;

 --text-primary:var(--color-ink);
 --text-secondary:var(--color-muted);
 --text-link:var(--color-deep-blue);
 --text-inverse:var(--color-white);

 --interaction-primary-bg:var(--color-deep-blue);
 --interaction-primary-hover:var(--color-peacock);
 --interaction-primary-text:var(--color-white);
 --interaction-secondary-text:var(--color-deep-blue);
 --interaction-active-bg:var(--color-peacock);
 --interaction-active-text:var(--color-white);
 --interaction-focus:var(--color-peacock);
 --interaction-pressed-bg:#075562;
 --interaction-disabled-bg:#E5EAEC;
 --interaction-disabled-text:#526777;
 --interaction-disabled-border:#C0CCD0;
 
 --border-subtle:var(--color-line);
 --border-strong:var(--color-muted);
 --border-interactive:var(--color-peacock);
 
 --accent-systems:var(--color-peacock);
 --accent-coordination:var(--color-jade);
 --accent-operations:var(--color-olive);
 --accent-ai:var(--color-plum);
 --accent-intervention:var(--color-copper);
 --accent-olive-active:#706A30;
 --accent-copper-text:#A45112;
 
 --highlight-primary:var(--color-gold);
 --highlight-emphasis:var(--color-copper);
 --highlight-text:var(--color-ink);
 
 --surface-page:var(--color-paper);             
 --surface-card:var(--surface-page);            
 --surface-panel:var(--color-panel);            
 --surface-raised:var(--color-white);           
 --surface-dark:var(--color-deep-blue);         
 --surface-image-overlay:rgba(8,35,51,.72);   

 --surface-sidebar:var(--surface-page);
 --surface-navigation-active:var(--surface-panel);
 --surface-hover:var(--surface-panel);

 --border-navigation:var(--border-subtle);
 --border-on-dark:rgb(143 167 173);
 
 --text-on-dark-secondary:rgb(224 235 239);

 --interaction-link-hover:var(--color-peacock);
 --highlight-divider:var(--color-gold);
 
 --media-hero-base:rgb(5 28 41);
 --media-warehouse-backdrop-opacity:.48;
 --media-warehouse-foreground-opacity:1;
 --media-footer-ink:rgb(7 31 45);
 --media-footer-deep:rgb(6 29 44);
 --media-footer-teal:rgb(5 60 75);
 --media-footer-blue:rgb(22 45 80);
 --media-footer-plum:rgb(72 35 77);
 --media-scrim-light:rgba(248,248,246,.95);
 --media-scrim-light-faint:rgba(248,248,246,.08);
 --media-scrim-ink-faint:rgba(4,25,37,.08);
 --media-scrim-white-soft:rgba(248,248,246,.88);
 --media-scrim-white-clear:rgba(248,248,246,0);
 --media-hero-desktop-a:rgba(2,20,29,.94);
 --media-hero-desktop-b:rgba(2,20,29,.87);
 --media-hero-desktop-c:rgba(2,20,29,.65);
 --media-hero-desktop-d:rgba(2,20,29,.06);
 --media-hero-mobile-a:rgba(2,20,29,.96);
 --media-hero-mobile-b:rgba(2,20,29,.91);
 --media-hero-mobile-c:rgba(2,20,29,.7);
 --media-hero-mobile-d:rgba(2,20,29,.05);
 --media-footer-photo-scrim:rgba(0,12,19,.69);
 
 --media-footer-philosophy-panel:rgba(3,20,30,.91); 
 --media-footer-glow:rgba(70,162,169,.23);
 --media-footer-dot-teal:var(--color-on-dark-teal);
 --media-footer-dot-plum:var(--color-on-dark-plum);
 --media-footer-accent:var(--color-on-dark-teal);
 --media-shadow-soft:rgb(20 60 82 / 8%);
 --media-shadow-hero:var(--media-hero-base);
 --media-hero-teal:var(--color-on-dark-teal);
 --media-hero-gold:var(--color-on-dark-gold);
 --media-hero-plum:var(--color-on-dark-plum);
 
 --media-footer-circuit-border:rgb(34 98 122);
 --media-hero-stat-rule:rgba(228,243,250,.50);
 --media-hero-education-rule:rgba(228,243,250,.55);
 
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
 --space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;
 --radius-none:0;--radius-small:3px;
 --control-min-height:44px;--control-stroke:1px;--focus-stroke:2px;
 --motion-fast:120ms;--motion-standard:180ms;

 --ink:var(--color-ink);--paper:var(--color-paper);
 --teal:var(--color-peacock);--sea:var(--color-jade);
 --olive:var(--color-olive);--plum:var(--color-plum);--line:var(--color-line);

 --font-display:"Tessatore Red Hat Display",Arial,sans-serif;
 --font-technical:"Tessatore Oxanium",Arial,sans-serif;
 
 --type-technical-display-size:clamp(27px,3vw,48px);
 --type-technical-data-size:clamp(28px,3.5vw,54px);
 --type-technical-label-size:13px;
 --tracking-technical:.055em;
 --font-body:"Tessatore Inter",Arial,sans-serif;
 
 --font-code:ui-monospace,SFMono-Regular,Consolas,monospace;
 --type-display-size:clamp(40px,4.6vw,76px);
 --type-section-size:clamp(29px,2.85vw,45px);
 --type-title-size:clamp(22px,1.95vw,34px);
 --type-subhead-size:clamp(18px,1.35vw,24px);
 --type-lead-size:clamp(17px,1.3vw,22px);
 --type-body-size:16px;
 --type-body-sm-size:14px;
 --type-ui-size:13px;
 --type-caption-size:12px;
 --type-eyebrow-size:11px;
 
 --type-number-size:clamp(27px,2.4vw,44px);
 --leading-display:1.07;
 --leading-heading:1.15;
 --leading-body:1.6;
 --leading-ui:1.4;
 --tracking-heading:-.045em;
 --tracking-eyebrow:.12em;
 --rail:128px;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.045em}
h1{font-size:clamp(2.3rem,4vw,4.7rem);line-height:1.08;margin-bottom:16px}
h2{font-size:clamp(1.5rem,2.2vw,2.5rem);line-height:1.16}
h3{font-size:1.4rem;line-height:1.2;margin-bottom:6px}
p{line-height:1.5}
.theme{position:absolute;bottom:22px;left:12px;right:12px;padding:10px 4px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-raised);color:var(--teal);font-size:.75rem;cursor:pointer}
main{margin-left:var(--rail)}
.topbar{height:64px;display:flex;align-items:center;gap:15px;padding:0 clamp(24px,3vw,52px);border-bottom:1px solid var(--border-subtle);background:var(--surface-page)}
.brand{font:800 1.55rem var(--font-display);letter-spacing:-.06em;white-space:nowrap}

.hero{min-height:400px;display:grid;grid-template-columns:minmax(420px,54%) 1fr;position:relative;isolation:isolate;overflow:hidden;background:var(--surface-panel)}
.hero:before{content:"";position:absolute;inset:0 0 0 35%;z-index:-1;background:url("warehouse-hero.webp") center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 31%,var(--media-scrim-light) 41%,var(--media-scrim-light-faint) 64%,var(--media-scrim-ink-faint) 100%)}
.hero-copy{padding:38px clamp(24px,3vw,52px) 34px;max-width:700px}
.hero-copy h1{font-size:clamp(1.45rem,3.35vw,3.7rem);font-weight:750;background:linear-gradient(145deg,var(--ink) 2%,var(--olive) 34%,var(--teal) 64%,var(--plum) 98%);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-copy h1 span{display:block;white-space:nowrap}
.hero-copy h1 span:last-child{font-weight:800}
.hero-copy p{max-width:490px;font-size:1rem;color:var(--text-secondary)}
footer{background:linear-gradient(115deg,var(--media-footer-deep) 0%,var(--media-footer-teal) 58%,var(--media-footer-blue) 80%,var(--media-footer-plum) 100%);color:var(--text-inverse);padding:25px clamp(24px,3vw,52px) 10px;position:relative;overflow:hidden}
footer:before{content:"";position:absolute;left:-60px;bottom:-110px;width:330px;height:260px;border:1px solid var(--media-footer-accent);border-radius:50%;transform:rotate(-30deg);box-shadow:20px -20px 0 -19px var(--accent-operations),40px -40px 0 -39px var(--accent-ai),60px -60px 0 -59px var(--media-footer-accent);opacity:.75}
@media (max-width:1100px){.hero{grid-template-columns:minmax(360px,58%) 1fr}}
@media (max-width:760px){:root{--rail:0px}
.theme{position:static;white-space:nowrap;margin:0 10px 0 auto;padding:7px;font-size:.72rem}
.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding:12px 20px}

.hero{display:block;min-height:0;padding-bottom:240px}
.hero:before{inset:auto 0 0 0;height:280px;background-position:center}
.hero:after{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 50%,transparent 76%)}
.hero-copy{padding:34px 22px 15px}}

.hero{display:block;min-height:400px;background:var(--paper);position:relative;overflow:hidden;padding:0}
.hero:before,.hero:after{content:none}


.hero-copy{position:relative;z-index:1;width:54%;max-width:760px;padding:38px clamp(24px,3vw,52px) 34px}
.hero-copy h1{font-size:clamp(1.55rem,3.1vw,3.55rem);line-height:1.05;letter-spacing:-.055em;background:none;color:var(--ink);font-weight:800;margin-bottom:13px}
.hero-copy h1 .title-line{display:block;white-space:nowrap}
.hero-copy h1 em{font-style:normal}
.hero-copy h1 .word-plum{color:var(--accent-ai)}
.hero-copy h1 .word-teal{color:var(--accent-systems)}
.hero-copy h1 .word-olive{color:var(--accent-olive-active)}
.hero-copy p{max-width:520px}
@media (max-width:1100px) and (min-width:768px){.hero-copy{width:58%;padding-right:18px}
.hero-copy h1{font-size:clamp(1.65rem,3.2vw,2.55rem)}
}
@media (max-width:767px){.hero{display:flex;flex-direction:column;min-height:0;padding:0}


.hero-copy{order:1;width:100%;max-width:none;padding:23px 24px 30px}
.hero-copy h1{font-size:clamp(1.55rem,5.8vw,2.7rem);margin-bottom:12px}
.hero-copy p{max-width:620px}}
@media (max-width:420px){.hero-copy{padding-left:20px;padding-right:20px}
.hero-copy h1{font-size:clamp(1.38rem,5.65vw,1.7rem);letter-spacing:-.06em}}
svg.icon{display:inline-block;width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

.topbar{height:auto;min-height:100px;flex-wrap:wrap;row-gap:10px;padding-top:12px;padding-bottom:12px}
.brand-lockup{display:inline-flex;align-items:center;gap:16px;flex:none}
.brand-mark{display:block;width:62px;height:auto;flex:none}
.brand-lockup .brand{display:inline-flex;gap:.38em;font-size:clamp(1.55rem,2.2vw,2rem);letter-spacing:-.015em}

@media (max-width:760px){.topbar{min-height:70px}
.brand-mark{width:43px}
.brand-lockup{gap:10px}
.brand-lockup .brand{font-size:1.55rem}
}
@media (max-width:420px){.brand-mark{width:39px}
.brand-lockup .brand{font-size:1.4rem}}
html{scroll-padding-top:calc(var(--header-height, 100px) + 12px)}
.topbar{position:sticky;top:0;z-index:40;width:100%}
footer:before{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;transform:none;box-shadow:none;background-image:radial-gradient(circle,var(--media-footer-dot-teal) 1.15px,transparent 1.7px),radial-gradient(circle,var(--media-footer-dot-plum) 1.1px,transparent 1.6px);background-size:20px 20px,60px 60px;background-position:0 0,10px 10px;opacity:.35;mask-image:linear-gradient(90deg,transparent 12%,var(--text-primary) 86%);pointer-events:none}
footer:after{content:"";position:absolute;right:-8%;top:-125%;width:60%;height:280%;background:radial-gradient(ellipse,var(--media-footer-glow),transparent 65%);pointer-events:none}
@media (max-width:760px){html{scroll-padding-top:calc(var(--header-height, 70px) + 64px)}}
:root{--header-height:100px;--rail:128px;--teal:var(--color-peacock);--plum:var(--color-plum);--line:var(--color-line)}
html{scroll-padding-top:calc(var(--header-height) + 12px)}
.topbar{position:sticky;top:0;z-index:40;width:100%;height:auto;min-height:100px;display:flex;flex-wrap:wrap;align-items:center;gap:15px;row-gap:10px;padding:12px clamp(24px,3vw,52px);border-bottom:1px solid var(--border-subtle);background:var(--surface-page)}
.brand-lockup{display:inline-flex;align-items:center;gap:16px;flex:none;white-space:nowrap}
.brand-mark{display:block;width:62px;height:auto;flex:none}
.brand-lockup .brand{display:inline-flex;gap:.38em;font:800 clamp(1.55rem,2.2vw,2rem) var(--font-display);letter-spacing:-.015em;white-space:nowrap}

.theme{position:static;width:100%;min-height:38px;padding:9px 2px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-raised);color:var(--teal);font-size:.75rem;cursor:pointer;white-space:normal;text-align:center;line-height:1.2}
.site-footer{display:block;margin-left:var(--rail);background:linear-gradient(115deg,var(--media-footer-deep) 0%,var(--media-footer-teal) 58%,var(--media-footer-blue) 80%,var(--media-footer-plum) 100%);color:var(--text-inverse);padding:25px clamp(24px,3vw,52px) 10px;position:relative;overflow:hidden;font-size:1rem}
.site-footer:before{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;transform:none;box-shadow:none;background-image:radial-gradient(circle,var(--media-footer-dot-teal) 1.15px,transparent 1.7px),radial-gradient(circle,var(--media-footer-dot-plum) 1.1px,transparent 1.6px);background-size:20px 20px,60px 60px;background-position:0 0,10px 10px;opacity:.35;mask-image:linear-gradient(90deg,transparent 12%,var(--text-primary) 86%);pointer-events:none}
.site-footer:after{content:"";position:absolute;right:-8%;top:-125%;width:60%;height:280%;background:radial-gradient(ellipse,var(--media-footer-glow),transparent 65%);pointer-events:none}
@media (max-width:760px){:root{--rail:0px}
html{scroll-padding-top:calc(var(--header-height) + 64px)}
.topbar{min-height:70px;padding:12px 20px}
.brand-mark{width:43px}
.brand-lockup{gap:10px}
.brand-lockup .brand{font-size:1.55rem}

.theme{position:static;white-space:nowrap;margin:0 10px 0 auto;padding:7px;font-size:.72rem}
.site-footer{margin-left:0}}

@media (max-width:420px){.brand-mark{width:39px}
.brand-lockup .brand{font-size:1.4rem}}
@media (min-width:761px){:root{--rail:80px;--header-height:64px}
.topbar{min-height:64px;padding:8px 32px;gap:12px;flex-wrap:nowrap}
.brand-mark{width:40px}
.brand-lockup{gap:12px}
.brand-lockup .brand{font-size:1.65rem}

.theme{font-size:.7rem;min-height:30px;padding:7px 1px;border-radius:3px}}
.site-footer:before,.site-footer:after{content:none}
@media  (min-width:761px) {.portfolio-shell .portfolio-left-nav { scrollbar-gutter:stable; }}
@media (min-width:1601px){main#home .hero{min-height:355px}
main#home .hero-copy{padding-top:28px;padding-bottom:24px}}
main#home .hero{min-height:300px;display:grid;grid-template-columns:36% minmax(0,1fr);padding:0;border-bottom:1px solid var(--line)}
main#home .hero-copy{grid-column:1;grid-row:1;width:auto;max-width:none;padding:24px 32px;z-index:1}
main#home .hero-copy h1{font-size:clamp(1.7rem,2.6vw,3rem);line-height:1.1;letter-spacing:-.055em}
main#home .hero-copy h1 .title-line{white-space:normal}
main#home .hero-copy p{font-size:1rem;line-height:1.5;max-width:470px;margin-bottom:0}


@media (max-width:1250px){main#home .hero-copy{padding:25px}}
@media (max-width:900px){main#home .hero{grid-template-columns:52% 1fr}}
@media (max-width:760px){main#home .hero{display:flex;padding:0}

main#home .hero-copy{order:1;width:100%;padding:24px 20px}
main#home .hero-copy h1{font-size:clamp(1.8rem,6vw,2.8rem)}}
body.portfolio-shell{--rail:0px;--portfolio-gutter:clamp(18px,3vw,64px);}
.portfolio-shell main,.portfolio-shell .page,.portfolio-shell .site-footer{margin-left:0}
.portfolio-shell .topbar{position:sticky;top:0;z-index:40;height:auto;min-height:64px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px clamp(16px,2vw,32px);background:var(--surface-page);border-bottom:1px solid var(--border-subtle)}
.portfolio-shell .topbar .brand-lockup{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.portfolio-shell .topbar .brand-mark{width:40px;height:auto}
.portfolio-shell .topbar .brand{display:inline-flex;gap:.38em;font:800 1.65rem var(--font-display);letter-spacing:-.015em}

.inner-global-nav{display:flex;align-items:center;gap:10px;margin-left:auto}
.inner-global-nav a{font-size:1rem;font-weight:700;padding:10px 13px;border-radius:3px;border-bottom:3px solid transparent;white-space:nowrap;text-decoration:none}
.inner-global-nav a[aria-current]{background:var(--surface-navigation-active);color:var(--accent-systems);border-bottom-color:var(--accent-ai);border-radius:3px 3px 0 0;font-weight:800}

.portfolio-shell .topbar>.theme{position:static;width:auto;min-height:32px;margin:0;padding:7px 10px;font-size:.72rem;border:1px solid var(--border-subtle);white-space:nowrap;background:var(--surface-raised);color:var(--accent-systems);display:inline-flex;align-items:center;gap:5px}

@media (max-width:900px){.inner-global-nav{gap:4px}
.inner-global-nav a{padding:9px 10px;font-size:.95rem}}
@media (max-width:650px){.portfolio-shell .topbar{gap:8px;padding:10px 14px}
.portfolio-shell .topbar .brand{font-size:1.4rem}
.portfolio-shell .topbar .brand-mark{width:36px}
.inner-global-nav{width:100%;order:5;margin:0;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:5px}
.inner-global-nav a{padding:8px;font-size:.95rem}}
@media (max-width:1050px){.portfolio-shell .topbar>.theme{padding:8px;min-width:33px}}
@media (max-width:650px){.portfolio-shell .topbar>.theme{margin-left:auto}}
.portfolio-shell>main,.portfolio-shell main.page{width:100%;max-width:none;margin-inline:auto;min-width:0;box-sizing:border-box}
.portfolio-shell :is(.topbar,.portfolio-breadcrumb,.site-footer){width:100%;max-width:none;margin-inline:auto;box-sizing:border-box}
.portfolio-shell .topbar{padding-inline:var(--portfolio-gutter)}
@media (min-width:761px){main#home .hero-copy{padding:clamp(28px,3vw,56px) var(--portfolio-gutter)}}
body.portfolio-shell.has-left-nav{--portfolio-rail-width:264px}
.portfolio-shell.has-left-nav>main,.portfolio-shell.has-left-nav main.page{width:calc(100% - var(--portfolio-rail-width));margin-left:var(--portfolio-rail-width);margin-right:0}
.portfolio-shell.has-left-nav>.site-footer{width:calc(100% - var(--portfolio-rail-width));margin-left:var(--portfolio-rail-width)}
.portfolio-shell .portfolio-left-nav{position:fixed;left:0;top:var(--header-height,64px);bottom:0;width:var(--portfolio-rail-width);height:calc(100vh - var(--header-height,64px));overflow:auto;z-index:25;box-sizing:border-box;padding:24px 18px;background:var(--surface-page);border-right:1px solid var(--border-subtle);font:400 1rem/1.5 var(--font-body);color:var(--text-primary)}
.portfolio-left-nav .portfolio-main-menu>summary{display:none}
.portfolio-shell .portfolio-left-nav .inner-global-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;margin:0;padding:0;order:initial;border:0}
.portfolio-left-nav .inner-global-nav a{font-size:1rem;padding:11px 14px;border-left:3px solid transparent;border-bottom:0;white-space:normal;border-radius:3px}
.portfolio-left-nav .inner-global-nav a[aria-current]{border-left-color:var(--accent-ai);border-bottom:0}
@media (max-width:900px){.portfolio-shell.has-left-nav>main,.portfolio-shell.has-left-nav main.page,.portfolio-shell.has-left-nav>.site-footer{width:100%;margin-left:0}
.portfolio-shell .portfolio-left-nav{position:sticky;top:var(--header-height,64px);bottom:auto;width:100%;height:auto;padding:10px 18px;border-right:0;border-bottom:1px solid var(--border-subtle);overflow:visible}
.portfolio-left-nav .portfolio-main-menu>summary{display:list-item;font-size:1rem;font-weight:700;cursor:pointer;min-height:28px;color:var(--accent-systems)}
.portfolio-left-nav .portfolio-main-menu[open] .inner-global-nav{padding-block:10px}
.portfolio-shell .portfolio-left-nav .inner-global-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.portfolio-shell .portfolio-left-nav .inner-global-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
.portfolio-shell.has-left-nav>main{container:portfolio-page / inline-size}
.portfolio-shell .portfolio-left-nav .inner-global-nav{position:relative;gap:6px}
.portfolio-left-nav .inner-global-nav:before{content:"";position:absolute;left:12px;top:20px;bottom:20px;width:1px;background:var(--border-subtle);pointer-events:none}
.portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav]{position:relative;display:block;padding:12px 12px 12px 40px;border:0;border-radius:0;background:transparent;line-height:1.4;min-height:46px;box-sizing:border-box;color:var(--text-primary);font-weight:500}
.portfolio-left-nav .inner-global-nav a[data-nav]:before{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-page);box-sizing:border-box}
.portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav="home"],
.portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav="work"]{font-weight:700}
.portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav][aria-current]{background:transparent;color:var(--text-primary)}
.portfolio-left-nav .inner-global-nav a[data-nav][aria-current]:before{background:var(--accent-ai);border-color:var(--accent-ai)}
body.portfolio-shell.story-navigation{--portfolio-rail-width:300px}
.story-navigation .portfolio-work-children,
.story-navigation .portfolio-work-children ul{list-style:none;margin:0;padding:0;border:0}
.story-navigation .portfolio-work-children{padding-left:22px;margin-bottom:8px}
@media (max-width:900px){.portfolio-shell .portfolio-left-nav .inner-global-nav{display:flex;flex-direction:column;max-height:calc(100dvh - var(--header-height,64px) - 70px);overflow:auto}}
body.portfolio-shell.has-left-nav{--portfolio-rail-width:300px}

.story-navigation .portfolio-work-children{padding-left:22px;margin:4px 0 10px}
.story-navigation .portfolio-left-nav .portfolio-case-link{display:block;padding:11px 8px;border:0;font-size:.925rem;line-height:1.4;color:var(--text-secondary);border-radius:3px}
.portfolio-shell .portfolio-left-nav .portfolio-work-children{padding-left:52px;margin:4px 0 10px;border-left:0;list-style:none}
.portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav][aria-current]{color:var(--accent-ai);font-weight:700}
@media (min-width:1101px){body.portfolio-shell.has-left-nav{--portfolio-rail-width:clamp(320px,26vw,380px)}}
.portfolio-shell .site-footer{padding-inline:var(--portfolio-gutter)}
:root{--portfolio-page:var(--color-paper);--portfolio-panel:var(--color-white);--accent:var(--color-plum)}
.portfolio-shell .brand-mark{display:block;flex:none;aspect-ratio:36/37;background-color:var(--teal);-webkit-mask:url("addy-ruth-mark.svg") center/contain no-repeat;mask:url("addy-ruth-mark.svg") center/contain no-repeat}
body.portfolio-shell,.portfolio-shell>main,.portfolio-shell main.page{background:var(--portfolio-page)}
.portfolio-shell .portfolio-left-nav::before{content:"";position:absolute;left:30px;top:0;bottom:0;width:1px;background:var(--border-subtle);pointer-events:none}
.portfolio-shell .portfolio-left-nav .inner-global-nav::before{top:0;bottom:0}
.portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav]{font-size:.9375rem;font-weight:400}
.portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav][aria-current]{font-weight:600}
.portfolio-shell .portfolio-left-nav :is(.portfolio-area-link,.portfolio-case-link){position:relative;font-size:.875rem;font-weight:400;line-height:1.45;padding:9px 8px;min-height:40px}

.portfolio-shell.has-left-nav .portfolio-left-nav .inner-global-nav[aria-label] :is(a,a:hover,a[aria-current],a.is-selected-area,a.is-current-case){background:transparent;box-shadow:none;border-left:0}
@media (min-width:901px){.portfolio-shell .portfolio-left-nav::before{position:fixed;top:var(--header-height,64px);bottom:0;z-index:0}
.portfolio-shell .portfolio-left-nav .inner-global-nav::before{display:none}}
body.portfolio-shell.has-left-nav{--header-height:0px}
.portfolio-shell .portfolio-left-nav{top:0;height:100dvh;bottom:0}
.portfolio-shell .portfolio-left-nav::before{top:0}
.portfolio-shell .portfolio-left-nav>.topbar{position:relative;top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:16px 12px;min-height:0;width:100%;padding:0 0 24px;margin:0 0 18px;border:0;border-bottom:1px solid var(--border-subtle);box-sizing:border-box;z-index:1;background:var(--surface-page)}
.portfolio-shell .portfolio-left-nav .topbar .brand-lockup{width:100%;gap:10px}
.portfolio-shell .portfolio-left-nav .topbar .brand-mark{width:36px}
.portfolio-shell .portfolio-left-nav .topbar .brand{font-size:1.5rem}
.portfolio-shell .portfolio-left-nav .topbar>.theme{margin-left:auto}
@media (max-width:900px){.portfolio-shell .portfolio-left-nav::before,
 .portfolio-shell .portfolio-left-nav .inner-global-nav::before{display:none}
.portfolio-shell .portfolio-left-nav{position:relative;top:0;height:auto;width:100%;padding:18px;border-right:0}
.portfolio-shell .portfolio-left-nav>.topbar{margin-bottom:12px;padding-bottom:16px}
.portfolio-shell .portfolio-left-nav .topbar .brand-lockup{width:auto;flex:1}
.portfolio-shell .portfolio-left-nav .inner-global-nav{max-height:none;overflow:visible}}
.portfolio-shell main#home #work{scroll-margin-top:24px}
.portfolio-shell .portfolio-work-tree{position:relative}
.portfolio-shell .portfolio-left-nav a[data-nav="work"]{padding-right:12px}
.portfolio-shell .portfolio-work-panel{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden}
.portfolio-shell .portfolio-work-panel-inner{min-height:0;overflow:hidden}
.portfolio-shell .portfolio-work-panel.is-expanded{grid-template-rows:1fr;opacity:1;visibility:visible}
.portfolio-shell .topbar svg.icon{display:inline-block;flex:none;width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:901px){.portfolio-shell .portfolio-left-nav{display:flex;flex-direction:column}
.portfolio-shell .portfolio-left-nav>.topbar{flex-shrink:0}
.portfolio-shell .portfolio-left-nav::before{top:var(--portfolio-guide-top,250px)}
.portfolio-shell .portfolio-main-menu{flex:1 0 auto}
.portfolio-shell .portfolio-left-nav .inner-global-nav{max-height:none;overflow:visible}}
.portfolio-shell .portfolio-left-nav .topbar .brand-lockup{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;width:100%;flex:none}
.portfolio-shell .portfolio-left-nav .topbar .brand-mark{width:58px;height:76px;object-fit:contain}
.portfolio-shell .portfolio-brand-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.portfolio-shell .portfolio-left-nav .topbar .brand{font-size:25px;line-height:1.15;white-space:nowrap}
.portfolio-shell .portfolio-brand-role{font:400 12px/1.5 var(--font-body);color:var(--ink,var(--text-primary))}
.portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav=work]::before{display:none}
.portfolio-shell .portfolio-left-nav .portfolio-work-marker{position:absolute;left:-10px;top:1px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--border-strong);cursor:pointer;z-index:2}
.portfolio-shell .portfolio-work-marker::before{content:"";position:absolute;left:15px;top:15px;width:14px;height:14px;background:var(--surface-page)}
.portfolio-shell .portfolio-work-marker svg{display:block;width:14px;height:14px;overflow:visible}
.portfolio-shell .portfolio-work-marker path{fill:var(--surface-page);stroke:currentColor;stroke-width:1;stroke-linejoin:round}
.portfolio-shell .portfolio-work-marker[aria-expanded=true]{color:var(--accent-ai)}
.portfolio-shell .portfolio-work-marker[aria-expanded=true] path{fill:currentColor}
.portfolio-shell .portfolio-left-nav .portfolio-work-tree>a[data-nav=work]{color:var(--text-primary)}
.portfolio-shell .portfolio-left-nav .portfolio-work-tree:has(>.portfolio-work-marker[aria-expanded=true])>a[data-nav=work]{color:var(--accent-ai)}
@media (min-width:761px){main#home .hero{grid-template-columns:minmax(0,58%) minmax(0,42%)}}
@media (min-width:1100px){main#home .hero-copy h1 .title-line{white-space:nowrap}}
@media (min-width:761px){main#home .hero{grid-template-columns:minmax(0,47fr) minmax(0,53fr);align-items:stretch;min-height:400px}
main#home .hero-copy{min-width:0;align-self:center}
main#home .hero-copy h1{width:100%;max-width:21ch}
}
@container  portfolio-page (max-width:850px){main#home .hero{grid-template-columns:minmax(0,1fr);min-height:0}

main#home .hero-copy{grid-column:1;grid-row:2;padding:28px var(--portfolio-gutter);width:100%;box-sizing:border-box}
main#home .hero-copy h1{max-width:21ch}}
body:has(>main#home) .portfolio-brand-role{white-space:normal}
body:has(>main#home)>.site-footer{padding-bottom:64px}

:root{--global-accent:var(--accent-systems);--global-accent-strong:var(--interaction-primary-bg);--global-accent-soft:var(--surface-panel);--global-gold:var(--highlight-primary);--global-on-accent:var(--interaction-primary-text);}
:root{--smart-warehouse:var(--color-deep-blue);--smart-warehouse-strong:var(--color-deep-blue);--smart-warehouse-soft:var(--color-panel);}
body[data-portfolio-identity="smart-warehouse"] main,[data-accent="smart-warehouse"],.portfolio-left-nav a[href="/work/target/"]{--local-strong:var(--smart-warehouse-strong);--local-soft:var(--smart-warehouse-soft);}
:root{--material-flow:var(--color-peacock);--material-flow-strong:var(--color-peacock);--material-flow-soft:var(--color-panel);}
body[data-portfolio-identity="material-flow"] main,[data-accent="material-flow"],.portfolio-left-nav a[href="/work/material-flow/"]{--local-strong:var(--material-flow-strong);--local-soft:var(--material-flow-soft);}
:root{--signal-visibility:var(--color-jade);--signal-visibility-strong:var(--color-jade);--signal-visibility-soft:var(--color-panel);}
body[data-portfolio-identity="signal-visibility"] main,[data-accent="signal-visibility"],.portfolio-left-nav a[href="/work/sick-signals/"]{--local-strong:var(--signal-visibility-strong);--local-soft:var(--signal-visibility-soft);}
:root{--oee-learning:var(--color-olive);--oee-learning-strong:var(--color-olive);--oee-learning-soft:var(--color-panel);}
body[data-portfolio-identity="oee-learning"] main,[data-accent="oee-learning"],.portfolio-left-nav a[href="/work/oee-interpretation-simulation/"]{--local-strong:var(--oee-learning-strong);--local-soft:var(--oee-learning-soft);}
:root{--connected-logistics:var(--color-copper);--connected-logistics-strong:var(--color-gold-ink);--connected-logistics-soft:var(--color-panel);}
body[data-portfolio-identity="connected-logistics"] main,[data-accent="connected-logistics"],.portfolio-left-nav a[href="/work/redwood/"]{--local-strong:var(--connected-logistics-strong);--local-soft:var(--connected-logistics-soft);}

body.portfolio-shell{--plum:var(--global-accent);--accent:var(--global-accent);}
.portfolio-shell main{--local-strong:var(--global-accent-strong);--local-soft:var(--global-accent-soft);}
.portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav][aria-current],
.portfolio-shell .portfolio-left-nav .portfolio-work-tree:has(>.portfolio-work-marker[aria-expanded=true])>a[data-nav=work],
.portfolio-shell .portfolio-work-marker[aria-expanded=true]{color:var(--global-accent)!important}
.portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav][aria-current]:before{background:var(--global-accent)!important;border-color:var(--global-accent)!important}
.portfolio-shell :is(.site-footer,.portfolio-context-card){--local-strong:var(--global-accent-strong);--local-soft:var(--global-accent-soft);}
.portfolio-shell .site-footer a:not(.portfolio-cta){color:var(--global-accent)!important}
:root{--hero-systems:var(--p-on-dark-blue);--hero-teams:var(--p-on-dark-gold);--hero-workflows:var(--p-on-dark-purple);}
.portfolio-shell main#home .hero-copy h1 .word-teal{color:var(--hero-systems)!important}
.portfolio-shell main#home .hero-copy h1 .word-olive{color:var(--hero-teams)!important}
.portfolio-shell main#home .hero-copy h1 .word-plum{color:var(--hero-workflows)!important}

html body.portfolio-shell,
html body.portfolio-shell *:not(.pattern-persona,.pattern-connection-badge,.pattern-explore svg),
html body.portfolio-shell *::before,
html body.portfolio-shell *::after {
  border-radius: 0 !important;
}
html body.portfolio-shell :is(button:not(.pattern-choice), [role="button"], .portfolio-cta,
  .portfolio-action, .btn, .button, .back-top, .mf-cta, .warehouse-cta,
  .matching-cta, .feature-cta, .round-link, .work-case-action,
  .resume-downloads a, .about-next a, .warehouse-case-action,
  .logistics-case-action) {
  text-transform: uppercase !important;
}
html body.portfolio-shell main,
html body.portfolio-shell main * {

  --case-soft: var(--portfolio-panel, var(--text-inverse)) !important;

}
html:not([data-theme="dark"]) body.portfolio-shell .hero{
  background: var(--portfolio-panel, var(--text-inverse)) !important;
}
body.home-approved.portfolio-shell.has-left-nav{--home-gutter:clamp(28px,3.1vw,60px);--home-paper:var(--p-paper);--home-ink:var(--p-ink);--home-muted:var(--p-muted);--home-line:var(--p-line);background:var(--home-paper);}
body.home-approved>main#home{color:var(--home-ink);container:portfolio-page / inline-size}
main#home .hero{display:block;position:relative;isolation:isolate;min-height:clamp(520px,35vw,670px);padding:0;background:var(--media-hero-base);border:0;overflow:hidden}
main#home .hero:before,main#home .hero:after{content:none}



main#home .hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:65%;max-width:900px;min-height:inherit;padding:50px var(--home-gutter);margin:0;box-sizing:border-box;background:transparent}
main#home .hero-copy h1{font:800 clamp(36px,3.45vw,65px)/1.08 var(--font-display);letter-spacing:-.048em;width:auto;max-width:none;margin:0 0 24px;background:none;color:var(--text-inverse);-webkit-text-fill-color:currentColor}
main#home .hero-copy h1 .title-line{display:block;white-space:nowrap}
main#home .hero-copy h1 em{font-style:normal}
main#home .hero-copy h1 .word-teal{color:var(--media-hero-teal)}
main#home .hero-copy h1 .word-olive{color:var(--media-hero-gold)}
main#home .hero-copy h1 .word-plum{color:var(--media-hero-plum)}
main#home .hero-copy p{font:400 clamp(16px,1.12vw,20px)/1.55 var(--font-body);color:var(--text-on-dark-secondary);max-width:43ch;margin:0 0 25px;text-shadow:0 1px 5px var(--media-shadow-hero)}
main#home .editorial-case{display:flex;flex-direction:column;min-width:0;padding:18px 0 0;background:transparent;border:0;border-top:1px solid var(--home-line)}
main#home .editorial-case-link{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(0,1.5fr);gap:15px;flex:1;color:var(--home-ink);text-decoration:none}
main#home .editorial-case-icon{display:block;min-width:0;align-self:start;filter:drop-shadow(0 6px 5px var(--media-shadow-soft))}
main#home .editorial-case-text{display:flex;flex-direction:column;min-width:0}
main#home .editorial-case-text strong{font:750 clamp(15px,1vw,18px)/1.3 var(--font-display);letter-spacing:-.035em;margin:0 0 9px;color:var(--home-ink)}
main#home .editorial-case-description{font:400 clamp(14px,.9vw,16px)/1.5 var(--font-body);color:var(--home-muted);flex:1}
main#home .editorial-case-cta{font:700 13px/1.5 var(--font-body);color:var(--case-accent);margin-top:18px;text-decoration:none}
main#home .editorial-case-cta span{margin-left:6px}
main#home .editorial-case-meta{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px;color:var(--home-muted);font:500 11px/1.4 var(--font-body)}
main#home .editorial-case-meta span+span{border-left:1px solid var(--border-subtle);padding-left:11px}
@keyframes case-cargo{0%{transform:translate(-7px,4px)}100%{transform:translate(7px,-4px)}}
@keyframes case-ping{0%{opacity:.85;transform:scale(.7)}100%{opacity:0;transform:scale(1.65)}}
@keyframes case-gauge{0%{transform:rotate(-25deg)}100%{transform:rotate(6deg)}}
body.home-approved>.site-footer{padding:20px var(--home-gutter);background:var(--media-footer-ink);color:var(--text-on-dark-secondary);font-size:12px}
body.home-approved>.site-footer:before,body.home-approved>.site-footer:after{content:none}
@media (min-width:901px) and (max-width:1200px){body.home-approved.portfolio-shell.has-left-nav{--portfolio-rail-width:166px;--home-gutter:28px}
main#home .hero-copy{width:73%}
main#home .hero-copy h1{font-size:40px}
main#home .editorial-case-link{grid-template-columns:1fr}
main#home .editorial-case-icon{width:120px;max-width:100%}}
@media (max-width:900px){body.home-approved.portfolio-shell.has-left-nav{--portfolio-rail-width:0px;--home-gutter:28px}
body.home-approved>main#home,body.home-approved>.site-footer{width:100%;margin-left:0}
main#home .hero{min-height:510px}
main#home .hero-copy{width:76%;padding:40px var(--home-gutter)}
main#home .hero-copy h1{font-size:clamp(30px,4.8vw,43px)}
main#home .hero-copy p{font-size:16px;max-width:41ch}
main#home .editorial-case-link{grid-template-columns:1fr;gap:10px}
main#home .editorial-case-icon{max-width:135px}}
@media (max-width:600px){body.home-approved.portfolio-shell.has-left-nav{--home-gutter:22px}
main#home .hero{min-height:680px}


main#home .hero-copy{width:100%;min-height:0;padding:36px var(--home-gutter) 235px}
main#home .hero-copy h1{font-size:clamp(27px,7.25vw,41px);line-height:1.12;letter-spacing:-.05em;margin-bottom:22px}
main#home .hero-copy p{font-size:16px;line-height:1.55;margin-bottom:22px;max-width:38ch}
main#home .editorial-case{padding-top:20px}
main#home .editorial-case-link{grid-template-columns:100px minmax(0,1fr);gap:15px}
main#home .editorial-case-icon{width:100px;max-width:100%}
main#home .editorial-case-text strong{font-size:17px}
main#home .editorial-case-description{font-size:14px;line-height:1.55}
main#home .editorial-case-cta{margin-top:13px}
main#home .editorial-case-meta{margin-top:14px}}
body.portfolio-shell.has-left-nav{--portfolio-rail-width:224px}
.portfolio-shell .portfolio-left-nav.portfolio-navigation>.topbar{order:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation>.portfolio-main-menu{order:1}
.portfolio-shell .portfolio-left-nav.portfolio-navigation>.portfolio-navigation-footer{order:2}
@media (min-width:901px){body.home-approved.portfolio-shell.has-left-nav{--portfolio-rail-width:224px}}
.portfolio-shell .portfolio-left-nav.portfolio-navigation{--nav-ink:var(--text-primary);--nav-muted:var(--text-secondary);--nav-line:var(--border-subtle);--nav-paper:var(--surface-page);--nav-accent:var(--accent-ai);display:flex;flex-direction:column;gap:0;position:fixed;inset:0 auto 0 0;width:var(--portfolio-rail-width);height:100dvh;padding:28px 24px 20px;background:var(--nav-paper);color:var(--nav-ink);overflow:auto;scrollbar-gutter:stable;z-index:25}
.portfolio-shell .portfolio-left-nav.portfolio-navigation::before,.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav::before{display:none}
.portfolio-shell .portfolio-left-nav.portfolio-navigation>.topbar{display:block;position:relative;flex:none;padding:0 0 20px;margin:0 0 14px;border:0;border-bottom:1px solid var(--nav-line);background:transparent;min-height:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:100%;white-space:normal}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand-mark{width:42px;height:44px;background-color:var(--nav-ink)}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand{font:700 17px/1.2 var(--font-body);letter-spacing:0;color:var(--nav-ink);white-space:normal}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-brand-text{display:flex;flex-direction:column;gap:8px}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-brand-role{font:400 13px/1.5 var(--font-body);color:var(--nav-muted)}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu{flex:none;margin:0;padding:0;border:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu>summary{display:none}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav{display:flex;flex-direction:column;position:relative;width:100%;gap:3px;padding:0;margin:0;border:0;max-height:none;overflow:visible}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav]{display:flex;align-items:center;gap:14px;padding:12px 4px;min-height:48px;font:400 15px/1.4 var(--font-body);color:var(--nav-ink);white-space:normal}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav]::before,.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav]::after{display:none}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav][aria-current]{color:var(--nav-accent);font-weight:700}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-nav-icon{flex:none;display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-tree{position:relative;min-width:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-tree>a[data-nav=work]{padding-right:44px;color:var(--nav-ink)}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-tree:has(>.portfolio-work-marker[aria-expanded=true])>a[data-nav=work]{color:var(--nav-accent);font-weight:700}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-marker{position:absolute;left:auto;right:-6px;top:2px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--nav-ink)}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-marker::before{display:none}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-marker svg{width:16px;height:16px;transform:none}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-marker path{fill:none;stroke:currentColor;stroke-width:1.7}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-marker[aria-expanded=true] svg,.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-cases-toggle[aria-expanded=true] svg{transform:rotate(90deg)}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-panel{display:none;opacity:1;visibility:visible}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-panel.is-expanded{display:block}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-panel-inner{overflow:visible}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-children{list-style:none;padding:0 0 6px 8px;margin:0 0 6px 12px;border-left:1px solid var(--nav-line)}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-workspace{list-style:none;margin:0;padding:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-workspace-row{display:flex;align-items:center;min-width:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-workspace-link{display:block;flex:1;min-width:0;padding:10px 0 10px 5px;font:600 13px/1.45 var(--font-body);color:var(--nav-ink);overflow-wrap:normal}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-cases-toggle{display:grid;place-items:center;flex:none;width:36px;min-height:44px;padding:0;border:0;background:transparent;color:var(--nav-muted);cursor:pointer}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-cases-toggle svg{width:14px;height:14px}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-case-list{list-style:none;padding:0 0 8px 5px;margin:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-case-list[hidden]{display:none}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-case-list>li{list-style:none;margin:0;padding:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-case-link{display:block;min-height:44px;margin:0;padding:11px 5px 11px 12px;font:400 13px/1.5 var(--font-body);color:var(--nav-muted);border:0;border-left:2px solid transparent;border-radius:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-footer{position:relative;flex:none;margin-top:auto;padding-top:36px}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-motto{position:relative;margin:0 0 20px;padding:16px 0;font:600 11px/1.8 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--nav-muted)}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-motto::before,.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-motto::after{content:"";position:absolute;left:0;width:28px;height:2px;background:var(--highlight-divider)}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-motto::before{top:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-motto::after{bottom:0}

.portfolio-shell .portfolio-left-nav.portfolio-navigation :is(a,button,summary):hover{color:var(--nav-accent)}

.portfolio-shell main#home>.hero{position:relative}
@media (max-width:900px){.portfolio-shell .portfolio-left-nav.portfolio-navigation{position:relative;inset:auto;width:100%;height:auto;min-height:0;padding:16px 20px;border-right:0;border-bottom:1px solid var(--nav-line);overflow:visible}
.portfolio-shell .portfolio-left-nav.portfolio-navigation>.topbar{padding:0 0 12px;margin-bottom:0}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand-lockup{flex-direction:row;align-items:center;gap:14px}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand-mark{width:34px;height:36px}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-brand-text{gap:3px}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-brand-role{font-size:11px}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;font:600 14px/1.5 var(--font-body);color:var(--nav-ink);list-style:none;cursor:pointer}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu[open]>summary svg{transform:rotate(90deg)}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu[open] .inner-global-nav{padding:4px 0 12px;display:flex}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-footer{padding-top:0;margin-top:0;min-height:40px}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-motto{display:none}
}

html body.portfolio-shell footer#contact.connected-footer {
 position:relative; display:block; isolation:isolate; overflow:hidden; box-sizing:border-box; container-type:inline-size;
 margin-top:0; margin-bottom:0; padding:0 !important; border:0; border-radius:0; background:var(--media-footer-deep) !important; color:var(--text-on-dark-secondary);
}
html body.portfolio-shell footer#contact.connected-footer::before { content:""; position:absolute; z-index:1; inset:clamp(28px,3cqw,60px) 0 0; width:auto; height:auto; background:var(--media-footer-photo-scrim); border:0; border-radius:0; transform:none; opacity:1; mask-image:none; pointer-events:none; }
html body.portfolio-shell footer#contact.connected-footer::after { content:none; }
html body.portfolio-shell #contact.connected-footer .connected-footer-circuit { position:relative; z-index:2; height:clamp(28px,3cqw,60px); background:var(--media-footer-blue) url("footer-circuit.webp") center / cover no-repeat; border-bottom:1px solid var(--media-footer-circuit-border); }
html body.portfolio-shell #contact.connected-footer .connected-footer-scene { position:absolute; z-index:0; inset:clamp(28px,3cqw,60px) 0 0; display:block; width:100%; height:calc(100% - clamp(28px,3cqw,60px)); max-width:none; max-height:none; margin:0; border:0; border-radius:0; object-fit:cover; object-position:center 52%; }

html body.portfolio-shell #contact.connected-footer .connected-footer-body {
 position:relative; z-index:2; display:grid;
 grid-template-columns:minmax(0,2.5fr) minmax(250px,1fr);
 column-gap:clamp(36px,6cqw,140px); row-gap:clamp(48px,5cqw,90px);
 align-items:start; min-height:clamp(460px,30.4cqw,622px);
 padding:clamp(44px,4.5cqw,92px) clamp(28px,4.4cqw,90px) clamp(36px,3cqw,58px);
 box-sizing:border-box;
}
html body.portfolio-shell #contact.connected-footer :is(.connected-footer-copy,.connected-footer-philosophy){min-width:0;margin:0;padding:0;border:0}
html body.portfolio-shell #contact.connected-footer .connected-footer-eyebrow {
 max-width:none;margin:0 0 20px;padding:0;color:var(--color-on-dark-gold);
 font:700 clamp(13px,.94cqw,20px)/1.4 var(--font-body);
 letter-spacing:.23em;text-transform:uppercase;
}
html body.portfolio-shell #contact.connected-footer h2 {
 max-width:900px;margin:0 0 24px;color:var(--text-inverse);
 font:800 clamp(32px,2.72cqw,56px)/1.12 var(--font-display);
 letter-spacing:-.04em;text-wrap:initial;
}
html body.portfolio-shell #contact.connected-footer h2 span{display:block;color:var(--color-on-dark-teal)}
html body.portfolio-shell #contact.connected-footer .connected-footer-intro{
 max-width:850px;margin:0;color:var(--text-on-dark-secondary);
 font:400 clamp(17px,1.2cqw,25px)/1.55 var(--font-body);
}
html body.portfolio-shell #contact.connected-footer .connected-footer-philosophy{
 align-self:center;
 padding:clamp(22px,2.1cqw,36px) clamp(22px,2.25cqw,40px);
 background:var(--media-footer-philosophy-panel);
 border-left:3px solid var(--highlight-primary);
 box-sizing:border-box;
}
html body.portfolio-shell #contact.connected-footer .connected-footer-philosophy h3{
 margin:0 0 24px;max-width:none;color:var(--color-on-dark-gold);
 font:700 clamp(12px,.86cqw,17px)/1.45 var(--font-body);
 letter-spacing:.17em;text-transform:uppercase;
}
html body.portfolio-shell #contact.connected-footer .connected-footer-principles{
 list-style:none;display:flex;flex-direction:column;margin:0;padding:0;
}
html body.portfolio-shell #contact.connected-footer .connected-footer-principles li{
 display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:14px;min-width:0;
 padding:11px 0;border:0;
 color:var(--text-inverse);
 font:600 clamp(16px,1.12cqw,22px)/1.4 var(--font-body);
 cursor:default;
}
html body.portfolio-shell #contact.connected-footer .connected-footer-principle-mark{
 color:var(--color-on-dark-teal);font:600 15px/1.3 var(--font-technical);letter-spacing:.04em;
}
html body.portfolio-shell #contact.connected-footer .connected-footer-bottom{
 grid-column:1/-1;align-self:end;margin:0;padding-top:22px;
 border-top:1px solid var(--border-on-dark);color:var(--text-on-dark-secondary);
 font:400 clamp(13px,.9cqw,17px)/1.4 var(--font-body);
}
html body.portfolio-shell #contact.connected-footer .connected-footer-bottom small{font:inherit}
@container (max-width:850px){
 html body.portfolio-shell #contact.connected-footer .connected-footer-body{grid-template-columns:minmax(0,1fr);row-gap:36px;padding:40px 28px}
 html body.portfolio-shell #contact.connected-footer .connected-footer-philosophy{align-self:start}
 html body.portfolio-shell #contact.connected-footer .connected-footer-bottom{grid-column:1}
 html body.portfolio-shell #contact.connected-footer .connected-footer-scene{object-position:62% center}
}
@container (max-width:450px){
 html body.portfolio-shell #contact.connected-footer .connected-footer-body{padding:36px 24px;row-gap:32px}
 html body.portfolio-shell #contact.connected-footer h2{font-size:30px;line-height:1.18}
 html body.portfolio-shell #contact.connected-footer .connected-footer-eyebrow{font-size:12px;margin-bottom:16px}
 html body.portfolio-shell #contact.connected-footer .connected-footer-intro{font-size:17px}
 html body.portfolio-shell #contact.connected-footer .connected-footer-philosophy h3{font-size:12px}
}
:root{--p-paper:var(--color-paper);--p-panel:var(--color-white);--p-ink:var(--color-ink);--p-muted:var(--color-muted);--p-line:var(--color-line);--p-gold:var(--color-gold-ink);--p-purple:var(--color-plum);--p-gutter:clamp(24px,3.8cqw,72px);--p-body:clamp(16px,1.2cqw,20px);--p-on-dark-gold:var(--color-on-dark-gold);--p-on-dark-blue:var(--color-on-dark-teal);--p-on-dark-purple:var(--color-on-dark-plum);}



.portfolio-shell .skip{position:fixed;z-index:10000;left:12px;top:0;transform:translateY(-150%);padding:12px 18px;background:var(--p-panel);color:var(--p-ink)}
html body.portfolio-shell.has-left-nav .portfolio-left-nav{background:var(--p-paper);color:var(--p-ink)}
html body.portfolio-shell.has-left-nav .portfolio-left-nav>.topbar{background:transparent}
html body.portfolio-shell.has-left-nav .portfolio-left-nav .topbar .brand-lockup{margin:0}
html body.portfolio-shell.has-left-nav .portfolio-left-nav .portfolio-brand-role{color:var(--p-muted)}
html body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav],html body.portfolio-shell.has-left-nav .portfolio-left-nav :is(.brand,.portfolio-main-menu>summary){color:var(--p-ink)}
html body.portfolio-shell.has-left-nav .portfolio-left-nav :is(.portfolio-workspace-link,.portfolio-case-link,.portfolio-navigation-motto,.portfolio-navigation-location){color:var(--p-muted)}

body.home-approved.portfolio-shell{--home-paper:var(--p-paper);--home-ink:var(--p-ink);--home-muted:var(--p-muted);--home-line:var(--p-line)}
html body.home-approved main#home .hero-copy h1 :is(.word-olive,.word-teal,.word-gold,.word-purple){color:var(--p-on-dark-gold)}
html body.home-approved main#home .hero-copy h1 .word-teal{color:var(--p-on-dark-blue)}
html body.home-approved main#home .hero-copy h1 .word-plum{color:var(--p-on-dark-purple)}
button.theme[data-next-phase="theme-switcher"]{display:none!important}
.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar img.brand-mark { display:block; width:42px; height:44px; object-fit:contain; background:none; -webkit-mask:none; mask:none; }
@media  (max-width:760px) {.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar img.brand-mark { width:34px; height:36px; }}
main#home .editorial-case-icon img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-height:160px}
main#home .editorial-case-heading{display:flex;align-items:baseline;gap:9px 12px;flex-wrap:wrap;margin-bottom:9px;min-width:0}
main#home .editorial-case-heading > strong{margin:0;flex:0 1 auto}
main#home .editorial-case-heading .editorial-case-meta{display:inline-flex;align-items:center;gap:7px;margin:0;font:600 10px/1.5 var(--font-body);color:var(--home-muted)}
main#home .editorial-case-heading .editorial-case-meta span{display:inline-block;white-space:nowrap}
main#home .editorial-case-heading .editorial-case-meta span+span{border-left:1px solid var(--border-subtle);padding-left:7px}

main#home .systems-explorer,main#home .challenge-explorer{--v6-purple:var(--color-plum);color:var(--text-primary);font-family:var(--font-body);background:var(--surface-page);}
main#home :is(.systems-explorer,.challenge-explorer) :is(button,select,input,a,.system-card,.challenge-card,.challenge-detail,.challenge-pill){border-radius:0 !important}
main#home :is(.systems-explorer,.challenge-explorer) :is(a,button):focus-visible{outline:2px solid var(--interaction-focus);outline-offset:3px}
main#home :is(.systems-explorer,.challenge-explorer) [hidden]{display:none!important}
main#home .systems-explorer{padding:54px var(--home-gutter,48px) 60px}
main#home .systems-intro{margin:0 0 24px}
main#home .systems-intro h2,main#home .challenge-heading h2{font:800 var(--type-section-size)/var(--leading-display) var(--font-display);letter-spacing:var(--tracking-heading);margin:0 0 9px;color:var(--text-primary)}
main#home .systems-intro p,main#home .challenge-heading p{font:400 clamp(16px,1.35vw,21px)/1.4 var(--font-body);color:var(--text-secondary);margin:0;max-width:75ch}
main#home .systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
main#home .system-card{min-width:0;border:1px solid var(--border-subtle);padding:26px 24px 24px;display:flex;flex-direction:column;background:var(--surface-page)}
main#home .system-card-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px}
main#home .system-card-heading{min-width:0}
main#home .system-card-context{text-transform:uppercase;font:700 var(--type-eyebrow-size)/1.45 var(--font-body);letter-spacing:.14em;color:var(--text-secondary);margin:0 0 9px}
main#home .system-card-heading h3{font:800 var(--type-title-size)/1.12 var(--font-display);letter-spacing:var(--tracking-heading);margin:0;color:var(--text-primary)}
main#home .system-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
main#home .system-action{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:40px;padding:9px 13px;font:700 12px/1.3 var(--font-body);text-decoration:none;white-space:nowrap}
main#home .system-action--workspace{background:var(--interaction-primary-bg);color:var(--interaction-primary-text);border:1px solid var(--interaction-primary-bg)}
main#home .system-card-actions .system-action--prototype{padding:9px 1px 7px;color:var(--text-link);background:transparent;border:0;border-bottom:1px solid var(--color-deep-blue)}
main#home .system-card-showcase{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);align-items:center;gap:0;min-height:265px;margin-top:12px}
main#home .system-card-summary{position:relative;z-index:1;align-self:start;padding-top:18px;min-width:0}
main#home .system-card-question{font:500 clamp(15px,1.1vw,19px)/1.47 var(--font-body);color:var(--text-secondary);margin:0 0 9px}
main#home .system-card-art{margin:0;min-width:0;align-self:center;display:flex;align-items:center;justify-content:center}
main#home .system-card-art img{display:block;max-width:100%;width:100%;height:auto;max-height:305px;object-fit:contain;aspect-ratio:auto}
main#home .system-card-cases{margin-top:auto;border-top:1px solid var(--border-subtle);padding-top:12px}
main#home .system-card-cases h4{font:700 11px/1.35 var(--font-body);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px}
main#home .system-case-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin:0}
main#home .system-case-list .editorial-case{border:0;background:none;padding:0 10px;min-width:0}
main#home .system-case-list .editorial-case:first-child{padding-left:0}
main#home .system-case-list .editorial-case + .editorial-case{border-left:1px solid var(--border-subtle)}
main#home .system-case-list .editorial-case-link{color:var(--text-primary);display:flex;flex-direction:column;gap:5px;text-decoration:none;flex:1}
main#home .system-case-list .editorial-case-icon{display:block;width:85px;height:83px;align-self:start;flex:none;filter:none}
main#home .system-case-list .editorial-case-icon img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1}
main#home .system-case-list .editorial-case-heading{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;margin:0 0 4px}
main#home .system-case-list .editorial-case-heading strong{font:750 clamp(12px,.9vw,15px)/1.35 var(--font-display);color:var(--text-primary);margin:0}
main#home .system-case-list .editorial-case-meta{display:flex;gap:4px;color:var(--text-secondary);font:600 9px/1.3 var(--font-body);margin:0}
main#home .system-case-list .editorial-case-meta span+span{border-left:1px solid var(--border-subtle);padding-left:4px}
main#home .system-case-list .editorial-case-description{font:400 clamp(11px,.78vw,13px)/1.45 var(--font-body);color:var(--text-secondary);flex:1}
main#home .system-case-list .editorial-case-cta{font:700 11px/1.4 var(--font-body);color:var(--text-link);margin-top:8px}
main#home .challenge-explorer{padding:60px var(--home-gutter,48px) 72px;border-top:1px solid var(--border-subtle)}
main#home .challenge-heading{margin-bottom:28px}
main#home .challenge-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
main#home .challenge-browse{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
main#home .challenge-browse label{font:700 15px/1.5 var(--font-body);white-space:nowrap}
main#home .challenge-browse select{min-width:210px;padding:11px 34px 11px 14px;min-height:46px;background:var(--surface-page);border:1px solid var(--border-subtle);color:var(--text-primary);font:600 14px var(--font-body);cursor:pointer}
main#home .challenge-search{min-width:min(100%,320px);display:flex;align-items:center;position:relative;max-width:400px;flex:0 1 360px}
main#home .challenge-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:19px;height:19px;stroke:var(--text-secondary);stroke-width:2;fill:none;pointer-events:none}
main#home .challenge-search input{width:100%;min-height:46px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);padding:10px 38px 10px 43px;font:400 15px var(--font-body)}
main#home .challenge-search input::placeholder{color:var(--text-secondary);opacity:1}
main#home .challenge-search #challenge-search-clear{position:absolute;right:9px;top:7px;padding:4px 8px;background:transparent;border:0;font-size:20px;color:var(--text-secondary);cursor:pointer}
main#home .challenge-filters{display:flex;flex-wrap:wrap;gap:0 20px;border-bottom:1px solid var(--border-subtle);margin-bottom:23px}
main#home .challenge-filter{font:500 clamp(12px,.98vw,15px)/1.4 var(--font-body);color:var(--text-secondary);background:none;border:0;border-bottom:3px solid transparent;padding:12px 3px;cursor:pointer}
main#home .challenge-filter[aria-pressed=true]{color:var(--v6-purple);border-bottom-color:var(--v6-purple);font-weight:700}
main#home .challenge-filter:hover{color:var(--v6-purple)}
main#home .challenge-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(280px,1fr);gap:16px;align-items:start}
main#home .challenge-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:stretch}
main#home .challenge-card{position:relative;background:transparent;border:1px solid var(--border-subtle);min-width:0;display:flex;flex-direction:column;gap:15px;padding:20px 18px 18px;text-align:left;cursor:pointer;min-height:215px;color:var(--text-primary);font-family:var(--font-body)}
main#home .challenge-card[aria-pressed=true]{border:2px solid var(--color-plum);padding:19px 17px 17px;background:var(--surface-card)}
main#home .challenge-card:hover{border-color:var(--v6-purple)}
main#home .challenge-card-quote{font:800 48px/.7 Georgia,serif;color:var(--color-plum);pointer-events:none}
main#home .challenge-card-statement{font:500 clamp(16px,1.15vw,21px)/1.45 var(--font-body);max-width:43ch;display:block;flex:1}
main#home .challenge-card-check{position:absolute;right:13px;top:14px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--v6-purple);color:var(--text-inverse);font-size:16px;opacity:0}
main#home .challenge-card[aria-pressed=true] .challenge-card-check{opacity:1}
main#home .challenge-pills{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
main#home .challenge-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:0;white-space:normal;font:600 10px/1.3 var(--font-body)}
main#home .challenge-pill svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;fill:none;flex:none}


main#home .challenge-pill-more{font:700 11px var(--font-body);color:var(--text-secondary)}
main#home .challenge-detail-home{position:sticky;top:22px;align-self:start;min-width:0}
main#home .challenge-detail{border:1px solid var(--color-line);background:var(--surface-panel);padding:25px 24px;min-width:0}
main#home .challenge-detail-eyebrow{font:700 12px/1.4 var(--font-body);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;margin:0 0 15px}
main#home .challenge-detail-quote{display:grid;grid-template-columns:40px 1fr;gap:8px;font:500 clamp(17px,1.2vw,22px)/1.45 var(--font-body);margin:0 0 20px;color:var(--text-primary)}
main#home .challenge-detail-quote-mark{font:800 48px/.8 Georgia,serif;color:var(--color-plum)}
main#home .challenge-detail-bridge{font:400 15px/1.55 var(--font-body);color:var(--text-secondary);margin:20px 0 18px}
main#home .challenge-destination{border-top:1px solid var(--border-subtle);padding-top:16px;margin-top:16px}
main#home .challenge-destination-label{font:700 11px/1.35 var(--font-body);text-transform:uppercase;color:var(--text-secondary);margin:0 0 8px}
main#home .challenge-destination h3{font:800 21px/1.28 var(--font-display);letter-spacing:-.03em;margin:0 0 7px;color:var(--text-primary)}
main#home .challenge-destination p:not(.challenge-destination-label){font:400 14px/1.5 var(--font-body);color:var(--text-secondary);margin:0 0 9px}
main#home .challenge-destination a{font:750 14px/1.4 var(--font-body);color:var(--text-link);text-decoration:none;border-bottom:1px solid transparent;display:inline-flex;align-items:center;gap:8px}
main#home .challenge-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:18px}
main#home .challenge-bottom p{font:400 13px/1.5 var(--font-body);color:var(--text-secondary);margin:0}
main#home .challenge-bottom button,main#home .challenge-empty button{background:transparent;border:1px solid var(--color-line);padding:9px 14px;cursor:pointer;color:var(--text-link);font:700 13px var(--font-body)}
main#home .challenge-bottom button:hover,main#home .challenge-empty button:hover{background:var(--surface-hover)}
main#home .challenge-empty{border:1px solid var(--border-subtle);padding:24px}
@media (max-width:1380px){main#home .systems-grid{gap:12px}
main#home .system-card{padding:22px 18px}
main#home .system-card-showcase{grid-template-columns:minmax(0,.40fr) minmax(0,.60fr)}
main#home .system-card-actions{gap:6px}
main#home .system-action{font-size:11px;padding:8px 11px}
main#home .system-case-list .editorial-case-icon{width:68px;height:65px}
main#home .system-case-list .editorial-case-description{font-size:11px}}
@media (max-width:1110px){main#home .systems-grid{grid-template-columns:1fr}
main#home .system-card-showcase{grid-template-columns:minmax(0,.37fr) minmax(0,.63fr)}
main#home .system-card-art img{max-height:330px}
main#home .challenge-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.85fr)}
main#home .challenge-cards{grid-template-columns:1fr}
main#home .challenge-card{min-height:180px}}
@media (max-width:750px){main#home .systems-explorer,main#home .challenge-explorer{padding-left:var(--home-gutter,20px);padding-right:var(--home-gutter,20px)}
main#home .systems-explorer{padding-top:35px;padding-bottom:42px}
main#home .challenge-explorer{padding-top:40px;padding-bottom:48px}
main#home .challenge-toolbar{align-items:stretch;flex-direction:column;gap:12px}
main#home .challenge-search{flex:1;max-width:none}
main#home .challenge-layout{display:block}
main#home .challenge-cards{display:flex;flex-direction:column;gap:12px}
main#home .challenge-card{min-height:0;gap:11px}
main#home .challenge-detail-home{display:none}
main#home .challenge-detail{margin:0;padding:18px}
main#home .challenge-filter{padding:10px 4px}}
@media (max-width:560px){main#home .system-card{padding:18px 14px}
main#home .system-card-heading h3{font-size:24px}
main#home .system-card-actions{width:100%}
main#home .system-card-showcase{display:flex;flex-direction:column;align-items:stretch;min-height:0}
main#home .system-card-summary{padding-top:12px}
main#home .system-card-art img{max-height:240px}
main#home .system-case-list{grid-template-columns:1fr;gap:0}
main#home .system-case-list .editorial-case,.main#home .system-case-list .editorial-case{padding:12px 0}
main#home .system-case-list .editorial-case+.editorial-case{border-left:0;border-top:1px solid var(--border-subtle)}
main#home .system-case-list .editorial-case-link{display:grid;grid-template-columns:82px minmax(0,1fr);gap:13px}
main#home .system-case-list .editorial-case-icon{grid-row:1;width:82px;height:82px}
main#home .system-case-list .editorial-case-text{grid-column:2}
main#home .challenge-browse{justify-content:space-between}
main#home .challenge-browse select{flex:1;min-width:170px}
main#home .challenge-card-statement{font-size:17px}}
main#home .hero-copy{gap:0}
main#home .hero-copy h1{margin-bottom:23px}
main#home .home-hero-stats{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0;padding:0;color:var(--text-inverse)}
main#home .home-hero-stat{display:block;padding:0 24px;margin:0;border-left:1px solid var(--media-hero-stat-rule)}
main#home .home-hero-stat:first-child{border-left:0;padding-left:0}
main#home .home-hero-stat dt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main#home .home-hero-stat dd{display:flex;align-items:center;gap:9px;margin:0}
main#home .home-hero-stat strong{font:800 clamp(27px,2.4vw,44px)/1 var(--font-display);letter-spacing:-.035em;color:var(--text-inverse)}
main#home .home-hero-stat dd span{font:600 clamp(10px,.78vw,13px)/1.34 var(--font-body);color:var(--text-on-dark-secondary)}
main#home :is(.systems-explorer,.challenge-explorer) :is(.system-card,.system-action,.challenge-card,.challenge-detail,.challenge-filter,.challenge-pill,.challenge-browse select,.challenge-search input,.challenge-empty,.challenge-bottom button){border-radius:0!important}
main#home .system-card-showcase{min-height:235px}
main#home .system-card-summary{padding-top:17px}
main#home .system-card-question{margin-bottom:0}
main#home .challenge-browse select{appearance:none;-webkit-appearance:none;min-width:196px;min-height:42px;border:1px solid var(--border-subtle);background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23092f49' stroke-width='2.4' stroke-linecap='square'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-position:right 13px center;background-size:16px;background-repeat:no-repeat;padding:8px 39px 8px 13px;font:600 14px/1.35 var(--font-body);color:var(--text-primary)}
main#home .challenge-browse select:hover,main#home .challenge-browse select:focus{border-color:var(--border-interactive)}
main#home .challenge-search{flex:0 1 320px;min-width:210px;max-width:340px}
main#home .challenge-search input{min-height:42px;border:1px solid var(--border-subtle);background:var(--surface-page);padding:8px 36px 8px 40px;font:400 14px/1.4 var(--font-body)}
main#home .challenge-search input:hover,main#home .challenge-search input:focus{border-color:var(--border-interactive);background:var(--surface-raised)}
main#home .challenge-search svg{width:18px;height:18px;left:13px}
main#home .challenge-filters{gap:4px 7px;align-items:stretch;margin-bottom:18px}
main#home .challenge-filter{--category-color:var(--color-ink);--category-on:var(--color-white);display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 11px;border:1px solid transparent;border-bottom:2px solid transparent!important;background:transparent;color:var(--category-color);font:650 clamp(11px,.85vw,14px)/1.3 var(--font-body);white-space:nowrap;transition:background .12s ease,border-color .12s ease}
main#home .challenge-filter svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;fill:none}
main#home .challenge-filter[data-category=all] svg{fill:currentColor;stroke:none}
main#home .challenge-filter:hover{color:var(--category-color);background:var(--surface-panel)}
main#home .challenge-filter[aria-pressed=true]{color:var(--category-on);background:var(--category-color);border-bottom-color:var(--category-color)!important;font-weight:800}
main#home .challenge-layout{grid-template-columns:minmax(0,2.13fr) minmax(285px,1fr);gap:16px}
main#home .challenge-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
main#home .challenge-card{min-height:208px;gap:10px;padding:15px 12px 13px}
main#home .challenge-card[aria-pressed=true]{padding:14px 11px 12px}
main#home .challenge-card-quote{font-size:36px}
main#home .challenge-card-statement{font-size:clamp(13px,.92vw,17px);line-height:1.43}
main#home .challenge-card-check{right:10px;top:10px;width:21px;height:21px}
main#home .challenge-pill{font-size:9px;padding:4px 5px}
main#home .challenge-pill svg{width:13px;height:13px}
main#home .challenge-pill-more{font-size:10px}
main#home .challenge-detail{padding:20px 18px}
.portfolio-shell .portfolio-left-nav .portfolio-nav-icon.nav-icon-filled{fill:currentColor!important;stroke:none!important}
.portfolio-shell .portfolio-left-nav .portfolio-nav-icon.nav-icon-outline{fill:none!important;stroke:currentColor!important}
@media (max-width:1270px) and (min-width:751px){main#home .challenge-layout{grid-template-columns:minmax(0,1.8fr) minmax(265px,1fr)}
main#home .challenge-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
main#home .challenge-card{min-height:190px}}
@media (max-width:750px){main#home .home-hero-stats{gap:12px 0}
main#home .home-hero-stat{padding:0 12px}
main#home .home-hero-stat strong{font-size:clamp(23px,7vw,34px)}
main#home .home-hero-stat dd span{font-size:10px}
main#home .challenge-layout{display:block}
main#home .challenge-cards{display:flex;flex-direction:column}
main#home .challenge-card{min-height:0}
main#home .challenge-filter{min-height:42px;padding:8px 10px}
main#home .challenge-search{max-width:none;min-width:0;width:100%}
main#home .challenge-toolbar{gap:14px}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;clip-path:inset(50%)!important}
main#home .home-education{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:18px;padding-top:12px;border-top:1px solid var(--media-hero-education-rule);width:min(100%,570px);color:var(--text-on-dark-secondary)}
main#home .home-education p{margin:0;max-width:none;font:600 clamp(11px,.85vw,13px)/1.45 var(--font-body);letter-spacing:.01em;overflow-wrap:normal}
main#home .system-card-actions .system-action--prototype{min-height:40px;padding:10px 0 7px;color:var(--interaction-secondary-text);background:transparent;border:0;border-bottom:1px solid var(--border-interactive)}
main#home .system-card-actions .system-action--prototype span{display:inline-flex;align-items:center}
main#home .system-case-list{align-items:stretch}
main#home .system-card-cases .editorial-case{display:flex;flex-direction:column}
main#home .system-case-list .editorial-case-link{height:auto;flex:1;min-height:0}
main#home .system-case-list .editorial-case-text{display:flex;flex-direction:column;min-height:0;flex:1}
main#home .system-case-list .editorial-case-description{flex:0 0 auto;margin:0}
main#home .system-case-list .editorial-case-cta{align-self:stretch;margin-top:auto;padding-top:14px}
main#home .challenge-toolbar{align-items:end}
main#home .challenge-browse{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
main#home .challenge-detail{background:var(--surface-panel);border-color:var(--border-subtle)}
main#home .challenge-detail-quote-mark{color:var(--color-plum)}
main#home .challenge-detail-bridge{color:var(--color-muted)}
main#home .challenge-search{position:relative}
main#home .challenge-search label.sr-only{position:absolute!important}
main#home .challenge-search input{padding-left:40px;padding-right:38px}
main#home .challenge-pill{color:var(--category-color);background:var(--surface-panel);border:1px solid var(--color-line);border-left:3px solid var(--category-color)}
main#home .challenge-pill svg{stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}

@media (max-width:750px){main#home .home-education{gap:6px 0;flex-direction:column}}

main#home .challenge-browse select,
main#home .challenge-search input {border:0!important;border-radius:0!important;border-bottom:1.5px solid var(--color-line)!important;background-color:transparent!important;box-shadow:none!important;outline:0!important;color:var(--text-primary)}
main#home .challenge-browse select:is(:hover,:focus,:focus-visible),
main#home .challenge-search input:is(:hover,:focus,:focus-visible) {border:0!important;border-bottom:2px solid var(--color-focus)!important;background-color:transparent!important;box-shadow:none!important;outline:0!important}
main#home .challenge-search:focus-within {outline:0!important;box-shadow:none!important;background:transparent!important}
main#home .challenge-search svg {color:var(--text-secondary)}
main#home .challenge-detail {background:var(--surface-panel);border-color:var(--border-subtle)}
main#home .challenge-pagination {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}
main#home .challenge-pagination[hidden] {display:none}
main#home .challenge-pagination .challenge-page {border:1px solid var(--border-subtle)!important;border-radius:0!important;background:transparent;color:var(--text-link);font:700 13px/1.2 var(--font-body);min-width:37px;min-height:37px;padding:8px 11px;cursor:pointer;display:inline-grid;place-items:center;box-shadow:none}
main#home .challenge-pagination .challenge-page:is(:hover,:focus-visible) {background:var(--surface-panel)!important;border-color:var(--color-focus)!important;color:var(--text-link)!important;outline:2px solid var(--color-focus);outline-offset:2px}
main#home .challenge-pagination .challenge-page.is-current {background:var(--color-deep-blue);color:var(--color-white);border-color:var(--text-link)!important;pointer-events:none}
main#home .challenge-pagination .challenge-page:disabled {opacity:.35;cursor:not-allowed}
@media (max-width:750px) {main#home .challenge-pagination {justify-content:flex-start}}
@media (max-width:750px){main#home .system-case-list .editorial-case-cta{margin-top:12px;padding-top:0}}




.portfolio-shell .clean-page-intro p:not(.clean-page-eyebrow){font:400 clamp(17px,1.5vw,23px)/1.55 var(--font-body);color:var(--text-secondary);margin:0 0 24px}


main#home .challenge-filter,main#home .challenge-pill{--category-color:var(--interaction-primary-bg);--category-on:var(--interaction-primary-text)}
main#home :is(.challenge-filter[data-category="fragmented"],.challenge-pill[data-id="fragmented"]){--category-color:var(--color-peacock);--category-on:var(--color-white)}
main#home :is(.challenge-filter[data-category="decisions"],.challenge-pill[data-id="decisions"]){--category-color:var(--text-link);--category-on:var(--color-white)}
main#home :is(.challenge-filter[data-category="trust"],.challenge-pill[data-id="trust"]){--category-color:var(--color-plum);--category-on:var(--color-white)}
main#home :is(.challenge-filter[data-category="coordination"],.challenge-pill[data-id="coordination"]){--category-color:var(--color-jade);--category-on:var(--color-white)}
main#home :is(.challenge-filter[data-category="safety"],.challenge-pill[data-id="safety"]){--category-color:var(--color-copper);--category-on:var(--color-ink)}
main#home :is(.challenge-filter[data-category="new"],.challenge-pill[data-id="new"]){--category-color:var(--color-gold);--category-on:var(--color-ink)}
main#home :is(.challenge-filter[data-category="healthcare"],.challenge-pill[data-id="healthcare"]){--category-color:var(--color-peacock);--category-on:var(--color-white)}
main#home :is(.challenge-filter[data-category="logistics"],.challenge-pill[data-id="logistics"]){--category-color:var(--text-link);--category-on:var(--color-white)}
main#home :is(.challenge-filter[data-category="industrial"],.challenge-pill[data-id="industrial"]){--category-color:var(--color-peacock);--category-on:var(--color-white)}
main#home :is(.challenge-filter[data-category="energy"],.challenge-pill[data-id="energy"]){--category-color:var(--color-olive);--category-on:var(--color-ink)}
main#home :is(.challenge-filter[data-category="finance"],.challenge-pill[data-id="finance"]){--category-color:var(--color-olive);--category-on:var(--color-ink)}
main#home :is(.challenge-filter[data-category="security"],.challenge-pill[data-id="security"]){--category-color:var(--color-plum);--category-on:var(--color-white)}
main#home :is(.challenge-filter[data-category="ai"],.challenge-pill[data-id="ai"]){--category-color:var(--color-plum);--category-on:var(--color-white)}
main#home :is(.challenge-filter[data-category="professional"],.challenge-pill[data-id="professional"]){--category-color:var(--color-copper);--category-on:var(--color-ink)}
main#home .challenge-filter[aria-pressed="true"]{background:var(--category-fill,var(--category-color));color:var(--category-on);border-bottom-color:var(--category-fill,var(--category-color))!important}
main#home .challenge-filter[aria-pressed="true"] svg{color:inherit}
main#home .challenge-pill{background:var(--surface-panel);color:var(--text-primary);border-left-color:var(--category-color)}
main#home .challenge-pill svg{color:var(--category-color)}
main#home .challenge-card[aria-pressed="true"]{background:var(--surface-card)}
main#home .challenge-detail,main#home.pattern-workbench .challenge-detail{background:var(--surface-panel);border-color:var(--border-subtle)}
main#home .challenge-card-quote,main#home .challenge-detail-quote-mark{color:var(--color-plum)}
main#home .challenge-destination a,main#home .editorial-case-cta{color:var(--text-link)}
main#home .challenge-pagination .challenge-page.is-current{background:var(--interaction-active-bg);border-color:var(--interaction-active-bg)!important;color:var(--interaction-active-text)}

main#home .challenge-browse select,main#home .challenge-search input{border-bottom-color:var(--color-line)!important}
main#home .challenge-browse select:is(:focus,:focus-visible),main#home .challenge-search input:is(:focus,:focus-visible){border-bottom-color:var(--interaction-focus)!important}






















.pattern-workbench-heading>p:not(.clean-page-eyebrow){font:400 17px/1.5 var(--font-body);color:var(--text-secondary);max-width:68ch}





































body{background:var(--surface-page);color:var(--text-primary)}
main#home .system-action--workspace:is(:hover,:focus-visible){background:var(--interaction-primary-hover);border-color:var(--interaction-primary-hover);color:var(--interaction-primary-text)}
main#home .system-card-actions .system-action--prototype:is(:hover,:focus-visible){color:var(--interaction-secondary-text);border-bottom-color:var(--border-interactive)}
main#home .challenge-card{color:var(--text-primary);border-color:var(--border-subtle)}
main#home .challenge-card:hover{border-color:var(--border-interactive)}
main#home .challenge-card[aria-pressed=true]{border-color:var(--border-interactive)}
main#home .challenge-card-check{background:var(--interaction-active-bg);color:var(--interaction-active-text)}
main#home .challenge-detail{background:var(--surface-panel);border-color:var(--border-subtle)}
main#home .challenge-pagination .challenge-page.is-current{background:var(--interaction-active-bg);border-color:var(--interaction-active-bg)!important;color:var(--interaction-active-text)}
main#home .challenge-pagination .challenge-page:is(:hover,:focus-visible):not(.is-current){background:var(--surface-panel)!important;color:var(--interaction-secondary-text)!important;border-color:var(--border-interactive)!important}
main#home .challenge-browse select, main#home .challenge-search input{color:var(--text-primary);border-bottom-color:var(--border-subtle)!important}
main#home .challenge-browse select:is(:focus,:focus-visible),main#home .challenge-search input:is(:focus,:focus-visible){border-bottom-color:var(--border-interactive)!important}
main#home .challenge-pills .challenge-pill,main#home .challenge-card .challenge-pill{background:var(--surface-panel);color:var(--text-primary);border-color:var(--border-subtle);border-left-color:var(--category-color)}
main#home .challenge-filter[data-category=all]{--category-color:var(--interaction-primary-bg);--category-on:var(--interaction-primary-text)}
main#home .challenge-filter:is([data-category=energy],[data-category=finance]){--category-fill:var(--accent-olive-active);--category-on:var(--text-inverse)}





























main#home .challenge-filter{color:var(--category-label,var(--category-color))}
main#home .challenge-filter:is([data-category=energy],[data-category=finance]){--category-label:var(--accent-olive-active)}
main#home .challenge-filter:is([data-category=safety],[data-category=professional]){--category-label:var(--accent-copper-text)}
main#home .challenge-filter[data-category=new]{--category-label:var(--color-gold-ink)}
main#home .challenge-filter[aria-pressed=true]{color:var(--category-on)}
main#home .challenge-pill[data-id=new] svg{color:var(--color-gold-ink)}
main#home .challenge-pill:is([data-id=safety],[data-id=professional]) svg{color:var(--accent-copper-text)}

main#home .systems-explorer, main#home .challenge-explorer{background:var(--surface-page)}
main#home .system-card{background:var(--surface-card)}













main#home .system-action--workspace:is(:hover,[data-preview-state="hover"]):not(:disabled):not([aria-disabled="true"]){background:var(--interaction-primary-hover);border-color:var(--interaction-primary-hover);color:var(--interaction-primary-text)}
main#home .system-action--workspace:is(:active,[data-preview-state="active"]):not(:disabled):not([aria-disabled="true"]){background:var(--interaction-pressed-bg);border-color:var(--interaction-pressed-bg);color:var(--interaction-primary-text)}
main#home .system-action--prototype:is(:hover,[data-preview-state="hover"]),main#home .editorial-case-cta:is(:hover,[data-preview-state="hover"]){color:var(--interaction-primary-hover);border-bottom-color:var(--interaction-primary-hover)}
main#home .system-action--prototype:is(:active,[data-preview-state="active"]),main#home .editorial-case-cta:is(:active,[data-preview-state="active"]){color:var(--interaction-pressed-bg);border-bottom-color:var(--interaction-pressed-bg)}
main#home .system-action--prototype:is(:hover,[data-preview-state="hover"],:active,[data-preview-state="active"]){background:transparent!important}
main#home .system-action[aria-disabled="true"],main#home .editorial-case-cta[aria-disabled="true"]{color:var(--interaction-disabled-text)!important;border-color:var(--interaction-disabled-border)!important;background:transparent!important;cursor:default;pointer-events:none;opacity:1}
main#home .system-action--workspace[aria-disabled="true"],main#home .system-action--workspace:disabled{background:var(--interaction-disabled-bg)!important;color:var(--interaction-disabled-text)!important;border-color:var(--interaction-disabled-border)!important}
main#home .challenge-filter:is(:hover,[data-preview-state="hover"]):not(:disabled):not([aria-pressed="true"]){color:var(--category-label,var(--category-color));background:var(--surface-panel)}
main#home .challenge-filter:active:not(:disabled),main#home .challenge-filter[aria-pressed="true"]{background:var(--category-fill,var(--category-color));color:var(--category-on);border-bottom-color:var(--category-fill,var(--category-color))!important}
main#home .challenge-filter:disabled,main#home .challenge-page:disabled,main#home .challenge-card:disabled{background:var(--interaction-disabled-bg)!important;color:var(--interaction-disabled-text)!important;border-color:var(--interaction-disabled-border)!important;cursor:default;opacity:1}
main#home .challenge-filter:disabled svg{color:currentColor}
main#home .challenge-pagination .challenge-page[data-preview-state="hover"]:not(:disabled):not(.is-current){background:var(--surface-panel)!important;color:var(--interaction-secondary-text)!important;border-color:var(--border-interactive)!important}
main#home .challenge-card:is(:hover,[data-preview-state="hover"]):not(:disabled):not([aria-pressed="true"]){border-color:var(--border-interactive);background:var(--surface-card)}
main#home .challenge-card:is(:active,[data-preview-state="active"]):not(:disabled),main#home .challenge-card[aria-pressed="true"]{border-color:var(--accent-ai);background:var(--surface-card)}
main#home .challenge-browse select:is(:hover,[data-preview-state="hover"]):not(:disabled),main#home .challenge-search:is(:hover,[data-preview-state="hover"]) input:not(:disabled){border-bottom-color:var(--border-interactive)!important}
main#home .challenge-browse select:is(:focus,:focus-visible,[data-preview-state="active"]),main#home .challenge-search[data-preview-state="active"] input{border-bottom:2px solid var(--interaction-focus)!important;outline:0!important;box-shadow:none!important}
main#home .challenge-browse select:disabled,main#home .challenge-search input:disabled{border-bottom-color:var(--interaction-disabled-border)!important;color:var(--interaction-disabled-text)!important;cursor:default;opacity:1}
main#home .challenge-search:has(input:disabled) svg{stroke:var(--interaction-disabled-text)}

main#home .system-action:focus-visible,main#home .editorial-case-cta:focus-visible,main#home .challenge-filter:focus-visible,main#home .challenge-card:focus-visible,main#home .challenge-pagination .challenge-page:focus-visible{outline:2px solid var(--interaction-focus);outline-offset:3px;box-shadow:none}










.interaction-matrix thead th:not(:first-child){text-align:center}





























@media(prefers-reduced-motion:reduce){main#home .system-action,main#home .challenge-filter,main#home .challenge-card{transition:none!important}}








.ds-type{margin:0;color:var(--text-primary);font-family:var(--font-body)}

.ds-type--h1{font-family:var(--font-display);font-size:clamp(36px,4vw,64px);font-weight:800;line-height:1.1;letter-spacing:var(--tracking-heading)}
.ds-type--h2{font-family:var(--font-display);font-size:var(--type-section-size);font-weight:800;line-height:var(--leading-display);letter-spacing:var(--tracking-heading)}
.ds-type--h3{font-family:var(--font-display);font-size:var(--type-title-size);font-weight:800;line-height:1.12;letter-spacing:var(--tracking-heading)}
.ds-type--h4{font-family:var(--font-display);font-size:var(--type-subhead-size);font-weight:750;line-height:var(--leading-heading);letter-spacing:-.02em}











:root{--icon-size-xs:16px;--icon-size-sm:20px;--icon-size-md:24px;--icon-size-lg:32px}









































































































.portfolio-shell .portfolio-left-nav.portfolio-navigation{--nav-ink:var(--text-primary);--nav-muted:var(--text-secondary);--nav-line:var(--border-navigation);--nav-paper:var(--surface-sidebar);--nav-accent:var(--accent-ai)}
main#home .challenge-destination{border-top-color:var(--border-subtle)}
main#home .challenge-destination :is(h3,.challenge-detail-quote){color:var(--text-primary)}
main#home .challenge-destination :is(p,.challenge-destination-label){color:var(--text-secondary)}
main#home .challenge-destination a{color:var(--text-link)}
main#home .challenge-destination a:hover{color:var(--interaction-link-hover);border-bottom-color:currentColor}
main#home :is(.challenge-bottom button,.challenge-empty button):hover{background:var(--surface-hover);border-color:var(--border-interactive)}
main#home .challenge-detail-bridge{color:var(--text-secondary)}
main#home .challenge-filter:focus-visible{outline:var(--focus-stroke) solid var(--interaction-focus)}
main#home .challenge-pill{background:var(--surface-panel)}

main#home .system-card{border-color:var(--border-subtle);background:var(--surface-card)}
main#home .systems-explorer,main#home .challenge-explorer{background:var(--surface-page)}
main#home .challenge-detail{background:var(--surface-panel);border-color:var(--border-subtle)}
main#home .system-action--workspace{background:var(--interaction-primary-bg);color:var(--interaction-primary-text)}
main#home .system-action--workspace:hover{background:var(--interaction-primary-hover)}
main#home .challenge-pagination .challenge-page{border-color:var(--border-subtle)!important;color:var(--text-link)}
main#home .challenge-pagination .challenge-page.is-current{background:var(--interaction-active-bg);color:var(--interaction-active-text)}

main#home .challenge-filter{min-height:var(--control-min-height);transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease}
main#home .challenge-filter:hover:not([aria-pressed="true"]):not(:disabled){background:var(--surface-hover)}













main#home .challenge-filter[aria-pressed="true"]:is(:hover,:focus-visible,[data-preview-state="hover"],[data-preview-state="active"]):not(:disabled){
  background:var(--category-fill,var(--category-color));
  color:var(--category-on);
  border-bottom-color:var(--category-fill,var(--category-color))!important;
}
main#home .challenge-filter[aria-pressed="true"]:is(:hover,:focus-visible) svg{color:inherit}







:root {
  --brand-mark-color:var(--color-deep-blue);
  --theme-dark-page:#0C1E2C;
  --theme-dark-card:#142B3D;
  --theme-dark-panel:#1A3447;
  --theme-dark-raised:#233F53;
  --theme-dark-text:#F1F6F8;
  --theme-dark-muted:#BED0DA;
  --theme-dark-border:#496678;
  --theme-dark-link:#99D7E9;
  --theme-dark-brand:#70B9DD;
  --theme-dark-action:#235E86;
  --theme-dark-action-hover:#086879;
  --theme-dark-focus:#8DD5E4;
  --theme-dark-disabled-bg:#304452;
  --theme-dark-disabled-text:#C0CBD1;
}
html[data-theme="dark"] {
  color-scheme:dark;
  
  --color-ink:var(--theme-dark-text);
  --color-paper:var(--theme-dark-page);
  --color-panel:var(--theme-dark-panel);
  --color-muted:var(--theme-dark-muted);
  --color-line:var(--theme-dark-border);
  --color-focus:var(--theme-dark-focus);
  --text-primary:var(--theme-dark-text);
  --text-secondary:var(--theme-dark-muted);
  --text-link:var(--theme-dark-link);

  --surface-page:var(--theme-dark-page);
  --surface-card:var(--theme-dark-card);
  --surface-panel:var(--theme-dark-panel);
  --surface-raised:var(--theme-dark-raised);
  --surface-sidebar:var(--theme-dark-page);
  
  --surface-navigation-active:var(--theme-dark-panel);
  --surface-hover:var(--theme-dark-raised);
  --surface-dark:var(--theme-dark-page);
  --border-subtle:var(--theme-dark-border);
  --border-strong:var(--theme-dark-muted);
  --border-navigation:var(--theme-dark-border);
  --border-interactive:var(--theme-dark-focus);
  --interaction-primary-bg:var(--theme-dark-action);
  --interaction-primary-hover:var(--theme-dark-action-hover);
  --interaction-secondary-text:var(--theme-dark-link);
  --interaction-active-bg:var(--theme-dark-action);
  --interaction-active-text:#FFFFFF;
  --interaction-link-hover:var(--theme-dark-focus);
  --interaction-focus:var(--theme-dark-focus);
  --interaction-pressed-bg:var(--theme-dark-action-hover);
  --interaction-disabled-bg:var(--theme-dark-disabled-bg);
  --interaction-disabled-text:var(--theme-dark-disabled-text);
  --interaction-disabled-border:var(--theme-dark-border);
  --accent-ai:#D69ACA;
  --accent-systems:#8DD5E4;
  --accent-coordination:#90D6BC;
  --accent-operations:#D0CC8C;
  --accent-intervention:#F2AE77;
  --accent-olive-active:#666026;
  --accent-copper-text:#F2AE77;
  --highlight-text:#0C1E2C;
  --brand-mark-color:var(--theme-dark-brand);
  
  --p-paper:var(--surface-page);
  --p-panel:var(--surface-raised);
  --p-ink:var(--text-primary);
  --p-muted:var(--text-secondary);
  --p-line:var(--border-subtle);
  --p-gold:var(--color-on-dark-gold);

  --p-purple:var(--accent-ai);

  --ink:var(--text-primary);
  --paper:var(--surface-page);
  
  --line:var(--border-subtle);
}

body.portfolio-shell .brand-mark,
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand-mark {
  display:block;
  flex:none;
  background-color:var(--brand-mark-color);
  -webkit-mask:url("addy-ruth-mark.svg") center/contain no-repeat;
  mask:url("addy-ruth-mark.svg") center/contain no-repeat;
}


body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle {
  display:flex;align-items:center;justify-content:flex-start;gap:12px;
  width:100%;min-height:44px;margin:12px 0 12px;padding:8px 10px;
  border:1px solid var(--border-navigation);border-radius:0!important;
  background:var(--surface-panel);color:var(--text-primary);cursor:pointer;
  font:600 12px/1.4 var(--font-body);text-transform:none!important;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle:hover {
  background:var(--surface-hover);border-color:var(--border-interactive);color:var(--text-primary);
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle:focus-visible {
  outline:2px solid var(--interaction-focus);outline-offset:2px;
}
.portfolio-theme-toggle svg{display:block;width:19px;height:19px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

html[data-theme="dark"] main#home .challenge-pagination .challenge-page:is(:hover,:focus-visible) {
  background:var(--surface-hover)!important;color:var(--text-link)!important;
  border-color:var(--border-interactive)!important;
}
html[data-theme="dark"] main#home .challenge-pagination .challenge-page.is-current {
  color:var(--interaction-active-text)!important;
  background:var(--interaction-active-bg)!important;
}
html[data-theme="dark"] main#home .challenge-filter:not([aria-pressed="true"]) {
  --category-label:var(--theme-dark-link);
}
html[data-theme="dark"] main#home .challenge-filter:is([data-category="trust"],[data-category="security"],[data-category="ai"]) {--category-label:#E4A6D8;}
html[data-theme="dark"] main#home .challenge-filter:is([data-category="coordination"]) {--category-label:#93D9BA;}
html[data-theme="dark"] main#home .challenge-filter:is([data-category="safety"],[data-category="professional"]) {--category-label:#F3B47F;--category-on:#082333;}
html[data-theme="dark"] main#home .challenge-filter:is([data-category="energy"],[data-category="finance"]) {--category-label:#D6CE8A;--category-on:#FFFFFF;}
html[data-theme="dark"] main#home .challenge-filter[data-category="new"] {--category-label:#F1BC42;--category-on:#082333;}
html[data-theme="dark"] main#home .challenge-filter[aria-pressed="true"] {color:var(--category-on)!important;}
html[data-theme="dark"] main#home .challenge-filter:focus-visible{outline-color:var(--interaction-focus);}
html[data-theme="dark"] main#home .challenge-card[aria-pressed="true"]{background:var(--surface-card);}






@media (max-width:900px){
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle{width:max-content;max-width:100%;margin:8px 0 6px;}
}





















html[data-theme="dark"] main#home .challenge-filter:is([data-category="decisions"],[data-category="logistics"]){
 --category-fill:var(--theme-dark-action);--category-on:#FFFFFF;--category-label:var(--theme-dark-link);
}

html[data-theme="dark"] main#home .challenge-browse select{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2399D7E9' stroke-width='2.4'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");
}

:root {
  --interaction-primary-hover-text:var(--interaction-primary-text);
  --interaction-text-hover:var(--interaction-link-hover);
  --interaction-hover-outline:var(--interaction-focus);
}
html[data-theme="dark"] {
  --interaction-primary-hover:var(--color-on-dark-gold);
  --interaction-primary-hover-text:var(--theme-dark-page);
  --interaction-link-hover:var(--color-on-dark-gold);
  --interaction-text-hover:var(--color-on-dark-gold);
  --interaction-hover-outline:var(--color-on-dark-gold);
  --interaction-focus:var(--color-on-dark-gold);
}

body.portfolio-shell .brand-lockup > svg.brand-mark,
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar svg.brand-mark {
  display:block;width:42px;height:44px;flex:none;overflow:visible;
  color:var(--brand-mark-color);background:none!important;
  -webkit-mask:none!important;mask:none!important;
}

@media(max-width:900px){
  body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar svg.brand-mark {width:34px;height:36px}
}

main#home .challenge-pagination .challenge-page:not(.is-current):not(:disabled):hover {
  background:var(--surface-panel)!important;
  color:var(--text-link)!important;
  border-color:var(--border-subtle)!important;
  outline:none!important;box-shadow:none!important;
}
main#home .challenge-pagination .challenge-page:not(.is-current):focus-visible {
  outline:2px solid var(--interaction-focus)!important;
  outline-offset:2px;
  border-color:var(--border-subtle)!important;
}
html[data-theme="dark"] main#home .challenge-pagination .challenge-page:not(.is-current):not(:disabled):hover {
  color:var(--color-white)!important;
  background:var(--interaction-primary-hover)!important;
  border-color:var(--border-subtle)!important;
  outline:none!important;box-shadow:none!important;
}

html[data-theme="dark"] main#home .challenge-browse select {
  background-color:var(--surface-raised)!important;
  color:var(--text-primary)!important;
  color-scheme:dark;
  border-bottom-color:var(--border-subtle)!important;
}
html[data-theme="dark"] main#home .challenge-browse select option,
html[data-theme="dark"] main#home.pattern-workbench select option {
  background:var(--surface-raised);color:var(--text-primary);
}
html[data-theme="dark"] main#home .challenge-browse select:is(:hover,:focus-visible) {
  border-bottom-color:var(--interaction-focus)!important;
}
html[data-theme="dark"] main#home .challenge-search input:is(:hover,:focus-visible) {
  border-bottom-color:var(--interaction-focus)!important;
}



html[data-theme="dark"] main#home .system-action--workspace:is(:hover,[data-preview-state="hover"]):not([aria-disabled="true"]) {
  background:var(--interaction-primary-hover)!important;
  border-color:var(--interaction-primary-hover)!important;
  color:var(--interaction-primary-hover-text)!important;
}
html[data-theme="dark"] main#home .system-action--workspace:is(:hover,[data-preview-state="hover"]) :is(span,svg) {color:inherit}

html[data-theme="dark"] body.portfolio-shell .portfolio-left-nav.portfolio-navigation :is(
  .inner-global-nav a,.portfolio-workspace-link,.portfolio-case-link,
  .portfolio-resume-download,.portfolio-navigation-contact a,
  .portfolio-work-marker,.portfolio-cases-toggle,.brand-lockup
):hover,
html[data-theme="dark"] body.portfolio-shell .portfolio-left-nav.portfolio-navigation :is(
  .inner-global-nav a,.portfolio-workspace-link,.portfolio-case-link,
  .portfolio-resume-download,.portfolio-navigation-contact a,
  .portfolio-work-marker,.portfolio-cases-toggle,.brand-lockup
):hover :is(span,strong,svg) {
  color:var(--interaction-text-hover)!important;
}
html[data-theme="dark"] body.portfolio-shell .portfolio-left-nav.portfolio-navigation .brand-lockup:hover svg.brand-mark {
  color:var(--interaction-text-hover)!important;
}
html[data-theme="dark"] body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle:hover {
  color:var(--interaction-text-hover)!important;
  border-color:var(--interaction-text-hover)!important;
  background:var(--surface-raised)!important;
}

html[data-theme="dark"] main#home .challenge-filter:not([aria-pressed="true"]):not(:disabled):is(:hover,[data-preview-state="hover"]) {
  background:var(--surface-raised)!important;
  color:var(--interaction-text-hover)!important;
  border-bottom-color:var(--interaction-text-hover)!important;
}
html[data-theme="dark"] main#home .challenge-filter[aria-pressed="true"]:is(:hover,[data-preview-state="hover"]) {
  box-shadow:inset 0 -3px 0 var(--interaction-text-hover);
}

html[data-theme="dark"] main#home .challenge-card:not([aria-pressed="true"]):hover {
  border-color:var(--interaction-text-hover)!important;
}
html[data-theme="dark"] main#home :is(.challenge-bottom button,.challenge-empty button):hover {
  color:var(--interaction-text-hover)!important;
  border-color:var(--interaction-text-hover)!important;
}
html[data-theme="dark"] body.portfolio-shell .portfolio-left-nav.portfolio-navigation :is(a,button):focus-visible {
  outline:2px solid var(--interaction-focus);outline-offset:2px;
}

html[data-theme="dark"] main#home.pattern-workbench a:hover:not(.system-action--workspace) {
  color:var(--interaction-text-hover);
}

body.portfolio-shell .portfolio-left-nav.portfolio-navigation{--nav-accent:var(--text-link)}
html[data-theme="light"] body.portfolio-shell .portfolio-left-nav.portfolio-navigation :is(
  .inner-global-nav a,.portfolio-workspace-link,.portfolio-case-link,
  .portfolio-resume-download,.portfolio-navigation-contact a,.portfolio-work-marker,
  .portfolio-cases-toggle,.brand-lockup
):hover,
html[data-theme="light"] body.portfolio-shell .portfolio-left-nav.portfolio-navigation .brand-lockup:hover svg.brand-mark {
  color:var(--interaction-link-hover)!important;
}
html[data-theme="light"] body.portfolio-shell main :is(
  .system-action--prototype,.editorial-case-cta,.challenge-destination a,
  .clean-page-back
):hover {color:var(--interaction-link-hover)!important;border-bottom-color:currentColor!important}

main#home .challenge-pagination .challenge-page:not(.is-current):not(:disabled):focus-visible,
html[data-theme="dark"] main#home .challenge-pagination .challenge-page:not(.is-current):not(:disabled):focus-visible {
  outline:2px solid var(--interaction-focus)!important;
  outline-offset:2px!important;
}








:root {
  --motion-quick:180ms;
  --motion-ui:260ms;
  --motion-panel:380ms;
  --motion-page:400ms;
  --motion-ease:cubic-bezier(.22,1,.36,1);
  
  --interaction-primary-hover:var(--color-gold);
  --interaction-primary-hover-text:var(--color-ink);
  --interaction-link-hover:var(--color-plum);
  --interaction-text-hover:var(--color-plum);
  --interaction-hover-outline:var(--color-plum);
}
html[data-theme="dark"] {
  --interaction-primary-hover:var(--color-on-dark-gold);
  --interaction-primary-hover-text:var(--theme-dark-page);
  --interaction-link-hover:var(--color-on-dark-gold);
  --interaction-text-hover:var(--color-on-dark-gold);
  --interaction-hover-outline:var(--color-on-dark-gold);
}

body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar > .portfolio-header-location {
  display:block;width:100%;box-sizing:border-box;margin:16px 0 0;padding:12px 8px;
  border:1px solid var(--border-navigation);text-align:center;
  font:500 12px/1.6 var(--font-body);color:var(--text-secondary);
  letter-spacing:.005em;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-about-tree {min-width:0;}

body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-about-subnav > a.portfolio-resume-subnav:is(:hover,:focus-visible){
  color:var(--interaction-text-hover)!important;
}

body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-panel {
  display:grid!important;grid-template-rows:0fr;opacity:0;visibility:hidden;min-height:0;
  transition:grid-template-rows var(--motion-panel) var(--motion-ease),
             opacity var(--motion-ui) var(--motion-ease),
             visibility var(--motion-panel) allow-discrete;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-panel.is-expanded {
  display:grid!important;grid-template-rows:1fr;opacity:1;visibility:visible;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-panel-inner {min-height:0;overflow:hidden;}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-case-list {
  max-height:0;opacity:0;visibility:hidden;overflow:hidden;padding-top:0;padding-bottom:0;
  transition:max-height var(--motion-panel) var(--motion-ease),
             opacity var(--motion-ui) var(--motion-ease),
             visibility var(--motion-panel) allow-discrete,
             padding-bottom var(--motion-panel) var(--motion-ease);
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-case-list.is-expanded {
  max-height:450px;opacity:1;visibility:visible;padding-bottom:8px;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-work-marker svg,
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-cases-toggle svg,
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu > summary svg {
  transition:transform var(--motion-panel) var(--motion-ease),color var(--motion-ui) var(--motion-ease);
}

body.portfolio-shell .portfolio-left-nav.portfolio-navigation :is(
  .brand-lockup,.inner-global-nav a,.portfolio-workspace-link,.portfolio-case-link,
  .portfolio-work-marker,.portfolio-cases-toggle,.portfolio-theme-toggle,.portfolio-navigation-contact a
),
main#home :is(
  .system-action,.editorial-case-cta,.challenge-destination a,.challenge-filter,
  .challenge-card,.challenge-page,.challenge-bottom button,.challenge-empty button,
  .challenge-browse select,.challenge-search input,.challenge-search-clear
),
body.portfolio-shell main :is(.clean-page-back,.case-switch-tabs button,[role="tab"],.pattern-controls button) {
  transition:color var(--motion-ui) var(--motion-ease),
             background-color var(--motion-ui) var(--motion-ease),
             border-color var(--motion-ui) var(--motion-ease),
             box-shadow var(--motion-ui) var(--motion-ease),
             transform var(--motion-ui) var(--motion-ease);
}
main#home .system-action--workspace:is(:hover,[data-preview-state="hover"]):not([aria-disabled="true"]) {
  background:var(--interaction-primary-hover)!important;
  border-color:var(--interaction-primary-hover)!important;
  color:var(--interaction-primary-hover-text)!important;
}
main#home .system-action--workspace:is(:hover,[data-preview-state="hover"]) :is(span,svg) {color:inherit;}
html[data-theme="light"] body.portfolio-shell .portfolio-left-nav.portfolio-navigation :is(
  .inner-global-nav a,.portfolio-workspace-link,.portfolio-case-link,.portfolio-navigation-contact a,
  .portfolio-work-marker,.portfolio-cases-toggle,.brand-lockup
):hover,
html[data-theme="light"] body.portfolio-shell main :is(
  .system-action--prototype,.editorial-case-cta,.challenge-destination a,.clean-page-back,
  .pattern-workbench-heading a
):hover {
  color:var(--interaction-text-hover)!important;
}
html[data-theme="light"] main#home .challenge-filter:not([aria-pressed="true"]):not(:disabled):is(:hover,[data-preview-state="hover"]) {
  background:var(--surface-panel)!important;
  color:var(--interaction-text-hover)!important;
  border-bottom-color:var(--interaction-text-hover)!important;
}
html[data-theme="light"] main#home .challenge-card:not([aria-pressed="true"]):hover {
  border-color:var(--interaction-hover-outline)!important;
}
html[data-theme="light"] main#home .challenge-pagination .challenge-page:not(.is-current):not(:disabled):hover {
  background:var(--surface-panel)!important;
  color:var(--interaction-text-hover)!important;
  border-color:var(--border-subtle)!important;
  outline:none!important;
}

main#home :is(.challenge-browse select,.challenge-search input):is(:hover,:focus-visible){
  border-bottom-color:var(--interaction-hover-outline)!important;
}
@media(max-width:900px) {
  body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar > .portfolio-header-location {
    margin:10px 0 0;padding:7px 0;border:0;text-align:left;font-size:11px;
  }

  body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu {
    interpolate-size:allow-keywords;
  }
  body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu::details-content {
    height:0;opacity:0;overflow:clip;
    transition:height var(--motion-panel) var(--motion-ease),
      opacity var(--motion-ui) var(--motion-ease),
      content-visibility var(--motion-panel) allow-discrete;
  }
  body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu[open]::details-content {
    height:auto;opacity:1;
  }
}

@media(prefers-reduced-motion:reduce) {
  html:focus-within{scroll-behavior:auto!important;}
  body.portfolio-shell *,body.portfolio-shell *::before,body.portfolio-shell *::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}


html[data-theme="light"] main#home .system-action--workspace:is(:focus-visible,[data-preview-state="hover"]):not([aria-disabled="true"]) {
  background:var(--interaction-primary-hover)!important;
  border-color:var(--interaction-primary-hover)!important;
  color:var(--interaction-primary-hover-text)!important;
}
html[data-theme="light"] main#home :is(.system-action--prototype,.editorial-case-cta):is(:hover,[data-preview-state="hover"]):not([aria-disabled="true"]) {
  color:var(--interaction-text-hover)!important;
  border-bottom-color:currentColor!important;
}

@media (min-width:901px) {
 body.portfolio-shell.has-left-nav {--portfolio-rail-width:224px;}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation {
   box-sizing:border-box;width:224px;padding:28px 24px 20px;
   border-right:1px solid var(--border-navigation);scrollbar-gutter:auto;
 }
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation > .topbar {
   display:flex;flex-direction:column;align-items:stretch;
   gap:0;margin:0 0 14px;padding:0;border-bottom:1px solid var(--border-navigation);
 }
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand-lockup {
   display:flex;flex-direction:column;align-items:flex-start;gap:18px;
   width:100%;margin:0;padding:0;white-space:normal;
 }
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar svg.brand-mark {
   display:block;flex:none;width:42px;height:44px;
 }
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-brand-text {
   gap:8px;display:flex;flex-direction:column;align-items:flex-start;
 }
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand {
   font:700 17px/20.4px var(--font-body);letter-spacing:0;
 }
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-brand-role {
   font:400 13px/19.5px var(--font-body);
 }
}

body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar > .portfolio-header-location {
  display:block;box-sizing:border-box;width:100%;margin:0;padding:5px 0;
  border:0;border-top:1px solid var(--border-navigation);border-bottom:1px solid var(--border-navigation);
  text-align:left;letter-spacing:.005em;
  font:500 12px/19.2px var(--font-body);color:var(--text-secondary);
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand-lockup {margin-bottom:0;}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact {
  display:flex;align-items:center;gap:4px;min-height:30px;padding:5px 0 0;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact > a {
  display:inline-grid;place-items:center;flex:none;width:20px;height:20px;
  color:var(--text-primary);transition:color var(--motion-ui) var(--motion-ease);
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact > a:hover {color:var(--interaction-text-hover);}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact > a:focus-visible {
  outline:2px solid var(--interaction-focus);outline-offset:3px;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact svg {
  display:block;flex:none;width:20px;height:20px;fill:currentColor;stroke:none;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact .portfolio-header-email {
  background:var(--text-primary);border-radius:2px;color:var(--surface-sidebar);
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact .portfolio-header-email svg {
  width:15px;height:15px;color:inherit;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact .portfolio-header-email:hover {
  background:var(--interaction-text-hover);color:var(--surface-sidebar);
}

body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-about-tree {width:100%;}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav button.portfolio-resume-nav[data-nav] {
  display:flex;align-items:center;box-sizing:border-box;gap:14px;min-height:48px;
  padding:12px 4px;margin:0;width:100%;border:0;background:transparent;
  font:400 15px/21px var(--font-body);text-align:left;cursor:pointer;color:var(--text-primary);text-transform:none !important;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav button.portfolio-resume-nav[data-nav]:is(:hover,:focus-visible) {
  color:var(--interaction-text-hover);
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav] {min-height:48px;box-sizing:border-box;}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav][aria-current] {
  color:var(--color-peacock);font-weight:700;
}
html[data-theme="dark"] body.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav][aria-current] {
  color:var(--theme-dark-link);font-weight:700;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-footer {
  margin-top:auto;padding-top:36px;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-motto {
  margin:0 0 20px;padding:16px 0;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle {
  box-sizing:border-box;display:flex;align-items:center;gap:12px;
  width:100%;max-width:none;min-height:44px;margin:0;
  padding:8px 10px;
  border:1px solid var(--border-navigation);border-radius:0;
  font:600 12px/1.4 var(--font-body);
}

@media (max-width:900px){
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand-lockup {
   flex-direction:row;align-items:center;gap:12px;
 }
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar svg.brand-mark {width:34px;height:36px;}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact {padding:6px 0 0;}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar > .portfolio-header-location {
   margin:8px 0 0;padding:7px 0;text-align:left;border-top:1px solid var(--border-navigation);
   border-bottom:1px solid var(--border-navigation);font-size:11px;
 }
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-footer {padding:8px 0 0;margin:0;}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle {width:100%;}
}

html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav],
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-work-tree > a[data-nav="work"] {
  color:var(--text-primary)!important;
}
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav][aria-current],
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-work-tree:has(>.portfolio-work-marker[aria-expanded="true"]) > a[data-nav="work"] {
  color:var(--theme-dark-link)!important;
}
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .inner-global-nav a[data-nav]:hover,
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-work-tree > a[data-nav="work"]:hover,
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-work-marker:hover {
  color:var(--interaction-text-hover)!important;
}
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation :is(.portfolio-workspace-link,.portfolio-case-link,.portfolio-cases-toggle) {
  color:var(--text-secondary)!important;
}
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation :is(.portfolio-workspace-link,.portfolio-case-link,.portfolio-cases-toggle):hover {
  color:var(--interaction-text-hover)!important;
}
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle {
  background:transparent!important;color:var(--text-primary)!important;
  border-color:var(--border-navigation)!important;
}
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle:hover {
  color:var(--interaction-text-hover)!important;border-color:var(--interaction-text-hover)!important;
}
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-header-contact .portfolio-header-email {
  background:var(--text-primary)!important;color:var(--theme-dark-page)!important;
}
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-header-contact .portfolio-header-email:hover {
  background:var(--interaction-text-hover)!important;color:var(--theme-dark-page)!important;
}
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-header-contact .portfolio-header-email svg {
  color:inherit!important;fill:currentColor!important;
}

:root {
  --color-on-dark-plum:#DE91CD;
}

body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact {
  padding:8px 0;
  min-height:0;
  box-sizing:border-box;
}
@media(max-width:900px){
  body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-header-contact {padding:8px 0;}
}

body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle,
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle {
  background:transparent!important;
}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle:hover,
html[data-theme="dark"] body.portfolio-shell.has-left-nav .portfolio-left-nav.portfolio-navigation .portfolio-theme-toggle:hover {
  background:transparent!important;
}

:root,
html[data-theme="light"] {
  --interaction-primary-hover:var(--color-plum);
  --interaction-primary-hover-text:var(--color-white);
  --interaction-link-hover:var(--color-plum);
  --interaction-text-hover:var(--color-plum);
  --interaction-hover-outline:var(--color-plum);
}
html[data-theme="dark"] {
  --interaction-primary-hover:var(--color-on-dark-gold);
  --interaction-primary-hover-text:var(--theme-dark-page);
  --interaction-pressed-bg:var(--color-on-dark-gold);
  --interaction-text-hover:var(--color-on-dark-gold);
  --interaction-link-hover:var(--color-on-dark-gold);
  --interaction-hover-outline:var(--color-on-dark-gold);
  --interaction-focus:var(--color-on-dark-gold);
  --border-interactive:var(--color-on-dark-gold);
}

main#home .system-action--workspace:is(:hover,[data-preview-state="hover"]):not([aria-disabled="true"]) {
  background:var(--interaction-primary-hover)!important;
  border-color:var(--interaction-primary-hover)!important;
  color:var(--interaction-primary-hover-text)!important;
}
main#home .system-action--workspace:is(:hover,[data-preview-state="hover"]) :is(span,svg) {color:inherit;}
html[data-theme="dark"] main#home .system-action--workspace:is(:active,[data-preview-state="active"]):not([aria-disabled="true"]) {
  color:var(--interaction-primary-hover-text)!important;
}




main#home .challenge-layout {overflow-anchor:none;}


.sw-page {
 --sw-blue:var(--color-deep-blue);
 --sw-teal:var(--accent-systems);
 --sw-plum:var(--accent-ai);
 --sw-gold:var(--highlight-primary);
 --sw-card:var(--surface-card);
 --sw-panel:var(--surface-panel);
 --sw-border:var(--border-subtle);
 --sw-text:var(--text-primary);
 --sw-muted:var(--text-secondary);
 --sw-gutter:clamp(30px,4vw,82px);
 color:var(--sw-text);
 background:var(--surface-page);
 min-width:0;
}
.sw-page *, .sw-page *::before,.sw-page *::after {box-sizing:border-box}
.sw-page :is(figure,blockquote,dl,dd,ul){margin:0}
.sw-page :is(ul){list-style:none;padding:0}
.sw-page figure img {display:block;max-width:100%;height:auto}
.sw-page .sw-hero {min-height:430px;position:relative;isolation:isolate;overflow:hidden;background:var(--media-hero-base);color:var(--text-inverse);display:flex;align-items:stretch;}
.sw-page .sw-hero-image {position:absolute;inset:0 0 0 42%;z-index:-2}
.sw-page .sw-hero-image img {width:100%;height:100%;object-fit:cover;object-position:center}
.sw-page .sw-hero:after {content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--media-hero-desktop-a) 0%,var(--media-hero-desktop-b) 34%,var(--media-hero-desktop-c) 56%,var(--media-hero-desktop-d) 100%)}


.sw-page:not(.cl-page) .sw-hero::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:url("warehouse-ambient-background.webp") center/cover no-repeat;
 opacity:var(--media-warehouse-backdrop-opacity);
}
.sw-page:not(.cl-page) .sw-hero::after{
 z-index:1;
 background:linear-gradient(90deg,var(--media-hero-desktop-a) 0%,var(--media-hero-desktop-b) 26%,var(--media-hero-desktop-c) 46%,transparent 72%);
}
.sw-page:not(.cl-page) .sw-hero-image{
 inset:0 0 0 43%;z-index:2;opacity:var(--media-warehouse-foreground-opacity);pointer-events:none;
}
.sw-page:not(.cl-page) .sw-hero-image img{
 width:100%;height:100%;object-fit:contain;object-position:center center;filter:none;opacity:1;
}
.sw-page:not(.cl-page) .sw-hero-copy{z-index:3;}
@media(max-width:1050px){
 .sw-page:not(.cl-page) .sw-hero::after{background:linear-gradient(90deg,var(--media-hero-desktop-a) 0%,var(--media-hero-desktop-b) 32%,var(--media-hero-desktop-c) 67%,transparent 100%)}
}
@media(max-width:1600px) and (min-width:1201px){
 .sw-page:not(.cl-page) .sw-hero-image{left:57%;}
}
@media(max-width:1200px) and (min-width:701px){
 .sw-page:not(.cl-page) .sw-hero{display:block;min-height:0;}
 .sw-page:not(.cl-page) .sw-hero-image{inset:0 0 auto 0;height:min(460px,43vw);}
 .sw-page:not(.cl-page) .sw-hero-copy{width:100%;padding-top:min(470px,44vw);padding-bottom:30px;}
 .sw-page:not(.cl-page) .sw-hero::after{background:linear-gradient(0deg,var(--media-hero-mobile-a) 0%,var(--media-hero-mobile-b) 38%,var(--media-hero-mobile-c) 62%,transparent 90%)}
}
@media(max-width:700px){
 .sw-page:not(.cl-page) .sw-hero{min-height:690px;}
 .sw-page:not(.cl-page) .sw-hero-image{inset:14px 0 auto 0;height:44%;opacity:var(--media-warehouse-foreground-opacity);}
 .sw-page:not(.cl-page) .sw-hero-image img{object-position:center center;filter:none;}
 .sw-page:not(.cl-page) .sw-hero::after{background:linear-gradient(0deg,var(--media-hero-mobile-a) 0%,var(--media-hero-mobile-b) 37%,var(--media-hero-mobile-c) 56%,transparent 82%)}
}


.sw-page .sw-hero-copy {position:relative;padding:clamp(30px,3vw,58px) var(--sw-gutter);width:min(780px,70%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}
.sw-page .sw-brand {display:flex;align-items:center;gap:10px;margin:0;font-family:var(--font-technical);font-size:12px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--media-hero-gold)}
.sw-page .sw-brand img {width:27px;height:27px;object-fit:contain}
.sw-page .sw-brand span {color:var(--text-on-dark-secondary)}
.sw-page .sw-hero h1{font-size:clamp(34px,3.4vw,62px);line-height:1.08;letter-spacing:-.045em;color:var(--text-inverse);margin:4px 0 0;font-weight:800}
.sw-page .sw-hero h1 span {display:block}
.sw-page .sw-hero h1 em {font-style:normal;color:var(--media-hero-gold)}
.sw-page .sw-hero-intro{font-size:clamp(16px,1.23vw,20px);line-height:1.55;color:var(--text-on-dark-secondary);max-width:57ch;margin:0}
.sw-page .sw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;border-top:1px solid var(--media-hero-stat-rule);padding-top:16px;margin-top:auto;gap:0}
.sw-page .sw-stat{min-width:0;padding:0 12px;border-left:1px solid var(--media-hero-stat-rule);display:flex;flex-direction:column;gap:4px}
.sw-page .sw-stat:first-child{border-left:0;padding-left:0}
.sw-page .sw-stat dt{order:2;font-size:12px;line-height:1.4;color:var(--text-on-dark-secondary)}
.sw-page .sw-stat dd{order:1;font-family:var(--font-technical);font-size:clamp(21px,2vw,33px);font-weight:700;line-height:1.05;color:var(--media-hero-gold)}
.sw-page .sw-introduction {display:grid;grid-template-columns:minmax(320px, .78fr) minmax(0,1.3fr);gap:clamp(26px,3vw,52px);padding:clamp(40px,4.5vw,70px) var(--sw-gutter);border-bottom:0;align-items:start}
.sw-page .sw-introduction h2{font-size:clamp(29px,2.7vw,49px);line-height:1.11;margin:0 0 20px;letter-spacing:-.045em;color:var(--sw-text)}
.sw-page .sw-introduction h2 span{color:var(--sw-gold)}

.sw-page .sw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px}
.sw-page .sw-primary-action{min-height:44px;display:inline-flex;align-items:center;gap:16px;padding:11px 18px;background:var(--interaction-primary-bg);color:var(--interaction-primary-text);font-weight:700;font-size:14px;border:1px solid var(--interaction-primary-bg);transition:background-color var(--motion-standard),color var(--motion-standard),border-color var(--motion-standard)}
.sw-page .sw-primary-action:hover{background:var(--interaction-primary-hover);color:var(--interaction-primary-hover-text);border-color:var(--interaction-primary-hover)}















.sw-page .sw-section {padding:clamp(44px,5vw,80px) var(--sw-gutter);border-bottom:0}



































































.sw-page :is(button,a):focus-visible{outline:2px solid var(--interaction-focus);outline-offset:3px}
html[data-theme="dark"] .sw-page{--sw-blue:var(--color-on-dark-teal);--sw-gold:var(--color-on-dark-gold);--sw-teal:var(--color-on-dark-teal);--sw-plum:var(--color-on-dark-plum)}

@media (max-width:1320px){
 .sw-page .sw-introduction{grid-template-columns:minmax(0,1fr)}
 
 
 
 
 
 
 
}
@media (max-width:1050px){
 
 
 
 .sw-page .sw-hero-copy{width:84%}
 .sw-page .sw-hero-image{left:27%}
 .sw-page .sw-hero:after{background:linear-gradient(90deg,var(--media-hero-mobile-a),var(--media-hero-mobile-b) 50%,var(--media-hero-mobile-d))}
}
@media (max-width:700px){
 .sw-page .sw-hero{min-height:570px;align-items:flex-end}
 .sw-page .sw-hero-image{inset:0 0 0 0;opacity:.65}
 .sw-page .sw-hero:after{background:linear-gradient(0deg,var(--media-hero-mobile-a) 0%,var(--media-hero-mobile-b) 55%,var(--media-hero-mobile-c) 85%,var(--media-hero-mobile-d) 100%)}
 .sw-page .sw-hero-copy{width:100%;padding:28px var(--sw-gutter)}
 .sw-page .sw-hero h1{font-size:clamp(30px,7vw,44px)}
 .sw-page .sw-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
 .sw-page .sw-stat:nth-child(3){border-left:0;padding-left:0}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
}





.cl-page .cl-hero .sw-hero-image{inset:0 0 0 37%}
.cl-page .cl-hero .sw-hero-image img{object-position:55% center}
.cl-page .cl-hero .sw-hero-copy{width:min(800px,74%)}
.cl-page .cl-brand{gap:12px}
.cl-page .cl-brand img{width:103px;height:auto;max-height:40px;object-fit:contain}
.cl-page .cl-brand>span{color:var(--media-hero-gold)}
.cl-page .cl-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.cl-page .cl-stats .sw-stat dd{font-size:clamp(20px,1.8vw,32px)}














@media(max-width:900px){
 .cl-page .cl-hero .sw-hero-copy{width:84%}
 .cl-page .cl-hero .sw-hero-image{inset:0 0 0 24%}
}
@media(max-width:680px){
 .cl-page .cl-hero .sw-hero-copy{width:100%}
 .cl-page .cl-hero .sw-hero-image{inset:0}
 .cl-page .cl-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}
 .cl-page .cl-stats .sw-stat:nth-child(3){border-left:0;padding-left:0}
 
 
}




























:root{
 --theme-light-page:#FCFAF6;
 --theme-light-card:#FCFAF6;
 --theme-light-panel:#F2F4F3;
 --theme-light-text:#082333;
 --theme-light-muted:#476078;
 --theme-light-border:#CED8DC;
 --theme-light-link:var(--color-deep-blue);
 --theme-light-action:var(--color-deep-blue);
 --theme-light-hover:var(--color-plum);
 --theme-light-gold:var(--color-gold);
 --theme-light-teal:var(--color-peacock);
 --theme-light-plum:var(--color-plum);
}





















































































.sw-page .overview-section{padding:clamp(25px,2.6vw,38px) var(--sw-gutter);border-bottom:0;background:var(--surface-page)}
.sw-page .overview-heading{max-width:none;margin:0 0 19px}
.sw-page .overview-heading h2{font:800 clamp(27px,2.65vw,39px)/1.11 var(--font-display);letter-spacing:-.045em;color:var(--sw-text);margin:0 0 7px}
.sw-page .overview-heading>p{font:400 16px/1.58 var(--font-body);color:var(--sw-muted);margin:0;max-width:none}
.sw-page .overview-role{gap:clamp(18px,2.2vw,34px);padding-top:clamp(24px,2.8vw,42px);padding-bottom:clamp(24px,2.8vw,42px)}
.sw-page .overview-role .sw-intro-story h2{font-size:clamp(28px,2.55vw,42px);margin-bottom:11px}
.sw-page .overview-role .sw-intro-story>p{line-height:1.62;margin-bottom:10px}
.sw-page .overview-role .sw-actions{margin-top:16px}





















.sw-page .overview-system-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(290px,.68fr);gap:clamp(14px,2vw,24px);align-items:start}
.sw-page .overview-system-scene{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;margin:0;padding:0;background:transparent;border:0}
.sw-page .overview-system-scene img{display:block;width:100%;max-width:880px;height:auto;max-height:420px;object-fit:contain;object-position:left top;filter:none}
.sw-page .overview-system-scene figcaption{font:450 13px/1.5 var(--font-body);color:var(--sw-muted);text-align:left;align-self:flex-start;margin-top:4px;max-width:62ch}
.sw-page .overview-system-interaction{min-width:0;display:flex;flex-direction:column;background:transparent;border:0;border-left:1px solid var(--sw-border);padding-left:clamp(14px,2vw,25px)}
.sw-page .overview-tablist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;border-bottom:1px solid var(--sw-border)}
.sw-page .overview-tablist button{cursor:pointer;appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--sw-muted);font:700 14px/1.4 var(--font-body);padding:10px 5px;transition:color .16s ease,border-color .16s ease;text-transform:none;letter-spacing:0}
.sw-page .overview-tablist button[aria-selected="true"]{color:var(--sw-text);border-bottom-color:var(--sw-teal);background:transparent}
.sw-page .overview-tablist button:hover{color:var(--sw-teal);background:transparent}
.sw-page .overview-system-panel{padding:18px 0 0;min-height:0}
.sw-page .overview-system-panel[hidden]{display:none!important}
.sw-page .overview-system-panel h3{font:800 21px/1.15 var(--font-display);letter-spacing:-.035em;color:var(--sw-text);margin:0 0 8px}
.sw-page .overview-system-panel p{font:400 16px/1.6 var(--font-body);color:var(--sw-muted);margin:0 0 12px}
.sw-page .overview-system-panel ul{padding:0;margin:0;list-style:none;display:grid;gap:7px}
.sw-page .overview-system-panel li{position:relative;padding-left:14px;color:var(--sw-text);font:500 14px/1.5 var(--font-body)}
.sw-page .overview-system-panel li::before{content:"";position:absolute;left:0;top:.52em;width:5px;height:5px;background:var(--sw-teal)}
.sw-page .overview-tablist button:focus-visible{outline:2px solid var(--interaction-focus);outline-offset:3px;position:relative;z-index:3}

.sw-page .overview-environment--integrated .overview-system-layout{
 display:grid;grid-template-columns:minmax(0,1.52fr) minmax(320px,.78fr);gap:clamp(22px,3vw,44px);align-items:start;
}
.sw-page .overview-system-main{min-width:0;display:flex;flex-direction:column;gap:20px}
.sw-page .overview-environment--integrated .overview-system-scene img{width:100%;max-width:none;height:auto;max-height:none;object-fit:contain;object-position:center;display:block}
.sw-page .overview-environment--integrated .overview-system-interaction{align-self:stretch;gap:0}
.sw-page .overview-environment--integrated .overview-process{margin:0;padding:20px 0 0;border-top:1px solid var(--sw-border);max-width:none}
.sw-page .overview-environment--integrated .overview-process-heading{margin-bottom:15px}
.sw-page .overview-environment--integrated .overview-process-heading h3{font-size:var(--type-title-size);line-height:1.12;letter-spacing:var(--tracking-heading)}
.sw-page .overview-environment--integrated .overview-process-heading>p{font-size:14px;line-height:1.55}
.sw-page .overview-environment--integrated .overview-process-list{gap:10px}
.sw-page .overview-environment--integrated .overview-process-step{padding-right:0}
.sw-page .overview-environment--integrated .overview-process-art{height:69px;margin-bottom:5px}
.sw-page .overview-environment--integrated .overview-process-art img{max-height:67px}
.sw-page .overview-environment--integrated .overview-process-step:not(:last-child)::after{top:48px;right:-9px}
.sw-page .overview-environment--integrated .overview-process-step strong{font-size:14px}
.sw-page .overview-environment--integrated .overview-process-step p{font-size:13px;line-height:1.47}











@media(max-width:1100px){
 .sw-page .overview-environment--integrated .overview-system-layout{grid-template-columns:minmax(0,1.13fr) minmax(285px,.87fr);gap:24px}
 .sw-page .overview-environment--integrated .overview-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .sw-page .overview-environment--integrated .overview-process-step:not(:last-child)::after{display:none}
}
@media(max-width:850px){
 .sw-page .overview-environment--integrated .overview-system-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .sw-page .overview-environment--integrated .overview-system-interaction{border-left:0;padding-left:0;border-top:1px solid var(--sw-border);padding-top:14px}
 .sw-page .overview-environment--integrated .overview-process-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 .sw-page .overview-environment--integrated .overview-process-step:not(:last-child)::after{display:block}
}
@media(max-width:600px){
 .sw-page .overview-environment--integrated .overview-system-main{gap:15px}
 .sw-page .overview-environment--integrated .overview-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px}
 .sw-page .overview-environment--integrated .overview-process-step:not(:last-child)::after{display:none}
 .sw-page .overview-environment--integrated .overview-process-art{height:64px}
 
}













.sw-page .overview-friction-network{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;min-width:0}
.sw-page .overview-friction-stage{min-width:0;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px}
.sw-page .overview-friction-stage img{display:block;width:100%;height:auto;aspect-ratio:340/205;object-fit:contain;object-position:center bottom}
.sw-page .overview-friction-stage-label{border-top:1px solid var(--sw-border);padding-top:5px;color:var(--sw-muted);font:650 10px/1.33 var(--font-body)}
.sw-page .overview-friction-stage--focus .overview-friction-stage-label{border-top:2px solid var(--sw-teal);padding-top:4px;color:var(--sw-teal)}
.sw-page .overview-friction-home{position:absolute;left:50%;top:-15px;transform:translateX(-50%);display:block;line-height:0;pointer-events:none}
.sw-page .overview-friction-home svg{display:block;width:19px;height:25px;filter:drop-shadow(0 2px 2px rgba(8,35,51,.15))}
@media(max-width:1000px){.sw-page .overview-friction-network{display:none}}


.sw-page .overview-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--sw-border);border-bottom:1px solid var(--sw-border)}
.sw-page.cl-page .overview-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sw-page .overview-tool{min-width:0;display:flex;flex-direction:column;padding:19px 22px 20px;border:0;border-right:1px solid var(--sw-border);background:transparent;min-height:0}
.sw-page .overview-tool:first-child{padding-left:22px}
.sw-page .overview-tool:nth-child(3n){border-right:0}
.sw-page .overview-tool:nth-child(n/**/+4){border-top:1px solid var(--sw-border)}
.sw-page.cl-page .overview-tool:nth-child(3n){border-right:1px solid var(--sw-border)}
.sw-page.cl-page .overview-tool:nth-child(2n){border-right:0}
.sw-page.cl-page .overview-tool:nth-child(n/**/+3){border-top:1px solid var(--sw-border)}
.sw-page .overview-tool:last-child{padding-right:0}
.sw-page .overview-tool h3{font:750 18px/1.24 var(--font-display);letter-spacing:-.025em;color:var(--sw-text);margin:0 0 13px;min-height:0}
.sw-page .overview-brand-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;justify-items:center;column-gap:10px;row-gap:10px;min-height:60px}
.sw-page .overview-brand{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;text-align:center;max-width:100%;min-width:0;width:100%;color:var(--sw-text)}
.sw-page .overview-brand-mark{display:flex;align-items:center;justify-content:center;height:33px;min-width:34px;max-width:90px;padding:1px;box-sizing:border-box;background:transparent;border:0;border-radius:0;color:var(--sw-text);font:800 20px/1 var(--font-display);letter-spacing:-.055em;white-space:nowrap}
.sw-page .overview-brand-mark svg{display:block;width:auto;height:31px}
.sw-page .overview-brand-label{color:var(--sw-muted);font:500 12px/1.3 var(--font-body);letter-spacing:0;overflow-wrap:anywhere;max-width:86px}


.sw-page .overview-tool>p{font:400 14px/1.52 var(--font-body);color:var(--sw-muted);margin:12px 0 0}
.sw-page .overview-brand[data-logo="ignition"] .overview-brand-mark{color:#C78011;font-size:16px;letter-spacing:-.05em}
.sw-page .overview-brand[data-logo="illustrator"] .overview-brand-mark{color:#EC8700;background:#321500;padding:4px 6px;font-size:18px}
.sw-page .overview-brand[data-logo="photoshop"] .overview-brand-mark{color:#31A8FF;background:#001E36;padding:4px 5px;font-size:18px}
.sw-page .overview-brand[data-logo="xd"] .overview-brand-mark{color:#FF61F6;background:#2D002E;padding:4px 5px;font-size:18px}
.sw-page .overview-brand[data-logo="html"] .overview-brand-mark{color:#E34F26;font-size:28px}
.sw-page .overview-brand[data-logo="css"] .overview-brand-mark{color:#1572B6;font-size:28px}
.sw-page .overview-brand[data-logo="js"] .overview-brand-mark{color:#221E00;background:#F7DF1E;padding:4px 5px;font-size:19px}
.sw-page .overview-brand[data-logo="dotnet"] .overview-brand-mark{color:#512BD4;font-size:18px}
.sw-page .overview-brand[data-logo="php"] .overview-brand-mark{color:#777BB4;font-size:18px;font-style:italic}
.sw-page .overview-brand[data-logo="excel"] .overview-brand-mark{color:#fff;background:#107C41;padding:4px 9px;font-size:20px}
.sw-page .overview-brand[data-logo="hmi"] .overview-brand-mark{color:var(--sw-teal);font-size:16px}
.sw-page .overview-brand[data-logo="chatgpt"] .overview-brand-mark{color:var(--sw-teal);font-size:28px}
.sw-page .overview-brand[data-logo="signals"] .overview-brand-mark{color:var(--sw-teal);font-size:29px}
.sw-page .overview-brand[data-logo="miro"] .overview-brand-mark{color:#5E4DA7}
.sw-page .overview-brand[data-logo="jira"] .overview-brand-mark{color:#1B62C4}
.sw-page .overview-brand[data-logo="confluence"] .overview-brand-mark{color:#2372C6}
.sw-page .overview-brand[data-logo="qualtrics"] .overview-brand-mark{color:#244AB0}

.sw-page .overview-process{margin-top:21px;padding:19px 0 0;border:0;background:transparent;max-width:1180px}
.sw-page .overview-process-heading{margin:0 0 18px}
.sw-page .overview-process-heading h3{font:800 21px/1.2 var(--font-display);letter-spacing:-.03em;color:var(--sw-text);margin:0 0 5px}
.sw-page .overview-process-heading>p{font:400 15px/1.55 var(--font-body);color:var(--sw-muted);margin:0}
.sw-page .overview-process-list,.sw-page .cl-tools .overview-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none;border-top:0}
.sw-page .cl-tools .overview-process-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.sw-page .overview-process-step{min-width:0;position:relative;padding:0 8px 0 0;border-right:0;background:transparent;min-height:0;display:flex;flex-direction:column;align-items:flex-start}
.sw-page .overview-process-step:last-child{border:0}
.sw-page .overview-process-step:not(:last-child)::after{content:"→";position:absolute;top:62px;right:-11px;z-index:2;background:var(--surface-page);color:var(--sw-teal);font:800 17px/1 var(--font-display)}
.sw-page .overview-process-number{display:block;color:var(--sw-teal);font:700 12px/1.25 var(--font-technical);margin:0 0 6px}
.sw-page .overview-process-step strong{display:block;color:var(--sw-text);font:750 16px/1.4 var(--font-body);margin-bottom:4px}
.sw-page .overview-process-step p{margin:0;color:var(--sw-muted);font:400 14px/1.53 var(--font-body)}
.sw-page .overview-process-art{display:flex;align-items:center;justify-content:flex-start;width:100%;height:86px;margin:0 0 8px;overflow:visible}
.sw-page .overview-process-art img{display:block;max-width:100%;max-height:84px;width:auto;height:auto;object-fit:contain;filter:none}













.sw-page .overview-challenge-panel span:not(.overview-case-cta):not([aria-hidden]){font:700 11px/1.45 var(--font-body);letter-spacing:.015em;color:var(--sw-teal);text-transform:none}

.sw-page .overview-evidence-link{display:inline-block;margin-top:9px;color:var(--text-link);font:700 14px/1.45 var(--font-body);text-decoration:underline;text-underline-offset:3px}


























.sw-page .overview-closing-emphasis{margin:12px 0 0;padding-top:11px;border-top:1px solid var(--sw-border);font:750 14px/1.45 var(--font-display);color:var(--sw-text)}


@media(max-width:1100px){
 .sw-page .overview-system-layout{grid-template-columns:minmax(0,1.42fr) minmax(240px,.88fr)}
 
 
 
 
 
}
@media(max-width:850px){
 .sw-page .overview-system-layout{grid-template-columns:1fr}
 .sw-page .overview-system-scene img{max-height:360px}
 .sw-page .overview-system-interaction{border-left:0;padding-left:0}
 
 
 
 
 
 
 
}
@media(max-width:750px){
 .sw-page .overview-brand-grid,.sw-page.cl-page .overview-brand-grid{grid-template-columns:1fr}
 .sw-page .overview-tool{padding:16px 12px;border-bottom:1px solid var(--sw-border);border-right:0!important}
 .sw-page .overview-tool:first-child{padding-left:12px}
 .sw-page .overview-tool:nth-child(2n){border-right:0}
 .sw-page .overview-tool h3{min-height:0;margin-bottom:9px}
 .sw-page .overview-brand-ribbon{min-height:0;max-width:380px}
 .sw-page .overview-process-list,.sw-page .cl-tools .overview-process-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sw-page .overview-process-step{border-bottom:0;padding:0}
 .sw-page .overview-process-step:nth-child(2n){border-right:0}
 .sw-page .overview-process-step:nth-child(2n)::after{display:none}
 
 
}
@media(max-width:600px){
 .sw-page .overview-heading h2{font-size:clamp(27px,7vw,34px)}
 
 
 
 
 
 
 
 
 .sw-page .overview-system-scene img{max-height:295px}
 
 
 
 
 
 
 
 
 
 
 
 
 
}

@media(prefers-reduced-motion:reduce){.sw-page .overview-tablist button{transition:none}}









.sw-page.cl-page .overview-environment--integrated .overview-system-scene img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.sw-page.cl-page .overview-friction-network--logistics{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,25px)}
.sw-page.cl-page .overview-friction-network--logistics .overview-friction-stage img{aspect-ratio:3/2;height:auto;object-position:center bottom}
.sw-page.cl-page .overview-friction-network--logistics .overview-friction-stage-label{font-size:12px;text-align:center}


.sw-page.cl-page .overview-environment--integrated .overview-process-art img{width:100%;height:100%;object-fit:contain}
@media(max-width:850px){.sw-page.cl-page .overview-friction-network--logistics{display:grid;max-width:700px;margin-top:16px}}
@media(max-width:650px){.sw-page.cl-page .overview-friction-network--logistics{display:none}}







.sw-page .overview-friction-stage, .sw-page .overview-process-art{overflow:visible}








.sw-page .overview-friction-network{align-items:end}
.sw-page .overview-friction-stage{padding:2px 2px 6px}
.sw-page .overview-friction-stage img{display:block;width:100%;height:auto;object-fit:contain;object-position:center bottom;transform:none}

.sw-page .overview-process-art{height:92px;align-items:flex-end;padding:4px 6px 8px;box-sizing:border-box}
.sw-page .overview-process-art img{max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center bottom}
.sw-page .overview-environment--integrated .overview-process-art{height:76px;padding:2px 4px 6px}
.sw-page .overview-environment--integrated .overview-process-art img{max-height:100%}




















@media(max-width:850px){
 
 .sw-page .overview-friction-stage{padding-bottom:4px}
}
@media(max-width:650px){
 
 
 
 .sw-page .overview-process-art{height:84px}
}




.sw-page .overview-role .sw-intro-story h2, .sw-page .overview-section>.overview-heading h2{
 font-family:var(--font-display);font-size:var(--type-section-size);font-weight:800;
 line-height:var(--leading-display);letter-spacing:var(--tracking-heading);
 color:var(--sw-text);
}

.sw-page .overview-process-heading h3{
 font-family:var(--font-display);font-size:var(--type-title-size);font-weight:800;
 line-height:1.12;letter-spacing:var(--tracking-heading);color:var(--sw-text);
}

.sw-page .overview-system-panel h3, .sw-page .overview-tool h3{
 font-family:var(--font-display);font-size:var(--type-subhead-size);font-weight:750;
 line-height:var(--leading-heading);letter-spacing:-.02em;color:var(--sw-text);
}








.sw-page .overview-process-art, .sw-page .overview-system-scene, .sw-page .overview-friction-stage{overflow:visible}
.sw-page .overview-system-scene img, .sw-page .overview-process-art img, .sw-page .overview-friction-stage img{object-fit:contain;object-position:center center}
.sw-page .overview-system-scene img{max-width:100%;height:auto}
.sw-page .overview-friction-stage{padding:6px 3px 6px}
.sw-page .overview-friction-stage img{display:block;max-width:100%;height:auto}

.sw-page .overview-process-art{padding:3px 5px 7px;box-sizing:border-box}




.sw-page .overview-tool{display:flex;flex-direction:column}
.sw-page .overview-tool>h3{min-height:2.5em;margin-bottom:12px}
.sw-page .overview-brand-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px;align-items:start;justify-items:center;min-height:105px}
.sw-page .overview-brand{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:6px;width:100%;max-width:100%;min-width:0;text-align:center}
.sw-page .overview-brand-mark{width:45px;min-width:45px;max-width:45px;height:42px;display:flex;align-items:center;justify-content:center;padding:3px;box-sizing:border-box;white-space:nowrap}
.sw-page .overview-brand-mark .overview-logo-icon{height:32px;width:32px;display:block;object-fit:contain}
.sw-page .overview-brand-label{max-width:95px;min-height:2.5em;color:var(--sw-muted);font:500 11px/1.3 var(--font-body);overflow-wrap:normal}
.sw-page .overview-tool>p{margin-top:12px;font:400 14px/1.52 var(--font-body)}

.sw-page .overview-brand[data-logo="illustrator"] .overview-brand-mark,
.sw-page .overview-brand[data-logo="photoshop"] .overview-brand-mark,
.sw-page .overview-brand[data-logo="xd"] .overview-brand-mark{max-width:45px;min-width:45px;width:45px;height:42px}
@media(max-width:900px){
 
 
 
 .sw-page .overview-tool>h3{min-height:0}
}
@media(max-width:650px){
 .sw-page .overview-brand-ribbon{min-height:0}
 .sw-page .overview-tool>p{margin-top:8px}
}





.sw-page .overview-contribution-inline-number{color:var(--sw-teal);font-family:var(--font-technical);font-weight:800;margin-right:7px}



.sw-page .overview-brand[data-logo="excel"] .overview-brand-mark{background:transparent;padding:3px;color:var(--sw-text)}













.sw-page .overview-role{
  grid-template-columns:minmax(0,.89fr) minmax(0,1.16fr);
  column-gap:clamp(26px,3.3vw,58px);
  align-items:start;
}
.sw-page .overview-impact-grid{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(18px,2vw,30px);row-gap:clamp(16px,1.65vw,26px);
  align-content:start;align-self:start;
}
.sw-page .overview-impact-item{
  display:flex;flex-direction:column;gap:0;
  min-width:0;margin:0;padding:0;border:0;background:transparent;
}
.sw-page .overview-impact-art{
  display:flex;align-items:flex-end;justify-content:center;
  height:clamp(62px,5.4vw,78px);min-height:0;
  padding:0 8px 7px;box-sizing:border-box;overflow:visible;
}
.sw-page .overview-impact-art img{
  display:block;max-height:100%;max-width:100%;height:auto;width:auto;
  object-fit:contain;object-position:center bottom;
}
.sw-page .overview-impact-copy{
  display:flex;flex-direction:column;gap:5px;align-items:flex-start;
  padding-top:9px;border-top:2px solid var(--sw-border);
  min-width:0;
}
.sw-page .overview-impact--gold .overview-impact-copy{border-top-color:var(--sw-gold)}
.sw-page .overview-impact--blue .overview-impact-copy{border-top-color:var(--sw-blue)}
.sw-page .overview-impact--teal .overview-impact-copy{border-top-color:var(--sw-teal)}
.sw-page .overview-impact--plum .overview-impact-copy{border-top-color:var(--sw-plum)}
.sw-page .overview-impact-value{
  display:block;margin:0;font:750 clamp(25px,1.8vw,32px)/1.05 var(--font-technical);
  color:var(--sw-text);
}
.sw-page .overview-impact-copy h3{
  min-height:0;margin:0;
  font:750 var(--type-subhead-size)/1.2 var(--font-display);
  letter-spacing:-.02em;color:var(--sw-text);
}
.sw-page .overview-impact-copy p{
  margin:0;color:var(--sw-muted);
  font:400 clamp(13px,.95vw,15px)/1.48 var(--font-body);
}




@media(max-width:1320px){
  .sw-page .overview-role{grid-template-columns:minmax(0,1fr)}
  .sw-page .overview-impact-grid{max-width:950px}
}
@media(max-width:620px){
  .sw-page .overview-impact-grid{grid-template-columns:1fr;row-gap:13px}
  .sw-page .overview-impact-item{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;column-gap:12px}
  .sw-page .overview-impact-art{height:74px;padding:6px 0}
  .sw-page .overview-impact-copy{padding-top:8px}
  .sw-page .overview-impact-copy h3{min-height:0}
  .sw-page .overview-impact-copy p{font-size:14px}
}


.cm-page{--cm-gutter:var(--sw-gutter);--cm-ink:var(--text-primary);--cm-secondary:var(--text-secondary);--cm-line:var(--border-subtle);color:var(--cm-ink);background:var(--surface-page)}
.cm-page :is(.cm-introduction,.cm-section){padding-inline:var(--cm-gutter)}
.cm-page .cm-introduction{padding-block:clamp(38px,4.2vw,70px) clamp(28px,3.2vw,48px)}
.cm-page .cm-back{font:650 14px/1.5 var(--font-body);margin:0 0 26px}
.cm-page :is(.cm-return,.cm-back) a{color:var(--text-link);text-underline-offset:4px}
.cm-page .cm-introduction h1{max-width:24ch;margin:0 0 15px;color:var(--cm-ink)}
.cm-page .cm-introduction h1 span{color:var(--color-gold-ink)}
.cm-page .cm-lead{max-width:68ch;font:500 var(--type-lead-size)/1.5 var(--font-body);margin:0;color:var(--cm-secondary)}
.cm-page .cm-section{padding-block:clamp(30px,3.4vw,58px);border:0}
.cm-page .cm-section-heading{margin:0 0 clamp(22px,2.6vw,38px)}
.cm-page .cm-section-heading h2{max-width:none;color:var(--cm-ink);margin:0 0 11px}
.cm-page .cm-section-heading>p{max-width:none;font:400 var(--type-body-size)/1.6 var(--font-body);margin:0;color:var(--cm-secondary)}















.cm-page .cm-thesis{margin:clamp(22px,3vw,40px) 0 0;max-width:82ch;padding-left:18px;border-left:3px solid var(--color-peacock);font:550 clamp(18px,1.6vw,24px)/1.4 var(--font-display);color:var(--cm-ink)}
.cm-page .cm-thesis strong{color:var(--color-peacock-ink,var(--text-link));font-weight:800}










.cm-page .cm-tablist{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--cm-line);margin-bottom:24px}
.cm-page .cm-tablist button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--cm-secondary);padding:14px 22px 12px;min-height:48px;font:750 15px/1.35 var(--font-body);cursor:pointer;text-align:left}
.cm-page .cm-tablist button:first-child{padding-left:0}
.cm-page .cm-tablist button[aria-selected=true]{border-bottom-color:var(--color-peacock);color:var(--cm-ink)}
.cm-page .cm-tablist button:hover{color:var(--text-link)}
.cm-page .cm-tablist button:focus-visible{outline:2px solid var(--interaction-focus);outline-offset:3px}
.cm-page .cm-tablist button small{display:block;font:450 12px/1.3 var(--font-body)}
.cm-page .cm-experience-panel[hidden]{display:none!important}
.cm-page .cm-product-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.72fr);gap:clamp(24px,3vw,50px);align-items:start}
.cm-page .cm-evidence{margin:0;min-width:0}




.cm-page .cm-evidence figcaption{font:400 13px/1.5 var(--font-body);color:var(--cm-secondary);margin-top:8px}














.cm-page .cm-back{margin:32px 0 0}
@media(max-width:1000px){.cm-page .cm-product-layout{grid-template-columns:1fr}}
@media(max-width:740px){.cm-page .cm-section{padding-block:32px}.cm-page .cm-tablist button{flex:1;padding:12px 8px}}
@media(max-width:430px){.cm-page .cm-tablist button{font-size:13px}.cm-page .cm-introduction h1{font-size:clamp(35px,9vw,45px)}}
@media(prefers-reduced-motion:reduce){.cm-page .cm-tablist button{transition:none}}


.sb-page{--sb-accent:var(--color-peacock);--sb-ink:var(--text-primary);--sb-muted:var(--text-secondary);--sb-line:var(--border-subtle)}


.sb-page .sb-section .cm-section-heading h2 em{font-style:normal;color:var(--color-gold-ink)}
.sb-page .sb-section :is(.sb-journey,.sb-response-model,.sb-decisions-aside,.sb-outcome-result,.sb-outcome-adoption){min-width:0}

.sb-page :is(.sb-context-grid,.sb-model-layout,.sb-outcome-layout){display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.8fr);gap:clamp(28px,3.1vw,52px);align-items:start}
.sb-page :is(.sb-journey,.sb-response-model,.sb-decisions-aside,.sb-outcome-result,.sb-outcome-adoption)>h3{margin:0 0 8px}


.sb-page .sb-journey-list li:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:53px;color:var(--color-peacock);font:700 18px/1 var(--font-display)}














































.sb-page .sb-outcome-layout{grid-template-columns:repeat(2,minmax(0,1fr))}












.sb-page .sb-outcome-adoption>p{font:400 16px/1.6 var(--font-body);color:var(--sb-muted);margin:11px 0 15px}
.sb-page .sb-audience-shift{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:start;gap:12px}
.sb-page .sb-audience-shift>div{padding:14px 0;border-top:2px solid var(--sb-line)}
.sb-page .sb-audience-shift>div:last-child{border-top-color:var(--color-peacock)}
.sb-page .sb-audience-shift strong{font:750 12px/1.35 var(--font-body);color:var(--sb-muted)}
.sb-page .sb-audience-shift p{font:800 18px/1.25 var(--font-display);margin:7px 0}
.sb-page .sb-audience-shift span:not(.sb-audience-arrow){font:400 14px/1.5 var(--font-body);color:var(--sb-muted)}








@media(max-width:1000px){
 .sb-page :is(.sb-context-grid,.sb-model-layout){grid-template-columns:1fr}
 
 
 
 
 
}
@media(max-width:740px){
 .sb-page :is(.sb-context-facts,.sb-outcome-layout,.sb-learning-grid){grid-template-columns:1fr}
 
 
 
 
 
 
 
 
}
@media(max-width:520px){
 
 
 
 .sb-page .sb-audience-shift{grid-template-columns:1fr;gap:0}
 
 
}



.study-page .cm-section-heading h2 em{font-style:normal;color:var(--color-gold-ink)}


.study-page .study-section{padding-block:clamp(32px,3.5vw,56px)}
.study-page .study-section p{overflow-wrap:break-word}







.study-page :is(.study-feature-layout,.study-training-layout){display:grid;grid-template-columns:minmax(0,1.5fr) minmax(275px,.75fr);gap:clamp(24px,3vw,50px);align-items:start}
.study-page .study-feature-notes h3{margin:0 0 11px}
.study-page .study-feature-notes>p{font:400 16px/1.6 var(--font-body);color:var(--text-secondary);margin:0 0 12px}
.study-page .study-feature-notes{min-width:0}






.study-page .study-training-primary h3,.study-page .study-training-support h3{margin:0 0 7px}
.study-page .study-training-primary>p,.study-page .study-training-support p{color:var(--text-secondary);font:400 15px/1.55 var(--font-body);margin:0 0 14px}
.study-page .study-training-support{display:grid;gap:28px;min-width:0}




.study-page .study-return{margin:40px 0 0}
.study-page .study-return a,.study-page .study-later a{font:750 15px/1.5 var(--font-body);color:var(--text-link);text-underline-offset:4px}












.study-page .study-product .cm-tablist{margin-bottom:18px}

.study-page .study-product .cm-product-layout{grid-template-columns:minmax(0,1.45fr) minmax(225px,.75fr)}



.study-page .study-later{margin:28px 0 0;padding:18px 0;border-top:1px solid var(--border-subtle);font:400 15px/1.6 var(--font-body);color:var(--text-secondary)}
.study-page .study-later strong{color:var(--text-primary)}
@media(max-width:1000px){.study-page :is(.study-feature-layout,.study-training-layout),.study-page .study-product .cm-product-layout{grid-template-columns:1fr}.study-page .study-training-support{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.study-page .study-training-support{grid-template-columns:1fr}.study-page .study-product .cm-tablist button{flex:1;font-size:13px;padding:12px 8px}}


html[data-theme="dark"] .study-page .cm-section-heading h2 em{color:var(--color-on-dark-gold)}







.study-page .case-notes p{font:400 16px/1.62 var(--font-body);color:var(--text-secondary);margin:0 0 12px}
.study-page .case-notes p strong{color:var(--text-primary)}
.study-page .case-steps{list-style:none;margin:18px 0 25px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,30px)}
.study-page .case-steps li{padding:13px 0 0;border-top:1px solid var(--border-subtle);min-width:0}
.study-page .case-steps .case-number{font:700 12px/1.3 var(--font-technical);color:var(--color-peacock);display:block;margin-bottom:11px}
.study-page .case-steps strong{font:800 17px/1.25 var(--font-display);color:var(--text-primary);display:block;margin:0 0 7px}
.study-page .case-steps p{font:400 14px/1.53 var(--font-body);color:var(--text-secondary);margin:0}

















.study-page .case-notes h3{margin:0 0 14px}









@media(max-width:990px){
 
 
 .study-page .case-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 
}
@media(max-width:650px){
 .study-page .case-steps{grid-template-columns:1fr}
 
 
 
 .study-page .case-steps{gap:13px}
}



.signal-page #sv-context .case-steps{grid-template-columns:1fr;gap:6px;margin:0}
.signal-page #sv-context .case-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 10px;padding:8px 0;border-top:1px solid var(--border-subtle)}
.signal-page #sv-context .case-steps .case-number{grid-column:1;grid-row:1/3;margin:0}
.signal-page #sv-context .case-steps strong{grid-column:2;grid-row:1;margin:0}
.signal-page #sv-context .case-steps p{grid-column:2;grid-row:2;margin:0}










.cm-page .source-evidence{background:transparent;border:0;margin:18px 0;min-width:0}
.cm-page .source-evidence img{display:block;width:auto;max-width:100%;height:auto;max-height:390px;object-fit:contain;object-position:left center;overflow:visible}

.cm-page .source-evidence figcaption{color:var(--text-secondary);font:400 13px/1.5 var(--font-body);margin-top:7px}























@media(max-width:450px){.cm-page .source-evidence img{max-height:290px}}


.sw-page .overview-role{
 display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
 gap:clamp(25px,3.2vw,58px);align-items:start;
}
.sw-page .overview-role .sw-intro-story h2{font:800 var(--type-section-size)/var(--leading-display) var(--font-display);letter-spacing:var(--tracking-heading);margin:0 0 10px}
.sw-page .overview-role .sw-intro-story .overview-role-lede{font:750 clamp(22px,2.1vw,33px)/1.2 var(--font-display);letter-spacing:-.035em;color:var(--sw-text);margin:0 0 14px;max-width:36ch}
.sw-page .overview-role-lede em{font-style:normal;color:var(--sw-gold)}
.sw-page .overview-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(16px,1.7vw,27px);row-gap:clamp(16px,1.6vw,24px)}
.sw-page .overview-impact-item{display:block;border:0;margin:0;min-width:0}
.sw-page .overview-impact-head{display:grid;grid-template-columns:clamp(56px,5vw,75px) minmax(0,1fr);gap:clamp(8px,.9vw,13px);align-items:center;padding:12px 0 0;border-top:2px solid var(--sw-border)}
.sw-page .overview-impact--gold .overview-impact-head{border-top-color:var(--sw-gold)}
.sw-page .overview-impact--blue .overview-impact-head{border-top-color:var(--sw-blue)}
.sw-page .overview-impact--teal .overview-impact-head{border-top-color:var(--sw-teal)}
.sw-page .overview-impact--plum .overview-impact-head{border-top-color:var(--sw-plum)}
.sw-page .overview-impact-art{display:flex;align-items:center;justify-content:center;height:73px;padding:1px;min-height:0}
.sw-page .overview-impact-art img{max-height:73px;max-width:100%;width:auto;height:auto;object-fit:contain}
.sw-page .overview-impact-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:0;border:0!important}
.sw-page .overview-impact-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.sw-page .overview-impact-title h3{margin:0;min-height:0;font:750 clamp(16px,1.3vw,20px)/1.19 var(--font-display);letter-spacing:-.025em}
.sw-page .overview-impact-title .overview-impact-value{font:750 clamp(24px,2.25vw,36px)/1 var(--font-technical);margin:0}
.sw-page .overview-impact-copy p{font-size:clamp(12px,.88vw,14px);line-height:1.45;margin:0}

.sw-page .overview-environment-header{
 display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);
 gap:clamp(28px,4.1vw,72px);align-items:start;
 margin:0 0 clamp(22px,2.7vw,40px);
}
.sw-page .overview-environment-header>.overview-heading{max-width:none;margin:0}
.sw-page .overview-environment-header .overview-heading h2,
.sw-page .overview-use-cases>.overview-cases-heading-row h2,
.sw-page .overview-tools>.overview-heading h2{font:800 var(--type-section-size)/var(--leading-display) var(--font-display);letter-spacing:var(--tracking-heading);color:var(--sw-text)}
.sw-page .overview-environment-header .overview-process{margin:0;padding:0;border:0;max-width:none;min-width:0}
.sw-page .overview-environment-header .overview-process-heading{margin:0 0 11px}
.sw-page .overview-environment-header .overview-process-heading h3{
 font:750 var(--type-title-size)/1.15 var(--font-display);
 letter-spacing:var(--tracking-heading);margin:0 0 6px;
}
.sw-page .overview-environment-header .overview-process-heading>p{font:400 14px/1.5 var(--font-body)}
.sw-page .overview-environment-header .overview-process-list{gap:clamp(8px,.9vw,14px)}
.sw-page .overview-environment-header .overview-process-step{padding-right:0}
.sw-page .overview-environment-header .overview-process-art{height:66px;margin-bottom:5px;padding:2px 3px 4px}
.sw-page .overview-environment-header .overview-process-art img{max-height:100%}
.sw-page .overview-environment-header .overview-process-step:not(:last-child)::after{top:47px;right:-9px}
.sw-page .overview-environment-header .overview-process-step strong{font-size:14px;line-height:1.35}
.sw-page .overview-environment-header .overview-process-step p{font-size:12px;line-height:1.43}
.sw-page .overview-environment--integrated .overview-system-layout{
 display:grid;grid-template-columns:minmax(0,1.13fr) minmax(300px,.87fr);
 gap:clamp(25px,3.6vw,60px);align-items:start;
}
.sw-page .overview-environment--integrated .overview-system-main{min-width:0;gap:0}
.sw-page .overview-environment--integrated .overview-system-scene{margin:0;width:100%;max-width:none;min-width:0;overflow:visible}
.sw-page .overview-environment--integrated .overview-system-scene img,
.sw-page.cl-page .overview-environment--integrated .overview-system-scene img{
 display:block;width:100%;max-width:100%;height:auto;max-height:none;
 object-fit:contain;object-position:center;filter:none;
}
.sw-page .overview-environment--integrated .overview-system-scene figcaption{font-size:12px;margin-top:7px;line-height:1.4}
.sw-page .overview-environment--integrated .overview-system-interaction{border:0;padding:0;gap:0}
.sw-page .overview-supporting-note{margin-top:clamp(17px,2.1vw,29px);padding:15px 0 0;border-top:1px solid var(--sw-border);color:var(--sw-muted)}
.sw-page .overview-supporting-note h3{font:750 var(--type-subhead-size)/1.2 var(--font-display);letter-spacing:-.025em;color:var(--sw-text);margin:0 0 8px}
.sw-page .overview-supporting-note p{font:400 14px/1.5 var(--font-body);margin:0 0 9px}
.sw-page .overview-supporting-note ul{padding:0;margin:10px 0 0;list-style:none;display:grid;gap:6px}
.sw-page .overview-supporting-note li{font:400 13px/1.45 var(--font-body);padding:0}
.sw-page .overview-supporting-note li strong{color:var(--sw-text);font-weight:750}
.sw-page .overview-supporting-note .overview-closing-emphasis{font-weight:650;color:var(--sw-text);margin-top:10px}

.sw-page .overview-use-cases{padding-top:clamp(18px,2.2vw,30px)}
.sw-page .overview-cases-heading-row{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(24px,3.3vw,55px);align-items:center;margin-bottom:clamp(16px,2vw,28px)}
.sw-page .overview-cases-heading-row>.overview-heading{margin:0;max-width:none}
.sw-page .overview-cases-heading-row .overview-heading h2{margin-bottom:9px}
.sw-page .overview-case-investigation{display:grid;grid-template-columns:minmax(220px,.3fr) minmax(0,.7fr);gap:clamp(18px,2.4vw,40px);align-items:start}
.sw-page .overview-case-selector{display:flex;flex-direction:column;gap:0;border:0}
.sw-page .overview-case-option{cursor:pointer;appearance:none;display:grid;grid-template-columns:clamp(53px,5.2vw,78px) minmax(0,1fr);gap:10px;align-items:center;text-align:left;width:100%;min-width:0;padding:11px 9px 11px 4px;background:transparent;border:0;border-left:3px solid transparent;border-bottom:1px solid var(--sw-border);color:var(--sw-text);font:400 14px/1.45 var(--font-body);transition:color .15s,border-color .15s}
.sw-page .overview-case-option:first-child{border-top:1px solid var(--sw-border)}
.sw-page .overview-case-option[aria-selected=true]{border-left-color:var(--sw-teal)}
.sw-page .overview-case-option:hover .overview-case-selector-copy strong,.sw-page .overview-case-option[aria-selected=true] .overview-case-selector-copy strong{color:var(--sw-teal)}
.sw-page .overview-case-option:focus-visible{outline:2px solid var(--interaction-focus);outline-offset:3px}
.sw-page .overview-case-option img{display:block;max-width:100%;height:64px;object-fit:contain;object-position:center}
.sw-page .overview-case-selector-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.sw-page .overview-case-selector-copy strong{font:750 clamp(16px,1.2vw,20px)/1.2 var(--font-display);letter-spacing:-.02em;color:var(--sw-text)}
.sw-page .overview-case-problem{font:400 clamp(12px,.84vw,14px)/1.42 var(--font-body);color:var(--sw-muted)}
.sw-page .overview-case-detail{min-width:0}
.sw-page .overview-case-panel{display:grid;grid-template-columns:minmax(185px,.42fr) minmax(0,.58fr);gap:clamp(17px,2vw,31px);align-items:start;padding-top:12px;border:0;border-top:1px solid var(--sw-border);background:transparent;min-width:0}
.sw-page .overview-case-panel[hidden]{display:none!important}
.sw-page .overview-case-quote blockquote{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0;padding:9px 18px 9px 0;border:0;border-right:1px solid var(--sw-border);background:transparent}
.sw-page .overview-case-quote blockquote::before{content:"“";font:800 36px/.9 var(--font-display);color:var(--sw-teal)}
.sw-page .overview-case-quote blockquote p{font:500 italic clamp(16px,1.25vw,21px)/1.42 var(--font-display);color:var(--sw-text);margin:8px 0}
.sw-page .overview-case-quote blockquote footer{position:static!important;display:block!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--sw-muted)!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;font:650 12px/1.4 var(--font-body)!important}
.sw-page .overview-case-quote blockquote footer::before,.sw-page .overview-case-quote blockquote footer::after{display:none!important;content:none!important}
.sw-page .overview-case-interpretation{min-width:0;display:grid;gap:16px}
.sw-page .overview-case-insight h3{font:750 14px/1.3 var(--font-body);color:var(--sw-text);margin:0 0 5px}
.sw-page .overview-case-insight p{font:400 clamp(14px,1vw,16px)/1.52 var(--font-body);color:var(--sw-muted);margin:0}
.sw-page .overview-case-insight+.overview-case-insight{padding-top:12px;border-top:1px solid var(--sw-border)}
.sw-page .overview-case-insight .overview-evidence-link{font-size:14px;margin-top:8px}

.sw-page .overview-brand-grid{border-top:0;border-bottom:0}
.sw-page.cl-page .overview-brand-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.sw-page .overview-tool{min-height:0;padding:16px clamp(9px,1.5vw,24px) 14px}
.sw-page .overview-tool h3,.sw-page .overview-tool>h3{min-height:0;margin-bottom:11px;font:750 var(--type-subhead-size)/1.2 var(--font-display)}
.sw-page .overview-brand-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;justify-items:center}
.sw-page .overview-brand-ribbon--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.sw-page .overview-brand-label{min-height:0}
.sw-page .overview-tool>p{margin-top:14px}
@media(max-width:1250px){
 .sw-page .overview-role{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px}
 .sw-page .overview-impact-title h3{font-size:16px}
 .sw-page .overview-impact-head{grid-template-columns:55px minmax(0,1fr);gap:8px}
 .sw-page .overview-impact-art{height:65px}
}
@media(max-width:1020px){
 .sw-page .overview-role{grid-template-columns:minmax(0,1fr)}
 .sw-page .overview-impact-grid{max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
 .sw-page .overview-environment-header{grid-template-columns:1fr;gap:24px}
 .sw-page .overview-environment-header .overview-process-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
 .sw-page .overview-environment--integrated .overview-system-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:25px}
 .sw-page .overview-case-investigation{grid-template-columns:minmax(190px,.37fr) minmax(0,.63fr);gap:20px}
 .sw-page .overview-case-panel{grid-template-columns:1fr;gap:12px}
 .sw-page .overview-case-quote blockquote{border:0;border-bottom:1px solid var(--sw-border);padding:5px 0 12px}
}
@media(max-width:780px){
 .sw-page .overview-environment-header{grid-template-columns:1fr;gap:20px}
 .sw-page .overview-environment-header .overview-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .sw-page .overview-environment-header .overview-process-step:not(:last-child)::after{display:none}
 .sw-page .overview-environment--integrated .overview-system-layout{grid-template-columns:1fr;gap:24px}
 .sw-page .overview-environment--integrated .overview-system-interaction{border:0;padding:0}
 .sw-page .overview-cases-heading-row{grid-template-columns:1fr;gap:20px}
 .sw-page .overview-friction-network{display:grid;max-width:100%}
 .sw-page .overview-case-investigation{grid-template-columns:1fr}
 .sw-page .overview-case-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .sw-page .overview-case-option{display:flex;flex-direction:column;gap:7px;align-items:flex-start;border-top:2px solid var(--sw-border)!important;border-bottom:0;border-left:0!important;padding:9px 1px}
 .sw-page .overview-case-option[aria-selected=true]{border-top-color:var(--sw-teal)!important}
 .sw-page .overview-case-option img{max-width:94px;height:66px;align-self:center}
 .sw-page .overview-case-panel{grid-template-columns:minmax(160px,.42fr) minmax(0,.58fr);gap:19px}
 .sw-page .overview-case-quote blockquote{border-bottom:0;border-right:1px solid var(--sw-border);padding:5px 15px 5px 0}
 .sw-page .overview-brand-grid,.sw-page.cl-page .overview-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sw-page .overview-tool{border:0;border-top:1px solid var(--sw-border)!important}
 .sw-page .overview-tool:nth-child(odd){padding-left:0;border-right:1px solid var(--sw-border)}
 .sw-page .overview-tool:nth-child(even){padding-right:0;border-right:0}
}
@media(max-width:520px){
 .sw-page .overview-impact-grid{grid-template-columns:1fr;gap:13px}
 .sw-page .overview-impact-head{grid-template-columns:65px minmax(0,1fr);padding:9px 0 0}
 .sw-page .overview-role .sw-intro-story .overview-role-lede{font-size:24px}
 .sw-page .overview-friction-network{display:none}
 .sw-page .overview-case-option img{height:54px;max-width:70px}
 .sw-page .overview-case-selector-copy strong{font-size:15px}
 .sw-page .overview-case-problem{font-size:12px;line-height:1.35}
 .sw-page .overview-case-panel{grid-template-columns:1fr;gap:10px}
 .sw-page .overview-case-quote blockquote{border-right:0;border-bottom:1px solid var(--sw-border);padding:6px 0 13px}
 .sw-page .overview-brand-grid,.sw-page.cl-page .overview-brand-grid{grid-template-columns:1fr}
 .sw-page .overview-tool{padding:15px 0;border:0!important;border-top:1px solid var(--sw-border)!important}
 .sw-page .overview-tool:nth-child(odd){border-right:0}
}



main#home .challenge-explorer .challenge-heading{margin-bottom:23px}
main#home .challenge-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(330px,1fr);gap:clamp(18px,1.8vw,34px);align-items:start;overflow-anchor:none}
main#home .challenge-browser{min-width:0;display:flex;flex-direction:column;gap:0}
main#home .challenge-browser .challenge-toolbar{align-items:center;gap:clamp(12px,1.4vw,22px);margin-bottom:16px}
main#home .challenge-browser .challenge-browse{flex:1 1 auto;min-width:215px}
main#home .challenge-browser .challenge-search{flex:0 1 310px;min-width:170px;max-width:340px}
main#home .challenge-browser .challenge-filters{margin-bottom:16px;gap:3px 9px;align-items:center}
main#home .challenge-browser .challenge-filter{min-height:38px;padding:7px 8px;font-size:clamp(11px,.72vw,13px)}
main#home .challenge-browser .challenge-filter svg{width:16px;height:16px}
main#home .challenge-browser .challenge-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
main#home .challenge-browser .challenge-card{min-height:190px;padding:14px 12px 12px;gap:9px}
main#home .challenge-browser .challenge-card[aria-pressed="true"]{padding:13px 11px 11px}
main#home .challenge-browser .challenge-card-statement{font-size:clamp(13px,.85vw,16px);line-height:1.4}
main#home .challenge-browser .challenge-bottom{padding-top:14px}
main#home .challenge-detail-home{position:sticky;top:22px;align-self:start;min-width:0}
main#home .challenge-detail{min-height:0;box-sizing:border-box}
@media(max-width:1240px) and (min-width:1081px){
 main#home .challenge-layout{grid-template-columns:minmax(0,1.85fr) minmax(310px,1fr)}
 main#home .challenge-browser .challenge-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 main#home .challenge-browser .challenge-card{min-height:174px}
}
@media(max-width:1080px) and (min-width:751px){
 main#home .challenge-layout{grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr);gap:16px}
 main#home .challenge-browser .challenge-toolbar{flex-wrap:wrap;justify-content:flex-start}
 main#home .challenge-browser .challenge-search{flex:1 1 250px;max-width:none}
 main#home .challenge-browser .challenge-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 main#home .challenge-browser .challenge-card{min-height:180px}
}
@media(max-width:750px){
 main#home .challenge-layout{display:block}
 main#home .challenge-browser .challenge-toolbar{flex-direction:column;align-items:stretch}
 main#home .challenge-browser .challenge-browse{min-width:0;flex:0 0 auto}
 main#home .challenge-browser .challenge-search{max-width:none;width:100%;flex:0 0 auto}
 main#home .challenge-browser .challenge-cards{display:flex;flex-direction:column;gap:10px}
 main#home .challenge-browser .challenge-card{min-height:0;padding:14px 13px}
 main#home .challenge-browser .challenge-card[aria-pressed="true"]{padding:13px 12px}
 main#home .challenge-browser .challenge-card-statement{font-size:16px}
 main#home .challenge-detail{width:100%;margin:0}
}










.material-page .cm-section-heading h2{max-width:unset}
.material-page .cm-section-heading h2 em{font-style:normal}






.material-page .mf-site-grid button:focus-visible{outline:2px solid var(--interaction-focus);outline-offset:3px}


.material-page :is(.mf-flow-detail,.mf-site-detail,.mf-product-explorer) [hidden]{display:none!important}
.material-page .mf-site-explorer{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(24px,3vw,55px);align-items:stretch}
.material-page .mf-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.material-page .mf-site-grid button{background:transparent;border:1px solid var(--border-subtle);border-radius:0;cursor:pointer;color:var(--text-primary);padding:clamp(12px,1.5vw,20px);text-align:left;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:215px}
.material-page .mf-site-grid button[aria-selected=true]{border-color:var(--color-peacock);box-shadow:inset 3px 0 0 var(--color-peacock)}



.material-page .mf-site-grid img{display:block;width:100%;height:clamp(105px,10vw,168px);object-fit:contain;margin:0 auto}
.material-page .mf-site-summary{font:400 13px/1.47 var(--font-body);color:var(--text-secondary)}
.material-page .mf-site-detail{padding:clamp(20px,2.2vw,35px);background:var(--surface-secondary,var(--surface-page));border-top:3px solid var(--color-peacock);min-width:0}
.material-page .mf-site-detail h3{margin:0 0 17px}
.material-page .mf-site-detail p{font:400 16px/1.64 var(--font-body);color:var(--text-secondary);margin:0 0 15px}
















@media(max-width:1100px){.material-page .mf-site-explorer{grid-template-columns:1fr}.material-page .mf-site-grid img{max-height:150px}.material-page .mf-site-grid button{min-height:0}}
@media(max-width:800px){.material-page .mf-site-detail{min-height:0}}
@media(max-width:570px){.material-page .mf-site-grid{grid-template-columns:1fr 1fr;gap:8px}.material-page .mf-site-grid button{padding:10px}.material-page .mf-site-grid img{height:100px}.material-page .mf-site-summary{font-size:12px}}











.material-page .mf-discovery-bridge{margin-top:clamp(30px,3vw,52px);padding-top:clamp(24px,2.5vw,38px);border-top:1px solid var(--border-subtle)}
.material-page .mf-discovery-bridge>h3{margin:0 0 9px;max-width:30ch}

.material-page .mf-discovery-sequence{counter-reset:material-step;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2.5vw,36px);padding:0;margin:0 0 clamp(23px,3vw,41px)}
.material-page .mf-discovery-sequence li{min-width:0;padding-top:12px;border-top:2px solid var(--color-peacock);display:flex;flex-direction:column;gap:7px}
.material-page .mf-discovery-sequence li:nth-child(2){border-top-color:var(--color-gold-ink)}
.material-page .mf-discovery-sequence li:nth-child(3){border-top-color:var(--color-purple, #795fa8)}
.material-page .mf-discovery-sequence strong{font:750 clamp(17px,1.3vw,20px)/1.3 var(--font-display);color:var(--text-primary)}
.material-page .mf-discovery-sequence span{font:400 15px/1.55 var(--font-body);color:var(--text-secondary)}
.material-page .mf-backlog-link{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr);gap:clamp(22px,3.5vw,58px);align-items:center;padding:clamp(17px,2.2vw,29px) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.material-page .mf-backlog-number{display:flex;flex-direction:column;gap:6px}
.material-page .mf-backlog-number>strong{font:800 clamp(29px,3vw,49px)/1.15 var(--font-technical);color:var(--text-primary);white-space:nowrap}
.material-page .mf-backlog-number>strong span{color:var(--color-peacock);font-size:.75em}
.material-page .mf-backlog-number>span{font:450 13px/1.45 var(--font-body);color:var(--text-secondary)}
.material-page .mf-backlog-link>p{font:450 clamp(16px,1.3vw,19px)/1.6 var(--font-body);color:var(--text-primary);margin:0}
.material-page .mf-bridge-takeaway{font:700 clamp(18px,1.8vw,26px)/1.35 var(--font-display);color:var(--text-primary);max-width:61ch;margin:clamp(24px,3vw,42px) 0 0}
@media(max-width:700px){.material-page .mf-discovery-sequence{grid-template-columns:1fr}.material-page .mf-backlog-link{grid-template-columns:1fr;gap:14px}}















.material-page .mf-opening-story{position:relative;z-index:1;padding-top:clamp(30px,2.9vw,44px);padding-bottom:clamp(25px,2.5vw,39px)}
.material-page .mf-opening-story>.mf-opening-heading{max-width:64%;margin:0 0 clamp(17px,1.95vw,27px)}
.material-page .mf-opening-story>.mf-opening-heading h2{max-width:30ch;margin-bottom:9px}
.material-page .mf-opening-story>.mf-opening-heading h2 em{color:var(--color-gold-ink);font-style:normal}
.material-page .mf-opening-story>.mf-opening-heading p{max-width:74ch;font:400 clamp(15px,1.13vw,18px)/1.5 var(--font-body);color:var(--text-secondary)}
.material-page .mf-opening-comparison{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:clamp(25px,3.4vw,55px);align-items:stretch;margin-bottom:clamp(18px,2vw,28px)}
.material-page .mf-opening-dimension{min-width:0}
.material-page .mf-opening-dimension-heading{margin:0 0 clamp(14px,1.65vw,22px)}
.material-page .mf-opening-dimension-heading h3{font-size:clamp(22px,1.85vw,29px);margin:0 0 5px;line-height:1.18}
.material-page .mf-opening-dimension-heading p{font:400 clamp(14px,1vw,16px)/1.42 var(--font-body);color:var(--text-secondary);margin:0;max-width:53ch}



.material-page .mf-opening-dimension--within .mf-flow-stages button:not(:last-child)::after{content:"›";position:absolute;top:37%;right:-9px;color:#839bab;font:400 20px/1 var(--font-body);z-index:1}







.material-page .mf-opening-dimension--across{background:transparent;padding:0}
.material-page .mf-opening-sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.05vw,16px);margin:0}
.material-page .mf-opening-site{--mf-site-color:var(--color-peacock);position:relative;border:1px solid var(--border-subtle);border-top:2px solid var(--mf-site-color);min-height:clamp(99px,7vw,115px);padding:clamp(10px,1vw,15px);min-width:0;background:rgba(248,248,245,.42);overflow:hidden}
.material-page .mf-opening-site--purple{--mf-site-color:#9175c4}.material-page .mf-opening-site--gold{--mf-site-color:#d9a334}.material-page .mf-opening-site--teal{--mf-site-color:#279b9c}
.material-page .mf-opening-site-number{font:750 clamp(11px,.9vw,13px)/1.2 var(--font-technical);color:var(--mf-site-color)}
.material-page .mf-opening-site h4{font:800 clamp(15px,1.16vw,18px)/1.22 var(--font-display);color:var(--text-primary);margin:5px 0 3px;position:relative;z-index:1}
.material-page .mf-opening-site p{font:400 clamp(12px,.91vw,14px)/1.34 var(--font-body);color:var(--text-secondary);width:57%;max-width:57%;overflow-wrap:break-word;margin:0;position:relative;z-index:1}
.material-page .mf-opening-site-image{position:absolute;display:block;right:1%;bottom:4px;width:41%;height:76%;pointer-events:none;opacity:.98}
.material-page .mf-opening-site-image img{width:100%;height:100%;object-fit:contain}
.material-page .mf-opening-opportunity{display:grid;grid-template-columns:35px minmax(0,1fr);gap:16px;align-items:center;padding:clamp(14px,1.5vw,22px) 0 0;border-top:1px solid var(--border-subtle)}
.material-page .mf-opening-opportunity-symbol{width:32px;height:32px;color:var(--color-peacock)}.material-page .mf-opening-opportunity-symbol svg{width:100%;height:100%}
.material-page .mf-opening-opportunity h3{font-size:clamp(21px,1.7vw,27px);margin:0 0 3px}
.material-page .mf-opening-opportunity p{font:400 clamp(14px,1.05vw,17px)/1.45 var(--font-body);color:var(--text-secondary);margin:0}.material-page .mf-opening-opportunity strong{color:var(--text-primary)}
.material-page .mf-back-to-workspace{display:inline-block;margin-top:32px;font:750 15px/1.5 var(--font-body);color:var(--color-peacock);text-underline-offset:4px}
@media(max-width:1050px){.material-page .mf-opening-story>.mf-opening-heading{max-width:61%}}
@media(max-width:800px){.material-page .mf-opening-story>.mf-opening-heading{max-width:100%}.material-page .mf-opening-comparison{grid-template-columns:1fr;gap:30px}}
@media(max-width:540px){.material-page .mf-opening-sites{gap:10px}.material-page .mf-opening-site{min-height:115px;padding:10px}.material-page .mf-opening-site-image{width:50%;height:65%;bottom:4px}.material-page .mf-opening-site p{width:80%;max-width:80%;font-size:12px}.material-page .mf-opening-opportunity{grid-template-columns:28px minmax(0,1fr);gap:10px}.material-page .mf-opening-opportunity-symbol{width:27px;height:27px}}
@media(min-width:801px) and (max-width:1110px){
 .material-page .mf-opening-comparison{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px}
 
 
 .material-page .mf-opening-site{min-height:125px}
}



.material-page .mf-research-comparison{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(20px,2.5vw,40px);align-items:start}
.material-page .mf-research-comparison .mf-site-grid{gap:0 16px}
.material-page .mf-research-comparison .mf-site-grid .mf-research-site{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38%;align-items:center;gap:7px;padding:17px 8px 17px 13px;min-height:169px;border:0;border-top:2px solid var(--border-subtle);border-radius:0;background:transparent;box-shadow:none}
.material-page .mf-research-comparison .mf-site-grid .mf-research-site:nth-child(1){border-top-color:var(--color-peacock)}
.material-page .mf-research-comparison .mf-site-grid .mf-research-site:nth-child(2){border-top-color:var(--color-purple, #795fa8)}
.material-page .mf-research-comparison .mf-site-grid .mf-research-site:nth-child(3){border-top-color:var(--color-gold-ink)}
.material-page .mf-research-comparison .mf-site-grid .mf-research-site:nth-child(4){border-top-color:#2d948b}
.material-page .mf-research-comparison .mf-site-grid .mf-research-site[aria-selected=true]{background:color-mix(in srgb,var(--color-peacock) 5%,var(--surface-page));box-shadow:inset 3px 0 0 var(--color-peacock)}
.material-page .mf-research-comparison .mf-site-grid .mf-research-site img{height:clamp(94px,9vw,140px);width:100%;object-fit:contain;margin:0;mix-blend-mode:multiply}
.material-page .mf-research-site-copy{display:flex;flex-direction:column;align-self:center;gap:5px;min-width:0}
.material-page .mf-research-comparison .mf-research-site-copy strong{font:800 clamp(17px,1.3vw,22px)/1.2 var(--font-display)}
.material-page .mf-research-site-subtitle{font:650 clamp(13px,1vw,16px)/1.35 var(--font-display);color:var(--color-peacock)}
.material-page .mf-research-site .mf-site-summary{font-size:clamp(12px,.95vw,14px);line-height:1.45}
.material-page .mf-research-comparison .mf-site-detail{min-width:0;padding:clamp(18px,2vw,30px);border:0;border-top:2px solid var(--color-peacock);background:color-mix(in srgb,var(--color-peacock) 4%,var(--surface-page))}
.material-page .mf-research-panel .mf-research-current{margin:0 0 5px;color:var(--color-peacock);font:750 14px/1.35 var(--font-display)}
.material-page .mf-research-panel h3{margin:0 0 9px;font-size:clamp(22px,2.1vw,32px)}
.material-page .mf-research-panel-request{font:600 clamp(14px,1.15vw,17px)/1.5 var(--font-body);color:var(--text-primary);margin:0 0 21px}
.material-page .mf-research-finding,.material-page .mf-research-connection{border-top:1px solid var(--border-subtle);padding:16px 0 0;margin:0 0 18px}
.material-page .mf-research-panel :is(.mf-research-finding,.mf-research-connection) h4{font-size:clamp(15px,1.2vw,18px);line-height:1.3;margin:0 0 6px}
.material-page .mf-research-panel :is(.mf-research-finding,.mf-research-connection) p{font-size:clamp(14px,1.05vw,16px);line-height:1.56;margin:0}
.material-page .mf-research-flow-lens{margin-top:4px;padding-top:13px;border-top:1px solid var(--border-subtle)}
.material-page .mf-research-flow-lens>p{margin:0 0 9px;font:650 13px/1.4 var(--font-body);color:var(--text-primary)}
.material-page .mf-research-flow-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.material-page .mf-research-flow-node{min-width:0;text-align:center;padding:6px 2px;font:650 clamp(9px,.7vw,11px)/1.3 var(--font-body);color:var(--text-secondary);border-top:2px solid var(--border-subtle)}
.material-page .mf-research-flow-node.is-related{color:var(--color-peacock);border-top-color:var(--color-peacock);background:color-mix(in srgb,var(--color-peacock) 7%,var(--surface-page))}
.material-page .mf-research-comparison+.mf-discovery-bridge{margin-top:clamp(22px,2.5vw,36px);padding-top:clamp(20px,2vw,30px)}
.material-page .mf-research-comparison+.mf-discovery-bridge>h3{max-width:none}
@media(max-width:1100px){.material-page .mf-research-comparison{grid-template-columns:1fr}.material-page .mf-research-comparison .mf-site-grid .mf-research-site{min-height:140px}.material-page .mf-research-comparison .mf-site-grid .mf-research-site img{height:112px}}
@media(max-width:570px){.material-page .mf-research-comparison .mf-site-grid{gap:0 8px}.material-page .mf-research-comparison .mf-site-grid .mf-research-site{display:flex;flex-direction:column-reverse;gap:7px;align-items:flex-start;min-height:0;padding:10px 5px 12px 8px}.material-page .mf-research-comparison .mf-site-grid .mf-research-site img{width:100%;height:91px}.material-page .mf-research-site-subtitle{font-size:13px}.material-page .mf-research-comparison .mf-site-detail{padding:18px 14px}.material-page .mf-research-flow-node{font-size:9px;word-break:normal}}

@media(min-width:1101px){
 .material-page .mf-research-comparison{align-items:stretch}
 .material-page .mf-research-comparison .mf-site-grid{height:100%;grid-template-rows:repeat(2,minmax(0,1fr))}
 .material-page .mf-research-comparison .mf-site-grid .mf-research-site{grid-template-columns:1fr;grid-template-rows:auto minmax(105px,1fr);align-content:stretch;gap:5px;padding:17px 15px;min-height:0;text-transform:none}
 .material-page .mf-research-comparison .mf-site-grid .mf-research-site img{width:100%;height:100%;max-height:171px;align-self:center}
 .material-page .mf-research-site-copy{align-self:start}
}
@media(min-width:571px) and (max-width:1100px){
 .material-page .mf-research-comparison .mf-site-grid .mf-research-site{text-transform:none;grid-template-columns:minmax(0,1fr) 40%;grid-template-rows:auto}
}
@media(max-width:570px){.material-page .mf-research-comparison .mf-site-grid .mf-research-site{text-transform:none}}


.material-page .mf-opportunity-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);gap:clamp(22px,3vw,54px);align-items:end;margin:0 0 clamp(20px,2.5vw,34px)}
.material-page .mf-intro-copy{min-width:0}
.material-page .mf-intro-copy h2{max-width:28ch;margin:0;letter-spacing:-.035em}
.material-page .mf-intro-copy h2 em{color:var(--color-gold-ink)}
.material-page .mf-intro-copy h3{margin:0 0 5px;font:750 clamp(20px,1.8vw,28px)/1.2 var(--font-display)}
.material-page .mf-intro-copy p{color:var(--text-secondary);font:400 14px/1.5 var(--font-body);margin:0}








.material-page .mf-capability-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,.9vw,15px);border:0;margin-bottom:clamp(17px,2vw,28px)}
.material-page .mf-capability-nav button{display:flex;align-items:center;gap:clamp(9px,.9vw,14px);text-align:left;min-width:0;width:100%;min-height:83px;padding:clamp(10px,1.25vw,18px);cursor:pointer;border:1px solid var(--border-subtle);border-bottom:2px solid transparent;appearance:none;background:transparent;color:var(--text-primary);font-family:var(--font-body);transition:border-color .15s,background .15s}
.material-page .mf-capability-nav button[aria-selected=true]{background:color-mix(in srgb,var(--color-purple,#806bb8) 8%,var(--surface-page));border-color:color-mix(in srgb,var(--color-purple,#806bb8) 52%,var(--border-subtle));border-bottom-color:var(--color-purple,#806bb8)}
.material-page .mf-capability-nav button:hover{background:color-mix(in srgb,var(--color-peacock) 5%,var(--surface-page))}
.material-page .mf-capability-nav button:focus-visible{outline:2px solid var(--interaction-focus);outline-offset:2px}


.material-page .mf-capability-nav-text{min-width:0;display:flex;flex-direction:column;gap:5px}
.material-page .mf-capability-nav-text strong{font:750 clamp(14px,1.08vw,18px)/1.25 var(--font-display);text-transform:none;letter-spacing:normal}
.material-page .mf-capability-nav-text small{font:400 clamp(11px,.86vw,13px)/1.35 var(--font-body);color:var(--text-secondary);text-transform:none;letter-spacing:normal}








































.material-page .mf-capability-synthesis{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.3fr) minmax(0,.7fr);align-items:start;gap:clamp(17px,2vw,32px);margin-top:clamp(25px,3vw,47px);padding:clamp(16px,1.7vw,25px) 0;border-top:1px solid var(--border-subtle)}
.material-page .mf-capability-synthesis>strong{color:var(--text-primary);font:750 clamp(17px,1.35vw,20px)/1.35 var(--font-display)}
.material-page .mf-capability-synthesis p{margin:0;color:var(--text-secondary);font:400 14px/1.57 var(--font-body)}





@media(max-width:890px){
 
 
 
 .material-page .mf-capability-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 
}
@media(max-width:620px){
 
 
 
 
 
 .material-page .mf-capability-nav{gap:7px}
 .material-page .mf-capability-nav button{min-height:78px;padding:10px 7px;gap:5px}
 
 
 .material-page .mf-capability-nav-text strong{font-size:13px}
 .material-page .mf-capability-nav-text small{font-size:10px}
 
 
 
 
 .material-page .mf-capability-synthesis{grid-template-columns:1fr;gap:8px}
 
}











.material-page .mf-capability-view[hidden]{display:none!important}

















.material-page .mf-ticket-step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:29px;color:var(--color-peacock);font:600 18px/1 var(--font-display)}











@media(max-width:620px){.material-page .mf-ticket-step:not(:last-child):after{right:-7px;top:26px}}


.material-page .mf-capability-synthesis[hidden]{display:none!important}












.material-page .mf-capability-nav{margin-bottom:clamp(16px,2vw,25px)}

.material-page .mf-capability-synthesis{margin-top:clamp(19px,2vw,30px)}
@media(max-width:1099px){
 .material-page .mf-opportunity-intro{grid-template-columns:minmax(0,1fr) minmax(225px,.45fr)}
 
 
 
}
@media(max-width:700px){
 .material-page .mf-opportunity-intro{grid-template-columns:1fr;gap:14px}
 
 
 
 
}










.material-page .mf-intro-copy .mf-intro-description{max-width:65ch;margin-top:12px;font:400 clamp(15px,1.1vw,17px)/1.5 var(--font-body);color:var(--text-secondary)}








.material-page .mf-opportunity-intro{
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(26px,3.2vw,58px);
}
.material-page .mf-intro-copy h2{max-width:none}
.material-page .mf-intro-copy .mf-intro-description{max-width:none}








@media(max-width:1180px){
 .material-page .mf-opportunity-intro{grid-template-columns:minmax(0,1fr) minmax(280px,.7fr)}
 
 
}
@media(max-width:700px){
 .material-page .mf-opportunity-intro{grid-template-columns:1fr;gap:15px}
 
}



.material-page .mf-build-heading{max-width:none;margin-bottom:clamp(18px,2.2vw,32px)}
.material-page .mf-build-heading p{max-width:105ch}
.material-page .mf-build-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.4vw,24px);margin-bottom:clamp(20px,2.5vw,34px)}
.material-page .mf-build-nav button{display:flex;flex-direction:column;justify-content:center;gap:5px;text-align:left;min-height:76px;padding:12px clamp(11px,1.35vw,22px);border:0;border-top:2px solid var(--border-subtle);background:transparent;color:var(--text-primary);cursor:pointer}
.material-page .mf-build-nav button[aria-selected=true]{border-top-color:var(--color-peacock);background:color-mix(in srgb,var(--color-peacock) 5%,transparent)}
.material-page .mf-build-nav button:focus-visible{outline:2px solid var(--color-peacock);outline-offset:2px}
.material-page .mf-build-nav button strong{font:750 clamp(15px,1.25vw,19px)/1.25 var(--font-display)}
.material-page .mf-build-nav button span{font:400 13px/1.4 var(--font-body);color:var(--text-secondary)}
.material-page .mf-build-explorer [hidden]{display:none!important}
.material-page .mf-build-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.74fr);gap:clamp(26px,3vw,58px);align-items:start}
.material-page .mf-build-main,.material-page .mf-build-decision{min-width:0}
.material-page .mf-build-story{margin-bottom:clamp(17px,2vw,28px)}
.material-page .mf-build-story h3{margin:8px 0 9px;font:750 clamp(23px,2.1vw,33px)/1.14 var(--font-display);letter-spacing:-.027em;color:var(--text-primary)}
.material-page .mf-build-story p{font:400 15px/1.6 var(--font-body);color:var(--text-secondary);margin:0;max-width:80ch}



.material-page .mf-build-decision{border-left:1px solid var(--border-subtle);padding-left:clamp(18px,2vw,36px)}
.material-page .mf-build-decision h3{margin:0 0 10px;font:750 clamp(20px,1.55vw,25px)/1.25 var(--font-display);color:var(--text-primary)}
.material-page .mf-build-decision>p:not(.mf-build-decision-note){font:400 14px/1.57 var(--font-body);color:var(--text-secondary);margin:0 0 16px}
.material-page .mf-build-decision-point{padding:13px 0;border-top:1px solid var(--border-subtle)}
.material-page .mf-build-decision-point strong{display:block;font:750 15px/1.32 var(--font-display);color:var(--text-primary)}
.material-page .mf-build-decision-point p{font:400 13px/1.53 var(--font-body);color:var(--text-secondary);margin:5px 0 0}
.material-page .mf-build-decision-note{border-left:2px solid var(--color-peacock);padding-left:13px;margin:17px 0 0;font:400 13px/1.55 var(--font-body);color:var(--text-secondary)}
.material-page .mf-build-decision-note strong{color:var(--text-primary)}



















.material-page .mf-build-feature-art{margin:0;min-width:0;display:grid;place-items:center;gap:9px;padding:clamp(15px,2vw,27px);background:#061b2c}
.material-page .mf-build-feature-art img{display:block;width:100%;max-height:370px;object-fit:contain}
.material-page .mf-build-feature-art figcaption{font:400 12px/1.4 var(--font-body);color:#d4e7ec;text-align:center}
.material-page .mf-build-related{margin-top:20px}
.material-page .mf-build-related>strong{display:block;font:750 16px/1.35 var(--font-display);color:var(--text-primary)}
.material-page .mf-build-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.material-page .mf-build-related>div span{padding:10px 12px;border-top:2px solid var(--color-peacock);font:700 13px/1.4 var(--font-body);color:var(--text-primary)}
.material-page .mf-build-related p{font:400 13px/1.54 var(--font-body);color:var(--text-secondary);margin:0}










.material-page .mf-build-closing{font:400 15px/1.55 var(--font-body);color:var(--text-secondary);margin:clamp(26px,3vw,45px) 0 0;padding-top:clamp(14px,1.8vw,25px);border-top:1px solid var(--border-subtle)}
.material-page .mf-build-closing strong{color:var(--text-primary)}
.material-page .mf-build>.mf-back-to-workspace{display:inline-block;margin-top:clamp(28px,3vw,50px)}
@media(max-width:1024px){.material-page .mf-build-panel{grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);gap:20px}}
@media(max-width:800px){.material-page .mf-build-panel{grid-template-columns:1fr}.material-page .mf-build-decision{border-left:0;border-top:1px solid var(--border-subtle);padding:19px 0 0}}
@media(max-width:570px){.material-page .mf-build-nav{grid-template-columns:1fr;gap:3px}.material-page .mf-build-nav button{min-height:56px}.material-page .mf-build-related>div{grid-template-columns:1fr}}









@media(max-width:570px){.material-page .mf-build-nav button{min-height:65px}}


@media(max-width:900px){
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation{padding:12px 20px 10px;min-height:0}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation>.topbar{margin:0;padding:0;border:0;min-height:40px}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu{position:absolute;right:20px;top:12px;z-index:30}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-width:84px;min-height:40px;box-sizing:border-box;padding:8px 11px;border:1px solid var(--border-subtle);font:650 14px/1.2 var(--font-body);background:var(--surface-page);color:var(--text-primary);list-style:none;cursor:pointer}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu>summary::-webkit-details-marker{display:none}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-main-menu[open] .inner-global-nav{position:absolute;right:0;top:calc(100% + 6px);width:min(340px,calc(100vw - 40px));box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--surface-page);box-shadow:0 14px 35px rgba(8,31,43,.12);padding:12px;max-height:min(70dvh,620px);overflow:auto}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .topbar .brand-lockup{padding-right:92px}
 body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-navigation-footer{display:none}
}



body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-resume-tree{position:relative;min-width:0;width:100%}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-resume-tree>button.portfolio-resume-nav[aria-expanded="true"]{color:var(--nav-accent);font-weight:700}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-resume-nav svg:last-child{width:16px;height:16px;flex:none;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform var(--motion-panel) var(--motion-ease)}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-resume-nav[aria-expanded="true"] svg:last-child{transform:rotate(90deg)}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-resume-panel{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows var(--motion-panel) var(--motion-ease),opacity var(--motion-ui) var(--motion-ease),visibility var(--motion-panel) allow-discrete}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-resume-panel.is-expanded{grid-template-rows:1fr;opacity:1;visibility:visible}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-resume-children{list-style:none;margin:0 0 6px 12px;padding:0 0 0 8px;min-height:0;overflow:hidden;border-left:1px solid var(--nav-line)}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-resume-children li{list-style:none;margin:0;padding:0}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav a.portfolio-resume-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 7px;min-height:44px;font:400 13px/1.45 var(--font-body);color:var(--nav-muted);text-decoration:none}
body.portfolio-shell .portfolio-left-nav.portfolio-navigation .inner-global-nav a.portfolio-resume-option:is(:hover,:focus-visible){color:var(--nav-accent)}
@media(prefers-reduced-motion:reduce){body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-resume-panel,body.portfolio-shell .portfolio-left-nav.portfolio-navigation .portfolio-resume-nav svg:last-child{transition:none}}