:root{--c-white: #ffffff;--c-black: #000000;--c-brown: #533c36;--c-beige: #ead6af;--c-lightgray: #d4d4d4;--c-gray: #262626;--c-darkgray: #1b1b1b}:root{--default: cubic-bezier(.25, .1, .25, 1);--linear: cubic-bezier(.25, .25, .75, .75);--easeIn: cubic-bezier(.42, 0, 1, 1);--easeInQuad: cubic-bezier(.55, .085, .68, .53);--easeInCubic: cubic-bezier(.55, .055, .675, .19);--easeInQuart: cubic-bezier(.895, .03, .685, .22);--easeInQuint: cubic-bezier(.755, .05, .855, .06);--easeInSine: cubic-bezier(.47, 0, .745, .715);--easeInExpo: cubic-bezier(.95, .05, .795, .035);--easeInCirc: cubic-bezier(.6, .04, .98, .335);--easeInBack: cubic-bezier(.6, -.28, .735, .045);--easeOut: cubic-bezier(0, 0, .58, 1);--easeOutQuad: cubic-bezier(.25, .46, .45, .94);--easeOutCubic: cubic-bezier(.215, .61, .355, 1);--easeOutQuart: cubic-bezier(.165, .84, .44, 1);--easeOutQuint: cubic-bezier(.23, 1, .32, 1);--easeOutSine: cubic-bezier(.39, .575, .565, 1);--easeOutExpo: cubic-bezier(.19, 1, .22, 1);--easeOutCirc: cubic-bezier(.075, .82, .165, 1);--easeOutBack: cubic-bezier(.175, .885, .32, 1.275);--easeOutSwift: cubic-bezier(.55, 0, .1, 1);--easeInOut: cubic-bezier(.42, 0, .58, 1);--easeInOutQuad: cubic-bezier(.455, .03, .515, .955);--easeInOutCubic: cubic-bezier(.645, .045, .355, 1);--easeInOutQuart: cubic-bezier(.77, 0, .175, 1);--easeInOutQuint: cubic-bezier(.86, 0, .07, 1);--easeInOutSine: cubic-bezier(.445, .05, .55, .95);--easeInOutExpo: cubic-bezier(1, 0, 0, 1);--easeInOutCirc: cubic-bezier(.785, .135, .15, .86);--easeInOutBack: cubic-bezier(.68, -.55, .265, 1.55);--easeInSineOutExpo: cubic-bezier( .445, .05, .015, 1 )}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,input,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-text-size-adjust:none;-webkit-font-variant-ligatures:common-ligatures}html:before,html:after,body:before,body:after,div:before,div:after,span:before,span:after,applet:before,applet:after,object:before,object:after,iframe:before,iframe:after,h1:before,h1:after,h2:before,h2:after,h3:before,h3:after,h4:before,h4:after,h5:before,h5:after,h6:before,h6:after,p:before,p:after,blockquote:before,blockquote:after,pre:before,pre:after,a:before,a:after,abbr:before,abbr:after,acronym:before,acronym:after,address:before,address:after,big:before,big:after,cite:before,cite:after,code:before,code:after,del:before,del:after,dfn:before,dfn:after,em:before,em:after,img:before,img:after,ins:before,ins:after,kbd:before,kbd:after,q:before,q:after,s:before,s:after,samp:before,samp:after,small:before,small:after,strike:before,strike:after,strong:before,strong:after,sub:before,sub:after,sup:before,sup:after,tt:before,tt:after,var:before,var:after,b:before,b:after,u:before,u:after,i:before,i:after,center:before,center:after,input:before,input:after,dl:before,dl:after,dt:before,dt:after,dd:before,dd:after,ol:before,ol:after,ul:before,ul:after,li:before,li:after,fieldset:before,fieldset:after,form:before,form:after,label:before,label:after,legend:before,legend:after,table:before,table:after,caption:before,caption:after,tbody:before,tbody:after,tfoot:before,tfoot:after,thead:before,thead:after,tr:before,tr:after,th:before,th:after,td:before,td:after,article:before,article:after,aside:before,aside:after,canvas:before,canvas:after,details:before,details:after,embed:before,embed:after,figure:before,figure:after,figcaption:before,figcaption:after,footer:before,footer:after,header:before,header:after,hgroup:before,hgroup:after,menu:before,menu:after,nav:before,nav:after,output:before,output:after,ruby:before,ruby:after,section:before,section:after,summary:before,summary:after,time:before,time:after,mark:before,mark:after,audio:before,audio:after,video:before,video:after{box-sizing:border-box}html{width:100%;height:100%}input,textarea,button{background:transparent;border:none}button{cursor:pointer}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;width:100%;height:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{cursor:pointer;text-decoration:none}@media print{blockquote,p{orphans:2;widows:2}blockquote,ol,ul{page-break-inside:avoid}caption,h1,h2,h3{page-break-after:avoid}}@-ms-viewport{width:device-width;zoom:1}@-o-viewport{width: device-width; zoom: 1;}@viewport{width:device-width;zoom:1}a img{border:0}body>script{display:none!important}.ft{font-family:Open Sans,sans-serif;font-weight:400}.ft_title{font-family:Montserrat,sans-serif;font-weight:300}.ft_white{color:var(--c-white);a {color: var(--c-white); &::after {background: var(--c-beige);}}}.ft_lightgray{color:var(--c-lightgray);a {color: var(--c-lightgray); &:hover {color: var(--c-white);} &::after {background: var(--c-beige);}}}.ft_black{color:var(--c-black);a {color: var(--c-black); &::after {background: var(--c-black);}}}.ft_brown{color:var(--c-brown);a {color: var(--c-brown); &::after {background: var(--c-brown);}}}.ft_beige{color:var(--c-beige);a {color: var(--c-beige); &::after {background: var(--c-beige);}}}.ft_gray{color:var(--c-gray);a {color: var(--c-gray); &::after {background: var(--c-gray);}}}.ft_caps{text-transform:uppercase;letter-spacing:.1em}.ft_thin{font-weight:200}.ft_bold{font-weight:700}.ft b,.ft strong{font-weight:600}.ft em{font-style:italic}.ft_small{font-size:clamp(16px,1.5vw,20px);line-height:1.6em}.ft_medium{font-size:clamp(18px,2vw,24px);line-height:1.4em}.ft_big{font-size:clamp(20px,2.5vw,32px);line-height:1.2em}.ft_huge{font-size:clamp(24px,3.5vw,48px);line-height:1.2em}.ft a{display:inline-block;position:relative;transition:color 125ms ease-out}.ft a:after{content:"";position:absolute;display:block;top:1.4em;left:0;width:100%;height:1px;opacity:.8;transform:scaleX(1);transform-origin:left;transition:transform 175ms var(--easeInSineOutExpo)}.ft a:hover:after{transform:scaleX(0)}::-webkit-scrollbar{width:3.6px;height:3.6px}@media (min-width: 1200px){{width:6px;height:6px}}::-webkit-scrollbar-thumb{background:var(--c-beige)}::-webkit-scrollbar-track{background:var(--c-darkgray)}body{scrollbar-face-color:var(--c-beige);scrollbar-track-color:var(--c-darkgray)}.scroll-smooth{width:100%;position:fixed;top:0;left:0;z-index:1}.scroll-smooth .is-fixed{position:absolute}.scroll{position:inherit}.scroll .is-fixed{position:fixed}.pswp__top-bar{top:unset!important;bottom:0!important}.lightbox-item a{display:block;position:relative;transition:none}.lightbox-item a:after{content:"⛶";position:absolute;top:1em;right:1em;width:1em;height:1em;z-index:3;display:block;color:#fff;text-shadow:0 0 4px rgba(0,0,0,1);font-size:1.2em;transition-property:visibility,opacity;transition-duration:125ms;transition-timing-function:ease-out;visibility:hidden;opacity:0;background:transparent}.lightbox-item a:hover{cursor:zoom-in}.lightbox-item a:hover:after{visibility:visible;opacity:.8}.lg-toolbar{background:transparent!important;padding-right:5%;top:inherit!important;bottom:0}.lg-sub-html{padding:1em 2em!important;background:rgba(0,0,0,.4)!important;font-family:Open Sans,sans-serif;font-weight:300;font-display:swap;font-size:14px!important;line-height:1.5em;top:0;bottom:inherit!important}@media (min-width: 960px){.lg-sub-html{top:inherit!important;bottom:0!important}}.lg-toolbar .lg-icon,.lg-actions .lg-icon{position:relative;color:var(--c-white)!important;margin-bottom:5%;margin-left:.5em;background:rgba(0,0,0,.4)!important;transition:all 325ms var(--easeOutSwift);padding:0!important;font-size:22px!important;border-radius:.5em!important;width:50px!important;height:50px!important}.lg-toolbar .lg-icon:after,.lg-toolbar .lg-icon:before,.lg-actions .lg-icon:after,.lg-actions .lg-icon:before{opacity:1;transition:opacity 325ms var(--easeOutSwift);position:absolute!important;top:50%;left:50%;transform:translate(-50%,-50%)}.lg-toolbar .lg-icon:hover,.lg-actions .lg-icon:hover{transition-duration:125ms;background:rgba(0,0,0,.6)!important;color:var(--c-beige)!important}.lg-toolbar .lg-icon:hover:after,.lg-actions .lg-icon:hover:after{opacity:1}.lg-toolbar .lg-next,.lg-actions .lg-next{position:absolute;right:5%!important;margin-left:0!important}.lg-toolbar .lg-prev,.lg-actions .lg-prev{position:absolute;left:5%!important;margin-left:0!important}.lg-toolbar #lg-counter,.lg-actions #lg-counter{display:flex!important;justify-content:center;align-items:center;letter-spacing:.1em;color:var(--c-white)!important;margin-bottom:5%;margin-left:5%;background:rgba(0,0,0,.4)!important;padding:0!important;font-size:16px!important;border-radius:.5em!important;width:100px!important;height:50px!important;font-family:Open Sans,sans-serif;font-weight:300;font-display:swap;span {margin: .25em;}}.lg-backdrop{background:rgba(0,0,0,.9)!important}.lazyload{position:relative;overflow:hidden;img,& > div {transition-property: visibility,opacity; transition-duration: 825ms; transition-timing-function: ease-out; &:nth-of-type(1) {filter: blur(32px); visibility: visible; backface-visibility: hidden; opacity: 1; z-index: 1; transition-delay: 825ms;} &:nth-of-type(2) {position: absolute; top: 0; left: 0; width: 100%; visibility: hidden; opacity: 0; z-index: 2;}} &.lazyloading {&::before {transition-duration: 325ms; visibility: visible; opacity: .6;}} &.lazyloaded {img,& > div {&:nth-of-type(1) {visibility: hidden; opacity: 0;} &:nth-of-type(2) {visibility: visible; opacity: 1;}}}}.lazyload:before{content:"";position:absolute;top:50%;left:50%;z-index:3;display:block;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid transparent;border-left:2px solid var(--c-white);animation:turn infinite .7s linear;transition-property:visibility,opacity;transition-duration:125ms;transition-timing-function:ease-out;visibility:hidden}@keyframes turn-loading{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;visibility:visible;transition-property:opacity,visibility;transition-timing-function:ease-out;transition-duration:125ms;span {display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid transparent; border-left: 2px solid var(--c-beige); animation: turn infinite .7s linear;} &.hide {opacity: 0; visibility: hidden;}}@keyframes turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{padding:.5em 1.5em;border-radius:3px;box-shadow:0 0 10px #0009}.btn:after{display:none}.btn_download{background-color:var(--c-beige);color:var(--c-gray)!important;font-weight:700;transition:background-color 125ms ease-out!important;text-align:center}.btn_download:hover{background-color:var(--c-white)}.pages{width:100%;min-height:100%;min-height:calc(100% - 1px);display:flex;justify-content:center;padding-top:3.5em}@media (min-width: 640px){.pages{padding-top:2em;min-height:calc(100% - 1px)}}.pages .page{width:100%;min-height:100%;max-width:960px;background:var(--c-darkgray);opacity:0;visibility:hidden;transition-property:opacity,transform,visibility;transition-timing-function:var(--easeInSineOutExpo);transition-duration:125ms * 2}.pages.ready .page{opacity:1;visibility:visible;transition-duration:225ms}.projects{display:flex;flex-direction:column;overflow:hidden;padding-top:2%}.projects .project{header {position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); right: 1em; text-shadow: 0px 0px 10px rgba(10,10,10,200),0px 0px 5px rgba(10,10,10,200); text-align: center; h1 {}} footer {position: absolute; z-index: 2; left: 0; bottom: 0; display: block; p {display: block; padding: .25em .5em; background: var(--c-brown); margin-bottom: 1em;}} a {display: block; position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; &:hover {& ~ .project__overlay {opacity: 0;} & ~ .project__image {transform: scale(1.02); transition-duration: 625ms; transition-timing-function: var(--easeInSineOutExpo);}}}}.projects .project .project__wrapper{position:relative;width:100%;height:0;padding-bottom:50%;margin-bottom:2%;box-shadow:0 0 10px #0009}@media (min-width: 640px){.projects .project .project__wrapper{padding-bottom:25%}}.projects .project .project__inner{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.projects .project .project__image{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;background-size:cover;background-position:50% 45%;background-repeat:no-repeat;transform:scale(1);transition:transform 1.25s ease-out}.projects .project .project__overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background:rgba(0,0,0,.2);opacity:1;transition:opacity 175ms ease-out}.project-single .project{padding-bottom:10%}.project-single .project .project__header{display:flex;justify-content:center;h1 {display: inline-block; text-align: center; margin: 1em 0; margin-top: 1.5em; padding: .5em; max-width: 16em;}}.project-single .project .project__screens{figure {margin-bottom: 2%; img {display: block; width: 100%;} figcaption {}}}.project-single .project .project__radar{margin-bottom:2%;figure {display: block; img {width: 100%; display: block;} figcaption {display: block; text-align: center; margin: .5em 1em; margin-top: 0;}}}@media (min-width: 640px){.project-single .project .project__radar{display:grid;grid-gap:2%;grid-template-columns:1fr 1fr 1fr}}.project-single .project .project__infos{display:flex;flex-wrap:wrap;align-items:baseline;padding-top:4%;margin-bottom:4%;div {&.info {width: 100%; margin-bottom: 4%; padding: 0 5%; text-align: center; @media (min-width: 640px) {width: 50%;} & > p {color: var(--c-beige); line-height: 1.4em; span {display: block; text-align: center; color: var(--c-lightgray); opacity: .6; margin-bottom: .25em;}} ul {list-style-type: disc; padding-left: 2em; text-align: left; li {line-height: 1.4em; p {margin-bottom: .5em; color: var(--c-lightgray);}}}} &.download {width: 100%; @media (min-width: 640px) {display: flex; justify-content: center;} a {display: block; margin: 1em; &::after {display: none;}}}}}.project-single .project .project__content{h1 {color: red; &::before {content: "Pas de # simple !! ";}} h2,h3,h4,h5 {display: block; font-family: "Montserrat",sans-serif; font-weight: 300; margin: 0 auto; margin-bottom: 1em; margin-top: 2em; padding: 0 6%;} h2 {font-size: 20px; @media (min-width: 640px) and (max-width: 1600px) {font-size: calc(20px + 10px*(100vw - 640px)/960px);} @media (min-width: 1600px) {font-size: 30px;} line-height: 1.4em; margin-top: 2em; color: var(--c-beige);} h3 {font-size: 16px; @media (min-width: 640px) and (max-width: 1600px) {font-size: calc(16px + 8px*(100vw - 640px)/960px);} @media (min-width: 1600px) {font-size: 24px;} line-height: 1.2em; color: var(--c-white);} p,ul {font-size: 14px; @media (min-width: 640px) and (max-width: 1600px) {font-size: calc(14px + 4px*(100vw - 640px)/960px);} @media (min-width: 1600px) {font-size: 18px;} line-height: 1.6em; padding: 0 6%; margin: 0 auto; margin-bottom: 2em;} ul {list-style: disc; padding-left: 9%; margin-top: -1em; li {margin-bottom: .5em;}} p + ul {margin-bottom: .5em;} .video {display: block; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; iframe,video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}} figure {width: 100%; margin-top: 2%; img {display: block; width: 100%;} figcaption {display: block; font-size: 90%; opacity: .6; text-align: center; max-width: 40em; margin: 0 auto; margin-top: 0em; margin-bottom: 2em; padding: 0 1em;}} .table-row {display: grid; justify-content: space-between; align-items: center; margin-bottom: 1.5em; @media (min-width: 640px) {grid-template-columns: 60% 40%; & .video {margin-bottom: 0;}}} .table-cell {margin: 5%; &:has(div) {margin: 0;}}}#main,body{width:100%}body{display:flex;height:100%;background:var(--c-gray)}::selection{background-color:var(--c-beige);color:var(--c-white)}#main{min-height:100%}body{font-family:sans-serif}.p404{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;padding:10% 0;p {margin-top: 1em;}}.about{padding:8% 4%}@media (min-width: 640px){.about{padding:6% 4%}}.about>section{margin-bottom:10%;h3 {text-align: center; margin-bottom: 1em;} > div {display: flex; margin-bottom: 1em; .date,.title {width: 23%; flex-shrink: 0; margin-right: 2%; @media (min-width: 640px) {width: 13%;}} .subtitle {width: 75%; flex-shrink: 0; @media (min-width: 640px) {width: 85%;}} .desc {ul {padding-left: 2em; list-style: disc; li {margin-top: .25em;}}}} &.intro {> div {display: block; padding: 0 6%; > p {font-size: 110%; line-height: 1.6em;}} h2 {margin-bottom: 2em;} p {margin-bottom: 1em; &:last-of-type {display: block; text-align: center; padding-top: 1em; span {display: block;}}}} &.expros {.expro {flex-wrap: wrap; margin-bottom: 1em; .desc {width: 100%; padding-left: 25%; margin-bottom: 1em; opacity: .6; display: flex; flex-wrap: wrap; @media (min-width: 640px) {padding-left: 15%;} > p {width: 100%; margin-top: 1em; @media (min-width: 640px) {width: 48%; margin-right: 2%;}}}}} &.formations {.formation {}} &.softwares {display: flex; flex-wrap: wrap; > h2 {width: 100%;} > section {width: 100%; margin-bottom: 3%; &:last-child {width: 100%;} @media (min-width: 640px) {width: 50%;} .software {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 1em; align-items: center; figure {display: flex; align-items: center; width: 3em; img {width: 100%;}} p {margin-left: .5em; &:last-of-type {opacity: .6;}} ul {width: 100%; opacity: .8; padding-left: 6em; margin-top: -.5em;}}}} &.langs {.lang {}} &.mores {} &.papers {.paper {display: flex; p:last-child {margin-left: 2em; width: 50%; @media (min-width: 640px) {width: auto;}}}}}.about>section>h2{text-align:center;margin-bottom:1.5em}.footer{width:100%;padding:1em 4%;display:flex;margin:0 auto;justify-content:space-between;align-items:center;background:var(--c-darkgray);p {line-height: 1.4em; &.ft_caps a::after {display: none;} &:last-child {opacity: .6; font-size: 80%;}}}@media (min-width: 640px){.footer{padding:1em 2%}}.header{position:fixed;z-index:5;width:100%;background:var(--c-brown);display:flex;align-items:center;justify-content:space-between;padding:0 4%;box-shadow:0 0 10px #0009}@media (min-width: 640px){.header{padding:0 2%}}.header .header__menu{position:absolute;width:100%;height:100vh;height:calc(100vh - 100%);top:100%;right:0;background-color:var(--c-brown);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:translateZ(0) translate(100%);transition:transform 625ms var(--easeInSineOutExpo)}@media (min-width: 960px){.header .header__menu{width:50%}}@media (min-width: 1200px){.header .header__menu{position:relative;flex-direction:row;justify-content:flex-start;align-items:baseline;text-align:left;margin:0 0 0 auto;width:auto;height:auto;background-color:transparent;transform:translateZ(0) translate(0)}}.header .header__title{line-height:1em;height:3.5em;display:flex;align-items:center;a {display: flex; align-items: baseline; flex-direction: column; @media (min-width: 640px) {flex-direction: row;}} h1 {display: inline-block; font-weight: 400; padding: 0; padding-top: .2em; @media (min-width: 640px) {padding: .5em 0; padding-right: .75em;}} h2 {display: inline-block;}}@media (min-width: 640px){.header .header__title{height:2em}}.header .header__nav{display:flex;flex-direction:column;line-height:1.4em;span {overflow: hidden; margin-bottom: 1em; @media (min-width: 1200px) {margin-bottom: 0;}} a {position: relative; display: table; margin: 0 auto; padding: .25em .5em; opacity: 0; visibility: hidden; transition-property: opacity,visibility,color,transform; transition-timing-function: ease-out; transition-duration: 125ms,125ms,125ms,325ms; transform: translateZ(0) translateY(100%); transition-delay: 0ms,0ms,0ms,0ms; @media (min-width: 1200px) {display: inline-block; margin: 0 .5em; transform: translateZ(0) translateY(0); transition-delay: 0ms,0ms,0ms,0ms;} &::after {content: ""; position: absolute; bottom: .1em; left: 5%; width: 90%; height: 2px; display: block; background: var(--c-beige); transform: scaleX(0); transition: transform 175ms var(--easeInSineOutExpo); transform-origin: left;} &:hover {color: var(--c-white); transition-delay: 0ms;} &.router-link-exact-active {color: var(--c-beige); &::after {transform: scaleX(1);}}} &.show a {opacity: 1; visibility: visible;}}@media (min-width: 1200px){.header .header__nav{flex-direction:row;margin:0 1.5em 0 auto}}.header .header__lang{margin-top:2em;line-height:1em;overflow:hidden;a {position: relative; display: inline-block; padding: .25em .25em; transition: color 125ms ease-out; &::after {content: ""; position: absolute; bottom: 0em; left: 15%; width: 70%; height: 2px; display: block; background: var(--c-beige); transform: scaleX(0); transition: transform 175ms var(--easeInSineOutExpo); transform-origin: left;} &:hover {color: var(--c-white); transition-delay: 0ms;} &.active {color: var(--c-beige); &::after {transform: scaleX(1);}} &:nth-child(1)::before {content: ""; position: absolute; bottom: 50%; right: 0; width: 1px; height: .6em; display: block; background: var(--c-lightgray); transform: translateY(50%); opacity: .6;}}}@media (min-width: 1200px){.header .header__lang{margin:0}}.header .header__lang>div{display:flex;transform:translateZ(0) translateY(100%);transition:transform 325ms ease-out 0ms}@media (min-width: 1200px){.header .header__lang>div{transform:translateZ(0) translateY(0);transition-delay:0ms}}.header .header__burger{position:absolute;display:block;height:100%;width:60px;top:0;right:0;cursor:pointer;span {position: absolute; top: 50%; left: 50%; width: 25px; height: 1px; background-color: var(--c-lightgray); transition: transform 425ms var(--easeInSineOutExpo),background-color 125ms ease-out; &:nth-child(1) {transform: translateZ(0) translate(-50%,-50%) translateY(-6px) rotate(0);} &:nth-child(2) {transform: translateZ(0) translate(-50%,-50%) translateY(0) scaleX(1) rotate(0);} &:nth-child(3) {transform: translateZ(0) translate(-50%,-50%) translateY(6px) rotate(0);}} &:hover span {background-color: var(--c-white);}}@media (min-width: 1200px){.header .header__burger{display:none}}.header.open .header__burger span:nth-child(1){transform:translateZ(0) translate(-50%,-50%) translateY(0) rotate(45deg)}.header.open .header__burger span:nth-child(2){transform:translateZ(0) translate(-50%,-50%) translateY(0) scaleX(0) rotate(0)}.header.open .header__burger span:nth-child(3){transform:translateZ(0) translate(-50%,-50%) translateY(0) rotate(-45deg)}.header.open .header__menu{transform:translateZ(0) translate(0)}.header.open .header__nav span:nth-child(1) a{transition-delay:0ms,0ms,0ms,325ms}.header.open .header__nav span:nth-child(2) a{transition-delay:0ms,0ms,0ms,425ms}.header.open .header__nav span:nth-child(3) a{transition-delay:0ms,0ms,0ms,525ms}.header.open .header__nav a{transform:translateZ(0) translateY(0)}.header.open .header__lang>div{transform:translateZ(0) translateY(0);transition-delay:725ms}/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */.pswp{--pswp-bg: #000;--pswp-placeholder-bg: #222;--pswp-root-z-index: 100000;--pswp-preloader-color: rgba(79, 79, 79, .4);--pswp-preloader-color-secondary: rgba(255, 255, 255, .9);--pswp-icon-color: #fff;--pswp-icon-color-secondary: #4f4f4f;--pswp-icon-stroke-color: #4f4f4f;--pswp-icon-stroke-width: 2px;--pswp-error-text-color: var(--pswp-icon-color)}.pswp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{position:relative;display:block;width:50px;height:60px;padding:0;margin:0;overflow:hidden;cursor:pointer;background:none;border:0;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{transition:none;padding:0;background:none;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary)}.pswp__icn{position:absolute;top:14px;left:9px;width:32px;height:32px;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:60px;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{position:absolute;width:75px;height:100px;top:50%;margin-top:-50px}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-30px;width:60px;height:60px;background:none;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:50px;height:60px;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:pswp-clockwise .6s linear infinite}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{height:30px;margin-top:15px;margin-inline-start:20px;font-size:14px;line-height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85}.pswp--one-slide .pswp__counter{display:none}