@layer page{.machife-case{--machife-page:var(--color-background-canvas);--machife-panel:var(--color-background-surface);--machife-surface:color-mix(in srgb, var(--color-background-surface) 92%, #72d9fb 8%);--machife-line:var(--color-border-subtle);--machife-text:var(--color-text-primary);--machife-muted:var(--color-text-secondary);--machife-blue:#087daf;--machife-action:#1f99ff;--machife-yellow:#d7b24a;background:var(--machife-page);color:var(--machife-text)}.machife-case :is(h1,h2,h3,p,figure,ol,ul,dl){margin:0}.machife-case :is(h1,h2,.machife-case__thesis){font-family:var(--font-family-display)}.machife-case .utility-label{color:var(--machife-blue)}.machife-case .action-link{--action-link-border:var(--color-border-strong);--action-link-color:var(--machife-text)}.machife-case__hero,.machife-case__premise,.machife-case__engagement,.machife-case__system,.machife-case__journey,.machife-case__principles,.machife-case__implementation,.machife-case__closing{padding:clamp(3rem,8vw,8rem) clamp(1.5rem,6vw,6rem)}.machife-case__hero{gap:var(--space-fluid-region);display:grid}.machife-case__hero-copy{gap:var(--reference-space-300);display:grid}.machife-case__hero h1{max-width:7ch;font-size:var(--font-size-hero);letter-spacing:var(--font-tracking-display);font-weight:570;line-height:.78}.machife-case__thesis{max-width:18ch;font-size:var(--font-size-display);letter-spacing:var(--font-tracking-thesis);font-weight:510;line-height:.95}.machife-case__hero-copy>p:not(.utility-label,.machife-case__thesis){max-width:52rem;color:var(--machife-muted);font-size:var(--font-size-subhead);line-height:1.5}.machife-case__hero-copy>.machife-case__disclosure{border-left:2px solid var(--machife-blue);max-width:64rem;padding-left:var(--reference-space-200);font-size:var(--font-size-body)}.machife-case__actions{align-items:center;gap:var(--reference-space-150);flex-wrap:wrap;display:flex}.machife-case__actions>a:not(.action-link){color:var(--machife-text);text-underline-offset:.3em}.machife-case__hero figure,.machife-case__gallery figure{gap:var(--reference-space-150);display:grid}.machife-case figcaption{align-items:start;gap:var(--reference-space-200);color:var(--machife-muted);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;display:flex}.machife-case h2{max-width:15ch;font-size:var(--font-size-display);letter-spacing:var(--font-tracking-display);font-weight:530;line-height:.93}.machife-case__premise{gap:var(--reference-space-600);background:var(--machife-panel);color:var(--machife-text);display:grid}.machife-case__premise>div:first-child,.machife-case__system>header,.machife-case__journey>header,.machife-case__principles>header,.machife-case__implementation>div{align-content:start;gap:var(--reference-space-300);display:grid}.machife-case__premise>div:last-child{gap:var(--reference-space-300);max-width:48rem;color:var(--machife-muted);font-size:var(--font-size-subhead);line-height:1.45;display:grid}.machife-case__engagement{gap:var(--space-fluid-region-lg);background:var(--machife-surface);display:grid}.machife-case__engagement>header{gap:var(--reference-space-300);display:grid}.machife-case__engagement>header>div{gap:var(--reference-space-250);max-width:54rem;color:var(--machife-muted);font-size:var(--font-size-subhead);line-height:1.5;display:grid}.machife-case__engagement-proof{gap:var(--space-fluid-region);display:grid}.machife-case__engagement-proof aside{align-content:start;gap:var(--reference-space-150);border-top:1px solid var(--machife-line);padding-top:var(--reference-space-300);display:grid}.machife-case__engagement-proof aside strong{color:var(--machife-blue);font-family:var(--font-family-display);font-size:var(--font-size-hero);letter-spacing:var(--font-tracking-display);font-weight:620;line-height:.8}.machife-case__engagement-proof aside span{max-width:15ch;font-size:var(--font-size-title);letter-spacing:var(--font-tracking-display);font-weight:620;line-height:1.05}.machife-case__engagement-proof aside p{max-width:28rem;color:var(--machife-muted);line-height:1.5}.machife-case__engagement-proof ol{border-top:1px solid var(--machife-line);padding:0;list-style:none}.machife-case__engagement-proof li{gap:var(--reference-space-200);border-bottom:1px solid var(--machife-line);padding:var(--reference-space-300) 0;grid-template-columns:2.5rem minmax(0,1fr);display:grid}.machife-case__engagement-proof li>span{color:var(--machife-blue);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.1em;padding-top:.2rem}.machife-case__engagement-proof li>div{gap:var(--reference-space-150);display:grid}.machife-case__engagement-proof h3{font-size:var(--font-size-subhead);letter-spacing:var(--font-tracking-display);font-weight:620}.machife-case__engagement-proof li p{max-width:46rem;color:var(--machife-muted);line-height:1.5}.machife-case__system{gap:var(--space-fluid-region-lg);background:var(--machife-panel);display:grid}.machife-case__system>header>p:last-child{max-width:44rem;color:var(--machife-muted);font-size:var(--font-size-lead);line-height:1.5}.machife-case__system ol{border-top:1px solid var(--machife-line);padding:0;list-style:none}.machife-case__system li{gap:var(--reference-space-250);border-bottom:1px solid var(--machife-line);padding:var(--reference-space-400) 0;display:grid}.machife-case__system li>span{color:var(--machife-blue);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.1em}.machife-case__system li>div{gap:var(--reference-space-100);display:grid}.machife-case__system h3{color:var(--machife-text);font-size:var(--font-size-title);letter-spacing:var(--font-tracking-display);font-weight:600}.machife-case__system li p{max-width:36rem;color:var(--machife-muted);line-height:1.5}.machife-case__system li b{color:var(--machife-blue);font-size:var(--font-size-lead);align-self:start;font-weight:520;line-height:1.5}.machife-case__gallery{gap:var(--space-fluid-stack);padding:var(--space-fluid-stack);background:var(--machife-surface);display:grid}.machife-case__journey{gap:var(--space-fluid-region-lg);background:var(--machife-surface);display:grid}.machife-case__route{gap:var(--reference-space-500);display:grid}.machife-case__route>p{justify-content:space-between;gap:var(--reference-space-200);padding-block:var(--reference-space-300);border-block:1px solid var(--machife-line);display:flex;position:relative}.machife-case__route>p:after{background:linear-gradient(90deg, var(--machife-blue) 0 62%, var(--machife-line) 62%);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.machife-case__route>p span{font-size:var(--font-size-heading);letter-spacing:var(--font-tracking-display);font-weight:700}.machife-case__route>p b{max-width:11ch;color:var(--machife-blue);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.1em;text-align:center;text-transform:uppercase;align-self:center}.machife-case__route ul{border-top:1px solid var(--machife-line);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.machife-case__route li{border-right:1px solid var(--machife-line);border-bottom:1px solid var(--machife-line);padding:var(--reference-space-250) var(--reference-space-150);color:var(--machife-muted);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase}.machife-case__route li:nth-child(2n){border-right:0}.machife-case__principles{gap:var(--reference-space-800);background:var(--machife-panel);color:var(--machife-text);display:grid}.machife-case__principles ol{padding:0;list-style:none;display:grid}.machife-case__principles li{gap:var(--reference-space-200);border-top:1px solid var(--machife-line);padding:var(--reference-space-400) 0;display:grid}.machife-case__principles h3{color:var(--machife-blue);font-family:var(--font-family-utility);font-size:var(--font-size-caption);letter-spacing:.1em;text-transform:uppercase}.machife-case__principles li p{max-width:52rem;color:var(--machife-muted);font-size:var(--font-size-subhead);line-height:1.5}[data-theme=carbon] .machife-case{--machife-blue:#72d9fb}.machife-case__implementation{gap:var(--reference-space-800);background:var(--machife-surface);display:grid}.machife-case__implementation>div>p:not(.utility-label){max-width:44rem;color:var(--machife-muted);font-size:var(--font-size-lead);line-height:1.5}.machife-case__implementation-actions{padding-top:var(--reference-space-150)}.machife-case__implementation dl{border-top:1px solid var(--machife-line)}.machife-case__implementation dl div{gap:var(--reference-space-150);border-bottom:1px solid var(--machife-line);padding:var(--reference-space-300) 0;display:grid}.machife-case__implementation dt{color:var(--machife-blue);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase}.machife-case__implementation dd{color:var(--machife-muted);font-size:var(--font-size-lead);margin:0;line-height:1.45}.machife-case__closing{gap:var(--reference-space-400);background:var(--machife-panel);display:grid}.machife-case__closing>p:not(.utility-label){max-width:48rem;color:var(--machife-muted);font-size:var(--font-size-lead);line-height:1.5}@media (width>=36rem){.machife-case figcaption{flex-direction:row;justify-content:space-between;align-items:stretch}.machife-case__route>p b{max-width:none}}@media (width>=60rem){.machife-case__hero-copy{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);align-items:end}.machife-case__hero-copy .utility-label,.machife-case__hero h1,.machife-case__hero .machife-case__actions{grid-column:1/-1}.machife-case__premise,.machife-case__journey,.machife-case__implementation,.machife-case__engagement>header{grid-template-columns:minmax(0,.95fr) minmax(26rem,1.05fr)}.machife-case__engagement>header .utility-label{grid-column:1/-1}.machife-case__engagement-proof{grid-template-columns:minmax(18rem,.65fr) minmax(28rem,1.35fr)}.machife-case__system li{grid-template-columns:3rem minmax(18rem,.9fr) minmax(22rem,1.1fr)}.machife-case__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.machife-case__gallery-lead{grid-column:1/-1}.machife-case__principles{grid-template-columns:minmax(0,.8fr) minmax(28rem,1.2fr)}.machife-case__principles li{gap:var(--reference-space-400);grid-template-columns:minmax(12rem,.65fr) 1fr}.machife-case__implementation dl div{gap:var(--reference-space-400);grid-template-columns:minmax(10rem,.42fr) 1fr}.machife-case__route ul{grid-template-columns:repeat(4,minmax(0,1fr))}.machife-case__route li:nth-child(2n){border-right:1px solid var(--machife-line)}.machife-case__route li:nth-child(4n){border-right:0}}}
