@charset "UTF-8";

#about{min-height:min(var(--VHeight),60em);color:#fff;background:linear-gradient(0deg,#000,#777);}
#about .art-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;}
#about .art-bg>.lazy-bg{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
#about .art-bg>.lazy-bg:before{content:'';display:block;width:100%;height:100%;background:linear-gradient(0deg,rgba(0 0 0/.5),rgba(0 0 0/.25));-webkit-backdrop-filter:grayscale(.5)blur(1em);-moz-backdrop-filter:grayscale(.5)blur(1em);backdrop-filter:grayscale(.25)blur(1em);}
#about .art-bg>.lazy-bg:after{
	content:'';display:block;
	position:absolute;left:0;right:0;bottom:0;z-index:1;
	max-width:104em;height:100%;
	margin:0 auto;
	background-image:url(https://seagm-media.seagmcdn.com/corp/art/pic_banner_tiger.png?x-oss-process=image/resize,w_800);
	background-image:-webkit-image-set(
		url(https://seagm-media.seagmcdn.com/corp/art/pic_banner_tiger.png?x-oss-process=image/resize,w_400/format,webp) 1x,
		url(https://seagm-media.seagmcdn.com/corp/art/pic_banner_tiger.png?x-oss-process=image/resize,w_800/format,webp) 2x
	);
	background-image:image-set(
		url(https://seagm-media.seagmcdn.com/corp/art/pic_banner_tiger.png?x-oss-process=image/resize,w_400/format,webp) 1x,
		url(https://seagm-media.seagmcdn.com/corp/art/pic_banner_tiger.png?x-oss-process=image/resize,w_800/format,webp) 2x
	);
	background-repeat:no-repeat;
	background-position:calc(100% - var(--PagePadding)) bottom;
	background-size:30% auto;
}
#about>.inner{position:relative;z-index:2;}
#about .intro{max-width:60em;margin:var(--PagePadding) 0;}
#about .intro h1{text-transform:uppercase;}
#about .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}
#about .intro .btw{font-size:1.333334em;display:block;max-width:20em;}

@media only screen and (max-width:1000px){
	#about{min-height:unset;}
	#about .intro{margin-right:30%;}
	#about .intro h1{font-size:2em;}
	#about .intro p{font-size:1em;}
	#about .intro .btw{font-size:1em;max-width:15em;}
}
@media only screen and (max-width:800px){
	#about .intro{margin-right:auto;}
	#about .art-bg>.lazy-bg:after{background-size:auto calc(var(--PagePadding) + var(--HeaderHeight) + 3em);}
}




#mission{}
#mission .intro{max-width:60em;margin:var(--PagePadding) auto;text-align:center;}
#mission .intro h2{font-size:3em;text-transform:uppercase;}
#mission .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}

#mission .features{}
#mission .features ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -2em;}
#mission .features li{flex:auto;max-width:29em;margin:2em;}
#mission .features li>div{min-height:100%;padding:3em;box-sizing:border-box;background:#fff;box-shadow:rgba(0 0 0/5%) 0 .5em 3em;border-radius:2em;overflow:hidden;text-align:center;}
#mission .features li>div:before{content:'';display:block;font-size:8em;width:1em;height:1em;margin:0 auto;background-image:url(../images/art/icon_mission-372a4dedcc.svg);background-repeat:no-repeat;background-position:0 calc((var(--t) - 1) * -1em);background-size:1em 5em;}
#mission .features h3{font-family:inherit;font-weight:800;font-size:1.5em;text-transform:uppercase;margin:1em 0;}
#mission .features p{font-size:1.166667em;line-height:1.75;margin:0;opacity:.54;}

@media only screen and (max-width:1000px){
	#mission .intro{max-width:60em;margin:0 auto;}
	#mission .intro h2{font-size:2em;}
	#mission .intro p{font-size:1em;}
	#mission .features{max-width:60em;margin:var(--PagePadding) auto 0;}
	#mission .features ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(24em,1fr));grid-gap:2em;margin:0;}
	#mission .features li{max-width:unset;margin:0;}
	#mission .features li>div{padding:0;background:none;box-shadow:none;position:relative;text-align:left;padding-left:7em;min-height:5em;}
	#mission .features li>div:before{font-size:5em;position:absolute;top:0;left:0;z-index:1;}
	#mission .features h3{font-size:1.25em;margin:.5em 0;}
	#mission .features p{font-size:1em;line-height:1.5;}
}
@media only screen and (max-width:640px){
	#mission .features{max-width:40em;margin:0 auto;}
}



#advantage{background:#011f3e;color:#fff;position:relative;align-items:flex-start;}
#advantage>.art-bg{position:absolute;left:0;right:0;bottom:0;z-index:1;height:50%;background-position:top center;background-repeat:no-repeat;background-size:min(var(--VWidth),1400px) auto;opacity:.5;}
#advantage>.inner{z-index:2;}

#advantage .intro{max-width:60em;margin:var(--PagePadding) auto;text-align:center;}
#advantage .intro h2{font-size:3em;text-transform:uppercase;}
#advantage .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}

#advantage .intro2{max-width:50em;margin:var(--PagePadding) auto;padding:var(--PagePadding);background:rgba(255 255 255/5%);box-shadow:rgba(255 255 255/25%) 0 0 0 1px;box-sizing:border-box;border-radius:2em;}
#advantage .intro2 h2{font-size:2em;text-transform:uppercase;color:gold;}
#advantage .intro2 p{font-size:1.166667em;margin:1em 0 0;opacity:.7;}

#advantage .features{margin:var(--PagePadding) 0;}
#advantage .features ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -2em;}
#advantage .features li{flex:auto;max-width:20em;margin:2em;}
#advantage .features li>div{text-align:center;}
#advantage .features h3{font-family:inherit;font-size:1em;line-height:1;white-space:nowrap;}
#advantage .features h3:before{content:'';display:inline-block;vertical-align:top;font-size:1.5em;width:1em;height:1em;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PGxpbmVhckdyYWRpZW50IGlkPSJnMSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iaHNsKDUxIDEwMCUgNTAlLzEpIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJoc2woNTEgMTAwJSA1MCUvMCkiLz48L2xpbmVhckdyYWRpZW50Pjxwb2x5Z29uIGZpbGw9InVybCgjZzEpIiBwb2ludHM9IjQsMTMgMTAsMTMgMTAsNyAxNCw3IDcsMCAwLDcgNCw3ICIvPjwvc3ZnPg==) no-repeat center/contain;}
#advantage .features h3 b{font-size:4em;font-weight:800;margin:0 .25em;}
#advantage .features h3 i{font-size:2em;font-weight:800;font-style:normal;text-transform:uppercase;}
#advantage .features p{font-size:1.166667em;text-transform:capitalize;opacity:.5;margin:1em 0 0;}

@media only screen and (max-width:1000px){
	#advantage>.art-bg{background-size:70em auto;}
	#advantage .intro{margin:0 auto;}
	#advantage .intro h2{font-size:2em;}
	#advantage .intro p{font-size:1em;}
	#advantage .intro2{max-width:40em;}
	#advantage .intro2 h2{font-size:1.25em;}
	#advantage .intro2 p{font-size:1em;}
	#advantage .features ul{max-width:60em;margin:0 auto;}
	#advantage .features h3 b{font-size:2.5em;}
	#advantage .features h3 i{font-size:1.5em;}
	#advantage .features p{font-size:1em;}
}



#powerup{justify-content:flex-start;flex-direction:column;}
#powerup .title{width:100%;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGZpbGw9ImhzbCg0MiAxMDAlIDk2JSkiIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIvPjwvc3ZnPg==) no-repeat center calc(100% - 1em)/calc(var(--VWidth) * 6);}

#powerup .intro{max-width:104em;margin:0 auto;text-align:center;padding:var(--HeaderHeight) var(--PagePadding);box-sizing:border-box;background-repeat:no-repeat;background-position:center bottom;background-size:min(100em,calc(100% - var(--PagePadding) * 2)) auto;}
#powerup .intro h2{font-size:3em;text-transform:uppercase;}
#powerup .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}

#powerup .features{}
#powerup .features ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(30em,1fr));grid-gap:3em 6em;}
#powerup .features li{}
#powerup .features li>div{display:grid;grid-template-columns:var(--iconsize) 1fr;grid-gap:0 2em;align-items:center;--iconsize:6em;}
#powerup .features li>div:before{content:'';display:block;width:var(--iconsize);height:var(--iconsize);margin:0 auto;background-image:url(../images/art/icon_powerup-1bc68f2f20.svg);background-repeat:no-repeat;background-position:0 calc((var(--t) - 1) * var(--iconsize) * -1);background-size:100% 600%;grid-row:span 2;align-self:flex-start;}
#powerup .features h3{font-family:inherit;font-weight:800;font-size:1.5em;text-transform:uppercase;margin:.333334em 0}
#powerup .features p{font-size:1.166667em;margin:0;opacity:.54;}

@media only screen and (max-width:1000px){
	#powerup .intro h2{font-size:2em;}
	#powerup .intro p{font-size:1em;}
	#powerup .features{max-width:60em;margin:0 auto;}
	#powerup .features ul{grid-template-columns:repeat(auto-fill,minmax(24em,1fr));grid-gap:2em;}
	#powerup .features li>div{--iconsize:5em;}
	#powerup .features h3{font-size:1.25em;}
	#powerup .features p{font-size:1em;}
}
@media only screen and (max-width:640px){
	#powerup .features{max-width:40em;margin:0 auto;}
}



#products{background:#011f3e;color:#fff;}
#products .intro{margin:var(--PagePadding) auto;text-align:center;}
#products .intro h2{font-size:3em;text-transform:uppercase;}

#products .features{background-repeat:no-repeat;background-position:top left;background-size:calc(38% - 4em) auto;padding-left:38%;display:flex;flex-wrap:wrap;}
#products .features .unit:first-of-type{flex:auto;width:100%;}
#products .features .unit{margin:2em 0;flex:20em;}
#products .features h3{font-family:inherit;font-weight:800;font-size:1.5em;text-transform:uppercase;margin-bottom:1em;display:grid;grid-template-columns:2em 1fr;grid-gap:1em;align-items:center;}
#products .features h3:before{content:attr(icon);display:block;font-size:2em;width:1em;height:1em;line-height:1;overflow:hidden;--IconFF:var(--IconFF2);align-self:flex-start;}
#products .features ul{margin-left:4.5em;}
#products .features li{margin:.5em 0;opacity:.7;}

@media only screen and (max-width:1000px){
	#products .intro h2{font-size:2em;}
	#products .features{background-position:top center;background-size:auto 18em;max-width:60em;padding:20em 0 0;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));grid-gap:2em;}
	#products .features .unit{margin:0;}
	#products .features .unit:first-of-type{grid-column:span 2;}
	#products .features ul{margin-left:3.75em;}
	#products .features li{margin:0;}
	#products .features h3{font-size:1.25em;}
}
@media only screen and (max-width:640px){
	#products .features{max-width:40em;margin:0 auto;}
	#products .features .unit:first-of-type{grid-column:auto;}
}





#partners{background:hsl(42 100% 96%);justify-content:flex-start;flex-direction:column;}
#partners .partners{width:100%;}
#partners .partners>.inner{width:100%;max-width:104em;margin:0 auto;padding:var(--HeaderHeight) var(--PagePadding) 0;box-sizing:border-box;display:flex;align-items:center;}
#partners .partners .intro{flex:4;margin:0 0 0 var(--PagePadding);}
#partners .partners .intro h2{font-size:2.5em;text-transform:uppercase;}
#partners .partners .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}
#partners .partners .list{flex:6;order:-1;}

#partners #partner_list{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:1px;}
#partners #partner_list:after{content:'';display:block;grid-area:2/2/5/5;order:12;background:#f4af0d url(https://seagm-media.seagmcdn.com/corp/art/pic_partner_bg.png!webp) no-repeat bottom center/contain;box-shadow:rgb(0 0 0 / 10%) 0 0 2em inset;border-radius:1em;}
#partners #partner_list>li{}
#partners #partner_list>li>div{}
#partners #partner_list .logo{position:relative;padding-top:100%;/*background:hsl(42 100% 50%/var(--alpha,.2));border-radius:1em;*/}
#partners #partner_list .logo img{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;margin:auto;max-width:calc(100% - var(--pd,2em));max-height:calc(100% - var(--pd,2em));}
/*#partners #partner_list>li{order:calc(var(--c1,1) * var(--c2,1) - var(--t));animation-name:PartnerLogo;animation-timing-function:linear;animation-duration:calc((var(--c2,0) + 9.7) * .5s);animation-delay:calc((var(--c1,0) + 3.7) * 2.1s);animation-fill-mode:forwards;animation-iteration-count:infinite;opacity:0;}
@keyframes PartnerLogo{
	0%,10%{opacity:0;}
	20%,30%{opacity:1;}
	40%,100%{opacity:0;}
}
#partners:not(.active) #partner_list>li{animation:none;}*/

#partners .reviews{}
#partners .reviews>.inner{width:100%;max-width:104em;padding:var(--HeaderHeight) var(--PagePadding);box-sizing:border-box;}
#partners .reviews .intro{margin:var(--PagePadding) auto;}
#partners .reviews .intro h2{font-size:3em;text-transform:uppercase;}
#partners .reviews .intro h2:after{content:'';display:block;font-size:.666667em;width:6.5em;height:1em;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MCA1MCI+PHBhdGggZmlsbD0iZ29sZCIgZD0iTTI1LjkgMzguN2wxMC45IDUuN2MxLjUuOCAzLjItLjUgMi45LTIuMWwtMi4xLTEyLjJjLS4xLS42LjEtMS4zLjYtMS44bDguOC04LjZjMS4yLTEuMi41LTMuMi0xLjEtMy40bC0xMi4yLTEuOGMtLjctLjEtMS4yLS41LTEuNS0xLjFsLTUuNC0xMWMtLjctMS41LTIuOS0xLjUtMy42IDBsLTUuNSAxMS4xYy0uMy42LS45IDEtMS41IDEuMUw0IDE2LjRjLTEuNi4yLTIuMyAyLjMtMS4xIDMuNGw4LjggOC42Yy41LjUuNyAxLjEuNiAxLjhsLTIuMSAxMi4yYy0uMyAxLjYgMS40IDIuOSAyLjkgMi4xTDI0IDM4LjhjLjctLjQgMS4zLS40IDEuOS0uMXoiLz48L3N2Zz4=) repeat-x left center/auto 100%;}

#partners .reviews ul{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:2em;}
#partners .reviews ul:before,
#partners .reviews ul:after{content:'';display:block;flex:none;font-size:8em;width:1em;height:1em;opacity:10%;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA0OCI+PHBhdGggZD0iTTYzLjMgMGMuOS0uMi43LjUuNy45djExLjZjLS4yIDAtLjUtLjEtLjcgMEM1Mi4xIDE1LjIgNDguNyAyNS45IDUxIDM0LjFoMTNWNDhIMzYuNWMtMS4yLTktLjktMTcuOSAxLjktMjYuNiAzLjItOS45IDkuMy0xNyAxOS44LTIwLjFDNTkuOC45IDYxLjYuNSA2My4zIDB6TTIyLjQgMS4zQzExLjkgNC40IDUuNyAxMS42IDIuNSAyMS40LS4yIDMwLjEtLjUgMzkgLjcgNDhoMjcuNVYzNC4xaC0xM2MtMi4zLTguMyAxLjEtMTguOSAxMi4zLTIxLjZoLjdWLjljMC0uNS4yLTEuMS0uNy0uOS0xLjcuNS0zLjUuOS01LjEgMS4zeiIvPjwvc3ZnPg==) no-repeat center/contain;}
#partners .reviews ul:before{margin-right:auto;}
#partners .reviews ul:after{margin-left:auto;transform:rotate(180deg);align-self:flex-end;}
#partners .reviews li{flex:1 1 30em;max-width:40em;}
#partners .reviews li>div{min-height:100%;box-sizing:border-box;background:#fff;box-shadow:rgba(0 0 0/5%) 0 .5em 3em;border-radius:2em 0em 2em 0em;overflow:hidden;--r:240;--g:240;--b:240;}
#partners .reviews .title{padding:2em 6em 2em 3em;border-bottom-right-radius:2em;position:relative;background-color:var(--background-color);color:var(--color);}
#partners .reviews .title:after{content:'';display:block;width:4em;height:4em;position:absolute;top:0;right:0;z-index:1;margin:2em;background-repeat:no-repeat;background-position:center;background-size:contain;}
#partners .reviews .title h3{font-size:1.5em;font-family:inherit;font-weight:800;}
#partners .reviews .title .org{font-size:1.166667em;opacity:.7;}
#partners .reviews .quote{padding:2em 3em;}
#partners .reviews .quote p{font-size:1.166667em;margin:0;opacity:.7;}

#partners .reviews .r01{--r:0;--g:0;--b:0;}
#partners .reviews .r01 .title:after{background-image:url(../images/art/logo_wulfwerk-14b23b78b0.svg);}
#partners .reviews .r02{--r:242;--g:209;--b:116;}
#partners .reviews .r02 .title:after{background-image:url(../images/art/logo_shield-fb4e974412.svg);}
#partners .reviews .r03{--r:230;--g:230;--b:230;}
#partners .reviews .r03 .title:after{background-image:url(../images/art/logo_netdragon-dd7d8d7e2c.svg);}
#partners .reviews .r04{--r:143;--g:65;--b:152;}
#partners .reviews .r04 .title:after{background-image:url(../images/art/logo_dotlines-da8d2f25a8.svg);}

@media only screen and (max-width:1000px){
	#partners .partners>.inner{display:block;}
	#partners .partners .intro{max-width:60em;margin:0 auto;}
	#partners .partners .intro h2{font-size:2em;}
	#partners .partners .intro p{font-size:1em;}
	#partners .partners .list{max-width:60em;margin:0 auto;}
	#partners #partner_list{grid-template-columns:repeat(auto-fill,minmax(5em,1fr));}
	#partners #partner_list>li{animation:none;opacity:1;}
	#partners #partner_list .logo{/*--alpha:calc(var(--c1,0) * 10% + var(--c2,0) * 10% + 20%);*/--alpha:0;--pd:1em;}

	#partners .reviews .intro{max-width:60em;}
	#partners .reviews .intro h2{font-size:2em;}
	#partners .reviews ul{max-width:60em;}

	#partners .reviews ul{position:relative;}
	#partners .reviews ul:before,
	#partners .reviews ul:after{font-size:2em;position:absolute;z-index:1;}
	#partners .reviews ul:before{top:0;left:0;}
	#partners .reviews ul:after{right:0;bottom:0;}
	#partners .reviews li{max-width:25em;}
	#partners .reviews li>div{border-radius:1em 0 1em 0;}
	#partners .reviews .title{padding:1.5em 4.5em 1.5em 2em;border-bottom-right-radius:1em;}
	#partners .reviews .title:after{width:3em;height:3em;margin:-1.5em 1.5em;top:50%;}
	#partners .reviews .title h3{font-size:1.166667em;}
	#partners .reviews .title .org{font-size:1em;}
	#partners .reviews .quote{padding:1.5em 2em;}
	#partners .reviews .quote p{font-size:1em;}
}
@media only screen and (max-width:640px){
	#partners .partners .intro{max-width:40em;}
	#partners .partners .list{max-width:40em;}
	#partners .reviews .intro{max-width:40em;}
	#partners .reviews ul{max-width:40em;}
	#partners .reviews ul:before,
	#partners .reviews ul:after{content:none;}
}



#social{}
#social .intro{max-width:60em;margin:var(--PagePadding) auto;text-align:center;}
#social .intro h2{font-size:3em;text-transform:uppercase;}
#social .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}

#social .features{margin:var(--PagePadding) auto;}
#social .features ul{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 -2em;}
#social .features li{flex:auto;max-width:30em;margin:2em;}
#social .features li>div{text-align:center;}
#social .features li>div:before{content:'';display:block;width:100%;padding-top:50%;background:#fff url(../images/art/pic_social_1-daad0cf2e3.svg) no-repeat top center/100% auto;box-shadow:rgb(0 0 0 / 5%) 0 0.5em 3em;border-radius:.9em;margin-bottom:3em;}
#social .features li:last-child>div:before{background-image:url(../images/art/pic_social_2-29fcd737fd.svg)}
#social .features h3{font-family:inherit;font-weight:800;font-size:1.5em;text-transform:uppercase;margin:1em 0;}
#social .features p{font-size:1.166667em;line-height:1.75;margin:0;opacity:.54;}

#social .features2{margin:0 auto;}
#social .features2 ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));grid-gap:3em 6em;}
#social .features2 li{}
#social .features2 li>div{display:grid;grid-template-columns:var(--iconsize) 1fr;grid-gap:2em;align-items:center;--iconsize:5em;}
#social .features2 li>div:before{content:'';display:block;width:var(--iconsize);height:var(--iconsize);margin:0 auto;background-image:url(../images/art/icon_social-022393e592.svg);background-repeat:no-repeat;background-position:0 calc((var(--t) - 1) * var(--iconsize) * -1);background-size:100% 500%;}
#social .features2 h3{font-family:inherit;font-weight:800;font-size:1.5em;text-transform:uppercase;margin:.333334em 0}

@media only screen and (max-width:1000px){
	#social .intro h2{font-size:2em;}
	#social .intro p{font-size:1em;}

	#social .features{max-width:60em;}
	#social .features li{max-width:25em;}
	#social .features h3{font-size:1.25em;}
	#social .features p{font-size:1em;}

	#social .features2{max-width:60em;}
	#social .features2 ul{grid-gap:2em;}
	#social .features2 li>div{--iconsize:4em;}
	#social .features2 h3{font-size:1.25em;}
}
@media only screen and (max-width:640px){
	#social .features2{max-width:30em;}
}



#milestone{background:hsl(42 100% 96%);}
#milestone .intro{}
#milestone .intro h2{font-size:3em;text-transform:uppercase;}


#timeline{position:relative;}
#timeline:before,
#timeline:after{content:'';display:block;width:var(--PagePadding);position:absolute;top:0;bottom:0;z-index:1;pointer-events:none;}
#timeline:before{left:0;background:linear-gradient(90deg,hsl(42 100% 96%),hsl(42 100% 96%/0));}
#timeline:after{right:0;background:linear-gradient(-90deg,hsl(42 100% 96%),hsl(42 100% 96%/0));}

#timeline .swiper{overflow:hidden;padding:0 calc(var(--PagePadding) / 2);}
#timeline .swiper-wrapper{display:flex;padding:var(--PagePadding) 0;cursor:grab;}
#timeline .swiper-slide{flex:none;width:100%;max-width:max(33.333%,30em);padding:0 calc(var(--PagePadding) / 2);box-sizing:border-box;}
#timeline .swiper-slide>div{min-height:100%;height:25em;padding:var(--PagePadding);box-sizing:border-box;border-radius:1em;overflow:hidden;background:var(--bgc,#fff);color:var(--color,currentColor);box-shadow:rgba(0 0 0/10%) 0 0 2em;position:relative;}
#timeline .swiper-slide>div>div.swiper-lazy{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:var(--op,.5);}

#timeline .swiper-slide[year="2007"]{--bgc:darkorange;--color:#fff;--op:.1;}
#timeline .swiper-slide[year="2017"]{--bgc:#000;--color:#fff;--op:.3;}
#timeline .swiper-slide[year="2020"]{--bgc:#000;--color:#fff;--op:.3;}

#timeline h3{font-family:var(--SiteFF2);font-weight:800;font-size:3em;margin-bottom:.5em;display:flex;align-items:center;white-space:nowrap;position:relative;z-index:2;}
#timeline p{font-size:1.166667em;margin:0;position:relative;z-index:2;opacity:.8;}

#timeline .swiper-button-wrapper{background:red;position:absolute;left:0;right:0;top:50%;z-index:20;height:0;margin:-1.5em 2.5em 0;display:flex;justify-content:space-between;}
#timeline .swiper-button-wrapper .btw{flex:none;width:3em;height:3em;transition:.3s;}
#timeline .swiper-button-disabled{opacity:0;transform:scale(.5);visibility:hidden;pointer-events:none;}


#milestone .awards{}
#milestone .awards ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));grid-gap:4em;}
#milestone .awards li{}
#milestone .awards li>div{}
#milestone .awards .logo{max-width:12.5em;margin:0 auto;}
#milestone .awards .logo img{vertical-align:top;width:100%;height:auto;}
#milestone .awards .info{text-align:center;}
#milestone .awards h3{font-size:1.166667em;font-weight:800;font-family:var(--SiteFF2);margin:1em 0;}
#milestone .awards p{font-size:1em;margin:0;opacity:.54;}

@media only screen and (max-width:1000px){
	#milestone .intro{max-width:60em;margin:0 auto;}
	#milestone .intro h2{font-size:2em;}

	#timeline{margin:0 calc(var(--PagePadding) * -1);}
	#timeline .swiper-slide>div{height:inherit;min-height:20em;}
	#timeline .swiper-button-wrapper{display:none;}
	#timeline h3{font-size:2.5em;}
	#timeline p{font-size:1em;}

	#milestone .awards{max-width:60em;margin:0 auto;}
	#milestone .awards ul{grid-template-columns:repeat(auto-fill,minmax(25em,1fr));grid-gap:2em;}
	#milestone .awards li>div{display:grid;grid-template-columns:8em 1fr;grid-gap:0 2em;align-items:center;}
	#milestone .awards .logo{align-self:flex-start;}
	#milestone .awards .info{text-align:left;}
	#milestone .awards h3{font-size:1em;margin:.5em 0;}
	#milestone .awards p{font-size:1em;}
}
@media only screen and (max-width:640px){
	#milestone .awards{max-width:40em;margin:0 auto;}
}


#contact{background:#000;color:#fff;min-height:min(var(--VHeight),30em)}
#contact .art-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
#contact .art-bg>.lazy-bg{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
#contact .art-bg>.lazy-bg:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(0deg,rgba(0 0 0/.5),rgba(0 0 0/.25)) no-repeat center/cover;-webkit-backdrop-filter:grayscale(.5)blur(1em);-moz-backdrop-filter:grayscale(.5)blur(1em);backdrop-filter:grayscale(.25)blur(1em);}
#contact>.inner{z-index:2;}
#contact .intro{max-width:60em;margin:0 auto;text-align:center;}
#contact .intro h2{font-size:2em;text-transform:uppercase;}
#contact .intro .btc{margin:2em 0 0;}
#contact .intro .btw{font-size:1.333334em;display:block;margin:0 auto;max-width:20em;}
@media only screen and (max-width:1000px){
	#contact{min-height:unset;}
	#contact .intro h2{font-size:1.25em;}
	#contact .intro .btw{font-size:1em;}
}