.title{text-align:center}#homebanner,#vision,#presentation{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:var(--calcHeight);box-sizing:border-box;overflow:hidden}#homebanner{background:url('../images/home/quartz-banner.webp') no-repeat;background-size:cover;padding:50px;justify-content:center;align-items:center}#homebanner .content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:#ffffff90;backdrop-filter:blur(5px);padding:50px}#vision *{transition:all .7s}#vision .column,#vision .content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:30px;box-sizing:border-box;position:relative;flex-grow:1;height:100%}#vision .column{width:33%;padding:50px}#vision .content{width:100%}#vision .title,#vision .text{background:#ffffff80;position:relative;z-index:2;max-width:100%;max-height:none;overflow:hidden;text-overflow:ellipsis;height:fit-content}#vision:has(:hover) .column:not(:hover){width:15%;padding:5px}#vision .text,#vision .button{transform:translateY(-200vw);position:absolute;z-index:0}#vision .column:hover{width:100%}#vision .column:hover .title{background:var(--text-secondary)}#vision .column:hover .text,#vision .column:hover .button{transform:translateY(0);position:relative}#vision img{display:flex;align-items:center;justify-content:center;height:100%;min-height:var(--calcHeight);width:100%;position:absolute;z-index:-1;top:0;left:0;object-fit:cover}#presentation{align-items:center;justify-content:space-evenly;background:url('../images/home/banniere-big.webp') no-repeat;background-size:cover;gap:30px;padding:50px}#presentation .flex{display:flex;align-items:center;justify-content:flex-start;gap:30px}#presentation .content{display:flex;flex-direction:column;gap:30px;background:#ffffff90;padding:25px;backdrop-filter:blur(5px)}#presentation .title{text-align:left}#presentation .column:has(img){width:25%;flex-shrink:0}#presentation img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:top center;border-radius:50px;border-bottom-right-radius:0}@media screen and (max-width:1200px){h1{text-align:center}#homebanner{padding:10px}#homebanner .text{padding:20px}#homebanner,#vision,#presentation{min-height:var(--calcHeight);height:100%}#vision{flex-direction:column}#vision .column{width:100%;padding:10px}#vision:has(:hover) .column:not(:hover){width:100%;padding:10px}#vision .text,#vision .button{transform:translateY(0);position:relative;z-index:1;padding:20px}#vision .column:hover{width:100%}#vision .column:hover .title{background:var(--text-secondary)}#presentation{flex-direction:column;align-items:center}#presentation .title{text-align:center}#presentation .flex{flex-direction:column}#presentation .column:has(img){width:100%;display:flex;align-items:center;justify-content:center}#presentation img{width:100%}}