.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(../media/layers.3muxcl8sz6330.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../media/layers-2x.23wrxu3xxu9-i.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../media/marker-icon.1le94j_pe_ih1.png)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@font-face{font-family:AkkuratPro;src:url(/static/fonts/AkkuratPro-Regular.woff2)format("woff2"),url(/static/fonts/AkkuratPro-Regular.woff)format("woff");font-display:swap}html{--header-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--body-font:"AkkuratPro", sans-serif}body{flex-direction:column;display:flex}button,input,textarea,select{font:inherit}@media screen and (max-width:700px){.container{box-sizing:border-box;width:100%;padding:32px 10%}}@media screen and (max-width:500px){.post-date{display:none}}ul,ol{flex-direction:column;gap:1em;padding-left:1.5em;display:flex}ul li,ol li{padding-left:4px;line-height:1.75em}ul li p,ol li p{margin-top:0;margin-bottom:0}ul.condensed,ol.condensed{gap:0}hr{background-color:var(--grey-700);border:none;height:1px}a{color:#fff;text-decoration:none}@media (prefers-color-scheme:dark){html,:root{--white:white;--body:#e5e5e5;--subtext:#a0a0a0;--grey-600:#707070;--grey-700:#4d4d4d;--highlight:#252525;--bg-alt:#1c1c1c;--bg:#0c0c0c;--black:black}}@media (prefers-color-scheme:light){html,:root{--white:white;--body:#e5e5e5;--subtext:#a0a0a0;--grey-600:#707070;--grey-700:#4d4d4d;--highlight:#252525;--bg-alt:#1c1c1c;--bg:#0c0c0c;--black:black}}html,body{width:100%;height:100%;color:var(--body);background:var(--bg);margin:0}body{font-family:var(--body-font);-moz-text-size-adjust:none;text-size-adjust:none;text-rendering:optimizelegibility;font-kerning:normal;-webkit-font-smoothing:antialiased}p{line-height:1.75em}h1{font-family:var(--header-font);margin-bottom:28px;font-size:24px}.home-title{font-family:var(--body-font)}.about{color:var(--body);font-size:16px}.container{flex-flow:column;flex:1;width:100%;max-width:650px;margin:0 auto;display:flex}.content{width:100%}.space-between{justify-content:space-between;align-items:center;display:flex}#nav{text-align:center;justify-content:center;gap:10px;margin:80px 0;display:flex;position:relative}@media screen and (max-width:700px){#nav{margin:0 0 48px}}.footer{border-top:1px solid #252525;padding:16px 0}.footer-container{box-sizing:border-box}.footer-content{justify-content:space-between;align-items:center;display:flex}@media screen and (max-width:450px){.footer-content{flex-direction:column;justify-content:center;align-items:center;gap:32px}.hide-mobile{display:none!important}.status-line span{text-overflow:ellipsis;width:100%;overflow:hidden}}.socials{gap:24px;display:flex}.socials a{opacity:1;text-decoration:none;transition:opacity .2s ease-in-out}.socials a:hover{opacity:.7}.nav-item{font-family:var(--header-font);color:var(--subtext);z-index:10;padding:8px 16px;font-size:14px;text-decoration:none;transition:color .2s ease-in-out}.nav-item:hover,.nav-item-active{color:var(--white)}#tab-highlight{background:var(--highlight);border-radius:4px;height:32px;transition:width .2s,opacity .2s,left .2s;position:absolute;top:0}a.link,.post a{color:#fff;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--grey-700);text-decoration:none;transition:border-bottom-color .2s ease-in-out}a.link:hover,.post a:hover{border-bottom-color:var(--grey-600)}.text-right{text-align:right}.text-center{text-align:center}.mt-1{margin-top:1em}.section{margin-top:50px}.subheading{color:var(--subtext);margin-bottom:24px;font-size:20px;font-weight:700;line-height:24px}.projects{flex-direction:column;gap:24px;display:flex}.project{--x-px:calc(var(--x) * 1px);--y-px:calc(var(--y) * 1px);background:var(--bg-alt);border-radius:8px;text-decoration:none;position:relative;overflow:hidden}.project:before,.project:after{content:"";top:0;left:0;border-radius:inherit;background:radial-gradient(800px circle at var(--x-px) var(--y-px), #ffffff0d, transparent 40%);width:100%;height:100%;display:block;position:absolute;inset:0}.project:before{z-index:1}.project:after{opacity:0;z-index:2;transition:opacity .4s}.project:hover:after{opacity:1}.project .project-info{padding:24px}.project .project-info .name{font-weight:700}.project .project-info .description{color:var(--subtext);margin-top:8px}.project .project-cover{justify-content:flex-end;width:100%;display:flex}.project .project-cover img{filter:drop-shadow(0 4px 11px #00000059);border-top-left-radius:8px;width:100%;height:100%;margin-bottom:-10%;margin-right:-10%}#projects-grid{grid-gap:48px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px;display:grid}#projects-grid .project-griditem a.title{color:var(--white);background:0 0;border-radius:4px;margin-left:-8px;padding:6px 8px 4px;font-weight:700;transition:background .1s ease-in-out}#projects-grid .project-griditem a.title:hover{background:var(--grey-700)}#projects-grid .project-griditem .description{color:var(--subtext);margin-top:8px}.experience{flex-direction:column;row-gap:2em;line-height:1em;display:flex}.experience .icon{align-self:flex-start}.experience .icon .icon-img{border-radius:8px;width:24px;height:24px;margin-right:16px;padding:10px;transition:background-color .15s ease-in-out}.experience .icon .icon-img.endex{background-color:#ffffff1a}.experience .icon .icon-img.endex:hover{background-color:#ffffff26}.experience .icon .icon-img.notion{background-color:#ffffff1a}.experience .icon .icon-img.notion:hover{background-color:#ffffff26}.experience .icon .icon-img.browserco{background-color:#2f36ff99}.experience .icon .icon-img.browserco:hover{background-color:#2f36ffbf}.experience .icon .icon-img.instagram{background-color:#853d8238}.experience .icon .icon-img.instagram:hover{background-color:#853d826e}.experience .icon .icon-img.compound{background-color:#ffffff1a}.experience .icon .icon-img.compound:hover{background-color:#ffffff26}.experience .icon .icon-img.meta{background-color:#2696fd61}.experience .icon .icon-img.meta:hover{background-color:#2696fd80}.experience .icon .icon-img.apple{background-color:#dadada26}.experience .icon .icon-img.apple:hover{background-color:#dadada3b}.experience .icon .icon-img.shopify{background-color:#a4ff9533}.experience .icon .icon-img.shopify:hover{background-color:#a4ff954d}.experience .icon .icon-img.dropbase{background-color:#93939333}.experience .icon .icon-img.dropbase:hover{background-color:#93939354}.experience .icon .icon-img.hootsuite{background-color:#4eaaff82}.experience .icon .icon-img.hootsuite:hover{background-color:#4eaaffad}.experience .icon .icon-img.waterloo{background-color:#c0c17e66}.experience .icon .icon-img.waterloo:hover{background-color:#c0c17e80}.experience .icon .icon-img.gleam{background-color:#f9701526}.experience .icon .icon-img.gleam:hover{background-color:#f9701540}.experience .row,.experience .line{flex-direction:row;align-items:center;display:flex}.experience .line{margin-bottom:4px}.experience .title{color:#fff;font-size:16px;font-weight:700;text-decoration:none}.experience .tag{color:#a0a0a0;background:#252525;border-radius:4px;margin:0 4px;padding:6px 6px 4px;font-size:12px;font-weight:700;line-height:.9em;display:inline-block}.experience .description{color:#a0a0a0;line-height:1.5em}#map{border-radius:8px;height:300px;margin:32px 0}.map-loading{background:linear-gradient(110deg,#141414 20%,#1c1c1c 40%,#141414 60%) 0 0/200% 100%;border-radius:8px;height:300px;margin:32px 0;animation:1.4s linear infinite map-loading}@keyframes map-loading{to{background-position-x:-200%}}.leaflet-container{background:#111}.status-line{align-items:center;margin-bottom:16px;font-size:16px;display:flex}.status-line .border-dashed{border-top:1px dashed #707070;width:100%;margin:0 16px}.status-line span{white-space:nowrap}.post{padding-bottom:64px}.post-content img{border-radius:8px;width:100%;height:auto}.post-content figcaption{color:var(--subtext);line-height:1.5em}.post-content a.footnote{color:var(--subtext);border-bottom:0;font-size:12px;text-decoration:none}.post-content sup,.post-content sub{vertical-align:baseline;position:relative;top:-.4em}.post-content sub{top:.4em}.markdown-content>:first-child{margin-top:0}.markdown-content pre{background:var(--bg-alt);border-radius:8px;padding:16px;overflow-x:auto}.markdown-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.post-list{border-bottom:1px solid var(--highlight);flex-direction:column;display:flex}.post-item{color:var(--white);border-top:1px solid var(--highlight);justify-content:space-between;padding:16px 0;text-decoration:none;display:flex}.post-date{color:var(--subtext)}.post-list .post-title,.post-list .post-date{transition:color .1s ease-in-out}.post-list.active .post-item .post-title{color:var(--grey-600)}.post-list.active .post-item .post-date{color:var(--grey-700)}.post-list.active .post-item:hover .post-title{color:var(--white)}.post-list.active .post-item:hover .post-date{color:var(--subtext)}.post-header-img{border-radius:8px}.case-study-metadata{grid-gap:32px;grid-template-columns:1fr 1fr;margin-top:24px;margin-bottom:64px;display:grid}.case-study-metadata .metadata-item{flex-direction:column;gap:4px;display:flex}.case-study-metadata .metadata-item .header{font-size:16px;font-weight:700}.case-study-metadata .metadata-item .description{color:var(--subtext);font-size:14px}.case-study-metadata .metadata-item .description ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.case-study-metadata .metadata-item .description ul li{padding-left:0}.transition-rotate{transition:transform 1s ease-in-out}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}[data-animate]{--stagger:0;--delay:.12s;--start:0s;animation:.6s both enter;animation-delay:calc(var(--stagger)*var(--delay) + var(--start))}@media (max-width:450px){.dynamic-breakpoint{display:none}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}#cube{width:100%;margin:48px 0 0;overflow:hidden}#cube canvas{width:100%;display:block}.photo-grid{columns:2;column-gap:15px;margin:22px 0 64px}.photo-button{cursor:zoom-in;break-inside:avoid;background:0 0;border:0;width:100%;margin:0 0 15px;padding:0;display:block}.photo-button img{border-radius:6px;width:100%;height:auto;display:block}.gallery-open{overflow:hidden}.lightbox{z-index:1000;cursor:zoom-out;background:#000000eb;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:3vw;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;width:auto;max-width:94vw;height:auto;max-height:94vh}.scroll-demo-wrap{width:100%;position:relative}.scroll-demo{width:100%;display:flex;overflow:auto hidden}.scroll-fade{pointer-events:none;opacity:1;width:64px;transition:opacity .3s ease-in-out;position:absolute;top:0;bottom:0}.scroll-fade.hidden{opacity:0}.scroll-fade-start{background:linear-gradient(to right, var(--bg), transparent);border-left:1px solid var(--highlight);left:0}.scroll-fade-end{background:linear-gradient(to left, var(--bg), transparent);border-right:1px solid var(--highlight);right:0}.demo-tabs{min-width:max-content;padding-bottom:8px;display:flex;position:relative}.demo-tabs button{color:var(--subtext);cursor:pointer;background:0 0;border:0;border-radius:4px;margin:0 8px -1px 0;padding:8px 16px;transition:color .2s ease-in-out,background .2s ease-in-out}.demo-tabs button:hover,.demo-tabs button:focus-visible,.demo-tabs button.selected{color:var(--white);background:var(--highlight)}.demo-tabs button.selected{box-shadow:inset 0 -2px var(--white)}.ruler{flex:0 0 1003px;grid-template-columns:repeat(301,3.333px);height:42px;margin-left:4px;display:grid}.ruler span{background:#555;width:1px;height:5px;position:relative}.ruler span.half{height:10px}.ruler span.cm{height:14px}.ruler em{color:var(--subtext);font:11px/1 sans-serif;position:absolute;top:17px;left:0;transform:translate(-50%)}.not-found{padding-bottom:96px}@media screen and (max-width:700px){.footer-container{padding-top:16px;padding-bottom:16px}}@media screen and (max-width:450px){.photo-grid{column-gap:10px}.photo-button{margin-bottom:10px}}