body{position:relative;display:flex;flex-direction:column;background:var(--clr-surface-a0);overflow-x:hidden}.main-nav{height:var(--nav-height);padding:var(--size-m);position:fixed;top:var(--size-xl);left:var(--size-xl);right:var(--size-xl);display:flex;flex-direction:row;align-items:center;column-gap:var(--size-m);border-radius:var(--radius-l);background-color:rgba(30,30,30,.5);backdrop-filter:blur(32px);z-index:100;pointer-events:none}.main-nav>.nav-items{flex:1;display:flex;align-items:center;justify-content:center;column-gap:var(--size-xl)}.nav-items>.nav-item{font-size:.9rem;text-decoration:none;color:white;transition:color .15s;pointer-events:all}.nav-item:hover{color:var(--clr-primary-a50);transition:color .15s}.header{position:relative;height:100svh;width:100%;margin-bottom:128px;padding:calc(160px + var(--size-xl)) var(--size-xl);padding-top:calc(var(--nav-height) + var(--size-xl));display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:80px;border-bottom:4px solid var(--clr-primary-a0);overflow:hidden}.header>.header-brand{display:flex;flex-direction:column;align-items:center;justify-content:center}.header-brand>h1{font-size:5rem;font-weight:700;color:white;line-height:6rem;text-shadow:0 0 16px var(--clr-surface-a0)}.header-brand>h2{font-size:5rem;font-weight:700;color:var(--clr-primary-a0);line-height:5rem;text-shadow:0 0 16px var(--clr-surface-a0)}.header-tags{display:flex;z-index:1}.header-tags>.header-tag{font-size:1.2rem;font-weight:300;color:white}.header-tag:not(:first-child)::before{content:'•';margin:0 var(--size-ml);color:var(--clr-surface-a30)}.header-illustrations{position:absolute;bottom:var(--size-xl);height:160px;width:100%;display:flex;justify-content:center;column-gap:var(--size-ml);overflow:hidden}.header-illustrations>.header-illustration{aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:var(--radius-s)}.header-bg{position:absolute;height:100%;width:100%;top:0;left:0;z-index:0;pointer-events:none}.header-bg::after{position:absolute;top:0;left:0;height:100%;width:100%;content:"";backdrop-filter:blur(128px);z-index:1;pointer-events:none}.header-bg>img{height:100%;width:100%;object-fit:cover}.header-bg>.blob{position:absolute;height:250px;width:250px;top:0;left:0;background:var(--clr-primary-a0);border-radius:500px;transform:translateX(-50%) translateY(-50%);z-index:0;pointer-events:none}.card-container{display:flex;flex-direction:row;justify-content:space-between;column-gap:calc(var(--size-xxl) * 2)}.card{display:flex;flex-direction:column;row-gap:var(--size-m);flex:1}.card>.card-title{font-size:5rem;font-weight:900;color:var(--clr-primary-a0);line-height:5rem}.card>.card-subtitle{font-size:2rem;font-weight:700;color:var(--clr-surface-a40)}.card>.card-content{color:white}.illustration{width:100%;display:flex;border-radius:var(--radius-m);object-fit:cover;object-position:center;aspect-ratio:4/3}.illustration.squared{aspect-ratio:1/1}.realisations-container{--number-of-columns:3;--col-gap:var(--size-xl);--row-gap:var(--size-xl);display:flex;flex-direction:row;flex-wrap:wrap;column-gap:var(--col-gap)!important;row-gap:var(--row-gap)}.realisations-container>.realisation-card{position:relative;width:calc((100% / var(--number-of-columns)) - ((var(--col-gap) * (var(--number-of-columns) - 1)) / var(--number-of-columns)));display:flex;flex-direction:column;row-gap:var(--size-m);overflow:hidden}.realisation-card>.realisation-card-image{width:100%;flex-shrink:0;aspect-ratio:3/2;border-radius:var(--radius-m);overflow:hidden}.realisation-card-image>img{height:100%;width:100%;object-fit:cover}.realisation-card>.realisation-card-overlay{position:absolute;top:0;left:0;width:100%;padding:var(--size-l);display:flex;flex-direction:column;row-gap:var(--size-s);font-size:.9rem;color:white;text-align:justify;border-radius:var(--radius-m);background:rgba(0,0,0,.8);backdrop-filter:blur(16px);opacity:1;aspect-ratio:3/2;transition:opacity .15s;pointer-events:none}.realisation-card:not(:has(.realisation-card-image:hover))>.realisation-card-overlay{opacity:0;transition:opacity .15s}.realisation-card-overlay>p{font-size:inherit;color:inherit;text-align:inherit}.realisation-card>.realisation-card-content{height:100%;width:100%;display:flex;align-items:center;z-index:1}.realisation-card-content>.realisation-card-content-title{width:100%;display:flex;flex-direction:column;row-gap:var(--size-s);column-gap:var(--size-m)}.realisation-card-content-title>.card-title{display:flex;align-items:center;column-gap:var(--size-m);font-size:1.5rem;font-weight:500;color:white}.card-url-group{margin-left:auto;display:flex;column-gap:var(--size-s)}.card-url{height:24px;min-width:24px;padding:0 4px;display:flex;column-gap:var(--size-s);align-items:center;justify-content:center;font-size:.8rem;line-height:.8rem;color:white;border-radius:var(--radius-s);background:var(--clr-primary-a0);text-decoration:none}.card-url>i{font-size:inherit;line-height:inherit;color:inherit}.realisation-card-content-title>.card-tag{display:flex;gap:var(--size-s)}.card-tag>.tag{font-size:.8rem;line-height:.8rem;font-weight:500;font-style:italic;color:black;background:var(--clr-surface-a50);padding:4px;border-radius:4px}.contact-form{display:flex;flex-direction:column;row-gap:var(--size-m)}.projets-header{position:relative;padding:128px;margin:0 var(--size-xl);margin-top:calc(var(--nav-height) + (var(--size-xl) * 2));margin-bottom:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 0 24px 12px rgba(0,0,0,.5)}.projets-header>.projets-header-bg{position:absolute;height:100%;width:100%;top:0;left:0;z-index:0;pointer-events:none}.projets-header>.projets-header-bg::after{position:absolute;top:0;left:0;height:100%;width:100%;content:"";backdrop-filter:blur(128px);z-index:1;pointer-events:none}.projets-header>.projets-header-bg>img{height:100%;width:100%}.projets-header>.projets-header-title{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:var(--size-l);z-index:1}.projets-header-title>h1{font-size:4rem;font-weight:700;color:white;line-height:4rem;text-shadow:0 0 16px var(--clr-surface-a0);text-align:center}.projets-header-title>h2{font-size:2rem;font-weight:300;color:var(--clr-primary-a0);line-height:2rem;text-align:center}.screen{position:relative;display:flex;border:4px solid rgba(40,40,40,.5);border-bottom:16px solid rgba(40,40,40,.5);border-radius:2px;background:rgba(40,40,40,.5);aspect-ratio:16/9;box-sizing:content-box;box-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px}.screen::after{height:16px;position:absolute;bottom:-16px;left:0;right:0;display:flex;align-items:center;justify-content:center;content:"SMARTCAST";font-family:"Inter",sans-serif;font-size:8px;font-weight:400;letter-spacing:1px;text-align:center;color:white}.screen-content{width:100%;border:2px solid black;box-sizing:content-box;border-radius:2px;aspect-ratio:16/9}.screen.vertical{height:100%!important;width:fit-content!important;margin:auto}.screen.vertical>.screen-content{height:100%!important;width:unset!important;aspect-ratio:9/16!important}footer{padding:var(--size-xxl) 0;position:relative;display:flex;flex-direction:column;row-gap:var(--size-l);background:var(--clr-surface-a20);border-top:4px solid var(--clr-surface-a30)}footer>.footer-content{width:1400px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between}.footer-content>span{}