:root{--bg: #f2f2f2}html,body{padding:0;margin:0;background-color:var(--bg);cursor:url(/cursor.svg) 20 20,auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:inherit}a,button,[role=switch]{cursor:url(/cursor.svg) 20 20,pointer}*{box-sizing:border-box}img{max-width:100%;height:auto}main{padding:40 0;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:url(/cursor.svg) 20 20,auto}code{background:#fafafa;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.container{min-height:100vh;padding:0 .5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;position:relative}.heroNav{position:fixed;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:baseline;z-index:201;transition:bottom .4s cubic-bezier(.16,1,.3,1)}.heroNav>*{flex:1}.heroNav--lifted{bottom:calc(34vh - 18px)}.heroNav__link{font-family:inherit;font-size:1rem;color:#122cf4;text-decoration:none;transition:color .3s ease}.heroNav__link--white{color:#fff}.heroNav__link--center{background:none;border:none;cursor:pointer;padding:0;text-align:center}.heroNav>a:last-child{text-align:right}.projectsBar{position:fixed;bottom:0;left:0;right:0;height:34vh;background-color:#122cf4;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:200;overflow:hidden}.projectsBar--open{transform:translateY(0)}.projectsBar__thumbs{position:absolute;bottom:20px;left:20px;right:20px;top:20px;display:flex;flex-direction:row;gap:20px;align-items:flex-end}.projectsBar__thumb{display:block;height:calc(32vh - 40px);flex-shrink:0}.projectsBar__thumb img{height:100%;width:auto;display:block}.slider{border-top:solid 7px;border-bottom:solid 7px;border-color:#122cf4;overflow:hidden;cursor:url(/cursor.svg) 20 20,auto}.slider_text{text-transform:uppercase;color:#122cf4}.menu{display:flex;justify-content:space-between;align-items:baseline;margin:0 20px;padding:10px 0;position:fixed;width:calc(100% - 40px);background-color:var(--bg);z-index:100;color:#122cf4}.menu--mini{background-color:transparent}.title{line-height:1.15;font-size:3.6rem;text-align:left;color:#122cf4;-webkit-user-select:none;user-select:none;margin-bottom:1rem;margin-left:1rem;max-width:32ch}.Sessiontitle{text-align:center;color:#122cf4;-webkit-user-select:none;user-select:none;margin-bottom:1rem;margin-left:1rem}.description{line-height:1.5;font-size:1.5rem}.grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:800px;margin-top:3rem}.card{margin:1rem;flex-basis:45%;padding:1.5rem;text-align:left;color:inherit;text-decoration:none;border:1px solid #eaeaea;border-radius:10px;transition:color .15s ease,border-color .15s ease}.card:hover,.card:focus,.card:active{color:#0070f3;border-color:#0070f3}.card h3{margin:0 0 1rem;font-size:1.5rem}.card p{margin:0;font-size:1.25rem;line-height:1.5}.logo{height:1em}.old_city{text-decoration:line-through}.sp_visible{visibility:visible;position:absolute;z-index:-2}.sp_hide{visibility:hidden;position:absolute;z-index:-2}.tumb:hover{cursor:no-drop}.wraper{display:flex;justify-content:center;align-items:center;margin:0;padding:2rem 6rem;width:100%;margin-bottom:1rem}.image img{filter:grayscale(100%)}.image img:hover{filter:grayscale(0%)}.image{max-width:50%;height:auto;border-radius:0%;margin-right:2%;border-width:10px;border-style:solid;border-color:#122cf4}.image:hover{max-width:50%;height:auto;border-radius:0%;margin-right:2%;border-width:0px;border-style:solid;border-color:#122cf4}.imageWrapper{max-width:50%;margin-right:2%;position:relative;overflow:hidden;border:5px solid #122CF4;transition:border-color .2s ease}.imageWrapper img{width:100%;height:auto;display:block;filter:grayscale(100%);transition:filter .8s ease}.imageWrapper:hover{border-color:var(--bg)}.imageWrapper:hover img{filter:grayscale(0%)}.imageWrapper.is-fully-visible{border-color:var(--bg)}.imageWrapper.is-fully-visible img{filter:grayscale(0%)}.text{max-width:45%;text-align:justify;font-size:1rem;line-height:1.5rem;margin:0 0 0 2%}.tittle{color:#122cf4}.imageContainer{position:relative;width:100vw;height:100vh;overflow:hidden;margin:0;padding:-2}.imageContainer img{width:100vw;height:100vh;overflow:hidden;margin:0;padding:0}.menu__link{text-decoration:none;color:inherit}.menu__name{font-size:24px;font-weight:700}.menu__items{display:flex;list-style:none;padding:0;margin:0;gap:20px;position:relative}.menu__items li{position:relative;cursor:pointer;font-size:16px;line-height:1.4}.menu__dropdown:hover .dropdown{display:flex}.dropdown{display:none;position:absolute;top:100%;left:0;background-color:var(--bg);gap:10px;padding:10px;z-index:200}.dropdownItem:hover,.menu__items li:hover{text-decoration:wavy underline #122CF4}.alert{position:absolute}.wrapper{padding:1rem;border-radius:8px;max-width:75vw;margin:0 auto}.mainText{text-align:center;margin-bottom:2rem}.columns{display:flex;justify-content:space-between;gap:1rem}.column{flex:1;text-align:center;background-color:var(--bg);padding:1rem;border-radius:8px}.subTitle{font-size:1.2rem;color:#27ae60;margin-bottom:.5rem}.circular-text-container{position:fixed;right:20px;bottom:20px;width:200px;height:200px;display:flex;justify-content:center;align-items:center;margin:0;padding:0;overflow:hidden;cursor:none}.circular-text-svg{position:absolute;top:0;left:0}.circular-text-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#122cf4;border-radius:50%;transition:all .3s ease;z-index:-2;cursor:none}.toggle-switch-label{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch-input{opacity:0;width:0;height:0}.toggle-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#000;border-radius:34px;transition:.4s}.toggle-switch-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.4s}.toggle-switch-input:checked+.toggle-switch-slider{background-color:#fff}.toggle-switch-input:checked+.toggle-switch-slider:before{transform:translate(26px);background-color:#000}.alertWrapper{pointer-events:none}.menu__text{font-size:14px}@media(max-width:600px){.grid{width:100%;flex-direction:column}}.wraper{cursor:none}.text-cursor{position:fixed;pointer-events:none;font-size:2em;line-height:1.15;color:#122cf4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);z-index:9999;white-space:nowrap;mix-blend-mode:multiply}.single_image{max-width:100%;height:auto;max-height:80vh}.infoPill{border:#122CF4;border-style:solid;border-radius:20px;border-width:2px;padding:10px;font-size:x-small;color:#122cf4}.infoPillText{font-weight:700}.pillGrid{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}.mainText{text-align:center}.singleImageWrapper{display:inline-block;position:relative;border:5px solid #122CF4;transition:border-color .2s ease}.singleImageWrapper img{display:block;height:auto;width:75vw;filter:grayscale(100%);transition:filter .8s ease}.singleImageWrapper:hover{border-color:var(--bg)}.singleImageWrapper:hover img{filter:grayscale(0%)}.singleImageWrapper.is-fully-visible{border-color:var(--bg)}.singleImageWrapper.is-fully-visible img{filter:grayscale(0%)}.imageSlider{width:100%;display:flex;flex-direction:column;align-items:center;margin:4rem 0}.imageSlider__frame{width:75vw;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.imageSlider__frame img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.imageSlider__dots{display:flex;gap:.5rem;margin-top:1rem}.dot{width:8px;height:8px;border-radius:50%;background-color:#122cf44d;cursor:pointer}.dot.active{background-color:#122cf4}.imageSlider__frame{cursor:none}.sliderCursor{position:fixed;pointer-events:none;font-size:3rem;line-height:1;color:#122cf4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);z-index:9999;white-space:nowrap;mix-blend-mode:multiply}.scrollableImageWrapper{max-width:75vw;width:100%;overflow-y:auto;overflow-x:hidden;border:5px solid #122CF4;transition:border-color .2s ease}.scrollableImageWrapper img{width:100%;height:auto;display:block;filter:grayscale(100%);transition:filter .8s ease}.scrollableImageWrapper:hover{border-color:var(--bg)}.scrollableImageWrapper:hover img{filter:grayscale(0%)}.scrollableImageWrapper.is-fully-visible{border-color:var(--bg)}.scrollableImageWrapper.is-fully-visible img{filter:grayscale(0%)}.textImageInner{max-width:75vw;width:100%;display:flex;align-items:center}.wraper__inner{max-width:75vw;width:100%;display:flex;justify-content:center}.wraper--media{padding-left:0;padding-right:0}.techSheet{width:100%;border-top:2px solid #122CF4;border-bottom:2px solid #122CF4}.techSheet__header{width:100%;background:none;border:none;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;font-family:inherit;font-size:1rem;color:#122cf4;cursor:pointer}.techSheet__icon{font-size:1.5rem;line-height:1;transition:transform .3s ease}.techSheet__icon.open{transform:rotate(45deg)}.techSheet__content{max-height:0;overflow:hidden;transition:max-height .4s ease;font-size:.9rem;line-height:1.4}.techSheet__content.open{max-height:500px}.techSheet__content p{margin:.25rem 0}.homeLink,.linkButton{background:none;border:0;padding:0;text-underline-offset:3px}.homeLink:hover,.linkButton:hover{text-decoration:wavy underline currentColor}.copyAlert{position:fixed;z-index:300;width:160px;height:160px;pointer-events:none}.home{--ink: #122CF4;--paper: var(--bg);--frame: #122CF4;--on-frame: var(--bg);--ease: cubic-bezier(.16, 1, .3, 1);--strip: 220px;--thumb-active-w: 320px;--thumb-active-h: 200px;--thumb-gap: 16px;--inset: 20px;--thumb-w: min(176px, calc((100vw - var(--inset) * 2 - (var(--n, 2) - 1) * var(--thumb-gap) - var(--thumb-active-w)) / (var(--n, 2) - 1)));--thumb-h: calc(var(--thumb-w) * .625);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--frame);color:var(--ink);transition:background-color .4s ease}.home--dark{--ink: #ffffff;--paper: #000000;--frame: #ffffff;--on-frame: #000000}.home button{font:inherit;color:inherit}.home__card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--paper);color:var(--ink);border-radius:0;transition:top .5s var(--ease),left .5s var(--ease),right .5s var(--ease),bottom .5s var(--ease),border-radius .5s var(--ease),background-color .4s ease,color .4s ease}.home--open .home__card{top:var(--inset);left:var(--inset);right:var(--inset);bottom:calc(var(--strip) + var(--inset) * 2);border-radius:12px}.topBar{position:absolute;top:0;left:24px;right:24px;padding:12px 0;display:flex;justify-content:space-between;align-items:baseline;z-index:10}.topBar__name{font-size:24px;font-weight:700}.topBar__status{margin:0;font-size:14px;line-height:1.4;text-align:right}.home__hero{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 96px}.home__title{position:relative;z-index:2;margin:0;max-width:32ch;font-size:3.6rem;line-height:1.15;font-weight:700;-webkit-user-select:none;user-select:none}.home__cityImage{position:fixed;z-index:1;width:320px;height:188px;object-fit:contain;transform:translateY(-100%);pointer-events:none}.vToggle{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.02em;transition:opacity .3s ease}.vToggle--lang{left:24px}.vToggle--theme{right:24px}.home--open .vToggle{opacity:0;pointer-events:none}.vToggle__opt{opacity:.45;transition:opacity .3s ease}.vToggle__opt.is-on{opacity:1}.vToggle__opt svg{display:block}.vToggle__track{position:relative;width:34px;height:60px;padding:0;border:1.5px solid currentColor;border-radius:34px;background:none}.vToggle__knob{position:absolute;left:3px;top:3px;width:25px;height:25px;border-radius:50%;background:currentColor;transition:transform .3s var(--ease)}.vToggle__track.is-on .vToggle__knob{transform:translateY(26px)}.home__foot{position:absolute;left:24px;right:24px;top:calc(100% - 64px);z-index:10;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;font-size:16px;line-height:1.2;transition:top .5s var(--ease)}.home--open .home__foot{top:64px}.home__footCenter{display:flex;justify-content:center}.home__footRight{display:flex;justify-content:flex-end;gap:20px}.pill{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1.5px solid currentColor;border-radius:999px;background:none;transition:background-color .25s ease,color .25s ease}.pill:hover,.pill.is-on{background:var(--ink);color:var(--paper)}.pill__plus{display:inline-block;line-height:1;transition:transform .3s ease}.pill.is-on .pill__plus{transform:rotate(45deg)}.home__strip{position:absolute;left:var(--inset);right:var(--inset);bottom:var(--inset);height:var(--strip);display:flex;align-items:flex-end;gap:var(--thumb-gap);opacity:0;transform:translateY(40px);pointer-events:none;transition:opacity .35s ease .1s,transform .5s var(--ease)}.home--open .home__strip{opacity:1;transform:none;pointer-events:auto}.home__thumb{display:block;flex-shrink:0;width:var(--thumb-w);height:var(--thumb-h);transition:width .45s var(--ease),height .45s var(--ease)}.home__thumb.is-active{width:var(--thumb-active-w);height:var(--thumb-active-h)}.home__thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .6s ease}.home__thumb.is-active img{filter:none}.home__info{position:absolute;z-index:5;left:calc(var(--inset) + var(--i) * (var(--thumb-w) + var(--thumb-gap)));bottom:calc(var(--strip) + var(--inset) * 3);color:var(--ink);opacity:0;pointer-events:none;transition:left .45s var(--ease),opacity .35s ease .1s}.home--open .home__info{opacity:1}.home__infoNum{margin:0 0 8px;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.02em}.home__infoTitle{margin:0 0 6px;font-size:24px;line-height:1.1;font-weight:700}.home__infoText{margin:0;max-width:34ch;font-size:14px;line-height:1.4}@media(max-width:600px){.home{--strip: 170px;--thumb-w: 110px;--thumb-h: 69px;--thumb-active-w: 200px;--thumb-active-h: 125px;--thumb-gap: 12px;--inset: 12px}.topBar{left:20px;right:20px;flex-direction:column;align-items:flex-start;gap:6px}.topBar__name{font-size:20px}.topBar__status{font-size:12px;text-align:left;max-width:60%}.vToggle{top:14px;transform:none;flex-direction:row;gap:6px;font-size:11px}.vToggle--theme{right:20px}.vToggle--lang{left:auto;right:20px;top:50px}.vToggle__opt svg{width:16px;height:16px}.vToggle__track{width:44px;height:26px}.vToggle__knob{width:17px;height:17px}.vToggle__track.is-on .vToggle__knob{transform:translate(18px)}.home__hero{justify-content:center;padding:0 20px}.home__title{font-size:40px;line-height:1.1;text-align:center}.home__foot{left:20px;right:20px;top:calc(100% - 60px);font-size:15px}.home--open .home__foot{top:96px}.home__footRight{flex-direction:column;align-items:flex-end;gap:6px}.pill{padding:0 14px;white-space:nowrap}.home__strip{overflow-x:auto}.home__info{left:var(--inset)}.home__infoTitle{font-size:20px}}.caseBar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 16px;color:#122cf4}.caseBar__name{font-size:24px;line-height:1.2;font-weight:700}.caseBar__links{display:flex;gap:20px;margin:0;padding:0;list-style:none;font-size:16px;line-height:1.2}.caseBar button{font:inherit;color:inherit}.caseHero{padding:0 20px}.caseHero img{display:block;width:100%;height:min(600px,62vh);object-fit:cover}.caseIntro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start;padding:40px 20px 96px}.caseIntro__left{display:flex;flex-direction:column;gap:40px}.caseIntro__title{margin:0;font-size:clamp(48px,6.1vw,88px);line-height:1;letter-spacing:-.03em;font-weight:700;color:#122cf4}.caseIntro__detailsTitle{margin:0 0 10px;font-size:14px;font-weight:700}.caseDetails{margin:0;font-size:14px;line-height:1.4;border-top:1px solid #b8b8b8}.caseDetails__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 0;border-bottom:1px solid #b8b8b8}.caseDetails__row dt{color:#5f5f5f}.caseDetails__row dd{margin:0;grid-column:span 2}.caseIntro__text{margin-top:6px;max-width:60ch;font-size:16px;line-height:1.5;color:#333}.caseIntro__text p{margin:0 0 1em}.caseIntro__text p:first-child{margin-top:0}@media(max-width:600px){.caseBar__name{font-size:20px}.caseBar__links{gap:14px;font-size:15px}.caseIntro{grid-template-columns:minmax(0,1fr)}}.caseLabel{margin:0;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:12px;line-height:1.45;letter-spacing:.02em;text-transform:uppercase;color:#122cf4}.caseRow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;row-gap:64px;margin:0 20px;padding:20px 0 96px;border-top:1px solid #122CF4;cursor:none}.caseRow__side{grid-column:1 / span 4;display:flex;flex-direction:column;gap:16px}.caseRow__main{grid-column:5 / span 8}.caseRow__full{grid-column:1 / -1}.caseRow__title{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.01em;font-weight:700;color:#122cf4}.caseBody{margin:0;max-width:44ch;font-size:16px;line-height:1.5;color:#1a1a1a}.caseCursor{font-weight:700}.caseImg{display:block;width:100%;height:auto;max-height:100vh;object-fit:cover}.casePoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;align-content:start}.casePoint{border-top:1px solid #b8b8b8;padding-top:10px}.casePoint h3{margin:6px 0;font-size:16px;font-weight:700;color:#122cf4}.casePoint p:last-child{margin:0;max-width:44ch;font-size:14px;line-height:1.45}.browser{border:1.5px solid #122CF4;border-radius:12px;overflow:hidden;background:#fff;cursor:url(/cursor.svg) 20 20,auto}.browser__bar{height:44px;padding:0 14px;display:flex;align-items:center;gap:16px;border-bottom:1.5px solid #122CF4;background:var(--bg);color:#122cf4}.browser__dots{display:flex;gap:6px}.browser__dots span{width:11px;height:11px;border-radius:50%;border:1.5px solid #122CF4;box-sizing:border-box}.browser__nav{display:flex;gap:10px}.browser__url{flex:1;height:26px;border:1.5px solid #122CF4;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:12px}.browser__spacer{width:50px}.browser__view{height:min(800px,calc(100vh - 60px));overflow-y:auto;overflow-x:hidden}.browser__view img{display:block;width:100%;height:auto}.caseCredits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;font-size:14px;line-height:1.45}.caseCredits__group{margin-bottom:10px}.caseCredits__line{margin:0 0 4px}.caseNext{padding-bottom:20px;cursor:url(/cursor.svg) 20 20,auto}.caseNext__link{text-decoration:none}.caseNext__title{margin:0;font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-.03em;font-weight:700;color:#122cf4}.caseNext__img{aspect-ratio:29 / 10}.caseNext__bottom{display:flex;justify-content:space-between;align-items:center}@media(max-width:600px){.caseRow{row-gap:32px;padding-bottom:64px;cursor:url(/cursor.svg) 20 20,auto}.caseRow__side,.caseRow__main{grid-column:1 / -1}.caseCursor{display:none}.casePoints,.caseCredits{grid-template-columns:minmax(0,1fr)}.browser__nav,.browser__spacer{display:none}}.caseFigure{margin:0}.caseStack{display:flex;flex-direction:column;gap:20px}.caseStack>.caseFigure{grid-column:auto}.caseCaption{margin-top:8px;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:12px;line-height:1.45;letter-spacing:.02em;color:#5f5f5f;max-width:70ch}.caseGallery{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:20px;align-items:start}.caseGallery__item img{display:block;width:100%;height:auto;aspect-ratio:var(--ratio, 16 / 9);object-fit:cover;max-height:100vh}.caseGallery__num{margin-top:8px}.caseVideo{position:relative;aspect-ratio:16 / 9;max-height:100vh;background:#000}.caseVideo iframe,.browser__view--live iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.browser__view--live{position:relative;overflow:hidden;height:min(620px,calc(100vh - 60px))}.caseSideList{margin-top:8px}.caseSideLink{color:#122cf4;font-size:14px}@media(max-width:600px){.caseGallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.caseMissing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#122cf4}