@font-face{font-family:Instrument Sans;src:url(/fonts/InstrumentSans-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--page-gutter:24px;--column-gap:24px;--project-gap:24px;--homepage-opening-reduction:144px;--homepage-project-start:max(0px,calc(100dvh - 38.3189vw - 192.41px));--thumbnail-ratio:1.618/1;--thumbnail-radius:4px;--homepage-content-opacity-start:0.1;--homepage-secondary-opacity-start:0.36;--homepage-thumbnail-hover-opacity:1;--homepage-content-fade-viewport:12;--homepage-title-weight:400;--divider-strength:20%;--divider-width:0.5px;--reveal-distance:4px;--reveal-opacity-duration:180ms;--reveal-movement-duration:180ms;--reveal-stagger:20ms;--homepage-lead-reveal-distance:24px;--homepage-mobile-project-start-offset:clamp(48px,8svh,72px);--homepage-lead-opacity-rest:1;--homepage-lead-reveal-delay:360ms;--homepage-lead-reveal-easing:cubic-bezier(0.45,0,0.2,1);--homepage-lead-reveal-opacity-duration:1200ms;--homepage-lead-reveal-movement-duration:1800ms;--subhead-size:14px;--subhead-line-height:24px;--title-subhead-gap:0;--project-subhead-divider-gap:24px;--project-evidence-body-gap:48px;--project-content-opacity-start:0.4;--project-content-fade-viewport:12;--spacing-1:12px;--spacing-2:24px;--spacing-3:36px;--dark:#ededed;--body-copy:#adadaa;--light:#1c1c1a;--link:var(--body-copy);--divider:color-mix(in srgb,var(--dark) var(--divider-strength),transparent);--header-height:72px;--rail-height:24px;color-scheme:dark}*{box-sizing:border-box}html{background:var(--light);color:var(--dark);font-family:var(--font-untitled-sans),"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:24px;scroll-behavior:auto;overscroll-behavior-y:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{min-height:100dvh;margin:0;background:var(--light);color:var(--dark);overscroll-behavior-y:none}body.detail-open,html:has(body.detail-open){overflow:hidden;overscroll-behavior:none}body.page-leaving main{animation:page-out .18s ease both;pointer-events:none}.scroll-progress{--scroll-progress:0;position:fixed;z-index:80;inset:0 0 auto;height:1px;background:var(--body-copy);pointer-events:none;transform:scaleX(var(--scroll-progress));transform-origin:left;will-change:transform}a,button{color:inherit;font:inherit}a{text-decoration:none}em,i{font-family:var(--font-untitled-sans),"Helvetica Neue",Arial,sans-serif;font-style:italic}b,strong{color:var(--dark);font-weight:400}button{padding:0;border:0;background:transparent}.visually-hidden{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}iframe,img,video{display:block;max-width:100%}.site-header{position:fixed;z-index:50;inset:0 0 auto;display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:var(--column-gap);height:var(--header-height);padding:var(--page-gutter);background:var(--light)}.site-header>*{transform:translateY(-4px)}.site-name{view-transition-name:site-name;font-weight:400}@keyframes letter-cascade-in{to{opacity:1;transform:translateY(0)}}.letter-cascade{display:inline-flex;gap:0;letter-spacing:0}.letter-cascade b{display:inline-block;font:inherit;opacity:0;transform:translateY(5px)}.letter-cascade.is-in b{animation:letter-cascade-in .55s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--letter-cascade-index) * .04s)}@media (prefers-reduced-motion:reduce){.letter-cascade b,.letter-cascade.is-in b{opacity:1;transform:none;animation:none}}.site-action{view-transition-name:site-action;font-weight:400;transition:opacity .18s ease}.site-link{display:inline-flex;align-items:center;width:fit-content;min-height:44px;margin:-10px -6px 0;padding:10px 6px;cursor:pointer;transition:color .18s ease}.site-link:hover{color:var(--link)}.gallery-image-button:focus-visible,.home-footer a:focus-visible,.home-project:focus-visible,.independent-system-actions a:focus-visible,.project-navigation a:focus-visible,.site-link:focus-visible,.video-autoplay-toggle:focus-visible,.video-poster:focus-visible{outline:1px solid var(--link);outline-offset:3px}.home-grid{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);align-items:start;gap:var(--column-gap);padding:var(--header-height) var(--page-gutter) var(--spacing-2);animation:page-in .32s ease both}.home-intro{display:grid;position:sticky;top:var(--header-height);grid-column:1;align-self:start;min-width:0}.home-intro-copy{width:62%;text-wrap:pretty}.home-intro h1,.home-intro p{margin:0;font:inherit;font-weight:400}.home-intro h1{font-weight:var(--homepage-title-weight)}.home-intro p{margin-top:var(--spacing-2);color:var(--body-copy);font-weight:400}.home-project{display:block;min-width:0}.home-project-list{display:grid;grid-column:2;gap:var(--project-gap);min-width:0;padding-top:var(--homepage-project-start)}.home-project-media{position:relative;display:block;aspect-ratio:var(--thumbnail-ratio);overflow:hidden;background:var(--light);border-radius:var(--thumbnail-radius)}.home-project--npr .home-project-media{background:#fff}.home-project-media .placeholder,.home-project-media img{width:100%;height:100%;object-fit:cover}.home-project-media img{opacity:var(--homepage-content-opacity-current,var(--homepage-content-opacity-start));transform:scale(1);transition:filter .48s ease,transform .52s cubic-bezier(.22,1,.36,1),opacity .42s ease}.home-project--johnson-johnson .home-project-image--base{opacity:max(var(--homepage-lead-opacity-rest),var(--homepage-content-opacity-current,var(--homepage-content-opacity-start)))}@media (min-width:768px){.home-project--new-york-times .home-project-image--base{opacity:max(var(--homepage-secondary-opacity-start),var(--homepage-content-opacity-current,var(--homepage-content-opacity-start)))}}.home-project--write-placid .home-project-media:after,.media-frame--bordered:after{position:absolute;z-index:3;inset:0;border:1px solid var(--divider);content:"";pointer-events:none}.home-project-label{display:block;margin:var(--spacing-1) 0 var(--spacing-1);text-wrap:balance}.home-project-name,.home-project-subtitle{display:block}.home-project-subtitle{margin-top:var(--title-subhead-gap);transition:color .36s ease}.home-project-name{font-weight:400}.additional-work{display:grid;grid-column:2;gap:var(--spacing-2);min-width:0;margin-top:var(--spacing-3)}.additional-work h2{margin:0;color:var(--link);font:inherit;font-size:12px;font-weight:400;letter-spacing:.06em;line-height:24px;text-transform:uppercase}.home-project-list--additional{grid-column:auto;padding-top:0;opacity:.78}.home-project-list--additional .home-project-name{font-weight:400}.home-project-list--additional .home-project-subtitle{font-size:12px;line-height:24px}.independent-systems{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:var(--column-gap);padding:calc(var(--spacing-2) * 4) var(--page-gutter) calc(var(--spacing-2) * 5);animation:page-in .32s ease both}.independent-system h3,.independent-system p,.independent-systems h2,.independent-systems-header p{margin:0;font:inherit}.home-project-subtitle,.independent-system p{color:var(--link);font-size:var(--subhead-size);font-weight:400;line-height:var(--subhead-line-height)}.independent-system h3,.independent-systems h2{font-weight:400}.independent-systems-header{grid-column:1;min-width:0}.independent-systems-header-copy{width:62%;text-wrap:pretty}.independent-systems-header p{margin-top:var(--spacing-2);max-width:42rem;color:var(--body-copy);font-weight:400}.independent-system-list{grid-column:2;min-width:0;border-top:var(--divider-width) solid var(--divider)}.independent-system{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:var(--column-gap);padding:var(--spacing-2) 0;border-bottom:var(--divider-width) solid var(--divider)}.independent-system-detail{display:flex;flex-direction:column;gap:var(--spacing-1);align-items:flex-start;min-width:0}.independent-system p{max-width:42rem;color:var(--body-copy);text-wrap:pretty}.independent-system .independent-system-context{color:var(--link);font-size:12px;font-weight:400;letter-spacing:.06em;line-height:24px;text-transform:uppercase}.independent-system-actions{display:flex;gap:var(--spacing-2);justify-content:flex-start;white-space:nowrap}.independent-system-actions a{text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.14em;transition:color .18s ease,text-decoration-color .18s ease}.independent-system-actions a:hover{color:var(--link);text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.home-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--column-gap);align-items:end;padding:0 var(--page-gutter) var(--spacing-2);animation:page-in .32s ease both}.home-footer>span{font-weight:400}.home-footer-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end}.home-footer a{transition:color .18s ease}.home-footer a:hover{color:var(--link)}@media (hover:hover) and (pointer:fine){.home-project:focus-visible .home-project-media img,.home-project:hover .home-project-media img{filter:none;opacity:var(--homepage-thumbnail-hover-opacity);transform:scale(1.025);transition-duration:.24s,.36s,.24s}.home-project:focus-visible .home-project-subtitle,.home-project:hover .home-project-subtitle{color:var(--dark)}}@media (hover:none),(pointer:coarse){.home-project-media img,.home-project.color-media .home-project-media img{filter:none;opacity:1}.home-project--has-rollover .home-project-media .home-project-image--base{opacity:0}.home-project--has-rollover .home-project-media .home-project-image--rollover{filter:none;opacity:1}}.detail-media img,.home-project img,.media-frame>iframe,.media-frame>img,.media-frame>video,.video-poster img{filter:grayscale(1)}.color-media iframe,.color-media img,.color-media video{filter:none}.home-project.color-media img{filter:grayscale(1)}.project-layout .gallery-image-button img,.project-layout .media-frame>iframe,.project-layout .media-frame>img,.project-layout .media-frame>video,.project-layout .video-poster img{filter:none}.home-project-image--rollover{position:absolute;inset:0;opacity:0;pointer-events:none}@media (hover:hover) and (pointer:fine){.home-project--has-rollover:focus-visible .home-project-media .home-project-image--base,.home-project--has-rollover:hover .home-project-media .home-project-image--base{opacity:0}.home-project--has-rollover:focus-visible .home-project-media .home-project-image--rollover,.home-project--has-rollover:hover .home-project-media .home-project-image--rollover{filter:none;opacity:var(--homepage-thumbnail-hover-opacity)}}.placeholder{display:block;background:color-mix(in srgb,var(--dark) 8%,var(--light))}.placeholder[data-tone="2"]{background:color-mix(in srgb,var(--dark) 12%,var(--light))}.placeholder[data-tone="3"]{background:color-mix(in srgb,var(--dark) 17%,var(--light))}.project-layout{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);column-gap:var(--column-gap);row-gap:0;min-height:100dvh;padding:var(--header-height) var(--page-gutter) var(--rail-height);animation:project-page-in .32s ease both}.project-summary-column{position:relative;min-width:0}.project-summary{position:fixed;bottom:var(--rail-height);width:calc((100vw - var(--page-gutter) - var(--page-gutter) - var(--column-gap)) * .38);max-height:calc(100dvh - var(--header-height) - var(--rail-height));overflow:auto;scrollbar-width:thin;text-wrap:pretty}.about-copy,.media-caption,.project-summary{font-weight:400}.about-copy blockquote,.about-copy h1,.about-copy h2,.about-copy p,.about-copy ul,.project-summary blockquote,.project-summary h1,.project-summary h2,.project-summary p,.project-summary ul{margin:0 0 var(--spacing-2)}.about-copy h1,.about-copy h2,.project-summary h1,.project-summary h2{font:inherit;font-weight:400}.project-summary h1{font-weight:400}.about-copy h2,.project-summary h2{margin-top:var(--spacing-3)}.about-copy blockquote,.about-copy p,.about-copy ul,.not-found-copy p,.project-summary-body blockquote,.project-summary-body p,.project-summary-body ul{color:var(--body-copy)}.project-summary-lead>p{margin-bottom:0;color:var(--link);font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.project-summary-lead>h1{margin-bottom:var(--title-subhead-gap)}.project-summary-lead:has(+.project-evidence){padding-bottom:var(--project-subhead-divider-gap)}.project-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2);margin:0 0 var(--project-evidence-body-gap);padding-top:var(--spacing-1);border-top:var(--divider-width) solid var(--divider)}.project-evidence-item{min-width:0}.project-evidence dt{color:var(--link);font-size:12px;letter-spacing:.06em;line-height:24px;text-transform:uppercase}.project-evidence dd,.project-evidence dt{margin:0;font-weight:400}.about-copy>:last-child,.project-summary-body>:last-child,.project-summary-lead>:last-child{margin-bottom:0}.about-copy ul,.project-summary ul{padding-left:0;list-style:none}.about-copy li:before,.project-summary li:before{display:inline-block;width:.65em;margin-left:-.65em;content:"•"}.about-copy blockquote,.project-summary blockquote{margin-left:0;margin-right:0;hanging-punctuation:first}.about-copy a,.independent-systems-header a,.media-caption a,.project-summary a{text-decoration-line:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-decoration-thickness:1px;text-underline-offset:.14em;transition:color .18s ease}.about-copy a:hover,.independent-systems-header a:hover,.media-caption a:hover,.project-summary a:hover{color:var(--link)}.about-copy a:focus-visible,.independent-systems-header a:focus-visible,.media-caption a:focus-visible,.project-summary a:focus-visible{outline:1px solid var(--link);outline-offset:3px}.hanging-quote{display:inline-block;margin-left:-.43em}.project-media-column{display:flex;flex-direction:column;gap:var(--spacing-2);grid-column:2;min-width:0;margin-top:var(--project-media-offset,0);visibility:hidden}.project-layout.is-media-aligned .project-media-column{visibility:visible}.project-gallery{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:0}.project-media-column .media-item{margin:0}.project-media-column .media-item:has(.image-row--optical-tight){margin-top:0;margin-bottom:-4px}.project-layout[data-project=npr] .media-item:has(.image-row--optical-tight){margin-bottom:0}.project-layout [data-scroll-opacity]{opacity:var(--project-content-opacity,var(--project-content-opacity-start));transition:opacity 80ms linear;will-change:opacity}.media-item{margin:0 0 var(--spacing-2)}.media-item:has(.media-caption--below){margin-bottom:var(--spacing-3)}.project-gallery>.media-item:last-child{margin-bottom:var(--spacing-3)}.media-frame{border-radius:var(--thumbnail-radius)}.html5-banner-stage,.media-frame{position:relative;width:100%;overflow:hidden}.html5-banner-stage{margin-inline:auto;background:#f0f1f3}.html5-banner-frame{position:absolute;inset:0 auto auto 0;max-width:none;border:0;transform-origin:0 0;pointer-events:none}.media-frame>.placeholder,.media-frame>iframe,.media-frame>img,.media-frame>video{width:100%;height:100%;object-fit:cover}.image-grid{display:grid;gap:2px;background:var(--dark)}.image-grid-cell{position:relative;min-width:0;overflow:hidden;border-radius:var(--thumbnail-radius)}.image-grid-cell img{width:100%;height:100%;object-fit:cover}.image-grid-cell img[style*=contain]{object-fit:contain}.image-row{width:100%;overflow:hidden;background:transparent}.image-row-track{display:flex;gap:var(--image-row-gap);width:100%;align-items:flex-start}.image-row-cell{flex:var(--image-row-ratio,1) 1 0;aspect-ratio:var(--image-row-ratio,1);overflow:hidden;border-radius:var(--thumbnail-radius)}.image-row-cell img,.image-row-cell video{width:100%;height:100%;object-fit:contain}.image-row-detail-button{display:block;width:100%;height:100%;cursor:zoom-in;transition:opacity .18s ease}.image-row-detail-button:hover{opacity:.85}.image-row-detail-button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.image-row-detail-button img{width:100%;height:100%;object-fit:contain;transform:scale(1);transition:transform .42s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.image-row-detail-button:focus-visible img,.image-row-detail-button:hover img{transform:scale(1.025)}}.image-grid-label{position:absolute;z-index:1;top:var(--spacing-1);left:var(--spacing-1);padding:0 var(--spacing-1);color:var(--light);background:color-mix(in srgb,var(--dark) 84%,transparent);font-size:12px;font-weight:400;letter-spacing:.02em;line-height:24px}.gallery-image-button{position:relative;display:block;width:100%;overflow:hidden;border-radius:var(--thumbnail-radius);cursor:zoom-in;transition:opacity .18s ease}.gallery-image-button:hover{opacity:.85}.gallery-image-button .placeholder,.gallery-image-button img{width:100%;height:100%;object-fit:cover}.media-caption{margin:var(--spacing-1) 0 0;text-align:right;text-wrap:balance}.media-caption--above{margin:0 0 var(--spacing-1);max-width:min(62%,720px);color:var(--body-copy);text-align:left;text-wrap:pretty}.video-poster{position:absolute;z-index:2;inset:0;width:100%;cursor:pointer;background:color-mix(in srgb,var(--dark) 14%,var(--light))}.video-poster:focus-visible{outline:2px solid var(--light);outline-offset:-6px}.video-poster img{width:100%;height:100%;object-fit:cover}.play-triangle{position:absolute;top:50%;left:50%;width:84px;height:84px;border-radius:50%;background:color-mix(in srgb,var(--dark) 78%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--light) 36%,transparent);transform:translate(-50%,-50%);transition:background .18s ease,transform .18s ease}.play-triangle:after{position:absolute;top:50%;left:50%;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:21px solid var(--light);content:"";transform:translate(-36%,-50%)}.video-poster:hover .play-triangle{background:var(--dark);transform:translate(-50%,-50%) scale(1.06)}.video-control-group{position:absolute;z-index:3;right:var(--spacing-2);bottom:var(--spacing-2);display:flex;gap:var(--spacing-2);opacity:1;transition:opacity .26s ease}.media-frame.is-playing .video-control-group{opacity:0}.media-frame.is-playing:focus-within .video-control-group,.media-frame.is-playing:hover .video-control-group{opacity:1}.video-autoplay-toggle{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;cursor:pointer;color:var(--dark);background:color-mix(in srgb,var(--light) 92%,transparent);box-shadow:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.video-autoplay-toggle:hover{background:var(--light);box-shadow:none;transform:scale(1.06)}.play-icon{width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid}.pause-icon{width:13px;height:17px;border-right:4px solid;border-left:4px solid}.mute-icon,.sound-icon{display:block;width:25px;height:25px;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.sound-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M11.553 3.064A.75.75 0 0112 3.75v16.5a.75.75 0 01-1.255.555L5.46 16H2.75A1.75 1.75 0 011 14.25v-4.5C1 8.784 1.784 8 2.75 8h2.71l5.285-4.805a.75.75 0 01.808-.13zM10.5 5.445l-4.245 3.86a.75.75 0 01-.505.195h-3a.25.25 0 00-.25.25v4.5c0 .138.112.25.25.25h3a.75.75 0 01.505.195l4.245 3.86V5.445z'/%3E%3Cpath d='M18.718 4.222a.75.75 0 011.06 0c4.296 4.296 4.296 11.26 0 15.556a.75.75 0 01-1.06-1.06 9.5 9.5 0 000-13.436.75.75 0 010-1.06z'/%3E%3Cpath d='M16.243 7.757a.75.75 0 10-1.061 1.061 4.5 4.5 0 010 6.364.75.75 0 001.06 1.06 6 6 0 000-8.485z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M11.553 3.064A.75.75 0 0112 3.75v16.5a.75.75 0 01-1.255.555L5.46 16H2.75A1.75 1.75 0 011 14.25v-4.5C1 8.784 1.784 8 2.75 8h2.71l5.285-4.805a.75.75 0 01.808-.13zM10.5 5.445l-4.245 3.86a.75.75 0 01-.505.195h-3a.25.25 0 00-.25.25v4.5c0 .138.112.25.25.25h3a.75.75 0 01.505.195l4.245 3.86V5.445z'/%3E%3Cpath d='M18.718 4.222a.75.75 0 011.06 0c4.296 4.296 4.296 11.26 0 15.556a.75.75 0 01-1.06-1.06 9.5 9.5 0 000-13.436.75.75 0 010-1.06z'/%3E%3Cpath d='M16.243 7.757a.75.75 0 10-1.061 1.061 4.5 4.5 0 010 6.364.75.75 0 001.06 1.06 6 6 0 000-8.485z'/%3E%3C/svg%3E")}.mute-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M11.553 3.064A.75.75 0 0112 3.75v16.5a.75.75 0 01-1.255.555L5.46 16H2.75A1.75 1.75 0 011 14.25v-4.5C1 8.784 1.784 8 2.75 8h2.71l5.285-4.805a.75.75 0 01.808-.13zM10.5 5.445l-4.245 3.86a.75.75 0 01-.505.195h-3a.25.25 0 00-.25.25v4.5c0 .138.112.25.25.25h3a.75.75 0 01.505.195l4.245 3.86V5.445z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M11.553 3.064A.75.75 0 0112 3.75v16.5a.75.75 0 01-1.255.555L5.46 16H2.75A1.75 1.75 0 011 14.25v-4.5C1 8.784 1.784 8 2.75 8h2.71l5.285-4.805a.75.75 0 01.808-.13zM10.5 5.445l-4.245 3.86a.75.75 0 01-.505.195h-3a.25.25 0 00-.25.25v4.5c0 .138.112.25.25.25h3a.75.75 0 01.505.195l4.245 3.86V5.445z'/%3E%3C/svg%3E")}.youtube-frame{border:0}.detail-layer{position:fixed;z-index:40;inset:var(--header-height) 0 0;overflow:hidden;overscroll-behavior:none;padding:var(--spacing-1) var(--page-gutter);background:var(--light)}.detail-layer:focus{outline:none}.detail-close{display:grid;width:100%;height:100%;place-items:center;cursor:zoom-out}.detail-close-control{position:fixed;z-index:70;top:calc(var(--header-height) + var(--spacing-1));right:var(--page-gutter);display:inline-flex;min-height:44px;align-items:center;padding:9px 14px;border:1px solid var(--divider);border-radius:999px;cursor:pointer;color:var(--dark);background:color-mix(in srgb,var(--light) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:14px;line-height:24px;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.detail-close-control:hover{border-color:color-mix(in srgb,var(--dark) 36%,transparent);color:var(--dark);background:color-mix(in srgb,var(--light) 72%,transparent)}.detail-close-control:focus-visible{border-color:var(--dark);outline:none;background:color-mix(in srgb,var(--light) 72%,transparent)}.detail-media{width:100%;height:calc(100dvh - var(--header-height) - (2 * var(--spacing-1)));max-height:calc(100dvh - var(--header-height) - (2 * var(--spacing-1)));display:flex;align-items:center;justify-content:center;animation:detail-crossfade .24s ease both}.detail-media .placeholder,.detail-media img{width:auto;height:100%;max-width:100%;max-height:100%;min-height:1px;object-fit:contain}.project-navigation{display:grid;grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--column-gap);margin-bottom:0;padding-bottom:0}.project-navigation a{width:fit-content;text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.14em;transition:color .18s ease,text-decoration-color .18s ease}.project-navigation a:hover{color:var(--link);text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.project-navigation a:last-child{justify-self:end;text-align:right}.about-layout{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:var(--column-gap);align-items:start;min-height:100dvh;padding:var(--header-height) var(--page-gutter) var(--spacing-2);animation:page-in .32s ease both}.about-portrait{grid-column:1;justify-self:end;width:38%;margin:9px 0 0}.about-portrait img{display:block;width:100%;height:auto;border-radius:var(--thumbnail-radius)}.about-copy{grid-column:2;width:62%;text-wrap:pretty}.about-links{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.about-copy .about-links a{color:var(--dark);text-decoration:none}.about-copy .about-links a:hover{color:var(--link)}.not-found-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--column-gap);min-height:100dvh;padding:var(--header-height) var(--page-gutter) var(--rail-height);animation:page-in .32s ease both}.not-found-copy{align-self:end;grid-column:1;text-wrap:pretty}.not-found-copy h1{margin:0 0 var(--spacing-2);font:inherit;font-weight:400}.not-found-link{transition:color .18s ease}.not-found-link:hover{color:var(--link)}.not-found-link:focus-visible{outline:1px solid var(--link);outline-offset:3px}.notebook-layout{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);column-gap:var(--column-gap);min-height:100dvh;padding:calc(var(--header-height) + var(--spacing-2)) var(--page-gutter) calc(var(--spacing-2) * 4);animation:page-in .32s ease both}.notebook-summary{position:sticky;top:calc(var(--header-height) + var(--spacing-2));align-self:start;width:calc(100% - var(--column-gap));max-height:calc(100dvh - var(--header-height) - (var(--spacing-2) * 2));overflow:auto;scrollbar-width:thin;text-wrap:pretty}.notebook-section figure,.notebook-section h2,.notebook-section h3,.notebook-section ol,.notebook-section p,.notebook-section pre,.notebook-section ul,.notebook-summary dl,.notebook-summary h1,.notebook-summary p{margin:0}.notebook-section h2,.notebook-section h3,.notebook-summary h1{font:inherit;font-weight:400}.notebook-subhead{color:var(--body-copy);font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.notebook-deck{margin-top:calc(var(--spacing-2) * 2)!important}.notebook-deck,.notebook-metadata{max-width:32ch;color:var(--body-copy)}.notebook-metadata{display:grid;gap:0;margin-top:var(--spacing-2)!important;font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.notebook-metadata-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-1)}.notebook-metadata dd,.notebook-metadata dt{margin:0}.notebook-metadata dd{color:var(--dark)}.notebook-index{max-width:34ch;margin-top:calc(var(--spacing-2) * 2);padding-top:var(--spacing-1);border-top:var(--divider-width) solid var(--divider);font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.notebook-index ol{margin:0;padding:0;list-style:none}.notebook-index a{display:grid;grid-template-columns:calc(var(--spacing-1) * 2) minmax(0,1fr);gap:var(--spacing-1);width:fit-content;min-height:calc(var(--spacing-1) * 4);align-items:center;color:var(--body-copy);transition:color .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}.notebook-index a:focus-visible,.notebook-index a:hover,.notebook-index a[aria-current=location]{color:var(--dark)}.notebook-index a:hover{transform:translateX(2px)}.notebook-index a:focus-visible{outline:1px solid var(--link);outline-offset:3px}.notebook-content{grid-column:2;min-width:0}.notebook-hero,.notebook-section{margin-bottom:calc(var(--spacing-2) * 4)}.notebook-section{scroll-margin-top:calc(var(--header-height) + var(--spacing-2))}.notebook-section:last-child{margin-bottom:0}.notebook-section-header{display:flex;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-1);color:var(--body-copy);font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.notebook-section-header>h2{display:flex;gap:var(--spacing-1)}.notebook-evidence{overflow:hidden;border-radius:var(--thumbnail-radius)}.notebook-section-content>.notebook-contract-flow,.notebook-section-content>.notebook-evidence,.notebook-section-content>.notebook-note,.notebook-section-content>.notebook-vocabulary{margin-top:var(--spacing-2)!important}.notebook-section-content>.notebook-evidence:first-child{margin-top:0!important}.notebook-evidence img{width:100%;height:auto;border-radius:var(--thumbnail-radius);transition:opacity .26s ease}.notebook-evidence img:not([src]){opacity:0}.notebook-evidence figcaption,.notebook-note,.notebook-observation{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,4fr);gap:var(--spacing-2);padding:var(--spacing-1) 0;border-bottom:var(--divider-width) solid var(--divider);color:var(--body-copy);font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.notebook-evidence figcaption a,.notebook-prose a{text-decoration-line:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-decoration-thickness:1px;text-underline-offset:.14em;transition:color .18s ease}.notebook-evidence figcaption a:focus-visible,.notebook-evidence figcaption a:hover,.notebook-prose a:focus-visible,.notebook-prose a:hover{color:var(--dark)}.notebook-observation{color:var(--dark)}.notebook-note>:first-child,.notebook-observation>:first-child,.notebook-prose{color:var(--body-copy)}.notebook-prose{max-width:62ch}.notebook-prose,.notebook-prose p+p{margin-top:var(--spacing-2)}.notebook-vocabulary{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-1) / 2) var(--spacing-1);padding:var(--spacing-1) 0 var(--spacing-2);color:var(--dark)}.notebook-contract-flow,.notebook-vocabulary{border-top:var(--divider-width) solid var(--divider);border-bottom:var(--divider-width) solid var(--divider);list-style:none}.notebook-contract-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--spacing-1) 0}.notebook-contract-flow li{position:relative;min-height:calc(var(--spacing-2) * 3);padding-right:var(--spacing-2)}.notebook-contract-flow li+li{padding-left:var(--spacing-1);border-left:var(--divider-width) solid var(--divider)}.notebook-contract-flow li:not(:last-child):after{position:absolute;top:50%;right:calc(var(--spacing-1) / 2);color:var(--body-copy);content:"→";transform:translateY(-50%)}.notebook-contract-flow span,.notebook-contract-flow strong{display:block;font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.notebook-contract-flow span{color:var(--body-copy)}.notebook-note--shared{border-top:var(--divider-width) solid var(--divider)}.notebook-prose--opening{max-width:68ch;margin-top:0;color:var(--dark)}.keypad-explorer{margin-top:var(--spacing-2);padding:var(--spacing-1) 0;border-top:var(--divider-width) solid var(--divider);border-bottom:var(--divider-width) solid var(--divider)}.keypad-explorer__header{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);align-items:end;padding-bottom:var(--spacing-1)}.keypad-explorer__contract dt,.keypad-explorer__family,.keypad-explorer__header p,.keypad-explorer__header span,.keypad-explorer__legend{color:var(--body-copy);font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.keypad-explorer__header h3{font-size:clamp(26px,3vw,42px);line-height:1}.keypad-explorer__layout{display:grid;grid-template-columns:minmax(0,58fr) minmax(260px,42fr);min-height:520px;border-top:var(--divider-width) solid var(--divider)}.keypad-explorer__hardware{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(6,minmax(58px,1fr));gap:7px;min-width:0;padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) 0}.keypad-explorer__key{min-width:0;min-height:58px;padding:8px;border:1px solid color-mix(in srgb,var(--body-copy) 55%,transparent);border-radius:6px;background:color-mix(in srgb,var(--dark) 3%,transparent);color:var(--dark);font:inherit;font-size:clamp(10px,1vw,13px);line-height:1.05;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.keypad-explorer__key:hover{border-color:var(--dark);transform:translateY(-1px)}.keypad-explorer__key:focus-visible{outline:2px solid var(--link);outline-offset:2px}.keypad-explorer__key[aria-pressed=true]{border-color:var(--dark);background:var(--dark);color:var(--light)}.keypad-explorer__key--attention{box-shadow:inset 0 3px 0 color-mix(in srgb,#6f8fa3 72%,transparent)}.keypad-explorer__key--capture{box-shadow:inset 0 3px 0 color-mix(in srgb,#8d7f9d 72%,transparent)}.keypad-explorer__key--development{box-shadow:inset 0 3px 0 color-mix(in srgb,#9b835f 72%,transparent)}.keypad-explorer__key--judgment{box-shadow:inset 0 3px 0 color-mix(in srgb,#6f927e 72%,transparent)}.keypad-explorer__key--coordination{box-shadow:inset 0 3px 0 color-mix(in srgb,#9b7670 72%,transparent)}.keypad-explorer__key--utility{box-shadow:inset 0 3px 0 color-mix(in srgb,var(--body-copy) 72%,transparent)}.keypad-explorer__key--knob{align-self:center;justify-self:center;width:min(80%,72px);min-height:auto;aspect-ratio:1;border-radius:50%;text-align:center}.keypad-explorer__key--tall{display:flex;align-items:flex-end}.keypad-explorer__key--stop{border-color:color-mix(in srgb,#b85f56 70%,var(--divider))}.keypad-explorer__key-short{display:none}.keypad-explorer__contract{padding:var(--spacing-2);border-left:var(--divider-width) solid var(--divider)}.keypad-explorer__family{display:inline-flex;align-items:center;gap:8px}.keypad-explorer__family:before{width:8px;height:8px;border-radius:50%;background:var(--body-copy);content:""}.keypad-explorer__family--attention:before{background:#6f8fa3}.keypad-explorer__family--capture:before{background:#8d7f9d}.keypad-explorer__family--development:before{background:#9b835f}.keypad-explorer__family--judgment:before{background:#6f927e}.keypad-explorer__family--coordination:before{background:#9b7670}.keypad-explorer__contract h4{margin:var(--spacing-1) 0;font:inherit;font-size:clamp(30px,3.6vw,52px);font-weight:400;line-height:.95}.keypad-explorer__intent{max-width:32ch;color:var(--dark)}.keypad-explorer__contract dl{margin:var(--spacing-2) 0 0}.keypad-explorer__contract dl>div{padding:var(--spacing-1) 0;border-top:var(--divider-width) solid var(--divider)}.keypad-explorer__contract dd{margin:2px 0 0;color:var(--dark);font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.keypad-explorer__legend{display:flex;flex-wrap:wrap;gap:8px var(--spacing-1);padding:var(--spacing-1) 0 0;list-style:none}.keypad-explorer__legend li{display:inline-flex;align-items:center;gap:6px}.keypad-explorer__legend-dot{width:7px;height:7px;border-radius:50%;background:var(--body-copy)}.keypad-explorer__legend-dot--attention{background:#6f8fa3}.keypad-explorer__legend-dot--capture{background:#8d7f9d}.keypad-explorer__legend-dot--development{background:#9b835f}.keypad-explorer__legend-dot--judgment{background:#6f927e}.keypad-explorer__legend-dot--coordination{background:#9b7670}.keypad-family-grid,.keypad-glossary,.keypad-state-grid,.keypad-switch-study{margin:var(--spacing-2) 0 0}.keypad-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--spacing-2);border-top:var(--divider-width) solid var(--divider)}.keypad-glossary>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:var(--spacing-1);padding:var(--spacing-1) 0;border-bottom:var(--divider-width) solid var(--divider)}.keypad-glossary dd,.keypad-glossary dt{margin:0}.keypad-glossary dd{color:var(--body-copy)}.keypad-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--divider-width) solid var(--divider);border-left:var(--divider-width) solid var(--divider)}.keypad-family-grid>div{min-height:150px;padding:var(--spacing-1);border-right:var(--divider-width) solid var(--divider);border-bottom:var(--divider-width) solid var(--divider)}.keypad-family-grid h3{margin:0 0 var(--spacing-2)}.keypad-family-grid p{max-width:24ch;color:var(--body-copy)}.keypad-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2)}.keypad-state-grid figcaption,.keypad-state-grid figure{margin:0}.keypad-state-grid figcaption{padding-top:var(--spacing-1);color:var(--body-copy);font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.keypad-state-card{min-height:440px;padding:var(--spacing-2);border:var(--divider-width) solid var(--divider);border-radius:var(--thumbnail-radius);background:color-mix(in srgb,var(--dark) 2%,transparent)}.keypad-state-card footer,.keypad-state-card header,.keypad-state-card__title{display:flex;justify-content:space-between;gap:var(--spacing-1)}.keypad-state-card header{padding-bottom:var(--spacing-1);border-bottom:var(--divider-width) solid var(--divider);color:var(--body-copy)}.keypad-state-card footer strong,.keypad-state-card header strong{font-weight:400;color:var(--dark)}.keypad-state-card__title{align-items:baseline;padding:calc(var(--spacing-2) * 2) 0}.keypad-state-card__title h4{margin:0;font:inherit;font-size:clamp(30px,4vw,52px);font-weight:400}.keypad-state-card>p,.keypad-state-card__title p{color:var(--body-copy)}.keypad-state-card ul{margin:var(--spacing-1) 0 0;padding:0;list-style:none}.keypad-state-card dl>div,.keypad-state-card li{padding:var(--spacing-1) 0;border-top:var(--divider-width) solid var(--divider)}.keypad-state-card dl{margin:0}.keypad-state-card dl>div{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-1)}.keypad-state-card dd,.keypad-state-card dt{margin:0}.keypad-state-card dt{color:var(--body-copy)}.keypad-state-card footer{margin-top:var(--spacing-2)}.keypad-revision,.keypad-state-card footer{padding-top:var(--spacing-1);border-top:var(--divider-width) solid var(--divider)}.keypad-revision{margin-top:calc(var(--spacing-2) * 2)}.keypad-revision__header{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,4fr);gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.keypad-revision>p,.keypad-revision__header span,.keypad-revision__panel>span{color:var(--body-copy);font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.keypad-revision__comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2)}.keypad-revision__panel{min-height:310px;padding:var(--spacing-2);border:var(--divider-width) solid var(--divider);border-radius:var(--thumbnail-radius)}.keypad-revision__panel--earlier{color:var(--body-copy)}.keypad-revision__panel--revised{border-color:color-mix(in srgb,var(--dark) 60%,var(--divider))}.keypad-revision__panel h4{margin:calc(var(--spacing-2) * 2) 0 var(--spacing-1);font:inherit;font-size:clamp(28px,3.6vw,48px);font-weight:400}.keypad-interface-rows{margin:0}.keypad-interface-rows>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:var(--spacing-1);padding:8px 0;border-top:var(--divider-width) solid var(--divider)}.keypad-interface-rows dd,.keypad-interface-rows dt{margin:0;font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.keypad-interface-rows dt{color:var(--body-copy)}.keypad-revision>p{max-width:62ch;margin-top:var(--spacing-1)}.keypad-switch-study{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--divider-width) solid var(--divider);border-left:var(--divider-width) solid var(--divider)}.keypad-switch-study>div{min-height:180px;padding:var(--spacing-1);border-right:var(--divider-width) solid var(--divider);border-bottom:var(--divider-width) solid var(--divider)}.keypad-switch-study dt{margin-bottom:calc(var(--spacing-2) * 2);font-size:clamp(28px,3.5vw,48px)}.keypad-switch-study dd{margin:0;color:var(--body-copy)}.notebook-key-matrix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-1) 0 var(--spacing-2);border-top:var(--divider-width) solid var(--divider);border-bottom:var(--divider-width) solid var(--divider)}.notebook-key-column+.notebook-key-column{padding-left:var(--spacing-1);border-left:var(--divider-width) solid var(--divider)}.notebook-key-column h3{margin-bottom:var(--spacing-1)}.notebook-key-column ul{padding:0;color:var(--body-copy);font-size:var(--subhead-size);line-height:var(--subhead-line-height);list-style:none}.notebook-note{border-bottom:0}.notebook-table-wrap{margin-top:var(--spacing-2);overflow-x:auto;border-top:var(--divider-width) solid var(--divider);scrollbar-width:thin}.notebook-table-wrap:focus-visible{outline:1px solid var(--link);outline-offset:3px}.notebook-table{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--body-copy);font-size:var(--subhead-size);line-height:var(--subhead-line-height);text-align:left}.notebook-table td,.notebook-table th{padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) 0;border-bottom:var(--divider-width) solid var(--divider);vertical-align:top;font-weight:400}.notebook-table th:first-child{width:18%;color:var(--dark)}.notebook-table th:nth-child(2){width:37%}.notebook-table thead th{color:var(--dark)}.notebook-table tbody tr{transition:color .18s ease}.notebook-table tbody tr:hover{color:var(--dark)}.notebook-code-example{margin-top:var(--spacing-2);padding:var(--spacing-1) 0;border-top:var(--divider-width) solid var(--divider);border-bottom:var(--divider-width) solid var(--divider);color:var(--body-copy);font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.notebook-code-example>p{margin-bottom:var(--spacing-1);color:var(--dark)}.notebook-code-example pre{overflow-x:auto;white-space:pre-wrap}.notebook-code-example code,.notebook-prose code{font-family:var(--font-untitled-sans),"Helvetica Neue",Arial,sans-serif;font-size:var(--subhead-size);line-height:var(--subhead-line-height)}.notebook-prose code{color:var(--dark)}.notebook-test-list{margin-top:var(--spacing-2)!important;padding:0;border-top:var(--divider-width) solid var(--divider);list-style:none}.notebook-test-list li{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,4fr);gap:var(--spacing-2);padding:var(--spacing-1) 0;border-bottom:var(--divider-width) solid var(--divider);color:var(--body-copy)}.notebook-test-list li>:first-child{color:var(--dark)}.notebook-closing{max-width:62ch;margin-top:calc(var(--spacing-2) * 2)!important;color:var(--dark)}@media (prefers-reduced-motion:reduce){.notebook-evidence img,.notebook-index a,.notebook-table tbody tr{transition:none}}@keyframes detail-crossfade{0%{opacity:0}to{opacity:1}}::view-transition-new(root),::view-transition-old(root){animation:none}@keyframes page-out{to{opacity:0;transform:translateY(-6px)}}@keyframes page-in{0%{opacity:0}}@keyframes project-page-in{0%{opacity:0}}@keyframes homepage-lead-opacity-in{0%{opacity:0}to{opacity:1}}@keyframes homepage-lead-movement-in{0%{transform:translateY(var(--homepage-lead-reveal-distance))}to{transform:translateY(0)}}@keyframes homepage-intro-entry-reveal{0%{opacity:0;transform:translateY(var(--reveal-distance))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.home-intro h1,.home-intro p{animation:homepage-intro-entry-reveal var(--reveal-opacity-duration) ease-out both}.home-intro p{animation-delay:var(--reveal-stagger)}.home-project--johnson-johnson{backface-visibility:hidden;will-change:opacity,transform;animation:homepage-lead-opacity-in var(--homepage-lead-reveal-opacity-duration) var(--homepage-lead-reveal-easing) var(--homepage-lead-reveal-delay) both,homepage-lead-movement-in var(--homepage-lead-reveal-movement-duration) var(--homepage-lead-reveal-easing) var(--homepage-lead-reveal-delay) both}.reveal-ready [data-reveal]{opacity:0;transform:translateY(var(--reveal-distance));transition:opacity var(--reveal-opacity-duration) cubic-bezier(.22,1,.36,1),transform var(--reveal-movement-duration) cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s)}.reveal-ready [data-reveal][data-scroll-opacity]{transition:opacity 80ms linear,transform var(--reveal-movement-duration) cubic-bezier(.22,1,.36,1);transition-delay:0s,var(--reveal-delay,0s)}.reveal-ready .project-layout .media-item[data-reveal]{transform:none}.reveal-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.reveal-ready [data-reveal][data-scroll-opacity].is-visible{opacity:var(--project-content-opacity,var(--project-content-opacity-start))}}@media (prefers-reduced-motion:reduce){.project-layout [data-scroll-opacity]{opacity:1;transition:none}}@media (min-width:768px){body.page-leaving .site-action{opacity:0}}@media (min-width:768px) and (max-width:1023px){.notebook-layout{display:block}.notebook-summary{position:static;width:100%;max-height:none;margin-bottom:calc(var(--spacing-2) * 3);overflow:visible}.notebook-summary-copy{max-width:62ch}.notebook-index{max-width:none}.notebook-index ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--spacing-2)}.project-layout{display:flex;flex-direction:column}.project-media-column,.project-summary,.project-summary-column{display:contents}.project-summary-lead{order:1;margin-bottom:var(--spacing-2);text-wrap:pretty}.project-media-column>.project-lead-media{order:4;margin-top:0}.project-evidence{order:2}.project-summary-body{order:3;margin-bottom:var(--spacing-3);text-wrap:pretty}.project-gallery{order:5}.image-row-track{display:grid;gap:var(--spacing-2)}.image-row-cell{width:100%;aspect-ratio:auto}.image-row-cell img,.image-row-cell video{display:block;width:100%;height:auto;object-fit:contain}.media-caption,.media-caption--above{width:100%;max-width:none}.project-navigation{order:6}}@media (max-width:767px){.site-header{position:relative;grid-template-columns:minmax(0,1fr) auto;height:var(--header-height)}.site-action{text-align:right}.site-action .site-link{margin-left:auto}.home-grid{grid-template-columns:1fr;padding-top:0}.home-intro{display:block;position:static;min-height:0;margin-bottom:var(--spacing-1)}.home-intro-copy{width:100%}.home-project-list{display:grid;grid-column:1;gap:var(--spacing-2);padding-top:var(--homepage-mobile-project-start-offset)}.home-project--johnson-johnson .home-project-media{animation:homepage-lead-opacity-in var(--homepage-lead-reveal-opacity-duration) var(--homepage-lead-reveal-easing) var(--homepage-lead-reveal-delay) both}.additional-work{grid-column:1;margin-top:var(--spacing-2)}.home-project-list--additional{gap:var(--spacing-2)}.home-project--caterpillar .home-project-media img,.home-project--caterpillar:focus-visible .home-project-media img,.home-project--caterpillar:hover .home-project-media img{transform:translateX(-6%) scale(1.14)}.home-project img,.home-project-media img,.home-project.color-media img{filter:none}.independent-systems{grid-template-columns:1fr;gap:var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:calc(var(--spacing-3) + var(--spacing-2))}.independent-system-list,.independent-systems-header{grid-column:1}.independent-systems-header-copy{width:100%}.independent-system{grid-template-columns:1fr;gap:var(--spacing-1)}.independent-systems-header{display:block}.home-footer{grid-template-columns:1fr;row-gap:var(--spacing-1);align-items:start}.home-footer-actions,.home-footer>span{line-height:calc(var(--spacing-1) * 2)}.home-footer-actions{display:grid;grid-template-columns:calc(var(--spacing-1) * 12) auto;gap:0;justify-content:start}.project-layout{display:flex;flex-direction:column;padding-top:0}.project-media-column,.project-summary,.project-summary-column{display:contents}.project-summary-lead{order:1;margin-bottom:var(--spacing-2);text-wrap:pretty}.project-media-column>.project-lead-media{order:4;margin-top:0}.project-summary-body{order:3;margin-bottom:var(--spacing-3);text-wrap:pretty}.project-evidence{order:2}.project-gallery{order:5}.image-row-track{display:grid;gap:var(--spacing-2)}.image-row-cell{width:100%;aspect-ratio:auto}.image-row-cell img,.image-row-cell video{display:block;width:100%;height:auto;object-fit:contain}.media-caption,.media-caption--above{width:100%;max-width:none}.project-navigation{order:6}.about-copy ul,.project-summary ul{padding-left:0}.about-copy li:before,.project-summary li:before{width:.65em;margin-left:0}.about-copy blockquote,.project-summary blockquote{hanging-punctuation:none}.hanging-quote{margin-left:0}.gallery-image-button{cursor:default;pointer-events:none}.gallery-image-button:hover{opacity:1}.about-layout{display:block;padding-top:0}.about-portrait{width:38%;margin-bottom:var(--spacing-2);margin-left:auto}.about-copy{width:100%}.not-found-layout{display:block;min-height:calc(100dvh - var(--header-height));padding-top:0}.notebook-layout{display:block;min-height:calc(100svh - var(--header-height));padding-top:var(--spacing-2)}.notebook-summary{position:static;width:100%;max-height:none;margin-bottom:calc(var(--spacing-2) * 3);overflow:visible}.notebook-deck,.notebook-index,.notebook-metadata{max-width:none}.notebook-index ol{display:grid;grid-template-columns:1fr}.notebook-content{width:100%}.notebook-section{scroll-margin-top:var(--spacing-2);margin-bottom:calc(var(--spacing-2) * 3)}.notebook-evidence figcaption,.notebook-note,.notebook-observation,.notebook-test-list li{grid-template-columns:1fr;gap:0}.notebook-contract-flow{grid-template-columns:1fr}.notebook-contract-flow li{min-height:0;padding:var(--spacing-1) 0}.notebook-contract-flow li+li{padding-left:0;border-top:var(--divider-width) solid var(--divider);border-left:0}.notebook-contract-flow li:not(:last-child):after{display:none}.keypad-explorer__header{grid-template-columns:1fr;gap:var(--spacing-1)}.keypad-explorer__layout{grid-template-columns:1fr;min-height:0}.keypad-explorer__contract{grid-row:1;padding:var(--spacing-2) 0;border-bottom:var(--divider-width) solid var(--divider);border-left:0}.keypad-explorer__contract h4{font-size:38px}.keypad-explorer__hardware{grid-row:2;grid-template-rows:repeat(6,minmax(50px,1fr));gap:4px;padding:var(--spacing-1) 0}.keypad-explorer__key{min-height:50px;padding:5px;font-size:9px}.keypad-explorer__key-full{display:none}.keypad-explorer__key-short{display:inline}.keypad-explorer__legend{gap:6px var(--spacing-1)}.keypad-family-grid,.keypad-glossary,.keypad-revision__comparison,.keypad-state-grid,.keypad-switch-study{grid-template-columns:1fr}.keypad-glossary{column-gap:0}.keypad-family-grid,.keypad-switch-study{border-left:0}.keypad-family-grid>div,.keypad-switch-study>div{min-height:0;padding:var(--spacing-1) 0;border-right:0}.keypad-family-grid h3,.keypad-switch-study dt{margin-bottom:var(--spacing-1)}.keypad-state-card{min-height:0}.keypad-state-grid figure+figure{margin-top:var(--spacing-2)}.keypad-revision__header{grid-template-columns:1fr;gap:0}.keypad-revision__panel{min-height:0}.keypad-revision__panel+.keypad-revision__panel{margin-top:var(--spacing-1)}.keypad-revision__panel h4{font-size:34px}.notebook-key-matrix{grid-template-columns:1fr;gap:0}.notebook-key-column{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:var(--spacing-2);padding:var(--spacing-1) 0}.notebook-key-column+.notebook-key-column{padding-left:0;border-top:var(--divider-width) solid var(--divider);border-left:0}.notebook-key-column h3{margin-bottom:0}.notebook-table-wrap{overflow:visible}.notebook-table,.notebook-table tbody,.notebook-table td,.notebook-table th,.notebook-table tr{display:block;width:100%}.notebook-table thead{display:none}.notebook-table tbody tr{display:grid;gap:var(--spacing-1);padding:var(--spacing-1) 0;border-bottom:var(--divider-width) solid var(--divider)}.notebook-table td,.notebook-table th{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:var(--spacing-2);padding:0;border-bottom:0}.notebook-table th:first-child,.notebook-table th:nth-child(2){width:100%}.notebook-table td:before,.notebook-table th:before{color:var(--body-copy);content:attr(data-label)}.detail-layer{display:none}.project-navigation{margin-top:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:untitledSans;src:url(/_next/static/media/6b12c79320dcf8fa-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:untitledSans;src:url(/_next/static/media/3a76aea0aebbdd1e-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:untitledSans Fallback;src:local("Arial");ascent-override:95.30%;descent-override:23.49%;line-gap-override:0.00%;size-adjust:105.15%}.__className_0fc601{font-family:untitledSans,untitledSans Fallback,Helvetica Neue,Arial}.__variable_0fc601{--font-untitled-sans:"untitledSans","untitledSans Fallback",Helvetica Neue,Arial}