h2,p,ul{margin:0}.coordonnees p,.mentions,[class*=ruban],body{text-align:center}.content,[id=gondole],header .current a{position:relative}.content_double,.content_image,[id=gondole]{overflow:hidden}@font-face{font-family:Architekt;font-style:normal;font-weight:400;src:local('Architekt'),local('Architekt'),url(/css/font/Architekt.woff) format('woff')}@font-face{font-family:PAPYRUS;font-style:normal;font-weight:400;src:local('PAPYRUS'),local('PAPYRUS'),url(/css/font/PAPYRUS.woff) format('woff')}@font-face{font-family:SFPRODISPLAY;font-style:normal;font-weight:400;src:local('SFPRODISPLAY'),local('SFPRODISPLAY'),url(/css/font/SFPRODISPLAYREGULAR.woff) format('woff')}@font-face{font-family:SFPRODISPLAY;font-style:normal;font-weight:100;src:local('SFPRODISPLAYULTRALIGHT'),local('SFPRODISPLAYULTRALIGHT'),url(/css/font/SFPRODISPLAYULTRALIGHT.woff) format('woff')}:root{--ebony-black:#13100d;--sand-gold:#d6aa49;--padding-links:20px;--gutter:20px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--ebony-black);font-family:SFPRODISPLAY;font-weight:400;display:block}a,body{color:#ccc}h1{background:rgba(19,16 ,13,.6)}h2{letter-spacing:-.005em;color:#d6aa49;font-weight:100}h3{font-weight:800;margin:1em 0 .5em}header li a,p{font-weight:100}h2,p{text-align:left}p{line-height:1.7rem;letter-spacing:.05em;word-spacing:.04em}@media (max-width:2048px){p{font-size:1rem}.content h2,.content p{margin:2rem}}@media (min-width:2048px){p{font-size:1.4rem;line-height:2.4rem}.content h2,.content p{margin:6rem}}li{list-style-type:none}.rich_contents{display:flex;flex-wrap:wrap}.content{display:flex;align-items:center}.content_text:nth-of-type(2n){background-color:#151515}.content_double h2{background:rgba(214,170,73,.8);color:#fff}.content_image img,.content_image video{max-width:100%;max-height:100%;min-width:100%;height:auto}.content_double h2,.content_double img{backface-visibility:hidden;transition:transform .4s;position:absolute}.content_double img{min-height:100%;bottom:0;left:0}.content_double:hover img{transform:rotateX(180deg)}.content_double:hover h2{transform:rotateX(0)}footer{margin:2em 0}.mentions{font-size:.8em;opacity:.7;line-height:1em;padding:2em}[class*=ruban]{text-transform:uppercase;display:block;font-weight:700;font-size:.8rem;background:var(--sand-gold);color:var(--ebony-black);position:absolute;z-index:9000;top:0;padding:4px 55px}.ruban-left{left:0;transform:rotate(-45deg) translateX(-45px)}.ruban-right{right:0;transform:rotate(45deg) translateX(45px)}.coordonnees{justify-content:center}h2{font-size:3vw}h1,h2{padding:5rem}@media screen and (max-width:767px) and (orientation:portrait){h1,h2{padding:1rem}h2{font-size:2rem}.rich_contents{flex-direction:column}.content{width:100%;justify-content:center}.content_double{aspect-ratio:1}.content_double h2{transform:rotateX(0);max-width:66%}}@media only screen and (min-width:768px) and (max-width:1474px) and (max-aspect-ratio:1/1){p{font-size:.8rem;line-height:1rem}}@media screen and (min-width:768px),screen and (orientation:landscape){h1,h2{padding:2rem}.rich_contents{flex-direction:row}.mentions,footer{margin:var(--gutter)}.content_double h2{transform:rotateX(90deg);max-width:66%}.content{width:calc(100% / 3);aspect-ratio:1;justify-content:center}h2{text-align:center}}[id=gondole] h1,[id=index_logo]{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}@media print{body{margin:10mm}}@keyframes draw{to{stroke-dashoffset:0;fill:var(--ebony-black)}}.logo_c{stroke:#13100D;stroke-width:1;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000;animation:1s ease-in-out forwards draw}header{border-bottom:2px solid #000}header,header ul{display:flex;justify-content:center;align-items:center}header li a{text-decoration:none;color:#fff;display:block;text-transform:uppercase;letter-spacing:.2em;padding:var(--padding-links);font-size:1rem}header .current a{color:var(--sand-gold)}@media screen and (max-width:900px) and (orientation:portrait){header,header ul{flex-direction:column}header ul{width:100%}#logo svg{width:70px}a[href="#menu"]{position:absolute;top:40px;right:20px;color:#fff;font-weight:100;padding:10px 20px;background:rgba(255,255,255,.1);border-radius:4px;text-decoration:none}[id=menu]{display:flex;position:absolute;top:-580px;left:0;right:0;background:var(--ebony-black);transition:.3s cubic-bezier(.01,.64,.52,1.01);z-index:2;align-content:center}#menu:target{top:0;bottom:0;min-height:100vh}#menu li{border-bottom:1px solid #444;padding:15px 0}#menu li:last-child{border:none}}@media screen and (min-width:812px),screen and (orientation:landscape){header,header ul{flex-direction:row}a[href="#menu"]{display:none}header li a:before{top:0}header li a:after{bottom:0}header li a:hover:after,header li a:hover:before{transform:scaleY(1)}#logo svg{width:100px}}[id=index_logo]{z-index:1;width:25%}[id=index_logo] svg{display:block;width:100%;height:auto}[id=gondole] video{height:auto}[id=gondole] h1{font-weight:400;color:var(--sand-gold);margin-bottom:40px;font-size:3vw}[id=gondole] h1:before{content:"";display:block;position:absolute;top:0;left:0;right:90%;bottom:90%;border-left:1px solid var(--sand-gold);border-top:1px solid var(--sand-gold)}[id=gondole] h1:after{content:"";display:block;position:absolute;top:90%;left:90%;right:0;bottom:0;border-right:1px solid var(--sand-gold);border-bottom:1px solid var(--sand-gold)}[id=gondole] h1 span{display:block;font-weight:600;white-space:nowrap;font-size:6vw}[id=gondole] img,[id=gondole] video{width:100%}@media screen and (max-width:767px) and (orientation:portrait){[id=gondole] h1{font-size:1.3rem;white-space:wrap;padding:1rem}[id=gondole] h1 span{font-size:2rem}[id=index_logo]{width:50%}}@media (min-width:1024px){[id=gondole] img,[id=gondole] video{transition:filter 2s}}