.banner{width:100%;height:100dvh;background-image:url(../js/a6eda7c1e709fe77275d.webp);background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.banner__container{width:max-content}.banner__title{color:var(--color2)}.history{position:relative;z-index:-1;width:100%;background-image:url(../js/056bbc0f91e95089453b.webp);background-size:cover;background-repeat:no-repeat}.history__container{width:100%;margin:auto;padding:2rem 1rem 0 1rem;box-sizing:border-box;height:100%}.history__img{display:block}.history__text{color:hsla(0,0%,100%,.6)}.history__title{color:var(--color2)}.formation{background-color:var(--color1);position:relative}.formation__container{width:100%;max-width:calc(64rem + 1px);margin:auto;padding:4rem 1rem 2rem 1rem;box-sizing:border-box}.formation__title{color:var(--color2);margin:auto 0 4rem 0}.formation__icon{display:block;width:12rem;height:auto;max-height:6rem;object-fit:contain;margin:0 auto 1rem 0;object-position:left bottom}.formation__item{break-inside:avoid;margin:0 0 2rem 0}.formation .g-text--regular{color:var(--color2);margin:0 0 .5rem 0}.formation .g-text--small{color:hsla(0,0%,100%,.6);margin:0}.formation__gallery{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.formation__g-image{display:block;width:100%;height:auto;object-fit:cover;border-radius:.5rem;flex-grow:1;flex-shrink:0;aspect-ratio:4/3;object-position:top}@media all and (orientation: landscape){.banner{background-position:center}.banner__title{display:flex;align-items:end;line-height:3.5rem}.banner__sign{display:inline-block;width:11rem;margin:auto auto -0.5rem -4rem}.history{height:100vh;overflow:hidden;background-position:top center;background-attachment:fixed}.history__container{display:flex;justify-content:space-between;align-items:center;max-width:calc(64rem + 1px)}.history__content{width:50%}.history__img{height:100vh}.history__img--scrolled{position:fixed;bottom:0}.formation{border-top:1rem solid var(--color3)}.formation__grid{columns:3;column-gap:6rem}.formation__gallery{gap:1rem;margin:6rem 0 4rem 0}.formation__g-image{flex-basis:23%}}@media all and (orientation: portrait){.banner{background-position:38% center;border-top:1rem solid var(--color3)}.banner__sign{display:block;width:11rem}.banner__title{line-height:2rem}.history{background-position:center}.history__img{width:70%;margin:2rem auto 0 auto}.formation__g-image{flex-basis:45%}.formation__gallery{gap:.5rem;margin:3rem 0 4rem 0}}