body,html{margin:0;padding:0;width:100%;height:100%;scroll-behavior:smooth}body{font-family:"Roboto",sans-serif;letter-spacing:.05em;color:#6d6d61;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}a{color:inherit;text-decoration:inherit}.__text-accent{color:#39484d}.__center{display:grid;place-items:center}.__column{display:flex;flex-direction:column}.__row{display:flex;flex-direction:row}.__main-center{justify-content:center}.__cross-center{align-items:center}.__flex-1{flex:1 1}.MuiPaper-root>img[data-zoom=md]{width:auto;max-height:calc(100vh - 64px)}#homepage{width:100%}@media(min-width:600px){#homepage #home-stripe-banner{height:60vh}}@media(max-width:600px){#homepage #home-stripe-banner{height:30vh}}#homepage .home-centered{margin:0 auto}@media(min-width:600px){#homepage .home-centered{width:80vw}}@media(max-width:600px){#homepage .home-centered{width:90vw}}@media(min-width:600px){#homepage .home-space-1{margin-bottom:300px}}@media(max-width:600px){#homepage .home-space-1{margin-bottom:150px}}#homepage .home-space-2{margin-bottom:8vw}#homepage .home-space-3{margin-bottom:4vw}#homepage .home-classic-title{font-family:"Kalinga",sans-serif!important;color:#476069;font-weight:400;text-transform:uppercase;word-wrap:normal}#homepage .home-scroll-margin{scroll-margin:200px}header{font-family:"Kalinga",sans-serif;position:fixed;top:0;left:0;width:100%;height:80px;z-index:1000;transition:.2s;display:grid;grid-template-columns:auto 1fr auto;align-items:center}header[w=true]{background:#fff;color:#000}header[w=true] #logo{opacity:1}header[w=false]{background:linear-gradient(180deg,#000,rgba(0,0,0,.6) 40%,hsla(0,0%,100%,0));color:#fff}header[w=false] #logo{opacity:0}header li{list-style:none;text-transform:uppercase;cursor:pointer;transition:color .2s}header #logo{width:80px;margin-left:40px;opacity:0;transition:opacity .2s}header #menu,header #menu-icon{grid-column:3/4;grid-row:1/2}@media(max-width:700px){header[m=true] #menu{display:flex}header[m=false] #menu{display:none}header #logo{font-size:1.3em}header #menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;color:#000;display:none;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0}header #menu #close-icon{position:absolute;top:30px;right:30px}header #menu li{font-size:1.8rem;margin:20px 0}header #menu-icon{margin-right:40px}}@media(min-width:700px){header[w=true] #menu:hover{color:#c2c2c2}header[w=true] li:hover{color:#000}header[w=false] #menu:hover{color:#585858}header[w=false] li:hover{color:#fff}header #menu{display:flex;flex-direction:row;transition:color .2s;padding:0;margin:0}header #menu #close-icon{display:none}header #menu li{margin-right:40px}header #menu-icon{display:none}}@media(max-width:600px){#home-presentation #presentation-banner{width:100%;height:200px;overflow-y:hidden}#home-presentation #presentation-banner img{width:100%}#home-presentation #personal-presentation{flex-direction:column}}@media(min-width:600px){#home-presentation #personal-presentation{flex-direction:row}}#home-presentation #personal-presentation{width:100%;position:relative;grid-gap:80px;gap:80px}#home-presentation #personal-presentation #profile-image{width:120px;margin-right:50px;font-size:.9rem}#home-presentation #personal-presentation #presentation #presentation-text{text-align:center;margin-bottom:20px}#home-presentation #personal-presentation #presentation #presentation-text h1{font-family:"Kalinga",sans-serif;letter-spacing:1rem;text-transform:lowercase}#home-presentation #personal-presentation #presentation #presentation-text p{margin-bottom:40px}#home-presentation #home-presentation-cards{flex-wrap:wrap;justify-content:space-between}#home-presentation .home-presentation-card{display:grid;grid-template-areas:"image" "title" "description";grid-template-rows:auto auto 1fr}@media(max-width:600px){#home-presentation .home-presentation-card{flex:0 1 100%}#home-presentation .home-presentation-card:not(:last-child){margin-bottom:150px}}@media(min-width:600px){#home-presentation .home-presentation-card{flex:0 1 21vw}}#home-presentation .home-presentation-card .card-image{grid-area:image;width:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}#home-presentation .home-presentation-card .card-image img{width:100%}#home-presentation .home-presentation-card .card-title{grid-area:title;text-transform:uppercase;text-align:center;font-family:"Kalinga",sans-serif}#home-presentation .home-presentation-card .card-text{grid-area:description;text-align:justify;font-size:1.2rem;line-height:1.7rem}#personal-photo,#personal-photo #personal-photo-img,#personal-photo #personal-photo-img img{width:100%}#personal-photo p{color:#39484d;font-size:.8em}#personal-photo #name{font-size:1em;margin-bottom:5px}#personal-photo p:last-child{margin-top:0}#home-project-overview{width:100%}#home-project-overview #home-project-overview-title{background-color:#39484d;background-position:50%;background-size:contain;background-color:#7d7f7e;background-repeat:no-repeat;color:#fff;font-weight:700}@media(max-width:600px){#home-project-overview #home-project-overview-title{height:35vh}}@media(min-width:600px){#home-project-overview #home-project-overview-title{height:50vh}}#home-project-overview #home-project-overview-title h1{font-size:2.8rem;letter-spacing:.6rem;background-color:transparent}@media(max-width:600px){#home-project-overview .project-overview-section{margin-bottom:70px}}@media(min-width:600px){#home-project-overview .project-overview-section{margin-bottom:200px}}#home-project-overview .project-overview-section .project-list{display:grid;grid-gap:30px}@media(max-width:600px){#home-project-overview .project-overview-section .project-list{grid-template-columns:repeat(1,1fr)}}@media(min-width:600px){#home-project-overview .project-overview-section .project-list{grid-template-columns:repeat(3,1fr)}}#home-project-overview .project-overview-section .project-card{flex:1 1;font-family:"Kalinga",sans-serif;text-transform:uppercase;letter-spacing:.2em}@media(max-width:600px){#home-project-overview .project-overview-section .project-card{height:30vh}}@media(min-width:600px){#home-project-overview .project-overview-section .project-card{height:40vh}}#home-project-overview .project-overview-section .project-card>a:first-child{flex:1 1}#home-project-overview .project-overview-section .project-card .project-card-background{width:100%;height:100%}#home-project-overview .project-overview-section .project-card .project-card-bg{background-size:cover;background-position:50%;width:100%;height:100%}#home-project-overview .project-overview-section .project-card .project-card-title{width:100%;text-align:center;font-size:1.2em;margin:1em 0}.image-overlay{overflow:hidden;position:relative}.image-overlay:hover .image-overlay-children{transform:scale(1.05);-webkit-filter:blur(5px) brightness(.3);filter:blur(5px) brightness(.3)}.image-overlay:hover .image-overlay-options{opacity:1}.image-overlay .image-overlay-children{transition:transform .4s,-webkit-filter .4s;transition:transform .4s,filter .4s;transition:transform .4s,filter .4s,-webkit-filter .4s;width:100%;height:100%}.image-overlay .image-overlay-options{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:100;color:#fff;opacity:0;transition:opacity .4s}.image-overlay .image-overlay-options svg{color:#fff}@media(max-width:600px){.realisation-title{height:50vh;margin-bottom:70px!important}.realisation-title .realisation-title-img{width:100%}.realisation-title .realisation-title-text-wrapper{left:0;right:0;margin:0 auto}.realisation-title .realisation-title-text-wrapper .realisation-title-card{width:90%;height:250px;padding:10px}.realisation-title .realisation-title-text-wrapper .realisation-title-card h1{font-size:1.7rem}}@media(min-width:600px){.realisation-title{height:70vh}.realisation-title .realisation-title-img{width:70%}.realisation-title .realisation-title-text-wrapper{width:30%}.realisation-title .realisation-title-text-wrapper[data-position=left]{left:0}.realisation-title .realisation-title-text-wrapper[data-position=right]{right:0}.realisation-title .realisation-title-text-wrapper .realisation-title-card{width:100%;height:320px;padding:40px}.realisation-title .realisation-title-text-wrapper .realisation-title-card h1{font-size:1.5rem}}.realisation-title{position:relative}.realisation-title .realisation-title-img{height:100%;margin:0 auto;background-repeat:no-repeat;background-size:cover;background-position:50%}.realisation-title .realisation-title-text-wrapper{position:absolute;top:0;bottom:0}.realisation-title .realisation-title-card{background-color:hsla(0,0%,100%,.603);box-shadow:0 0 50px 0 hsla(0,0%,54.5%,.24);box-sizing:border-box;position:relative}.realisation-title .realisation-title-card h1{background-color:#fff;color:#daaa32;letter-spacing:.3em}.realisation-title .realisation-title-card span{letter-spacing:.2rem}.realisation-title .realisation-title-card .tandem-logo{position:absolute;width:80px;bottom:0;left:50%;transform:translate(-50%,50%)}.realisation-title .realisation-title-card .tandem-logo img{width:100%}@media(max-width:600px){footer{flex-direction:column;padding:50px 20px}footer #footer-logo{width:200px;margin:50px auto}footer li{font-size:.8em}}@media(min-width:600px){footer{flex-direction:row;padding:50px 130px}footer #footer-logo{width:250px;margin:0 auto}footer *>div:last-child{display:flex;justify-content:flex-end}}footer{display:flex;width:100%;box-sizing:border-box;padding-bottom:100px;justify-content:space-between}footer>*{flex:1 1}footer .contact-elmt{box-sizing:border-box;letter-spacing:.3em}footer .contact-elmt h3{color:#daaa32;text-transform:uppercase}footer .contact-elmt li{list-style:none;margin-bottom:10px;color:#39484d}footer .contact-elmt li .social-logo{width:30px;height:30px;margin-right:8px;background-size:cover;background-position:50%}@media(max-width:600px){#vision-metier #vision-metier-core{flex-direction:column-reverse}#vision-metier #vision-metier-core #profile-image{margin:0 auto;text-align:center}}@media(min-width:600px){#vision-metier #profile-image{margin-left:150px;text-align:right}}#vision-metier{box-sizing:border-box;background-image:url(/img/home_vision_metier/background.jpg);background-repeat:no-repeat;background-size:100%;background-position-y:bottom;position:relative}@media(max-width:600px){#vision-metier{margin-bottom:150px!important;padding-bottom:80px}}@media(min-width:600px){#vision-metier{padding-bottom:150px}}#vision-metier #tandem-logo{width:80px;margin:0 auto}#vision-metier #vision-metier-title{text-align:center}@media(max-width:600px){#vision-metier #vision-metier-title h1{font-size:1.6em}}#vision-metier #vision-metier-title p{font-size:1.3rem;color:#39484d}#vision-metier h2{font-family:"Kalinga",sans-serif;color:#476069;font-weight:400;text-transform:uppercase;word-wrap:normal}#vision-metier #vision-metier-core{display:flex}#vision-metier #vision-metier-core #vision-metier-content{flex:1 1}#vision-metier #vision-metier-core #vision-metier-content p{text-align:justify;margin-bottom:50px;line-height:1.6rem}#vision-metier #vision-metier-core #vision-metier-content p:last-child{text-align:left}#vision-metier #vision-metier-core #profile-image{width:200px}#vision-metier #vision-metier-footer{position:absolute;left:0;right:0;bottom:-50px}#vision-metier #vision-metier-footer>div{margin:0 auto;width:15vw;background-color:#fff;padding:20px;box-sizing:border-box}#vision-metier #vision-metier-footer img{width:100%}#vision-metier #vision-metier-footer #floating-logo{position:absolute;top:-30px;left:0;right:0}#vision-metier #vision-metier-footer #floating-logo img{width:80px;height:80px}.bg-stripe{position:relative;background-size:cover;background-position:0 60%;overflow:hidden}@media(max-width:600px){.home_title{margin-top:40px}.home_title #occupations{font-size:1.8vh}.home_title .tandemstudio-text-logo .tandem-logo{width:100px}.home_title .tandemstudio-text-logo .tandem-logo img{width:100%}.home_title .tandemstudio-text-logo .tandem-studio{font-size:6vh}}@media(min-width:600px){.home_title{height:40vh}.home_title #occupations{font-size:1.4em}.home_title .tandemstudio-text-logo .tandem-logo{width:150px}.home_title .tandemstudio-text-logo .tandem-logo img{width:100%}.home_title .tandemstudio-text-logo .tandem-studio{font-size:4em}}.home_title{font-family:"Kalinga",sans-serif;display:flex;flex-direction:column;justify-content:space-evenly}.home_title p{margin:0}.home_title #occupations{letter-spacing:.6rem;text-transform:uppercase;text-align:center;color:#39484d}.tandemstudio-text-logo{font-family:"Kalinga",sans-serif;letter-spacing:1em;text-align:center;font-weight:700}.tandemstudio-text-logo p{margin:0}.tandemstudio-text-logo .name{font-size:1.2em;margin-top:10px}#home-press{text-align:center}#home-press h1{font-family:"Kalinga",sans-serif;color:#daaa32;text-transform:uppercase;letter-spacing:.3em}@media(max-width:600px){#home-press img{height:100%}}@media(min-width:600px){#home-press img{width:100%}}#home-press .home-article-list{display:flex;width:100%}@media(max-width:600px){#home-press .home-article-list{flex-direction:column}}@media(min-width:600px){#home-press .home-article-list{flex-direction:row}}#home-press .home-article-list:not(:last-child){margin-bottom:100px}@media(max-width:600px){#home-press .home-article-list .home-article-cover{height:30vh;margin:0 auto}}@media(min-width:600px){#home-press .home-article-list .home-article-cover{width:15vw;margin-right:100px}}#home-press .home-article-list .home-article-cover img{box-shadow:0 0 10px 0 #666}#home-press .home-article-list .home-article-pages{flex-wrap:nowrap;overflow-x:auto}@media(max-width:600px){#home-press .home-article-list .home-article-pages{height:80vh}}@media(min-width:600px){#home-press .home-article-list .home-article-pages{flex:1 1}}#home-press .home-article-list .home-article-pages .home-article-page{flex-shrink:0}@media(max-width:600px){#home-press .home-article-list .home-article-pages .home-article-page{height:100%}}@media(min-width:600px){#home-press .home-article-list .home-article-pages .home-article-page{width:30vw}}#front-page h1{color:#daaa32}@media(max-width:600px){#front-page h1{font-size:1.8em}}@media(min-width:600px){#front-page h1{text-align:center}}#front-page h1,#front-page h2{text-transform:uppercase;font-family:"Kalinga",sans-serif;letter-spacing:.3em;text-align:center}#front-page #presentation,#front-page h2{color:#39484d}#front-page #presentation{display:flex;align-items:center;text-align:center;line-height:1.8em;margin-bottom:80px}@media(max-width:600px){#front-page #presentation{flex-direction:column;grid-gap:19px;gap:19px}}@media(min-width:600px){#front-page #presentation{flex-direction:row;grid-gap:30px;gap:30px}}#front-page #presentation span.sm{font-size:.7em}#front-page #presentation #logo{width:120px}@media(min-width:600px){#front-page #presentation #logo{display:inherit}}@media(max-width:600px){#front-page #presentation #logo{display:none}}#front-page #presentation #logo img{width:100%}#front-page #linkedin-post{border:.5px solid #39484d;border-radius:10px;width:50%;height:900px;overflow:hidden;margin:0 auto 100px}@media(max-width:600px){#front-page #linkedin-post{width:100%;height:600px}}#front-page #linkedin-post iframe{width:100%;height:100%}#front-page #logo-mobile{width:80px;margin:0 auto}@media(min-width:600px){#front-page #logo-mobile{display:none}}@media(max-width:600px){#front-page #logo-mobile{display:inherit}}#front-page #logo-mobile img{width:100%}#front-page #mosaique,#front-page #mosaique-vert{display:grid;margin:40px 0}@media(max-width:600px){#front-page #mosaique{grid-template-columns:repeat(1,1fr);grid-auto-rows:250px;grid-gap:20px;gap:20px}}@media(min-width:600px){#front-page #mosaique{grid-template-columns:repeat(2,1fr);grid-auto-rows:500px;grid-gap:40px;gap:40px}}#front-page #mosaique *{width:100%;height:100%;object-fit:cover}@media(max-width:600px){#front-page #mosaique-vert{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px;grid-gap:20px;gap:20px}}@media(min-width:600px){#front-page #mosaique-vert{grid-template-columns:repeat(4,1fr);grid-auto-rows:500px;grid-gap:40px;gap:40px}}#front-page #mosaique-vert *{width:100%;height:100%;object-fit:cover}@font-face{font-family:"Kalinga";src:url(/fonts/kalinga/Kalinga.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Kalinga";src:url(/fonts/kalinga/kalinga_bold.ttf);font-weight:700;font-style:normal;font-display:swap}@media(max-width:600px){#project-page #project-name{width:90vw;font-size:1.4rem}#project-page #project-title{word-wrap:break-word}#project-page #project-gallery-divider #project-gallery-divider-text{width:50%}}@media(min-width:600px){#project-page #project-name{width:45vw;font-size:1.8rem}#project-page #project-gallery-divider #project-gallery-divider-text{width:20%}}#project-page{position:relative}#project-page .bg-stripe{height:60vh}#project-page .project-centered{margin:0 auto}@media(max-width:600px){#project-page .project-centered{width:90vw}}@media(min-width:600px){#project-page .project-centered{width:70vw}}#project-page #project-name{font-family:"Kalinga",sans-serif;position:absolute;top:30vh;background-color:rgba(95,95,95,.671);color:#fff;padding:10px 15px;box-sizing:border-box;text-transform:uppercase;font-weight:400}#project-page #project-presentation{font-family:"Kalinga",sans-serif;margin:150px auto;text-align:center;color:#39484d}#project-page #project-presentation h1{font-size:2.2rem;font-weight:400;text-transform:uppercase;margin:0}#project-page #project-presentation h2{font-size:1.4rem;font-weight:400;text-transform:uppercase;margin:10px 0}#project-page #project-presentation #project-options{margin-top:50px;text-transform:uppercase;font-size:1.1rem}#project-page #project-gallery-divider{position:relative;text-transform:uppercase;box-sizing:border-box;margin-top:100px;margin-bottom:100px;color:#39484d}#project-page #project-gallery-divider #project-gallery-divider-line{box-sizing:border-box;width:100%;position:absolute;border:.5px solid #39484d}#project-page #project-gallery-divider #project-gallery-divider-text{background-color:#fff;z-index:2;text-align:center;font-size:1.8rem;font-weight:400}#project-page #project-gallery{margin-bottom:200px;display:flex;flex-direction:row}#project-page #project-gallery .project-gallery-column{flex:1 1}#project-page #project-gallery .project-gallery-column:not(:last-child){margin-right:10px}#project-page #project-gallery .project-gallery-column .project-image-tile{width:100%;position:relative;overflow:hidden}#project-page #project-gallery .project-gallery-column .project-image-tile:not(:last-child){margin-bottom:10px}#project-page #project-gallery .project-gallery-column .project-image-tile img{transition:transform .4s,-webkit-filter .4s;transition:transform .4s,filter .4s;transition:transform .4s,filter .4s,-webkit-filter .4s;width:100%}#project-page #project-gallery .project-gallery-column .project-image-tile .project-image-tile-options{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s}#project-page #project-gallery .project-gallery-column .project-image-tile:hover img{transform:scale(1.05);-webkit-filter:blur(5px) brightness(.2);filter:blur(5px) brightness(.2)}#project-page #project-gallery .project-gallery-column .project-image-tile:hover .project-image-tile-options{opacity:1}