.projects-loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100px}.projects-loader{width:40px;height:40px;border:4px double rgba(255,255,255,.2);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.projects-loader-text{margin-top:.5rem;color:white;text-align:center;font-size:1rem}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (min-width:1025px){.arrow{font-family:M PLUS\ 1p,sans-serif;font-weight:400}.mylife-layout{position:relative;display:grid;grid-template-columns:8rem 1fr 1.5fr;grid-template-rows:auto 1fr;grid-template-areas:"years actions images" "years explication images";gap:1rem;height:90dvh;padding:1rem 1rem 0}.mylife-years{grid-area:years;position:sticky;font-weight:700;z-index:11;height:calc(90dvh - 1rem)}.year-item{font-size:2rem;text-align:left;transition:transform .3s ease;z-index:11}.year-item.active,.year-item:hover{transform:translateX(.5rem)}.mylife-actions{grid-area:actions;align-self:start;z-index:11}.action-item{font-weight:700;text-transform:uppercase;line-height:1em;font-size:max(min(2vw,1.7rem),1.4rem);text-align:left;padding-bottom:.5rem;transition:transform .3s ease;z-index:11}.action-item.active,.action-item:hover{transform:translateX(.5rem)}.mylife-explication{grid-area:explication;font-size:1rem;color:white;line-height:1.3;align-content:end;padding-bottom:1rem;min-height:30dvh;text-align:left;overflow-y:auto;align-self:end;z-index:11}.mylife-images-grid{grid-area:images;height:calc(90dvh - 2rem);display:grid;align-items:center;gap:1rem;grid-auto-rows:1fr}.mylife-images-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,border-radius .4s ease}.mylife-images-grid img:hover{transform:scale(.9);border-radius:10px}.z11-shadow{box-shadow:10px 10px 10px rgba(0,0,0,.4)}}@media screen and (min-width:751px) and (max-width:1024px){.arrow{font-family:M PLUS\ 1p,sans-serif;font-weight:400}.mylife-layout{height:95dvh;display:grid;grid-template-columns:clamp(8rem,12vw,14rem) 3fr 4fr;grid-template-rows:auto 1fr;grid-template-areas:"years actions explication" "years images images";gap:1rem;padding:2rem 1rem 0;box-sizing:border-box}.mylife-years{grid-area:years;height:90dvh;font-weight:700;z-index:11}.year-item{font-size:max(min(3vw,2.5rem),2rem);text-align:left;padding:0 auto;line-height:2.5rem;transition:transform .3s ease}.year-item.active,.year-item:hover{transform:translateX(.5rem)}.mylife-actions{grid-area:actions;background-color:black;z-index:11}.action-item{font-weight:700;text-transform:uppercase;line-height:1em;padding-right:1rem;font-size:max(min(2vw,1.7rem),1.4rem);text-align:left;padding-bottom:.5rem;transition:transform .3s ease}.action-item.active,.action-item:hover{transform:translateX(.5rem)}.mylife-explication{grid-area:explication;font-size:1rem;line-height:1.1;width:100%;padding-right:1rem;text-align:left;overflow-y:auto;overflow-x:hidden;z-index:11}.mylife-images-grid{grid-area:images;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;height:calc(100% - 1rem);overflow:hidden}.mylife-images-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,border-radius .4s ease}.mylife-images-grid img:hover{transform:scale(.9);border-radius:10px}.z11-shadow{box-shadow:10px 10px 10px rgba(0,0,0,.4)}}@media screen and (max-width:750px){.arrow{font-family:M PLUS\ 1p,sans-serif;font-weight:400}.mylife-layout{height:93dvh;position:absolute;top:7dvh;left:4.2rem;width:calc(100% - 4.2rem);display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;padding:1rem;overflow:hidden}.mylife-years{position:fixed;top:7dvh;left:.5rem;width:8.5rem;height:60dvh;padding-top:.75rem;line-height:1.3rem;font-weight:700;z-index:11;overflow-y:auto;overflow-x:hidden}.year-item{font-size:1rem;width:100%;overflow:hidden;text-align:left;transition:transform .3s ease}.year-item.active,.year-item:hover{transform:translateX(.5rem)}.mylife-actions{z-index:11;width:100%;height:auto}.action-item{font-weight:700;text-transform:uppercase;line-height:1em;padding-left:1rem;font-size:max(min(1vw,.7rem),1rem);text-align:right;padding-bottom:.5rem;transition:transform .3s ease}.action-item:hover{transform:translateX(-.5rem)}.action-item.active{transform:translateX(-1rem)}.mylife-explication{font-size:.7rem;line-height:.8rem;width:100%;padding-right:1rem;text-align:left;overflow-y:auto;z-index:11;height:20dvh;min-height:20dvh;max-height:20dvh}.mylife-images-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));box-sizing:border-box;max-width:100%;flex:1 1 auto;overflow:hidden}.mylife-images-grid img,.mylife-images-grid video{width:100%;height:100%;object-fit:cover;display:block}.mylife-images-grid img{backdrop-filter:blur(20px);transition:transform .4s ease,border-radius .4s ease}.mylife-images-grid img:hover{transform:scale(.9);border-radius:10px}.z11-shadow{box-shadow:10px 10px 10px rgba(0,0,0,.4)}}.mylife-images-grid img:first-child{grid-area:img1}.mylife-images-grid img:nth-child(2){grid-area:img2}.mylife-images-grid img:nth-child(3){grid-area:img3}.mylife-images-grid img:nth-child(4){grid-area:img4}.mylife-images-grid img:nth-child(5){grid-area:img5}.mylife-images-grid img:nth-child(6){grid-area:img6}.mylife-images-grid img:nth-child(7){grid-area:img7}.mylife-images-grid img:nth-child(8){grid-area:img8}.mylife-images-grid img:nth-child(9){grid-area:img9}.mylife-images-grid img:nth-child(10){grid-area:img10}.mylife-grid-1-variant-1{grid-template-columns:1fr 2fr}.mylife-grid-1-variant-1,.mylife-grid-1-variant-2{display:grid;grid-template-rows:100%;grid-template-areas:"img1 img1"}.mylife-grid-1-variant-2{grid-template-columns:1fr 1fr}.mylife-grid-1-variant-3{display:grid;grid-template-columns:1fr 4fr;grid-template-rows:100%;grid-template-areas:"img1 img1"}.mylife-grid-2-variant-1{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:calc(20% - .5rem) calc(40% - 1rem) calc(40% - .5rem);grid-template-areas:"img1 img2" "img1 img2" "img1 ."}.mylife-grid-2-variant-2{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:calc(30% - .5rem) calc(30% - 1rem) calc(40% - .5rem);grid-template-areas:"img1 img1 img2" "img1 img1 img2" "img1 img1 img2"}.mylife-grid-2-variant-3{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:calc(30% - .5rem) calc(40% - 1rem) calc(30% - .5rem);grid-template-areas:"img1 img2" "img1 img2" ". img2"}.mylife-grid-3-variant-1{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:calc(30% - .5rem) calc(35% - 1rem) calc(35% - .5rem);grid-template-areas:"img1 img2" "img1 img3" "img1 img3"}.mylife-grid-3-variant-2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:calc(30% - .5rem) calc(40% - 1rem) calc(30% - .5rem);grid-template-areas:"img1 img2" "img3 img3" "img3 img3"}.mylife-grid-3-variant-3{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:calc(40% - .5rem) calc(25% - 1rem) calc(35% - .5rem);grid-template-areas:"img1 img2" "img1 img2" "img3 img3"}.mylife-grid-4-variant-1{display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:calc(30% - .5rem) calc(20% - 1rem) calc(50% - .5rem);grid-template-areas:"img1 img1 img2" "img3 img3 img2" "img3 img3 img4"}.mylife-grid-4-variant-2{display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:calc(40% - .5rem) calc(30% - 1rem) calc(30% - .5rem);grid-template-areas:"img1 img1 img2" "img3 img3 img2" "img4 img4 img4"}.mylife-grid-4-variant-3{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:calc(30% - .5rem) calc(30% - 1rem) calc(40% - .5rem);grid-template-areas:"img1 img2" "img3 img2" "img3 img4"}.mylife-grid-5-variant-1{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;grid-template-rows:calc(35% - .5rem) calc(25% - 1rem) calc(40% - .5rem);grid-template-areas:"img1 img1 img2 img2" "img3 img3 img2 img2" "img3 img3 img5 img4"}.mylife-grid-5-variant-2{display:grid;grid-template-columns:1fr 2fr 2fr;grid-template-rows:calc(35% - .5rem) calc(35% - 1rem) calc(30% - .5rem);grid-template-areas:"img1 img1 img2" "img3 img3 img4" "img5 img5 img4"}.mylife-grid-5-variant-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:calc(30% - .5rem) calc(35% - 1rem) calc(35% - .5rem);grid-template-areas:"img1 img2 img2" "img3 img4 img5" "img3 img4 img5"}.mylife-grid-6-variant-1{display:grid;grid-template-columns:1fr 1fr 6fr 1fr;grid-template-rows:calc(30% - .5rem) calc(25% - 1rem) calc(45% - .5rem);grid-template-areas:"img1 img1 img2 img2" "img5 img5 img3 img4" "img5 img5 img6 img6"}.mylife-grid-6-variant-2{display:grid;grid-template-columns:1fr 2fr 2fr 1fr;grid-template-rows:calc(30% - .5rem) calc(45% - 1rem) calc(25% - .5rem);grid-template-areas:"img1 img1 img2 img2" "img3 img3 img4 img4" "img5 img5 img6 img6"}.mylife-grid-6-variant-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:calc(55% - .5rem) calc(15% - 1rem) calc(30% - .5rem);grid-template-areas:"img1 img2 img2" "img3 img4 img5" "img6 img6 img5"}