.hero{display:grid;grid-gap:3rem;gap:3rem;height:100dvh;place-items:center;grid-template-rows:1fr 1fr;text-align:center;@media (max-width:799.98px){margin-bottom:2rem}.hero__text{display:grid;grid-gap:3.125rem;gap:3.125rem;h1{font-size:var(--h1);font-weight:var(--bold);font-family:var(--font-title)}p{font-size:var(--chapo);font-weight:var(--regular);line-height:1.5;max-width:70ch}}.hero__cta{align-self:self-start;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;align-content:center;@media (max-width:799.98px){flex-direction:column;align-items:center}}}.glitch{position:relative;font-size:3.5rem;font-weight:700;color:white}h2.glitch{font-size:var(--h2)}.glitch:before{color:#00fff9;animation:glitch-blue 1s linear infinite alternate-reverse}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;opacity:.8}.glitch:after{color:#ff2a3d;animation:glitch-red .3s linear infinite alternate-reverse}@keyframes glitch-blue{0%{transform:translate(0)}20%{transform:translate(1px,-1px)}40%{transform:translate(-1px,1px)}60%{transform:translate(1px,1px)}80%{transform:translate(-2px,-2px)}to{transform:translate(0)}}@keyframes glitch-red{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}.badge{aspect-ratio:327/84;object-fit:cover;place-self:center;width:600px;height:auto}.component{background-color:var(--body);padding-top:6.25rem;padding-bottom:6.25rem;z-index:5;position:relative;grid-gap:3.125rem;gap:3.125rem;display:grid;.btn{@media (max-width:1399.98px){margin-bottom:2rem}}&.component--primaire{background-color:var(--primaire-light);padding-bottom:10rem;@media (max-width:1399.98px){padding-bottom:0}}.parcours__desc{display:grid;grid-gap:2rem;gap:2rem;align-items:center;padding:1.5rem;border-radius:var(--radius-20);border:1px solid var(--primaire);img{height:auto;width:100%;aspect-ratio:402/367;border-radius:var(--radius-20);max-width:400px}@media (max-width:999.98px){grid-template-columns:1fr;place-items:center}}.parcours__text{display:grid;grid-gap:1rem;gap:1rem}h3{font-size:var(--h3);font-family:var(--font-title);font-weight:var(--semi-bold)}}.skills{display:grid;grid-gap:1.5rem;gap:1.5rem;.skills__container{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:1.5rem 120px;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}@media (max-width:1199.98px){overflow-x:auto;scroll-snap-type:x mandatory;flex-wrap:nowrap;gap:1.5rem}>li{display:flex;gap:1.25rem;min-width:200px;align-items:center;font-size:var(--chapo);font-weight:var(--medium);scroll-snap-align:center;@media (max-width:1199.98px){min-width:-moz-fit-content;min-width:fit-content}span:first-child{width:50px;height:50px;display:grid;align-items:center;justify-content:center;border:1px solid var(--secondaire);border-radius:var(--radius-10)}}}}.projets-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:150px;gap:150px;@media (max-width:1399.98px){display:flex;flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory;gap:4rem;scrollbar-width:thin;scrollbar-color:var(--primaire) var(--primaire-20);scrollbar-gutter:stable;.projets-list::-webkit-scrollbar{height:6px;background:var(--primaire-20);border-radius:4px}.projets-list::-webkit-scrollbar-thumb{background:var(--primaire);border-radius:4px}.projets-list::-webkit-scrollbar-thumb:hover{background:var(--primaire-light)}}}.card{height:-moz-fit-content;height:fit-content;width:100%;position:relative;min-width:-moz-fit-content;min-width:fit-content;scroll-snap-align:center;@media (min-width:1399.98px){&:focus,&:hover{.card__text{transform:translate(-30px,-70%);background-color:var(--secondaire-50);color:white}}}@media (max-width:899.98px){width:90vw}img{aspect-ratio:725/405;width:100%;object-fit:cover;height:auto;max-width:725px;border-radius:var(--radius-30)}.card__text{transform:translate(-50px,-50%);position:absolute;padding:1.5rem 2rem;border-radius:var(--radius-30);background-color:transparent;max-width:50ch;display:grid;grid-gap:1.5rem;gap:1.5rem;box-shadow:0 0 23px 0 var(--secondaire-15);transition:var(--transition);@media (max-width:1399.98px){position:relative;transform:translate(9%,-60%)}@media (max-width:799.98px){position:relative;transform:translateY(-20%)}&>*{position:relative;z-index:1}&:before{content:"";position:absolute;inset:0;background:var(--primaire-15);filter:blur(52px);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:-1;border-radius:var(--radius-30);pointer-events:none}h3{text-align:center;font-family:var(--font-title);font-weight:var(--bold);font-size:var(--chapo)}}}