@import "https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Hubot+Sans:ital,wght@0,200..900;1,200..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0}img,picture,svg,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit}button{cursor:pointer}html{scroll-behavior:smooth}[id]{scroll-margin-top:6rem}:root{--text:#151515;--text-h:#08060d;--bg:#fbfbfd;--border:#e5e4e7;--code-bg:#f4f3ec;--link:#1b517e;--link-bg:#c6def1;--link-hover:#114b79;--accent:#653e00;--accent-bg:#ffe8cf;--shadow:0px 0px 1rem .25rem #e8e8e8;--box-blue:#10539e;--blue-bg:#d4deff;--blue-color:#323232;--white:#fff;--black:#000;--sans:"Noto Sans", system-ui, Helvetica, Arial, sans-serif;--heading:"Funnel Display", Tahoma, system-ui, sans-serif;--subheading:"Hubot Sans", Tahoma, system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font:1rem/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}:focus-visible{outline:.1875rem solid var(--link-hover);outline-offset:.1875rem}body{width:100%;margin:0}#root{box-sizing:border-box;background:#f9f9fb99;flex-direction:column;width:100%;height:100%;min-height:100svh;margin:0 auto;display:flex;position:relative}.container{width:100%;max-width:1280px;margin-inline:auto;padding:1rem 2rem}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);font-weight:600}h5,h6{font-family:var(--subheading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;font-size:3.5rem;font-weight:600;line-height:4.5rem}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:2.8rem;line-height:4.2rem}h3{font-size:2.5rem;line-height:3.8rem}h4{font-size:2rem;line-height:3.5rem}h5{font-size:1.8em;font-weight:400;line-height:2.8rem}h6{font-size:1.4em;line-height:2.5rem}p{margin:0}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}code{font-family:var(--mono);background:var(--code-bg);padding:4px 8px}@media screen and (width<=480px){#title{font-size:1.25rem}#tagline{font-size:.75rem}.maintext{font-size:2rem;line-height:2.5rem}.headertext{font-size:1.75rem;line-height:2.25rem}.abouttext{font-size:1rem;line-height:1.25rem}}@media screen and (width>=1152px){.wrapper{height:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (prefers-color-scheme:dark){:root{--text:#f3f4f6;--text-h:#cdc9d7;--bg:#0d0d0e;--border:#2e303a;--code-bg:#1f2028;--link:#2fa7d6;--link-bg:#052b49;--link-hover:#5aa5e2;--accent:#ffe8cf;--accent-bg:#653e00;--shadow:0px 0px 1rem .25rem #2b2929;--box-blue:#2fa7d6;--blue-bg:#263050;--blue-color:#bebebe;--white:#000;--black:#fff}#root{background:#23232399}#social .button-icon{filter:invert()brightness(2)}}#header{z-index:2;box-sizing:border-box;width:100%;font-family:var(--heading);-webkit-backdrop-filter:blur(12px)saturate(135%)brightness(1.04);backdrop-filter:blur(12px)saturate(135%)brightness(1.04);background:linear-gradient(115deg,#ffffff9e 0%,#ffffff57 45%,#ebf3f161 100%),#f9f9fb7a;border-bottom:1px solid #ffffff9e;transition:all .2s;position:sticky;top:0;box-shadow:inset 0 1px #ffffffc7,0 .5rem 1.5rem #34292212}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){#header{background:#f9f9fbf0}}.header-inner{box-sizing:border-box;width:min(100% - 4rem,1280px);margin-inline:auto;padding:1rem;display:grid}#header.header--project .header-inner{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.25rem 1rem}.menu-button{grid-area:1/1;justify-content:center;align-self:center;align-items:center;margin-top:.1rem;display:flex}.hamburger-icon{display:block}#header.header--project #headertext{grid-area:1/2}#header.header--project #externallinks{grid-area:2/2;justify-self:start}#header.header--home .header-inner{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1rem}#header.header--home #headertext{grid-area:1/1}#header.header--home #externallinks{grid-area:1/2;place-self:center end}#headertext{flex-direction:column;min-width:0;display:flex}#header.header--project #headertext{transform:translateY(3px)}#title{font-size:1.25rem;line-height:1}#name{color:var(--accent);font-weight:600}#tagline{letter-spacing:.3rem;color:var(--box-blue);font-size:.875rem;line-height:1rem}#header-company{margin-top:.2rem;color:var(--box-blue);align-self:flex-start;margin-inline-start:.1rem;font-size:.875rem;line-height:1}#externallinks{min-width:0}#header-tags{flex-wrap:wrap;justify-content:flex-start;gap:.375rem;display:flex}.contactlink{border:.1rem solid var(--link);text-transform:uppercase;border-radius:.75rem;padding:.5rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.contactlink:hover,.contactlink:focus-visible{border-color:var(--link-hover);background-color:var(--link-hover);color:var(--white);text-decoration:none}.hb0{fill:none}.hb1{fill:#7c593e}.hb2{fill:#4d1717}.menu-button:hover .hb1,.menu-button:hover .hb2{fill:var(--white)}@media screen and (width>=640px){.header-inner{width:min(100% - 4rem,1280px);padding:1rem 0}#header.header--project .header-inner{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 2rem}#header.header--project .menu-button{grid-area:1/1}#header.header--project #headertext{grid-area:1/2;padding-inline-start:0;transform:translateY(-1px)}#header.header--project #externallinks{grid-area:1/3;place-self:center end}#header-tags{justify-content:flex-end}#title{font-size:2rem}#tagline{font-size:1rem}.contactlink{border-radius:1rem;padding:.75rem;font-size:1rem}}@media (prefers-color-scheme:dark){#header{background:linear-gradient(115deg,#0000009e 0%,#00000057 45%,#21222261 100%),#1f1f207a;border-bottom:1px solid #0000009e}.hb1{fill:#d19668}.hb2{fill:#c45f5f}}button.chip{font:inherit;cursor:pointer}.chip{border:2px solid var(--accent);color:var(--accent);white-space:nowrap;background:0 0;border-radius:100rem;width:auto;padding:.5rem 1rem;font-size:1rem}.chip:hover{background:var(--link-bg);border-color:var(--link-hover)}.chip--small{white-space:nowrap;border-width:1px;border-radius:.5rem;width:auto;padding:0 .5rem;font-size:.75rem}.chip--small:hover{background:0 0;text-decoration:none}.menu-overlay{z-index:20;cursor:default;opacity:0;pointer-events:none;background:0 0;border:0;width:100%;transition:opacity .25s,background-color .25s;position:fixed;inset:0}.menu-overlay.is-open{opacity:1;pointer-events:auto;background:#0000002e}.menu-panel{z-index:21;background:var(--background-color,#fff);width:min(86vw,390px);transition:transform .3s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:12px 0 32px #00000024}.menu-panel.is-open{transform:translate(0)}.menu-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 0;display:flex}.menu-home-button{align-items:block-start;gap:.4rem;text-decoration:none;display:inline-flex}.menu-close-button{cursor:pointer}.menu-close-button .ex{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:3px}.menu-content{padding:0 1rem 1rem}.menu-content .headertext{margin:1rem 0 .5rem;line-height:2.5rem}.menu-button,.menu-close-button{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;border:0;border:1px solid var(--accent);background:0 0;border-radius:999px;place-items:center;padding:0;display:grid}.menu-button:hover,.menu-close-button:hover{background:var(--accent);border:none}.menu-close-button:hover .ex{color:var(--white)}.menu-button:focus-visible,.menu-close-button:focus-visible{outline-offset:3px;outline:2px solid}.menu-projectwrap{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.menu-projectwrap .card{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-inline:0}.menu-projectwrap .card[aria-current=page]{border-color:var(--accent);color:var(--white);background:var(--accent);box-shadow:none}.menu-projectwrap .card[aria-current=page]>*{color:var(--white)}.menu-projectwrap .card[aria-current=page] .card__meta>*{color:var(--white);border-color:var(--white)}.menu-panel .projectwrap{gap:.5rem;padding-block-start:0}.menu-panel .contacticon{width:4rem;height:4rem}.menu-panel #resume{display:none}.menu-panel #footnote{padding:2rem 0}@media (prefers-reduced-motion:reduce){.menu-overlay,.menu-panel{transition:none}}@media (prefers-color-scheme:dark){.menu-panel{background:var(--background-color,#000);box-shadow:12px 0 32px #ffffff0f}}.card{width:100%;box-shadow:var(--shadow);border-radius:1rem;flex-direction:column;gap:.5rem;margin:.5rem;padding:1.5rem;text-decoration:none;display:flex}.card>*{word-wrap:break-word;overflow-wrap:break-word;color:var(--link);margin:0;padding:0}.card:hover,.card:focus-visible{background:var(--link-hover);color:var(--white);text-decoration:none}.card:hover *,.card:focus-visible *{color:inherit;border-color:var(--white)}.card:hover .card__title,.card:hover .card__company{text-decoration:none}.card__title{line-height:2.1rem}.card__company{font-size:1rem}.card__image{object-fit:cover;border-radius:.5rem;width:100%;height:auto;display:block}.card__meta{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0 0;display:flex}.card--compact{border:1px solid var(--accent);width:100%;box-shadow:none;border-radius:.5rem;flex-direction:column;gap:0;padding:.75rem;display:flex}.card--compact:hover{border:1px solid var(--link-hover);box-shadow:none}.card--compact .card__title{margin:0;font-size:1rem;line-height:1.3}.card--compact .card__company{font-size:.8rem}@media screen and (width>=640px){.card{width:fit-content}.card__image{width:auto;height:8rem}}@media screen and (width>=768px){.card{padding:1rem}.card__image{height:10rem}}#contact{margin-block-end:4rem}.contactcard{margin:.5rem}.contacticon{width:6rem;height:6rem;box-shadow:var(--shadow);border-radius:1rem;display:inline-block}.st0,.st3{fill:var(--white)}.st1{fill:var(--link)}g:hover .st1{fill:var(--white)}#instagram:hover .st3{fill:#c24a9f}#email:hover .st0{fill:#117a75}#aboutme:hover .st0,#aboutme:hover .st3{fill:#044972}#linkedin:hover .st0{fill:#007bb6}#twitter:hover .st0{fill:#26a7de}#flickr:hover .st0{fill:#fff}#flickr:hover .st1{fill:#005fcc}#flickr:hover .st2{fill:#f90786}#soundcloud:hover .st0{fill:#fe3000}#youtube:hover .st0,#youtube:hover .st3{fill:#cf1c1d}#github:hover .st0{fill:#5e287e}#instagram:hover .st0,#instsagram:hover .st3{fill:#c24a9f}#footnote{padding:1rem 1rem 2rem;font-size:.75rem;font-style:italic}.abouttext{padding-block-end:2rem;font-size:1rem;line-height:2em}h4{margin-block-end:0}.projectwrap{flex-wrap:wrap;gap:2rem;padding:2rem 0;display:flex}.lightbox-trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.lightbox-trigger img{width:100%;height:auto;display:block}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto;position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1);flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (width>=800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,#fffc);filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__slide_captions_container{left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,#00000080);position:absolute;-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width,0px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.project-section{padding:2rem 0;line-height:1.7em}.project-split{grid-template-columns:minmax(0,1fr);gap:2rem;padding:2rem 0;display:grid}.textarea,h4{padding:0}.box{color:var(--box-blue);border:2px solid var(--box-blue);text-align:start;border-radius:.5rem;height:100%;margin-block-end:2rem;padding:2rem;line-height:1.2em}p:first-child,h4:first-child,h6:first-child{margin:0 0 2rem}p:last-child,h4:last-child,h6:last-child{margin:2rem 0 0}p:only-child,h4:only-child,h6:only-child,ul:only-child{margin:0}.frame-container{aspect-ratio:4/3;width:100%;height:auto;overflow:hidden}.tab-frame{transform-origin:0 0;width:111.111%;height:111.111%;display:none;transform:scale(.9)}.tab-frame.selected{display:block}video{aspect-ratio:16/9;width:100%;height:auto;margin:0 auto;display:block}.showPrototype{display:none}.box ul{margin-block-end:0;padding-inline-start:1rem}.blue{background:var(--blue-bg);color:var(--blue-color);border-radius:.5rem;margin:0 auto 2rem;padding:1rem}.blue>*,hr{margin:0;padding:0}p.listStarter{margin-block-end:1rem}.tabs{gap:.5rem;margin-block-end:1rem;display:inline-flex}.tabs .tab-btn{cursor:pointer;color:var(--link);border-color:var(--link);transition:background-color .15s,color .15s,border-color .15s}.tabs .tab-btn:hover{border-color:var(--link-hover);background:var(--link-hover);color:var(--white);font-weight:500}.tabs .tab-btn[aria-selected=true]{border-color:var(--link);background:var(--link);color:var(--white)}.tabs .tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.chiparea{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.anchor-chip{padding:.25rem .5rem;font-size:1rem;text-decoration:none}.anchor-chip:hover{border-color:var(--link-hover);font-weight:600}.resultLink{text-align:center;place-items:center;width:100%;padding:2rem 0;display:grid}.resultLink .chip{width:fit-content;padding:1rem 1.5rem;font-size:1.5rem}.video-embed{aspect-ratio:16/9;width:100%;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;display:block}.soundcloud-embed{width:100%;overflow:hidden}.soundcloud-embed iframe{border:0;width:100%;height:18.75rem;display:block}.soundcloud-attribution{margin:.5rem 0 0;font-size:.75rem}.soundcloud-attribution a{color:inherit}.notForMobile{display:none}@media screen and (width>=768px){.project-split{grid-template-columns:minmax(0,2fr) minmax(14rem,1fr);gap:3rem}.project-split--9-3{grid-template-columns:minmax(0,9fr) minmax(0,3fr)}.project-split--8-4{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.project-split--7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.project-split--5-7{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.project-split--4-8{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.project-split--3-9{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}.project-split--equal-2{grid-template-columns:repeat(2,minmax(0,1fr))}.project-split--equal-3{grid-template-columns:repeat(3,minmax(0,1fr))}.project-split--equal-4{grid-template-columns:repeat(4,minmax(0,1fr))}.project-split--equal-6{grid-template-columns:repeat(6,minmax(0,1fr))}.blue{padding:2rem}.notForMobile{display:block}.breaktext{clear:none;display:block}}@media screen and (width>=800px){.showPrototype{display:block}.showFallback{display:none}}@media screen and (width>=1024px){video{width:80%}}.dashboard-gallery{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(82%,1fr);grid-auto-flow:column;gap:1rem;padding-bottom:.75rem;display:grid;overflow-x:auto}.dashboard-gallery>*{scroll-snap-align:center;min-width:0}@media screen and (width>=640px){.dashboard-gallery{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:initial;grid-auto-columns:initial;scroll-snap-type:none;padding-bottom:0;overflow:visible}}.yarl__thumbnails{height:100%;display:flex}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));padding:var(--yarl__thumbnails_container_padding,16px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;position:relative;overflow:hidden}.yarl__thumbnails_vignette{pointer-events:none;--yarl__thumbnails_vignette_size:12%;position:absolute}@media (width>=1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (width>=2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size,12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size,12%)),var(--yarl__color_backdrop,#000) 100%);width:100%;top:0;bottom:0}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{cursor:pointer;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-width:var(--yarl__thumbnails_thumbnail_border,1px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,#fffc));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);-webkit-tap-highlight-color:transparent;padding:var(--yarl__thumbnails_thumbnail_padding,4px);width:var(--yarl__thumbnails_thumbnail_width,120px);height:var(--yarl__thumbnails_thumbnail_height,80px);box-sizing:content-box;outline:none;flex:none;position:relative;overflow:hidden}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{opacity:0;animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{visibility:hidden;cursor:unset}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,#fffc));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px #000c));width:var(--yarl__thumbnails_thumbnail_icon_size,32px);height:var(--yarl__thumbnails_thumbnail_icon_size,32px);position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.project-gallery{width:100%}.gallery-carousel{position:relative}.gallery-trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;overflow:hidden}.gallery-trigger img{width:100%;height:auto;display:block}.gallery-navigation{grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;gap:.5rem;margin-top:.75rem;display:grid}.gallery-control{aspect-ratio:1;border:.1rem solid var(--link);width:2.5rem;color:var(--link);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.gallery-control:hover{border-color:var(--link-hover);background:var(--link-hover);color:var(--white)}.gallery-control:hover{background:var(--link-hover);border-color:var(--link-hover);color:var(--white)}.gallery-control:focus-visible,.gallery-trigger:focus-visible{outline:.2rem solid var(--link);outline-offset:.25rem}.gallery-count{color:var(--text-secondary);text-align:center;margin:.5rem 0 0;font-size:.75rem}@media screen and (width>=768px){.project-split--driver{grid-template-areas:"early copy""rig later"}.project-split--driver>:first-child{grid-area:early}.project-split--driver>:nth-child(2){grid-area:rig}.project-split--driver>:nth-child(3){grid-area:copy}.project-split--driver>:nth-child(4){grid-area:later}}
