@charset "UTF-8";:root{--font-base:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-display:"SF Pro Display",SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-lg:2.25rem;--text-xl:3.25rem;--text-2xl:4.5rem;--text-xs--line-height:calc(1 / .75);--text-sm--line-height:calc(1.25 / .875);--text-base--line-height:calc(1.5 / 1);--text-lg--line-height:calc(1.75 / 1.125);--text-2xl--line-height:calc(2 / 1.5);--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-sm:.01em;--tracking-base:.005em;--tracking-md:-.005em;--tracking-md-lg:-.0125em;--tracking-lg:-.02em;--tracking-xl:-.025em;--tracking-2xl:-.03em;--body-bg:#FAFAFA;--text:#333333;--text-emph:#6e6e73;--border:#F5F5F5;--img-bg:#FFFFFF;--link-color:#0000EE;--visited-color:#551A8B;--hover-color:#3333EE;--active-color:#FF0000;--warning:#fec400;--brand-fsqcityguide:#F94877;--brand-fsqcityguide-light:#FFE6EC;--brand-fsqswarm:#FFA633;--brand-fsqswarm-light:#FFF3DD;--brand-fsqlabs:#1791FF;--brand-fsqlabs-light:#E3F1FF;--box-shadow:0 1px 3px 0 rgba(15, 60, 14, 0.06),0 10px 14px rgba(15, 60, 14, 0.08);--spacing-unit:8px;--g:calc(10rem / 16);--spacing-g1:calc(var(--g) * 1)}@media (prefers-color-scheme:dark){:root{--body-bg:#2b2d32;--text:#ffffff;--text-emph:#abb0bb;--border:#3e4045;--img-bg:#24262A;--link-color:#66B2FF;--visited-color:#B48FD6;--hover-color:#99CCFF;--active-color:#FF6666}p{word-spacing:.05em}}*,::after,::before{box-sizing:border-box}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol[class],p,ul[class]{margin:0}a{text-decoration:none}a:not([class]){text-decoration-skip-ink:auto}a:link{color:var(--link-color);text-decoration:underline}a:visited{color:var(--visited-color)}a:focus,a:hover{color:var(--hover-color);text-decoration:underline}a:active{color:var(--active-color)}button,input,select,textarea{font:inherit}strong{font-weight:var(--font-weight-medium)}small{font-size:75%}abbr{text-decoration:none}.num{font-family:var(--font-mono);font-weight:var(--font-weight-medium)}iframe,img,video{display:block;margin:0;width:100%;max-width:100%}img{height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:.75rem}mark{margin:0 -.4em;padding:.1em .4em;border-radius:.4em .3em;background:0 0;background-image:linear-gradient(to right,rgba(255,225,0,.1),rgba(255,225,0,.7) 4%,rgba(255,225,0,.3));-webkit-box-decoration-break:clone;box-decoration-break:clone}code,pre{background:var(--border);border-radius:calc(.25 * var(--spacing-unit));color:var(--text);-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;letter-spacing:-.025em;line-height:inherit;tab-size:2;text-align:left;vertical-align:baseline}pre{box-sizing:content-box;overflow:auto;padding:calc(3 * var(--spacing-unit));white-space:pre-wrap;word-wrap:break-word}pre code{font-family:inherit;box-shadow:none;background-color:transparent}code{font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--text-base--line-height);padding:calc(.5 * var(--spacing-unit)) calc(1 * var(--spacing-unit));border-radius:calc(.5 * var(--spacing-unit))}body{background:var(--img-bg);color:var(--text);font-family:var(--font-base);font-size:var(--text-base);font-weight:var(--font-weight-normal);letter-spacing:.005em;line-height:var(--text-base--line-height);scroll-behavior:smooth;text-rendering:optimizeSpeed;text-wrap:pretty}body,button,input,select,textarea{font-synthesis:none;font-feature-settings:"kern";-moz-font-feature-settings:"kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;text-align:left}.wrapper{margin:0 auto;max-width:1320px;width:90%}.breakout{overflow-x:auto}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-normal)}h1{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);letter-spacing:var(--tracking-base)}h2{font-size:var(--text-3xl);line-height:var(--text-4xl--line-height);letter-spacing:var(--tracking-base)}h3{font-family:var(--font-display);font-size:var(--text-3xl);line-height:1.16667;letter-spacing:.009em}h5,time{color:var(--text-emph);font-size:var(--text-sm);line-height:var(--leading-normal);letter-spacing:var(--tracking-sm);margin:0}p{margin-bottom:calc(3 * var(--spacing-unit))}blockquote{border-left:calc(.5 * var(--spacing-unit)) solid var(--border);margin-left:calc(-2.5 * var(--spacing-unit));padding-left:calc(2 * var(--spacing-unit))}figcaption{font-size:.875rem;font-weight:var(--font-weight-semibold);line-height:var(--leading-normal);letter-spacing:.01em;padding:calc(1 * var(--spacing-unit)) 0 0 0;text-align:center}figcaption span{color:var(--text-emph);display:block;font-weight:var(--font-weight-normal)}.skip-link,.visually-hidden{font-size:inherit;position:absolute;z-index:99993;top:0;left:50%;text-align:center;text-decoration:underline;transition:transform 166ms;transform:translate(-50%,-110%);opacity:0;pointer-events:none}.skip-link:focus{transform:translate(-50%);opacity:1}.grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}header[role=banner]{color:var(--text-emph);padding:calc(5 * var(--spacing-unit)) 0 calc(20 * var(--spacing-unit))}footer[role=contentinfo]{background:var(--body-bg);color:var(--text-emph);padding:calc(10 * var(--spacing-unit)) 0}footer[role=contentinfo] .copyright{margin-top:calc(5 * var(--spacing-unit))}footer[role=contentinfo] .copyright p{font-size:var(--text-sm);line-height:var(--leading-normal);letter-spacing:var(--tracking-sm);margin-bottom:0;grid-column:7/-1}nav[role=navigation] ul{list-style:none;margin:0;padding:0}nav[role=navigation] ul a .active,nav[role=navigation] ul a.active,nav[role=navigation] ul a.active:has(span.active):hover,nav[role=navigation] ul a:hover{color:var(--text)}nav[role=navigation] ul a:hover .active{color:var(--text-emph)}nav[role=navigation] ul a.active:has(span.active){color:var(--text-emph)}nav[role=navigation] ul a.active{font-weight:var(--font-weight-medium)}nav[role=navigation] ul ul{padding:0}nav[role=navigation] ul.grid li:nth-child(2){grid-column:7/19}nav[role=navigation] ul.grid li.last{grid-column:21/-1}footer[role=contentinfo] li a,nav[role=navigation] li a{color:var(--text-emph);display:inline-flex;align-items:center;gap:calc(.5 * var(--spacing-unit));text-decoration:none;margin-bottom:calc(1 * var(--spacing-unit))}footer[role=contentinfo] a:hover svg path,nav[role=navigation] a:hover svg path{stroke:var(--text)}main[role=main]{border-bottom:1px solid var(--border);padding-bottom:calc(10 * var(--spacing-unit));outline:0}main[role=main] header{margin-bottom:calc(5 * var(--spacing-unit))}main[role=main] header p{color:var(--text-emph);margin:calc(3 * var(--spacing-unit)) 0 0}body#home main[role=main] .bio p{color:var(--text-emph)}body#home main[role=main] .bio p strong{color:var(--text)}body#home .main p strong .num{font-weight:var(--font-weight-semibold)}body#home main[role=main] .photo{border-radius:calc(2 * var(--spacing-unit));margin-bottom:calc(3 * var(--spacing-unit));overflow:hidden}body#home main[role=main] .photo .box{background:var(--border);position:relative}body#home main[role=main] .photo .box img{object-fit:cover}body#home main[role=main] .photo .box svg{position:absolute;top:0;max-width:100%;height:auto}.callout{background:var(--warning);border-radius:calc(var(--spacing-unit));padding:calc(2 * var(--spacing-unit));margin-bottom:calc(8 * var(--spacing-unit));text-align:center}.callout p{margin-bottom:0}.work-section{margin-bottom:calc(20 * var(--spacing-unit))}.work-section .box{--tile-bg:transparent;margin-bottom:calc(3 * var(--spacing-unit))}.work-section .box.fsqlabs{--tile-bg:var(--brand-fsqlabs)}.work-section .box.fsqswarm{--tile-bg:var(--brand-fsqswarm)}.work-section .box.fsqcityguide{--tile-bg:var(--brand-fsqcityguide)}.work-section .tile{display:block;text-decoration:none!important}.work-section .media{background:var(--tile-bg)}.work-section .media img{display:block;height:auto;object-fit:cover;transition:transform .5s ease-in-out;width:100%}.work-section .caption .meta{margin:0}.work-section .tile:hover .caption .title{text-decoration:underline}.work-section .tile:hover .media img{transform:scale(1.1)}.work-section .box a:hover img{transform:scale(1.1)}.work-section{--plate-h:clamp(320px, 26vw, 400px)}.work-section .media{border-radius:calc(2 * var(--spacing-unit));height:var(--plate-h);overflow:hidden}.work-section .box.muted{background:0 0;display:none}.work-section .box.muted .media{background:var(--border);display:grid;place-items:center}.work-section .box.muted .media svg{height:auto;width:120px}.work-section .caption{color:var(--text);font-weight:var(--font-weight-medium);margin-top:calc(1 * var(--spacing-unit))}.work-section .tile:hover .caption .title{text-decoration:underline}.work-section .tile:hover .media img{transform:scale(1.1)}.proj-subgrid{display:grid;grid-template-columns:subgrid;grid-column:1/-1;row-gap:0;color:var(--text-emph);font-weight:var(--font-weight-normal)}.proj-subgrid>.hdr,.proj-subgrid>.row{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.proj-subgrid .hdr{align-items:baseline;color:var(--text-emph);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);padding:calc(3 * var(--spacing-unit)) 0;border-bottom:1px solid var(--border)}.proj-subgrid .row{align-items:center;padding:calc(3 * var(--spacing-unit)) 0;border-bottom:1px solid var(--border);text-decoration:none}.proj-subgrid .row:last-child{border-bottom:0}.proj-subgrid a.row{color:var(--text)}.proj-subgrid .c{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-subgrid .c.project{grid-column:1/7}.proj-subgrid .c.company{grid-column:13/23}.proj-subgrid .c.year{grid-column:23/-1}.proj-subgrid a:hover .project{text-decoration:underline}.proj-subgrid .row:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:.25rem}a.row .project{font-weight:var(--font-weight-medium)}.archive-section .hover-preview{display:none;position:fixed;pointer-events:none;z-index:1000;width:640px;height:auto;margin-top:-160px;margin-left:-80px;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .2s ease}.archive-section .hover-preview.visible{opacity:1;visibility:visible}.archive-section .hover-preview img{width:100%;height:100%;object-fit:cover}.content .main{overflow-wrap:break-word}.content .meta{grid-column:1/7;margin-top:calc(5 * var(--spacing-unit))}.content .meta>div{margin-bottom:calc(2 * var(--spacing-unit))}.content .meta>div h5{margin:0 0 calc(.5 * var(--spacing-unit))!important}.content .meta div ol,.content .meta div ul{list-style:none;list-style-position:inside;margin:0;padding:0}#case-study .content .meta ul li{display:inline}#case-study .content .meta ul li:before{display:none!important}#case-study .content .meta ul li:after{display:inline-block;color:var(--text-emph);content:",\00a0"}#case-study .content .meta ul li:last-child:after{content:""}.content .meta .acc{border-top:1px solid var(--border)}.content .meta .acc:last-of-type{border-bottom:none}.content .meta .acc__summary{align-items:center;color:var(--text-emph);cursor:pointer;display:flex;justify-content:space-between;gap:1rem;list-style:none;font-size:var(--text-sm);line-height:var(--leading-normal);letter-spacing:var(--tracking-sm);padding:calc(3 * var(--spacing-unit)) 0}.content .meta .acc__summary::-webkit-details-marker{display:none}.content .meta .acc__chev{width:1rem;height:1rem;transition:transform .2s ease}.content .meta .acc[open] .acc__chev{transform:rotate(180deg)}.content .meta .acc__panel{padding:0 0 calc(3 * var(--spacing-unit))}.content .meta .acc__panel p,.content .meta .acc__panel ul{margin:0;padding:0}#case-study .banner{position:relative;overflow:hidden;background-color:var(--border);border-radius:calc(3 * var(--spacing-unit));margin-bottom:calc(5 * var(--spacing-unit))}#case-study .banner:hover{cursor:pointer}#case-study .banner .banner-container{position:relative;margin:0 auto;max-width:80%}#case-study .banner .banner-controls{position:absolute;right:calc(3 * var(--spacing-unit));bottom:calc(3 * var(--spacing-unit));visibility:hidden}#case-study .banner:hover .banner-controls{visibility:visible}.banner-controls .icon{display:none;justify-content:center;align-items:center;width:calc(6 * var(--spacing-unit));height:calc(6 * var(--spacing-unit));background:var(--text-emph);border-radius:100%}.banner-controls .pause-icon{display:flex}.banner-controls.playing .play-icon{display:none}.banner-controls.playing .pause-icon{display:flex}.banner-controls.paused .pause-icon{display:none}.banner-controls.paused .play-icon{display:flex}#case-study .banner .banner-container img{position:absolute;top:0;opacity:0;will-change:opacity;transform:translate3d(0,0,0);backface-visibility:hidden}#case-study .banner img.active{opacity:1}body#case-study .banner-container .loader{position:absolute;top:50%;left:50%;width:calc(6 * var(--spacing-unit));height:calc(6 * var(--spacing-unit));margin-top:calc(-3 * var(--spacing-unit));margin-left:calc(-3 * var(--spacing-unit));border:5px solid var(--text-emph);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}#case-study .content .main h2{margin-bottom:calc(3 * var(--spacing-unit))}#case-study .content .main h2:first-letter{text-transform:uppercase}#case-study .content .main h5{margin:calc(5 * var(--spacing-unit)) 0 0}#case-study .content .main h5+h2{margin-top:0}#case-study .content .main .img,#case-study .content .main figure,#case-study .content .main table{font-size:var(--font-size-s);line-height:var(--text-base--line-height);margin-bottom:calc(3 * var(--spacing-unit))}#case-study .content .main figure .bg{background-color:var(--body-bg);border:1px solid var(--border);border-radius:calc(1 * var(--spacing-unit))}#case-study .content .main figure.img div img{min-height:100%;display:block;border-radius:calc(.25 * var(--spacing-unit))}#case-study .content .main .img div.multi{display:flex;gap:var(--spacing-g1);justify-content:space-between}#case-study .content .main .img div.multi.row{flex-direction:row}#case-study .content .main .img div.multi.col{flex-direction:column}#case-study .content .main .img div.multi>div{flex:1 1 0;max-width:100%}#case-study .content .main .img div.multi.row>div{background:var(--border);border-radius:calc(1 * var(--spacing-unit));overflow:hidden}#case-study .content .main .img div.multi.col>div:last-child{margin-bottom:0}#case-study .content .main .img div.padding{padding:var(--spacing-unit)}#case-study .content .main .img>div img{display:block}#case-study .content .main figure blockquote{border:0;margin:0;padding:0}#case-study .content .main figure blockquote p{font-size:var(--text-base);line-height:var(--text-base--line-height);font-style:italic}#case-study .content .main figure blockquote p:last-child{margin-bottom:0}#case-study .content .main figure blockquote p:before{color:var(--text-emph);content:"“";display:inline-block;width:.7em;margin-left:-.7em;padding-right:.07em;text-align:right}#case-study .content .main figure blockquote p:after{break-before:avoid;color:var(--text-emph);content:"”"}#case-study .content .main figure blockquote+figcaption{color:var(--text-emph);text-align:left}#case-study .content .main figure blockquote+figcaption:before{content:"\2014";position:relative}#case-study .content .main ul{list-style-type:none}#case-study .content .main ul li{padding-bottom:calc(1 * var(--spacing-unit))}#case-study .content .main ul li:last-child{padding-bottom:0}#case-study .content .main ul li:before{display:inline-block;color:var(--text-emph);content:"—";padding-right:calc(1 * var(--spacing-unit));margin-left:calc(-3 * var(--spacing-unit))}#case-study .content .main table{background:var(--img-bg);border:1px solid var(--border);border-radius:calc(1 * var(--spacing-unit));border-spacing:0;overflow:hidden;padding:calc(1 * var(--spacing-unit));text-align:left;width:100%}#case-study .content .main table thead{display:table-header-group}#case-study .content .main table thead tr th{font-weight:600;height:56px}#case-study .content .main table thead tr th,#case-study .content .main table tr td{padding:var(--spacing-unit) calc(2 * var(--spacing-unit)) calc(2 * var(--spacing-unit));vertical-align:top;border:none}#case-study .content .main table tbody tr:nth-child(odd){background:var(--body-bg)}#case-study .content .main table tr td:first-child{border-top-left-radius:calc(.5 * var(--spacing-unit));border-bottom-left-radius:calc(.5 * var(--spacing-unit))}#case-study .content .main table tr td:last-child{border-top-right-radius:calc(.5 * var(--spacing-unit));border-bottom-right-radius:calc(.5 * var(--spacing-unit))}#case-study .content .main table tr:last-child td{border-bottom:none}#case-study .content .main table thead tr th:first-child,#case-study .content .main table tr td:first-child{border-left-width:0}#case-study .content .main table tr td span{display:inline-block;width:22px;height:22px;background-size:contain;background-repeat:no-repeat;text-indent:-9999em;vertical-align:middle}#case-study .content .main .quotes{padding:0}#case-study .content .main .quotes li{background:var(--body-bg);border:1px solid var(--border);border-radius:calc(.5 * var(--spacing-unit));margin-bottom:calc(1 * var(--spacing-unit));padding:calc(3 * var(--spacing-unit))}#case-study .content .main .quotes li:last-child{margin-bottom:0}#case-study .content .main .quotes li .card{display:flex;flex-direction:column;row-gap:calc(3 * var(--spacing-unit));height:100%}.quotes .persona{display:inline-block;width:calc(7 * var(--spacing-unit));height:auto;margin-top:auto;border-radius:calc(.5 * var(--spacing-unit));overflow:hidden}#case-study .content .main .quotes li .card blockquote{border:0;margin:0;padding:0;flex:1}#case-study .content .main .quotes li:before{display:none}#case-study .content .main .quotes li:last-child{padding-bottom:calc(2 * var(--spacing-unit))}#case-study .content .main .quotes li strong{display:block}#case-study .content .main .quotes li .persona:has(svg){background:0 0}#case-study .content .main .quotes li .persona svg{max-width:100%;height:auto}#case-study .content .main .quotes li .persona svg path{fill:var(--text)}svg.persona path{fill:none;stroke:var(--brand-color)}#case-study .content .main p sup a{padding:0 1px;text-decoration:none;font-size:var(--font-size-xs);line-height:var(--line-height-heading);font-family:var(--font-mono)}#case-study .content h5:has(+ol#footnotes){border-top:1px solid var(--border);padding-top:calc(3 * var(--spacing-unit))}#footnotes{color:var(--text-emph);font-size:var(--font-size-xs);line-height:var(--line-height-heading)}ul#footnotes{list-style-type:none;padding:0}#footnotes li{margin-bottom:calc(2 * var(--spacing-unit))}#footnotes li::marker{font-family:var(--font-mono)}.icon-check-yes{background-color:var(--text);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.00002L5.83364 11L14.5 1' stroke='%23232426' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");-webkit-mask-size:16px;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.00002L5.83364 11L14.5 1' stroke='%23232426' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");mask-size:16px;mask-position:center;mask-repeat:no-repeat}.icon-check-no{background-color:var(--text);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.343278 10.2423C-0.0472467 10.6329 -0.0472467 11.266 0.343278 11.6566C0.733802 12.0471 1.36697 12.0471 1.75749 11.6566L6.00026 7.41378L10.2432 11.6567C10.6337 12.0473 11.2669 12.0472 11.6574 11.6567C12.0479 11.2662 12.0479 10.633 11.6574 10.2425L7.41447 5.99957L11.657 1.75706C12.0475 1.36653 12.0475 0.733369 11.657 0.342845C11.2665 -0.0476796 10.6333 -0.0476799 10.2428 0.342845L6.00026 4.58536L1.75792 0.343017C1.36739 -0.0475071 0.734229 -0.0475071 0.343705 0.343017C-0.0468194 0.733541 -0.0468194 1.36671 0.343705 1.75723L4.58605 5.99957L0.343278 10.2423Z' fill='%23232426'/%3E%3C/svg%3E");-webkit-mask-size:12px;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.343278 10.2423C-0.0472467 10.6329 -0.0472467 11.266 0.343278 11.6566C0.733802 12.0471 1.36697 12.0471 1.75749 11.6566L6.00026 7.41378L10.2432 11.6567C10.6337 12.0473 11.2669 12.0472 11.6574 11.6567C12.0479 11.2662 12.0479 10.633 11.6574 10.2425L7.41447 5.99957L11.657 1.75706C12.0475 1.36653 12.0475 0.733369 11.657 0.342845C11.2665 -0.0476796 10.6333 -0.0476799 10.2428 0.342845L6.00026 4.58536L1.75792 0.343017C1.36739 -0.0475071 0.734229 -0.0475071 0.343705 0.343017C-0.0468194 0.733541 -0.0468194 1.36671 0.343705 1.75723L4.58605 5.99957L0.343278 10.2423Z' fill='%23232426'/%3E%3C/svg%3E");mask-size:12px;mask-position:center;mask-repeat:no-repeat}#reading [role=main] ul,#tickets [role=main] ul{list-style:none;margin:0;padding:0}#reading [role=main] ul li,#tickets [role=main] ul li{transition:opacity .3s ease}#tickets #filters{margin:calc(3 * var(--spacing-unit)) 0 calc(2 * var(--spacing-unit))}#tickets .filter-group{display:flex;flex-wrap:wrap;justify-content:start;gap:var(--spacing-g1)}#tickets .filter-pill{background:var(--border);border:1px solid var(--border);border-radius:calc(10 * var(--spacing-unit));color:var(--text);cursor:pointer;display:inline-block;margin:0;padding:calc(.5 * var(--spacing-unit)) calc(2 * var(--spacing-unit));transition:background .2s ease,color .2s ease,border-color .2s ease}#tickets .filter-pill.active{background:var(--text);border-color:var(--text);color:var(--body-bg)}#tickets .filter-divider{width:1px;height:1.25em;background:var(--border);display:inline-block;align-self:center}#tickets ul#ticket-list li[style*="display: none"]{opacity:0}#tickets ul#ticket-list li img{height:auto}body#error{position:relative}body#error #error-strip{position:fixed;left:0;right:0;top:0;z-index:4}body#error #error-strip .grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:0;height:8px;padding-inline:0}@media screen and (min-width:480px){body#case-study .banner-container{height:299px}}@media screen and (min-width:540px){.row-start-1,.row-start-7{grid-column-start:1}.row-end-19{grid-column-end:13}body#case-study .banner-container{height:311px}}@media screen and (min-width:768px){body#case-study .banner-container{height:448px}.proj-subgrid .row{row-gap:.4rem;column-gap:1rem}.proj-subgrid .c.project{grid-column:1/-1}.proj-subgrid .c.company{grid-column:1/-1}.proj-subgrid .c.year{justify-self:end}}@media screen and (min-width:992px){body#case-study .banner-container{height:785px}.proj-subgrid .c.project{grid-column:1/13}.proj-subgrid .c.company{grid-column:13/23}.archive-section .hover-preview{display:block}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}}@media screen and (min-width:1140px){.grid{display:grid;gap:var(--spacing-g1);grid-template-columns:repeat(24,1fr);max-width:100%}.row-start-1{grid-column-start:1}.row-start-7{grid-column-start:7}.row-end-19{grid-column-end:19}.grid.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}h1{font-size:var(--text-xl);line-height:var(--text-lg--line-height);letter-spacing:var(--tracking-xl)}body#home h1{line-height:var(--text-4xl--line-height)}.work-section .box{height:100%;margin-bottom:0}.work-section .box.muted{display:block}#case-study .content .main .quotes li{margin-bottom:0}.breakout{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);transform:translate(calc(50vw - 50%));max-width:1320px;width:100vw}h5,time{margin:0 0 calc(-2 * var(--spacing-unit)) 0}nav[role=navigation] ul.grid li.last{text-align:right}}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:0s!important;animation-duration:0s!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}