/* home */
.home .intro { display:flex; flex-wrap:wrap; flex-direction:row-reverse; margin-bottom:60px; }
.home .intro .main { flex-basis:55%; max-width:640px; padding:120px 0; }
.home .intro .main h1 { font-family:'BeausiteClassic',sans-serif; font-size:54px; line-height:1.2; letter-spacing:-0.01em; font-weight:700; margin-bottom:22px; }
.home .intro .main p.desc { font-size:20px; line-height:1.6; margin-bottom:30px; }
.home .intro .main ul { display:flex; flex-wrap:wrap; margin-bottom:30px; font-size:17px; line-height:23px; display:none; }
.home .intro .main ul li { margin:0 12px 12px 0;}
.home .intro .main ul li a { display:block; padding:9px 16px; border-radius:23px; background:hsl(220,10%,94%); color:inherit; }
.home .intro .main ul li a:hover { background:hsl(215,100%,95%); }
.home .intro .main ul li a:active { background:hsl(215,100%,93%); }
.home .intro .main p.go { margin-bottom:0; font-size:19px; font-weight:500; }
.home .intro .picture { flex-grow:1; background:url('/assets/svg/join-bitfrost.svg') no-repeat center center; margin-right:30px; }

/* teams */
.home .teams { max-width:980px; margin:80px auto; font-variant-numeric:tabular-nums; -webkit-font-feature-settings:'tnum'; font-feature-settings:'tnum'; }
.home .teams h2 { display:none; }
.home .teams ul { display:flex; flex-wrap:wrap; margin:0 -12px; }
.home .teams ul li { width:calc(33.333% - 24px); display:flex; margin:12px; }
.home .teams ul li a { display:flex; flex-direction:column; aspect-ratio:3/2; justify-content:space-between; flex-grow:1; background:hsl(215,100%,98%); padding:30px; border-radius:16px; color:hsl(210,14%,65%); -webkit-transition:.1s all; -o-transition:.1s all; transition:.1s all; -webkit-tap-highlight-color:transparent; }
.home .teams ul li a b { display:block; font-size:19px; line-height:1.6; font-weight:500; color:#000; }
.home .teams ul li a i { align-self:flex-start; font-style:normal; }
.home .teams ul li a:hover { background:hsl(215,100%,95%); }
.home .teams ul li a:active { background:hsl(215,100%,93%); }

.home .teams ul li:last-child a { justify-content:center; align-items:center; font-weight:500; }

/* locations */
.home .locations { max-width:980px; margin:120px auto; }
.home .locations h2 { font-size:22px; margin-bottom:20px; }
.home .locations ul { display:flex; flex-wrap:wrap; margin:0 -15px; font-size:18px; font-weight:500; }
.home .locations ul li { width:calc(50% - 30px); margin:15px; }
.home .locations ul li a { position:relative; display:flex; aspect-ratio:3/2; background:hsl(215,6%,95%) no-repeat center center; background-size:cover; border-radius:16px; color:#fff !important; overflow:hidden; -webkit-transition:.1s opacity; -o-transition:.1s opacity; transition:.1s opacity; -webkit-tap-highlight-color:transparent; }
.home .locations ul li a:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:.8; -webkit-transition:.15s opacity; -o-transition:.15s opacity; transition:.15s opacity;
background:-webkit-gradient(linear, left bottom, left top, from(rgb(0,0,0,.7)), color-stop(75%, rgba(0,0,0,0)));
background:-o-linear-gradient(bottom, rgb(0,0,0,.7), rgba(0,0,0,0) 75%);
background:linear-gradient(to top, rgb(0,0,0,.7), rgba(0,0,0,0) 75%);
}
.home .locations ul li a span { display:flex; align-items:flex-end; padding:24px 30px; flex-grow:1; position:relative; z-index:2;}

.home .locations ul li.spain-marbella a { background-image:url('/assets/i/home/locations/spain-marbella.jpg'); }
.home .locations ul li.estonia-tallinn a { background-image:url('/assets/i/home/locations/estonia-tallinn.jpg'); }
.home .locations ul li.switzerland-zurich a { background-image:url('/assets/i/home/locations/switzerland-zurich.jpg'); }
.home .locations ul li.remote a { background-image:url('/assets/i/home/locations/remote.jpg'); }

.home .locations ul li a:hover:after { opacity:1; }
.home .locations ul li a:active { opacity:0.9; }

/* see */
.home p.see { max-width:980px; margin:0 auto 30px; box-sizing:border-box; font-size:18px; line-height:24px; font-weight:500; }
.home p.see a { display:block; background:hsl(215,100%,98%); border-radius:14px; padding:38px 0 36px; text-align:center; color:#000 !important; -webkit-transition:.15s all; -o-transition:.15s all; transition:.15s all; -webkit-tap-highlight-color:transparent; }
.home p.see a:hover { background:hsl(215,100%,95%); }
.home p.see a:active { background:hsl(215,100%,93%); }

@media screen and (max-width:1070px) {
/* home */
.home .intro { flex-direction:column-reverse; align-items:center; }
.home .intro .main { display:block; padding:inherit; text-align:center; }
.home .intro .picture { height:400px; background-size:contain; margin-bottom:40px; width:100%; margin-right:inherit; }

/* teams */
.home .teams ul { max-width:740px; margin:0 auto; }
.home .teams ul li { width:calc(50% - 18px); margin:9px; }
}
@media screen and (max-width:735px) {
/* home */
.home .intro .picture { height:300px; }

/* locations */
.home .locations ul li { width:calc(50% - 18px); margin:9px; }
}
@media screen and (max-width:650px) {
/* home */
.home .intro .main h1 { font-size:40px; line-height:1.2; }
.home .intro .main p.desc { color:hsl(215,7%,45%); font-size:inherit; }
.home .intro .picture { height:160px; margin-bottom:32px; }

/* teams */
.home .teams { margin:64px 0; }
.home .teams ul li { width:100%; margin:0 0 12px; }
.home .teams ul li a { aspect-ratio:auto; border-radius:12px; padding:20px 22px; }

/* locations */
.home .locations { margin:64px 0; }
.home .locations ul { margin:0; }
.home .locations ul li { width:100%; margin:0 0 16px; }
.home .locations ul li a span { padding:22px 26px; }

/* see */
.home p.see a { padding:34px 0 32px; }
}
@media screen and (max-width:370px) {
.home .intro .main h1 { font-size:30px; }
.home .teams ul li a b { font-size:16px; }
}