

#decompose {
	/*
	display: grid;
	grid-template-columns: repeat(var(--n, 7), var(--w, 13em));
	grid-gap: 1em;
	place-content: center;
	margin: 0;
	min-width: 13em;
	position: relative;
	height: var(--h, 19em);
	*/
	--d: 5em;
	--ang: 135deg;
	--sqrt2: 1.41421356237;
	--h: 19em;
	overflow: hidden;
	min-height: 100vh;
	height: 100vh;
	width: 100%;
	box-shadow: 2px 2px 17px #000;
	background: linear-gradient(var(--ang, 180deg), rgba(223,90,0,0.6), rgba(63,126,166,0.6));
}
#decompose:before, .card:nth-child(17):after {
  --strip-end: var(--c0);
  --strip-stop: calc(.1*var(--d));
  background: repeating-radial-gradient(circle, var(--strip-list)) calc(50% - var(--i)*.5*var(--d)) 50%/var(--d) var(--d);
  --joint-end: var(--notc);
  --joint-mid: var(--c);
  --joint-stop: 50%;
  --mask:
  	linear-gradient(var(--joint-list));
  --mask-o: 50% 50%;
  --mask-d: 100% var(--d) ;
}

#identify {
	--d: 5em;
    --ang: 180deg;
    --sqrt2: 1.41421356237;
    --h: 19em;
    overflow: hidden;
    min-height: 100vh;
    height: 100vh;
    width: 100%;
    box-shadow: 3px 9px 17px #000;
    background: linear-gradient(var(--ang, 250deg), rgba(55,149,40,0.6), rgba(63,126,166,0.6));
}
#identify:before, .card:nth-child(17):after {
  --strip-end: var(--c0);
  --strip-stop: calc(.1*var(--d));
  background: repeating-radial-gradient(circle, var(--strip-list)) calc(50% - var(--i)*.5*var(--d)) 50%/var(--d) var(--d);
  --joint-end: var(--notc);
  --joint-mid: var(--c);
  --joint-stop: 50%;
  --mask:
  	linear-gradient(var(--joint-list));
  --mask-o: 50% 50%;
  --mask-d: 100% var(--d) ;
}


#collaborate {
	--d: 5em;
    --ang: 360deg;
    --sqrt2: 1.41421356237;
    --h: 19em;
    overflow: hidden;
    min-height: 100vh;
    height: 100vh;
    width: 100%;
    box-shadow: 1px 0px 7px #000;
    background: linear-gradient(var(--ang, 90deg), rgba(255,149,40,0.6), rgba(63,126,166,0.6));
}
#collaborate:before, .card:nth-child(17):after {
  --strip-end: var(--c0);
  --strip-stop: calc(.1*var(--d));
  background: repeating-radial-gradient(circle, var(--strip-list)) calc(50% - var(--i)*.5*var(--d)) 50%/var(--d) var(--d);
  --joint-end: var(--notc);
  --joint-mid: var(--c);
  --joint-stop: 50%;
  --mask:
  	linear-gradient(var(--joint-list));
  --mask-o: 50% 50%;
  --mask-d: 100% var(--d) ;
}


#collaborate {
	/*
	display: grid;
	grid-template-columns: repeat(var(--n, 7), var(--w, 13em));
	grid-gap: 1em;
	place-content: center;
	margin: 0;
	min-width: 13em;
	position: relative;
	height: var(--h, 19em);
	*/
	--d: 5em;
	--ang: 135deg;
	--sqrt2: 1.41421356237;
	--h: 19em;
	overflow: hidden;
	min-height: 100vh;
	height: 100vh;
	width: 100%;
	box-shadow: 2px 2px 17px #000;
	background: linear-gradient(var(--ang, 180deg), rgba(255,149,40,0.6), rgba(63,126,166,0.6));
}
#collaborate:before, .card:nth-child(17):after {
  --strip-end: var(--c0);
  --strip-stop: calc(.1*var(--d));
  background: repeating-radial-gradient(circle, var(--strip-list)) calc(50% - var(--i)*.5*var(--d)) 50%/var(--d) var(--d);
  --joint-end: var(--notc);
  --joint-mid: var(--c);
  --joint-stop: 50%;
  --mask:
  	linear-gradient(var(--joint-list));
  --mask-o: 50% 50%;
  --mask-d: 100% var(--d) ;
}

#virtualize {
	--d: 5em;
    --ang: 180deg;
    --sqrt2: 1.41421356237;
    --h: 19em;
    overflow: hidden;
    min-height: 100vh;
    height: 100vh;
    width: 100%;
    box-shadow: 3px 9px 17px #000;
    background: linear-gradient(var(--ang, 250deg), rgba(2,48,89,0.6), rgba(223,90,0,0.6));
}
#virtualize:before, .card:nth-child(17):after {
  --strip-end: var(--c0);
  --strip-stop: calc(.1*var(--d));
  background: repeating-radial-gradient(circle, var(--strip-list)) calc(50% - var(--i)*.5*var(--d)) 50%/var(--d) var(--d);
  --joint-end: var(--notc);
  --joint-mid: var(--c);
  --joint-stop: 50%;
  --mask:
  	linear-gradient(var(--joint-list));
  --mask-o: 50% 50%;
  --mask-d: 100% var(--d) ;
}

