#hero{overflow:visible}p.fadeout-subhead{font-size:1.5em;text-align:right}.fadeout{background:linear-gradient(transparent,90%,#030c2e);padding:6em 0;text-align:right;width:100%}.infobox{max-width:300px}.infobox>p{border-left:1px solid #fff;padding-left:1em}.fadeout h1{font-size:3em;text-align:right}.tiles.grid{display:grid;gap:1px;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.tile{gap:.5em}#hero .container>*{width:45%}.infobox.quote{display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(2,max-content);grid-row-gap:2em;grid-column-gap:2em;margin-top:auto;max-width:40%;transform:translateY(12em);z-index:2}.infobox.quote .content{grid-area:1/1/2/5}.infobox.quote .details{border-right:1px solid #fff;display:flex;flex-direction:column;font-weight:700;gap:.5em;grid-area:2/1/3/3;padding-right:2em;text-align:right}.infobox.quote .avatar{border-radius:50%;grid-area:2/3/3/4;height:4em;object-fit:contain;overflow:hidden;width:4em}.infobox.quote .logo{align-self:center;grid-area:2/4/3/5;justify-self:center;max-height:2em;min-width:180px}@media only screen and (max-width:1280px){#hero.fadeout{flex-direction:row;min-height:unset}#hero.fadeout .container>*{width:unset}.infobox.quote{max-width:80%;transform:unset}}@media only screen and (max-width:1024px){#hero>.container{flex-direction:column;gap:4em}#hero .container>*{margin:auto;width:80%}}@media only screen and (max-width:768px){#hero .btn-group .batons{justify-content:center;row-gap:2em}.fadeout h1{margin-bottom:1em}#hero>.container{flex-direction:column;gap:4em}#hero .container>*{margin:auto;width:100%}.tiles.grid{grid-template-columns:repeat(1,1fr)}#hero.fadeout{flex-direction:column;gap:4em;min-height:unset;padding:2em 0 8em}#hero.fadeout .btn-group{justify-content:center;margin:3em 0}.infobox{align-self:flex-end;margin-top:unset;max-width:280px}.infobox.quote{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:repeat(3,max-content);justify-items:center;text-align:center}.infobox.quote .avatar,.infobox.quote .content,.infobox.quote .details,.infobox.quote .logo{grid-area:unset}.infobox.quote .details{order:3}.infobox.quote .avatar{order:2}.infobox.quote .logo{order:4}.infobox.quote .details{border-right:none;padding:unset;text-align:center}}