header{border-bottom:var(--border-width) solid var(--black);padding:2em;background:var(--white);position:sticky;top:0;z-index:10;display:flex;width:100%;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;text-transform:uppercase;background:var(--bg);color:var(--black);padding:.2em .5em;transition:transform .2s;border:var(--border-width) solid var(--black);box-shadow:.2em .2em 0 var(--black)}.logo p{background:repeating-linear-gradient(120deg,var(--violet) 0%,var(--violet) 10%,var(--vert) 10%,var(--vert) 20%,var(--rouge) 20%,var(--rouge) 30%,var(--jaune) 30%,var(--jaune) 40%);background-clip:text;color:transparent;-webkit-text-stroke:.02em var(--black);text-align:center}.logo:hover{transform:scale(1.1)}header ul{display:flex;list-style:none;gap:2em}header a{text-decoration:none;color:var(--black);font-weight:700;text-transform:uppercase;font-size:.9rem;transition:all .2s}header li:hover{text-decoration:underline;transform:scale(105%)}@media(max-width:720px){header{position:relative;width:100%;flex-direction:column}header nav{margin-top:2em}}.hero{padding:5em;border-bottom:var(--border-width) solid var(--black);background:var(--bg)}.hero h1{font-size:clamp(3rem,10vw,7rem);line-height:1.3em;background:repeating-linear-gradient(120deg,var(--violet) 0%,var(--violet) 10%,var(--vert) 10%,var(--vert) 20%,var(--rouge) 20%,var(--rouge) 30%,var(--jaune) 30%,var(--jaune) 40%);background-clip:text;color:transparent;-webkit-text-stroke:.02em var(--black)}.hero h1:first-line{color:var(--black);-webkit-text-stroke:0em;background:var(--bg)}@media(max-width:720px){.hero{padding:1em}.hero h1{font-size:clamp(2rem,8vw,8rem)}}.bento-container{display:flex;flex-wrap:wrap;background:var(--white)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1.5em;padding:2em}.bento-item{border:var(--border-width) solid var(--black);grid-column:span 1;grid-row:span 1;padding:1em;transition:transform .2s;display:flex;flex-direction:column}.bento-item:hover{transform:translate(-.5em,-.5em);box-shadow:.5em .5em 0 var(--black)}.bento-item:nth-of-type(1){grid-column:span 2;grid-row:span 2;background:var(--violet)}.bento-item:nth-of-type(2){grid-column:span 2;grid-row:span 1;background:var(--vert)}.bento-item:nth-of-type(3){background:var(--rouge)}.bento-item:nth-of-type(4){background:var(--jaune)}.bento-item h2{font-size:2rem;text-transform:uppercase;margin-bottom:1.5rem}.bento-item h2 a{color:var(--black);text-decoration:none}.bento-item p{text-align:justify}@media(max-width:720px){.bento-grid{display:flex;flex-direction:column}}.grid-container{background:linear-gradient(120deg,var(--violet) 0%,var(--violet) 21.25%,var(--white) 21.25%,var(--white) 26.25%,var(--vert) 26.25%,var(--vert) 47.5%,var(--white) 47.5%,var(--white) 52.5%,var(--jaune) 52.5%,var(--jaune) 73.75%,var(--white) 73.75%,var(--white) 78.75%,var(--rouge) 78.75%,var(--rouge) 100%);padding:2em 0}.grid{width:70%;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1.5em;padding:2em}.grid-item{border:var(--border-width) solid var(--black);padding:1em;transition:transform .2s;display:flex;flex-direction:column;background:var(--white)}.grid-item:hover{transform:translate(-.5em,-.5em);box-shadow:.5em .5em 0 var(--black)}.grid-item h2{font-size:2rem;text-transform:uppercase;margin-bottom:1.5rem}.grid-item h2 a{color:var(--black);text-decoration:none}.grid-item p{text-align:justify}@media(max-width:720px){.grid-container{padding:.5em 0}.grid{width:auto;padding:1em .5em;display:flex;flex-direction:column}}.article{background:linear-gradient(120deg,var(--violet) 0%,var(--violet) 21.25%,var(--white) 21.25%,var(--white) 26.25%,var(--vert) 26.25%,var(--vert) 47.5%,var(--white) 47.5%,var(--white) 52.5%,var(--jaune) 52.5%,var(--jaune) 73.75%,var(--white) 73.75%,var(--white) 78.75%,var(--rouge) 78.75%,var(--rouge) 100%);padding:2em 0}.article div{width:70%;margin:auto;border:var(--border-width) solid var(--black);background:var(--white);text-align:justify}.article p{padding:1em}.article ul{padding:0 2em;text-align:justify}.article ul li{margin:.5em 0}.article img{width:25%;display:block;margin:1em auto;border-radius:50%}@media(max-width:720px){.article{background:linear-gradient(90deg,var(--violet) 0%,var(--violet) 21.25%,var(--white) 21.25%,var(--white) 26.25%,var(--vert) 26.25%,var(--vert) 47.5%,var(--white) 47.5%,var(--white) 52.5%,var(--jaune) 52.5%,var(--jaune) 73.75%,var(--white) 73.75%,var(--white) 78.75%,var(--rouge) 78.75%,var(--rouge) 100%)}.article div{width:auto;margin:0 .5em}}footer{background:var(--bg);padding:2em 1em;text-align:center;border-top:var(--border-width) solid var(--black)}footer a{font-weight:700;color:var(--black)}:root{--bg: #fdfcf0;--black: #1a1a1a;--white: #ffffff;--rouge: #f91616;--jaune: #ffc700;--vert: #43ac59;--violet: #7b13d6;--border-width: .2em;--font-titres: "Zalando Sans Bold";--font-texte: "Zalando Sans"}@font-face{font-family:Zalando Sans;src:url("/css/ZalandoSans_SemiExpanded-SemiBold-RGTSTKJT.ttf")}@font-face{font-family:Zalando Sans Bold;src:url("/css/ZalandoSans_SemiExpanded-ExtraBold-NTEFUAMM.ttf")}body{font-family:var(--font-texte)}h1,h2,h3,h4{font-family:var(--font-titres)}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;background-color:var(--bg);color:var(--black);overflow-x:hidden}h1,h2{text-transform:uppercase}h3,h4{margin:1em}