.uil-root{--uil-control:#818187;background:var(--canvas);color:var(--ink);font-optical-sizing:auto;min-height:100vh}.uil-root *{box-sizing:border-box}.uil-root p{text-wrap:pretty}.uil-root a{text-underline-offset:.25em}.uil-root :is(button,select,summary,a){touch-action:manipulation}.uil-root :is(a,button,select,input,summary,[tabindex]):focus-visible{outline:3px solid var(--blue);outline-offset:4px;scroll-margin:5rem 1rem}.uil-root :is(button,.uil-enter,.uil-thumbnail-window){transition:background-color .12s ease-out,color .12s ease-out,transform .12s ease-out,box-shadow .18s ease-out}.uil-root :is(button,.uil-enter):active{transform:scale(.97)}.uil-root button:disabled{opacity:.55;transform:none}.uil-root .primary-link{color:var(--paper)}.uil-root .primary-link:hover{background:var(--blue-pressed)}.uil-shell{width:min(100% - 3rem, var(--max-width));min-width:0;margin-inline:auto}.uil-root .site-header{-webkit-backdrop-filter:blur(1.25rem)saturate(180%);backdrop-filter:blur(1.25rem)saturate(180%);background:#f5f5f7e0}.uil-root .site-header a{align-items:center;min-height:44px;display:inline-flex}.uil-root .site-header nav a,.uil-root .site-header__context{color:var(--ink);font-size:.875rem}.uil-root .site-header__identity--project{color:var(--ink);font-size:.75rem}.uil-root .site-header:focus-within:after{opacity:1}.uil-skip{background:var(--paper);z-index:100;color:var(--blue-pressed);border-radius:.75rem;padding:.75rem 1rem;position:fixed;top:.5rem;left:1rem;transform:translateY(-200%)}.uil-skip:focus{transform:none}.uil-kicker{color:var(--secondary);margin:0 0 .4rem;font-size:.875rem;font-weight:600;line-height:1.5}.uil-small{color:var(--secondary);font-size:.875rem;line-height:1.6}.uil-mobile-break{display:none}.uil-hero{text-align:center;padding:2rem 0 1rem}.uil-hero .uil-kicker{color:var(--ink);margin-bottom:.75rem;font-size:1.0625rem}.uil-hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(3.5rem,4.5vw,4rem);font-weight:650;line-height:1.12}.uil-intro{color:var(--secondary);margin:1rem 0 .75rem;font-size:1.0625rem;line-height:1.65}.uil-stats{color:var(--secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.65rem;margin:0;font-size:.875rem;display:flex}.uil-stats small{margin-left:.25rem;font-size:.875rem}.uil-projects{gap:2rem;display:grid}.uil-experiment{background:var(--paper);border-radius:var(--radius-large);min-width:0;padding:2rem}.uil-experiment-heading-row{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.uil-experiment h2{letter-spacing:-.025em;margin:0;font-size:2rem;font-weight:650;line-height:1.2}.uil-experiment h2 a{color:var(--ink);text-decoration:none}.uil-experiment h2 a:hover{color:var(--blue-pressed)}.uil-experiment-subtitle{color:var(--secondary);margin:.6rem 0 0;font-size:1rem;line-height:1.65}.uil-enter{white-space:nowrap;flex-shrink:0;min-height:44px}.uil-contact{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.uil-contact--pair{grid-template-columns:repeat(6,minmax(0,1fr))}.uil-contact--pair figure{grid-column:span 2}.uil-contact--pair figure:first-child{grid-column:2/span 2}.uil-contact figure{min-width:0;margin:0}.uil-thumbnail-window{background:var(--canvas);border-radius:var(--radius-medium);display:block;overflow:hidden;box-shadow:0 .25rem 1rem #1d1d1f1a}.uil-thumbnail-window:hover{transform:translateY(-2px);box-shadow:0 .5rem 1.5rem #1d1d1f29}.uil-thumbnail-window:active{transform:scale(.985)}.uil-thumbnail-window img{aspect-ratio:1.44;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.uil-contact figcaption{color:var(--ink);text-align:center;margin-top:.875rem;font-size:.875rem;font-weight:500;line-height:1.5}.uil-experiment-meta{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.uil-experiment-meta p{color:var(--secondary);margin:0;font-size:.875rem;line-height:1.6}.uil-badge{background:var(--canvas);color:var(--secondary);white-space:nowrap;border-radius:99rem;align-items:center;padding:.35rem .7rem;font-size:.875rem;line-height:1.4;display:inline-flex}.uil-method-section{max-width:48rem;margin:4rem auto}.uil-method-section h2,.uil-section h2{letter-spacing:-.025em;margin:0 0 .75rem;font-size:2rem;font-weight:650;line-height:1.25}.uil-method-section>p{color:var(--secondary);line-height:1.7}.uil-method-levels p{border-bottom:1px solid var(--line);grid-template-columns:11rem 1fr;gap:1rem;margin:0;padding:1rem 0;display:grid}.uil-method-levels span{color:var(--secondary)}.uil-information{margin:.5rem 0;font-size:1rem;line-height:1.7}.uil-information summary{cursor:pointer;min-height:44px;color:var(--blue-pressed);padding:.6rem 0;font-size:.875rem;font-weight:500}.uil-information summary:hover{text-underline-offset:.2em;text-decoration:underline}.uil-information h2{font-size:1.125rem}.uil-information[open]{padding-bottom:1rem}.uil-footer{border-top:1px solid var(--line);color:var(--secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;font-size:.875rem;display:flex}.uil-footer a{min-height:44px;color:var(--blue-pressed);align-items:center;display:inline-flex}.uil-breadcrumb{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:.75rem;margin:.25rem 0;font-size:.875rem;display:flex}.uil-breadcrumb a{min-height:44px;color:var(--blue-pressed);align-items:center;text-decoration:none;display:inline-flex}.uil-breadcrumb a:hover{text-decoration:underline}.uil-experiment-heading{margin-bottom:.25rem}.uil-title-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.uil-experiment-heading h1{letter-spacing:-.025em;margin:0;font-size:2.25rem;font-weight:650;line-height:1.2}.uil-experiment-heading>p{color:var(--secondary);margin:.5rem 0 0;font-size:1rem;line-height:1.6}.uil-experiment-heading .uil-information{margin:0}.uil-comparison-tools,.uil-viewer-tools{flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.25rem 0 .5rem;display:flex}.uil-comparison-tools>.uil-small{margin-left:auto}.uil-segment{isolation:isolate;border:1px solid var(--uil-control);background:#e8e8ed;border-radius:.875rem;flex-shrink:0;width:max-content;max-width:100%;padding:3px;display:inline-flex;position:relative}.uil-segment button{z-index:1;white-space:nowrap;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:.65rem;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;position:relative}.uil-segment button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #0000001f}.uil-segment[data-enhanced] button[aria-pressed=true]{box-shadow:none;background:0 0}.uil-segment button:hover:not([aria-pressed=true]){background:#fff6}.uil-segment button:active{background:#0000000f}.uil-segment-indicator{background:var(--paper);pointer-events:none;border-radius:.65rem;position:absolute;top:3px;left:0;box-shadow:0 1px 4px #0000001f}.uil-sync{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;font-size:.875rem;display:inline-flex}.uil-sync input{accent-color:var(--blue-pressed);width:20px;height:20px;margin:0}.uil-selectors{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.uil-selectors label{color:var(--secondary);flex-direction:column;gap:.35rem;min-width:0;font-size:.875rem;display:flex}.uil-selectors select{border:1px solid var(--uil-control);background:var(--paper);width:100%;min-height:44px;color:var(--ink);border-radius:.75rem;padding:.5rem .75rem;font-size:1rem}.uil-live{min-height:1.5em;color:var(--secondary);margin:0;font-size:.875rem}.uil-mobile-switch{display:none}.uil-canvases{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;display:grid}.uil-canvas{min-width:0}.uil-window-bar{background:var(--paper);border-radius:var(--radius-medium) var(--radius-medium) 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;min-height:52px;padding:.25rem 1rem;font-size:.875rem;display:flex}.uil-window-bar strong{margin-left:.6rem;font-weight:600}.uil-window-bar a{color:var(--blue-pressed);align-items:center;gap:.5rem;min-height:44px;text-decoration:none;display:inline-flex}.uil-window-bar a:hover{text-decoration:underline}.uil-preview-scroll{overscroll-behavior:contain;background:var(--canvas);border:1px solid var(--line);border-radius:0 0 var(--radius-medium) var(--radius-medium);scrollbar-gutter:stable;overflow-anchor:none;height:640px;max-height:70svh;overflow:auto;box-shadow:0 .5rem 1.5rem #1d1d1f0d}.uil-preview-scroll img{width:100%;height:auto;animation:.16s ease-out uil-reveal;display:block}.uil-preview-scroll--mobile img{width:min(375px,100%);margin-inline:auto}.uil-preview-caption{color:var(--secondary);padding:.75rem .25rem;font-size:.875rem;line-height:1.65}.uil-preview-caption p{margin:.25rem 0}.uil-preview-caption>span{font-variant-numeric:tabular-nums}.uil-image-fallback{text-align:center;background:var(--canvas);place-content:center;min-height:10rem;padding:2rem 1rem;font-size:1rem;display:grid}.uil-image-fallback span{margin-top:1rem;font-size:.875rem;display:block}.uil-section{border-radius:var(--radius-large);background:var(--paper);margin:2.5rem 0;padding:2rem}.uil-section-heading .uil-kicker{display:none}.uil-section-heading>p{color:var(--secondary);font-size:1rem}.uil-observations{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.uil-observations h3{border-bottom:1px solid var(--line);padding-bottom:.75rem;font-size:1.0625rem;font-weight:600}.uil-observations dl>div{grid-template-columns:7rem 1fr;gap:1rem;padding:.65rem 0;font-size:.875rem;line-height:1.65;display:grid}.uil-observations dt{color:var(--secondary)}.uil-observations dd{margin:0}.uil-table-wrap{max-width:100%;overflow:auto}.uil-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:580px;font-size:.875rem}.uil-table caption{text-align:left;color:var(--secondary);margin:0 0 1rem}.uil-table th,.uil-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:1rem;line-height:1.7}.uil-table th{font-weight:600}.uil-table th:first-child{width:24%;padding-left:0}.uil-table tbody th{color:var(--secondary)}.uil-table tbody tr:nth-child(2n){background:var(--canvas)}.uil-viewer-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.uil-viewer-heading h1{letter-spacing:-.025em;margin:0;font-size:2rem;font-weight:650;line-height:1.2}.uil-viewer-heading .uil-kicker{margin-bottom:.35rem}.uil-viewer-disclosure{color:var(--secondary);margin:.5rem 0;font-size:.875rem;line-height:1.6}.uil-button{border:1px solid var(--uil-control);background:var(--paper);min-height:44px;color:var(--ink);border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.uil-button:hover{background:#e8e8ed}.uil-button:active{background:#dcdce2}.uil-viewer-tools{gap:.5rem;padding:.25rem 0 .5rem}.uil-viewer-status{color:var(--secondary);margin-left:auto;font-size:.875rem}.uil-viewer-information:not([open]){display:none}.uil-viewer-information[open]{background:var(--paper);border-radius:var(--radius-medium);padding:1rem;animation:.16s ease-out uil-reveal}.uil-keyboard-help{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.uil-keyboard-help:focus-within{clip-path:none;flex-wrap:wrap;align-items:center;gap:1rem;width:auto;height:auto;margin:.5rem 0;font-size:.875rem;display:flex;position:relative;overflow:visible}.uil-keyboard-help button,.uil-keyboard-help a{background:var(--paper);min-height:44px;color:var(--blue-pressed);border:0;border-radius:.5rem;align-items:center;padding:.5rem;display:inline-flex}.uil-viewport-note{color:var(--secondary);margin:.25rem 0 .5rem;font-size:.875rem}.uil-viewer-canvas{border-radius:var(--radius-medium);background:#e8e8ed;width:100%;min-width:0;overflow:hidden;box-shadow:0 .5rem 2rem #1d1d1f14}.uil-frame-position{margin-inline:auto;position:relative}.uil-frame-position iframe{transform-origin:0 0;background:var(--paper);border:0;position:absolute;top:0;left:0}.uil-viewer-exit{flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 0 2rem;font-size:.875rem;display:flex}.uil-viewer-exit a{min-height:44px;color:var(--blue-pressed);align-items:center;display:inline-flex}.uil-recovery{background:#fff8ec;border:1px solid #846347;border-radius:.75rem;margin:.5rem 0 1rem;padding:1rem;font-size:1rem}.uil-recovery .uil-button{margin-right:1rem}.uil-loading{padding:3rem 0}@keyframes uil-reveal{0%{opacity:.65}to{opacity:1}}@media (max-width:1023px){.uil-canvases{display:block}.uil-canvas:not(.is-active){display:none}.uil-canvas.is-active .uil-preview-scroll{animation:.16s ease-out uil-reveal}.uil-mobile-switch{margin:0 0 .75rem;display:inline-flex}.uil-comparison-tools>.uil-small{flex-basis:100%;margin:0}.uil-hero h1{font-size:3.5rem}}@media (max-width:700px){.uil-shell,.uil-root .page-shell{width:calc(100% - 2rem)}.uil-root .site-header__inner{grid-template-columns:1fr auto;gap:.5rem;min-height:56px}.uil-root .site-header__context{display:none}.uil-root .site-header nav{gap:0}.uil-mobile-break{display:block}.uil-hero{padding:1rem 0}.uil-hero .uil-kicker{margin-bottom:.6rem;font-size:1rem}.uil-hero h1{font-size:clamp(2.25rem,10vw,2.5rem);line-height:1.15}.uil-intro{max-width:20rem;margin:.875rem auto .75rem;font-size:1rem}.uil-stats{gap:.4rem}.uil-stats small{flex-basis:100%;margin:0}.uil-projects{gap:1.5rem}.uil-experiment{border-radius:var(--radius-medium);padding:1.25rem}.uil-experiment-heading-row{margin-bottom:1rem;display:block}.uil-experiment h2{font-size:1.65rem}.uil-experiment-subtitle{margin-top:.5rem}.uil-enter{margin-top:.5rem;padding:.6rem 1rem;font-size:.875rem}.uil-contact,.uil-contact--pair{grid-template-columns:1fr;gap:1.5rem}.uil-contact--pair figure,.uil-contact--pair figure:first-child{grid-column:auto}.uil-contact figcaption{margin-top:.65rem}.uil-experiment-meta{flex-wrap:wrap;margin-top:1.25rem}.uil-method-section{margin-block:2.5rem}.uil-method-section h2,.uil-section h2{font-size:1.65rem}.uil-method-levels p{grid-template-columns:1fr;gap:.4rem}.uil-breadcrumb{margin:.25rem 0}.uil-experiment-heading h1{font-size:1.875rem}.uil-title-row{gap:.5rem}.uil-selectors{grid-template-columns:1fr;gap:.75rem}.uil-comparison-tools{gap:.5rem 1rem}.uil-preview-scroll{max-height:65svh}.uil-section{border-radius:var(--radius-medium);padding:1.25rem}.uil-observations{grid-template-columns:1fr;gap:.75rem}.uil-observations dl>div{grid-template-columns:6rem 1fr;gap:.5rem}.uil-viewer-heading{align-items:start}.uil-viewer-heading h1{font-size:1.5rem}.uil-viewer-heading .uil-kicker{max-width:15rem;font-size:.875rem}.uil-viewer-tools{gap:.4rem}.uil-viewer-tools .uil-segment button,.uil-viewer-tools .uil-button{padding-inline:.65rem}.uil-viewer-status{width:100%;margin:.2rem 0 0}}@media (prefers-reduced-motion:reduce){.uil-root *,.uil-root :before,.uil-root :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.uil-root :is(button,.uil-enter,.uil-thumbnail-window):is(:active,:hover){transform:none}}@media (prefers-reduced-transparency:reduce){.uil-root .site-header{background:var(--canvas);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.uil-root{--secondary:#424245;--line:#818187;--uil-control:#424245}.uil-root .site-header{background:var(--canvas);-webkit-backdrop-filter:none;backdrop-filter:none}.uil-segment-indicator,.uil-badge{outline:1px solid var(--uil-control)}}
