.brand[data-astro-cid-7eczacpb]{font-weight:700;.brand-label-container{display:flex;flex-direction:column}.brand-name{white-space:nowrap}}.proj-brands-grid{--proj-brands-radius: var(--radius-none);--proj-brands-tile-radius: var(--radius-none);--proj-brands-radial-x: 100%;--proj-brands-radial-y: 100%;--proj-brands-linear-dir: bottom right;--proj-brands-border-a: hsl(from var(--neutral-700) h s l / .08);--proj-brands-border-b: hsl(from var(--neutral-200) h s l / .01);--proj-brands-fill-a: hsl(from var(--neutral-950) h s l / .22);--proj-brands-fill-b: hsl(from var(--neutral-950) h s l / .04);--proj-brands-scanline-alpha: .02;--proj-brands-label-color: var(--neutral-400);position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;width:min(760px,100%);margin:4rem 0 1rem;padding:2.75rem 1.5rem 1.5rem;border-radius:var(--proj-brands-radius);border:1px solid transparent;background:repeating-linear-gradient(0deg,hsl(from var(--neutral-200) h s l / var(--proj-brands-scanline-alpha)) 0px 1px,transparent 1px 4px),radial-gradient(circle at var(--proj-brands-radial-x) var(--proj-brands-radial-y),hsl(from var(--neutral-200) h s l / .035),transparent 55%),linear-gradient(180deg,var(--proj-brands-fill-a),var(--proj-brands-fill-b)),linear-gradient(135deg,var(--proj-brands-border-a),var(--proj-brands-border-b));background-origin:border-box;background-clip:padding-box,padding-box,border-box;backdrop-filter:blur(8px);box-shadow:0 10px 22px #0003,inset 0 0 0 1px #00000038}.proj-brands-grid-label{position:absolute;left:1.65rem;top:1rem;font-size:11px;letter-spacing:.25em;color:var(--proj-brands-label-color)}.proj-brands-grid .brand{--proj-brand-border-a: hsl(from var(--neutral-200) h s l / .08);--proj-brand-border-b: hsl(from var(--neutral-200) h s l / .015);--proj-brand-fill-a: hsl(from var(--neutral-950) h s l / .62);--proj-brand-fill-b: hsl(from var(--neutral-950) h s l / .86);--proj-brand-outline: hsl(from var(--neutral-200) h s l / .05);position:relative;z-index:1;display:flex;align-items:center;gap:1rem;width:100%;min-height:74px;padding:.9rem 1.05rem;border-radius:var(--proj-brands-tile-radius);border:1px solid transparent;background:linear-gradient(180deg,var(--proj-brand-fill-a),var(--proj-brand-fill-b)),linear-gradient(135deg,var(--proj-brand-border-a),var(--proj-brand-border-b));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 8px 14px #00000029,inset 0 0 0 1px var(--proj-brand-outline);transition:box-shadow .16s ease,background .16s ease}@media(hover:hover)and (pointer:fine){.proj-brands-grid .brand:hover{--proj-brand-border-a: hsl(from var(--neutral-200) h s l / .16);--proj-brand-border-b: hsl(from var(--neutral-200) h s l / .04);--proj-brand-outline: hsl(from var(--neutral-200) h s l / .12)}}.proj-brands-grid .brand svg{width:2.6rem;height:2.6rem;flex:none}.proj-brands-grid .brand-name{font-family:Inter,sans-serif;font-size:13px;font-weight:500;letter-spacing:.08em;white-space:normal;line-height:1.1}@media(prefers-reduced-motion:reduce){.proj-brands-grid .brand{transition:none}@media(hover:hover)and (pointer:fine){.proj-brands-grid .brand:hover{transform:none;box-shadow:none}}}@media screen and (max-width:767px){.proj-brands-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;padding:2.75rem 1rem 1rem}.proj-brands-grid-label{left:1.25rem}.proj-brands-grid .brand{min-height:68px;gap:.75rem;padding:.75rem}.proj-brands-grid .brand svg{width:2rem;height:2.2rem}}html[active-proj=btsm] .proj-brands-grid{--proj-brands-radial-x: 0%;--proj-brands-radial-y: 0%;--proj-brands-border-a: hsl(from var(--neutral-950) h s l / .12);--proj-brands-border-b: hsl(from var(--neutral-950) h s l / .03);--proj-brands-fill-a: hsl(from var(--neutral-50) h s l / .92);--proj-brands-fill-b: hsl(from var(--neutral-100) h s l / .98);--proj-brands-scanline-alpha: .035;--proj-brands-label-color: hsl(from var(--neutral-950) h s l / .5);box-shadow:0 12px 24px #00000014,inset 0 0 0 1px hsl(from var(--neutral-950) h s l / .05)}html[active-proj=btsm] .proj-brands-grid .brand{--proj-brand-border-a: hsl(from var(--neutral-950) h s l / .12);--proj-brand-border-b: hsl(from var(--neutral-950) h s l / .04);--proj-brand-fill-a: hsl(from var(--neutral-50) h s l / .92);--proj-brand-fill-b: hsl(from var(--neutral-100) h s l / .98);--proj-brand-outline: hsl(from var(--neutral-950) h s l / .06);box-shadow:0 10px 18px #00000014,inset 0 0 0 1px var(--proj-brand-outline)}@media(hover:hover)and (pointer:fine){html[active-proj=btsm] .proj-brands-grid .brand:hover{--proj-brand-border-a: hsl(from var(--neutral-950) h s l / .18);--proj-brand-border-b: hsl(from var(--neutral-950) h s l / .06);--proj-brand-outline: hsl(from var(--neutral-950) h s l / .12)}}a{color:var(--btsm-bg-700);font-weight:400}.gsap-logo svg{color:#000}.proj[data-astro-cid-24qgvfsr]{p,.brand-name,li{color:var(--btsm-bg-800)}h3{color:var(--btsm-bg-700)}.live-site-btn{border:2px solid var(--btsm-bg-600);color:var(--btsm-bg-800);&:hover{border:2px solid var(--btsm-accent-400);color:var(--btsm-accent-500)}}.motivation{width:710px}.proj-footer-img{display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem;.caption{color:var(--btsm-bg-800);width:550px}}img{object-fit:scale-down;height:auto;max-width:90%}.body-figure{margin:2rem 0}.proj-footer-img .image{box-shadow:0 10px 18px #00000014,inset 0 0 0 1px hsl(from var(--neutral-950) h s l / .06)}ol{max-width:100%}p a{font-size:inherit}}.proj[data-astro-cid-oqie4ixw]{.live-site-btn{margin-top:4rem;border:2px solid var(--main-700);color:#fff;&:hover{border-color:var(--main-500)}}}.aws svg{color:#ff9903}.proj[data-astro-cid-dpoo6ilz]{color:var(--slate-50);.motivation{width:600px}.live-site-btn{margin-top:4rem;border:2px solid var(--main-700);color:#fff;&:hover{border-color:var(--main-500)}}}.proj-container[data-astro-cid-at5doxvj]{display:none}.proj-container[data-astro-cid-at5doxvj].active{display:block}.overlay-item[data-astro-cid-at5doxvj]{z-index:1;display:none;position:relative}.overlay-item[data-astro-cid-at5doxvj].active{display:block}.proj-img-mobl[data-astro-cid-at5doxvj]{width:100%;height:auto;object-fit:contain;margin-top:2rem}@media screen and (min-width:1024px){.proj-img-mobl[data-astro-cid-at5doxvj]{display:none}}@media screen and (max-width:1023px){.proj-img-mobl[data-astro-cid-at5doxvj]{display:none;opacity:0;filter:blur(20px);transition:all var(--overlay-transition-time) ease}.proj-container[data-astro-cid-at5doxvj].active{.proj-img-mobl{display:block}}.proj-container[data-astro-cid-at5doxvj].animate-in{.proj-img-mobl{opacity:1;filter:blur(0)}}}.proj-img-mobl-container{position:relative}html:not([active-proj=btsm]){.overlay-open{.proj-img-mobl-container:after{content:"";position:absolute;inset:0;opacity:1;background:linear-gradient(transparent,#000);transition:all var(--overlay-transition-time)}}}.overlay-open{.animate-in{.proj{opacity:1;filter:blur(0px)}}}.proj{display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;filter:blur(10px);transition:all 1s;transition-delay:.5s;.live-site-btn{padding:.75rem 4rem;display:flex;align-items:center;gap:1rem;transition:all .3s;font-size:18px;svg{width:1.5rem;height:1.5rem}}h3{font-size:48px;font-weight:700}p,.proj-footer-img .caption,li{font-size:18px;width:700px;max-width:95%;line-height:2rem;font-family:Inter,sans-serif;font-weight:250;margin:.5rem 0}.proj-footer-img .caption{text-align:center;font-style:italic}.motivation{text-align:center;margin:0}h3:first-of-type{margin-top:6rem}.proj-footer-img{display:flex;justify-content:center;margin:4rem 0;img{max-width:90%}}p:last-child{margin-bottom:4rem}}.animate-out{.proj{display:none}}@media screen and (max-width:1023px){.proj{transition-delay:unset;p{width:650px}.live-site-btn{margin-top:2rem}}}@media screen and (max-width:767px){.proj{h3{font-size:36px}p,.proj-footer-img .caption,li{font-size:17px;max-width:93%;line-height:1.85rem}}}.overlay-closed{#project-overlay{pointer-events:none;opacity:0}.overlay-img-wrap:after{opacity:0}}#project-overlay-container{width:100%;z-index:2;inset:0;height:auto;position:fixed;overflow:auto;margin-top:4rem}#project-overlay{position:relative;#proj-btsm-header{color:var(--btsm-bg-700)}}.overlay-title-wrap{text-align:center;flex-flow:column;justify-content:center;align-items:center;width:100%;height:8em;display:flex;position:relative;z-index:3;.proj-title{position:relative;z-index:3}}.overlay-img-wrap{position:relative;z-index:1;display:flex;justify-content:center;img{margin-top:4rem}}.overlay-nav{z-index:999;pointer-events:auto;justify-content:space-between;align-items:flex-end;display:none;position:absolute;inset:auto 0% 0%;overflow:hidden;color:#fff;button:hover{color:var(--main-200)}}#project-overlay{@media screen and (min-width:1024px){padding:2rem}@media screen and (max-width:1023px){padding:1rem .5rem}@media screen and (max-width:767px){.overlay-title-wrap{height:4rem}}}#work.overlay-open{.proj-title{pointer-events:none}}@media screen and (min-width:1024px){.proj-list{padding-inline:clamp(2rem,4vw,4rem)}.proj-title{font-size:clamp(3rem,4vw,4.5rem)}.proj-list-item:not(.selected){opacity:.45}.overlay-title-wrap{.proj-title{font-size:120px}}.proj-title:after{position:absolute;content:"";top:60%;left:-.5em;width:.75em;height:.15em;background:currentColor;opacity:0;transition:all .525s cubic-bezier(.65,.05,0,1);animation:spin 4s infinite linear}.proj-list-item:hover .proj-title:after,.proj-list-item.selected .proj-title:after{opacity:1;width:.15em}}@media screen and (max-width:1023px){#work{.proj-list{gap:2rem;position:relative;padding:4rem}.proj-title{font-size:4rem}.overlay-title-wrap{.proj-title{font-size:80px}}button{padding:1rem .25rem}}}@media screen and (max-width:767px){#work{.proj-list{padding:4rem 8vw;width:100%;border-left:0;border-right:0;gap:2rem}.proj-title{font-size:min(8vw,3.5rem)}.overlay-title-wrap{.proj-title{font-size:9vw;z-index:999}}}}.proj-list[data-astro-cid-xhox4zi4]{width:fit-content;max-width:100%;position:relative;flex-flow:column;align-items:flex-start;padding:0rem 4rem;display:flex;gap:1rem;bottom:0}.proj-list-item[data-astro-cid-xhox4zi4]{justify-content:flex-start;align-items:center;transition:opacity .2s;display:flex;position:relative;cursor:pointer}.button[data-astro-cid-xhox4zi4]{background-color:transparent;border:none;padding:0;max-width:100%}.button[data-astro-cid-xhox4zi4].text{transition:opacity .2s}.button[data-astro-cid-xhox4zi4].text:hover{opacity:.7}.proj-title[data-astro-cid-xhox4zi4]{margin-top:0;margin-bottom:0;letter-spacing:-.03em;line-height:1;white-space:nowrap;cursor:pointer;max-width:100%}.proj-img{border-radius:.75rem;height:auto;width:auto;max-height:50vh;max-width:100%;object-fit:scale-down}.main-img-item{z-index:1}.overlay-img-wrap{#syfr-interface-img,#btsm-img,#mvdc-img{max-height:none}}@media screen and (max-width:1023px){.main-img-item{max-width:100%}}@media screen and (max-width:767px){.main-img-item{display:flex;justify-content:center}}#work{@media screen and (min-width:1024px){#work-intro{font-size:20px;width:475px}}@media screen and (max-width:1023px){.main{padding:2rem 0rem;flex-direction:column}.main-col{display:flex;justify-content:center;align-items:center;width:100%}.img-col{display:none}}@media screen and (max-width:767px){#work-intro{display:none}.main-img-list{margin:0 auto}.img-col{padding-top:3rem;width:100%}}}#work[data-astro-cid-kveafjmp]{transition:background var(--overlay-transition-time) ease;position:relative}.overlay-open[data-astro-cid-kveafjmp]{.main{pointer-events:none}}.main[data-astro-cid-kveafjmp]{width:100%;height:100%;box-sizing:border-box;padding:6rem 2rem;position:relative;display:flex}.main-col[data-astro-cid-kveafjmp]{width:45%;height:100%}.proj-col[data-astro-cid-kveafjmp]{width:55%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;z-index:99}#work-intro[data-astro-cid-kveafjmp]{position:absolute;right:4rem;padding-top:6rem;text-align:right;margin-left:auto}