@keyframes flash{0%,50%,to{opacity:.2}25%,75%{opacity:0}}@font-face{font-family:Lausanne;src:url(/aeks.studio/fonts/Lausanne-500.eot);src:url(/aeks.studio/fonts/Lausanne-500.eot) format("embedded-opentype"),url(/aeks.studio/fonts/Lausanne-500.woff2) format("woff2"),url(/aeks.studio/fonts/Lausanne-500.woff) format("woff"),url(/aeks.studio/fonts/Lausanne-500.ttf) format("truetype"),url(/aeks.studio/fonts/Lausanne-500.svg#Lausanne-500) format("svg");font-weight:400;font-style:normal}*,*:after,*:before{-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-app-region:no-drag;touch-action:manipulation;-ms-touch-action:manipulation;-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}:root{--white: #f6f6f6;--black: #181818;--color-light: #ffee00;--color-dark: #ff6c00;--row: calc((100% - var(--padding)) / var(--rows) - var(--gutter));--column: calc((100% - var(--padding)) / var(--columns) - var(--gutter));--logo-min: 15%;--gutter: 16px;--padding: 24px;--columns: 12;--rows: 12;--h1: 60px;--h2: 36px;--h3: 24px;--p1: 18px;--p2: 13px;--mobile: 0;--tab: 0}html[data-theme=light]{--light: var(--white);--dark: var(--black);--color: var(--color-light)}html[data-theme=dark]{--light: var(--black);--dark: var(--white);--color: var(--color-dark)}html{font-family:Lausanne,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light);color:var(--dark);transition:color .4s,background-color .4s;overflow:hidden}body{width:100%;height:100%;position:fixed;inset:0;margin:0;padding:var(--padding);box-sizing:border-box;display:grid;overflow:hidden;grid-gap:var(--gutter);grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr)}header{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:1fr;grid-gap:var(--gutter);grid-column:span var(--columns);grid-row:1;font-size:var(--p1)}header #link-projets{grid-column:1 / 4}header #link-infos{grid-column:4 / 7}header #switch-theme{grid-column:7 / 10}header #search-page{grid-column:10 / 13;position:relative}header #search-page input{width:100%;background-color:var(--light);color:var(--dark);transition:color .4s,background-color .4s;outline:none;border:none;padding:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-bottom:1px solid var(--dark);font-family:Lausanne;font-weight:400;font-size:var(--p1);border-radius:0}::-webkit-search-decoration{-webkit-appearance:none}::-ms-clear{display:none}::placeholder{color:var(--dark);opacity:.4}::-ms-input-placeholder{color:var(--dark)}header #search-page #search-return{position:absolute;left:0;top:32px;opacity:.4;height:auto;width:100%;z-index:3;padding:2px 0;box-sizing:border-box}header #search-page #search-return p{cursor:pointer}main{display:flex;flex-direction:column;align-items:flex-start;grid-column:1 / 13;grid-row:2 / 12;font-size:var(--p1);overflow:scroll;scroll-snap-type:y mandatory}main #home{height:100%;width:100%;flex-shrink:0;scroll-snap-align:start;overflow:hidden}main #lab{height:100%;width:100%;flex-shrink:0;scroll-snap-align:start;background-color:red;display:none}main #projets{height:100%;width:100%;flex-shrink:0;opacity:0;scroll-snap-align:start;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(10,1fr);grid-gap:var(--gutter)}main #projets #titre-projets{grid-column:1 / 13;grid-row:1 / 3;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:1fr;align-items:center}main #projets #titre-projets *:nth-child(1){grid-column:1 / 4}main #projets #titre-projets *:nth-child(2){grid-column:4 / 7}main #projets #titre-projets *:nth-child(3){grid-column:7 / 10}main #projets #titre-projets *:nth-child(4){grid-column:10 / 13}main #projets #contenu-projets{grid-column:1 / 13;grid-row:3 / 11;overflow:scroll;scroll-snap-type:y mandatory;height:100%}main #projets #contenu-projets .titre{scroll-snap-align:start;height:calc(7.6923076923% - 1px);box-sizing:border-box;border-bottom:1px solid var(--dark);display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-gap:var(--gutter);grid-template-rows:1fr;align-items:flex-end;margin-bottom:1px}main #projets #contenu-projets .titre.blank{height:92.3076923076%;border:none;pointer-events:none}main #projets #contenu-projets .titre.last+.detail.open~.titre.blank{height:15.3846153846%}main #projets #contenu-projets .titre *:nth-child(1){grid-column:1 / 4}main #projets #contenu-projets .titre *:nth-child(2){grid-column:4 / 7}main #projets #contenu-projets .titre *:nth-child(3){grid-column:7 / 10}main #projets #contenu-projets .titre *:nth-child(4){grid-column:10 / 13}main #projets #contenu-projets .detail{height:0;width:100%;display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;overflow-y:hidden;box-sizing:border-box;padding:0;opacity:0;pointer-events:none;transition:opacity .4s}main #projets #contenu-projets .detail.open{height:76.9230769231%;padding:var(--padding) 0 0 0;pointer-events:auto;opacity:1}main #projets #contenu-projets .detail .img,main #projets #contenu-projets .detail .txt{height:100%;width:100%;flex-shrink:0;scroll-snap-align:start;overflow:scroll}main #projets #contenu-projets .detail .img img{height:calc(100% - 20px);max-width:auto;-webkit-box-shadow:5px 5px 20px -5px rgba(24,24,24,.4);-moz-box-shadow:5px 5px 20px -5px rgba(24,24,24,.4);box-shadow:5px 5px 20px -5px #18181866}main #projets #contenu-projets .detail .title{padding:0 0 var(--padding) 0;box-sizing:border-box;position:sticky;top:0;background-color:var(--light);transition:background-color .4s}main #projets #contenu-projets .detail .txt .intention{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-gap:var(--gutter);grid-template-rows:1fr}main #projets #contenu-projets .detail .txt .intention h3,main #projets #contenu-projets .detail .txt .intention p{grid-column:1 / 6}main #infos{height:100%;width:100%;display:flex;flex-wrap:wrap;flex-shrink:0;scroll-snap-align:start;scroll-snap-type:y mandatory;overflow:scroll}main #infos #aeks,main #infos #studio{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(10,1fr);grid-gap:var(--gutter);height:100%;width:100%;overflow:hidden;flex-shrink:0;scroll-snap-align:start}main #infos #aeks h2{grid-column:1 / 8;grid-row:1 / 11;align-self:flex-end}main #infos #studio div{grid-column:1 / 5;grid-row:1 / 11;align-self:flex-end}main #infos #studio p{margin:var(--gutter) 0 var(--gutter) 0}main #infos #studio p:last-of-type{margin-bottom:0}main #infos .shutter{height:100%;width:25%;flex-shrink:0;scroll-snap-align:start;box-sizing:border-box}main #infos .shutter h1{height:20%;display:flex;align-items:center}main #infos .shutter p{margin:var(--gutter) 0 var(--gutter) 0}main #infos .shutter p:last-of-type{margin-bottom:0}main #infos svg{display:none}footer{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:1fr;grid-gap:var(--gutter);grid-column:span var(--columns);grid-row:12}footer #logo{grid-column:1 / 7;grid-row:1;position:relative;cursor:pointer}footer #logo svg{fill:var(--dark);transition:fill .4s;position:absolute;width:100%;bottom:0;transform-origin:bottom left}footer #slogan{grid-column:7 / 13;grid-row:1;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden}h1{font-size:var(--h1);margin:0;font-weight:400}h2{font-size:var(--h2);margin:0;font-weight:400}h3{font-size:var(--h3);margin:0;font-weight:400}p{font-size:var(--p1);margin:0;font-weight:400}p.p2{font-size:var(--p2);margin:0;font-weight:400}a{text-decoration:none;pointer-events:all}a:link,a:visited,a:hover,a:active{color:var(--dark);transition:color .4s}a:not(.button){position:relative}a:not(.button):after{background-color:var(--dark);width:inherit;content:"";width:0;height:1px;position:absolute;bottom:-2px;left:0;transition:width .4s}a.enhance{opacity:1;transition:opacity .4s}a.active:not(.button):after{width:100%}@media (hover: hover) and (pointer: fine){a:not(.button):hover:after{width:100%}a.enhance:hover{opacity:.4}}::selection{background:var(--color)}::-moz-selection{background:var(--color)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.margin-top{margin:var(--gutter) 0 0 0}.margin-right{margin:0 var(--gutter) 0 0}.margin-bottom{margin:0 0 var(--gutter) 0}.margin-left{margin:0 0 0 var(--gutter)}.margin-big-top{margin:calc(var(--gutter) * 2) 0 0 0}.margin-big-right{margin:0 calc(var(--gutter) * 2) 0 0}.margin-big-bottom{margin:0 0 calc(var(--gutter) * 2) 0}.margin-big-left{margin:0 0 0 calc(var(--gutter) * 2)}.float-right{float:right;white-space:nowrap}.float-left{float:left;white-space:nowrap}.loading{background:var(--black);width:60%;height:100%;animation:flash 3s infinite}.switch{position:relative;display:inline-block;width:30px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--dark);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:var(--light);-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--dark)}input:checked+.slider:before{-webkit-transform:translateX(12px);-ms-transform:translateX(12px);transform:translate(12px)}.slider.round{border-radius:10px}.slider.round:before{border-radius:50%}.compatibilite{position:fixed;inset:0;height:100%;width:100%;overflow:hidden;background-color:#f6f6f6;color:#181818;display:none}.compatibilite div{position:fixed;bottom:24px;left:24px}#maintenance{display:none}#javascript{display:block}#navigateur div p,#javascript div p,#maintenance div p{font-size:36px;margin:0 0 16px}#affichage div p{font-size:20px;margin:0 0 16px}.compatibilite div img{width:110px}@media screen and (max-width: 768px){:root{--logo-min: 0%;--gutter: 18px;--padding: 18px;--columns: 8;--rows: 10;--h1: 42px;--h2: 24px;--h3: 20px;--p1: 14px;--mobile: 1;--tab: 0}header #link-projets{grid-column:1 / 4}header #link-infos{grid-column:4 / 7}header #switch-theme{grid-column:7 / 9;text-align:right}header #search-page{grid-column:unset;display:none}main{grid-column:1 / 9;grid-row:2 / 11}main #projets{grid-template-rows:repeat(9,1fr)}main #projets #titre-projets{grid-column:1 / 9}main #projets #titre-projets *:nth-child(1){grid-column:1 / 4}main #projets #titre-projets *:nth-child(2){grid-column:4 / 9}main #projets #titre-projets *:nth-child(3){grid-column:unset;display:none}main #projets #titre-projets *:nth-child(4){grid-column:unset;display:none}main #projets #contenu-projets{grid-column:1 / 9;grid-row:3 / 10}main #projets #contenu-projets .titre *:nth-child(1){grid-column:1 / 4}main #projets #contenu-projets .titre *:nth-child(2){grid-column:4 / 9}main #projets #contenu-projets .titre *:nth-child(3){grid-column:unset;display:none}main #projets #contenu-projets .titre *:nth-child(4){grid-column:unset;display:none}main #projets #contenu-projets .detail .txt .intention h3,main #projets #contenu-projets .detail .txt .intention p{grid-column:1 / 9}main #infos #aeks,main #infos #studio{grid-template-rows:repeat(9,1fr)}main #infos #aeks h2,main #infos #studio div{grid-column:1 / 9;grid-row:1 / 10}main #infos #contact,main #infos #presse{overflow:scroll;flex-direction:column;scroll-snap-type:y mandatory}main #infos .shutter{width:100%;height:100%;scroll-snap-align:start;position:relative}main #infos a.logo{position:absolute;bottom:0}main #infos a.logo svg{display:block;width:25%;fill:var(--dark);transition:fill .4s;margin-bottom:1px}footer{position:fixed;left:var(--padding);right:var(--padding);bottom:var(--padding);display:block;grid-column:unset;grid-row:unset;pointer-events:none}footer #slogan p{margin-top:calc(var(--padding) / 2)}.switch{width:26px;height:16px}.slider:before{height:10px;width:10px}input:checked+.slider:before{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translate(10px)}#navigateur div p,#javascript div p,#maintenance div p{font-size:20px;margin:0 0 16px}}@media screen and (min-width: 768px) and (max-width: 1024px){:root{--tab: 1;--mobile: 0}main #projets #titre-projets :nth-child(1){grid-column:1 / 3}main #projets #titre-projets :nth-child(2){grid-column:3 / 7}main #projets #titre-projets :nth-child(3){grid-column:7 / 11}main #projets #titre-projets :nth-child(4){grid-column:11 / 13}main #projets #contenu-projets .titre :nth-child(1){grid-column:1 / 3}main #projets #contenu-projets .titre :nth-child(2){grid-column:3 / 7}main #projets #contenu-projets .titre :nth-child(3){grid-column:7 / 11}main #projets #contenu-projets .titre :nth-child(4){grid-column:11 / 13}main #infos .shutter{width:50%}main #infos #aeks h2{grid-column:1/ 13}main #infos #studio div{grid-column:1 / 9}}
