@font-face{font-display:swap;font-family:Zen Dots;font-style:normal;font-weight:400;src:url(../assets/fonts/zen-dots-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:Zen Dots;font-style:normal;font-weight:400;src:url(../assets/fonts/zen-dots-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Redaction 50 Italic";src:url(../assets/fonts/CuxFCtaobSDOeykICwpcdj8Q3Y.woff2);font-display:swap;font-style:italic;font-weight:400}@font-face{font-family:Inter;src:url(../assets/fonts/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2);font-display:swap;font-style:normal;font-weight:400;unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;src:url(../assets/fonts/EOr0mi4hNtlgWNn9if640EZzXCo.woff2);font-display:swap;font-style:normal;font-weight:400;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;src:url(../assets/fonts/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2);font-display:swap;font-style:normal;font-weight:400;unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;src:url(../assets/fonts/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2);font-display:swap;font-style:normal;font-weight:400;unicode-range:U+0370-03FF}@font-face{font-family:Inter;src:url(../assets/fonts/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2);font-display:swap;font-style:normal;font-weight:400;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;src:url(../assets/fonts/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2);font-display:swap;font-style:normal;font-weight:400;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2070,U+2074-207E,U+2080-208E,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(../assets/fonts/b6Y37FthZeALduNqHicBT6FutY.woff2);font-display:swap;font-style:normal;font-weight:400;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Satoshi;src:url(../assets/fonts/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2);font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Satoshi;src:url(../assets/fonts/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2);font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Satoshi;src:url(../assets/fonts/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.woff2);font-display:swap;font-style:normal;font-weight:400}:root{--blue:rgb(0,24,234);--g1:#595959;--g2:#7d7d7d;--g3:#a1a1a1;--frame:1200px;--type-body:14px;--line-body:16.8px;--type-meta:12px;--line-meta:14.4px;--type-section:18px;--line-section:21.6px;--type-title:20px;--line-title:24px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#fff;color:#000;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Satoshi,Satoshi Placeholder,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}.nav a{color:var(--blue)}@media(min-width:0px)and (hover:hover)and (pointer:fine){:where(html[data-device-layout=desktop]) a:hover{text-decoration:underline}}.frame{position:relative;width:var(--frame);left:50%;margin-left:calc(var(--frame) / -2)}.frame[hidden]{display:none}.t{position:absolute;margin:0;word-wrap:break-word}.m{position:absolute;display:block;background:transparent}.w{position:absolute}.w svg{display:block}.nav{position:fixed;top:0;left:0;right:0;height:44px;background:#fff;z-index:10}.navin{position:relative;width:var(--frame);height:44px;left:50%;margin-left:calc(var(--frame) / -2)}.nav a.on{text-decoration:underline}.fixedbar{position:fixed;top:0;left:50%;margin-left:calc(var(--frame) / -2);width:var(--frame);height:0;z-index:9}.mgallery{display:none}.mobile{display:none;padding-top:201px;text-align:center;font-family:"Redaction 50 Italic",Arial,serif;font-style:italic;font-size:23px;line-height:27.6px;color:var(--blue)}@media(max-width:499.98px){:where(html[data-device-layout=touch]) .frame,:where(html[data-device-layout=touch]) .nav{display:none!important}:where(html[data-device-layout=touch]) .mobile{display:block}:where(html[data-device-layout=touch]) body[data-route="/gallery"] .mobile{display:none}:where(html[data-device-layout=touch]) body[data-route="/gallery"] .mgallery{display:block;position:relative;height:10602px}:where(html[data-device-layout=touch]) .mgallery iframe{position:absolute;left:10px;top:218px;width:calc(100% - 9px);height:10508px;border:0}}@media(min-width:500px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) #hom6{left:215px!important}:where(html[data-device-layout=touch]) #hom32{left:216.3px!important}:where(html[data-device-layout=touch]) #hom33{left:1323.34px!important}:where(html[data-device-layout=touch]) #tim7{left:604.39px!important}:where(html[data-device-layout=touch]) #tim25{left:215px!important}:where(html[data-device-layout=touch]) #tim26{left:215px!important}:where(html[data-device-layout=touch]) #tim27{left:267.88px!important}:where(html[data-device-layout=touch]) #tim28{left:215px!important}:where(html[data-device-layout=touch]) #tim29{left:215px!important}:where(html[data-device-layout=touch]) #tim30{left:215px!important}:where(html[data-device-layout=touch]) #tim31{left:215px!important}:where(html[data-device-layout=touch]) #tim32{left:215px!important}:where(html[data-device-layout=touch]) #dri6{display:none!important}:where(html[data-device-layout=touch]) .frame[data-route="/projects/drion"]{height:7539px!important}:where(html[data-device-layout=touch]) #chi0{top:1469px!important}:where(html[data-device-layout=touch]) #chi1{top:1469px!important}:where(html[data-device-layout=touch]) #chi2{top:1469px!important}:where(html[data-device-layout=touch]) #chi3{top:2057px!important}:where(html[data-device-layout=touch]) #chi4{top:2057px!important}:where(html[data-device-layout=touch]) #chi5{top:2057px!important}}.frame[data-route="/"] a>.w{transition:box-shadow .35s cubic-bezier(.22,1,.36,1)}.frame[data-route="/"] a>.w .m{transform-origin:50% 50%;transition:transform .35s cubic-bezier(.22,1,.36,1)}@media(min-width:0px)and (hover:hover)and (pointer:fine){:where(html[data-device-layout=desktop]) .frame[data-route="/"] a:hover>.w .m{transform:scale(1.095)}:where(html[data-device-layout=desktop]) .frame[data-route="/"] a:hover>.w{box-shadow:#2c32470f 0 .706592px 1.27187px -.166667px,#2c324712 0 1.80656px 3.25181px -.333333px,#2c324714 0 3.62176px 6.51917px -.5px,#2c324717 0 6.8656px 12.3581px -.666667px,#2c324721 0 13.6468px 24.5642px -.833333px,#2c324738 0 30px 54px -1px}:where(html[data-device-layout=desktop]) .frame[data-route="/"] p.t>a[href^="/projects/"]:hover{color:#6e6e6e!important;text-decoration:none}:where(html[data-device-layout=desktop]) .frame p.t>a.pn:hover{color:#595959!important;text-decoration:none}:where(html[data-device-layout=desktop]) .tip[data-open=true]+.bub{opacity:1;pointer-events:auto}}.frame p.t>a.pn{transition:color .2s ease}.frame[data-route="/"] p.t>a[href^="/projects/"]{transition:color .2s ease}.drion-loader-wrap{--square-size:15px;--gap:50px;--speed:.31s;--break:.5s;--dim:.12;--c1:#c8c8c8;--c2:#d8d8d8;--c3:#919191;overflow:hidden}.drion-loader-wrap .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:var(--gap)}.drion-loader-wrap .square{width:var(--square-size);height:var(--square-size);opacity:var(--dim);will-change:opacity;animation:drion-blink calc(var(--speed) * 3 + var(--break)) cubic-bezier(.42,0,.58,1) infinite}@keyframes drion-blink{0%{opacity:var(--dim)}9%{opacity:1}18%{opacity:var(--dim)}to{opacity:var(--dim)}}.drion-loader-wrap .square:nth-child(1){background:var(--c1);animation-delay:0s}.drion-loader-wrap .square:nth-child(2){background:var(--c2);animation-delay:var(--speed)}.drion-loader-wrap .square:nth-child(3){background:var(--c3);animation-delay:calc(var(--speed) * 2)}.nav{transition:background-color .52s cubic-bezier(.25,.1,.25,1)}.nav a{transition:color .52s cubic-bezier(.25,.1,.25,1)}body.dark .nav{background:#050505}body.dark .nav a{color:#fff}.ap{opacity:.6;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.ap.up{opacity:0;transform:translateY(20px)}.ap.in{opacity:1;transform:none}.bub{padding:16px 14px;transform:translateY(-100%);background:#3369ff;border-radius:10px;opacity:0;transition:opacity .25s cubic-bezier(.22,1,.36,1);pointer-events:none}.bub p{font-size:var(--type-meta);line-height:var(--line-body);font-weight:var(--weight-regular);color:#fff;text-align:left}@media(min-width:0px){:where(html[data-device-layout=desktop]) .frame[data-route="/projects/cobot"]{min-height:100vh}:where(html[data-device-layout=desktop]) #cob9,:where(html[data-device-layout=desktop]) #cob10{top:auto!important;bottom:27.6px}}.zoomable>.m{will-change:transform}.zoomable:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);border-radius:12px;pointer-events:none}.mob{display:none}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .frame,:where(html[data-device-layout=touch]) .nav,:where(html[data-device-layout=touch]) .mobile,:where(html[data-device-layout=touch]) .mgallery{display:none!important}html:where([data-device-layout=touch]),:where(html[data-device-layout=touch]) body{overflow-x:hidden}:where(html[data-device-layout=touch]) .mnav{display:flex;position:fixed;top:0;left:0;right:0;height:52px;padding:0 20px;align-items:center;justify-content:space-between;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;transition:background-color .52s cubic-bezier(.25,.1,.25,1)}:where(html[data-device-layout=touch]) .mnav a{font-size:15px;font-weight:var(--weight-medium);line-height:20px;color:var(--blue);padding:16px 0}:where(html[data-device-layout=touch]) .mnav .r{display:flex;gap:24px}:where(html[data-device-layout=touch]) .mnav a.on{text-decoration:underline;text-underline-offset:3px}:where(html[data-device-layout=touch]) body.dark .mnav{background:#050505eb}:where(html[data-device-layout=touch]) body.dark .mnav a{color:#fff}:where(html[data-device-layout=touch]) .mob:not([hidden]){display:block;padding:84px 20px 0}:where(html[data-device-layout=touch]) .mob h1{font-size:28px;line-height:34px;font-weight:var(--weight-bold);color:#000;letter-spacing:-.01em}:where(html[data-device-layout=touch]) .mob h2{font-size:var(--type-title);line-height:26px;font-weight:var(--weight-bold);color:#000;letter-spacing:-.005em}:where(html[data-device-layout=touch]) .mob h3{font-size:16px;line-height:22px;font-weight:var(--weight-bold);color:#3a3a3a}:where(html[data-device-layout=touch]) .mob .lead{font-size:16px;line-height:25px;color:#595959}:where(html[data-device-layout=touch]) .mob .body,:where(html[data-device-layout=touch]) .mob li,:where(html[data-device-layout=touch]) .mob dd{font-size:15px;line-height:var(--line-title);color:#6b6b6b}:where(html[data-device-layout=touch]) .mob .tags{display:flex;flex-wrap:wrap;gap:4px 16px;list-style:none}:where(html[data-device-layout=touch]) .mob .tags li{font-size:13px;line-height:18px;color:var(--blue)}:where(html[data-device-layout=touch]) .mob a{color:var(--blue)}:where(html[data-device-layout=touch]) .mob .mm{position:relative;width:100%;overflow:hidden;background:#f2f2f2}:where(html[data-device-layout=touch]) .mob .mm>img,:where(html[data-device-layout=touch]) .mob .mm>video,:where(html[data-device-layout=touch]) .mob .mm>iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block}:where(html[data-device-layout=touch]) .mob .mm.rounded{border-radius:12px;box-shadow:0 8px 16px #0000004d}:where(html[data-device-layout=touch]) .mob .mm.comp>video{left:0;right:auto}:where(html[data-device-layout=touch]) .mob>*+*{margin-top:24px}:where(html[data-device-layout=touch]) .mob>.mm+.mm,:where(html[data-device-layout=touch]) .mob>.mm+.stack,:where(html[data-device-layout=touch]) .mob>.stack+.mm,:where(html[data-device-layout=touch]) .mob>.stack+.stack,:where(html[data-device-layout=touch]) .mob>.row+.row,:where(html[data-device-layout=touch]) .mob>.row+.stack,:where(html[data-device-layout=touch]) .mob>.stack+.row,:where(html[data-device-layout=touch]) .mob>.mm+.row,:where(html[data-device-layout=touch]) .mob>.row+.mm,:where(html[data-device-layout=touch]) .mob>.grid+.mm,:where(html[data-device-layout=touch]) .mob>.mm+.grid,:where(html[data-device-layout=touch]) .mob>.grid+.grid,:where(html[data-device-layout=touch]) .mob>.stack+.grid,:where(html[data-device-layout=touch]) .mob>.grid+.stack,:where(html[data-device-layout=touch]) .mob>.figure+figure,:where(html[data-device-layout=touch]) .mob>figure+figure,:where(html[data-device-layout=touch]) .mob>figure+.grid,:where(html[data-device-layout=touch]) .mob>.carousel+.mm,:where(html[data-device-layout=touch]) .mob>.mm+.carousel{margin-top:8px}:where(html[data-device-layout=touch]) .mob>h2{margin-top:64px}:where(html[data-device-layout=touch]) .mob>.dots+h2,:where(html[data-device-layout=touch]) .mob>h2:first-child{margin-top:0}:where(html[data-device-layout=touch]) .mob>h2+p,:where(html[data-device-layout=touch]) .mob>h2+.mm{margin-top:16px}:where(html[data-device-layout=touch]) .mob>.dots{margin:56px 0;display:flex;justify-content:center;gap:10px}:where(html[data-device-layout=touch]) .mob>.dots+*{margin-top:0}:where(html[data-device-layout=touch]) .dots i{width:5px;height:5px;background:var(--blue);display:block}:where(html[data-device-layout=touch]) .dark .dots i{background:#fff}:where(html[data-device-layout=touch]) .mob .stack{display:flex;flex-direction:column;gap:8px}:where(html[data-device-layout=touch]) .mob .row{display:flex;gap:8px}:where(html[data-device-layout=touch]) .mob .row>.mm{flex:var(--g) 1 0;width:auto}:where(html[data-device-layout=touch]) .mob .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}:where(html[data-device-layout=touch]) .mob .carousel{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-20px;margin-right:-20px;padding:0 20px;scrollbar-width:none}:where(html[data-device-layout=touch]) .mob .carousel::-webkit-scrollbar{display:none}:where(html[data-device-layout=touch]) .mob .carousel>.mm{flex:0 0 84%;scroll-snap-align:center}:where(html[data-device-layout=touch]) .phead h1+.tags{margin-top:8px}:where(html[data-device-layout=touch]) .phead .tags+.lead{margin-top:16px}:where(html[data-device-layout=touch]) .phead .facts{margin-top:24px;display:grid;gap:12px;padding-top:16px}:where(html[data-device-layout=touch]) .facts div{display:grid;grid-template-columns:104px 1fr;gap:12px}:where(html[data-device-layout=touch]) .facts dt{font-size:13px;line-height:var(--line-title);font-weight:var(--weight-bold);color:#595959}:where(html[data-device-layout=touch]) .facts dd{margin:0}:where(html[data-device-layout=touch]) .mob>.hero{margin-top:32px}:where(html[data-device-layout=touch]) .intro .lead{margin-top:12px}:where(html[data-device-layout=touch]) .intro .body{margin-top:12px}:where(html[data-device-layout=touch]) .cards{display:flex;flex-direction:column;gap:56px}:where(html[data-device-layout=touch]) .card{display:block;text-decoration:none!important}:where(html[data-device-layout=touch]) .card h2{margin-top:16px}:where(html[data-device-layout=touch]) .card .tags{margin-top:6px}:where(html[data-device-layout=touch]) .card .body{margin-top:8px}:where(html[data-device-layout=touch]) .mob>.intro+.cards{margin-top:48px}:where(html[data-device-layout=touch]) .mob>.portrait+.intro{margin-top:24px}:where(html[data-device-layout=touch]) .intro .links{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:8px}:where(html[data-device-layout=touch]) .intro .links a{font-size:15px;font-weight:var(--weight-medium);line-height:var(--line-title)}:where(html[data-device-layout=touch]) .mob>.sec{margin-top:56px}:where(html[data-device-layout=touch]) .sec h2+*{margin-top:20px}:where(html[data-device-layout=touch]) .xp{list-style:none;display:flex;flex-direction:column;gap:24px}:where(html[data-device-layout=touch]) .xp .role{font-size:15px;line-height:22px;color:#6b6b6b;margin-top:2px}:where(html[data-device-layout=touch]) .xp .where{display:flex;justify-content:space-between;font-size:13px;line-height:20px;color:#8a8a8a;margin-top:4px}:where(html[data-device-layout=touch]) .mob>.map{margin-top:40px;background:none}:where(html[data-device-layout=touch]) .mob>.map>img{object-fit:contain}:where(html[data-device-layout=touch]) .awards{list-style:none;display:flex;flex-direction:column;gap:12px}:where(html[data-device-layout=touch]) .awards li{display:grid;grid-template-columns:24px 1fr;gap:8px}:where(html[data-device-layout=touch]) .cues{list-style:none;display:flex;flex-direction:column;gap:20px}:where(html[data-device-layout=touch]) .cues li{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}:where(html[data-device-layout=touch]) .cues .ico{height:40px;display:flex;align-items:center;justify-content:flex-start}:where(html[data-device-layout=touch]) .cues .ico i{display:block}:where(html[data-device-layout=touch]) .cues .cue{display:flex;flex-direction:column;gap:2px;padding-top:8px}:where(html[data-device-layout=touch]) .cues .cue b{font-size:15px;line-height:var(--line-title);color:#3a3a3a;font-weight:var(--weight-bold)}:where(html[data-device-layout=touch]) .cues .cue span{font-size:15px;line-height:22px;color:#6b6b6b}:where(html[data-device-layout=touch]) .mob>.cues{margin-top:24px}:where(html[data-device-layout=touch]) .notes{list-style:none;display:flex;flex-direction:column;gap:12px;padding-left:16px;border-left:2px solid #e6e6e6}:where(html[data-device-layout=touch]) .notes b{color:#3a3a3a}:where(html[data-device-layout=touch]) figure{margin:0}:where(html[data-device-layout=touch]) figcaption{margin-top:8px;display:flex;flex-direction:column}:where(html[data-device-layout=touch]) figcaption b{font-size:15px;line-height:22px;color:#3a3a3a;font-weight:var(--weight-medium)}:where(html[data-device-layout=touch]) figcaption span{font-size:13px;line-height:20px;color:#8a8a8a}:where(html[data-device-layout=touch]) .mob>figure+figure{margin-top:24px}:where(html[data-device-layout=touch]) .mob>figure+.grid{margin-top:24px}:where(html[data-device-layout=touch]) .tbc{text-align:center;font-size:13px;line-height:20px;color:#8a8a8a}:where(html[data-device-layout=touch]) .mob>.tbc{margin-top:48px}:where(html[data-device-layout=touch]) .mob .pn{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:80px}:where(html[data-device-layout=touch]) .pn a{display:flex;align-items:center;min-height:44px;padding:12px 0;border:0;text-decoration:none!important}:where(html[data-device-layout=touch]) .pn a+a{justify-content:flex-end;text-align:right}:where(html[data-device-layout=touch]) .pn span{font-size:var(--type-meta);line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#8a8a8a}:where(html[data-device-layout=touch]) .mfoot{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:48px;padding:16px 0 32px;border-top:3px solid transparent}:where(html[data-device-layout=touch]) .mfoot:before{content:"";position:absolute;top:-3px;left:0;right:0;height:var(--footer-rule-weight);background:var(--blue);pointer-events:none}:where(html[data-device-layout=touch]) .mfoot p{font-size:13px;line-height:20px;color:#8a8a8a}:where(html[data-device-layout=touch]) .mfoot a{font-size:15px;line-height:20px;font-weight:var(--weight-medium)}:where(html[data-device-layout=touch]) .mob>.cards+.mfoot,:where(html[data-device-layout=touch]) .mob>.sec+.mfoot,:where(html[data-device-layout=touch]) .mob>.gal+.mfoot{margin-top:72px}:where(html[data-device-layout=touch]) .pn+.mfoot{margin-top:24px}:where(html[data-device-layout=touch]) .gal{margin:0 -20px}:where(html[data-device-layout=touch]) .gal iframe{display:block;width:100%;height:10508px;border:0}:where(html[data-device-layout=touch]) .mob .dark{background:#050505;margin:64px -20px 0;padding:64px 20px 0}:where(html[data-device-layout=touch]) .mob .dark>*+*{margin-top:8px}:where(html[data-device-layout=touch]) .mob .dark>.dots{margin:56px 0;display:flex;justify-content:center;gap:10px}:where(html[data-device-layout=touch]) .mob .dark>.dots+*{margin-top:0}:where(html[data-device-layout=touch]) .mob .dark>.embed{margin-top:8px}:where(html[data-device-layout=touch]) .dark .mm{background:#151515}:where(html[data-device-layout=touch]) .dark .pn{margin-top:80px}:where(html[data-device-layout=touch]) .dark .mfoot:before{background:#fff}:where(html[data-device-layout=touch]) .dark .mfoot a{color:#fff}:where(html[data-device-layout=touch]) .dark .carousel{margin-top:0}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob p,:where(html[data-device-layout=touch]) .mob dd,:where(html[data-device-layout=touch]) .mob figcaption,:where(html[data-device-layout=touch]) .mob .notes li,:where(html[data-device-layout=touch]) .mob .tags,:where(html[data-device-layout=touch]) .mob .cue,:where(html[data-device-layout=touch]) .mob .aw{padding-right:28px}:where(html[data-device-layout=touch]) .mob h1,:where(html[data-device-layout=touch]) .mob h2,:where(html[data-device-layout=touch]) .mob h3{padding-right:28px;text-wrap:balance}:where(html[data-device-layout=touch]) .mob p,:where(html[data-device-layout=touch]) .mob dd,:where(html[data-device-layout=touch]) .mob li,:where(html[data-device-layout=touch]) .mob figcaption{text-wrap:pretty;hyphens:manual}:where(html[data-device-layout=touch]) .mob .pn a span{padding-right:0}}@media(min-width:500px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob:not([hidden]){max-width:640px;margin:0 auto;padding-top:96px}:where(html[data-device-layout=touch]) .mnav{padding:0 max(20px,calc(50% - 300px))}:where(html[data-device-layout=touch]) .mob .carousel{margin-left:-20px;margin-right:-20px}:where(html[data-device-layout=touch]) .mob .dark{margin-left:calc(300px - 50vw);margin-right:calc(300px - 50vw);padding-left:calc(50vw - 300px);padding-right:calc(50vw - 300px)}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .tags li.yr{color:#8a8a8a}:where(html[data-device-layout=touch]) .mob>.dots+h2{margin-top:0}:where(html[data-device-layout=touch]) .mob>h2+p{margin-top:12px}:where(html[data-device-layout=touch]) .mob>h2+.mm,:where(html[data-device-layout=touch]) .mob>h2+.stack,:where(html[data-device-layout=touch]) .mob>h2+.grid,:where(html[data-device-layout=touch]) .mob>h2+.cues{margin-top:24px}:where(html[data-device-layout=touch]) .mob>p+.mm,:where(html[data-device-layout=touch]) .mob>p+.stack,:where(html[data-device-layout=touch]) .mob>p+.cues,:where(html[data-device-layout=touch]) .mob>p+.grid{margin-top:24px}:where(html[data-device-layout=touch]) .mob .pn{margin-top:64px}:where(html[data-device-layout=touch]) .dark .pn{margin-top:64px}:where(html[data-device-layout=touch]) .mfoot{padding:16px 0 calc(40px + env(safe-area-inset-bottom))}:where(html[data-device-layout=touch]) .mfoot p,:where(html[data-device-layout=touch]) .mfoot a{font-size:var(--type-body);line-height:20px}:where(html[data-device-layout=touch]) .mob>.intro+.cards{margin-top:40px}:where(html[data-device-layout=touch]) .cards{gap:48px}:where(html[data-device-layout=touch]) .card h2{margin-top:16px}:where(html[data-device-layout=touch]) .card .tags{margin-top:4px}:where(html[data-device-layout=touch]) .card .body{margin-top:8px}:where(html[data-device-layout=touch]) .intro .links{gap:0;margin-top:16px}:where(html[data-device-layout=touch]) .intro .links a{display:block;line-height:44px}:where(html[data-device-layout=touch]) [data-route="/about"] .intro .lead{color:#1f1f1f;font-weight:var(--weight-medium);margin-top:8px}:where(html[data-device-layout=touch]) [data-route="/about"] .intro .body{margin-top:16px}:where(html[data-device-layout=touch]) .mob>.portrait>img{object-position:72% 30%}:where(html[data-device-layout=touch]) .aw{display:flex;flex-direction:column}:where(html[data-device-layout=touch]) .aw .yr{font-size:13px;line-height:20px;color:#8a8a8a}:where(html[data-device-layout=touch]) .awards li{gap:8px}:where(html[data-device-layout=touch]) .awards li>span:first-child{line-height:var(--line-title)}:where(html[data-device-layout=touch]) .mob>.sec{margin-top:64px}:where(html[data-device-layout=touch]) .sec h2+*{margin-top:16px}:where(html[data-device-layout=touch]) .mob>.map{margin-top:64px}:where(html[data-device-layout=touch]) .cues .ico{width:48px}:where(html[data-device-layout=touch]) .mob>.tbc{margin-top:24px;text-align:left;font-size:15px;line-height:var(--line-title);color:#8a8a8a}:where(html[data-device-layout=touch]) figcaption{gap:2px}:where(html[data-device-layout=touch]) .mob .carousel{scroll-padding-left:20px}:where(html[data-device-layout=touch]) .mob .carousel>.mm{scroll-snap-align:start}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob:not([hidden]){display:flex;flex-direction:column;min-height:100svh}:where(html[data-device-layout=touch]) .mob>*{flex:none}:where(html[data-device-layout=touch]) .mob>.mfoot,:where(html[data-device-layout=touch]) .mob .dark>.mfoot{margin-top:auto!important}:where(html[data-device-layout=touch]) .mob>.pn,:where(html[data-device-layout=touch]) .mob .dark>.pn{margin-bottom:24px}:where(html[data-device-layout=touch]) .mob>.cards,:where(html[data-device-layout=touch]) .mob>.sec:nth-last-child(2),:where(html[data-device-layout=touch]) .mob>.gal{margin-bottom:64px}:where(html[data-device-layout=touch]) .mob .dark{display:flex;flex-direction:column;flex:1 0 auto}:where(html[data-device-layout=touch]) .mob>.intro+.cards{margin-top:48px}:where(html[data-device-layout=touch]) [data-route="/about"]>.intro+.sec{margin-top:50px}:where(html[data-device-layout=touch]) .mob>.sec+.map{margin-top:32px}:where(html[data-device-layout=touch]) .mob>.map+.sec{margin-top:64px}:where(html[data-device-layout=touch]) .awards .medal{display:flex;align-items:center;height:24px;font-size:16px;line-height:1}:where(html[data-device-layout=touch]) .gal{margin:0 -15px}:where(html[data-device-layout=touch]) .mob>.intro+.gal{margin-top:24px}:where(html[data-device-layout=touch]) .mob>h2+.mm,:where(html[data-device-layout=touch]) .mob>h2+.stack,:where(html[data-device-layout=touch]) .mob>h2+.grid,:where(html[data-device-layout=touch]) .mob>h2+.cues{margin-top:20px}:where(html[data-device-layout=touch]) .mob>p+.cues{margin-top:16px}:where(html[data-device-layout=touch]) figcaption{gap:4px}:where(html[data-device-layout=touch]) .cdots{display:flex;justify-content:center;gap:8px;margin-top:12px!important}:where(html[data-device-layout=touch]) .cdots i{width:4px;height:4px;border-radius:2px;background:#fff6}:where(html[data-device-layout=touch]) .cdots i.on{background:#fff}:where(html[data-device-layout=touch]) .mob>.cdots i{background:#0003}:where(html[data-device-layout=touch]) .mob>.cdots i.on{background:#000}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob>.pcov{border-radius:8px;background:#000}:where(html[data-device-layout=touch]) .mob>.hint{margin-top:12px;font-size:13px;line-height:20px;color:#8a8a8a}:where(html[data-device-layout=touch]) .mob>.pcd{margin-top:32px}:where(html[data-device-layout=touch]) .pcd{list-style:none;display:flex;flex-direction:column;gap:32px}:where(html[data-device-layout=touch]) .pcd .crop{width:100%;border-radius:8px;background-color:#000;background-repeat:no-repeat}:where(html[data-device-layout=touch]) .pcd p{margin-top:12px;font-size:15px;line-height:var(--line-title);color:#6b6b6b;display:grid;grid-template-columns:28px 1fr}:where(html[data-device-layout=touch]) .pcd .num{font-size:13px;line-height:var(--line-title);font-weight:var(--weight-medium);color:var(--blue);font-variant-numeric:tabular-nums}:where(html[data-device-layout=touch]) .pcd b{color:#1f1f1f}:where(html[data-device-layout=touch]) .mlb{position:fixed;inset:0;z-index:50;background:#050505;display:flex;flex-direction:column;opacity:0;transition:opacity .2s}:where(html[data-device-layout=touch]) .mlb.on{opacity:1}:where(html[data-device-layout=touch]) .mlb .bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 20px;color:#a1a1a1;font-size:13px;flex:none}:where(html[data-device-layout=touch]) .mlb button{width:44px;height:44px;border:0;background:none;color:#fff;font-size:26px;line-height:44px;cursor:pointer}:where(html[data-device-layout=touch]) .mlb .sc{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center;touch-action:pan-x pan-y pinch-zoom}:where(html[data-device-layout=touch]) .mlb .sc img{height:min(78svh,160vw);width:auto;max-width:none;display:block;margin:0 20px}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob>.pn,:where(html[data-device-layout=touch]) .mob .dark>.pn{margin-top:auto!important;padding-top:64px}:where(html[data-device-layout=touch]) .mob>.pn+.mfoot,:where(html[data-device-layout=touch]) .mob .dark>.pn+.mfoot{margin-top:24px!important}:where(html[data-device-layout=touch]) .mob>.tbc+.pn{padding-top:57px}:where(html[data-device-layout=touch]) .mob>.intro+.cards{margin-top:56px}:where(html[data-device-layout=touch]) .mob>.sec+.map{margin-top:14px}:where(html[data-device-layout=touch]) .mob>.map+.sec{margin-top:44px}:where(html[data-device-layout=touch]) .sec h2+*{margin-top:14px}:where(html[data-device-layout=touch]) .mob>.portrait>img{object-position:80% 35%}:where(html[data-device-layout=touch]) .awards li{margin-left:-4px;grid-template-columns:28px 1fr}:where(html[data-device-layout=touch]) .gal{background:#f2f2f2;min-height:100svh}:where(html[data-device-layout=touch]) .mob>p+.cues{margin-top:4px}:where(html[data-device-layout=touch]) .cues .ico{width:48px;height:32px;justify-content:center}:where(html[data-device-layout=touch]) .cues .ico i{width:48px!important;height:32px;aspect-ratio:auto!important;background-size:contain!important;background-position:center!important}:where(html[data-device-layout=touch]) .cues .cue{padding-top:4px}:where(html[data-device-layout=touch]) .mob .carousel>.mm{align-self:flex-start}:where(html[data-device-layout=touch]) .mob>*+.carousel,:where(html[data-device-layout=touch]) .mob .dark>*+.carousel{margin-top:24px}:where(html[data-device-layout=touch]) .mob>.cdots+*,:where(html[data-device-layout=touch]) .mob .dark>.cdots+*{margin-top:24px}:where(html[data-device-layout=touch]) .facts dt{color:#999;font-weight:var(--weight-medium)}:where(html[data-device-layout=touch]) .facts dd{color:#555}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .mm.detail-media,:where(html[data-device-layout=touch]) .mob .crop.detail-media{border-radius:12px}:where(html[data-device-layout=touch]) .pcov .pin{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:9px;background:var(--blue);border:1.5px solid #fff;color:#fff;font-size:10px;line-height:15px;font-weight:var(--weight-bold);text-align:center;box-shadow:0 1px 4px #0006}:where(html[data-device-layout=touch]) .mob>.stack+.hint,:where(html[data-device-layout=touch]) .mob>.pcov+.hint{margin-top:12px}:where(html[data-device-layout=touch]) .mob>.hint+h2,:where(html[data-device-layout=touch]) .mob>.hint+.dots{margin-top:56px}:where(html[data-device-layout=touch]) .mob>.pcd+.dots{margin-top:48px}:where(html[data-device-layout=touch]) .mlb{padding-top:env(safe-area-inset-top);padding-bottom:max(16px,env(safe-area-inset-bottom))}:where(html[data-device-layout=touch]) .mlb button{font-size:32px;font-weight:300}:where(html[data-device-layout=touch]) .mlb .pb{position:relative;height:3px;margin:12px 20px 0;background:#ffffff26;border-radius:2px;flex:none}:where(html[data-device-layout=touch]) .mlb .pb i{position:absolute;top:0;bottom:0;background:#fff;border-radius:2px}:where(html[data-device-layout=touch]) .sec h2+*{margin-top:12px}:where(html[data-device-layout=touch]) .awards .medal{align-self:start}:where(html[data-device-layout=touch]) .mob>.sec+.sec{margin-top:61px}:where(html[data-device-layout=touch]) .gal{background:none;min-height:0}:where(html[data-device-layout=touch]) .mob>p+.cues{margin-top:-6px}:where(html[data-device-layout=touch]) .cues .ico{margin-block:-4px}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob>p+.cues{margin-top:11px}:where(html[data-device-layout=touch]) .cues .ico{margin-top:0;margin-bottom:-8px}:where(html[data-device-layout=touch]) .mob>.hint+h2,:where(html[data-device-layout=touch]) .mob>.hint+.dots{margin-top:50px}:where(html[data-device-layout=touch]) .mob>.intro+.cards{margin-top:48px}:where(html[data-device-layout=touch]) .mob>.sec+.sec{margin-top:58px}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mnav a{padding:12px 8px;margin:0 -8px;min-width:44px;min-height:44px;display:inline-flex;align-items:center}:where(html[data-device-layout=touch]) .mnav .r{gap:16px}:where(html[data-device-layout=touch]) .mfoot a{padding:12px 0 12px 12px;margin:-12px 0}:where(html[data-device-layout=touch]) .mob .tags li.yr,:where(html[data-device-layout=touch]) .mfoot p,:where(html[data-device-layout=touch]) .xp .where,:where(html[data-device-layout=touch]) .aw .yr,:where(html[data-device-layout=touch]) figcaption span,:where(html[data-device-layout=touch]) .tbc,:where(html[data-device-layout=touch]) .mob>.hint,:where(html[data-device-layout=touch]) .pn span,:where(html[data-device-layout=touch]) .mob>.tbc{color:#737373}}.mnav{display:none}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mnav{display:flex}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--press-duration: .12s;--mobile-nav-height: max(52px, calc(1.05rem + 24px) )}.nav a,.mnav a,.mob a,button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,[role=button]{-webkit-user-select:none;user-select:none}.nav a,.mnav a,.mob a:not(.card),button,[role=button]{transition:opacity var(--press-duration) ease-out}.nav a,.mnav a{transition:opacity var(--press-duration) ease-out,color .52s cubic-bezier(.25,.1,.25,1)}.nav a:active,.mnav a:active,.mob a:not(.card):active,button:active,[role=button]:active{opacity:.65}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .mm>img,:where(html[data-device-layout=touch]) .mob .mm>video{transform:none;transition:none}:where(html[data-device-layout=touch]) .mob .card>.mm{transition:none}:where(html[data-device-layout=touch]) .mob .card:hover>.mm,:where(html[data-device-layout=touch]) .mob .card:active>.mm{opacity:1;box-shadow:none}:where(html[data-device-layout=touch]) .mob .detail-media{cursor:default}}@media(max-width:1199.98px){html:where([data-device-layout=touch]){scroll-padding-top:calc(var(--mobile-nav-height) + 12px + var(--safe-top))}:where(html[data-device-layout=touch]) .mnav{--mobile-nav-surface: 255, 255, 255;--nav-tint-strength: .7;height:calc(var(--mobile-nav-height) + var(--safe-top));padding-top:var(--safe-top);padding-bottom:0;padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right))}:where(html[data-device-layout=touch]) .mnav,:where(html[data-device-layout=touch]) body.dark .mnav{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}:where(html[data-device-layout=touch]) body.dark .mnav{--mobile-nav-surface: 5, 5, 5;--nav-tint-strength: .94}:where(html[data-device-layout=touch]) .mnav-glass{position:absolute;inset:0 0 auto;height:calc(100% + var(--nav-diffusion-reach, 0px));z-index:-1;pointer-events:none}:where(html[data-device-layout=touch]) .mnav-glass>i{position:absolute;inset:0;pointer-events:none;-webkit-backdrop-filter:blur(var(--nav-blur)) saturate(var(--nav-sat, 1));backdrop-filter:blur(var(--nav-blur)) saturate(var(--nav-sat, 1));--nav-blur-mask: linear-gradient(to bottom, rgba(0,0,0,1) var(--blur-start), rgba(0,0,0,.99144) calc(var(--blur-start) + (var(--blur-end) - var(--blur-start)) * .1), rgba(0,0,0,.94208) calc(var(--blur-start) + (var(--blur-end) - var(--blur-start)) * .2), rgba(0,0,0,.83692) calc(var(--blur-start) + (var(--blur-end) - var(--blur-start)) * .3), rgba(0,0,0,.68256) calc(var(--blur-start) + (var(--blur-end) - var(--blur-start)) * .4), rgba(0,0,0,.5) calc(var(--blur-start) + (var(--blur-end) - var(--blur-start)) * .5), rgba(0,0,0,.31744) calc(var(--blur-start) + (var(--blur-end) - var(--blur-start)) * .6), rgba(0,0,0,.16308) calc(var(--blur-start) + (var(--blur-end) - var(--blur-start)) * .7), rgba(0,0,0,.05792) calc(var(--blur-start) + (var(--blur-end) - var(--blur-start)) * .8), rgba(0,0,0,.00856) calc(var(--blur-start) + (var(--blur-end) - var(--blur-start)) * .9), rgba(0,0,0,0) var(--blur-end));-webkit-mask-image:var(--nav-blur-mask);mask-image:var(--nav-blur-mask)}:where(html[data-device-layout=touch]) .mnav-glass:after{content:"";position:absolute;inset:0;background:rgb(var(--mobile-nav-surface));opacity:var(--nav-tint-strength);--nav-tint-mask: linear-gradient(to bottom, rgba(0,0,0,.9) 0%, rgba(0,0,0,.89932) 4%, rgba(0,0,0,.89491) 8%, rgba(0,0,0,.88392) 12%, rgba(0,0,0,.86441) 16%, rgba(0,0,0,.83532) 20%, rgba(0,0,0,.79635) 24%, rgba(0,0,0,.74791) 28%, rgba(0,0,0,.69103) 32%, rgba(0,0,0,.62722) 36%, rgba(0,0,0,.55837) 40%, rgba(0,0,0,.4866) 44%, rgba(0,0,0,.41417) 48%, rgba(0,0,0,.3433) 52%, rgba(0,0,0,.27611) 56%, rgba(0,0,0,.21445) 60%, rgba(0,0,0,.15981) 64%, rgba(0,0,0,.11329) 68%, rgba(0,0,0,.07546) 72%, rgba(0,0,0,.04638) 76%, rgba(0,0,0,.02557) 80%, rgba(0,0,0,.01207) 84%, rgba(0,0,0,.00446) 88%, rgba(0,0,0,.00106) 92%, rgba(0,0,0,.00008) 96%, rgba(0,0,0,0) 100%);-webkit-mask-image:var(--nav-tint-mask);mask-image:var(--nav-tint-mask);transition:background-color .52s cubic-bezier(.25,.1,.25,1),opacity .52s cubic-bezier(.25,.1,.25,1)}:where(html[data-device-layout=touch]) .mnav[data-route-changing] .mnav-glass:after,:where(html[data-device-layout=touch]) .mnav[data-route-changing] a{transition:none}:where(html[data-device-layout=touch]) .mob{--page-left: calc(20px + var(--safe-left));--page-right: calc(20px + var(--safe-right));--bleed-left: calc(-1 * var(--page-left));--bleed-right: calc(-1 * var(--page-right));--band-left: var(--page-left);--band-right: var(--page-right)}:where(html[data-device-layout=touch]) .mob:not([hidden]){padding-top:calc(var(--mobile-nav-height) + 32px + var(--safe-top));padding-left:var(--page-left);padding-right:var(--page-right)}:where(html[data-device-layout=touch]) .mob .mfoot{padding-bottom:calc(24px + var(--safe-bottom))}:where(html[data-device-layout=touch]) .mob .dark{margin-left:var(--bleed-left);margin-right:var(--bleed-right);padding-left:var(--band-left);padding-right:var(--band-right)}:where(html[data-device-layout=touch]) .mob .carousel{margin-left:calc(-1 * var(--page-left));margin-right:calc(-1 * var(--page-right));padding-left:var(--page-left);padding-right:var(--page-right);scroll-padding-left:var(--page-left);scroll-padding-right:var(--page-right);touch-action:auto}:where(html[data-device-layout=touch]) .mnav a,:where(html[data-device-layout=touch]) .mob .intro .links a,:where(html[data-device-layout=touch]) .mob .mfoot a,:where(html[data-device-layout=touch]) .mob .pn a{min-height:44px}:where(html[data-device-layout=touch]) .mob .intro .links a,:where(html[data-device-layout=touch]) .mob .mfoot a{display:inline-flex;align-items:center}:where(html[data-device-layout=touch]) .mob .mfoot a{min-width:44px}}@media(min-width:500px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob{--column-margin: max(0px, calc(50vw - 320px) );--page-left: max(20px, calc(20px + var(--safe-left) - var(--column-margin)));--page-right: max(20px, calc(20px + var(--safe-right) - var(--column-margin)));--bleed-left: calc(0px - var(--column-margin) - var(--page-left));--bleed-right: calc(0px - var(--column-margin) - var(--page-right));--band-left: calc(var(--column-margin) + var(--page-left));--band-right: calc(var(--column-margin) + var(--page-right))}:where(html[data-device-layout=touch]) .mob:not([hidden]){padding-top:calc(var(--mobile-nav-height) + 44px + var(--safe-top))}:where(html[data-device-layout=touch]) .mnav{padding-left:max(calc(50% - 300px),calc(20px + var(--safe-left)));padding-right:max(calc(50% - 300px),calc(20px + var(--safe-right)))}}@media(prefers-reduced-motion:reduce){.mnav-glass:after{transition:none}.nav a,.mnav a,.mob a:not(.card),.mob .card>.mm,button,[role=button]{transition-duration:0s}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob>*+*{margin-top:16px}:where(html[data-device-layout=touch]) .mob>h2{margin-top:32px}:where(html[data-device-layout=touch]) .mob>.sec,:where(html[data-device-layout=touch]) .mob>.sec+.sec,:where(html[data-device-layout=touch]) .mob>.map+.sec,:where(html[data-device-layout=touch]) .mob[data-route="/about"]>.intro+.sec,:where(html[data-device-layout=touch]) .mob[data-route="/about"]>.sec+.map{margin-top:48px}:where(html[data-device-layout=touch]) .mob>.intro+.cards{margin-top:24px}:where(html[data-device-layout=touch]) .mob .cards{gap:64px}:where(html[data-device-layout=touch]) .mob .card h2{margin-top:12px}:where(html[data-device-layout=touch]) .mob .phead .facts{margin-top:16px;padding-top:0}:where(html[data-device-layout=touch]) .mob>.hero,:where(html[data-device-layout=touch]) .mob>.pcd{margin-top:24px}:where(html[data-device-layout=touch]) .mob>h2+.mm,:where(html[data-device-layout=touch]) .mob>h2+.stack,:where(html[data-device-layout=touch]) .mob>h2+.grid,:where(html[data-device-layout=touch]) .mob>h2+.cues,:where(html[data-device-layout=touch]) .mob>p+.mm,:where(html[data-device-layout=touch]) .mob>p+.stack,:where(html[data-device-layout=touch]) .mob>p+.grid{margin-top:16px}:where(html[data-device-layout=touch]) .mob .pcd{gap:20px}:where(html[data-device-layout=touch]) .mob .pcd p{margin-top:8px}:where(html[data-device-layout=touch]) .mob>.dots,:where(html[data-device-layout=touch]) .mob .dark>.dots{margin:24px 0}:where(html[data-device-layout=touch]) .mob>.dots+h2{margin-top:0}:where(html[data-device-layout=touch]) .mob .dark{margin-top:32px;padding-top:32px}:where(html[data-device-layout=touch]) .mob>.cards,:where(html[data-device-layout=touch]) .mob>.sec:nth-last-child(2),:where(html[data-device-layout=touch]) .mob>.gal{margin-bottom:0}:where(html[data-device-layout=touch]) .mob>.pn,:where(html[data-device-layout=touch]) .mob>.tbc+.pn,:where(html[data-device-layout=touch]) .mob .dark>.pn{margin-top:32px!important;margin-bottom:0;padding-top:0}:where(html[data-device-layout=touch]) .mob>.mfoot,:where(html[data-device-layout=touch]) .mob .dark>.mfoot{margin-top:48px!important}:where(html[data-device-layout=touch]) .mob>.pn+.mfoot,:where(html[data-device-layout=touch]) .mob .dark>.pn+.mfoot{margin-top:16px!important}:where(html[data-device-layout=touch]) .mob[data-route="/projects/cobot"]:not([hidden]){min-height:100dvh}:where(html[data-device-layout=touch]) .mob[data-route="/projects/cobot"]>.hero{margin-bottom:var(--project-section-space)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/cobot"]>.pn{margin-top:auto!important;padding-top:0}:where(html[data-device-layout=touch]) .mob .cue-disclosures{gap:0;margin-top:16px;border-top:1px solid #e8e8e8}:where(html[data-device-layout=touch]) .mob .cue-disclosures>li{display:block;border-bottom:1px solid #e8e8e8}:where(html[data-device-layout=touch]) .mob .cue-disclosures summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 0;list-style:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(html[data-device-layout=touch]) .mob .cue-disclosures summary::-webkit-details-marker{display:none}:where(html[data-device-layout=touch]) .mob .cue-disclosures summary:active{opacity:.65}:where(html[data-device-layout=touch]) .mob .cue-disclosures summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}:where(html[data-device-layout=touch]) .mob .cue-mark{display:flex;align-items:center;justify-content:center;flex:0 0 32px;height:24px}:where(html[data-device-layout=touch]) .mob .cue-mark i{display:block;max-width:24px;max-height:22px}:where(html[data-device-layout=touch]) .mob .cue-disclosures li:first-child .cue-mark i{max-width:32px}:where(html[data-device-layout=touch]) .mob .cue-label{flex:1;color:#3a3a3a;font-size:var(--type-body);line-height:1.2;font-weight:var(--weight-medium)}:where(html[data-device-layout=touch]) .mob .cue-toggle{position:relative;width:12px;height:12px;margin-right:2px;flex:none;color:#737373}:where(html[data-device-layout=touch]) .mob .cue-toggle:before,:where(html[data-device-layout=touch]) .mob .cue-toggle:after{content:"";position:absolute;background:currentColor}:where(html[data-device-layout=touch]) .mob .cue-toggle:before{top:5.5px;left:0;width:12px;height:1px}:where(html[data-device-layout=touch]) .mob .cue-toggle:after{top:0;left:5.5px;width:1px;height:12px}:where(html[data-device-layout=touch]) .mob details[open] .cue-toggle:after{display:none}:where(html[data-device-layout=touch]) .mob .cue-disclosures .cue-description{margin:-2px 0 0;padding:0 24px 16px 44px;font-size:var(--type-body);line-height:var(--line-text);color:#737373}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]{--project-section-space: 96px;--project-content-space: 32px;--project-group-space: 48px;--project-media-space: 24px;--project-heading-space: 16px;--project-caption-space: 12px;--project-hero-space: 48px}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead h1{font-size:24px;line-height:1.2}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead h1+.tags{margin-top:12px}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead .lead{margin-top:24px;font-size:var(--type-body);line-height:var(--line-text)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead .facts{margin-top:var(--project-content-space);gap:16px}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .facts dt,:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .facts dd{line-height:1.2}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>:is(.mm,.stack,.grid,.row,.carousel),:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .dark>:is(.mm,.stack,.grid,.carousel){margin-top:var(--project-media-space)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] :is(.stack,.grid,.row,.carousel){gap:var(--project-media-space)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.hero{margin-top:var(--project-hero-space)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>h2{margin-top:var(--project-section-space);line-height:1.2}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>h2+.body{margin-top:var(--project-heading-space)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.body{font-size:var(--type-body);line-height:var(--line-text)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>h2+:is(.mm,.stack,.grid),:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.body+:is(.mm,.stack,.grid),:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.cue-disclosures{margin-top:var(--project-content-space)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.cue-disclosures+.mm{margin-top:var(--project-group-space)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .cue-disclosures summary{min-height:64px}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .cue-description{line-height:var(--line-text);padding-bottom:24px}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.dots,:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .dark>.dots{height:var(--project-section-space);margin:0;align-items:center;gap:8px}:where(html[data-device-layout=touch]) .mob .dots i{width:3px;height:3px}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.dots+*,:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .dark>.dots+*{margin-top:0}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]:not([data-route="/projects/cobot"])>.pn,:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .dark>.pn{margin-top:var(--project-section-space)!important}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.pn+.mfoot,:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .dark>.pn+.mfoot{margin-top:24px!important}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"]>.dark{margin-top:0;padding-top:var(--project-media-space)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .dark>:first-child{margin-top:0}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .cdots{height:var(--project-media-space);margin:-8px 0 0!important;align-items:center;gap:8px;flex:none}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.cdots+*,:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .dark>.cdots+*{margin-top:12px}:where(html[data-device-layout=touch]) .mob[data-route="/projects/chime"]>.prototype-gallery{--prototype-gap: 12px;display:flex;flex-direction:column;gap:var(--prototype-gap);margin-top:0}:where(html[data-device-layout=touch]) .prototype-gallery .prototype-row{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--prototype-gap)}:where(html[data-device-layout=touch]) .prototype-gallery .prototype-row-session{grid-template-columns:1.0311fr 1.093fr}:where(html[data-device-layout=touch]) .prototype-gallery .prototype-row-making{grid-template-columns:1.3406fr .7544fr}:where(html[data-device-layout=touch]) .prototype-gallery .prototype-crop>img{width:calc(3178 / var(--crop-width) * 100%);height:calc(1108 / var(--crop-height) * 100%);left:calc(-1 * var(--crop-x) / var(--crop-width) * 100%);top:calc(-1 * var(--crop-y) / var(--crop-height) * 100%);object-fit:fill}:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>.hero{width:100vw;margin-left:calc(50% - 50vw);background:transparent}:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>.hero>img{width:140%;left:15%;object-fit:contain}:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>figure,:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>figure+.grid{margin-top:var(--project-content-space)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>.hero+figure{margin-top:64px}:where(html[data-device-layout=touch]) .mob .type-gallery-embed>iframe{width:400px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--gallery-scale, 1));transform-origin:center}:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"] figcaption{margin-top:var(--project-caption-space);gap:4px}:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>.interactive-title{font-size:18px;font-weight:var(--weight-medium)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>.tbc{margin-top:32px;text-align:center;align-self:stretch}}@media(min-width:500px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]{--project-section-space: 120px}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mnav a,:where(html[data-device-layout=touch]) .mob .intro .links a{min-width:44px}:where(html[data-device-layout=touch]) .mob .prototype-open{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;font-size:var(--type-body)}:where(html[data-device-layout=touch]) .mob .facts dd a{display:inline;position:relative}:where(html[data-device-layout=touch]) .mob .facts dd a:after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:100%;min-height:44px;min-width:44px;transform:translateY(-50%)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .cdots{height:44px;gap:0}:where(html[data-device-layout=touch]) .mob .cdots button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer}:where(html[data-device-layout=touch]) .mob .cdots button:focus-visible,:where(html[data-device-layout=touch]) .mob .carousel:focus-visible,:where(html[data-device-layout=touch]) .mnav a:focus-visible,:where(html[data-device-layout=touch]) .mob a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}:where(html[data-device-layout=touch]) .mob .dark .cdots button:focus-visible,:where(html[data-device-layout=touch]) .mob .dark .carousel:focus-visible{outline-color:#fff}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob{overflow-wrap:anywhere}:where(html[data-device-layout=touch]) .mob .facts div{display:flex;flex-wrap:wrap;gap:4px 12px}:where(html[data-device-layout=touch]) .mob .facts dt{flex:0 0 6.5rem;max-width:100%}:where(html[data-device-layout=touch]) .mob .facts dd{flex:1 1 8rem;min-width:0}:where(html[data-device-layout=touch]) .mob .facts :is(dt,dd){overflow-wrap:anywhere}:where(html[data-device-layout=touch]) .mob .intro .links a{overflow-wrap:anywhere}:where(html[data-device-layout=touch]) .mob .xp .where{flex-wrap:wrap;gap:4px 16px}:where(html[data-device-layout=touch]) .mob .mfoot{flex-wrap:wrap;gap:8px 16px}:where(html[data-device-layout=touch]) .mob .mfoot p{padding-right:0;min-width:0}:where(html[data-device-layout=touch]) .mob h1[tabindex="-1"]:focus,:where(html[data-device-layout=touch]) .mob[tabindex="-1"]:focus{outline:none}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route="/about"]>.sec>h2+*{margin-top:20px}}.frame video[poster],.mob video[poster]{background-color:#f2f2f2}.mob .dark video[poster]{background-color:#151515}.frame[data-route="/"] .home-video-clip{position:absolute;inset:0;overflow:hidden;background:#f2f2f2}.frame[data-route="/"] .home-video-clip,.mob[data-route="/"] .mm:has(>video){isolation:isolate;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff)}.frame[data-route="/"] .home-video-clip>video,.mob[data-route="/"] .card>.mm>video{left:-1px!important;top:-1px!important;width:calc(100% + 2px)!important;height:calc(100% + 2px)!important;border:0;outline:0}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .mm:has(>img),:where(html[data-device-layout=touch]) .mob .mm:has(>video){isolation:isolate;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@supports (overflow: clip){:where(html[data-device-layout=touch]) .mob .mm:has(>img),:where(html[data-device-layout=touch]) .mob .mm:has(>video){overflow:clip}}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .mm:has(>video){overflow:hidden;border:0;outline:0;box-shadow:none;-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .mm>:is(video,.video-fallback){inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border:0;outline:0;box-shadow:none}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .mm>video[data-failed=true]{visibility:hidden}:where(html[data-device-layout=touch]) .mob .video-fallback{pointer-events:none}:where(html[data-device-layout=touch]) .mob .video-fallback[hidden]{display:none!important}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .breathing-prototype{aspect-ratio:auto;height:clamp(400px,115vw,520px)}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .mobile-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;width:100%}:where(html[data-device-layout=touch]) .mobile-gallery .gallery-item{min-width:0;margin:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:where(html[data-device-layout=touch]) .mobile-gallery .gallery-item.full{grid-column:1 / -1}:where(html[data-device-layout=touch]) .mob[data-route="/gallery"]>.gallery-home{align-self:stretch;justify-content:center;width:100%;min-height:56px;padding:16px 24px;position:relative;touch-action:manipulation}:where(html[data-device-layout=touch]) .mob[data-route="/gallery"]>.gallery-home:focus-visible{outline:2px solid var(--blue);outline-offset:2px}}@media(max-width:540px){:where(html[data-device-layout=touch]) .mob .mobile-gallery{grid-template-columns:minmax(0,1fr)}}.gallery-viewer{position:fixed;inset:16px;margin:auto;width:calc(100% - 32px);max-width:1200px;height:calc(100% - 32px);max-height:960px;padding:0;border:1px solid #d8d8d8;border-radius:0;color:#171717;background:#fff;font:14px/1.5 Satoshi,sans-serif;box-shadow:0 16px 64px #0002;overflow:hidden;overscroll-behavior:contain}.gallery-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.gallery-viewer::backdrop{background:#ffffffe6}.gallery-viewer-header,.gallery-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px}.gallery-viewer-header{border-bottom:1px solid #e8e8e8}.gallery-viewer-header h2{margin:0;font:500 18px/1.3 Satoshi,sans-serif}.gallery-viewer-count{margin:3px 0 0;color:#595959;font-size:12px}.gallery-viewer button,.gallery-viewer a{font:inherit;color:#0018ea}.gallery-viewer button{min-height:44px;padding:8px 12px;border:0;border-radius:0;background:transparent;cursor:pointer}.gallery-viewer button:disabled{color:#737373;cursor:default}.gallery-viewer button[hidden]{display:none}.gallery-viewer .gallery-viewer-close{flex:none;min-width:44px;font:400 28px/1 sans-serif}.gallery-viewer :is(button,a):focus-visible{outline:2px solid #0018ea;outline-offset:2px}.gallery-viewer-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#f5f5f5}.gallery-viewer-stage>:is(img,video){display:block;width:100%;height:100%;object-fit:contain}.gallery-viewer-footer{border-top:1px solid #e8e8e8}.gallery-viewer-feedback{min-width:0;text-align:center}.gallery-viewer-feedback p{margin:0;color:#595959;font-size:12px}.gallery-viewer-original{display:inline-block;padding:8px 4px;min-height:36px;text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.gallery-viewer{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}.gallery-viewer-header,.gallery-viewer-footer{padding:8px;gap:4px}.gallery-viewer-header h2{font-size:16px}.gallery-viewer-stage,.gallery-viewer-footer button{padding:8px}}:root{--weight-regular:400;--weight-medium:500;--weight-bold:700;--footer-rule-weight:.75px}.mob[data-route="/about"] .xp .where a,.mob[data-route="/about"] .aw .yr a,.frame[data-route="/about"] :is(#abo15,#abo18,#abo21) a{color:inherit!important;-webkit-text-fill-color:currentColor!important;text-decoration:none!important;font:inherit!important}.footer-rule{height:var(--footer-rule-weight);background:var(--blue);pointer-events:none}.nav a.on,.mnav a.on{text-underline-offset:3px}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob,:where(html[data-device-layout=touch]) .mnav{--type-body:.875rem;--type-meta:.75rem;--type-section:1.125rem;--type-title:1.25rem;--line-body:1.2;--line-text:1.5;--line-meta:1.5;--line-section:1.2;--line-title:1.2;line-height:1.2}:where(html[data-device-layout=touch]) .mob{--color-meta:#737373;font-size:var(--type-body);line-height:var(--line-body);font-weight:var(--weight-regular);color:var(--g2)}:where(html[data-device-layout=touch]) .mob .dark{--color-meta:#a1a1a1}:where(html[data-device-layout=touch]) .mob :is(.lead,.body){max-inline-size:var(--prose-measure,48ch);padding-right:var(--prose-end-space,28px);text-wrap:pretty}:where(html[data-device-layout=touch]) .mob .cue-description{text-wrap:pretty}:where(html[data-device-layout=touch]) .mob :is(.lead,.body,.cue-description).text-brief{text-wrap:balance}:where(html[data-device-layout=touch]) .mob :is(.facts dd,figcaption,.tags,.aw){padding-right:0}:where(html[data-device-layout=touch]) .mob .facts{grid-template-columns:fit-content(40%) minmax(0,1fr);column-gap:12px}:where(html[data-device-layout=touch]) .mob .facts div{display:contents}:where(html[data-device-layout=touch]) .mob .facts dd{min-width:0}:where(html[data-device-layout=touch]) .mob .facts .person{display:inline-block;max-inline-size:100%;vertical-align:top}:where(html[data-device-layout=touch]) .mob .xp .where{padding-right:0;column-gap:16px;row-gap:4px;flex-wrap:wrap}:where(html[data-device-layout=touch]) .mob .xp .where>span:last-child{margin-left:auto;white-space:nowrap}:where(html[data-device-layout=touch]) .mob h1,:where(html[data-device-layout=touch]) .mob h2,:where(html[data-device-layout=touch]) .mob h3{letter-spacing:normal}:where(html[data-device-layout=touch]) .mob h1{font-size:var(--type-title);line-height:var(--line-title);font-weight:var(--weight-bold);color:#000}:where(html[data-device-layout=touch]) .mob h2{font-size:var(--type-section);line-height:var(--line-section);font-weight:var(--weight-bold);color:#000}:where(html[data-device-layout=touch]) .mob h3{font-size:1rem;line-height:1.2;font-weight:var(--weight-bold);color:var(--g2)}:where(html[data-device-layout=touch]) .mob .lead,:where(html[data-device-layout=touch]) .mob .body,:where(html[data-device-layout=touch]) .mob li,:where(html[data-device-layout=touch]) .mob dd,:where(html[data-device-layout=touch]) .mob .xp .role,:where(html[data-device-layout=touch]) .mob .pcd p{font-size:var(--type-body);line-height:var(--line-body);font-weight:var(--weight-regular);color:var(--g2)}:where(html[data-device-layout=touch]) .mob .lead,:where(html[data-device-layout=touch]) .mob .body{line-height:var(--line-text)}:where(html[data-device-layout=touch]) .mnav a,:where(html[data-device-layout=touch]) .mob .intro .links a,:where(html[data-device-layout=touch]) .mob .mfoot a{font-size:var(--type-body);line-height:var(--line-body);font-weight:var(--weight-medium);color:var(--blue)}:where(html[data-device-layout=touch]) .mob .tags li,:where(html[data-device-layout=touch]) .mob .tags li.yr{font-size:var(--type-meta);line-height:var(--line-meta);font-weight:var(--weight-regular);color:var(--blue)}:where(html[data-device-layout=touch]) .mob[data-route="/"] .intro h1{font-size:var(--type-body);line-height:var(--line-body);font-weight:var(--weight-bold);color:var(--blue)}:where(html[data-device-layout=touch]) .mob[data-route="/about"] .intro h1,:where(html[data-device-layout=touch]) .mob[data-route="/about"] .sec h2{font-size:var(--type-section);line-height:var(--line-section);font-weight:var(--weight-bold);color:var(--blue)}:where(html[data-device-layout=touch]) .mob[data-route="/about"] .intro .lead{font-size:var(--type-body);line-height:var(--line-text);font-weight:var(--weight-regular);color:var(--g2)}:where(html[data-device-layout=touch]) .mob .facts dt,:where(html[data-device-layout=touch]) .mob .facts dd{font-size:var(--type-body);line-height:var(--line-body)}:where(html[data-device-layout=touch]) .mob .facts dt{font-weight:var(--weight-bold);color:var(--g1)}:where(html[data-device-layout=touch]) .mob .facts dd{font-weight:var(--weight-regular);color:var(--g2)}:where(html[data-device-layout=touch]) .mob .xp .where{font-size:var(--type-meta);line-height:var(--line-meta);font-weight:var(--weight-regular);color:var(--color-meta)}:where(html[data-device-layout=touch]) .mob .aw .yr{font-size:var(--type-meta);line-height:var(--line-meta);font-weight:var(--weight-regular);color:var(--color-meta)}:where(html[data-device-layout=touch]) .mob .cues .cue b{font-family:inherit;font-size:var(--type-meta);line-height:var(--line-meta);font-weight:var(--weight-regular);color:var(--g1)}:where(html[data-device-layout=touch]) .mob .cues .cue span{font-size:var(--type-body);line-height:var(--line-body);color:var(--g2)}:where(html[data-device-layout=touch]) .mob .pcd p,:where(html[data-device-layout=touch]) .mob .pcd .num{font-size:var(--type-meta);line-height:var(--line-meta);font-weight:var(--weight-regular);color:var(--g2)}:where(html[data-device-layout=touch]) .mob .pcd b,:where(html[data-device-layout=touch]) .mob .notes b{font-weight:var(--weight-bold);color:var(--g2)}:where(html[data-device-layout=touch]) .mob figcaption b{font-size:var(--type-body);line-height:1.2;font-weight:var(--weight-regular);color:var(--g2)}:where(html[data-device-layout=touch]) .mob figcaption span,:where(html[data-device-layout=touch]) .mob .tbc{font-size:var(--type-meta);line-height:var(--line-meta);font-weight:var(--weight-regular);color:var(--color-meta)}:where(html[data-device-layout=touch]) .mob .hint{font-size:var(--type-meta);line-height:var(--line-meta);font-weight:var(--weight-regular);color:var(--color-meta)}:where(html[data-device-layout=touch]) .mob .pn span,:where(html[data-device-layout=touch]) .mob .mfoot p{font-size:var(--type-meta);line-height:var(--line-meta);font-weight:var(--weight-regular);color:var(--color-meta)}:where(html[data-device-layout=touch]) .mob .pn span{letter-spacing:normal;font-weight:var(--weight-medium);color:#a1a1a1}:where(html[data-device-layout=touch]) .mob .interface-title{font-size:var(--type-title);line-height:var(--line-title)}:where(html[data-device-layout=touch]) .mob .interactive-title{font-size:13px;line-height:1.2;font-weight:var(--weight-regular);color:var(--g1)}:where(html[data-device-layout=touch]) .mob .dark .mfoot a{color:#fff}:where(html[data-device-layout=touch]) body.dark .mnav a{color:#fff}:where(html[data-device-layout=touch]) .mob .facts dt:after{content:":"}:where(html[data-device-layout=touch]) .mob .facts dd a{color:inherit;font-weight:inherit}:where(html[data-device-layout=touch]) .mob .gallery-home{align-self:center;display:flex;align-items:center;min-height:44px;font-size:var(--type-body);line-height:var(--line-body);font-weight:var(--weight-medium);color:var(--blue)}:where(html[data-device-layout=touch]) .mob[data-route="/about"] .mfoot a{text-decoration:underline}:where(html[data-device-layout=touch]) .mob>.portrait>img{object-fit:contain;object-position:50% 50%}:where(html[data-device-layout=touch]) .mob .mm.detail-media:not(.pcov){border-radius:6px}:where(html[data-device-layout=touch]) .mob .drion-scene .scene-labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;font-family:Zen Dots,sans-serif}}@media(min-width:375px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .lead{text-wrap:balance}}@media(min-width:500px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .body{text-wrap:balance}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead .lead,:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.body{text-wrap:pretty}}@media(min-width:0px){:where(html[data-device-layout=desktop]) .frame[data-route^="/projects/"] .t:has(>a.pn){z-index:4;overflow:visible}:where(html[data-device-layout=desktop]) .frame[data-route^="/projects/"] .t>a.pn{position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:flex-start;min-width:80px;min-height:44px;padding:0;transform:translateY(-50%);cursor:pointer;pointer-events:auto;color:#a1a1a1}:where(html[data-device-layout=desktop]) .frame[data-route^="/projects/"] .t>a.pn-next{left:auto;right:0;justify-content:flex-end}:where(html[data-device-layout=desktop]) .frame[data-route^="/projects/"] .t>a.pn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}}.desktop-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}.desktop-skip-link{display:none}@media(min-width:0px){:root:where([data-device-layout=desktop]){--g2:#737373;--g3:#737373}:where(html[data-device-layout=desktop]) .desktop-skip-link{display:block;position:fixed;z-index:30;top:8px;left:50%;transform:translate(-50%,-200%);padding:10px 16px;background:#fff;color:var(--blue);border:1px solid currentColor}:where(html[data-device-layout=desktop]) .desktop-skip-link:focus{transform:translate(-50%);outline:2px solid var(--blue);outline-offset:2px}:where(html[data-device-layout=desktop]) .frame .desktop-project-link{position:absolute;display:block}:where(html[data-device-layout=desktop]) .frame .desktop-project-link:focus-visible{outline:2px solid var(--blue);outline-offset:6px}:where(html[data-device-layout=desktop]) .frame .t>a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}:where(html[data-device-layout=desktop]) .frame[data-route="/"] h2.t>a{transition:color .2s ease}:where(html[data-device-layout=desktop]) .frame[data-route="/"] h2.t>a:hover{color:#595959!important;text-decoration:none}:where(html[data-device-layout=desktop]) .frame>h1{scroll-margin-top:64px}:where(html[data-device-layout=desktop]) .frame:focus,:where(html[data-device-layout=desktop]) .frame>h1:focus{outline:none}:where(html[data-device-layout=desktop]) .frame .tip{appearance:none;padding:0;border:0;border-radius:0;background:transparent;cursor:default}:where(html[data-device-layout=desktop]) .frame .tip:focus-visible{outline:2px solid var(--blue);outline-offset:4px}:where(html[data-device-layout=desktop]) .frame .bub{--bub-enter:.28s;--bub-exit:.18s;--bub-fade:.2s;--bub-in:cubic-bezier(.22,1,.36,1);--bub-out:cubic-bezier(.4,0,.6,1);transform-origin:0 100%;transform:translateY(-100%) translateY(4px) scale(.98);opacity:0;visibility:hidden;transition:opacity var(--bub-exit) var(--bub-out),transform var(--bub-exit) var(--bub-out),visibility 0s linear var(--bub-exit)}:where(html[data-device-layout=desktop]) .frame .bub p{opacity:1;transform:none;transition:none}:where(html[data-device-layout=desktop]) .frame .tip[data-open=true]+.bub{transform:translateY(-100%);opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--bub-fade) var(--bub-in),transform var(--bub-enter) var(--bub-in),visibility 0s}}@media(prefers-reduced-motion:reduce)and (min-width:0px){:where(html[data-device-layout=desktop]) .frame .ap{opacity:1!important;transform:none!important;transition:none!important}:where(html[data-device-layout=desktop]) .frame[data-route="/"] a>.w,:where(html[data-device-layout=desktop]) .frame[data-route="/"] a>.w .m{transition:none!important}:where(html[data-device-layout=desktop]) .frame .bub,:where(html[data-device-layout=desktop]) .frame .tip[data-open=true]+.bub{transform:translateY(-100%)!important}:where(html[data-device-layout=desktop]) .frame .bub p,:where(html[data-device-layout=desktop]) .frame .tip[data-open=true]+.bub p{transform:none!important;transition:none!important;opacity:1!important}:where(html[data-device-layout=desktop]) .frame .bub{transition:opacity .12s linear,visibility 0s linear .12s!important}:where(html[data-device-layout=desktop]) .frame .tip[data-open=true]+.bub{transition:opacity .12s linear,visibility 0s!important}:where(html[data-device-layout=desktop]) .frame[data-route="/"] a:hover>.w .m{transform:none!important}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .phead .project-info{--info-press-duration:.11s;--info-turn-duration:.36s;--info-ease:cubic-bezier(.22,1,.36,1);margin-top:12px}:where(html[data-device-layout=touch]) .mob .project-info>summary{display:block;width:max-content;min-width:0;margin:0;padding:calc((44px - 1.2em)/2) 12px calc((44px - 1.2em)/2) 0;border:0;border-radius:0;background:transparent;color:var(--g2);font-size:var(--type-body);line-height:1.2;font-weight:var(--weight-medium);list-style:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:opacity var(--info-press-duration) ease}:where(html[data-device-layout=touch]) .mob .project-info>summary::-webkit-details-marker{display:none}:where(html[data-device-layout=touch]) .mob .project-info>summary:active{opacity:.55}:where(html[data-device-layout=touch]) .mob .project-info>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}:where(html[data-device-layout=touch]) .mob .project-info-mark{--mark-size:10px;--mark-centre: calc(.25ex + .175em) ;display:inline-block;width:var(--mark-size);height:var(--mark-size);margin-left:5px;vertical-align:calc(var(--mark-centre) - var(--mark-size) / 2);transform:rotate(0);transition:transform var(--info-turn-duration) var(--info-ease)}@supports (height:1cap){:where(html[data-device-layout=touch]) .mob .project-info-mark{--mark-centre: calc(.25ex + .25cap) }}:where(html[data-device-layout=touch]) .mob .project-info-mark svg{display:block;width:100%;height:100%}:where(html[data-device-layout=touch]) .mob .project-info[open]>summary .project-info-mark{transform:rotate(180deg)}:where(html[data-device-layout=touch]) .mob .project-info[data-disclosure=closing]>summary .project-info-mark{transform:rotate(0)}:where(html[data-device-layout=touch]) .mob .project-info-content{padding-top:8px}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead .project-info .facts{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;gap:0;background:transparent;border-radius:0;border-top:0}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead .project-info .facts>div{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);align-items:start;column-gap:16px;row-gap:4px;margin:0;padding:18px 0;border-bottom:1px solid #e8e8e8}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead .project-info .facts>div:first-child{border-top:1px solid #e8e8e8}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead .project-info .facts dt{font-weight:var(--weight-medium)}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead .project-info .facts :is(dt,dd){flex:none;min-width:0;max-width:none;margin:0;line-height:1.5}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead .project-info .facts .timeline-team .person{display:block}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .phead .project-info .facts .timeline-team .person+.person{margin-top:4px}}@media(max-width:1199.98px)and (hover:hover)and (pointer:fine){:where(html[data-device-layout=touch]) .mob .project-info>summary:hover{opacity:.7}}@media(prefers-reduced-motion:reduce){.mob .project-info>summary,.mob .project-info-mark{transition:none}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .cue-panel{display:flow-root}:where(html[data-device-layout=touch]) .mob .cue-disclosures .cue-toggle:after{display:block;transform:rotate(0);transition:transform .36s cubic-bezier(.22,1,.36,1)}:where(html[data-device-layout=touch]) .mob .cue-disclosures details[open] .cue-toggle:after{display:block;transform:rotate(90deg)}:where(html[data-device-layout=touch]) .mob .cue-disclosures details[data-disclosure=closing] .cue-toggle:after{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.mob .cue-disclosures .cue-toggle:after{transition:none}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-vitals-video{--vitals-background:#e2e2e2;background:var(--vitals-background)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-vitals-clip{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(0);overflow:hidden;isolation:isolate;background:var(--vitals-background);-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff);-webkit-backface-visibility:hidden;backface-visibility:hidden}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-vitals-clip>:is(video,.video-fallback){position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);display:block;object-fit:cover;background:var(--vitals-background);border:0;outline:0}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-vitals-clip>video[data-failed=true]{visibility:hidden}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] :is(.lead,.body,.timeline-screen figcaption p){box-sizing:border-box;inline-size:100%;max-inline-size:var(--prose-measure,48ch);padding-inline:0 var(--prose-end-space,28px);text-wrap:pretty}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .facts .timeline-team .person{display:block}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-monitoring{gap:var(--project-group-space)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-screen figcaption{display:block;margin-top:12px}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-screen h3{font-size:var(--type-body);line-height:var(--line-body);font-weight:var(--weight-medium);color:var(--g1)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-screen figcaption p{margin-top:4px;font-size:var(--type-body);line-height:var(--line-text);color:var(--g2)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .mm,:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .mm.detail-media:not(.pcov),:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .mm.pcov{border-radius:0;box-shadow:none}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .mm>:is(img,video),:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .crop{border-radius:0}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery{gap:16px;align-items:start}}@media(max-width:499.98px){:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery{grid-template-columns:minmax(0,1fr)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery .tablet-gallery-extra{display:none}}@media(min-width:500px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery{display:grid;columns:auto;grid-template-columns:minmax(0,367fr) minmax(0,204fr) minmax(0,367fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:16px;aspect-ratio:970 / 1116}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery>.mm{margin:0;height:100%!important;aspect-ratio:auto!important}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery>.mm:nth-child(1),:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery>.mm:nth-child(3){grid-column:1 / span 2}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery>.mm:nth-child(2),:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery>.mm:nth-child(4){grid-column:3}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery>.mm:nth-child(5){grid-column:1}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-gallery>.mm:nth-child(6){grid-column:2 / span 2}}.frame[data-route="/projects/drion"] .drion-copy{position:absolute;left:20px;top:235.77px;width:290.5px}.frame[data-route="/projects/drion"] .drion-copy .t{position:static}.frame[data-route="/projects/drion"] .drion-copy #dri36{width:100%!important;text-wrap:balance}.frame[data-route="/projects/drion"] .drion-copy #dri38{margin-top:24px}.frame[data-route="/projects/drion"] .drion-copy #dri39{margin-top:12px}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"]>.drion-transition{--square-size:7.8px;--c1:#e5e5e5;--gap:28px;--dim:.25;position:relative;height:144px;margin-top:var(--project-group-space)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .carousel{--carousel-gap:12px;--carousel-card-inset:24px;gap:var(--carousel-gap);scroll-snap-stop:normal}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .carousel>.mm{width:calc(100% - var(--carousel-card-inset));flex:0 0 auto}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .cdots{color:#000;position:relative}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .dark .cdots{color:#fff}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .cdots button i{width:4px;background:currentColor;opacity:.22;transition:none}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"]>.dark{margin-top:var(--project-group-space);padding-top:var(--project-group-space)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .breathing-prototype{height:clamp(400px,115vw,520px);height:round(nearest,clamp(400px,115vw,520px),1px);border:0;outline:0;box-shadow:none;background:#000;overflow:hidden}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .breathing-prototype>iframe{display:block;border:0;outline:0;box-shadow:none;background:#000}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .breathing-prototype+.drion-finish-group{margin-top:calc(var(--project-media-space) + 48px)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .drion-finish{border:0;outline:0;box-shadow:none;background:#050505;-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .drion-headband{background:#010101}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .drion-headband>img{inset:3% auto auto 50%;width:auto;height:82%;aspect-ratio:2614 / 1600;max-width:none;translate:-50% 0;object-fit:contain;-webkit-mask-image:linear-gradient(to bottom,#000 68%,transparent 100%);mask-image:linear-gradient(to bottom,#000 68%,transparent 100%)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/drion"] .drion-finish>img{left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:0;outline:0}}@media(prefers-reduced-motion:reduce){.drion-loader-wrap .square{animation:none;opacity:.6;will-change:auto}}@media(max-width:1199.98px){html:where([data-device-layout=touch]):has(>body.dark[data-route="/projects/drion"]),:where(html[data-device-layout=touch]) body.dark[data-route="/projects/drion"]{background:#050505}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob .carousel[data-fluid]{--carousel-gap:12px;--carousel-card-inset:24px;gap:var(--carousel-gap);scroll-snap-stop:always;overscroll-behavior-x:contain}:where(html[data-device-layout=touch]) .mob .carousel[data-fluid]>.mm{--parallax:24px;width:calc(100% - var(--carousel-card-inset));flex:0 0 auto}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"] .carousel[data-fluid]>.mm>:is(img,video,.video-fallback){inset:-2px auto -2px calc(-2px - var(--parallax));width:calc(100% + 4px + 2 * var(--parallax));height:calc(100% + 4px);transform:translate3d(calc(var(--slide-offset, 0) * var(--parallax) * -1),0,0);will-change:transform}:where(html[data-device-layout=touch]) .mob .cdots.is-fluid{position:relative;color:#000}:where(html[data-device-layout=touch]) .mob .dark .cdots.is-fluid{color:#fff}:where(html[data-device-layout=touch]) .mob .dark .cdots.is-fluid>.carousel-liquid-dot{background:currentColor}:where(html[data-device-layout=touch]) .mob .cdots.is-fluid button i,:where(html[data-device-layout=touch]) .mob .cdots.is-fluid button i.on{width:3px;height:3px;border-radius:0;background:currentColor;opacity:.2}:where(html[data-device-layout=touch]) .mob .cdots.is-fluid button{flex:0 0 11px;width:11px}:where(html[data-device-layout=touch]) .mob .cdots.is-fluid>.carousel-liquid-dot{position:absolute;left:0;top:0;width:3px;height:3px;border-radius:0;background:var(--g1);pointer-events:none;will-change:transform,width}:where(html[data-device-layout=touch]) .mob[data-route="/projects/soft-signals"]>.mm+.concept-pair{margin-top:var(--project-group-space)}}@media(max-width:1199.98px)and (prefers-reduced-motion:reduce){:where(html[data-device-layout=touch]) .mob .carousel[data-fluid]>.mm>:is(img,video,.video-fallback){transform:none}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route="/projects/chime"]>.chime-process-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}:where(html[data-device-layout=touch]) .mob[data-route="/projects/chime"] .chime-process-gallery>.chime-process-video{grid-column:1 / -1}:where(html[data-device-layout=touch]) .mob[data-route="/projects/chime"] .chime-process-gallery .mm,:where(html[data-device-layout=touch]) .mob[data-route="/projects/chime"] .chime-process-gallery :is(img,video){border-radius:0;box-shadow:none}}@media(max-width:499.98px){:where(html[data-device-layout=touch]) .mob[data-route="/projects/chime"]>.chime-process-gallery{grid-template-columns:minmax(0,1fr)}}@media(min-width:500px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route="/projects/chime"] .chime-process-gallery>.mm:not(.chime-process-video){aspect-ratio:731 / 532!important;height:auto!important}}@media(max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>figure,:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>figure+.grid,:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>.hero+figure{margin-top:var(--project-group-space)}:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>.grid{gap:8px}:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>.type-gallery-note{width:100%;max-width:none;margin-top:96px;padding:0;font-size:var(--type-meta);line-height:var(--line-meta);font-weight:var(--weight-regular);color:var(--color-meta);text-align:center}:where(html[data-device-layout=touch]) .mob .type-gallery-static{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;aspect-ratio:1;margin-top:24px;gap:0;touch-action:pan-y pinch-zoom;-webkit-touch-callout:none}:where(html[data-device-layout=touch]) .type-gallery-tile{min-width:0;aspect-ratio:1;overflow:hidden;contain:paint}:where(html[data-device-layout=touch]) .type-gallery-tile img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02);pointer-events:none;user-select:none;-webkit-user-select:none}:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>.tbc{display:block;width:100%;max-width:none;margin:96px 0 0;padding:0;align-self:center;text-align:center}}@media(min-width:500px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route="/projects/noticing-sj-california"]>.hero{width:100%;margin-left:0}}@media(max-width:1199.98px){html:where([data-device-layout=touch]):not([data-home-variant=captions]) .mob[data-route="/"] .card>h2,html:where([data-device-layout=touch]):not([data-home-variant=captions]) .mob[data-route="/"] .card>.tags,html:where([data-device-layout=touch]):not([data-home-variant=captions]) .mob[data-route="/"] .card>.body{display:none}html:where([data-device-layout=touch]):not([data-home-variant=captions]) .mob[data-route="/"] .cards{gap:16px}}@media(min-width:640px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob,:where(html[data-device-layout=touch]) .mnav{--prose-measure:100%;--prose-end-space:0px}:where(html[data-device-layout=touch]) .mob :is(.lead,.body,.cue-description){text-wrap:pretty}:where(html[data-device-layout=touch]) .mob .phead .lead{margin-top:24px}:where(html[data-device-layout=touch]) .mob[data-route] :is(.phead,.intro) .lead{text-wrap:balance}:where(html[data-device-layout=touch]) .mob[data-route^="/projects/"]>.body.text-brief{text-wrap:balance}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-screen figcaption{display:grid;grid-template-columns:10.5rem minmax(0,1fr);column-gap:24px;align-items:start;margin-top:16px}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-screen figcaption h3{margin:0;font-weight:var(--weight-medium);text-wrap:balance}:where(html[data-device-layout=touch]) .mob[data-route="/projects/timeline"] .timeline-screen figcaption p{margin:0;padding:0;max-inline-size:none;text-wrap:balance}}.about-gradient{position:absolute;left:0;top:0;bottom:0;width:44.11%;display:flex;pointer-events:none;z-index:1}.frame .about-gradient{top:3px;bottom:auto;height:141px}@media(min-width:640px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route="/about"]>.portrait{width:50%}}.about-gradient i{position:relative;flex:none;height:100%;overflow:hidden}.about-gradient i:before{content:"";position:absolute;left:0;right:0;top:0;height:200%;background:linear-gradient(#7896c4,#abbfe0,#e3e9fa,#abbfe0,#7896c4);animation:about-gradient-drift var(--drift) ease-in-out infinite alternate;will-change:transform}.about-gradient i:nth-child(1){width:1.81%;--drift:17s}.about-gradient i:nth-child(2){width:4.12%;--drift:23s}.about-gradient i:nth-child(3){width:6.01%;--drift:14s}.about-gradient i:nth-child(4){width:10.54%;--drift:21s}.about-gradient i:nth-child(5){width:14.25%;--drift:19s}.about-gradient i:nth-child(6){width:24.46%;--drift:25s}.about-gradient i:nth-child(7){width:38.81%;--drift:16s}.about-gradient i:nth-child(2n):before{animation-direction:alternate-reverse}@keyframes about-gradient-drift{0%{transform:translateZ(0)}to{transform:translate3d(0,-50%,0)}}@media(prefers-reduced-motion:reduce){.about-gradient{display:none}}html[data-device-layout=desktop],html[data-device-layout=desktop] body{min-width:1200px}html[data-device-layout=desktop]{overflow-x:auto}html[data-device-layout=desktop] body{overflow:visible}html[data-device-layout=desktop] .nav{min-width:1200px;position:sticky;height:0}html[data-device-layout=desktop] .nav:before{content:"";position:absolute;top:0;left:0;right:0;height:44px;background:inherit;pointer-events:none}html[data-device-layout=desktop] .fixedbar{left:max(600px,50%)}html[data-device-layout=desktop] #dri6{left:min(0px,calc(600px - 50vw))!important;width:max(1200px,100vw)!important}:root{--globe-ease-out:cubic-bezier(.23, 1, .32, 1)}.globe-slot:not(.w){position:relative}.globe-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s var(--globe-ease-out)}.globe-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;outline:none;opacity:0;transition:opacity .4s var(--globe-ease-out)}.globe-grip{position:absolute;border-radius:50%;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.globe-grip.is-dragging{cursor:grabbing}.globe-canvas:focus-visible{outline:1px dashed var(--blue);outline-offset:4px}.globe-slot.is-live .globe-canvas{opacity:1}.globe-slot.is-live .globe-poster{opacity:0}.globe-labels{position:absolute;inset:0;pointer-events:none}.globe-label{position:absolute;left:0;top:0;will-change:transform,opacity;opacity:0;transition:opacity .3s var(--globe-ease-out);font-weight:var(--weight-bold,700);font-size:13px;line-height:1.02;white-space:nowrap;color:var(--c)}.globe-label-in{transition:transform .2s var(--globe-ease-out)}.globe-card{display:block;padding:.3em .42em .26em;border-radius:.4em;font-size:12px;box-shadow:0 1px 3px #00000024,0 0 0 .5px #0000000d;transition:box-shadow .2s var(--globe-ease-out)}.globe-card-pill{background:var(--c);color:#fff}.globe-card-white{background:#fff;color:var(--c);line-height:1.15}.globe-label-arrow .globe-label-in{display:grid;grid-template-columns:auto auto;align-items:end}.globe-label-arrow .globe-card{grid-column:2;grid-row:1}.globe-label-arrow .globe-arrow{grid-column:1;grid-row:2;position:relative;width:9px;height:9px}.globe-label-arrow .globe-arrow:before{content:"";position:absolute;left:-4.5px;top:-.5px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000024,0 0 0 .5px #0000000d}.globe-label-arrow .globe-arrow svg{position:relative;display:block;width:9px;height:9px;overflow:visible}.globe-label-in.arrived{animation:globe-stamp .3s var(--globe-ease-out) backwards}@keyframes globe-stamp{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.globe-label-in.lifted{transform:translateY(-2px) scale(1.07)}.globe-label-in.lifted .globe-card{box-shadow:0 4px 12px #00000029,0 0 0 .5px #0000000d}.globe-tip{position:absolute;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;will-change:transform,opacity;opacity:0;transition:opacity .3s var(--globe-ease-out);color:var(--c)}.globe-tip-in{position:relative;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000024,0 0 0 .5px #0000000d}.globe-tip svg{position:absolute;left:4.5px;top:.5px;width:9px;height:9px;overflow:visible;transform-origin:2.5px 6.5px}.globe-tip-in.arrived{animation:globe-stamp .3s var(--globe-ease-out) backwards}.globe-play{position:absolute;left:50%;bottom:6px;width:24px;height:24px;margin-left:-12px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--blue);cursor:pointer;opacity:0;box-sizing:border-box;border:1px solid #cfcfcf;box-shadow:none;transition:opacity .3s var(--globe-ease-out),transform .16s var(--globe-ease-out),border-color .2s ease}.globe-play svg{grid-area:1/1;width:9px;height:9px;transition:opacity .15s var(--globe-ease-out),transform .15s var(--globe-ease-out)}.globe-play .i-play{margin-left:1px}.globe-play .i-pause,.globe-play.is-playing .i-play{opacity:0;transform:scale(.8)}.globe-play.is-playing .i-pause{opacity:1;transform:none}.globe-play:before{content:"";position:absolute;inset:-10px;border-radius:50%}.globe-slot.is-live .globe-play{opacity:1}.globe-play:active{transform:scale(.96)}.globe-play:focus-visible{outline:1.5px solid var(--blue);outline-offset:2px}@media(hover:hover)and (pointer:fine){.globe-play:hover{border-color:var(--blue)}}.globe-slot.w .globe-play{bottom:37px}:where(html[data-device-layout=touch]) .mob .globe-play{bottom:-29px}:where(html[data-device-layout=touch]) .mob .globe-slot{margin-bottom:15px}[data-globe-stop]{cursor:default}.frame .globe-title.globe-on{color:var(--blue)!important}.mob li[data-globe-stop] h3{transition:color .2s ease}.mob li.globe-on h3{color:var(--blue)}:where(html[data-device-layout=touch]) .mob .globe-card{font-size:11px}@media(min-width:640px)and (max-width:1199.98px){:where(html[data-device-layout=touch]) .mob[data-route="/about"]>.map{width:max(100%,min(calc(100vw - 40px - var(--safe-left, 0px) - var(--safe-right, 0px)),calc((100svh - var(--mobile-nav-height, 52px) - 48px) * .85),840px));max-width:none;align-self:center}}@media(prefers-reduced-motion:reduce){.globe-poster,.globe-canvas,.globe-label,.globe-label-in,.globe-tip{transition:none}.globe-label-in.arrived,.globe-tip-in.arrived{animation:none}.globe-play{display:none}}