.hero{display:grid;grid-gap:3rem;gap:3rem;height:100dvh;place-items:center;grid-template-rows:1fr 1fr;text-align:center;.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;@media (max-width:799.98px){flex-direction:column;align-items:center}}}.logofolio{display:grid;grid-gap:4.375rem;gap:4.375rem}.cardLogo{display:grid;grid-gap:3.125rem;gap:3.125rem;@media (max-width:599.98px){gap:1.5rem}.cardLogo__line{display:flex;justify-content:space-around;gap:1.5rem;align-items:center;font-size:var(--h3);font-weight:var(--medium);text-wrap:nowrap;.line{height:2px;width:100%;background-color:var(--secondaire)}}.cardLogo__grid{display:grid;grid-template-columns:3fr 8fr;grid-gap:50px;gap:50px;align-items:center;@media (max-width:999.98px){grid-template-columns:1fr;place-items:center;gap:1.5rem}.cardLogo__logo{aspect-ratio:400/303;width:100%;height:auto;width:-moz-fit-content;width:fit-content;object-fit:cover;@media (max-width:999.98px){max-width:250px}}}.cardLogo__bento{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 2.5fr;grid-template-rows:1fr 1fr;img:first-of-type,img:nth-child(2){aspect-ratio:322/240}img:first-of-type,img:nth-child(2),img:nth-child(3){width:100%;object-fit:cover;height:auto;border-radius:var(--radius-30)}img:nth-child(3){aspect-ratio:764/486;grid-column:2/3;grid-row:1/3}@media (max-width:999.98px){grid-template-columns:1fr 1fr;grid-template-rows:auto 300px;img:nth-child(3){grid-column:1/3;grid-row:2/3}}@media (max-width:599.98px){display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;img{scroll-snap-align:start;max-width:85%}}}}.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;&.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;grid-template-columns:3fr 1fr;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}}}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)}}}