.sectionQ#intro{margin-top:var(--sections-space)}.sectionQ#intro .innerQ .infoQ{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:auto 1fr;justify-content:flex-start;gap:var(--gap);margin-bottom:var(--m-space)}.sectionQ#intro .innerQ .infoQ .titleQ{grid-column:1/-1}.sectionQ#intro .innerQ .infoQ .descriptionQ{grid-column:span 6}.sectionQ#intro .innerQ .infoQ .buttonQ{grid-row:-2/-1;grid-column:-3/-1;align-self:flex-end;justify-self:flex-end}.sectionQ#intro .innerQ .videoQ{position:relative;width:100%;height:0;padding-bottom:min(100%,max(42.5531914894%,380px),480px);border-radius:.25rem;overflow:hidden}.sectionQ#intro .innerQ .videoQ video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.sectionQ#intro,.sectionQ#boxes{margin-bottom:var(--sections-space)}.infoBoxesQ{display:grid;grid-template-columns:repeat(8, 1fr);justify-content:stretch;align-items:stretch;gap:var(--gap)}.infoBoxesQ .boxQ{border-radius:.25rem;padding:var(--gap);display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:100%;gap:0;grid-column:span 2;text-align:center;will-change:background-color;transition:background-color var(--fast-transition)}.infoBoxesQ .boxQ:hover{background-color:var(--light-grey)}.infoBoxesQ .boxQ:hover .titleQ{text-decoration:underline}.infoBoxesQ .boxQ:nth-child(3n-1){grid-column:1/3}.infoBoxesQ .boxQ:nth-child(3n+2){grid-column:4/6}.infoBoxesQ .boxQ:nth-child(3n){grid-column:-3/-1}.infoBoxesQ .boxQ:nth-child(2n){background-color:var(--light-grey)}.infoBoxesQ .boxQ:nth-child(2n):hover{background-color:var(--medium-grey)}.infoBoxesQ .boxQ .iconQ svg{font-size:5rem}.infoBoxesQ .boxQ .titleQ{margin:var(--m-space) 0 var(--xs-space)}.infoBoxesQ .boxQ .descriptionQ p{font-size:.875rem}@media only screen and (max-width: 1024px){.infoBoxesQ{grid-template-columns:repeat(9, 1fr)}.infoBoxesQ .boxQ:nth-child(n){grid-column:span 3}}@media only screen and (max-width: 769px){.sectionQ#intro .innerQ .infoQ{grid-template-columns:100%;grid-template-rows:initial}.sectionQ#intro .innerQ .infoQ .descriptionQ,.sectionQ#intro .innerQ .infoQ .buttonQ{grid-column:initial;grid-row:initial;justify-self:initial;align-self:flex-start;justify-self:flex-start}}@media only screen and (max-width: 768px){.infoBoxesQ{grid-template-columns:repeat(3, 1fr);gap:var(--l-space)}}