@charset "UTF-8";

#header{
	--HeaderColor:rgba(0 0 0/80%);
	--HeaderHighlight-h:0;
	--HeaderHighlight-s:0%;
	--HeaderHighlight-l:0%;
	--HeaderHighlight-a:20%;
}

.step{
	position: relative;
	overflow: hidden;
}
#platform_seagm {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGZpbGw9ImhzbCg0NSAxMDAlIDkwJSkiIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIvPjwvc3ZnPg==) no-repeat calc(var(--VWidth) * .6) center/calc(var(--VWidth) * 2);
	/*background-color: #fff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGZpbGw9ImhzbCg0NSAxMDAlIDkwJSkiIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIvPjwvc3ZnPg==),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGZpbGw9ImhzbCg0NSAxMDAlIDkwJS81MCUpIiBjeD0iNTAiIGN5PSI1MCIgcj0iNTAiLz48L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: calc(var(--VWidth) * .6) center,calc(var(--VWidth) * .5 - var(--HeaderHeight)) center;
	background-size: calc(var(--VWidth) * 2);*/
}
#platform_kaleoz {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGZpbGw9ImhzbCgyMTAgMTAwJSA5MCUpIiBjeD0iNTAiIGN5PSI1MCIgcj0iNTAiLz48L3N2Zz4=) no-repeat calc(100% - var(--VWidth) * .6) center/calc(var(--VWidth) * 2);
}
#platform_seagmnews {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGZpbGw9ImhzbCgxNSAxMDAlIDkwJSkiIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIvPjwvc3ZnPg==) no-repeat calc(var(--VWidth) * .6) center/calc(var(--VWidth) * 2);
}


.art{--width:clamp(60em,calc(var(--VWidth) * .8),80em);width:var(--width);position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;pointer-events:none;}

#seagm_cover.art{left:50%;}
#kaleoz_cover.art{right:50%;}
#seagmnews_cover.art{left:50%;}

.art>*{transition:transform 1s;}
.art .laptop{flex:auto;padding-top:58.7147887323944%;background-position:center;background-repeat:no-repeat;background-size:contain;position:relative;}
.art .laptop>.inner{position:absolute;top:0;left:0;right:0;z-index:1;margin:2.5% auto;width:78.169014084507%;height:83.5082458770615%;}
.art .mobile{position:absolute;left:0;top:50%;z-index:3;--mobilewidth:calc(var(--width) * .2);width:var(--mobilewidth);height:calc(var(--mobilewidth) * 1.966759002770083);margin:-8% 3%;transition-delay:.25s;overflow:hidden;}
.art .mobile>.phone{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-position:center;background-repeat:no-repeat;background-size:contain;}
.art .mobile>.inner{position:relative;width:100%;height:100%;overflow:hidden;}

.step:not(.active) #seagm_cover.art>*{transform:translateX(6em);}
.step:not(.active) #kaleoz_cover.art>*{transform:translateX(-6em);}
.step:not(.active) #seagmnews_cover.art>*{transform:translateX(6em);}

#seagm_content{margin-right:auto;--iconbg:hsl(45 100% 90%);--iconcolor:hsl(45 100% 40%);}
#kaleoz_content{margin-left:auto;--iconbg:hsl(210 100% 90%);--iconcolor:hsl(210 100% 60%);}
#seagmnews_content{margin-right:auto;--iconbg:hsl(15 100% 90%);}

.content{max-width:calc(50% - var(--PagePadding));margin:var(--PagePadding) 0;}
.content h2{font-size:3em;text-transform: uppercase;}
.content p{font-size:1.166667em;opacity:.5;}

.feature{margin:var(--PagePadding) 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));grid-gap:2em 3em;}
.feature li{}
.feature span{display:grid;grid-template-columns:3em 1fr;grid-gap:1em;align-items:center;font-size:1.166667em;font-weight:800;}
.feature span:before{content:attr(icon);display:block;font-size:2em;width:1.5em;height:1.5em;line-height:1.5;text-align: center;border-radius:.5em;overflow:hidden;align-self:flex-start;background:var(--iconbg,hsl(0 0% 0%/5%));color:var(--iconcolor,rgba(0 0 0/50%));}

@media only screen and (max-width:1000px){
	#platform_seagm,
	#platform_kaleoz,
	#platform_seagmnews{background-size:calc(var(--VWidth) * 4);background-position:center calc(var(--VWidth) * -4 + 30em);}
	.art{position:relative;margin:0 auto;top:unset;left:unset!important;right:unset!important;bottom:unset;--width:min(calc(var(--VWidth) - var(--PagePadding) * 2),60em);}
	.content{width:48em;max-width:100%;margin:var(--PagePadding) auto;}
	.content h2{font-size:2.5em;}
	.content p{font-size: 1em;}
	.feature{grid-gap:1em;}
	.feature span{font-size:1em;}
}
@media only screen and (max-width:800px){
	#platform_seagm,
	#platform_kaleoz,
	#platform_seagmnews{background-position:center calc(var(--VWidth) * -4 + 20em);}
	.art{--width:min(calc(var(--VWidth) - var(--PagePadding) * 2),40em)}
	.content{width:40em;}
	.content p{font-size:1em;}
}
@media only screen and (max-width:640px){
	.content{width:30em;}
	.content h2{font-size:2em;}
}



.slider{width:100%;height:100%;position:relative;overflow:hidden;background:#000;}
.slider:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(120deg,transparent 0%,hsl(0 0% 100%/.1) 40%,transparent 40%);}
.slider>li{font-size:10em;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;transition:1s;background-position:top center;background-repeat:no-repeat;background-size:cover;}
.slider>li.show{opacity:1;}
.mobile .slider{width:85%;height:93%;margin:7% auto;}
.mobile .slider>li{background-size:contain;background-position:center;transition-delay:.25s;}